arize-phoenix 11.23.0__py3-none-any.whl → 11.23.2__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.23.0.dist-info → arize_phoenix-11.23.2.dist-info}/METADATA +1 -1
- {arize_phoenix-11.23.0.dist-info → arize_phoenix-11.23.2.dist-info}/RECORD +12 -12
- phoenix/server/api/types/GenerativeModel.py +8 -5
- phoenix/server/static/.vite/manifest.json +9 -9
- phoenix/server/static/assets/{components-D0DWAf0l.js → components-PCtifE4_.js} +1 -1
- phoenix/server/static/assets/{index-BPCwGQr8.js → index-B8qLHbUW.js} +1 -1
- phoenix/server/static/assets/{pages-Creyamao.js → pages-U3zpr_jU.js} +108 -108
- phoenix/version.py +1 -1
- {arize_phoenix-11.23.0.dist-info → arize_phoenix-11.23.2.dist-info}/WHEEL +0 -0
- {arize_phoenix-11.23.0.dist-info → arize_phoenix-11.23.2.dist-info}/entry_points.txt +0 -0
- {arize_phoenix-11.23.0.dist-info → arize_phoenix-11.23.2.dist-info}/licenses/IP_NOTICE +0 -0
- {arize_phoenix-11.23.0.dist-info → arize_phoenix-11.23.2.dist-info}/licenses/LICENSE +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{K as ne,D as ke,bG as ze,I as gn,B as er,bH as Sn,J as Rt,P as nr,bI as vn,M as _l,E as ms,H as gs,bJ as et,bK as nt,bL as Lt,N as Na,O as ot,r as y,j as e,u as st,bi as qa,l as o,a4 as X,R as la,o as K,ar as W,b4 as Me,b5 as Tn,b7 as Ve,b8 as ee,az as Kn,a6 as G,bM as rn,q as Ue,au as on,bN as Ni,ay as H,a7 as ie,a8 as Fe,b3 as Aa,U as T,$ as Se,bO as dt,bP as ff,bQ as hf,bR as kf,bF as tn,av as Al,bS as lo,aA as ps,aw as ys,ax as fs,bT as bf,bU as ar,bV as Mt,bW as Sf,bX as xe,aY as Bt,bY as nn,bZ as vf,Q as Cf,b9 as qn,b_ as Ff,bb as Tf,b$ as Kf,Z as to,bl as Ce,bp as wl,c0 as Un,bk as Xe,bj as ta,c1 as yn,m as hs,W as Pf,a5 as Il,V as io,bg as ks,X as If,c2 as xf,c3 as Ci,c4 as Fi,c5 as ql,aR as Vt,t as ct,c6 as Lf,ah as zt,c7 as Df,c8 as ro,c9 as _f,ca as Af,cb as wf,cc as Ef,cd as Rf,ce as Mf,cf as Vf,cg as zf,ch as Nf,ci as Ua,T as $f,cj as jf,g as bs,ck as Of,b1 as qt,cl as Ss,cm as vs,cn as Qf,co as Bf,cp as qf,cq as Uf,cr as Hf,n as Gf,cs as Wf}from"./vendor-CU36oj8y.js";import{k as Xa,j as Ya,T as lr,l as Jf,f as Cs,P as Fs,g as ml,h as ut,_ as El,i as Ut,m as Zf,n as tr,D as Xf,A as Yf,o as Ts,u as eh,p as nh,q as oo}from"./vendor-arizeai-Ctgw0e1G.js";import{s as ah,l as lh,j as ir,a as fn,i as rr,b as th,c as ih,d as ka,e as Sa,f as Ks,D as Ps,g as Oa,h as Cl,C as Dt,k as rh,m as $e,T as On,n as oh,o as or,p as so,q as sh,r as co,t as dh,u as ch,v as uh,P as mt,w as mh,_ as Z,x as J,y as ce,z as ue,A as me,B as pe,E as ye,F as v,G as Y,H as Ha,I as b,J as C,K as sr,L as M,M as x,N as el,O as hn,Q as U,R as Is,S as xs,U as Ke,V as Pe,W as ve,X as de,Y as uo,Z as mo,$ as xa,a0 as un,a1 as ea,a2 as kn,a3 as bn,a4 as wn,a5 as va,a6 as Rl,a7 as pn,a8 as _n,a9 as gl,aa as Be,ab as Ze,ac as je,ad as oe,ae as fe,af as Wn,ag as gt,ah as Ls,ai as sn,aj as Ds,ak as dn,al as Ne,am as dr,an as wa,ao as _s,ap as As,aq as xn,ar as se,as as be,at as Ln,au as Nt,av as he,aw as He,ax as gh,ay as ph,az as ws,aA as $i,aB as cr,aC as Ht,aD as yh,aE as fh,aF as ji,aG as Ct,aH as Es,aI as Te,aJ as Qe,aK as dl,aL as pa,aM as hl,aN as hh,aO as kh,aP as Rs,aQ as Ie,aR as Ms,aS as go,aT as at,aU as Rn,aV as Ca,aW as mn,aX as bh,aY as pt,aZ as cl,a_ as Fa,a$ as Yn,b0 as Fn,b1 as Pn,b2 as oa,b3 as Vn,b4 as zn,b5 as Nn,b6 as Gt,b7 as en,b8 as na,b9 as Wt,ba as Sh,bb as vh,bc as Ch,bd as Fh,be as Th,bf as Ml,bg as Ka,bh as Ea,bi as Vs,bj as zs,bk as Kh,bl as Ph,bm as Ih,bn as Dn,bo as aa,bp as xh,bq as ga,br as Lh,bs as Ns,bt as ur,bu as nl,bv as mr,bw as gr,bx as Dh,by as $s,bz as _h,bA as Ah,bB as wh,bC as Eh,bD as Rh,bE as Mh,bF as Vh,bG as zh,bH as Nh,bI as $h,bJ as lt,bK as jh,bL as Jt,bM as Zt,bN as Ae,bO as Oi,bP as we,bQ as Ee,bR as Qn,bS as Oh,bT as Qh,bU as Bh,bV as Hn,bW as qh,bX as Uh,bY as Hh,bZ as Xt,b_ as Yt,b$ as js,c0 as Gh,c1 as Wh,c2 as Jh,c3 as Zh,c4 as Xh,c5 as yt,c6 as Yh,c7 as Os,c8 as ei,c9 as ia,ca as ek,cb as nk,cc as ak,cd as La,ce as Qs,cf as An,cg as cn,ch as Bs,ci as pl,cj as ni,ck as yl,cl as qs,cm as ra,cn as pr,co as ol,cp as lk,cq as ai,cr as tk,cs as ik,ct as yr,cu as li,cv as ti,cw as ii,cx as Qi,cy as ri,cz as Us,cA as oi,cB as fr,cC as rk,cD as Hs,cE as Gs,cF as po,cG as yo,cH as ok,cI as tt,cJ as Bi,cK as si,cL as xl,cM as sk,cN as dk,cO as Vl,cP as ck,cQ as uk,cR as it,cS as Ws,cT as mk,cU as Js,cV as zl,cW as di,cX as sa,cY as gk,cZ as pk,c_ as Gn,c$ as Ta,d0 as Ga,d1 as Nl,d2 as Zs,d3 as hr,d4 as yk,d5 as fk,d6 as hk,d7 as Xs,d8 as Ys,d9 as ed,da as kk,db as bk,dc as Tl,dd as kr,de as nd,df as ad,dg as ld,dh as Ll,di as Cn,dj as td,dk as id,dl as qi,dm as Sk,dn as vk,dp as Ck,dq as br,dr as Fk,ds as Tk,dt as Kk,du as ci,dv as Pk,dw as rd,dx as Ik,dy as xk,dz as Lk,dA as Dk,dB as _k,dC as Ak,dD as wk,dE as Ek,dF as Rk,dG as Mk,dH as Sr,dI as fo,dJ as Vk,dK as od,dL as vr,dM as sd,dN as Pa,dO as Ra,dP as Cr,dQ as dd,dR as cd,dS as ho,dT as ko,dU as zk,dV as Nk,dW as ge,dX as ui,dY as $l,dZ as ud,d_ as jl,d$ as Ol,e0 as md,e1 as gd,e2 as $k,e3 as jk,e4 as Fr,e5 as Ok,e6 as Qk,e7 as Bk,e8 as qk,e9 as Uk,ea as Qa,eb as pd,ec as yd,ed as Hk,ee as Gk,ef as bo,eg as Wk,eh as Jk,ei as Zk,ej as Xk,ek as Yk,el as e0,em as fd,en as n0,eo as a0,ep as l0,eq as t0,er as i0,es as qe,et as hd,eu as Fl,ev as Ma,ew as r0,ex as o0,ey as Tr,ez as mi,eA as ya,eB as $t,eC as kd,eD as s0,eE as d0,eF as c0,eG as bd,eH as Sd,eI as u0,eJ as m0,eK as g0,eL as gi,eM as Ui,eN as vd,eO as Kr,eP as Pr,eQ as Cd,eR as p0,eS as So,eT as y0,eU as Jn,eV as Ia,eW as Va,eX as ft,eY as f0,eZ as _t,e_ as h0,e$ as k0,f0 as b0,f1 as S0,f2 as Ir,f3 as jt,f4 as v0,f5 as C0,f6 as vo,f7 as Fd,f8 as F0,f9 as xr,fa as Lr,fb as T0,fc as Kl,fd as K0,fe as P0,ff as Td,fg as Dl,fh as I0,fi as x0,fj as L0,fk as D0,fl as _0,fm as A0,fn as Kd,fo as w0,fp as E0,fq as R0,fr as M0,fs as V0,ft as z0,fu as N0,fv as $0,fw as Co,fx as Fo,fy as j0,fz as O0,fA as Q0,fB as B0,fC as Pd,fD as q0,fE as U0,fF as H0,fG as To,fH as Ko}from"./components-D0DWAf0l.js";import{m as al,n as ll,j as G0,E as Id,R as tl,k as Dr,d as W0,p as ht,q as xd}from"./vendor-codemirror-Cojjzqb9.js";import{P as Ld,C as Dd,T as Ge,a as _d,R as We,X as an,Y as Oe,b as ln,B as Re,c as En,d as fl,A as rt,e as Ad,L as wd,f as Xn,g as $n,h as J0}from"./vendor-recharts-Bw30oz1A.js";const Z0=4,X0="Unable to parse span input messages, expected messages which include a role and content.",Y0="Unable to parse span output messages, expected messages which include a role and content.",eb="Unable to parse span output expected output.value to be present.",nb="Unable to parse span attributes, attributes must be valid JSON.",ab="Unable to parse model config, expected llm.model_name to be present.",lb="Unable to parse model config, expected llm.invocation_parameters JSON string to be present.",tb="Unable to parse invocation parameters response_format, expected llm.invocation_parameters.response_format to be a well formed json object or undefined.",ib="Unable to parse tools, expected tools to be an array of valid tools.",rb="Unable to parse prompt template variables, expected prompt template variables to be a valid JSON object string.",Po={AZURE_OPENAI:[],ANTHROPIC:["claude"],OPENAI:["gpt","o1"],GOOGLE:["gemini"],DEEPSEEK:["deepseek"],XAI:["grok"],OLLAMA:[],AWS:["nova","titan"]},Ba="TOOL_CHOICE",Pl="tool_choice",ba="RESPONSE_FORMAT",fa="response_format",ob=[Ba,ba],sb=ne({tool_call:ne({id:ke().optional(),function:ne({name:ke(),arguments:ke()}).partial()}).partial()}).partial(),Ed=ne({[ze.message]:ne({[Sn.role]:ke(),[Sn.content]:er([ke(),gn(Rt(ke(),nr()))]).default(""),[Sn.contents]:gn(ne({message_content:Rt(ke())})).optional(),[Sn.tool_calls]:gn(sb).optional(),[Sn.tool_call_id]:ke().optional()})}),db=ne({[ze.llm]:ne({[vn.input_messages]:gn(Ed)})}),cb=ne({[ze.llm]:ne({[vn.output_messages]:gn(Ed)})}),ub=ne({[ze.output]:ne({value:ke()})}),Rd=ah()(_l(["user","ai","system","tool"])),mb=ne({id:ms(),role:Rd,content:ke().optional(),toolCallId:ke().optional(),toolCalls:gn(lh).optional()}),gb=gn(mb),Md=gs(()=>Rt(ir)),pb=Md,Vd=ke().transform((n,a)=>{const{json:l}=fn(n);if(!rr(l))return a.addIssue({code:et.custom,message:"The invocation parameters must be a valid JSON object"}),nt;const{success:t,data:i}=pb.safeParse(l);return t?i:(a.addIssue({code:et.custom,message:"The invocation parameters must be a valid JSON object"}),nt)}).default("{}"),yb=ne({[ze.llm]:ne({[vn.provider]:ke().optional(),[vn.model_name]:ke()})}),zd=ne({[ze.llm]:ne({[vn.invocation_parameters]:Vd})}),fb=ne({[ze.llm]:ne({[vn.invocation_parameters]:Vd.pipe(ne({response_format:Md.optional()}))})}),Nd=ne({url:ne({full:ke(),path:ke().optional()})}),hb=ke().transform((n,a)=>{const{json:l}=fn(n);return l==null||!rr(l)?(a.addIssue({code:et.custom,message:"The tool JSON schema must be a valid JSON object"}),nt):l}).transform((n,a)=>{const{data:l,success:t}=th.safeParse(n);return t?l:(a.addIssue({code:et.custom,message:"The tool JSON schema must be a valid tool schema"}),nt)}),kb=ne({[ze.llm]:ne({[vn.tools]:gn(ne({[ze.tool]:ne({[Lt.json_schema]:hb})}).optional()).optional()}).optional()}).optional(),bb=gs(()=>ne({type:Na("json_schema"),json_schema:ne({name:ke().describe("The name of the schema"),schema:ih.describe("The schema itself in JSON schema format"),strict:Na(!0).describe("The schema must be strict")})})),Sb=ot(bb,{removeAdditionalStrategy:"passthrough"}),vb=ke().transform((n,a)=>{const{json:l}=fn(n);return ka(l)?Object.entries(l).reduce((i,[r,s])=>{if(typeof s=="string")i[r]=s;else{const{json:d}=Sa(s);d!=null&&(i[r]=d)}return i},{}):(a.addIssue({code:et.custom,message:"The prompt template variables must be a valid JSON object"}),nt)}),Cb=ne({[ze.llm]:ne({[vn.prompt_template]:ne({variables:vb}).optional()}).optional()}).optional();function $d(n){return Rd.safeParse(n).success}function $a(n){const a=n.toLowerCase();if($d(a))return a;for(const[l,t]of Object.entries(Dt))if(t.includes(a))return l;return rh}function Fb({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}=fn(l.function.arguments);ka(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:$e()}}).filter(l=>l!=null)}function jd({messages:n,provider:a}){return n.map(({message:l})=>{var t,i;return{id:Oa(),role:l.tool_call_id!=null?$a("tool"):$a(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:Fb({provider:a,toolCalls:l.tool_calls}),toolCallId:l.tool_call_id}})}function Tb({provider:n,parsedAttributes:a}){var t;const l=db.safeParse(a);if(!l.success)return{messageParsingErrors:[X0],messages:null};if(n==="ANTHROPIC"){const{success:i,data:r}=zd.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:jd({provider:n,messages:l.data.llm.input_messages})}}function Kb({provider:n,parsedAttributes:a}){const l=[],t=cb.safeParse(a);if(t.success)return{output:jd({provider:n,messages:t.data.llm.output_messages}),outputParsingErrors:l};l.push(Y0);const i=ub.safeParse(a);return i.success?{output:i.data.output.value,outputParsingErrors:l}:(l.push(eb),{output:void 0,outputParsingErrors:l})}function Od(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 Pb(n){for(const a of Object.keys(Po))if(Po[a].some(t=>n.includes(t)))return a;return Ps}function Ib(n){const{success:a,data:l}=yb.safeParse(n);if(a){const t=Od(l.llm.provider)||Pb(l.llm.model_name),{baseUrl:i}=Lb(n),r=t==="AZURE_OPENAI"?xb(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:[ab]}}function xb(n){var m;const{success:a,data:l}=Yb.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}=Nd.safeParse(n),{endpoint:s,apiVersion:d,deploymentName:c}=i?e1(r.url.full):{endpoint:null,apiVersion:null,deploymentName:null};return{deploymentName:c??t,apiVersion:d,endpoint:s}}function Lb(n){const{success:a,data:l}=Nd.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 Db(n,a=[]){const{success:l,data:t}=zd.safeParse(n),i=[];return l||i.push(lb),{invocationParameters:Nb((t==null?void 0:t.llm.invocation_parameters)??{},a),parsingErrors:i}}function _b(n){const{success:a,data:l}=fb.safeParse(n);return a?{responseFormat:l.llm.invocation_parameters.response_format,parsingErrors:[]}:{responseFormat:void 0,parsingErrors:[tb]}}function Ab(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:Cl(),definition:l.tool.json_schema}).filter(l=>l!=null)}function wb(n){var t;const{data:a,success:l}=kb.safeParse(n);return l?((t=a==null?void 0:a.llm)==null?void 0:t.tools)==null?{tools:null,parsingErrors:[]}:{tools:Ab(a),parsingErrors:[]}:{tools:null,parsingErrors:[ib]}}function Eb(n){var t;const{success:a,data:l}=Cb.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:[rb]}}function Rb(n){const{instance:a,instanceMessages:l}=Ks(),t={...a,template:{__type:"chat",messages:Object.values(l)}},{json:i,parseError:r}=fn(n.attributes);if(r)return{playgroundInstance:{...t,spanId:(n==null?void 0:n.id)??null},parsingErrors:[nb]};const s=n.invocationParameters,d=Ib(i);let{modelConfig:c}=d;const{parsingErrors:m}=d,{messages:p,messageParsingErrors:g}=Tb({provider:(c==null?void 0:c.provider)??t.model.provider,parsedAttributes:i}),{output:u,outputParsingErrors:f}=Kb({provider:(c==null?void 0:c.provider)??t.model.provider,parsedAttributes:i}),{invocationParameters:h,parsingErrors:k}=Db(i,s),{variables:S,parsingErrors:F}=Eb(i),{parsingErrors:P}=_b(i);c=c!=null?{...c,invocationParameters:P.length>0?h.filter(w=>w.invocationName!==fa&&w.canonicalName!==ba):h}:null;const{tools:L,parsingErrors:D}=wb(i),j=p==null?void 0:p.map(w=>({...w,content:w.role==="tool"?_r(w.content):w.content}));return{playgroundInstance:{...t,model:c??t.model,template:j!=null?{__type:"chat",messages:j}:t.template,output:u,spanId:n.id,tools:L??t.tools},playgroundInput:S!=null?{variablesValueCache:S}:void 0,parsingErrors:[...g,...f,...m,...D,...k,...P,...F]}}const Mb=n=>gb.safeParse(n).success,Qd=({instance:n,templateFormat:a})=>{if(a==On.NONE)return[];const l=new Set,t=n.template.__type,i=oh(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:$e()}return Array.from(l)},Vb=({instances:n,templateFormat:a})=>a==On.NONE?[]:Array.from(new Set(n.flatMap(l=>Qd({instance:l,templateFormat:a})))),Bd=({instances:n,templateFormat:a,input:l})=>{if(a==On.NONE)return{variablesMap:{},variableKeys:[]};const t=Vb({instances:n,templateFormat:a}),i=l.variablesValueCache??{};return{variablesMap:t.reduce((s,d)=>(s[d]=i[d]||"",s),{}),variableKeys:t}};function Wa(n,a){return n.invocationName===a.invocationName||n.canonicalName!=null&&a.canonicalName!=null&&n.canonicalName===a.canonicalName}const zb=(n,a)=>n.filter(l=>a.some(t=>Wa(t,l))).map(l=>{var t;return{...l,invocationName:((t=a.find(i=>Wa(i,l)))==null?void 0:t.invocationName)??l.invocationName}}),Ql=n=>n.replace(/_([a-z])/g,(a,l)=>l.toUpperCase()),Nb=(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,[Ql(i.invocationInputField)]:t}}).filter(l=>l!=null),qd=n=>{const{provider:a,validatedToolDefinition:l}=uh(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:$e()}},$b=({provider:n,toolNumber:a})=>{switch(n){case"OPENAI":case"DEEPSEEK":case"XAI":case"OLLAMA":case"AZURE_OPENAI":return{id:Cl(),definition:co(a)};case"ANTHROPIC":return{id:Cl(),definition:ch(a)};case"AWS":return{id:Cl(),definition:dh(a)};case"GOOGLE":return{id:Cl(),definition:co(a)};default:$e()}},jb=n=>{switch(n){case"OPENAI":case"AZURE_OPENAI":case"DEEPSEEK":case"XAI":case"AWS":case"OLLAMA":return so();case"ANTHROPIC":return sh();case"GOOGLE":return so();default:$e()}};function Ob(n){return{content:n.content,role:Qb(n.role),toolCalls:n.toolCalls,toolCallId:n.toolCallId}}function Qb(n){switch(n){case"system":return"SYSTEM";case"user":return"USER";case"tool":return"TOOL";case"ai":return"AI";default:$e()}}const Ud=n=>n.filter(a=>!(a.valueFloat!==null&&typeof a.valueFloat=="number"&&isNaN(a.valueFloat))),Hd=({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=Ud(r.model.invocationParameters);const m=or({toolChoice:r.toolChoice,targetProvider:r.model.provider});r.tools.length>0?(c=c.filter(f=>f.invocationName!==Pl&&f.canonicalName!==Ba),c.push({canonicalName:Ba,invocationName:Pl,valueJson:m})):c=c.filter(f=>f.invocationName!==Pl&&f.canonicalName!==Ba),c=d.length?zb(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(Ob),model:{providerKey:r.model.provider,name:r.model.modelName||"",baseUrl:r.model.baseUrl,...p,...g},invocationParameters:Wd(c,r.model.provider,r.model.modelName),tools:r.tools.length?r.tools.map(f=>f.definition):void 0,credentials:Bb(l,r.model.provider),promptName:(u=r.prompt)==null?void 0:u.name}},pi=(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 Bb(n,a){const l=n[a],t=mt[a];return l?t.length===0?[]:t.map(i=>({envVarName:i.envVarName,value:l[i.envVarName]??""})):[]}const qb=({playgroundStore:n,instanceId:a,credentials:l})=>{const t=Hd({playgroundStore:n,instanceId:a,credentials:l}),{instances:i,templateFormat:r,input:s,allInstanceMessages:d}=n.getState(),c=i.map(p=>pi(p,d)),{variablesMap:m}=Bd({instances:c,input:s,templateFormat:r});return{...t,template:{variables:m,format:r}}},Io=({playgroundStore:n,instanceId:a,credentials:l,datasetId:t})=>({...Hd({playgroundStore:n,instanceId:a,credentials:l}),templateFormat:n.getState().templateFormat,datasetId:t});function _r(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 Gd(n,a){return a.filter(l=>l.required).every(l=>n.some(t=>Wa(t,l)))}const Ub=n=>{for(const[a,l]of Object.entries(n))if(a.endsWith("DefaultValue")&&l!=null)return n[a]};function Qx(n,a){const l=new Map(n.map(t=>[t.invocationName,t]));return a.forEach(t=>{var c;const i=t.invocationName,r=Ub(t),s=Ql(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 Hb=ne({type:Na("enabled")}).passthrough(),Gb=ne({type:_l(["any","tool"])}).passthrough(),Wb=(n,a)=>{if(!a)return n;const l=n.some(t=>t.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&t.valueJson&&Hb.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===Ba)return!Gb.safeParse(t.valueJson).success}return!0})},Jb=["frequency_penalty","presence_penalty"],Zb=n=>n.filter(l=>l.invocationName&&Jb.includes(l.invocationName)?!(l.valueFloat==0||l.valueInt==0):!0),Wd=(n,a,l)=>{const t=Zb(n);return a==="ANTHROPIC"?Wb(t,l):t},Xb=/(?:^|\/)deployments\/([^/]+)(?:\/?|$)/,Yb=ne({metadata:ne({ls_model_name:ke().optional()}).optional()}).passthrough();function e1(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(Xb),d=s&&s[1]?s[1].trim():null;return{endpoint:l,apiVersion:i,deploymentName:d}}catch{return{endpoint:null,apiVersion:null,deploymentName:null}}}const Jd=y.createContext(null);function Bx({children:n,...a}){const[l]=y.useState(()=>mh(a));return e(Jd.Provider,{value:l,children:n})}function ul(n,a){const l=y.useContext(Jd);if(!l)throw new Error("Missing CredentialsContext.Provider in the tree");return st(l,n,a)}const Zd="arize-phoenix-feature-flags",Ti={dashboards:!1,experimentEnhancements:!1};function n1(){const n=localStorage.getItem(Zd);if(!n)return Ti;try{const a=JSON.parse(n);return Object.assign({},Ti,a)}catch{return Ti}}const Xd=y.createContext(null);function Yd(){const n=la.useContext(Xd);if(n===null)throw new Error("useFeatureFlags must be used within a FeatureFlagsProvider");return n}function ec(n){const{featureFlags:a}=Yd();return a[n]}function qx(n){const[a,l]=y.useState(n1()),t=i=>{localStorage.setItem(Zd,JSON.stringify(i)),l(i)};return e(Xd.Provider,{value:{featureFlags:a,setFeatureFlags:t},children:e(a1,{children:n.children})})}function a1(n){const{children:a}=n,{featureFlags:l,setFeatureFlags:t}=Yd(),[i,r]=y.useState(!1);return qa("ctrl+shift+f",()=>r(!0)),o(X,{children:[a,e(Y,{isOpen:i,onOpenChange:r,children:e(Z,{size:"S",children:e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Feature Flags"}),e(pe,{children:e(ye,{slot:"close"})})]}),e(v,{height:"size-1000",padding:"size-100",children:Object.keys(l).map(s=>e(Xa,{isSelected:l[s],onChange:d=>t({...l,[s]:d}),children:s},s))})]})})})})]})}const nc=y.createContext(null);function l1(){const n=y.useContext(nc);if(n===null)throw new Error("useFunctionality must be used within a FunctionalityProvider");return n}function Ux(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 t1({query:n}){const a=ul(d=>d),l=K.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(Ha,{provider:d.original.key,height:18}),d.original.name]})},{header:"Environment Variables",accessorKey:"apiKeyEnvVar",cell:({row:d})=>{const c=mt[d.original.key],m=(c==null?void 0:c.map(p=>p.envVarName).join(", "))||d.original.credentialRequirements.map(p=>p.envVarName).join(", ")||"--";return e(C,{children:m})}},{header:"configuration",accessorKey:"credentialsSet",cell:({row:d})=>{if(!d.original.dependenciesInstalled)return e(C,{color:"warning",children:"missing dependencies"});const c=d.original.credentialRequirements;if(!sr(d.original.key))return e(C,{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(C,{color:"success",children:"local"}):d.original.credentialsSet?e(C,{color:"success",children:"configured on the server"}):e(C,{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(W,{children:[e(M,{size:"S",leadingVisual:e(x,{svg:e(el,{})})}),e(Y,{children:e(Z,{size:"M",children:e(i1,{provider:d.original})})})]})})}],[a]),r=Me({columns:i,data:t,getCoreRowModel:Ve(),getSortedRowModel:Tn()}),s=r.getRowModel().rows;return e(U,{title:"AI Providers",children:o("table",{css:hn,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:ee(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:ee(c.column.columnDef.cell,c.getContext())},c.id))},d.id))})]})})}function i1({provider:n}){return e(J,{children:o(ce,{children:[o(ue,{children:[o(me,{children:["Configure ",n.name," Credentials"]}),e(pe,{children:e(ye,{slot:"close"})})]}),o(v,{padding:"size-200",children:[e(v,{paddingBottom:"size-100",children:o(C,{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(Kn,{children:[e(r1,{provider:n.key}),e(v,{paddingTop:"size-200",children:o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(M,{variant:"default",size:"S",slot:"close",children:"Cancel"}),e(M,{variant:"primary",size:"S",slot:"close",children:"Save Credentials"})]})})]})]})]})})}function r1({provider:n}){const a=ul(i=>i.setCredential),l=mt[n],t=ul(i=>i[n]);return e(b,{direction:"column",gap:"size-100",children:l.map(i=>o(xs,{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(G,{children:i.envVarName}),e(Is,{})]},i.envVarName))})}function Hx(){const n=rn();return Ue(n),e(t1,{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 ne,D as ke,bG as ze,I as gn,B as er,bH as Sn,J as Rt,P as nr,bI as vn,M as _l,E as ms,H as gs,bJ as et,bK as nt,bL as Lt,N as Na,O as ot,r as y,j as e,u as st,bi as qa,l as o,a4 as Z,R as la,o as K,ar as W,b4 as Me,b5 as Tn,b7 as Ve,b8 as ee,az as Kn,a6 as G,bM as rn,q as Ue,au as on,bN as Ni,ay as H,a7 as ie,a8 as Fe,b3 as Aa,U as T,$ as Se,bO as dt,bP as ff,bQ as hf,bR as kf,bF as tn,av as Al,bS as lo,aA as ps,aw as ys,ax as fs,bT as bf,bU as ar,bV as Mt,bW as Sf,bX as xe,aY as Bt,bY as nn,bZ as vf,Q as Cf,b9 as qn,b_ as Ff,bb as Tf,b$ as Kf,Z as to,bl as Ce,bp as wl,c0 as Un,bk as Xe,bj as ta,c1 as yn,m as hs,W as Pf,a5 as Il,V as io,bg as ks,X as If,c2 as xf,c3 as Ci,c4 as Fi,c5 as ql,aR as Vt,t as ct,c6 as Lf,ah as zt,c7 as Df,c8 as ro,c9 as _f,ca as Af,cb as wf,cc as Ef,cd as Rf,ce as Mf,cf as Vf,cg as zf,ch as Nf,ci as Ua,T as $f,cj as jf,g as bs,ck as Of,b1 as qt,cl as Ss,cm as vs,cn as Qf,co as Bf,cp as qf,cq as Uf,cr as Hf,n as Gf,cs as Wf}from"./vendor-CU36oj8y.js";import{k as Xa,j as Ya,T as lr,l as Jf,f as Cs,P as Fs,g as gl,h as ut,_ as El,i as Ut,m as Zf,n as tr,D as Xf,A as Yf,o as Ts,u as eh,p as nh,q as oo}from"./vendor-arizeai-Ctgw0e1G.js";import{s as ah,l as lh,j as ir,a as fn,i as rr,b as th,c as ih,d as ka,e as Sa,f as Ks,D as Ps,g as Oa,h as Cl,C as Dt,k as rh,m as $e,T as On,n as oh,o as or,p as so,q as sh,r as co,t as dh,u as ch,v as uh,P as mt,w as mh,_ as X,x as J,y as ce,z as ue,A as me,B as pe,E as ye,F as v,G as Y,H as Ha,I as b,J as C,K as sr,L as M,M as x,N as el,O as hn,Q as U,R as Is,S as xs,U as Ke,V as Pe,W as ve,X as de,Y as uo,Z as mo,$ as xa,a0 as un,a1 as ea,a2 as kn,a3 as bn,a4 as wn,a5 as va,a6 as Rl,a7 as pn,a8 as _n,a9 as pl,aa as Be,ab as Ze,ac as je,ad as oe,ae as fe,af as Wn,ag as gt,ah as Ls,ai as sn,aj as Ds,ak as dn,al as Ne,am as dr,an as wa,ao as _s,ap as As,aq as xn,ar as se,as as be,at as Ln,au as Nt,av as he,aw as He,ax as gh,ay as ph,az as ws,aA as $i,aB as cr,aC as Ht,aD as yh,aE as fh,aF as ji,aG as Ct,aH as Es,aI as Te,aJ as Qe,aK as cl,aL as pa,aM as rl,aN as hh,aO as kh,aP as Rs,aQ as Ie,aR as Ms,aS as go,aT as at,aU as Rn,aV as Ca,aW as mn,aX as bh,aY as pt,aZ as ul,a_ as Fa,a$ as Yn,b0 as Fn,b1 as Pn,b2 as oa,b3 as Vn,b4 as zn,b5 as Nn,b6 as Gt,b7 as en,b8 as na,b9 as Wt,ba as Sh,bb as vh,bc as Ch,bd as Fh,be as Th,bf as Ml,bg as Ka,bh as Ea,bi as Vs,bj as zs,bk as Kh,bl as Ph,bm as Ih,bn as Dn,bo as aa,bp as xh,bq as ga,br as Lh,bs as Ns,bt as ur,bu as nl,bv as mr,bw as gr,bx as Dh,by as $s,bz as _h,bA as Ah,bB as wh,bC as Eh,bD as Rh,bE as Mh,bF as Vh,bG as zh,bH as Nh,bI as $h,bJ as lt,bK as jh,bL as Jt,bM as Zt,bN as Ae,bO as Oi,bP as we,bQ as Ee,bR as Qn,bS as Oh,bT as Qh,bU as Bh,bV as Hn,bW as qh,bX as Uh,bY as Hh,bZ as Xt,b_ as Yt,b$ as js,c0 as Gh,c1 as Wh,c2 as Jh,c3 as Zh,c4 as Xh,c5 as yt,c6 as Yh,c7 as Os,c8 as ei,c9 as ia,ca as ek,cb as nk,cc as ak,cd as La,ce as Qs,cf as An,cg as cn,ch as Bs,ci as yl,cj as ni,ck as fl,cl as qs,cm as ra,cn as pr,co as sl,cp as lk,cq as ai,cr as tk,cs as ik,ct as yr,cu as li,cv as ti,cw as ii,cx as Qi,cy as ri,cz as Us,cA as oi,cB as fr,cC as rk,cD as Hs,cE as Gs,cF as po,cG as yo,cH as ok,cI as tt,cJ as Bi,cK as si,cL as xl,cM as sk,cN as dk,cO as Vl,cP as ck,cQ as uk,cR as it,cS as Ws,cT as mk,cU as Js,cV as zl,cW as di,cX as sa,cY as gk,cZ as pk,c_ as Gn,c$ as Ta,d0 as Ga,d1 as Nl,d2 as Zs,d3 as hr,d4 as yk,d5 as fk,d6 as hk,d7 as Xs,d8 as Ys,d9 as ed,da as kk,db as bk,dc as Tl,dd as kr,de as nd,df as ad,dg as ld,dh as Ll,di as Cn,dj as td,dk as id,dl as qi,dm as Sk,dn as vk,dp as Ck,dq as br,dr as Fk,ds as Tk,dt as Kk,du as ci,dv as Pk,dw as rd,dx as Ik,dy as xk,dz as Lk,dA as Dk,dB as _k,dC as Ak,dD as wk,dE as Ek,dF as Rk,dG as Mk,dH as Sr,dI as fo,dJ as Vk,dK as od,dL as vr,dM as sd,dN as Pa,dO as Ra,dP as Cr,dQ as dd,dR as cd,dS as ho,dT as ko,dU as zk,dV as Nk,dW as ge,dX as ui,dY as $l,dZ as ud,d_ as jl,d$ as Ol,e0 as md,e1 as gd,e2 as $k,e3 as jk,e4 as Fr,e5 as Ok,e6 as Qk,e7 as Bk,e8 as qk,e9 as Uk,ea as Qa,eb as pd,ec as yd,ed as Hk,ee as Gk,ef as bo,eg as Wk,eh as Jk,ei as Zk,ej as Xk,ek as Yk,el as e0,em as fd,en as n0,eo as a0,ep as l0,eq as t0,er as i0,es as qe,et as hd,eu as Fl,ev as Ma,ew as r0,ex as o0,ey as Tr,ez as mi,eA as ya,eB as $t,eC as kd,eD as s0,eE as d0,eF as c0,eG as bd,eH as Sd,eI as u0,eJ as m0,eK as g0,eL as gi,eM as Ui,eN as vd,eO as Kr,eP as Pr,eQ as Cd,eR as p0,eS as So,eT as y0,eU as Jn,eV as Ia,eW as Va,eX as ft,eY as f0,eZ as _t,e_ as h0,e$ as k0,f0 as b0,f1 as S0,f2 as Ir,f3 as jt,f4 as v0,f5 as C0,f6 as vo,f7 as Fd,f8 as F0,f9 as xr,fa as Lr,fb as T0,fc as Kl,fd as K0,fe as P0,ff as Td,fg as Dl,fh as I0,fi as x0,fj as L0,fk as D0,fl as _0,fm as A0,fn as Kd,fo as w0,fp as E0,fq as R0,fr as M0,fs as V0,ft as z0,fu as N0,fv as $0,fw as Co,fx as Fo,fy as j0,fz as O0,fA as Q0,fB as B0,fC as Pd,fD as q0,fE as U0,fF as H0,fG as To,fH as Ko}from"./components-PCtifE4_.js";import{m as al,n as ll,j as G0,E as Id,R as tl,k as Dr,d as W0,p as ht,q as xd}from"./vendor-codemirror-Cojjzqb9.js";import{P as Ld,C as Dd,T as Ge,a as _d,R as We,X as an,Y as Oe,b as ln,B as Re,c as En,d as hl,A as rt,e as Ad,L as wd,f as Xn,g as $n,h as J0}from"./vendor-recharts-Bw30oz1A.js";const Z0=4,X0="Unable to parse span input messages, expected messages which include a role and content.",Y0="Unable to parse span output messages, expected messages which include a role and content.",eb="Unable to parse span output expected output.value to be present.",nb="Unable to parse span attributes, attributes must be valid JSON.",ab="Unable to parse model config, expected llm.model_name to be present.",lb="Unable to parse model config, expected llm.invocation_parameters JSON string to be present.",tb="Unable to parse invocation parameters response_format, expected llm.invocation_parameters.response_format to be a well formed json object or undefined.",ib="Unable to parse tools, expected tools to be an array of valid tools.",rb="Unable to parse prompt template variables, expected prompt template variables to be a valid JSON object string.",Po={AZURE_OPENAI:[],ANTHROPIC:["claude"],OPENAI:["gpt","o1"],GOOGLE:["gemini"],DEEPSEEK:["deepseek"],XAI:["grok"],OLLAMA:[],AWS:["nova","titan"]},Ba="TOOL_CHOICE",Pl="tool_choice",ba="RESPONSE_FORMAT",fa="response_format",ob=[Ba,ba],sb=ne({tool_call:ne({id:ke().optional(),function:ne({name:ke(),arguments:ke()}).partial()}).partial()}).partial(),Ed=ne({[ze.message]:ne({[Sn.role]:ke(),[Sn.content]:er([ke(),gn(Rt(ke(),nr()))]).default(""),[Sn.contents]:gn(ne({message_content:Rt(ke())})).optional(),[Sn.tool_calls]:gn(sb).optional(),[Sn.tool_call_id]:ke().optional()})}),db=ne({[ze.llm]:ne({[vn.input_messages]:gn(Ed)})}),cb=ne({[ze.llm]:ne({[vn.output_messages]:gn(Ed)})}),ub=ne({[ze.output]:ne({value:ke()})}),Rd=ah()(_l(["user","ai","system","tool"])),mb=ne({id:ms(),role:Rd,content:ke().optional(),toolCallId:ke().optional(),toolCalls:gn(lh).optional()}),gb=gn(mb),Md=gs(()=>Rt(ir)),pb=Md,Vd=ke().transform((n,a)=>{const{json:l}=fn(n);if(!rr(l))return a.addIssue({code:et.custom,message:"The invocation parameters must be a valid JSON object"}),nt;const{success:t,data:i}=pb.safeParse(l);return t?i:(a.addIssue({code:et.custom,message:"The invocation parameters must be a valid JSON object"}),nt)}).default("{}"),yb=ne({[ze.llm]:ne({[vn.provider]:ke().optional(),[vn.model_name]:ke()})}),zd=ne({[ze.llm]:ne({[vn.invocation_parameters]:Vd})}),fb=ne({[ze.llm]:ne({[vn.invocation_parameters]:Vd.pipe(ne({response_format:Md.optional()}))})}),Nd=ne({url:ne({full:ke(),path:ke().optional()})}),hb=ke().transform((n,a)=>{const{json:l}=fn(n);return l==null||!rr(l)?(a.addIssue({code:et.custom,message:"The tool JSON schema must be a valid JSON object"}),nt):l}).transform((n,a)=>{const{data:l,success:t}=th.safeParse(n);return t?l:(a.addIssue({code:et.custom,message:"The tool JSON schema must be a valid tool schema"}),nt)}),kb=ne({[ze.llm]:ne({[vn.tools]:gn(ne({[ze.tool]:ne({[Lt.json_schema]:hb})}).optional()).optional()}).optional()}).optional(),bb=gs(()=>ne({type:Na("json_schema"),json_schema:ne({name:ke().describe("The name of the schema"),schema:ih.describe("The schema itself in JSON schema format"),strict:Na(!0).describe("The schema must be strict")})})),Sb=ot(bb,{removeAdditionalStrategy:"passthrough"}),vb=ke().transform((n,a)=>{const{json:l}=fn(n);return ka(l)?Object.entries(l).reduce((i,[r,s])=>{if(typeof s=="string")i[r]=s;else{const{json:d}=Sa(s);d!=null&&(i[r]=d)}return i},{}):(a.addIssue({code:et.custom,message:"The prompt template variables must be a valid JSON object"}),nt)}),Cb=ne({[ze.llm]:ne({[vn.prompt_template]:ne({variables:vb}).optional()}).optional()}).optional();function $d(n){return Rd.safeParse(n).success}function $a(n){const a=n.toLowerCase();if($d(a))return a;for(const[l,t]of Object.entries(Dt))if(t.includes(a))return l;return rh}function Fb({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}=fn(l.function.arguments);ka(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:$e()}}).filter(l=>l!=null)}function jd({messages:n,provider:a}){return n.map(({message:l})=>{var t,i;return{id:Oa(),role:l.tool_call_id!=null?$a("tool"):$a(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:Fb({provider:a,toolCalls:l.tool_calls}),toolCallId:l.tool_call_id}})}function Tb({provider:n,parsedAttributes:a}){var t;const l=db.safeParse(a);if(!l.success)return{messageParsingErrors:[X0],messages:null};if(n==="ANTHROPIC"){const{success:i,data:r}=zd.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:jd({provider:n,messages:l.data.llm.input_messages})}}function Kb({provider:n,parsedAttributes:a}){const l=[],t=cb.safeParse(a);if(t.success)return{output:jd({provider:n,messages:t.data.llm.output_messages}),outputParsingErrors:l};l.push(Y0);const i=ub.safeParse(a);return i.success?{output:i.data.output.value,outputParsingErrors:l}:(l.push(eb),{output:void 0,outputParsingErrors:l})}function Od(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 Pb(n){for(const a of Object.keys(Po))if(Po[a].some(t=>n.includes(t)))return a;return Ps}function Ib(n){const{success:a,data:l}=yb.safeParse(n);if(a){const t=Od(l.llm.provider)||Pb(l.llm.model_name),{baseUrl:i}=Lb(n),r=t==="AZURE_OPENAI"?xb(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:[ab]}}function xb(n){var m;const{success:a,data:l}=Yb.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}=Nd.safeParse(n),{endpoint:s,apiVersion:d,deploymentName:c}=i?e1(r.url.full):{endpoint:null,apiVersion:null,deploymentName:null};return{deploymentName:c??t,apiVersion:d,endpoint:s}}function Lb(n){const{success:a,data:l}=Nd.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 Db(n,a=[]){const{success:l,data:t}=zd.safeParse(n),i=[];return l||i.push(lb),{invocationParameters:Nb((t==null?void 0:t.llm.invocation_parameters)??{},a),parsingErrors:i}}function _b(n){const{success:a,data:l}=fb.safeParse(n);return a?{responseFormat:l.llm.invocation_parameters.response_format,parsingErrors:[]}:{responseFormat:void 0,parsingErrors:[tb]}}function Ab(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:Cl(),definition:l.tool.json_schema}).filter(l=>l!=null)}function wb(n){var t;const{data:a,success:l}=kb.safeParse(n);return l?((t=a==null?void 0:a.llm)==null?void 0:t.tools)==null?{tools:null,parsingErrors:[]}:{tools:Ab(a),parsingErrors:[]}:{tools:null,parsingErrors:[ib]}}function Eb(n){var t;const{success:a,data:l}=Cb.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:[rb]}}function Rb(n){const{instance:a,instanceMessages:l}=Ks(),t={...a,template:{__type:"chat",messages:Object.values(l)}},{json:i,parseError:r}=fn(n.attributes);if(r)return{playgroundInstance:{...t,spanId:(n==null?void 0:n.id)??null},parsingErrors:[nb]};const s=n.invocationParameters,d=Ib(i);let{modelConfig:c}=d;const{parsingErrors:m}=d,{messages:p,messageParsingErrors:g}=Tb({provider:(c==null?void 0:c.provider)??t.model.provider,parsedAttributes:i}),{output:u,outputParsingErrors:f}=Kb({provider:(c==null?void 0:c.provider)??t.model.provider,parsedAttributes:i}),{invocationParameters:h,parsingErrors:k}=Db(i,s),{variables:S,parsingErrors:F}=Eb(i),{parsingErrors:P}=_b(i);c=c!=null?{...c,invocationParameters:P.length>0?h.filter(w=>w.invocationName!==fa&&w.canonicalName!==ba):h}:null;const{tools:L,parsingErrors:D}=wb(i),j=p==null?void 0:p.map(w=>({...w,content:w.role==="tool"?_r(w.content):w.content}));return{playgroundInstance:{...t,model:c??t.model,template:j!=null?{__type:"chat",messages:j}:t.template,output:u,spanId:n.id,tools:L??t.tools},playgroundInput:S!=null?{variablesValueCache:S}:void 0,parsingErrors:[...g,...f,...m,...D,...k,...P,...F]}}const Mb=n=>gb.safeParse(n).success,Qd=({instance:n,templateFormat:a})=>{if(a==On.NONE)return[];const l=new Set,t=n.template.__type,i=oh(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:$e()}return Array.from(l)},Vb=({instances:n,templateFormat:a})=>a==On.NONE?[]:Array.from(new Set(n.flatMap(l=>Qd({instance:l,templateFormat:a})))),Bd=({instances:n,templateFormat:a,input:l})=>{if(a==On.NONE)return{variablesMap:{},variableKeys:[]};const t=Vb({instances:n,templateFormat:a}),i=l.variablesValueCache??{};return{variablesMap:t.reduce((s,d)=>(s[d]=i[d]||"",s),{}),variableKeys:t}};function Wa(n,a){return n.invocationName===a.invocationName||n.canonicalName!=null&&a.canonicalName!=null&&n.canonicalName===a.canonicalName}const zb=(n,a)=>n.filter(l=>a.some(t=>Wa(t,l))).map(l=>{var t;return{...l,invocationName:((t=a.find(i=>Wa(i,l)))==null?void 0:t.invocationName)??l.invocationName}}),Ql=n=>n.replace(/_([a-z])/g,(a,l)=>l.toUpperCase()),Nb=(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,[Ql(i.invocationInputField)]:t}}).filter(l=>l!=null),qd=n=>{const{provider:a,validatedToolDefinition:l}=uh(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:$e()}},$b=({provider:n,toolNumber:a})=>{switch(n){case"OPENAI":case"DEEPSEEK":case"XAI":case"OLLAMA":case"AZURE_OPENAI":return{id:Cl(),definition:co(a)};case"ANTHROPIC":return{id:Cl(),definition:ch(a)};case"AWS":return{id:Cl(),definition:dh(a)};case"GOOGLE":return{id:Cl(),definition:co(a)};default:$e()}},jb=n=>{switch(n){case"OPENAI":case"AZURE_OPENAI":case"DEEPSEEK":case"XAI":case"AWS":case"OLLAMA":return so();case"ANTHROPIC":return sh();case"GOOGLE":return so();default:$e()}};function Ob(n){return{content:n.content,role:Qb(n.role),toolCalls:n.toolCalls,toolCallId:n.toolCallId}}function Qb(n){switch(n){case"system":return"SYSTEM";case"user":return"USER";case"tool":return"TOOL";case"ai":return"AI";default:$e()}}const Ud=n=>n.filter(a=>!(a.valueFloat!==null&&typeof a.valueFloat=="number"&&isNaN(a.valueFloat))),Hd=({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=Ud(r.model.invocationParameters);const m=or({toolChoice:r.toolChoice,targetProvider:r.model.provider});r.tools.length>0?(c=c.filter(f=>f.invocationName!==Pl&&f.canonicalName!==Ba),c.push({canonicalName:Ba,invocationName:Pl,valueJson:m})):c=c.filter(f=>f.invocationName!==Pl&&f.canonicalName!==Ba),c=d.length?zb(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(Ob),model:{providerKey:r.model.provider,name:r.model.modelName||"",baseUrl:r.model.baseUrl,...p,...g},invocationParameters:Wd(c,r.model.provider,r.model.modelName),tools:r.tools.length?r.tools.map(f=>f.definition):void 0,credentials:Bb(l,r.model.provider),promptName:(u=r.prompt)==null?void 0:u.name}},pi=(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 Bb(n,a){const l=n[a],t=mt[a];return l?t.length===0?[]:t.map(i=>({envVarName:i.envVarName,value:l[i.envVarName]??""})):[]}const qb=({playgroundStore:n,instanceId:a,credentials:l})=>{const t=Hd({playgroundStore:n,instanceId:a,credentials:l}),{instances:i,templateFormat:r,input:s,allInstanceMessages:d}=n.getState(),c=i.map(p=>pi(p,d)),{variablesMap:m}=Bd({instances:c,input:s,templateFormat:r});return{...t,template:{variables:m,format:r}}},Io=({playgroundStore:n,instanceId:a,credentials:l,datasetId:t})=>({...Hd({playgroundStore:n,instanceId:a,credentials:l}),templateFormat:n.getState().templateFormat,datasetId:t});function _r(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 Gd(n,a){return a.filter(l=>l.required).every(l=>n.some(t=>Wa(t,l)))}const Ub=n=>{for(const[a,l]of Object.entries(n))if(a.endsWith("DefaultValue")&&l!=null)return n[a]};function Qx(n,a){const l=new Map(n.map(t=>[t.invocationName,t]));return a.forEach(t=>{var c;const i=t.invocationName,r=Ub(t),s=Ql(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 Hb=ne({type:Na("enabled")}).passthrough(),Gb=ne({type:_l(["any","tool"])}).passthrough(),Wb=(n,a)=>{if(!a)return n;const l=n.some(t=>t.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&t.valueJson&&Hb.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===Ba)return!Gb.safeParse(t.valueJson).success}return!0})},Jb=["frequency_penalty","presence_penalty"],Zb=n=>n.filter(l=>l.invocationName&&Jb.includes(l.invocationName)?!(l.valueFloat==0||l.valueInt==0):!0),Wd=(n,a,l)=>{const t=Zb(n);return a==="ANTHROPIC"?Wb(t,l):t},Xb=/(?:^|\/)deployments\/([^/]+)(?:\/?|$)/,Yb=ne({metadata:ne({ls_model_name:ke().optional()}).optional()}).passthrough();function e1(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(Xb),d=s&&s[1]?s[1].trim():null;return{endpoint:l,apiVersion:i,deploymentName:d}}catch{return{endpoint:null,apiVersion:null,deploymentName:null}}}const Jd=y.createContext(null);function Bx({children:n,...a}){const[l]=y.useState(()=>mh(a));return e(Jd.Provider,{value:l,children:n})}function ml(n,a){const l=y.useContext(Jd);if(!l)throw new Error("Missing CredentialsContext.Provider in the tree");return st(l,n,a)}const Zd="arize-phoenix-feature-flags",Ti={dashboards:!1,experimentEnhancements:!1};function n1(){const n=localStorage.getItem(Zd);if(!n)return Ti;try{const a=JSON.parse(n);return Object.assign({},Ti,a)}catch{return Ti}}const Xd=y.createContext(null);function Yd(){const n=la.useContext(Xd);if(n===null)throw new Error("useFeatureFlags must be used within a FeatureFlagsProvider");return n}function ec(n){const{featureFlags:a}=Yd();return a[n]}function qx(n){const[a,l]=y.useState(n1()),t=i=>{localStorage.setItem(Zd,JSON.stringify(i)),l(i)};return e(Xd.Provider,{value:{featureFlags:a,setFeatureFlags:t},children:e(a1,{children:n.children})})}function a1(n){const{children:a}=n,{featureFlags:l,setFeatureFlags:t}=Yd(),[i,r]=y.useState(!1);return qa("ctrl+shift+f",()=>r(!0)),o(Z,{children:[a,e(Y,{isOpen:i,onOpenChange:r,children:e(X,{size:"S",children:e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Feature Flags"}),e(pe,{children:e(ye,{slot:"close"})})]}),e(v,{height:"size-1000",padding:"size-100",children:Object.keys(l).map(s=>e(Xa,{isSelected:l[s],onChange:d=>t({...l,[s]:d}),children:s},s))})]})})})})]})}const nc=y.createContext(null);function l1(){const n=y.useContext(nc);if(n===null)throw new Error("useFunctionality must be used within a FunctionalityProvider");return n}function Ux(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 t1({query:n}){const a=ml(d=>d),l=K.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(Ha,{provider:d.original.key,height:18}),d.original.name]})},{header:"Environment Variables",accessorKey:"apiKeyEnvVar",cell:({row:d})=>{const c=mt[d.original.key],m=(c==null?void 0:c.map(p=>p.envVarName).join(", "))||d.original.credentialRequirements.map(p=>p.envVarName).join(", ")||"--";return e(C,{children:m})}},{header:"configuration",accessorKey:"credentialsSet",cell:({row:d})=>{if(!d.original.dependenciesInstalled)return e(C,{color:"warning",children:"missing dependencies"});const c=d.original.credentialRequirements;if(!sr(d.original.key))return e(C,{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(C,{color:"success",children:"local"}):d.original.credentialsSet?e(C,{color:"success",children:"configured on the server"}):e(C,{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(W,{children:[e(M,{size:"S",leadingVisual:e(x,{svg:e(el,{})})}),e(Y,{children:e(X,{size:"M",children:e(i1,{provider:d.original})})})]})})}],[a]),r=Me({columns:i,data:t,getCoreRowModel:Ve(),getSortedRowModel:Tn()}),s=r.getRowModel().rows;return e(U,{title:"AI Providers",children:o("table",{css:hn,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:ee(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:ee(c.column.columnDef.cell,c.getContext())},c.id))},d.id))})]})})}function i1({provider:n}){return e(J,{children:o(ce,{children:[o(ue,{children:[o(me,{children:["Configure ",n.name," Credentials"]}),e(pe,{children:e(ye,{slot:"close"})})]}),o(v,{padding:"size-200",children:[e(v,{paddingBottom:"size-100",children:o(C,{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(Kn,{children:[e(r1,{provider:n.key}),e(v,{paddingTop:"size-200",children:o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(M,{variant:"default",size:"S",slot:"close",children:"Cancel"}),e(M,{variant:"primary",size:"S",slot:"close",children:"Save Credentials"})]})})]})]})]})})}function r1({provider:n}){const a=ml(i=>i.setCredential),l=mt[n],t=ml(i=>i[n]);return e(b,{direction:"column",gap:"size-100",children:l.map(i=>o(xs,{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(G,{children:i.envVarName}),e(Is,{})]},i.envVarName))})}function Hx(){const n=rn();return Ue(n),e(t1,{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
|
|
|
@@ -210,7 +210,7 @@ fragment AnnotationConfigTableFragment on Query {
|
|
|
210
210
|
& input {
|
|
211
211
|
max-height: fit-content;
|
|
212
212
|
}
|
|
213
|
-
`,children:[e(H,{control:r,name:"lowerBound",rules:{required:"Min is required"},render:({field:{value:h,...k},fieldState:{error:S}})=>o(xa,{...k,value:typeof h=="number"?h:void 0,isInvalid:!!S,children:[e(G,{children:"Min"}),e(ie,{placeholder:"0"}),e(Fe,{children:S==null?void 0:S.message})]})}),e(H,{control:r,name:"upperBound",rules:{validate:h=>{const k=d("lowerBound");return k!=null&&h!=null&&h<=k?"Max must be greater than min":h!=null&&isNaN(h)?"Max is required":!0}},render:({field:{value:h,...k},fieldState:{error:S}})=>{const F=d("lowerBound");return o(xa,{...k,value:typeof h=="number"?h:void 0,isInvalid:!!S,minValue:typeof F=="number"?F:void 0,children:[e(G,{children:"Max"}),e(ie,{placeholder:"1"}),e(Fe,{children:S==null?void 0:S.message})]})}})]}),u==="CATEGORICAL"&&o(
|
|
213
|
+
`,children:[e(H,{control:r,name:"lowerBound",rules:{required:"Min is required"},render:({field:{value:h,...k},fieldState:{error:S}})=>o(xa,{...k,value:typeof h=="number"?h:void 0,isInvalid:!!S,children:[e(G,{children:"Min"}),e(ie,{placeholder:"0"}),e(Fe,{children:S==null?void 0:S.message})]})}),e(H,{control:r,name:"upperBound",rules:{validate:h=>{const k=d("lowerBound");return k!=null&&h!=null&&h<=k?"Max must be greater than min":h!=null&&isNaN(h)?"Max is required":!0}},render:({field:{value:h,...k},fieldState:{error:S}})=>{const F=d("lowerBound");return o(xa,{...k,value:typeof h=="number"?h:void 0,isInvalid:!!S,minValue:typeof F=="number"?F:void 0,children:[e(G,{children:"Max"}),e(ie,{placeholder:"1"}),e(Fe,{children:S==null?void 0:S.message})]})}})]}),u==="CATEGORICAL"&&o(Z,{children:[e(C,{size:"XS",weight:"heavy",children:"Categories"}),c.map((h,k)=>o(b,{direction:"row",gap:"size-100",alignItems:"start",children:[e(H,{control:r,name:`values.${k}.label`,rules:{required:"Category label is required"},render:({field:S,fieldState:{error:F}})=>o(de,{...S,"aria-label":`Value ${k+1}`,isInvalid:!!F,autoFocus:k>0,children:[e(ie,{placeholder:`e.g. ${xo[k%xo.length]}`}),e(Fe,{children:F==null?void 0:F.message})]})}),e(H,{control:r,name:`values.${k}.score`,render:({field:S,fieldState:{error:F}})=>o(xa,{...S,value:typeof S.value=="number"?S.value:void 0,"aria-label":`Score ${k+1}`,isInvalid:!!F,children:[e(b,{direction:"row",gap:"size-100",alignItems:"center",children:e(ie,{placeholder:`e.g. ${k} (optional)`})}),e(Fe,{children:F==null?void 0:F.message})]})}),e(M,{type:"button",leadingVisual:e(x,{svg:e(un,{})}),"aria-label":"Remove category",onPress:()=>p(k)})]},h.id)),e(b,{justifyContent:"end",width:"100%",children:e(M,{type:"button",onPress:()=>{m({label:"",score:null})},leadingVisual:e(x,{svg:e(ea,{})}),children:"Add category"})})]})]})}),e(v,{paddingX:"size-200",paddingY:"size-200",borderTopColor:"dark",borderTopWidth:"thin",children:o(b,{gap:"size-100",justifyContent:"end",children:[e(M,{type:"button",onPress:f,children:"Cancel"}),e(M,{type:"submit",variant:"primary",children:i==="new"?"Create Annotation Config":"Update Annotation Config"})]})})]})})})},dc=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"annotationType",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"optimizationDirection",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"AnnotationConfigTableFragment",selections:[{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:"annotationConfig",args:null,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[n,a,l,t,i,{alias:null,args:null,concreteType:"CategoricalAnnotationValue",kind:"LinkedField",name:"values",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null}],type:"CategoricalAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[n,a,l,t,i,{alias:null,args:null,kind:"ScalarField",name:"upperBound",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"lowerBound",storageKey:null}],type:"ContinuousAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[n,a,l,t],type:"FreeformAnnotationConfig",abstractKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null}}();dc.hash="21da6fc76dc125423a2f4ecd8ef70866";const d1=({selectedConfig:n,onClearSelection:a,onEditAnnotationConfig:l,onDeleteAnnotationConfig:t})=>{const[i,r]=y.useState(!1);if(!n)return null;const s=n==null?void 0:n.id;return e("div",{"data-editing":i,css:T`
|
|
214
214
|
position: fixed;
|
|
215
215
|
bottom: var(--ac-global-dimension-size-600);
|
|
216
216
|
left: 50%;
|
|
@@ -221,15 +221,15 @@ fragment AnnotationConfigTableFragment on Query {
|
|
|
221
221
|
&[data-editing="true"] {
|
|
222
222
|
display: none;
|
|
223
223
|
}
|
|
224
|
-
`,children:e(v,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",justifyContent:"space-between",children:[o(C,{children:['Config: "',n==null?void 0:n.name,'"']}),o(b,{direction:"row",gap:"size-100",children:[e(M,{variant:"quiet",onPress:a,children:"Clear Selection"}),o(W,{onOpenChange:d=>{r(d),d||a()},children:[o(M,{variant:"danger",children:[e(x,{svg:e(un,{})}),"Delete"]}),e(Y,{children:e(
|
|
224
|
+
`,children:e(v,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",justifyContent:"space-between",children:[o(C,{children:['Config: "',n==null?void 0:n.name,'"']}),o(b,{direction:"row",gap:"size-100",children:[e(M,{variant:"quiet",onPress:a,children:"Clear Selection"}),o(W,{onOpenChange:d=>{r(d),d||a()},children:[o(M,{variant:"danger",children:[e(x,{svg:e(un,{})}),"Delete"]}),e(Y,{children:e(X,{children:e(J,{css:T`
|
|
225
225
|
border: none;
|
|
226
|
-
`,children:({close:d})=>o(U,{title:"Delete Annotation Config",children:[e(v,{padding:"size-200",children:e(C,{children:"Are you sure you want to delete this annotation config? Annotations made with this config will not be impacted."})}),e(v,{paddingX:"size-200",paddingY:"size-100",borderTopColor:"dark",borderTopWidth:"thin",children:o(b,{gap:"size-100",justifyContent:"end",children:[e(M,{variant:"quiet",onPress:d,children:"Cancel"}),e(M,{variant:"danger",onPress:()=>{s&&t(s,{onCompleted:()=>{d()}})},children:"Delete"})]})})]})})})})]}),o(W,{onOpenChange:d=>{r(d),d||a()},children:[o(M,{size:"S",variant:"primary",children:[e(x,{svg:e(el,{})}),"Edit"]}),e(Y,{children:e(
|
|
226
|
+
`,children:({close:d})=>o(U,{title:"Delete Annotation Config",children:[e(v,{padding:"size-200",children:e(C,{children:"Are you sure you want to delete this annotation config? Annotations made with this config will not be impacted."})}),e(v,{paddingX:"size-200",paddingY:"size-100",borderTopColor:"dark",borderTopWidth:"thin",children:o(b,{gap:"size-100",justifyContent:"end",children:[e(M,{variant:"quiet",onPress:d,children:"Cancel"}),e(M,{variant:"danger",onPress:()=>{s&&t(s,{onCompleted:()=>{d()}})},children:"Delete"})]})})]})})})})]}),o(W,{onOpenChange:d=>{r(d),d||a()},children:[o(M,{size:"S",variant:"primary",children:[e(x,{svg:e(el,{})}),"Edit"]}),e(Y,{children:e(X,{children:e(sc,{initialAnnotationConfig:n,onAddAnnotationConfig:l})})})]})]})]})})})},c1=[{id:"select",maxSize:10,header:()=>null,cell:({row:n})=>e(va,{checked:n.getIsSelected(),disabled:!n.getCanSelect(),indeterminate:n.getIsSomeSelected(),onChange:n.getToggleSelectedHandler()})},{id:"name",header:"Name",accessorKey:"name",cell:({row:n})=>e(Rl,{annotation:n.original,annotationDisplayPreference:"none",css:T`
|
|
227
227
|
width: fit-content;
|
|
228
|
-
`},n.original.id)},{id:"description",header:"Description",accessorKey:"description",sortUndefined:"last",accessorFn:n=>n.description??void 0,maxSize:150,cell:({row:n})=>e(pn,{maxWidth:"100%",children:e(C,{children:n.original.description})})},{id:"annotationType",header:"Type",accessorKey:"annotationType",minSize:10,cell:({row:n})=>e(C,{children:n.original.annotationType.charAt(0).toUpperCase()+n.original.annotationType.slice(1).toLowerCase()})},{id:"values",header:"Values",enableSorting:!1,accessorFn:n=>{switch(n.annotationType){case"CATEGORICAL":{if(!n.values)return"";let a=n.values.map((l,t)=>e(_n,{title:l.label,children:e(pn,{maxWidth:"40px",children:l.label})},t));return n.values.length>5&&(a=[...a.slice(-4),o(Se,{delay:64,children:[e(
|
|
228
|
+
`},n.original.id)},{id:"description",header:"Description",accessorKey:"description",sortUndefined:"last",accessorFn:n=>n.description??void 0,maxSize:150,cell:({row:n})=>e(pn,{maxWidth:"100%",children:e(C,{children:n.original.description})})},{id:"annotationType",header:"Type",accessorKey:"annotationType",minSize:10,cell:({row:n})=>e(C,{children:n.original.annotationType.charAt(0).toUpperCase()+n.original.annotationType.slice(1).toLowerCase()})},{id:"values",header:"Values",enableSorting:!1,accessorFn:n=>{switch(n.annotationType){case"CATEGORICAL":{if(!n.values)return"";let a=n.values.map((l,t)=>e(_n,{title:l.label,children:e(pn,{maxWidth:"40px",children:l.label})},t));return n.values.length>5&&(a=[...a.slice(-4),o(Se,{delay:64,children:[e(pl,{children:o(_n,{css:T`
|
|
229
229
|
white-space: nowrap;
|
|
230
230
|
`,children:["+ ",n.values.length-5," more"]},"ellipsis")}),o(Be,{placement:"bottom right",children:[e(Ze,{}),n.values.map(l=>l.label).join(", ")]})]},"ellipsis")]),a}case"CONTINUOUS":return`from ${n.lowerBound} to ${n.upperBound}`;case"FREEFORM":return"";default:return""}},cell:({getValue:n})=>{const a=n();return e(b,{gap:"size-100",children:a})}}],u1=({annotationConfigs:n,onDeleteAnnotationConfig:a,onEditAnnotationConfig:l})=>{const[t,i]=y.useState({}),r=K.useFragment(dc,n),s=y.useMemo(()=>r.annotationConfigs.edges.map(f=>f.annotationConfig),[r.annotationConfigs.edges]),d=Me({data:s,columns:c1,getCoreRowModel:Ve(),getSortedRowModel:Tn(),enableRowSelection:!0,onRowSelectionChange:i,enableMultiRowSelection:!1,state:{rowSelection:t}}),c=d.getRowCount()===0,m=d.getRowModel().rows,p=d.getSelectedRowModel().rows,g=p.map(f=>f.original),u=()=>{i({})};return o("div",{css:T`
|
|
231
231
|
overflow: auto;
|
|
232
|
-
`,children:[o("table",{css:hn,style:{width:d.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:d.getHeaderGroups().map(f=>e("tr",{children:f.headers.map(h=>e("th",{colSpan:h.colSpan,children:h.isPlaceholder?null:o("div",{className:h.column.getCanSort()?"sort":"",onClick:h.column.getToggleSortingHandler(),style:{left:h.getStart(),width:h.getSize()},children:[ee(h.column.columnDef.header,h.getContext()),h.column.getIsSorted()?e(x,{className:"sort-icon",svg:h.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]})},h.id))},f.id))}),c?e(wn,{message:"No Annotation Configs"}):e("tbody",{children:m.map(f=>e("tr",{onClick:()=>{i({[f.id]:!(t!=null&&t[f.id])})},children:f.getVisibleCells().map(h=>e("td",{style:{width:h.column.getSize(),maxWidth:h.column.getSize()},children:ee(h.column.columnDef.cell,h.getContext())},h.id))},f.id))})]}),p.length>0&&e(d1,{selectedConfig:g[0],onClearSelection:u,onEditAnnotationConfig:l,onDeleteAnnotationConfig:a})]})},Wx=()=>{const n=rn();return e(m1,{annotations:n})},m1=({annotations:n})=>{const{revalidate:a}=dt(),l=K.useFragment(oc,n),[t]=K.useMutation(rc),[i]=K.useMutation(ic),r=p=>g=>{const u=je(g);p==null||p((u==null?void 0:u[0])??"Failed to create annotation config")},s=(p,{onCompleted:g,onError:u}={})=>{const{id:f,annotationType:h,...k}=p,S=h.toLowerCase();i({variables:{input:{annotationConfig:{[S]:k}}},onCompleted:g,onError:r(u)}),a()},[d]=K.useMutation(tc);return e(U,{title:"Annotation Configs",extra:o(W,{children:[o(M,{size:"S",children:[e(x,{svg:e(ea,{})}),"New Configuration"]}),e(Y,{children:e(
|
|
232
|
+
`,children:[o("table",{css:hn,style:{width:d.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:d.getHeaderGroups().map(f=>e("tr",{children:f.headers.map(h=>e("th",{colSpan:h.colSpan,children:h.isPlaceholder?null:o("div",{className:h.column.getCanSort()?"sort":"",onClick:h.column.getToggleSortingHandler(),style:{left:h.getStart(),width:h.getSize()},children:[ee(h.column.columnDef.header,h.getContext()),h.column.getIsSorted()?e(x,{className:"sort-icon",svg:h.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]})},h.id))},f.id))}),c?e(wn,{message:"No Annotation Configs"}):e("tbody",{children:m.map(f=>e("tr",{onClick:()=>{i({[f.id]:!(t!=null&&t[f.id])})},children:f.getVisibleCells().map(h=>e("td",{style:{width:h.column.getSize(),maxWidth:h.column.getSize()},children:ee(h.column.columnDef.cell,h.getContext())},h.id))},f.id))})]}),p.length>0&&e(d1,{selectedConfig:g[0],onClearSelection:u,onEditAnnotationConfig:l,onDeleteAnnotationConfig:a})]})},Wx=()=>{const n=rn();return e(m1,{annotations:n})},m1=({annotations:n})=>{const{revalidate:a}=dt(),l=K.useFragment(oc,n),[t]=K.useMutation(rc),[i]=K.useMutation(ic),r=p=>g=>{const u=je(g);p==null||p((u==null?void 0:u[0])??"Failed to create annotation config")},s=(p,{onCompleted:g,onError:u}={})=>{const{id:f,annotationType:h,...k}=p,S=h.toLowerCase();i({variables:{input:{annotationConfig:{[S]:k}}},onCompleted:g,onError:r(u)}),a()},[d]=K.useMutation(tc);return e(U,{title:"Annotation Configs",extra:o(W,{children:[o(M,{size:"S",children:[e(x,{svg:e(ea,{})}),"New Configuration"]}),e(Y,{children:e(X,{children:e(sc,{onAddAnnotationConfig:s})})})]}),children:e(u1,{annotationConfigs:l,onEditAnnotationConfig:(p,{onCompleted:g,onError:u}={})=>{const{id:f,annotationType:h,...k}=p,S=h.toLowerCase();d({variables:{input:{id:f,annotationConfig:{[S]:k}}},onCompleted:g,onError:r(u)}),a()},onDeleteAnnotationConfig:(p,{onCompleted:g,onError:u}={})=>{t({variables:{input:{ids:[p]}},onCompleted:g,onError:r(u)}),a()}})})},cc=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"annotationType",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"optimizationDirection",storageKey:null};return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"settingsAnnotationsPageLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"SettingsAnnotationsPageFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"settingsAnnotationsPageLoaderQuery",selections:[{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:"annotationConfig",args:null,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[n,a,l,t,i,{alias:null,args:null,concreteType:"CategoricalAnnotationValue",kind:"LinkedField",name:"values",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null}],type:"CategoricalAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[n,a,l,t,i,{alias:null,args:null,kind:"ScalarField",name:"upperBound",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"lowerBound",storageKey:null}],type:"ContinuousAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[n,a,l,t],type:"FreeformAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[n],type:"Node",abstractKey:"__isNode"}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"38239699bb1676189730a7c5bfaf3e16",id:null,metadata:{},name:"settingsAnnotationsPageLoaderQuery",operationKind:"query",text:`query settingsAnnotationsPageLoaderQuery {
|
|
233
233
|
...SettingsAnnotationsPageFragment
|
|
234
234
|
}
|
|
235
235
|
|
|
@@ -498,14 +498,14 @@ fragment RetentionPoliciesTable_retentionPolicy on ProjectTraceRetentionPolicy {
|
|
|
498
498
|
id
|
|
499
499
|
}
|
|
500
500
|
}
|
|
501
|
-
`}}}();bc.hash="3bf941d551e8fb7a6940d8774075be73";function p1(n){var d,c;const a=ve(),l=Pe(),t=K.useLazyLoadQuery(bc,{id:n.policyId});if(!(t!=null&&t.retentionPolicy))throw new Error("Retention policy not found");const[i,r]=K.useMutation(kc);return e(gc,{onSubmit:m=>{let p;if(m.numberOfDays&&m.numberOfTraces)p={maxDaysOrCount:{maxDays:m.numberOfDays,maxCount:m.numberOfTraces}};else if(m.numberOfDays)p={maxDays:{maxDays:m.numberOfDays}};else if(m.numberOfTraces)p={maxCount:{maxCount:m.numberOfTraces}};else throw new Error("Invalid retention policy rule");i({variables:{input:{id:n.policyId,cronExpression:m.schedule,rule:p,name:m.name}},onCompleted:()=>{a({title:"Retention policy updated successfully",message:"The retention policy has been updated successfully."}),n.onEditCompleted()},onError:()=>{l({title:"Error updating retention policy",message:"Please try again."})}})},isSubmitting:r,mode:"edit",defaultValues:{name:t.retentionPolicy.name??"New Policy",schedule:t.retentionPolicy.cronExpression??"0 0 * * 0",numberOfDays:(d=t.retentionPolicy.rule)==null?void 0:d.maxDays,numberOfTraces:(c=t.retentionPolicy.rule)==null?void 0:c.maxCount},onCancel:n.onCancel})}const y1="Default",f1=({policyId:n,policyName:a,projectNames:l,onPolicyEdit:t,onPolicyDelete:i,connectionId:r})=>{const s=a!==y1,[d,c]=y.useState(!1),[m,p]=y.useState(!1),[g,u]=K.useMutation(hc);return o(gt,{children:[o(Ya,{buttonSize:"compact",disabledKeys:s?[]:["deletePolicy"],align:"end",onAction:f=>{switch(f){case"editPolicy":return c(!0);case"deletePolicy":return p(!0)}},children:[e(tn,{textValue:"Edit Policy",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(el,{})}),e(C,{children:"Edit"})]})},"editPolicy"),e(tn,{textValue:"Delete Policy",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(un,{})}),e(C,{children:"Delete"})]})},"deletePolicy")]}),e(W,{isOpen:d,onOpenChange:c,children:e(Y,{children:e(
|
|
501
|
+
`}}}();bc.hash="3bf941d551e8fb7a6940d8774075be73";function p1(n){var d,c;const a=ve(),l=Pe(),t=K.useLazyLoadQuery(bc,{id:n.policyId});if(!(t!=null&&t.retentionPolicy))throw new Error("Retention policy not found");const[i,r]=K.useMutation(kc);return e(gc,{onSubmit:m=>{let p;if(m.numberOfDays&&m.numberOfTraces)p={maxDaysOrCount:{maxDays:m.numberOfDays,maxCount:m.numberOfTraces}};else if(m.numberOfDays)p={maxDays:{maxDays:m.numberOfDays}};else if(m.numberOfTraces)p={maxCount:{maxCount:m.numberOfTraces}};else throw new Error("Invalid retention policy rule");i({variables:{input:{id:n.policyId,cronExpression:m.schedule,rule:p,name:m.name}},onCompleted:()=>{a({title:"Retention policy updated successfully",message:"The retention policy has been updated successfully."}),n.onEditCompleted()},onError:()=>{l({title:"Error updating retention policy",message:"Please try again."})}})},isSubmitting:r,mode:"edit",defaultValues:{name:t.retentionPolicy.name??"New Policy",schedule:t.retentionPolicy.cronExpression??"0 0 * * 0",numberOfDays:(d=t.retentionPolicy.rule)==null?void 0:d.maxDays,numberOfTraces:(c=t.retentionPolicy.rule)==null?void 0:c.maxCount},onCancel:n.onCancel})}const y1="Default",f1=({policyId:n,policyName:a,projectNames:l,onPolicyEdit:t,onPolicyDelete:i,connectionId:r})=>{const s=a!==y1,[d,c]=y.useState(!1),[m,p]=y.useState(!1),[g,u]=K.useMutation(hc);return o(gt,{children:[o(Ya,{buttonSize:"compact",disabledKeys:s?[]:["deletePolicy"],align:"end",onAction:f=>{switch(f){case"editPolicy":return c(!0);case"deletePolicy":return p(!0)}},children:[e(tn,{textValue:"Edit Policy",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(el,{})}),e(C,{children:"Edit"})]})},"editPolicy"),e(tn,{textValue:"Delete Policy",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(un,{})}),e(C,{children:"Delete"})]})},"deletePolicy")]}),e(W,{isOpen:d,onOpenChange:c,children:e(Y,{children:e(X,{size:"M",children:e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Edit Retention Policy"}),e(pe,{children:e(ye,{onPress:()=>c(!1),slot:"close"})})]}),e(y.Suspense,{fallback:e(fe,{}),children:e(p1,{policyId:n,onEditCompleted:()=>{t(),c(!1)},onCancel:()=>{c(!1)}})})]})})})})}),e(W,{isOpen:m,onOpenChange:p,children:e(Y,{children:e(X,{size:"S",children:e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Delete Retention Policy"}),e(pe,{children:e(ye,{slot:"close"})})]}),o(v,{padding:"size-200",children:[e(C,{color:"danger",children:`Are you sure you want to delete retention policy "${a}"? This cannot be undone.`}),e("br",{}),l.length>0&&e(C,{color:"danger",children:`This policy is associated with the following projects: ${l.join(", ")}. These projects will fall back to the default policy.`})]}),e(v,{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(M,{variant:"default",size:"M",slot:"close",isDisabled:u,children:"Cancel"}),e(M,{variant:"danger",size:"S",onPress:()=>{g({variables:{policyId:n,connectionId:r}}),p(!1),i()},isDisabled:u,leadingVisual:u?e(x,{svg:e(Wn,{})}):void 0,children:u?"Deleting...":"Delete Policy"})]})})]})})})})})]})},h1=fc,k1=({query:n})=>{const a=ve(),l=Ls(),{data:t}=K.usePaginationFragment(yc,n),i=t.projectTraceRetentionPolicies.__id,r=t.projectTraceRetentionPolicies.edges.map(m=>{const p=m.node;return K.readInlineData(h1,p)}),s=y.useMemo(()=>{const m=[{header:"Name",accessorKey:"name"},{header:"Schedule",accessorKey:"cronExpression",cell:({row:p})=>Ar({schedule:p.original.cronExpression})},{header:"Rule",accessorKey:"rule",cell:({row:p})=>{const g=p.original.rule;if(g.__typename==="TraceRetentionRuleMaxCount")return`${g.maxCount} traces`;if(g.__typename==="TraceRetentionRuleMaxDays")return g.maxDays===0?"Infinite":`${g.maxDays} days`;if(g.__typename==="TraceRetentionRuleMaxDaysOrCount")return`${g.maxDays} days or ${g.maxCount} traces`;if(g.__typename==="%other")return"Unknown";$e()}},{header:"Projects",accessorKey:"projects",cell:({row:p})=>e("ul",{css:T`
|
|
502
502
|
li {
|
|
503
503
|
display: inline;
|
|
504
504
|
}
|
|
505
505
|
li:not(:first-child):before {
|
|
506
506
|
content: ", ";
|
|
507
507
|
}
|
|
508
|
-
`,children:p.original.projects.edges.map(g=>e("li",{children:e(sn,{to:`/projects/${g.node.id}/config`,children:g.node.name})},g.node.id))})}];return l&&m.push({id:"actions",cell:({row:p})=>e(f1,{policyId:p.original.id,policyName:p.original.name,connectionId:i,projectNames:p.original.projects.edges.map(g=>g.node.name),onPolicyEdit:()=>{a({title:"Policy Updated",message:`Policy "${p.original.name}" was updated and will take effect shortly.`})},onPolicyDelete:()=>{a({title:"Policy deleted",message:`Policy "${p.original.name}" was deleted`})}})}),m},[l,a,i]),d=Me({columns:s,data:r,getCoreRowModel:Ve(),getSortedRowModel:Tn()}),c=d.getRowModel().rows;return o("table",{css:hn,children:[e("thead",{children:d.getHeaderGroups().map(m=>e("tr",{children:m.headers.map(p=>e("th",{colSpan:p.colSpan,children:p.isPlaceholder?null:e("div",{children:ee(p.column.columnDef.header,p.getContext())})},p.id))},m.id))}),e("tbody",{children:c.map(m=>e("tr",{children:m.getVisibleCells().map(p=>e("td",{children:ee(p.column.columnDef.cell,p.getContext())},p.id))},m.id))})]})};function Zx(){const n=rn();Ue(n);const a=n.__id;return e(U,{title:"Retention Policies",extra:e(Ds,{children:o(W,{children:[e(M,{size:"S",leadingVisual:e(x,{svg:e(ea,{})}),children:"New Policy"}),e(Y,{children:e(
|
|
508
|
+
`,children:p.original.projects.edges.map(g=>e("li",{children:e(sn,{to:`/projects/${g.node.id}/config`,children:g.node.name})},g.node.id))})}];return l&&m.push({id:"actions",cell:({row:p})=>e(f1,{policyId:p.original.id,policyName:p.original.name,connectionId:i,projectNames:p.original.projects.edges.map(g=>g.node.name),onPolicyEdit:()=>{a({title:"Policy Updated",message:`Policy "${p.original.name}" was updated and will take effect shortly.`})},onPolicyDelete:()=>{a({title:"Policy deleted",message:`Policy "${p.original.name}" was deleted`})}})}),m},[l,a,i]),d=Me({columns:s,data:r,getCoreRowModel:Ve(),getSortedRowModel:Tn()}),c=d.getRowModel().rows;return o("table",{css:hn,children:[e("thead",{children:d.getHeaderGroups().map(m=>e("tr",{children:m.headers.map(p=>e("th",{colSpan:p.colSpan,children:p.isPlaceholder?null:e("div",{children:ee(p.column.columnDef.header,p.getContext())})},p.id))},m.id))}),e("tbody",{children:c.map(m=>e("tr",{children:m.getVisibleCells().map(p=>e("td",{children:ee(p.column.columnDef.cell,p.getContext())},p.id))},m.id))})]})};function Zx(){const n=rn();Ue(n);const a=n.__id;return e(U,{title:"Retention Policies",extra:e(Ds,{children:o(W,{children:[e(M,{size:"S",leadingVisual:e(x,{svg:e(ea,{})}),children:"New Policy"}),e(Y,{children:e(X,{children:e(J,{children:({close:l})=>o(ce,{children:[o(ue,{children:[e(me,{children:"New Retention Policy"}),e(pe,{children:e(ye,{slot:"close"})})]}),e(g1,{queryId:a,onCreate:()=>{l()}})]})})})})]})}),children:e(k1,{query:n})})}const Sc=function(){var n={defaultValue:null,kind:"LocalArgument",name:"description"},a={defaultValue:null,kind:"LocalArgument",name:"expiresAt"},l={defaultValue:null,kind:"LocalArgument",name:"name"},t=[{fields:[{kind:"Variable",name:"description",variableName:"description"},{kind:"Variable",name:"expiresAt",variableName:"expiresAt"},{kind:"Variable",name:"name",variableName:"name"}],kind:"ObjectValue",name:"input"}],i={alias:null,args:null,kind:"ScalarField",name:"jwt",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},s={alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"apiKey",plural:!1,selections:[r],storageKey:null},d=[r,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}];return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"APIKeysCardCreateSystemAPIKeyMutation",selections:[{alias:null,args:t,concreteType:"CreateSystemApiKeyMutationPayload",kind:"LinkedField",name:"createSystemApiKey",plural:!1,selections:[i,{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"SystemAPIKeysTableFragment"}],storageKey:null},s],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[l,n,a],kind:"Operation",name:"APIKeysCardCreateSystemAPIKeyMutation",selections:[{alias:null,args:t,concreteType:"CreateSystemApiKeyMutationPayload",kind:"LinkedField",name:"createSystemApiKey",plural:!1,selections:[i,{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"systemApiKeys",plural:!0,selections:d,storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"viewer",plural:!1,selections:[{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKeys",plural:!0,selections:d,storageKey:null},r],storageKey:null}],storageKey:null},s],storageKey:null}]},params:{cacheID:"8c8ce75c9f917911796042954e2dbd3b",id:null,metadata:{},name:"APIKeysCardCreateSystemAPIKeyMutation",operationKind:"mutation",text:`mutation APIKeysCardCreateSystemAPIKeyMutation(
|
|
509
509
|
$name: String!
|
|
510
510
|
$description: String = null
|
|
511
511
|
$expiresAt: DateTime = null
|
|
@@ -649,7 +649,7 @@ fragment UserAPIKeysTableFragment on Query {
|
|
|
649
649
|
}
|
|
650
650
|
}
|
|
651
651
|
}
|
|
652
|
-
`}}}();Pc.hash="c2b3a579bcb0ba915523ecb35cae3b44";const Ic={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:Pc}},name:"UserAPIKeysTableFragment",selections:[{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"userApiKeys",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};Ic.hash="c2b3a579bcb0ba915523ecb35cae3b44";const Lo=70;function S1({query:n}){const[a,l]=K.useRefetchableFragment(Ic,n),t=Pe(),i=ve(),[r]=K.useMutation(Kc),s=y.useCallback(u=>{r({variables:{input:{id:u}},onCompleted:()=>{i({title:"User key deleted",message:"The user key has been deleted and is no longer active."}),y.startTransition(()=>{l({},{fetchPolicy:"network-only"})})},onError:f=>{const h=je(f);t({title:"Error deleting user key",message:(h==null?void 0:h[0])??f.message})}})},[r,t,i,l]),d=y.useMemo(()=>[...a.userApiKeys],[a]),c=y.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:dn},{header:"Description",accessorKey:"description",cell:dn},{header:"Created At",accessorKey:"createdAt",size:Lo,cell:Ne},{header:"Expires At",accessorKey:"expiresAt",size:Lo,cell:Ne},{header:"User",size:120,accessorKey:"user.email",cell:dn},{header:"",accessorKey:"id",size:10,cell:({row:f})=>e(b,{direction:"row",justifyContent:"end",width:"100%",children:e(dr,{handleDelete:()=>{s(f.original.id)}})}),meta:{textAlign:"right"}}],[s]),m=Me({columns:c,data:d,getCoreRowModel:Ve()}),p=m.getRowModel().rows,g=m.getRowModel().rows.length===0;return o("table",{css:hn,children:[e("thead",{children:m.getHeaderGroups().map(u=>e("tr",{children:u.headers.map(f=>e("th",{colSpan:f.colSpan,children:f.isPlaceholder?null:o("div",{className:f.column.getCanSort()?"sort":"",onClick:f.column.getToggleSortingHandler(),style:{left:f.getStart(),width:f.getSize()},children:[ee(f.column.columnDef.header,f.getContext()),f.column.getIsSorted()?e(x,{className:"sort-icon",svg:f.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]})},f.id))},u.id))}),g?e(wn,{message:"No Keys"}):e("tbody",{children:p.map(u=>e("tr",{children:u.getVisibleCells().map(f=>e("td",{children:ee(f.column.columnDef.cell,f.getContext())},f.id))},u.id))})]})}function v1(){const n=K.useLazyLoadQuery(vc,{},{fetchPolicy:"network-only"});return o(Ln,{children:[o(xn,{children:[e(se,{id:"system",children:"System Keys"}),e(se,{id:"user",children:"User Keys"})]}),e(be,{id:"system",children:e(b1,{query:n})}),e(be,{id:"user",children:e(S1,{query:n})})]})}function C1(){const[n,a]=y.useState(!1),[l,t]=y.useState(null),i=Pe(),[r,s]=K.useMutation(Sc),d=y.useCallback(c=>{var m;r({variables:{...c,expiresAt:((m=c.expiresAt)==null?void 0:m.toDate(Al()).toISOString())||null},onCompleted:p=>{a(!1),t(p.createSystemApiKey.jwt)},onError:p=>{i({title:"Error creating system key",message:p.message})}})},[r,i]);return o("div",{children:[e(lr,{title:"API Keys",variant:"compact",extra:o(W,{isOpen:n,onOpenChange:()=>a(!1),children:[e(M,{size:"S",onPress:()=>a(!0),leadingVisual:e(x,{svg:e(wa,{})}),children:"System Key"}),e(Y,{children:e(
|
|
652
|
+
`}}}();Pc.hash="c2b3a579bcb0ba915523ecb35cae3b44";const Ic={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:Pc}},name:"UserAPIKeysTableFragment",selections:[{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"userApiKeys",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};Ic.hash="c2b3a579bcb0ba915523ecb35cae3b44";const Lo=70;function S1({query:n}){const[a,l]=K.useRefetchableFragment(Ic,n),t=Pe(),i=ve(),[r]=K.useMutation(Kc),s=y.useCallback(u=>{r({variables:{input:{id:u}},onCompleted:()=>{i({title:"User key deleted",message:"The user key has been deleted and is no longer active."}),y.startTransition(()=>{l({},{fetchPolicy:"network-only"})})},onError:f=>{const h=je(f);t({title:"Error deleting user key",message:(h==null?void 0:h[0])??f.message})}})},[r,t,i,l]),d=y.useMemo(()=>[...a.userApiKeys],[a]),c=y.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:dn},{header:"Description",accessorKey:"description",cell:dn},{header:"Created At",accessorKey:"createdAt",size:Lo,cell:Ne},{header:"Expires At",accessorKey:"expiresAt",size:Lo,cell:Ne},{header:"User",size:120,accessorKey:"user.email",cell:dn},{header:"",accessorKey:"id",size:10,cell:({row:f})=>e(b,{direction:"row",justifyContent:"end",width:"100%",children:e(dr,{handleDelete:()=>{s(f.original.id)}})}),meta:{textAlign:"right"}}],[s]),m=Me({columns:c,data:d,getCoreRowModel:Ve()}),p=m.getRowModel().rows,g=m.getRowModel().rows.length===0;return o("table",{css:hn,children:[e("thead",{children:m.getHeaderGroups().map(u=>e("tr",{children:u.headers.map(f=>e("th",{colSpan:f.colSpan,children:f.isPlaceholder?null:o("div",{className:f.column.getCanSort()?"sort":"",onClick:f.column.getToggleSortingHandler(),style:{left:f.getStart(),width:f.getSize()},children:[ee(f.column.columnDef.header,f.getContext()),f.column.getIsSorted()?e(x,{className:"sort-icon",svg:f.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]})},f.id))},u.id))}),g?e(wn,{message:"No Keys"}):e("tbody",{children:p.map(u=>e("tr",{children:u.getVisibleCells().map(f=>e("td",{children:ee(f.column.columnDef.cell,f.getContext())},f.id))},u.id))})]})}function v1(){const n=K.useLazyLoadQuery(vc,{},{fetchPolicy:"network-only"});return o(Ln,{children:[o(xn,{children:[e(se,{id:"system",children:"System Keys"}),e(se,{id:"user",children:"User Keys"})]}),e(be,{id:"system",children:e(b1,{query:n})}),e(be,{id:"user",children:e(S1,{query:n})})]})}function C1(){const[n,a]=y.useState(!1),[l,t]=y.useState(null),i=Pe(),[r,s]=K.useMutation(Sc),d=y.useCallback(c=>{var m;r({variables:{...c,expiresAt:((m=c.expiresAt)==null?void 0:m.toDate(Al()).toISOString())||null},onCompleted:p=>{a(!1),t(p.createSystemApiKey.jwt)},onError:p=>{i({title:"Error creating system key",message:p.message})}})},[r,i]);return o("div",{children:[e(lr,{title:"API Keys",variant:"compact",extra:o(W,{isOpen:n,onOpenChange:()=>a(!1),children:[e(M,{size:"S",onPress:()=>a(!0),leadingVisual:e(x,{svg:e(wa,{})}),children:"System Key"}),e(Y,{children:e(X,{size:"M",children:e(_s,{onSubmit:d,isCommitting:s,defaultName:"System"})})})]}),children:e(y.Suspense,{fallback:e(v,{padding:"size-100",children:e(fe,{})}),children:e(v1,{})})}),e(W,{isOpen:!!l,onOpenChange:()=>t(null),children:e(Y,{children:e(X,{size:"L",children:e(As,{jwt:l??""})})})})]})}const xc={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"DBUsagePieChart_data",selections:[{alias:null,args:null,concreteType:"DbTableStats",kind:"LinkedField",name:"dbTableStats",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"tableName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"numBytes",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dbStorageCapacityBytes",storageKey:null}],type:"Query",abstractKey:null};xc.hash="922bf6de312a4be0c38025ffbb868d6d";function Hi(n,a){const{si:l=!1,decimalPlaces:t=1}={},i=l?1e3:1024;if(Math.abs(n)<i)return n+" B";const r=l?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let s=-1;const d=10**t;do n/=i,++s;while(Math.round(Math.abs(n)*d)/d>=i&&s<r.length-1);return n.toFixed(t)+" "+r[s]}const Do="remaining";function F1({active:n,payload:a}){return n&&a&&a.length?e(He,{children:e(he,{shape:"square",color:a[0].payload.fill||"transparent",name:a[0].name||"--",value:Hi(a[0].value||0)})}):null}function T1({query:n}){const a=K.useFragment(xc,n),l=a.dbTableStats.reduce((r,s)=>r+s.numBytes,0),t=typeof a.dbStorageCapacityBytes=="number"?a.dbStorageCapacityBytes-l:null,i=y.useMemo(()=>{const r=[...a.dbTableStats];return t!==null&&t>0&&r.push({tableName:Do,numBytes:t}),r},[a.dbTableStats,t]);return e(We,{width:"100%",height:245,children:o(_d,{children:[e(Ld,{data:i,dataKey:"numBytes",nameKey:"tableName",cx:"50%",cy:"50%",innerRadius:70,outerRadius:110,strokeWidth:0,stroke:"transparent",children:i.map((r,s)=>e(Dd,{stroke:"0",fill:r.tableName===Do?"var(--ac-global-color-grey-200)":`${lo[s%lo.length]}`},`cell-${s}`))}),e(Ge,{content:F1}),e("text",{x:"50%",y:"50%",textAnchor:"middle",fill:"var(--ac-global-text-color-900",fontSize:"var(--ac-global-font-size-xl)",children:`${typeof a.dbStorageCapacityBytes=="number"?Nt(l/a.dbStorageCapacityBytes*100):Hi(l)}`}),e("text",{x:"50%",y:"50%",dy:25,textAnchor:"middle",fill:"var(--ac-global-text-color-900",fontSize:"var(--ac-global-font-size-s)",children:"Used"}),o("g",{children:[typeof a.dbStorageCapacityBytes=="number"&&o(Z,{children:[e("text",{x:"0%",y:"0%",dx:10,dy:15,textAnchor:"left",fill:"var(--ac-global-text-color-500)",fontSize:"var(--ac-global-font-size-xs)",children:"Capacity:"}),e("text",{x:"0%",y:"0%",dx:10,dy:28,textAnchor:"left",fill:"var(--ac-global-text-color-500)",fontSize:"var(--ac-global-font-size-xs)",children:Hi(a.dbStorageCapacityBytes)})]}),e("text",{x:"100%",y:"100%",dx:-80,dy:-2,textAnchor:"right",fill:"var(--ac-global-text-color-500)",fontSize:"var(--ac-global-font-size-xs)",children:"* approximate"})]})]})})}const Lc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"ProjectTraceRetentionPolicyMutationPayload",kind:"LinkedField",name:"patchProjectTraceRetentionPolicy",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectTraceRetentionPolicy",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"rule",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"maxDays",storageKey:null}],type:"TraceRetentionRuleMaxDays",abstractKey:null}],storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"GlobalRetentionPolicyCardMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"GlobalRetentionPolicyCardMutation",selections:a},params:{cacheID:"096e3d4c546229fc771e14be03b168a3",id:null,metadata:{},name:"GlobalRetentionPolicyCardMutation",operationKind:"mutation",text:`mutation GlobalRetentionPolicyCardMutation(
|
|
653
653
|
$input: PatchProjectTraceRetentionPolicyInput!
|
|
654
654
|
) {
|
|
655
655
|
patchProjectTraceRetentionPolicy(input: $input) {
|
|
@@ -711,7 +711,7 @@ fragment UsersTable_users on Query {
|
|
|
711
711
|
}
|
|
712
712
|
}
|
|
713
713
|
}
|
|
714
|
-
`}}}();Ac.hash="97d1aefa41e8831e57b6bb0d1a078a7c";function P1({onNewUserCreated:n,onNewUserCreationError:a,onDismiss:l}){const[t,i]=K.useMutation(Ac),r=y.useCallback(d=>{t({variables:{input:{email:d.email,username:d.username,password:d.password,role:d.role,authMethod:"LOCAL",sendWelcomeEmail:!0}},onCompleted:c=>{n(c.createUser.user.email)},onError:c=>{a(c)}})},[t,n,a]),s=y.useCallback(d=>{t({variables:{input:{email:d.email,username:d.username,role:d.role,authMethod:"OAUTH2",sendWelcomeEmail:!0}},onCompleted:c=>{n(c.createUser.user.email)},onError:c=>{a(c)}})},[t,n,a]);return e(Y,{isOpen:!0,onOpenChange:d=>{d||l()},children:e(
|
|
714
|
+
`}}}();Ac.hash="97d1aefa41e8831e57b6bb0d1a078a7c";function P1({onNewUserCreated:n,onNewUserCreationError:a,onDismiss:l}){const[t,i]=K.useMutation(Ac),r=y.useCallback(d=>{t({variables:{input:{email:d.email,username:d.username,password:d.password,role:d.role,authMethod:"LOCAL",sendWelcomeEmail:!0}},onCompleted:c=>{n(c.createUser.user.email)},onError:c=>{a(c)}})},[t,n,a]),s=y.useCallback(d=>{t({variables:{input:{email:d.email,username:d.username,role:d.role,authMethod:"OAUTH2",sendWelcomeEmail:!0}},onCompleted:c=>{n(c.createUser.user.email)},onError:c=>{a(c)}})},[t,n,a]);return e(Y,{isOpen:!0,onOpenChange:d=>{d||l()},children:e(X,{children:e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Add User"}),e(ye,{})]}),window.Config.basicAuthDisabled?e(gh,{onSubmit:s,isSubmitting:i},"oauth-form"):e(ph,{onSubmit:r,isSubmitting:i},"user-form")]})})})})}const wc=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"UsersTableQuery",selections:[{args:null,kind:"FragmentSpread",name:"UsersTable_users"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"UsersTableQuery",selections:[{alias:null,args:null,concreteType:"UserConnection",kind:"LinkedField",name:"users",plural:!1,selections:[{alias:null,args:null,concreteType:"UserEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"user",args:null,concreteType:"User",kind:"LinkedField",name:"node",plural:!1,selections:[n,{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"authMethod",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},{alias:null,args:null,concreteType:"UserRole",kind:"LinkedField",name:"role",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},n],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"e5a1fa2cfeca95ac9f22b2c65d3a4548",id:null,metadata:{},name:"UsersTableQuery",operationKind:"query",text:`query UsersTableQuery {
|
|
715
715
|
...UsersTable_users
|
|
716
716
|
}
|
|
717
717
|
|
|
@@ -745,7 +745,7 @@ fragment UsersTable_users on Query {
|
|
|
745
745
|
__typename
|
|
746
746
|
}
|
|
747
747
|
}
|
|
748
|
-
`}}}();Mc.hash="85b22da61ec094c28e97db2759622b69";const Ul=4;function x1({userId:n,onClose:a}){const l=Pe(),t=ve(),[i,r]=K.useMutation(Mc),{control:s,handleSubmit:d,formState:{isDirty:c}}=on({defaultValues:{newPassword:"",confirmPassword:""}}),m=y.useCallback(p=>{i({variables:{input:{userId:n,newPassword:p.newPassword}},onCompleted:()=>{t({title:"Password reset",message:"Users password has been reset."}),a()},onError:g=>{l({title:"Failed to reset password",message:g.message})}})},[i,l,t,a,n]);return e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Reset Password"}),e(pe,{children:e(ye,{onPress:a,slot:"close"})})]}),e(Kn,{children:o(v,{padding:"size-200",children:[o(b,{direction:"column",gap:"size-100",children:[e(H,{name:"newPassword",control:s,rules:{required:"Password is required",minLength:{value:Ul,message:`Password must be at least ${Ul} characters`}},render:({field:{name:p,onChange:g,onBlur:u,value:f},fieldState:{invalid:h,error:k}})=>o(de,{isInvalid:h,onChange:g,name:p,onBlur:u,value:f.toString(),type:"password",id:"new-password",autoComplete:"new-password",children:[e(G,{children:"New Password"}),e(ie,{placeholder:"New password"}),k!=null&&k.message?e(Fe,{children:k.message}):o(C,{slot:"description",children:["Password must be at least ",Ul," ","characters"]})]})}),e(H,{name:"confirmPassword",control:s,rules:{required:"Password is required",minLength:{value:Ul,message:`Password must be at least ${Ul} characters`},validate:(p,g)=>p===g.newPassword||"Passwords do not match"},render:({field:{name:p,onChange:g,onBlur:u,value:f},fieldState:{invalid:h,error:k}})=>o(de,{isInvalid:h,onChange:g,name:p,onBlur:u,value:f.toString(),type:"password",children:[e(G,{children:"Confirm Password"}),e(ie,{placeholder:"Repeat new password"}),k!=null&&k.message?e(Fe,{children:k.message}):e(C,{slot:"description",children:"Repeat new password to confirm"})]})})]}),e(v,{paddingTop:"size-200",children:o(b,{direction:"row",gap:"size-100",justifyContent:"end",children:[e(M,{variant:"default",size:"S",onPress:a,isDisabled:r,children:"Cancel"}),e(M,{variant:c?"primary":"default",type:"submit",isDisabled:r,onPress:()=>d(m)(),children:r?"Resetting...":"Reset Password"})]})})]})})]})})}function L1(n){return n==="LOCAL"}function D1(n){const{userId:a,onUserDeleted:l,authMethod:t}=n,[i,r]=y.useState(!1),[s,d]=y.useState(!1),c=y.useMemo(()=>{const m=e(tn,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(un,{})}),e(
|
|
748
|
+
`}}}();Mc.hash="85b22da61ec094c28e97db2759622b69";const Ul=4;function x1({userId:n,onClose:a}){const l=Pe(),t=ve(),[i,r]=K.useMutation(Mc),{control:s,handleSubmit:d,formState:{isDirty:c}}=on({defaultValues:{newPassword:"",confirmPassword:""}}),m=y.useCallback(p=>{i({variables:{input:{userId:n,newPassword:p.newPassword}},onCompleted:()=>{t({title:"Password reset",message:"Users password has been reset."}),a()},onError:g=>{l({title:"Failed to reset password",message:g.message})}})},[i,l,t,a,n]);return e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Reset Password"}),e(pe,{children:e(ye,{onPress:a,slot:"close"})})]}),e(Kn,{children:o(v,{padding:"size-200",children:[o(b,{direction:"column",gap:"size-100",children:[e(H,{name:"newPassword",control:s,rules:{required:"Password is required",minLength:{value:Ul,message:`Password must be at least ${Ul} characters`}},render:({field:{name:p,onChange:g,onBlur:u,value:f},fieldState:{invalid:h,error:k}})=>o(de,{isInvalid:h,onChange:g,name:p,onBlur:u,value:f.toString(),type:"password",id:"new-password",autoComplete:"new-password",children:[e(G,{children:"New Password"}),e(ie,{placeholder:"New password"}),k!=null&&k.message?e(Fe,{children:k.message}):o(C,{slot:"description",children:["Password must be at least ",Ul," ","characters"]})]})}),e(H,{name:"confirmPassword",control:s,rules:{required:"Password is required",minLength:{value:Ul,message:`Password must be at least ${Ul} characters`},validate:(p,g)=>p===g.newPassword||"Passwords do not match"},render:({field:{name:p,onChange:g,onBlur:u,value:f},fieldState:{invalid:h,error:k}})=>o(de,{isInvalid:h,onChange:g,name:p,onBlur:u,value:f.toString(),type:"password",children:[e(G,{children:"Confirm Password"}),e(ie,{placeholder:"Repeat new password"}),k!=null&&k.message?e(Fe,{children:k.message}):e(C,{slot:"description",children:"Repeat new password to confirm"})]})})]}),e(v,{paddingTop:"size-200",children:o(b,{direction:"row",gap:"size-100",justifyContent:"end",children:[e(M,{variant:"default",size:"S",onPress:a,isDisabled:r,children:"Cancel"}),e(M,{variant:c?"primary":"default",type:"submit",isDisabled:r,onPress:()=>d(m)(),children:r?"Resetting...":"Reset Password"})]})})]})})]})})}function L1(n){return n==="LOCAL"}function D1(n){const{userId:a,onUserDeleted:l,authMethod:t}=n,[i,r]=y.useState(!1),[s,d]=y.useState(!1),c=y.useMemo(()=>{const m=e(tn,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(un,{})}),e(Z,{children:"Delete"})]})},"deleteUser"),p=e(tn,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(ws,{})}),e(Z,{children:"Reset Password"})]})},"resetPassword"),g=[m];return L1(t)&&g.push(p),g},[t]);return o("div",{onClick:m=>{m.preventDefault(),m.stopPropagation()},children:[e(Ya,{align:"end","aria-label":"User Actions",buttonSize:"compact",onAction:m=>{switch(m){case"deleteUser":r(!0);break;case"resetPassword":d(!0);break}},children:c}),e(W,{isOpen:i,onOpenChange:r,children:e(Y,{children:e(X,{children:e(I1,{userId:a,onClose:()=>r(!1),onDeleted:()=>{l(),r(!1)}})})})}),e(W,{isOpen:s,onOpenChange:d,children:e(Y,{children:e(X,{children:e(x1,{userId:a,onClose:()=>d(!1)})})})})]})}const Vc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"UserMutationPayload",kind:"LinkedField",name:"patchUser",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"UserRoleChangeDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"UserRoleChangeDialogMutation",selections:a},params:{cacheID:"44e970c967f83a0b7a6bd1cbafc3a936",id:null,metadata:{},name:"UserRoleChangeDialogMutation",operationKind:"mutation",text:`mutation UserRoleChangeDialogMutation(
|
|
749
749
|
$input: PatchUserInput!
|
|
750
750
|
) {
|
|
751
751
|
patchUser(input: $input) {
|
|
@@ -761,7 +761,7 @@ fragment UsersTable_users on Query {
|
|
|
761
761
|
}
|
|
762
762
|
`,E1=T`
|
|
763
763
|
height: ${A1}px;
|
|
764
|
-
`,_o=n=>n.email==="admin@localhost"||n.username==="admin";function R1({query:n}){const[a,l]=y.useState(null),[t,i]=K.useRefetchableFragment(Ec,n),r=y.useMemo(()=>t.users.edges.map(({user:u})=>({id:u.id,email:u.email,username:u.username,profilePictureUrl:u.profilePictureUrl,createdAt:u.createdAt,role:u.role.name,authMethod:u.authMethod})),[t]),s=y.useCallback(()=>{y.startTransition(()=>{i({},{fetchPolicy:"network-only"})})},[i]),{viewer:d}=cr(),c=y.useMemo(()=>[{header:"user",accessorKey:"username",cell:({row:u})=>o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[e(Ht,{name:u.original.username,profilePictureUrl:u.original.profilePictureUrl,size:20}),e("span",{children:u.original.username}),e("a",{href:`mailto:${u.original.email}`,css:w1,children:u.original.email})]})},{header:"method",accessorKey:"authMethod",size:10,cell:({row:u})=>u.original.authMethod.toLowerCase()},{header:"role",accessorKey:"role",cell:({row:u})=>_o(u.original)||d&&d.email==u.original.email?$i(u.original.role):e(fh,{includeLabel:!1,size:"S",onChange:f=>{f!==u.original.role&&l(e(_1,{onClose:()=>l(null),onRoleChanged:s,currentRole:u.original.role,newRole:f,email:u.original.email,userId:u.original.id}))},role:yh(u.original.role)?u.original.role:void 0})},{header:"created at",accessorKey:"createdAt",cell:Ne},{header:"",accessorKey:"id",size:10,cell:({row:u})=>_o(u.original)?null:e(b,{direction:"row",justifyContent:"end",width:"100%",children:e(D1,{userId:u.original.id,onUserDeleted:s,authMethod:u.original.authMethod})}),meta:{textAlign:"right"}}],[s,d]),m=Me({columns:c,data:r,getCoreRowModel:Ve(),getSortedRowModel:Tn()}),p=m.getRowModel().rows,g=m.getRowModel().rows.length===0;return o("table",{css:hn,children:[e("thead",{children:m.getHeaderGroups().map(u=>e("tr",{children:u.headers.map(f=>e("th",{colSpan:f.colSpan,children:f.isPlaceholder?null:o("div",{className:f.column.getCanSort()?"sort":"",onClick:f.column.getToggleSortingHandler(),style:{left:f.getStart(),width:f.getSize()},children:[ee(f.column.columnDef.header,f.getContext()),f.column.getIsSorted()?e(x,{className:"sort-icon",svg:f.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]})},f.id))},u.id))}),g?e(wn,{}):e("tbody",{children:p.map(u=>e("tr",{css:E1,children:u.getVisibleCells().map(f=>e("td",{children:ee(f.column.columnDef.cell,f.getContext())},f.id))},u.id))}),e(Y,{isOpen:a!==null,onOpenChange:u=>{u||l(null)},isDismissable:!0,children:e(
|
|
764
|
+
`,_o=n=>n.email==="admin@localhost"||n.username==="admin";function R1({query:n}){const[a,l]=y.useState(null),[t,i]=K.useRefetchableFragment(Ec,n),r=y.useMemo(()=>t.users.edges.map(({user:u})=>({id:u.id,email:u.email,username:u.username,profilePictureUrl:u.profilePictureUrl,createdAt:u.createdAt,role:u.role.name,authMethod:u.authMethod})),[t]),s=y.useCallback(()=>{y.startTransition(()=>{i({},{fetchPolicy:"network-only"})})},[i]),{viewer:d}=cr(),c=y.useMemo(()=>[{header:"user",accessorKey:"username",cell:({row:u})=>o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[e(Ht,{name:u.original.username,profilePictureUrl:u.original.profilePictureUrl,size:20}),e("span",{children:u.original.username}),e("a",{href:`mailto:${u.original.email}`,css:w1,children:u.original.email})]})},{header:"method",accessorKey:"authMethod",size:10,cell:({row:u})=>u.original.authMethod.toLowerCase()},{header:"role",accessorKey:"role",cell:({row:u})=>_o(u.original)||d&&d.email==u.original.email?$i(u.original.role):e(fh,{includeLabel:!1,size:"S",onChange:f=>{f!==u.original.role&&l(e(_1,{onClose:()=>l(null),onRoleChanged:s,currentRole:u.original.role,newRole:f,email:u.original.email,userId:u.original.id}))},role:yh(u.original.role)?u.original.role:void 0})},{header:"created at",accessorKey:"createdAt",cell:Ne},{header:"",accessorKey:"id",size:10,cell:({row:u})=>_o(u.original)?null:e(b,{direction:"row",justifyContent:"end",width:"100%",children:e(D1,{userId:u.original.id,onUserDeleted:s,authMethod:u.original.authMethod})}),meta:{textAlign:"right"}}],[s,d]),m=Me({columns:c,data:r,getCoreRowModel:Ve(),getSortedRowModel:Tn()}),p=m.getRowModel().rows,g=m.getRowModel().rows.length===0;return o("table",{css:hn,children:[e("thead",{children:m.getHeaderGroups().map(u=>e("tr",{children:u.headers.map(f=>e("th",{colSpan:f.colSpan,children:f.isPlaceholder?null:o("div",{className:f.column.getCanSort()?"sort":"",onClick:f.column.getToggleSortingHandler(),style:{left:f.getStart(),width:f.getSize()},children:[ee(f.column.columnDef.header,f.getContext()),f.column.getIsSorted()?e(x,{className:"sort-icon",svg:f.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]})},f.id))},u.id))}),g?e(wn,{}):e("tbody",{children:p.map(u=>e("tr",{css:E1,children:u.getVisibleCells().map(f=>e("td",{children:ee(f.column.columnDef.cell,f.getContext())},f.id))},u.id))}),e(Y,{isOpen:a!==null,onOpenChange:u=>{u||l(null)},isDismissable:!0,children:e(X,{size:"S",children:a})})]})}function M1(){const[n,a]=y.useState(0),[l,t]=y.useState(null),i=ve(),r=Pe(),s=K.useLazyLoadQuery(_c,{},{fetchKey:n,fetchPolicy:"store-and-network"});return o(U,{title:"Users",extra:e(M,{onPress:()=>{t(e(P1,{onDismiss:()=>{t(null)},onNewUserCreated:d=>{t(null),i({title:"User added",message:`User ${d} has been added.`}),a(c=>c+1)},onNewUserCreationError:d=>{const c=je(d);r({title:"Error adding user",message:(c==null?void 0:c[0])??d.message})}}))},size:"S",leadingVisual:e(x,{svg:e(wa,{})}),children:"Add User"}),children:[e(v,{overflow:"auto",children:e(y.Suspense,{fallback:e(v,{padding:"size-200",children:e(fe,{})}),children:e(R1,{query:s})})}),l]})}const V1=T`
|
|
765
765
|
.ac-field {
|
|
766
766
|
// Hacky solution to make the text fields fill the remaining space
|
|
767
767
|
width: calc(100% - var(--ac-global-dimension-size-600));
|
|
@@ -854,7 +854,7 @@ fragment ModelsTable_generativeModels on Query {
|
|
|
854
854
|
id
|
|
855
855
|
}
|
|
856
856
|
}
|
|
857
|
-
`}}}();Oc.hash="20d5b9316e7f67962f1480b7705015fb";const z1=[{tokenType:"input",kind:"PROMPT"},{tokenType:"audio",kind:"PROMPT"},{tokenType:"cache_read",kind:"PROMPT"},{tokenType:"cache_write",kind:"PROMPT"}],N1=[{tokenType:"output",kind:"COMPLETION"},{tokenType:"audio",kind:"COMPLETION"},{tokenType:"reasoning",kind:"COMPLETION"}];function $1({options:n,value:a,onChange:l,onBlur:t,invalid:i,isRequired:r,error:s}){const d=n.find(c=>c.tokenType===a);return e(
|
|
857
|
+
`}}}();Oc.hash="20d5b9316e7f67962f1480b7705015fb";const z1=[{tokenType:"input",kind:"PROMPT"},{tokenType:"audio",kind:"PROMPT"},{tokenType:"cache_read",kind:"PROMPT"},{tokenType:"cache_write",kind:"PROMPT"}],N1=[{tokenType:"output",kind:"COMPLETION"},{tokenType:"audio",kind:"COMPLETION"},{tokenType:"reasoning",kind:"COMPLETION"}];function $1({options:n,value:a,onChange:l,onBlur:t,invalid:i,isRequired:r,error:s}){const d=n.find(c=>c.tokenType===a);return e(cl,{"aria-label":"Token type",placeholder:"Choose or enter a token type",selectedKey:(d==null?void 0:d.tokenType)??"",inputValue:a??"",onSelectionChange:c=>{const m=n.find(p=>p.tokenType===c);m&&l(m.tokenType)},onInputChange:c=>{const m=c.toLowerCase();l(m||null)},onBlur:t,isInvalid:i,isRequired:r,errorMessage:s,size:"M",allowsCustomValue:!0,children:n.map(c=>c.tokenType?e(Qe,{textValue:c.tokenType,id:c.tokenType,children:e(b,{alignItems:"center",gap:"size-50",children:c.tokenType})},c.tokenType):null)})}function Ao({title:n,namePrefix:a,fields:l,control:t,tokenTypeOptions:i,onAppend:r,onRemove:s,appendKind:d}){return o(Z,{children:[e(oe,{level:3,weight:"heavy",children:n}),o("table",{css:T`
|
|
858
858
|
border-collapse: separate;
|
|
859
859
|
border-spacing: 0 var(--ac-global-dimension-size-100);
|
|
860
860
|
width: 100%;
|
|
@@ -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(H,{name:`${a}.${m}.tokenType`,control:t,rules:{required:"Token type is required"},render:({fieldState:{invalid:p,error:g},field:u})=>e($1,{options:i,...u,invalid:p,error:g==null?void 0:g.message})})}),e("td",{children:e(H,{name:`${a}.${m}.costPerMillionTokens`,control:t,rules:{required:"Cost per 1M tokens is required"},render:({fieldState:{invalid:p,error:g},field:u})=>o(xa,{...u,isInvalid:p,minValue:0,isRequired:!0,size:"S",formatOptions:{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:6},children:[e(ie,{}),(g==null?void 0:g.message)&&e(Fe,{children:g.message})]})})}),e("td",{children:e(M,{leadingVisual:e(x,{svg:e(un,{})}),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(M,{onPress:()=>{r({kind:d,tokenType:"",costPerMillionTokens:0})},size:"S",variant:"quiet",children:"Add row"})})}),e("td",{})]})]})]})]})}const Pi=[{key:"OPENAI",value:
|
|
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(H,{name:`${a}.${m}.tokenType`,control:t,rules:{required:"Token type is required"},render:({fieldState:{invalid:p,error:g},field:u})=>e($1,{options:i,...u,invalid:p,error:g==null?void 0:g.message})})}),e("td",{children:e(H,{name:`${a}.${m}.costPerMillionTokens`,control:t,rules:{required:"Cost per 1M tokens is required"},render:({fieldState:{invalid:p,error:g},field:u})=>o(xa,{...u,isInvalid:p,minValue:0,isRequired:!0,size:"S",formatOptions:{style:"currency",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:6},children:[e(ie,{}),(g==null?void 0:g.message)&&e(Fe,{children:g.message})]})})}),e("td",{children:e(M,{leadingVisual:e(x,{svg:e(un,{})}),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(M,{onPress:()=>{r({kind:d,tokenType:"",costPerMillionTokens:0})},size:"S",variant:"quiet",children:"Add row"})})}),e("td",{})]})]})]})]})}const Pi=[{key:"OPENAI",value:rl("OPENAI"),label:pa("OPENAI")},{key:"AZURE_OPENAI",value:rl("AZURE_OPENAI"),label:pa("AZURE_OPENAI")},{key:"ANTHROPIC",value:rl("ANTHROPIC"),label:pa("ANTHROPIC")},{key:"GOOGLE",value:rl("GOOGLE"),label:pa("GOOGLE")},{key:"AWS",value:rl("AWS"),label:pa("AWS")},{key:"DEEPSEEK",value:rl("DEEPSEEK"),label:pa("DEEPSEEK")},{key:"XAI",value:rl("XAI"),label:pa("XAI")}];function j1({value:n,onChange:a,onBlur:l,invalid:t,description:i}){var r;return e(cl,{label:"Provider",placeholder:"Choose or enter a provider",selectedKey:((r=Pi.find(s=>s.value===n))==null?void 0:r.key)||"",inputValue:n,onSelectionChange:s=>{const d=Pi.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:Pi.map(s=>e(Qe,{textValue:s.key,id:s.key,children:o(b,{alignItems:"center",gap:"size-50",children:[e(Ha,{provider:s.key,height:18}),s.label]})},s.key))})}function wr({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(z=>z.kind==="PROMPT"),[m]),g=y.useMemo(()=>m.filter(z=>z.kind==="COMPLETION"),[m]),u=y.useMemo(()=>c?ps(new Date(c).toISOString()):"",[c]),{control:f,handleSubmit:h,formState:{isDirty:k}}=on({defaultValues:{name:n??"",provider:a||"",namePattern:l??"",promptCosts:p,completionCosts:g,startTime:u}}),{fields:S,append:F,remove:P}=Ni({control:f,name:"promptCosts"}),{fields:L,append:D,remove:j}=Ni({control:f,name:"completionCosts"}),w=hh({initialValue:l??""});return o(Kn,{onSubmit:h(i),children:[e(v,{padding:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[e(H,{name:"name",control:f,rules:{required:"Model name is required",minLength:{value:1,message:"Name must not be empty"}},render:({field:{onChange:z,onBlur:I,value:R},fieldState:{invalid:V,error:A}})=>o(de,{isInvalid:V,onChange:z,onBlur:I,value:R,size:"S",children:[e(G,{children:"Model name*"}),e(ie,{placeholder:"e.g. gpt-4, claude-3-sonnet"}),(A==null?void 0:A.message)&&e(Fe,{children:A.message})]})}),e(H,{name:"namePattern",control:f,rules:{required:"Name pattern is required"},render:({field:{onChange:z,onBlur:I,value:R},fieldState:{invalid:V,error:A}})=>e(kh,{...w,value:R,isInvalid:V||w.isInvalid,error:(A==null?void 0:A.message)||w.error,onChange:E=>{z(E),w.onChange(E)},size:"S",onBlur:I,placeholder:"e.g. ^gpt-4$, ^claude-3-sonnet$",description:"Regular expression to match model names during trace ingestion.",label:"Name pattern*"})}),e(H,{name:"provider",control:f,render:({field:{onChange:z,onBlur:I,value:R},fieldState:{invalid:V,error:A}})=>e(j1,{value:R??"",onChange:z,onBlur:I,error:A==null?void 0:A.message,invalid:V,description:"Only models with this provider will be matched by the name pattern."})}),e(H,{name:"startTime",control:f,render:({field:{onChange:z,onBlur:I,value:R},fieldState:{invalid:V,error:A}})=>o(Rs,{value:R,onChange:z,onBlur:I,isInvalid:V,granularity:"day",hideTimeZone:!0,children:[e(G,{children:"Start date"}),e(ys,{style:{width:"100%"},children:E=>e(fs,{segment:E})}),A!=null&&A.message?e(Fe,{children:A.message}):e(C,{slot:"description",children:"Optional start date. If provided, traces ingested on or after this date will have this model's cost applied."})]})}),e(Ao,{title:"Prompt tokens",namePrefix:"promptCosts",fields:S,control:f,tokenTypeOptions:z1,onAppend:F,onRemove:P,appendKind:"PROMPT"}),e(Ao,{title:"Completion tokens",namePrefix:"completionCosts",fields:L,control:f,tokenTypeOptions:N1,onAppend:D,onRemove:j,appendKind:"COMPLETION"})]})}),e(v,{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(M,{isDisabled:(d==="edit"?!k:!1)||r,variant:k?"primary":"default",size:"S",type:"submit",children:s})})})]})}const Qc=Oc;function O1({queryReference:n,onModelEdited:a,onClose:l}){const{revalidate:t}=dt(),i=K.usePreloadedQuery(Qc,n),[r,s]=K.useMutation(jc),d=ve(),c=Pe(),m=i==null?void 0:i.node;return m?e(wr,{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(Al()).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(Ie,{variant:"danger",children:"Model not found"})}function Q1({modelId:n,onModelEdited:a}){const[l,t]=y.useState(!1),[i,r,s]=K.useQueryLoader(Qc),d=()=>{r({id:n},{fetchPolicy:"network-only"}),t(!0)},c=()=>{t(!1),s()};return o(W,{isOpen:l,onOpenChange:m=>{m||c()},children:[e(M,{variant:"default",leadingVisual:e(x,{svg:e(el,{})}),"aria-label":"Edit model",onPress:d,size:"S"}),e(Y,{children:e(X,{children:e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Edit Model"}),e(pe,{children:e(ye,{slot:"close"})})]}),e(y.Suspense,{fallback:e(fe,{}),children:i?e(O1,{queryReference:i,onModelEdited:a,onClose:c}):e(fe,{})})]})})})})]})}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) {
|
|
@@ -926,7 +926,7 @@ fragment ModelsTable_generativeModels on Query {
|
|
|
926
926
|
id
|
|
927
927
|
}
|
|
928
928
|
}
|
|
929
|
-
`}}}();qc.hash="b0ce69ce5cc1eb1d694234678e1d6169";const Uc=qc;function B1({queryReference:n,onModelCloned:a,onClose:l}){const{revalidate:t}=dt(),i=K.usePreloadedQuery(Uc,n),[r,s]=K.useMutation(Bc),d=ve(),c=Pe(),m=i==null?void 0:i.node;return m?e(wr,{modelName:`${m.name} (override)`,modelProvider:m.provider,modelNamePattern:m.namePattern,modelCost:m.tokenPrices,startDate:m.startTime,onSubmit:p=>{r({variables:{input:{name:p.name,provider:p.provider,namePattern:p.namePattern,startTime:p.startTime?p.startTime.toDate(Al()).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 Cloned",message:`Model "${p.name}" cloned successfully`}),t()},onError:g=>{const u=je(g);c({title:"Failed to clone model",message:(u==null?void 0:u[0])??"Failed to clone model"})}})},isSubmitting:s,submitButtonText:"Save Changes",formMode:"create"}):e(Ie,{variant:"danger",children:"Model not found"})}function q1({modelId:n,onModelCloned:a}){const[l,t]=y.useState(!1),[i,r,s]=K.useQueryLoader(Uc),d=()=>{r({id:n},{fetchPolicy:"network-only"}),t(!0)},c=()=>{t(!1),s()};return o(W,{isOpen:l,onOpenChange:m=>{m||c()},children:[e(M,{variant:"default",leadingVisual:e(x,{svg:e(Ms,{})}),"aria-label":"Clone model",onPress:d,size:"S"}),e(Y,{children:e(
|
|
929
|
+
`}}}();qc.hash="b0ce69ce5cc1eb1d694234678e1d6169";const Uc=qc;function B1({queryReference:n,onModelCloned:a,onClose:l}){const{revalidate:t}=dt(),i=K.usePreloadedQuery(Uc,n),[r,s]=K.useMutation(Bc),d=ve(),c=Pe(),m=i==null?void 0:i.node;return m?e(wr,{modelName:`${m.name} (override)`,modelProvider:m.provider,modelNamePattern:m.namePattern,modelCost:m.tokenPrices,startDate:m.startTime,onSubmit:p=>{r({variables:{input:{name:p.name,provider:p.provider,namePattern:p.namePattern,startTime:p.startTime?p.startTime.toDate(Al()).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 Cloned",message:`Model "${p.name}" cloned successfully`}),t()},onError:g=>{const u=je(g);c({title:"Failed to clone model",message:(u==null?void 0:u[0])??"Failed to clone model"})}})},isSubmitting:s,submitButtonText:"Save Changes",formMode:"create"}):e(Ie,{variant:"danger",children:"Model not found"})}function q1({modelId:n,onModelCloned:a}){const[l,t]=y.useState(!1),[i,r,s]=K.useQueryLoader(Uc),d=()=>{r({id:n},{fetchPolicy:"network-only"}),t(!0)},c=()=>{t(!1),s()};return o(W,{isOpen:l,onOpenChange:m=>{m||c()},children:[e(M,{variant:"default",leadingVisual:e(x,{svg:e(Ms,{})}),"aria-label":"Clone model",onPress:d,size:"S"}),e(Y,{children:e(X,{children:e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Clone Model"}),e(pe,{children:e(ye,{slot:"close"})})]}),e(y.Suspense,{fallback:e(fe,{}),children:i?e(B1,{queryReference:i,onModelCloned:a,onClose:c}):e(fe,{})})]})})})})]})}const Hc=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:"DeleteModelButtonMutation",selections:[{alias:null,args:a,concreteType:"DeleteModelMutationPayload",kind:"LinkedField",name:"deleteModel",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:"DeleteModelButtonMutation",selections:[{alias:null,args:a,concreteType:"DeleteModelMutationPayload",kind:"LinkedField",name:"deleteModel",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:"43c73ccb5b91c9b4b5b7c221e5ed26ea",id:null,metadata:{},name:"DeleteModelButtonMutation",operationKind:"mutation",text:`mutation DeleteModelButtonMutation(
|
|
930
930
|
$input: DeleteModelMutationInput!
|
|
931
931
|
) {
|
|
932
932
|
deleteModel(input: $input) {
|
|
@@ -955,7 +955,7 @@ fragment ModelsTable_generativeModels on Query {
|
|
|
955
955
|
}
|
|
956
956
|
}
|
|
957
957
|
}
|
|
958
|
-
`}}}();Hc.hash="e9d96c88779253d2bd9260a3e62801aa";function U1({modelId:n,modelName:a,onClose:l}){const{revalidate:t}=dt(),[i,r]=K.useMutation(Hc),s=ve(),d=Pe(),c=y.useCallback(()=>{i({variables:{input:{id:n}},onCompleted:()=>{s({title:"Model Deleted",message:`The "${a}" model has been deleted.`}),l(),t()},onError:m=>{const p=je(m);d({title:"Failed to delete model",message:(p==null?void 0:p[0])||"Failed to delete model"})}})},[i,n,a,d,s,l,t]);return o("div",{children:[e(v,{padding:"size-200",children:e(C,{color:"danger",children:`Are you sure you want to delete the "${a}" model? This action cannot be undone and all services dependent on this model, including associated costs, will be affected.`})}),e(v,{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(M,{variant:"default",onPress:l,size:"S",children:"Cancel"}),e(M,{variant:"danger",onPress:()=>{c()},size:"S",isDisabled:r,children:"Delete Model"})]})})]})}function H1({modelId:n,modelName:a}){const[l,t]=y.useState(!1),i=()=>{t(!0)},r=()=>{t(!1)};return o(W,{isOpen:l,onOpenChange:s=>{s||r()},children:[e(M,{variant:"danger",leadingVisual:e(x,{svg:e(un,{})}),"aria-label":"Delete model",onPress:i,size:"S"}),e(Y,{children:e(
|
|
958
|
+
`}}}();Hc.hash="e9d96c88779253d2bd9260a3e62801aa";function U1({modelId:n,modelName:a,onClose:l}){const{revalidate:t}=dt(),[i,r]=K.useMutation(Hc),s=ve(),d=Pe(),c=y.useCallback(()=>{i({variables:{input:{id:n}},onCompleted:()=>{s({title:"Model Deleted",message:`The "${a}" model has been deleted.`}),l(),t()},onError:m=>{const p=je(m);d({title:"Failed to delete model",message:(p==null?void 0:p[0])||"Failed to delete model"})}})},[i,n,a,d,s,l,t]);return o("div",{children:[e(v,{padding:"size-200",children:e(C,{color:"danger",children:`Are you sure you want to delete the "${a}" model? This action cannot be undone and all services dependent on this model, including associated costs, will be affected.`})}),e(v,{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(M,{variant:"default",onPress:l,size:"S",children:"Cancel"}),e(M,{variant:"danger",onPress:()=>{c()},size:"S",isDisabled:r,children:"Delete Model"})]})})]})}function H1({modelId:n,modelName:a}){const[l,t]=y.useState(!1),i=()=>{t(!0)},r=()=>{t(!1)};return o(W,{isOpen:l,onOpenChange:s=>{s||r()},children:[e(M,{variant:"danger",leadingVisual:e(x,{svg:e(un,{})}),"aria-label":"Delete model",onPress:i,size:"S"}),e(Y,{children:e(X,{children:e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Delete Model"}),e(pe,{children:e(ye,{slot:"close"})})]}),e(U1,{modelId:n,modelName:a,onClose:r})]})})})})]})}function Ft(n){return n!=null?new Date(n).toLocaleString([],bh):void 0}function Gi(n,a){var t,i;return(i=(t=n.tokenPrices)==null?void 0:t.find(r=>r.tokenType===a))==null?void 0:i.costPerMillionTokens}function Tt(n,a){const l=Gi(n,a);return l!=null?`${mn(l)}`:"--"}const wo=(n,a,l)=>{const t=Gi(n.original,l),i=Gi(a.original,l);return t==null||i==null?0:t-i};function G1({modelsRef:n,kindFilter:a,search:l}){const i=K.useFragment($c,n).generativeModels,r=y.useMemo(()=>i??[],[i]),s=y.useMemo(()=>[{id:"kind",enableHiding:!0,accessorFn:u=>u.kind},{header:"name",accessorKey:"name",size:300,cell:({row:u})=>{const f=u.original;return o(b,{direction:"row",gap:"size-100",alignItems:"center",justifyContent:"space-between",children:[e(pn,{maxWidth:"100%",title:f.name,children:f.name}),e(v,{flex:"none",children:u.original.kind==="CUSTOM"?e(_n,{children:"custom"}):e(_n,{color:"var(--ac-global-color-blue-500)",children:"built-in"})})]})}},{header:"provider",accessorFn:u=>u.provider??void 0,sortUndefined:"last",cell:({row:u})=>{const f=u.original.providerKey;return f?o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ha,{provider:f,height:18}),e("span",{children:pa(f)})]}):e("span",{children:u.original.provider||"--"})}},{header:"match pattern",accessorKey:"namePattern",cell:({row:u})=>{const f=u.original.namePattern,h=u.original.provider,k=u.original.providerKey;return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{children:e(pn,{maxWidth:"100%",title:f,children:f})}),h&&o(Se,{delay:0,children:[e(ar,{children:e(_n,{role:"button",color:"var(--ac-global-color-grey-300)",children:e(b,{direction:"row",gap:"size-100",alignItems:"center",children:k?o(Z,{children:[e(Ha,{provider:k,height:18}),e("span",{children:pa(k)})]}):e("span",{children:h})})})}),o(Be,{children:[e(Ze,{}),'The preceding name pattern match will only be applied on incoming traces with "',h,'" set as the provider.']})]})]})}},{header:"prompt cost",id:"input",accessorFn:u=>Tt(u,"input"),meta:{textAlign:"right"},sortingFn:wo,sortUndefined:"last",cell:({row:u})=>{var h;const f=Tt(u.original,"input");return o(b,{justifyContent:"end",alignItems:"center",gap:"size-100",children:[e("span",{children:f}),o(Se,{delay:0,children:[e(Rn,{size:"S","aria-label":"Input cost details",children:e(x,{svg:e(at,{})})}),o(Ca,{children:[e(Ze,{}),e(oe,{level:4,weight:"heavy",children:"Input Cost Breakdown"}),e(v,{paddingTop:"size-100",children:((h=u.original.tokenPrices)==null?void 0:h.filter(k=>k.kind==="PROMPT").map(k=>o(b,{direction:"row",gap:"size-100",justifyContent:"space-between",width:"100%",children:[e("span",{children:k.tokenType.toLocaleLowerCase()}),e("span",{children:k.costPerMillionTokens!=null?`${mn(k.costPerMillionTokens)} / 1M`:"--"})]},k.tokenType)))??null})]})]})]})}},{header:"completion cost",id:"output",accessorFn:u=>Tt(u,"output"),meta:{textAlign:"right"},sortingFn:wo,sortUndefined:"last",cell:({row:u})=>{var h;const f=Tt(u.original,"output");return o(b,{justifyContent:"end",alignItems:"center",gap:"size-100",children:[e("span",{children:f}),o(Se,{delay:0,children:[e(Rn,{size:"S","aria-label":"Output cost details",children:e(x,{svg:e(at,{})})}),o(Ca,{children:[e(Ze,{}),e(oe,{level:4,weight:"heavy",children:"Output Cost Breakdown"}),e(v,{paddingTop:"size-100",children:((h=u.original.tokenPrices)==null?void 0:h.filter(k=>k.kind==="COMPLETION").map(k=>o(b,{direction:"row",gap:"size-100",justifyContent:"space-between",width:"100%",children:[e("span",{children:k.tokenType.toLocaleLowerCase()}),e("span",{children:k.costPerMillionTokens!=null?`${mn(k.costPerMillionTokens)} / 1M`:"--"})]},k.tokenType)))??null})]})]})]})}},{header:"start date",sortUndefined:"last",accessorFn:u=>Ft(u.startTime),cell:u=>e(Ne,{...u,format:{year:"numeric",month:"numeric",day:"numeric"}})},{header:"created at",accessorFn:u=>Ft(u.createdAt),sortUndefined:"last",cell:Ne},{header:"updated at",accessorFn:u=>Ft(u.updatedAt),sortUndefined:"last",cell:Ne},{header:"last used at",accessorFn:u=>Ft(u.lastUsedAt),sortUndefined:"last",cell:Ne},{id:"actions",header:"",accessorKey:"id",cell:({row:u})=>{const f=u.original.kind==="CUSTOM";return o(b,{direction:"row",gap:"size-50",width:"100%",justifyContent:"end",children:[f&&o(Se,{children:[e(Q1,{modelId:u.original.id}),o(Be,{children:[e(Ze,{}),"Edit model"]})]}),o(Se,{children:[e(q1,{modelId:u.original.id}),o(Be,{children:[e(Ze,{}),"Clone model"]})]}),f&&o(Se,{children:[e(H1,{modelId:u.original.id,modelName:u.original.name}),o(Be,{children:[e(Ze,{}),"Delete model"]})]})]})}}],[]),d=y.useMemo(()=>[{id:"kind",value:a==="ALL"?"":a}],[a]),c=Me({columns:s,data:r,state:{columnVisibility:{kind:!1,provider:!1},columnPinning:{left:["name"],right:["actions"]},globalFilter:l==null?void 0:l.trim(),columnFilters:d},getCoreRowModel:Ve(),getSortedRowModel:Tn(),getFilteredRowModel:bf()}),m=c.getRowModel().rows;return m.length===0?e(b,{width:"100%",justifyContent:"center",alignItems:"center",children:e("p",{children:"No models found"})}):e("div",{css:T`
|
|
959
959
|
flex: 1 1 auto;
|
|
960
960
|
overflow: auto;
|
|
961
961
|
`,children:o("table",{css:hn,style:{width:c.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:c.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(u=>{var f;return e("th",{colSpan:u.colSpan,style:{...go(u.column),boxSizing:"border-box",minWidth:u.column.getSize(),maxWidth:u.column.getSize()},children:u.isPlaceholder?null:o("div",{className:u.column.getCanSort()?"sort":"",onClick:u.column.getToggleSortingHandler(),style:{textWrap:"nowrap",textAlign:(f=u.column.columnDef.meta)==null?void 0:f.textAlign},children:[ee(u.column.columnDef.header,u.getContext()),u.column.getIsSorted()?e(x,{className:"sort-icon",svg:u.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]})},u.id)})},g.id))}),e("tbody",{children:m.map(g=>e("tr",{children:g.getVisibleCells().map(u=>{var f;return e("td",{align:(f=u.column.columnDef.meta)==null?void 0:f.textAlign,style:{...go(u.column)},children:ee(u.column.columnDef.cell,u.getContext())},u.id)})},g.id))})]})})}const Gc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{kind:"Variable",name:"input",variableName:"input"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"kind",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"NewModelButtonCreateModelMutation",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:[l],storageKey:null},{args:null,kind:"FragmentSpread",name:"ModelsTable_generativeModels"}],storageKey:null}],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"NewModelButtonCreateModelMutation",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:[l,{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},t,{alias:null,args:null,concreteType:"TokenPrice",kind:"LinkedField",name:"tokenPrices",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"tokenType",storageKey:null},t,{alias:null,args:null,kind:"ScalarField",name:"costPerMillionTokens",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"9af795e38598e145b0f52303ab7b1112",id:null,metadata:{},name:"NewModelButtonCreateModelMutation",operationKind:"mutation",text:`mutation NewModelButtonCreateModelMutation(
|
|
@@ -990,9 +990,9 @@ fragment ModelsTable_generativeModels on Query {
|
|
|
990
990
|
}
|
|
991
991
|
}
|
|
992
992
|
}
|
|
993
|
-
`}}}();Gc.hash="c1c3e531076c830bf86ff1c7f5ae6128";function W1({onModelCreated:n}){const{revalidate:a}=dt(),[l,t]=y.useState(null),[i,r]=y.useState(!1),s=ve(),d=Pe(),[c,m]=K.useMutation(Gc);return o(W,{isOpen:i,onOpenChange:p=>{t(null),r(p)},children:[e(M,{variant:"primary",size:"S",leadingVisual:e(x,{svg:e(wa,{})}),"aria-label":"Create a new model",onPress:()=>{t(null),r(!0)},isDisabled:m,children:m?"Adding Model...":"Add Model"}),e(Y,{children:e(
|
|
993
|
+
`}}}();Gc.hash="c1c3e531076c830bf86ff1c7f5ae6128";function W1({onModelCreated:n}){const{revalidate:a}=dt(),[l,t]=y.useState(null),[i,r]=y.useState(!1),s=ve(),d=Pe(),[c,m]=K.useMutation(Gc);return o(W,{isOpen:i,onOpenChange:p=>{t(null),r(p)},children:[e(M,{variant:"primary",size:"S",leadingVisual:e(x,{svg:e(wa,{})}),"aria-label":"Create a new model",onPress:()=>{t(null),r(!0)},isDisabled:m,children:m?"Adding Model...":"Add Model"}),e(Y,{children:e(X,{children:e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Create New Model"}),e(pe,{children:e(ye,{slot:"close"})})]}),l?e(Ie,{variant:"danger",children:l}):null,e(wr,{onSubmit:p=>{t(null),r(!1),c({variables:{input:{name:p.name,provider:p.provider,namePattern:p.namePattern,startTime:p.startTime?p.startTime.toDate(Al()).toISOString():null,costs:[...p.promptCosts,...p.completionCosts].map(g=>({tokenType:g.tokenType,costPerMillionTokens:g.costPerMillionTokens,kind:g.kind}))}},onCompleted:()=>{n&&n(p),s({title:"Model Created",message:`Model "${p.name}" added successfully`}),a()},onError:g=>{const u=je(g);d({title:"An error occurred",message:`Failed to add model: ${(u==null?void 0:u[0])??g.message}`})}})},isSubmitting:!1,submitButtonText:"Create Model",formMode:"create"})]})})})})]})}const Eo=[{label:"All",value:"ALL"},{label:"Custom",value:"CUSTOM"},{label:"Built-in",value:"BUILT_IN"}];function e3(){var r;const[n,a]=y.useState("ALL"),[l,t]=y.useState(""),i=K.useLazyLoadQuery(Nc,{});return o(b,{direction:"column",gap:"size-200",children:[o(b,{gap:"size-200",alignItems:"center",justifyContent:"space-between",children:[e(de,{"aria-label":"Search models",defaultValue:l,onChange:s=>{y.startTransition(()=>{t(s)})},children:e(ie,{placeholder:"Search models"})}),o(pt,{selectedKey:n,onSelectionChange:s=>{y.startTransition(()=>{a(s)})},children:[o(M,{children:[e("span",{css:T`
|
|
994
994
|
text-transform: capitalize;
|
|
995
|
-
`,children:(r=Eo.find(s=>s.value===n))==null?void 0:r.label}),e(
|
|
995
|
+
`,children:(r=Eo.find(s=>s.value===n))==null?void 0:r.label}),e(ul,{})]}),e(Fn,{children:e(Fa,{children:Eo.map(s=>e(Yn,{id:s.value,children:s.label},s.value))})})]})]}),e(U,{title:"Models",extra:o(b,{direction:"row",gap:"size-200",alignItems:"center",children:[e(C,{color:"text-500",size:"S",children:"All costs shown in USD per 1M tokens"}),e(W1,{})]}),children:e(G1,{modelsRef:i,kindFilter:n,search:l})})]})}function At({data:n,scale:a}){const l=Pn(),t=({active:d,payload:c,label:m})=>{if(!d||!c||!c.length)return null;const g=c[0].value;return o(He,{children:[m&&e(C,{weight:"heavy",size:"S",children:`${en(new Date(m))}`}),e(he,{color:i,name:"Traces",value:typeof g=="number"?g.toLocaleString():"--"})]})},i=l.blue400,r="dashboardBarGradient",s=oa({scale:a});return e(We,{children:o(En,{data:n,margin:{top:25,right:18,left:18,bottom:50},children:[e("defs",{children:o("linearGradient",{id:r,x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:i,stopOpacity:1}),e("stop",{offset:"95%",stopColor:i,stopOpacity:.5})]})}),e(an,{...Vn,dataKey:"timestamp",tickFormatter:d=>s(new Date(d)),textAnchor:"middle"}),e(Oe,{...zn,label:{value:"Trace Count",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--chart-axis-label-color)"}}}),e(ln,{...Nn}),e(Ge,{...Gt,content:t}),e(Re,{dataKey:"value",fill:`url(#${r})`})]})})}function J1({title:n,subtitle:a}){return o("div",{css:T`
|
|
996
996
|
padding: var(--ac-global-dimension-size-100)
|
|
997
997
|
var(--ac-global-dimension-size-200);
|
|
998
998
|
border-bottom: 1px solid var(--ac-global-color-grey-200);
|
|
@@ -1138,7 +1138,7 @@ fragment ProjectDashboardsTable_projects on Query {
|
|
|
1138
1138
|
display: flex;
|
|
1139
1139
|
flex-direction: column;
|
|
1140
1140
|
gap: var(--ac-global-dimension-size-50);
|
|
1141
|
-
`;function o3(){return o("div",{css:rS,"data-testid":"layout",children:[e(uS,{}),o("div",{css:oS,children:[o(Kh,{children:[e(Ph,{}),e(Ih,{})]}),e("div",{"data-testid":"content",css:sS,children:e(y.Suspense,{fallback:e(fe,{}),children:e(xe,{})})})]})]})}function uS(){const n=ec("dashboards"),a=Dn(r=>r.isSideNavExpanded),l=y.useMemo(()=>window.Config.hasInferences,[]),{authenticationEnabled:t}=l1(),i=y.useCallback(()=>{window.location.replace(aa("/auth/logout"))},[]);return o(zh,{isExpanded:a,children:[e(xh,{}),o(b,{direction:"column",justifyContent:"space-between",flex:"1 1 auto",children:[o("ul",{css:cS,children:[l&&e("li",{children:e(ga,{to:"/model",text:"Model",leadingVisual:e(x,{svg:e(Lh,{})}),isExpanded:a})},"model"),e("li",{children:e(ga,{to:"/projects",text:"Projects",leadingVisual:e(x,{svg:e(Ns,{})}),isExpanded:a})}),n&&e("li",{children:e(ga,{to:"/dashboards",text:"Dashboards",leadingVisual:e(x,{svg:e(Vs,{})}),isExpanded:a})},"dashboards"),e("li",{children:e(ga,{to:"/datasets",text:"Datasets & Experiments",leadingVisual:e(x,{svg:e(ur,{})}),isExpanded:a})},"datasets"),e("li",{children:e(ga,{to:"/playground",text:"Playground",leadingVisual:e(x,{svg:e(nl,{})}),isExpanded:a})},"playground"),e("li",{children:e(ga,{to:"/prompts",text:"Prompts",leadingVisual:e(x,{svg:e(mr,{})}),isExpanded:a})},"prompts"),e("li",{children:e(ga,{to:"/apis",text:"APIs",leadingVisual:e(x,{svg:e(gr,{})}),isExpanded:a})},"apis")]}),o("ul",{css:dS,children:[e("li",{children:e(Dh,{isExpanded:a})},"github"),e("li",{children:e(ga,{to:"/settings/general",text:"Settings",leadingVisual:e(x,{svg:e($s,{})}),isExpanded:a})},"settings"),e("li",{children:e(_h,{isExpanded:a})},"docs"),e("li",{children:e(ga,{to:"/support",text:"Support",leadingVisual:e(x,{svg:e(Ah,{})}),isExpanded:a})},"support"),e("li",{children:e(wh,{isExpanded:a})},"theme-toggle"),t&&o(
|
|
1141
|
+
`;function o3(){return o("div",{css:rS,"data-testid":"layout",children:[e(uS,{}),o("div",{css:oS,children:[o(Kh,{children:[e(Ph,{}),e(Ih,{})]}),e("div",{"data-testid":"content",css:sS,children:e(y.Suspense,{fallback:e(fe,{}),children:e(xe,{})})})]})]})}function uS(){const n=ec("dashboards"),a=Dn(r=>r.isSideNavExpanded),l=y.useMemo(()=>window.Config.hasInferences,[]),{authenticationEnabled:t}=l1(),i=y.useCallback(()=>{window.location.replace(aa("/auth/logout"))},[]);return o(zh,{isExpanded:a,children:[e(xh,{}),o(b,{direction:"column",justifyContent:"space-between",flex:"1 1 auto",children:[o("ul",{css:cS,children:[l&&e("li",{children:e(ga,{to:"/model",text:"Model",leadingVisual:e(x,{svg:e(Lh,{})}),isExpanded:a})},"model"),e("li",{children:e(ga,{to:"/projects",text:"Projects",leadingVisual:e(x,{svg:e(Ns,{})}),isExpanded:a})}),n&&e("li",{children:e(ga,{to:"/dashboards",text:"Dashboards",leadingVisual:e(x,{svg:e(Vs,{})}),isExpanded:a})},"dashboards"),e("li",{children:e(ga,{to:"/datasets",text:"Datasets & Experiments",leadingVisual:e(x,{svg:e(ur,{})}),isExpanded:a})},"datasets"),e("li",{children:e(ga,{to:"/playground",text:"Playground",leadingVisual:e(x,{svg:e(nl,{})}),isExpanded:a})},"playground"),e("li",{children:e(ga,{to:"/prompts",text:"Prompts",leadingVisual:e(x,{svg:e(mr,{})}),isExpanded:a})},"prompts"),e("li",{children:e(ga,{to:"/apis",text:"APIs",leadingVisual:e(x,{svg:e(gr,{})}),isExpanded:a})},"apis")]}),o("ul",{css:dS,children:[e("li",{children:e(Dh,{isExpanded:a})},"github"),e("li",{children:e(ga,{to:"/settings/general",text:"Settings",leadingVisual:e(x,{svg:e($s,{})}),isExpanded:a})},"settings"),e("li",{children:e(_h,{isExpanded:a})},"docs"),e("li",{children:e(ga,{to:"/support",text:"Support",leadingVisual:e(x,{svg:e(Ah,{})}),isExpanded:a})},"support"),e("li",{children:e(wh,{isExpanded:a})},"theme-toggle"),t&&o(Z,{children:[e("li",{children:e(ga,{to:"/profile",text:"Profile",leadingVisual:e(x,{svg:e(Eh,{})}),isExpanded:a})},"profile"),e(y.Suspense,{children:e(Rh,{isExpanded:a})}),e("li",{children:e(Mh,{text:"Log Out",leadingVisual:e(x,{svg:e(Vh,{})}),onClick:i})},"logout")]})]})]})]})}const eu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectConfigPageProjectConfigCardQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"ProjectConfigPage_projectConfigCard"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectConfigPageProjectConfigCardQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientStartColor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientEndColor",storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"492e0693e4facc2052015087af2e9de5",id:null,metadata:{},name:"ProjectConfigPageProjectConfigCardQuery",operationKind:"query",text:`query ProjectConfigPageProjectConfigCardQuery(
|
|
1142
1142
|
$id: ID!
|
|
1143
1143
|
) {
|
|
1144
1144
|
node(id: $id) {
|
|
@@ -1790,7 +1790,7 @@ fragment ProjectRetentionPolicyCard_policy on Project {
|
|
|
1790
1790
|
}
|
|
1791
1791
|
`,children:o(b,{direction:"column",gap:"size-100",width:"100%",children:[o(b,{direction:"row",gap:"size-100",alignItems:"end",width:"100%",children:[o(de,{value:a.name,isReadOnly:!0,css:T`
|
|
1792
1792
|
width: 100%;
|
|
1793
|
-
`,children:[e(G,{children:"Project Name"}),e(ie,{})]}),e(Te,{text:a.name,size:"M"})]}),o(pt,{selectedKey:l,onSelectionChange:i=>{typeof i=="string"&&au(i)&&t(i)},placeholder:"Select a default tab",children:[e(G,{children:"Default Project Tab"}),o(M,{children:[e(Bt,{}),e(
|
|
1793
|
+
`,children:[e(G,{children:"Project Name"}),e(ie,{})]}),e(Te,{text:a.name,size:"M"})]}),o(pt,{selectedKey:l,onSelectionChange:i=>{typeof i=="string"&&au(i)&&t(i)},placeholder:"Select a default tab",children:[e(G,{children:"Default Project Tab"}),o(M,{children:[e(Bt,{}),e(ul,{})]}),e(Fn,{children:o(Fa,{children:[e(Yn,{id:"spans",children:"Spans"},"spans"),e(Yn,{id:"traces",children:"Traces"},"traces"),e(Yn,{id:"sessions",children:"Sessions"},"sessions"),e(Yn,{id:"metrics",children:"Metrics"},"metrics")]})})]})]})})]})})})};function d3(){const{projectId:n}=nn();return Ue(n),e(jh,{projectId:n,children:e(xe,{})})}const Su=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};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"promptConfigLoaderQuery",selections:[{alias:"prompt",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"PromptVersionTagsConfigCard_data"}],type:"Prompt",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"promptConfigLoaderQuery",selections:[{alias:"prompt",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"PromptVersionTag",kind:"LinkedField",name:"versionTags",plural:!0,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"promptVersionId",storageKey:null}],storageKey:null}],type:"Prompt",abstractKey:null}],storageKey:null}]},params:{cacheID:"bb3d56ec191577418a8de0eaf53b6bde",id:null,metadata:{},name:"promptConfigLoaderQuery",operationKind:"query",text:`query promptConfigLoaderQuery(
|
|
1794
1794
|
$id: ID!
|
|
1795
1795
|
) {
|
|
1796
1796
|
prompt: node(id: $id) {
|
|
@@ -2009,7 +2009,7 @@ fragment PromptVersionTagsList_data on PromptVersion {
|
|
|
2009
2009
|
name
|
|
2010
2010
|
}
|
|
2011
2011
|
}
|
|
2012
|
-
`}}}();Lu.hash="3ce25c8fbe5598ec1ee037a9778a6957";const Du={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"EditPromptButton_data",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null}],type:"Prompt",abstractKey:null};Du.hash="24788aacf7830c0e5037befe576f4968";function xS(n){const[a,l]=y.useState(!1),t=ve(),i=Pe(),r=K.useFragment(Du,n.prompt),[s,d]=K.useMutation(Lu),{control:c,handleSubmit:m}=on({defaultValues:{description:r.description??""}}),p=y.useCallback(g=>{s({variables:{input:{promptId:r.id,description:g.description}},onCompleted:()=>{l(!1),t({title:"Prompt updated",message:"The prompt has been updated successfully"})},onError:u=>{var f;i({title:"Error updating prompt",message:(f=je(u))==null?void 0:f[0]})}})},[r.id,s,i,t]);return o(W,{isOpen:a,onOpenChange:l,children:[e(M,{size:"S",leadingVisual:e(x,{svg:e($s,{})}),variant:"quiet","aria-label":"configure prompt",onPress:()=>l(!0)}),e(Z,{size:"S",isDismissable:!0,children:o(J,{children:[e(oe,{slot:"title",children:"Edit Prompt Details"}),o(Kn,{children:[e(v,{padding:"size-200",children:e(H,{name:"description",control:c,render:({field:g})=>o(de,{value:g.value,onChange:g.onChange,children:[e(G,{children:"Prompt Description"}),e(Aa,{placeholder:"Enter a description for the prompt"}),e(C,{slot:"description",children:"A description of the prompt"})]})})}),e(v,{paddingX:"size-200",paddingY:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:o(b,{direction:"row",gap:"size-100",justifyContent:"end",children:[e(M,{slot:"close",size:"S",children:"Cancel"}),e(M,{variant:"primary",size:"S",isDisabled:d,onPress:()=>m(p)(),children:d?"Saving...":"Save"})]})})]})]})})]})}const _u=function(){var n={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},a={alias:null,args:null,kind:"ScalarField",name:"toolCallId",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptChatMessagesCard__main",selections:[{alias:"provider",args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"template",plural:!1,selections:[n,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"PromptMessage",kind:"LinkedField",name:"messages",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"role",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"content",plural:!0,selections:[n,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"TextContentValue",kind:"LinkedField",name:"text",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"text",storageKey:null}],storageKey:null}],type:"TextContentPart",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ToolCallContentValue",kind:"LinkedField",name:"toolCall",plural:!1,selections:[a,{alias:null,args:null,concreteType:"ToolCallFunction",kind:"LinkedField",name:"toolCall",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],type:"ToolCallContentPart",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ToolResultContentValue",kind:"LinkedField",name:"toolResult",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"result",storageKey:null}],storageKey:null}],type:"ToolResultContentPart",abstractKey:null}],storageKey:null}],storageKey:null}],type:"PromptChatTemplate",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"template",storageKey:null}],type:"PromptStringTemplate",abstractKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateType",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateFormat",storageKey:null}],type:"PromptVersion",abstractKey:null}}();_u.hash="e0d9c12926330e5e774cbc64de158a82";const Rr=ne({text:ne({text:ke()})}),Mr=ne({toolCall:ne({toolCallId:ke(),toolCall:ne({name:ke(),arguments:ke()})})}),Vr=ne({toolResult:ne({toolCallId:ke(),result:ir})}),fi=n=>{const a=Rr.safeParse(n);return a.success?a.data:null},Au=n=>{const a={text:{text:n}},l=Rr.safeParse(a);return l.success?l.data:null},zr=n=>{const a=Mr.safeParse(n);return a.success?a.data:null},wu=n=>{const a=qh(n),l=Uh(n),t=Hh(n);if(!a)return null;const i=Sa(t).json||"",r={toolCall:{toolCallId:a,toolCall:{name:l||a,arguments:i}}},s=Mr.safeParse(r);return s.success?s.data:null},Nr=n=>{const a=Vr.safeParse(n);return a.success?a.data:null},Eu=(n,a)=>{const l={toolResult:{toolCallId:n,result:a}},t=Vr.safeParse(l);return t.success?t.data:null};function kt(n){return y.useMemo(()=>{const a=n.toLowerCase();return Dt.user.includes(a)?{backgroundColor:"grey-200",borderColor:"grey-500"}:Dt.ai.includes(a)?{backgroundColor:"blue-100",borderColor:"blue-700"}:Dt.system.includes(a)?{backgroundColor:"indigo-100",borderColor:"indigo-700"}:["function","tool"].includes(a)?{backgroundColor:"yellow-100",borderColor:"yellow-700"}:{backgroundColor:"grey-100",borderColor:"grey-700"}},[n])}const hi={text:"Text",toolCall:"Tool Call",toolResult:"Tool Result"},LS=Object.values(hi);function DS({toolResult:n,isOnlyChild:a}){const l=y.useMemo(()=>{const t=n.toolResult.result;return _r(t)},[n]);return e($r,{title:hi.toolResult,isOnlyChild:a,children:o(b,{direction:"column",children:[e(v,{paddingX:"size-200",paddingTop:"size-100",children:o(b,{direction:"column",justifyContent:"start",gap:"size-100",children:[e(C,{weight:"heavy",size:"XS",children:"Tool ID"}),e(v,{paddingX:"size-300",children:e(C,{size:"XS",children:n.toolResult.toolCallId})})]})}),o(b,{direction:"column",children:[e(v,{paddingX:"size-200",paddingTop:"size-100",children:e(C,{weight:"heavy",size:"XS",children:"Tool Result"})}),e(Xt,{readOnly:!0,children:e(Yt,{readOnly:!0,height:"100%",defaultValue:l,templateFormat:On.NONE})})]})]})})}function _S({provider:n,toolCall:a,isOnlyChild:l}){const t=y.useMemo(()=>{const i=js(a,n);return Sa(i,null,2).json||""},[n,a]);return e($r,{title:hi.toolCall,isOnlyChild:l,children:e(Xt,{readOnly:!0,children:e(Yt,{readOnly:!0,height:"100%",defaultValue:t,templateFormat:On.NONE})})})}function AS(n){const{text:a,templateFormat:l,isOnlyChild:t}=n;return e($r,{title:hi.text,isOnlyChild:t,children:e(Xt,{readOnly:!0,children:e(Yt,{readOnly:!0,height:"100%",defaultValue:a,templateFormat:l})})})}function $r({title:n,children:a,isOnlyChild:l}){return l?e(X,{children:a}):o(Ee,{id:n,children:[e(Ae,{children:e(C,{weight:"heavy",size:"S",children:n})}),e(we,{children:a})]})}function wS(n){const{role:a,children:l}=n,t=kt(a);return e(U,{title:a,...t,collapsible:!0,children:e(Hn,{defaultExpandedKeys:LS,children:l})})}function ES({promptVersion:n}){const{template:a,templateFormat:l,provider:t}=K.useFragment(_u,n);if(a.__typename==="PromptStringTemplate")return e(C,{children:a.template});if(a.__typename==="PromptChatTemplate")return e(MS,{template:a,templateFormat:l,provider:Od(t)||Ps});if(a.__typename==="%other")throw new Error("Unknown template type"+a.__typename)}function RS({part:n,templateFormat:a,provider:l,isOnlyChild:t}){let i=fi(n);return i?e(AS,{text:i.text.text,templateFormat:a,isOnlyChild:t}):(i=zr(n),i?e(_S,{toolCall:i,provider:l,isOnlyChild:t}):(i=Nr(n),i?e(DS,{toolResult:i,isOnlyChild:t}):null))}function MS({template:n,templateFormat:a,provider:l}){const{messages:t}=n;return e(b,{direction:"column",gap:"size-100","data-testid":"chat-messages",children:t.map((i,r)=>{const s=i.content.length===1&&i.content.find(fi)!=null;return e(wS,{role:i.role,children:i.content.map((d,c)=>e(RS,{part:d,templateFormat:a,provider:l,isOnlyChild:s},`${c}-${d.__typename}`))},r)})})}function Ru({title:n="Prompt",promptVersion:a}){return e(U,{title:n,collapsible:!0,"data-testid":"prompt-chat-messages-card",children:e(v,{padding:"size-200",children:e(ES,{promptVersion:a})})})}const Mu=function(){var n=[{alias:null,args:null,kind:"ScalarField",name:"definition",storageKey:null}],a={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"toolCallId",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptCodeExportCard__main",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"invocationParameters",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"modelName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{alias:null,args:null,concreteType:"ResponseFormat",kind:"LinkedField",name:"responseFormat",plural:!1,selections:n,storageKey:null},{alias:null,args:null,concreteType:"ToolDefinition",kind:"LinkedField",name:"tools",plural:!0,selections:n,storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"template",plural:!1,selections:[a,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"PromptMessage",kind:"LinkedField",name:"messages",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"role",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"content",plural:!0,selections:[{kind:"InlineFragment",selections:[a,{alias:null,args:null,concreteType:"TextContentValue",kind:"LinkedField",name:"text",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"text",storageKey:null}],storageKey:null}],type:"TextContentPart",abstractKey:null},{kind:"InlineFragment",selections:[a,{alias:null,args:null,concreteType:"ToolCallContentValue",kind:"LinkedField",name:"toolCall",plural:!1,selections:[l,{alias:null,args:null,concreteType:"ToolCallFunction",kind:"LinkedField",name:"toolCall",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null}],storageKey:null}],storageKey:null}],type:"ToolCallContentPart",abstractKey:null},{kind:"InlineFragment",selections:[a,{alias:null,args:null,concreteType:"ToolResultContentValue",kind:"LinkedField",name:"toolResult",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"result",storageKey:null}],storageKey:null}],type:"ToolResultContentPart",abstractKey:null}],storageKey:null}],storageKey:null}],type:"PromptChatTemplate",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"template",storageKey:null}],type:"PromptStringTemplate",abstractKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateFormat",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateType",storageKey:null}],type:"PromptVersion",abstractKey:null}}();Mu.hash="3fa95713c234bb0cfa4c36e8e4f9cea0";const VS=_l(["system","user","assistant","developer","tool","function"]),bt=ne({role:VS,content:ke().nullable(),name:ke().optional(),tool_call_id:ke().optional(),tool_calls:gn(Gh).optional()}).passthrough(),zS=gn(bt);ot(zS,{removeAdditionalStrategy:"passthrough"});const NS=ne({role:_l(["user","assistant","tool"]),content:gn(nr()),tool_call_id:ke().optional(),tool_calls:gn(Wh).optional()}).passthrough(),$S=gn(NS);ot($S,{removeAdditionalStrategy:"passthrough"});const jS=_l(["user","assistant","tool"]),OS=Jh.extend({type:ke(),text:ke().optional(),id:ke().optional(),tool_use_id:ke().optional(),name:ke().optional(),input:Rt(nr()).optional(),source:ne({type:ke(),media_type:ke().optional(),data:ke().optional()}).optional()}),Vu=ne({role:jS,content:er([ke(),gn(OS)])}),QS=gn(Vu);ot(QS,{removeAdditionalStrategy:"passthrough"});const BS=_l(["SYSTEM","USER","AI","TOOL"]),qS=ne({image:ne({url:ke()})}),US=Cf("__typename",[Rr.extend({__typename:Na("TextContentPart")}),qS.extend({__typename:Na("ImageContentPart")}),Mr.extend({__typename:Na("ToolCallContentPart")}),Vr.extend({__typename:Na("ToolResultContentPart")})]),ki=ne({role:BS,content:gn(US)}).passthrough(),HS=gn(ki);ot(HS,{removeAdditionalStrategy:"passthrough"});const GS=bt.transform(n=>{const a={role:n.role==="assistant"?"assistant":"user",content:n.content?[{type:"text",text:n.content}]:[]};return n.tool_calls?{role:n.role==="assistant"?"assistant":"user",content:n.content?[{type:"text",text:n.content}]:[],tool_calls:n.tool_calls.map(l=>Zh.parse(l))}:a}),zu=bt.transform(n=>{const a={role:n.role==="assistant"?"assistant":"user",content:n.content?[{type:"text",text:n.content}]:[]};return n.tool_calls?{...a,content:[...a.content,...n.tool_calls.map(l=>Xh.parse(l))]}:n.tool_call_id?{...a,content:[{type:"tool_result",tool_use_id:n.tool_call_id,content:n.content}]}:a}),Nu=ki.transform(n=>{if(n.role==="TOOL"){const t=n.content.map(i=>Nr(i)).find(i=>!!i);if(!t)throw new Error("TOOL role message must have a ToolResultContentPart");return{role:"tool",content:_r(t.toolResult.result),tool_call_id:t.toolResult.toolCallId}}const a={role:{SYSTEM:"system",USER:"user",AI:"assistant",TOOL:"tool"}[n.role],content:n.content.map(t=>fi(t)).filter(t=>!!t).map(t=>t.text.text).join(`
|
|
2012
|
+
`}}}();Lu.hash="3ce25c8fbe5598ec1ee037a9778a6957";const Du={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"EditPromptButton_data",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null}],type:"Prompt",abstractKey:null};Du.hash="24788aacf7830c0e5037befe576f4968";function xS(n){const[a,l]=y.useState(!1),t=ve(),i=Pe(),r=K.useFragment(Du,n.prompt),[s,d]=K.useMutation(Lu),{control:c,handleSubmit:m}=on({defaultValues:{description:r.description??""}}),p=y.useCallback(g=>{s({variables:{input:{promptId:r.id,description:g.description}},onCompleted:()=>{l(!1),t({title:"Prompt updated",message:"The prompt has been updated successfully"})},onError:u=>{var f;i({title:"Error updating prompt",message:(f=je(u))==null?void 0:f[0]})}})},[r.id,s,i,t]);return o(W,{isOpen:a,onOpenChange:l,children:[e(M,{size:"S",leadingVisual:e(x,{svg:e($s,{})}),variant:"quiet","aria-label":"configure prompt",onPress:()=>l(!0)}),e(X,{size:"S",isDismissable:!0,children:o(J,{children:[e(oe,{slot:"title",children:"Edit Prompt Details"}),o(Kn,{children:[e(v,{padding:"size-200",children:e(H,{name:"description",control:c,render:({field:g})=>o(de,{value:g.value,onChange:g.onChange,children:[e(G,{children:"Prompt Description"}),e(Aa,{placeholder:"Enter a description for the prompt"}),e(C,{slot:"description",children:"A description of the prompt"})]})})}),e(v,{paddingX:"size-200",paddingY:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:o(b,{direction:"row",gap:"size-100",justifyContent:"end",children:[e(M,{slot:"close",size:"S",children:"Cancel"}),e(M,{variant:"primary",size:"S",isDisabled:d,onPress:()=>m(p)(),children:d?"Saving...":"Save"})]})})]})]})})]})}const _u=function(){var n={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},a={alias:null,args:null,kind:"ScalarField",name:"toolCallId",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptChatMessagesCard__main",selections:[{alias:"provider",args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"template",plural:!1,selections:[n,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"PromptMessage",kind:"LinkedField",name:"messages",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"role",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"content",plural:!0,selections:[n,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"TextContentValue",kind:"LinkedField",name:"text",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"text",storageKey:null}],storageKey:null}],type:"TextContentPart",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ToolCallContentValue",kind:"LinkedField",name:"toolCall",plural:!1,selections:[a,{alias:null,args:null,concreteType:"ToolCallFunction",kind:"LinkedField",name:"toolCall",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],type:"ToolCallContentPart",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ToolResultContentValue",kind:"LinkedField",name:"toolResult",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"result",storageKey:null}],storageKey:null}],type:"ToolResultContentPart",abstractKey:null}],storageKey:null}],storageKey:null}],type:"PromptChatTemplate",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"template",storageKey:null}],type:"PromptStringTemplate",abstractKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateType",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateFormat",storageKey:null}],type:"PromptVersion",abstractKey:null}}();_u.hash="e0d9c12926330e5e774cbc64de158a82";const Rr=ne({text:ne({text:ke()})}),Mr=ne({toolCall:ne({toolCallId:ke(),toolCall:ne({name:ke(),arguments:ke()})})}),Vr=ne({toolResult:ne({toolCallId:ke(),result:ir})}),fi=n=>{const a=Rr.safeParse(n);return a.success?a.data:null},Au=n=>{const a={text:{text:n}},l=Rr.safeParse(a);return l.success?l.data:null},zr=n=>{const a=Mr.safeParse(n);return a.success?a.data:null},wu=n=>{const a=qh(n),l=Uh(n),t=Hh(n);if(!a)return null;const i=Sa(t).json||"",r={toolCall:{toolCallId:a,toolCall:{name:l||a,arguments:i}}},s=Mr.safeParse(r);return s.success?s.data:null},Nr=n=>{const a=Vr.safeParse(n);return a.success?a.data:null},Eu=(n,a)=>{const l={toolResult:{toolCallId:n,result:a}},t=Vr.safeParse(l);return t.success?t.data:null};function kt(n){return y.useMemo(()=>{const a=n.toLowerCase();return Dt.user.includes(a)?{backgroundColor:"grey-200",borderColor:"grey-500"}:Dt.ai.includes(a)?{backgroundColor:"blue-100",borderColor:"blue-700"}:Dt.system.includes(a)?{backgroundColor:"indigo-100",borderColor:"indigo-700"}:["function","tool"].includes(a)?{backgroundColor:"yellow-100",borderColor:"yellow-700"}:{backgroundColor:"grey-100",borderColor:"grey-700"}},[n])}const hi={text:"Text",toolCall:"Tool Call",toolResult:"Tool Result"},LS=Object.values(hi);function DS({toolResult:n,isOnlyChild:a}){const l=y.useMemo(()=>{const t=n.toolResult.result;return _r(t)},[n]);return e($r,{title:hi.toolResult,isOnlyChild:a,children:o(b,{direction:"column",children:[e(v,{paddingX:"size-200",paddingTop:"size-100",children:o(b,{direction:"column",justifyContent:"start",gap:"size-100",children:[e(C,{weight:"heavy",size:"XS",children:"Tool ID"}),e(v,{paddingX:"size-300",children:e(C,{size:"XS",children:n.toolResult.toolCallId})})]})}),o(b,{direction:"column",children:[e(v,{paddingX:"size-200",paddingTop:"size-100",children:e(C,{weight:"heavy",size:"XS",children:"Tool Result"})}),e(Xt,{readOnly:!0,children:e(Yt,{readOnly:!0,height:"100%",defaultValue:l,templateFormat:On.NONE})})]})]})})}function _S({provider:n,toolCall:a,isOnlyChild:l}){const t=y.useMemo(()=>{const i=js(a,n);return Sa(i,null,2).json||""},[n,a]);return e($r,{title:hi.toolCall,isOnlyChild:l,children:e(Xt,{readOnly:!0,children:e(Yt,{readOnly:!0,height:"100%",defaultValue:t,templateFormat:On.NONE})})})}function AS(n){const{text:a,templateFormat:l,isOnlyChild:t}=n;return e($r,{title:hi.text,isOnlyChild:t,children:e(Xt,{readOnly:!0,children:e(Yt,{readOnly:!0,height:"100%",defaultValue:a,templateFormat:l})})})}function $r({title:n,children:a,isOnlyChild:l}){return l?e(Z,{children:a}):o(Ee,{id:n,children:[e(Ae,{children:e(C,{weight:"heavy",size:"S",children:n})}),e(we,{children:a})]})}function wS(n){const{role:a,children:l}=n,t=kt(a);return e(U,{title:a,...t,collapsible:!0,children:e(Hn,{defaultExpandedKeys:LS,children:l})})}function ES({promptVersion:n}){const{template:a,templateFormat:l,provider:t}=K.useFragment(_u,n);if(a.__typename==="PromptStringTemplate")return e(C,{children:a.template});if(a.__typename==="PromptChatTemplate")return e(MS,{template:a,templateFormat:l,provider:Od(t)||Ps});if(a.__typename==="%other")throw new Error("Unknown template type"+a.__typename)}function RS({part:n,templateFormat:a,provider:l,isOnlyChild:t}){let i=fi(n);return i?e(AS,{text:i.text.text,templateFormat:a,isOnlyChild:t}):(i=zr(n),i?e(_S,{toolCall:i,provider:l,isOnlyChild:t}):(i=Nr(n),i?e(DS,{toolResult:i,isOnlyChild:t}):null))}function MS({template:n,templateFormat:a,provider:l}){const{messages:t}=n;return e(b,{direction:"column",gap:"size-100","data-testid":"chat-messages",children:t.map((i,r)=>{const s=i.content.length===1&&i.content.find(fi)!=null;return e(wS,{role:i.role,children:i.content.map((d,c)=>e(RS,{part:d,templateFormat:a,provider:l,isOnlyChild:s},`${c}-${d.__typename}`))},r)})})}function Ru({title:n="Prompt",promptVersion:a}){return e(U,{title:n,collapsible:!0,"data-testid":"prompt-chat-messages-card",children:e(v,{padding:"size-200",children:e(ES,{promptVersion:a})})})}const Mu=function(){var n=[{alias:null,args:null,kind:"ScalarField",name:"definition",storageKey:null}],a={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"toolCallId",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptCodeExportCard__main",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"invocationParameters",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"modelName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{alias:null,args:null,concreteType:"ResponseFormat",kind:"LinkedField",name:"responseFormat",plural:!1,selections:n,storageKey:null},{alias:null,args:null,concreteType:"ToolDefinition",kind:"LinkedField",name:"tools",plural:!0,selections:n,storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"template",plural:!1,selections:[a,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"PromptMessage",kind:"LinkedField",name:"messages",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"role",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"content",plural:!0,selections:[{kind:"InlineFragment",selections:[a,{alias:null,args:null,concreteType:"TextContentValue",kind:"LinkedField",name:"text",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"text",storageKey:null}],storageKey:null}],type:"TextContentPart",abstractKey:null},{kind:"InlineFragment",selections:[a,{alias:null,args:null,concreteType:"ToolCallContentValue",kind:"LinkedField",name:"toolCall",plural:!1,selections:[l,{alias:null,args:null,concreteType:"ToolCallFunction",kind:"LinkedField",name:"toolCall",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null}],storageKey:null}],storageKey:null}],type:"ToolCallContentPart",abstractKey:null},{kind:"InlineFragment",selections:[a,{alias:null,args:null,concreteType:"ToolResultContentValue",kind:"LinkedField",name:"toolResult",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"result",storageKey:null}],storageKey:null}],type:"ToolResultContentPart",abstractKey:null}],storageKey:null}],storageKey:null}],type:"PromptChatTemplate",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"template",storageKey:null}],type:"PromptStringTemplate",abstractKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateFormat",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateType",storageKey:null}],type:"PromptVersion",abstractKey:null}}();Mu.hash="3fa95713c234bb0cfa4c36e8e4f9cea0";const VS=_l(["system","user","assistant","developer","tool","function"]),bt=ne({role:VS,content:ke().nullable(),name:ke().optional(),tool_call_id:ke().optional(),tool_calls:gn(Gh).optional()}).passthrough(),zS=gn(bt);ot(zS,{removeAdditionalStrategy:"passthrough"});const NS=ne({role:_l(["user","assistant","tool"]),content:gn(nr()),tool_call_id:ke().optional(),tool_calls:gn(Wh).optional()}).passthrough(),$S=gn(NS);ot($S,{removeAdditionalStrategy:"passthrough"});const jS=_l(["user","assistant","tool"]),OS=Jh.extend({type:ke(),text:ke().optional(),id:ke().optional(),tool_use_id:ke().optional(),name:ke().optional(),input:Rt(nr()).optional(),source:ne({type:ke(),media_type:ke().optional(),data:ke().optional()}).optional()}),Vu=ne({role:jS,content:er([ke(),gn(OS)])}),QS=gn(Vu);ot(QS,{removeAdditionalStrategy:"passthrough"});const BS=_l(["SYSTEM","USER","AI","TOOL"]),qS=ne({image:ne({url:ke()})}),US=Cf("__typename",[Rr.extend({__typename:Na("TextContentPart")}),qS.extend({__typename:Na("ImageContentPart")}),Mr.extend({__typename:Na("ToolCallContentPart")}),Vr.extend({__typename:Na("ToolResultContentPart")})]),ki=ne({role:BS,content:gn(US)}).passthrough(),HS=gn(ki);ot(HS,{removeAdditionalStrategy:"passthrough"});const GS=bt.transform(n=>{const a={role:n.role==="assistant"?"assistant":"user",content:n.content?[{type:"text",text:n.content}]:[]};return n.tool_calls?{role:n.role==="assistant"?"assistant":"user",content:n.content?[{type:"text",text:n.content}]:[],tool_calls:n.tool_calls.map(l=>Zh.parse(l))}:a}),zu=bt.transform(n=>{const a={role:n.role==="assistant"?"assistant":"user",content:n.content?[{type:"text",text:n.content}]:[]};return n.tool_calls?{...a,content:[...a.content,...n.tool_calls.map(l=>Xh.parse(l))]}:n.tool_call_id?{...a,content:[{type:"tool_result",tool_use_id:n.tool_call_id,content:n.content}]}:a}),Nu=ki.transform(n=>{if(n.role==="TOOL"){const t=n.content.map(i=>Nr(i)).find(i=>!!i);if(!t)throw new Error("TOOL role message must have a ToolResultContentPart");return{role:"tool",content:_r(t.toolResult.result),tool_call_id:t.toolResult.toolCallId}}const a={role:{SYSTEM:"system",USER:"user",AI:"assistant",TOOL:"tool"}[n.role],content:n.content.map(t=>fi(t)).filter(t=>!!t).map(t=>t.text.text).join(`
|
|
2013
2013
|
`)},l=n.content.map(t=>zr(t)).filter(t=>!!t).map(t=>({id:t.toolCall.toolCallId,type:"function",function:{name:t.toolCall.toolCall.name,arguments:typeof t.toolCall.toolCall.arguments=="string"?JSON.parse(t.toolCall.toolCall.arguments):t.toolCall.toolCall.arguments}}));return l.length>0?{...a,tool_calls:l}:a});bt.transform(n=>{const a=[];if(n.role==="tool"&&n.tool_call_id){const t=Eu(n.tool_call_id,n.content);return t&&a.push({__typename:"ToolResultContentPart",...t}),{role:"TOOL",content:a}}if(n.content){const t=Au(n.content);t&&a.push({__typename:"TextContentPart",...t})}return n.tool_calls&&n.tool_calls.forEach(t=>{const i=wu({id:t.id,name:t.function.name,arguments:t.function.arguments});i&&a.push({__typename:"ToolCallContentPart",...i})}),{role:{system:"SYSTEM",user:"USER",assistant:"AI",tool:"TOOL",developer:"SYSTEM",function:"TOOL"}[n.role],content:a}});const WS=({message:n,targetProvider:a})=>{switch(a){case"AZURE_OPENAI":case"OPENAI":case"DEEPSEEK":case"XAI":case"OLLAMA":return n;case"ANTHROPIC":return zu.parse(n);case"AWS":return GS.parse(n);case"GOOGLE":return n;default:return $e()}};er([bt,Vu,ki,ir]);ki.transform(n=>zu.parse(Nu.parse(n)));const ha=" ",Kt=({json:n,level:a,removeKeyQuotes:l=!1})=>{const t=ha.repeat(a);let i=JSON.stringify(n,null,ha);return i=i.split(`
|
|
2014
2014
|
`).map((r,s)=>s>0?t+r:r).join(`
|
|
2015
2015
|
`),l&&(i=i.replace(/"([a-zA-Z_$][a-zA-Z0-9_$]*)"\s*:/g,"$1:")),i},JS=qn.template(`
|
|
@@ -2200,7 +2200,7 @@ console.log(response.content);
|
|
|
2200
2200
|
}
|
|
2201
2201
|
}
|
|
2202
2202
|
}
|
|
2203
|
-
`;function m3(){const n=jr(),a=Ce(),{pathname:l}=wl();let t="prompt";l.includes("versions")?t="versions":l.includes("config")&&(t="config");const i=K.useFragment(Uu,n.prompt);return o("main",{css:hv,children:[e(v,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",flex:"none",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[o(b,{direction:"column",children:[e(oe,{level:1,children:n.prompt.name}),i.sourcePrompt&&o(C,{color:"text-700",children:["cloned from"," ",e(sn,{to:`/prompts/${i.sourcePrompt.id}`,children:i.sourcePrompt.name})]})]}),o(b,{direction:"row",gap:"size-100",children:[o(W,{children:[e(M,{size:"S",leadingVisual:e(x,{svg:e(Ms,{})}),children:"Clone"}),e(Y,{children:e(
|
|
2203
|
+
`;function m3(){const n=jr(),a=Ce(),{pathname:l}=wl();let t="prompt";l.includes("versions")?t="versions":l.includes("config")&&(t="config");const i=K.useFragment(Uu,n.prompt);return o("main",{css:hv,children:[e(v,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",flex:"none",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[o(b,{direction:"column",children:[e(oe,{level:1,children:n.prompt.name}),i.sourcePrompt&&o(C,{color:"text-700",children:["cloned from"," ",e(sn,{to:`/prompts/${i.sourcePrompt.id}`,children:i.sourcePrompt.name})]})]}),o(b,{direction:"row",gap:"size-100",children:[o(W,{children:[e(M,{size:"S",leadingVisual:e(x,{svg:e(Ms,{})}),children:"Clone"}),e(Y,{children:e(X,{size:"M",children:e(fv,{promptId:i.id,promptName:i.name,promptDescription:i.description??void 0})})})]}),e(M,{size:"S",leadingVisual:e(x,{svg:e(ei,{})}),onPress:()=>{a(`/prompts/${n.prompt.id}/playground`)},children:"Edit in Playground"})]})]})}),o(Ln,{defaultSelectedKey:t,onSelectionChange:r=>{let s;r==="versions"?s=`/prompts/${n.prompt.id}/versions`:r==="config"?s=`/prompts/${n.prompt.id}/config`:s=`/prompts/${n.prompt.id}`,a(s)},children:[o(xn,{children:[e(se,{id:"prompt",children:"Prompt"}),o(se,{id:"versions",children:["Versions ",e(ia,{children:i.promptVersions.edges.length})]}),e(se,{id:"config",children:"Config"})]}),e(be,{id:"prompt",children:e(xe,{})}),e(be,{id:"versions",children:e(xe,{})}),e(be,{id:"config",children:e(xe,{})})]})]})}const Gu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"modelsInput"}],a={alias:null,args:null,kind:"ScalarField",name:"invocationInputField",storageKey:null},l={alias:"floatDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},t=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"modelsInput"}],concreteType:null,kind:"LinkedField",name:"modelInvocationParameters",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"invocationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"canonicalName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"required",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null}],type:"InvocationParameterBase",abstractKey:"__isInvocationParameterBase"},{kind:"InlineFragment",selections:[{alias:"booleanDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"BooleanInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[l,a,{alias:null,args:null,kind:"ScalarField",name:"minValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxValue",storageKey:null}],type:"BoundedFloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[l,a],type:"FloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"intDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"IntInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"jsonDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"JSONInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"stringDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"StringInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"stringListDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"StringListInvocationParameter",abstractKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"fetchPlaygroundPromptSupportedInvocationParametersQuery",selections:t,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"fetchPlaygroundPromptSupportedInvocationParametersQuery",selections:t},params:{cacheID:"530366c9a8cc3b47d685ca0600a39bb5",id:null,metadata:{},name:"fetchPlaygroundPromptSupportedInvocationParametersQuery",operationKind:"query",text:`query fetchPlaygroundPromptSupportedInvocationParametersQuery(
|
|
2204
2204
|
$modelsInput: ModelsInput!
|
|
2205
2205
|
) {
|
|
2206
2206
|
modelInvocationParameters(input: $modelsInput) {
|
|
@@ -2402,7 +2402,7 @@ fragment ExampleExperimentRunsTableFragment on DatasetExample {
|
|
|
2402
2402
|
width: 100%;
|
|
2403
2403
|
}
|
|
2404
2404
|
}
|
|
2405
|
-
`,children:e(b,{direction:"row",justifyContent:"center",children:e(v,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:o(b,{direction:"column",gap:"size-200",children:[t?e(Ie,{variant:"danger",children:t}):null,e(H,{control:d,name:"input",render:({field:{onChange:f,onBlur:h,value:k},fieldState:{invalid:S,error:F}})=>o(U,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...xi,children:[S?e(Ie,{variant:"danger",banner:!0,children:F==null?void 0:F.message}):null,e(An,{value:k,onChange:f,onBlur:h})]})}),e(H,{control:d,name:"output",render:({field:{onChange:f,onBlur:h,value:k},fieldState:{invalid:S,error:F}})=>o(U,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...xi,backgroundColor:"green-100",borderColor:"green-700",children:[S?e(Ie,{variant:"danger",banner:!0,children:F==null?void 0:F.message}):null,e(An,{value:k,onChange:f,onBlur:h})]})}),e(H,{control:d,name:"metadata",render:({field:{onChange:f,onBlur:h,value:k},fieldState:{invalid:S,error:F}})=>o(U,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...xi,children:[S?e(Ie,{variant:"danger",banner:!0,children:F==null?void 0:F.message}):null,e(An,{value:k,onChange:f,onBlur:h})]})}),e(H,{control:d,name:"description",render:({field:{onChange:f,onBlur:h,value:k},fieldState:{invalid:S,error:F}})=>o(de,{value:k,onChange:f,onBlur:h,isInvalid:S,children:[e(G,{children:"Revision Description"}),e(Aa,{}),F?e(Fe,{children:F==null?void 0:F.message}):e(C,{slot:"description",children:"A description of the changes made in this revision. Will be displayed in the version history."})]})})]})})})})]})})}function _v(n){const{onCompleted:a,...l}=n;return o(W,{children:[e(M,{size:"S",leadingVisual:e(x,{svg:e(el,{})}),children:"Edit Example"}),e(Y,{children:e(
|
|
2405
|
+
`,children:e(b,{direction:"row",justifyContent:"center",children:e(v,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:o(b,{direction:"column",gap:"size-200",children:[t?e(Ie,{variant:"danger",children:t}):null,e(H,{control:d,name:"input",render:({field:{onChange:f,onBlur:h,value:k},fieldState:{invalid:S,error:F}})=>o(U,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...xi,children:[S?e(Ie,{variant:"danger",banner:!0,children:F==null?void 0:F.message}):null,e(An,{value:k,onChange:f,onBlur:h})]})}),e(H,{control:d,name:"output",render:({field:{onChange:f,onBlur:h,value:k},fieldState:{invalid:S,error:F}})=>o(U,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...xi,backgroundColor:"green-100",borderColor:"green-700",children:[S?e(Ie,{variant:"danger",banner:!0,children:F==null?void 0:F.message}):null,e(An,{value:k,onChange:f,onBlur:h})]})}),e(H,{control:d,name:"metadata",render:({field:{onChange:f,onBlur:h,value:k},fieldState:{invalid:S,error:F}})=>o(U,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...xi,children:[S?e(Ie,{variant:"danger",banner:!0,children:F==null?void 0:F.message}):null,e(An,{value:k,onChange:f,onBlur:h})]})}),e(H,{control:d,name:"description",render:({field:{onChange:f,onBlur:h,value:k},fieldState:{invalid:S,error:F}})=>o(de,{value:k,onChange:f,onBlur:h,isInvalid:S,children:[e(G,{children:"Revision Description"}),e(Aa,{}),F?e(Fe,{children:F==null?void 0:F.message}):e(C,{slot:"description",children:"A description of the changes made in this revision. Will be displayed in the version history."})]})})]})})})})]})})}function _v(n){const{onCompleted:a,...l}=n;return o(W,{children:[e(M,{size:"S",leadingVisual:e(x,{svg:e(el,{})}),children:"Edit Example"}),e(Y,{children:e(X,{variant:"slideover",size:"L",children:e(Dv,{...l,onCompleted:()=>{a()}})})})]})}const em=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,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExampleExperimentRunsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:l,kind:"FragmentSpread",name:"ExampleExperimentRunsTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExampleExperimentRunsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,i,{kind:"InlineFragment",selections:[{alias:null,args:l,concreteType:"ExperimentRunConnection",kind:"LinkedField",name:"experimentRuns",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"run",args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},r,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},r],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[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:"ExampleExperimentRunsTable_experimentRuns",kind:"LinkedHandle",name:"experimentRuns"}],type:"DatasetExample",abstractKey:null}],storageKey:null}]},params:{cacheID:"0b278c0b360ced38183ea75b27edca2d",id:null,metadata:{},name:"ExampleExperimentRunsTableQuery",operationKind:"query",text:`query ExampleExperimentRunsTableQuery(
|
|
2406
2406
|
$after: String = null
|
|
2407
2407
|
$first: Int = 100
|
|
2408
2408
|
$id: ID!
|
|
@@ -2469,13 +2469,13 @@ fragment ExampleExperimentRunsTableFragment_2HEEH6 on DatasetExample {
|
|
|
2469
2469
|
align-items: center;
|
|
2470
2470
|
color: var(--ac-global-color-primary);
|
|
2471
2471
|
gap: var(--ac-global-dimension-size-50);
|
|
2472
|
-
`;function Rv({example:n}){const a=y.useRef(null),l=Ce(),{data:t,loadNext:i,hasNext:r,isLoadingNext:s}=K.usePaginationFragment(nm,n),d=y.useMemo(()=>t.experimentRuns.edges.map(f=>{let h=null;return f.run.startTime&&f.run.endTime&&(h=new Date(f.run.endTime).getTime()-new Date(f.run.startTime).getTime()),{...f.run,output:JSON.stringify(f.run.output),latencyMs:h}}),[t]),m=Me({columns:[{header:"start time",accessorKey:"startTime",cell:Ne},{header:"output",accessorKey:"output",cell:f=>{var k;const h=(k=f.row.original)==null?void 0:k.error;return h!==null?e(C,{color:"danger",children:h}):e(dn,{...f})}},{header:"latency",accessorKey:"latencyMs",cell:({getValue:f})=>{const h=f();return h===null||typeof h!="number"?"--":e(cn,{latencyMs:h})}},{header:"evaluations",accessorKey:"annotations",cell:({row:f})=>e(b,{direction:"row",gap:"size-50",wrap:"wrap",children:f.original.annotations.edges.map((h,k)=>{const S=h.annotation;return e(Bs,{annotation:S,extra:S.trace&&e(v,{paddingTop:"size-100",children:o("div",{css:Ev,children:[e(x,{svg:e(
|
|
2472
|
+
`;function Rv({example:n}){const a=y.useRef(null),l=Ce(),{data:t,loadNext:i,hasNext:r,isLoadingNext:s}=K.usePaginationFragment(nm,n),d=y.useMemo(()=>t.experimentRuns.edges.map(f=>{let h=null;return f.run.startTime&&f.run.endTime&&(h=new Date(f.run.endTime).getTime()-new Date(f.run.startTime).getTime()),{...f.run,output:JSON.stringify(f.run.output),latencyMs:h}}),[t]),m=Me({columns:[{header:"start time",accessorKey:"startTime",cell:Ne},{header:"output",accessorKey:"output",cell:f=>{var k;const h=(k=f.row.original)==null?void 0:k.error;return h!==null?e(C,{color:"danger",children:h}):e(dn,{...f})}},{header:"latency",accessorKey:"latencyMs",cell:({getValue:f})=>{const h=f();return h===null||typeof h!="number"?"--":e(cn,{latencyMs:h})}},{header:"evaluations",accessorKey:"annotations",cell:({row:f})=>e(b,{direction:"row",gap:"size-50",wrap:"wrap",children:f.original.annotations.edges.map((h,k)=>{const S=h.annotation;return e(Bs,{annotation:S,extra:S.trace&&e(v,{paddingTop:"size-100",children:o("div",{css:Ev,children:[e(x,{svg:e(yl,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(Rl,{annotation:S,onClick:()=>{S.trace&&l(`/projects/${S.trace.projectId}/traces/${S.trace.traceId}`)}},k)},k)})})},{id:"actions",cell:({row:f})=>{const h=f.original.trace;if(h)return e(M,{size:"S",leadingVisual:e(x,{svg:e(ni,{})}),onPress:()=>{l(`/projects/${h.projectId}/traces/${h.traceId}`)},"aria-label":"view trace"})}}],data:d,getCoreRowModel:Ve()}),p=m.getRowModel().rows,g=p.length===0,u=y.useCallback(f=>{if(f){const{scrollHeight:h,scrollTop:k,clientHeight:S}=f;h-k-S<300&&!s&&r&&i(Av)}},[r,s,i]);return e("div",{css:T`
|
|
2473
2473
|
flex: 1 1 auto;
|
|
2474
2474
|
overflow: auto;
|
|
2475
2475
|
`,ref:a,onScroll:f=>u(f.target),children:o("table",{css:Ka,children:[e("thead",{children:m.getHeaderGroups().map(f=>e("tr",{children:f.headers.map(h=>e("th",{children:e("div",{children:ee(h.column.columnDef.header,h.getContext())})},h.id))},f.id))}),g?e(wv,{}):e("tbody",{children:p.map(f=>e("tr",{children:f.getVisibleCells().map(h=>e("td",{children:ee(h.column.columnDef.cell,h.getContext())},h.id))},f.id))})]})})}function Qr({exampleId:n}){const[a,l]=y.useState(0),t=K.useLazyLoadQuery(Xu,{exampleId:n},{fetchKey:a,fetchPolicy:"store-and-network"}),i=y.useMemo(()=>{const p=t.example.latestRevision;return{input:JSON.stringify(p==null?void 0:p.input,null,2),output:JSON.stringify(p==null?void 0:p.output,null,2),metadata:JSON.stringify(p==null?void 0:p.metadata,null,2)}},[t]),r=y.useMemo(()=>{const p=t.example.span;return p?{id:p.id,traceId:p.trace.traceId,projectId:p.trace.project.id}:null},[t]),{input:s,output:d,metadata:c}=i,m=ve();return e(J,{children:o(ce,{children:[o(ue,{children:[o(me,{children:["Example: ",n]}),o(pe,{children:[r?e(Ea,{size:"S",to:`/projects/${r.projectId}/traces/${r.traceId}?${Mn}=${r.id}`,children:"View Source Span"}):null,e(_v,{exampleId:n,currentRevision:i,onCompleted:()=>{m({title:"Example updated",message:`Example ${n} has been updated.`}),l(p=>p+1)}}),e(ye,{})]})]}),o(Un,{direction:"vertical",autoSaveId:"example-panel-group",children:[e(Xe,{defaultSize:65,children:e("div",{css:T`
|
|
2476
2476
|
overflow-y: auto;
|
|
2477
2477
|
height: 100%;
|
|
2478
|
-
`,children:e(b,{direction:"row",justifyContent:"center",children:e(v,{width:"900px",padding:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[e(U,{title:"Input",...Li,extra:e(Te,{text:s}),children:e(Qn,{value:s})}),e(U,{title:"Output",...Li,extra:e(Te,{text:d}),children:e(Qn,{value:d})}),e(U,{title:"Metadata",...Li,extra:e(Te,{text:c}),children:e(Qn,{value:c})})]})})})})}),e(ta,{css:
|
|
2478
|
+
`,children:e(b,{direction:"row",justifyContent:"center",children:e(v,{width:"900px",padding:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[e(U,{title:"Input",...Li,extra:e(Te,{text:s}),children:e(Qn,{value:s})}),e(U,{title:"Output",...Li,extra:e(Te,{text:d}),children:e(Qn,{value:d})}),e(U,{title:"Metadata",...Li,extra:e(Te,{text:c}),children:e(Qn,{value:c})})]})})})})}),e(ta,{css:fl}),e(Xe,{defaultSize:35,children:o(b,{direction:"column",height:"100%",children:[e(v,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(oe,{level:3,children:"Experiment Runs"})}),e(Rv,{example:t.example})]})})]})]})})}const Li={backgroundColor:"light",borderColor:"light",collapsible:!0};function Mv(){const[n,a]=yn(),l=n.get("exampleId"),t=n.get("datasetId");return!l||!t?null:e(W,{isOpen:!0,onOpenChange:i=>{i||a(r=>(r.delete("exampleId"),r))},children:e(Y,{children:e(X,{variant:"slideover",size:"L",children:e(y.Suspense,{fallback:e(fe,{}),children:e(Qr,{exampleId:l})})})})})}const Vv=`
|
|
2479
2479
|
The playground is not available until an LLM provider client is installed on the server.
|
|
2480
2480
|
`,zv=n=>`
|
|
2481
2481
|
# Installing one or more of the clients will enable the playground
|
|
@@ -2485,7 +2485,7 @@ ${Array.from(n.reduce((a,l)=>(l.dependencies.forEach(t=>a.add(t)),a),new Set)).m
|
|
|
2485
2485
|
.ac-dropdown-button {
|
|
2486
2486
|
min-width: 0px;
|
|
2487
2487
|
}
|
|
2488
|
-
`,children:o(Fs,{placement:"bottom",isOpen:l,onOpenChange:i=>{t(i)},children:[e(Jf,{size:"compact",isDisabled:a,children:"API Keys"}),e(Cs,{children:e(v,{padding:"size-200",children:o(Kn,{onSubmit:i=>{i.preventDefault(),t(!1)},children:[e(oe,{level:2,weight:"heavy",children:"API Keys"}),e(v,{paddingY:"size-50",children:e(C,{color:"text-700",size:"XS",children:"API keys are stored in your browser and used to communicate with their respective API's."})}),e(b,{direction:"column",gap:"size-100",children:n.map(i=>mt[i].length?o(v,{paddingY:"size-50",children:[o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ha,{provider:i}),e(oe,{level:3,weight:"heavy",children:pa(i)})]}),e(v,{paddingBottom:"size-100",paddingTop:"size-100",children:e(jv,{provider:i})})]},i):null)}),e(v,{paddingTop:"size-100",children:e(b,{direction:"row",gap:"size-100",width:"100%",justifyContent:"end",children:e(ra,{href:"/settings/providers",children:"View all AI provider configurations"})})})]})})})]})})}function jv({provider:n}){const a=
|
|
2488
|
+
`,children:o(Fs,{placement:"bottom",isOpen:l,onOpenChange:i=>{t(i)},children:[e(Jf,{size:"compact",isDisabled:a,children:"API Keys"}),e(Cs,{children:e(v,{padding:"size-200",children:o(Kn,{onSubmit:i=>{i.preventDefault(),t(!1)},children:[e(oe,{level:2,weight:"heavy",children:"API Keys"}),e(v,{paddingY:"size-50",children:e(C,{color:"text-700",size:"XS",children:"API keys are stored in your browser and used to communicate with their respective API's."})}),e(b,{direction:"column",gap:"size-100",children:n.map(i=>mt[i].length?o(v,{paddingY:"size-50",children:[o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ha,{provider:i}),e(oe,{level:3,weight:"heavy",children:pa(i)})]}),e(v,{paddingBottom:"size-100",paddingTop:"size-100",children:e(jv,{provider:i})})]},i):null)}),e(v,{paddingTop:"size-100",children:e(b,{direction:"row",gap:"size-100",width:"100%",justifyContent:"end",children:e(ra,{href:"/settings/providers",children:"View all AI provider configurations"})})})]})})})]})})}function jv({provider:n}){const a=ml(r=>r.setCredential),l=mt[n],t=ml(r=>r[n]),i=B(r=>r.instances.some(s=>s.activeRunId!=null));return e(v,{children:l.map(r=>o(xs,{size:"S",isRequired:r.isRequired,onChange:s=>{a({provider:n,envVarName:r.envVarName,value:s})},value:(t==null?void 0:t[r.envVarName])??"",isDisabled:i,children:[e(G,{children:r.envVarName}),e(Is,{}),e(C,{slot:"description",children:`Alternatively, you can set the "${r.envVarName}" environment variable on the server.`})]},r.envVarName))})}const am=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{kind:"Variable",name:"id",variableName:"datasetId"}],l={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"PlaygroundDatasetSectionQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"PlaygroundDatasetSectionQuery",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,{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}]},params:{cacheID:"2430234746cf1242506d2053fa26bcb5",id:null,metadata:{},name:"PlaygroundDatasetSectionQuery",operationKind:"query",text:`query PlaygroundDatasetSectionQuery(
|
|
2489
2489
|
$datasetId: ID!
|
|
2490
2490
|
) {
|
|
2491
2491
|
dataset: node(id: $datasetId) {
|
|
@@ -2694,11 +2694,11 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
2694
2694
|
id
|
|
2695
2695
|
}
|
|
2696
2696
|
}
|
|
2697
|
-
`}}}();dm.hash="e2203e071e6fce91c764fa6fee48dfc1";function Bv({runId:n}){var d,c,m;const l=K.useLazyLoadQuery(dm,{runId:n}).run,t=(d=l.example)==null?void 0:d.id,i=(c=l.example)==null?void 0:c.revision,r=i==null?void 0:i.input,s=i==null?void 0:i.output;return e(J,{children:o(ce,{children:[o(ue,{children:[o(me,{children:["Experiment Run for Example: ",t]}),e(pe,{children:e(ye,{})})]}),o(Un,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(Xe,{defaultSize:33,children:e(v,{overflow:"auto",height:"100%",padding:"size-200",children:o(b,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(v,{width:"50%",children:e(U,{title:"Input",...zo,extra:e(Te,{text:JSON.stringify(r)}),children:e(v,{maxHeight:"300px",overflow:"auto",children:e(Qn,{value:JSON.stringify(r,null,2)})})})}),e(v,{width:"50%",children:e(U,{title:"Reference Output",...zo,extra:e(Te,{text:JSON.stringify(s)}),children:e(v,{maxHeight:"300px",overflow:"auto",children:e(Qn,{value:JSON.stringify(s,null,2)})})})})]})})}),e(ta,{css:
|
|
2697
|
+
`}}}();dm.hash="e2203e071e6fce91c764fa6fee48dfc1";function Bv({runId:n}){var d,c,m;const l=K.useLazyLoadQuery(dm,{runId:n}).run,t=(d=l.example)==null?void 0:d.id,i=(c=l.example)==null?void 0:c.revision,r=i==null?void 0:i.input,s=i==null?void 0:i.output;return e(J,{children:o(ce,{children:[o(ue,{children:[o(me,{children:["Experiment Run for Example: ",t]}),e(pe,{children:e(ye,{})})]}),o(Un,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(Xe,{defaultSize:33,children:e(v,{overflow:"auto",height:"100%",padding:"size-200",children:o(b,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(v,{width:"50%",children:e(U,{title:"Input",...zo,extra:e(Te,{text:JSON.stringify(r)}),children:e(v,{maxHeight:"300px",overflow:"auto",children:e(Qn,{value:JSON.stringify(r,null,2)})})})}),e(v,{width:"50%",children:e(U,{title:"Reference Output",...zo,extra:e(Te,{text:JSON.stringify(s)}),children:e(v,{maxHeight:"300px",overflow:"auto",children:e(Qn,{value:JSON.stringify(s,null,2)})})})})]})})}),e(ta,{css:fl}),e(Xe,{defaultSize:67,children:o(b,{direction:"column",height:"100%",children:[e(v,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(oe,{level:2,children:"Experiment Run Output"})}),e("div",{css:T`
|
|
2698
2698
|
overflow-y: auto;
|
|
2699
2699
|
height: 100%;
|
|
2700
2700
|
padding: var(--ac-global-dimension-static-size-200);
|
|
2701
|
-
`,children:e(v,{borderColor:"dark",borderWidth:"thin",borderRadius:"small",children:o(b,{direction:"row",children:[e(v,{flex:!0,children:l.error?e(v,{padding:"size-200",children:e(Uv,{error:l.error})}):e(Qn,{value:JSON.stringify(l.output,null,2)})}),o(
|
|
2701
|
+
`,children:e(v,{borderColor:"dark",borderWidth:"thin",borderRadius:"small",children:o(b,{direction:"row",children:[e(v,{flex:!0,children:l.error?e(v,{padding:"size-200",children:e(Uv,{error:l.error})}):e(Qn,{value:JSON.stringify(l.output,null,2)})}),o(sl,{width:"size-3000",children:[l.startTime&&l.endTime&&e(qv,{startTime:l.startTime,endTime:l.endTime}),e("ul",{css:T`
|
|
2702
2702
|
margin-top: var(
|
|
2703
2703
|
--ac-global-dimension-static-size-100
|
|
2704
2704
|
);
|
|
@@ -3027,7 +3027,7 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
3027
3027
|
overflow: hidden;
|
|
3028
3028
|
text-overflow: ellipsis;
|
|
3029
3029
|
}
|
|
3030
|
-
`;function Bn(n){const{name:a,metric:l,k:t,score:i}=n,r=typeof t=="number"?`${l}@${t}`:l,s=y.useMemo(()=>l==="hit"?i?"true":"false":typeof i=="number"&&ai(i)||"--",[i,l]);return o(Se,{delay:500,children:[e(
|
|
3030
|
+
`;function Bn(n){const{name:a,metric:l,k:t,score:i}=n,r=typeof t=="number"?`${l}@${t}`:l,s=y.useMemo(()=>l==="hit"?i?"true":"false":typeof i=="number"&&ai(i)||"--",[i,l]);return o(Se,{delay:500,children:[e(pl,{children:e("div",{css:tk,children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(ik,{color:"var(--ac-global-color-seafoam-1000)"}),a?e("div",{css:Di,children:e(C,{weight:"heavy",size:"XS",color:"inherit",children:a})}):null,e("div",{css:Di,children:e(C,{size:"XS",color:"inherit",children:r})}),e("div",{css:Di,children:e(C,{size:"XS",children:s})})]})})}),e(Be,{offset:3,placement:"bottom",children:o(b,{direction:"row",gap:"size-100",children:[o(C,{weight:"heavy",color:"inherit",children:[a," ",r]}),e(C,{color:"inherit",children:s})]})})]})}const mm={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanHeader_span",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:"spanKind",storageKey:null},{alias:"code",args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",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}],type:"Span",abstractKey:null};mm.hash="2ba518744a1e825cf02818bfbf16b7a5";function Zv(n){var t,i;const a=K.useFragment(mm,n.span),l=y.useMemo(()=>new Date(a.startTime),[a.startTime]);return e(b,{direction:"row",gap:"size-100",width:"100%",height:"100%",alignItems:"center",children:o(b,{direction:"column",gap:"size-50",children:[o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(yr,{spanKind:a.spanKind}),e(C,{size:"L",children:a.name}),e(li,{statusCode:a.code,css:T`
|
|
3031
3031
|
font-size: var(--ac-global-font-size-m);
|
|
3032
3032
|
`})]}),o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[typeof a.latencyMs=="number"?e(cn,{latencyMs:a.latencyMs,size:"S"}):null,o(C,{color:"text-500",size:"S",children:["at ",en(l)]}),a.tokenCountTotal?e(ti,{tokenCountTotal:a.tokenCountTotal,nodeId:a.id,size:"S"}):null,(i=(t=a.costSummary)==null?void 0:t.total)!=null&&i.cost?e(ii,{totalCost:a.costSummary.total.cost,spanNodeId:a.id,size:"S"}):null]})]})})}function Xv(n){const{spanId:a,traceId:l}=n,t=ve();return o(W,{children:[e(M,{size:"S",leadingVisual:e(x,{svg:e(at,{})})}),e(Fn,{children:e(J,{children:({close:i})=>o(Fa,{style:{minHeight:"auto"},onAction:r=>{switch(r){case"COPY_SPAN_ID":{io(a),t({title:"Span ID Copied",message:`The Span ID ${a} has been copied to your clipboard`});break}case"COPY_TRACE_ID":{io(l),t({title:"Trace ID Copied",message:`The Trace ID ${l} has been copied to your clipboard`});break}default:$e()}i()},children:[e(Il,{id:"COPY_SPAN_ID",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(Qi,{})}),e(C,{children:"Copy Span ID"})]})}),e(Il,{id:"COPY_TRACE_ID",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(Qi,{})}),e(C,{children:"Copy Trace ID"})]})})]})})})]})}const gm=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},a=[n];return{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanAsideAnnotationList_span",selections:[{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[n,{alias:null,args:null,concreteType:"AnnotationConfigConnection",kind:"LinkedField",name:"annotationConfigs",plural:!1,selections:[{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:[{kind:"InlineFragment",selections:a,type:"Node",abstractKey:"__isNode"},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],type:"AnnotationConfigBase",abstractKey:"__isAnnotationConfigBase"}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:a,storageKey:null},{args:null,kind:"FragmentSpread",name:"AnnotationSummaryGroup"}],type:"Span",abstractKey:null}}();gm.hash="8db090103425204eda8bf8e16580f622";const pm=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanAside_span",selections:[n,{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[n,{args:null,kind:"FragmentSpread",name:"AnnotationConfigListProjectAnnotationConfigFragment"},{alias:null,args:null,concreteType:"AnnotationConfigConnection",kind:"LinkedField",name:"annotationConfigs",plural:!1,selections:[{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:[{kind:"InlineFragment",selections:[n],type:"Node",abstractKey:"__isNode"},{kind:"InlineFragment",selections:[a,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotationType",storageKey:null}],type:"AnnotationConfigBase",abstractKey:"__isAnnotationConfigBase"},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"CategoricalAnnotationValue",kind:"LinkedField",name:"values",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null}],type:"CategoricalAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"lowerBound",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"upperBound",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"optimizationDirection",storageKey:null}],type:"ContinuousAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[a],type:"FreeformAnnotationConfig",abstractKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:"code",args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{args:null,kind:"FragmentSpread",name:"TraceHeaderRootSpanAnnotationsFragment"},{args:null,kind:"FragmentSpread",name:"SpanAsideAnnotationList_span"},{args:null,kind:"FragmentSpread",name:"AnnotationSummaryGroup"}],type:"Span",abstractKey:null}}();pm.hash="eddd0b1c2288899c1d97948a29207944";const ym=y.createContext(null);function bi(){const n=y.useContext(ym);if(n===null)throw new Error("useSpanFilterCondition must be used within a SpanFilterConditionProvider");return n}function qr(n){const[a,l]=y.useState(""),t=y.useCallback(r=>{y.startTransition(()=>{l(r)})},[]),i=y.useCallback(r=>{y.startTransition(()=>{a.length>0?l(a+" and "+r):l(r)})},[a]);return e(ym.Provider,{value:{filterCondition:a,setFilterCondition:t,appendFilterCondition:i},children:n.children})}function p3(n){const{appendFilterCondition:a}=bi(),{annotation:l,className:t}=n,{name:i,label:r,score:s}=l,d=y.useMemo(()=>{const c=[];return typeof s=="number"?(c.push({filterName:"greater than",filterCondition:`annotations['${i}'].score > ${s}`}),c.push({filterName:"less than",filterCondition:`annotations['${i}'].score < ${s}`}),c.push({filterName:"equals",filterCondition:`annotations['${i}'].score == ${s}`})):r!=null&&(c.push({filterName:"match",filterCondition:`annotations['${i}'].label == "${r}"`}),c.push({filterName:"exclude",filterCondition:`annotations['${i}'].label != "${r}"`})),c},[i,r,s]);return d.length===0?null:e("ul",{className:t,css:T`
|
|
3033
3033
|
display: flex;
|
|
@@ -3132,7 +3132,7 @@ fragment AnnotationSummaryValueFragment_4BTVrq on Project {
|
|
|
3132
3132
|
}
|
|
3133
3133
|
id
|
|
3134
3134
|
}
|
|
3135
|
-
`}}}();km.hash="3853ce97f7a810755cb61812e309942d";const bm=y.createContext(null);function il(){const n=y.useContext(bm);if(n===null)throw new Error("useStreamState must be used within a StreamStateProvider");return n}function Yv({initialFetchKey:n="initial",children:a}){const l=Dn(d=>d.traceStreamingEnabled),t=Dn(d=>d.setTraceStreamingEnabled),[i,r]=y.useState(n),s=y.useCallback(d=>{y.startTransition(()=>{r(d)})},[r]);return e(bm.Provider,{value:{isStreaming:l,setIsStreaming:t,fetchKey:i,setFetchKey:s},children:a})}function eC({annotationName:n}){var i,r;const{projectId:a}=nn(),{timeRange:l}=Ml(),t=K.useLazyLoadQuery(km,{annotationName:n,id:a,timeRange:{start:(i=l==null?void 0:l.start)==null?void 0:i.toISOString(),end:(r=l==null?void 0:l.end)==null?void 0:r.toISOString()}});return e(aC,{name:n,children:e(nC,{annotationName:n,project:t.project})})}function nC(n){var s,d,c,m;const{project:a,annotationName:l}=n,{fetchKey:t}=il(),[i,r]=K.useRefetchableFragment(hm,a);return y.useEffect(()=>{y.startTransition(()=>{r({},{fetchPolicy:"store-and-network"})})},[t,r]),e(lC,{name:l,meanScore:(s=i==null?void 0:i.spanAnnotationSummary)==null?void 0:s.meanScore,labelFractions:(d=i==null?void 0:i.spanAnnotationSummary)==null?void 0:d.labelFractions,annotationConfig:(m=(c=i==null?void 0:i.annotationConfigs)==null?void 0:c.edges.find(p=>p.node.name===l))==null?void 0:m.node})}function aC({children:n,name:a}){return o(b,{direction:"column",flex:"none",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:e(pn,{maxWidth:"120px",children:a})}),e(y.Suspense,{fallback:e(C,{size:"L",children:"--"}),children:n})]})}const $o={M:{chart:{width:24,height:24},pie:{innerRadius:8,outerRadius:11}},S:{chart:{width:16,height:16},pie:{innerRadius:6,outerRadius:8}},L:{chart:{width:32,height:32},pie:{innerRadius:10,outerRadius:13}}};function Sm(n,a,l,t){if(!t||t.annotationType!=="CATEGORICAL"||!t.values)return n[a%n.length];const r=[...t.values].sort((s,d)=>{const c=s.score??0,m=d.score??0;return(t.optimizationDirection==="MAXIMIZE"?-1:1)*(c-m)}).map(s=>s.label).indexOf(l);return n[r%n.length]}function vm(n){const a=Pn();return[fr(n),a.grey300,a.grey400,a.grey500,a.grey600]}function lC({name:n,meanScore:a,labelFractions:l,size:t="M",disableAnimation:i=!1,meanScoreFallback:r,annotationConfig:s}){const d=typeof a=="number",c=Array.isArray(l)&&l.length>0;return!d&&!c?e(C,{size:"L",children:"--"}):o(Se,{delay:0,children:[e(
|
|
3135
|
+
`}}}();km.hash="3853ce97f7a810755cb61812e309942d";const bm=y.createContext(null);function il(){const n=y.useContext(bm);if(n===null)throw new Error("useStreamState must be used within a StreamStateProvider");return n}function Yv({initialFetchKey:n="initial",children:a}){const l=Dn(d=>d.traceStreamingEnabled),t=Dn(d=>d.setTraceStreamingEnabled),[i,r]=y.useState(n),s=y.useCallback(d=>{y.startTransition(()=>{r(d)})},[r]);return e(bm.Provider,{value:{isStreaming:l,setIsStreaming:t,fetchKey:i,setFetchKey:s},children:a})}function eC({annotationName:n}){var i,r;const{projectId:a}=nn(),{timeRange:l}=Ml(),t=K.useLazyLoadQuery(km,{annotationName:n,id:a,timeRange:{start:(i=l==null?void 0:l.start)==null?void 0:i.toISOString(),end:(r=l==null?void 0:l.end)==null?void 0:r.toISOString()}});return e(aC,{name:n,children:e(nC,{annotationName:n,project:t.project})})}function nC(n){var s,d,c,m;const{project:a,annotationName:l}=n,{fetchKey:t}=il(),[i,r]=K.useRefetchableFragment(hm,a);return y.useEffect(()=>{y.startTransition(()=>{r({},{fetchPolicy:"store-and-network"})})},[t,r]),e(lC,{name:l,meanScore:(s=i==null?void 0:i.spanAnnotationSummary)==null?void 0:s.meanScore,labelFractions:(d=i==null?void 0:i.spanAnnotationSummary)==null?void 0:d.labelFractions,annotationConfig:(m=(c=i==null?void 0:i.annotationConfigs)==null?void 0:c.edges.find(p=>p.node.name===l))==null?void 0:m.node})}function aC({children:n,name:a}){return o(b,{direction:"column",flex:"none",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:e(pn,{maxWidth:"120px",children:a})}),e(y.Suspense,{fallback:e(C,{size:"L",children:"--"}),children:n})]})}const $o={M:{chart:{width:24,height:24},pie:{innerRadius:8,outerRadius:11}},S:{chart:{width:16,height:16},pie:{innerRadius:6,outerRadius:8}},L:{chart:{width:32,height:32},pie:{innerRadius:10,outerRadius:13}}};function Sm(n,a,l,t){if(!t||t.annotationType!=="CATEGORICAL"||!t.values)return n[a%n.length];const r=[...t.values].sort((s,d)=>{const c=s.score??0,m=d.score??0;return(t.optimizationDirection==="MAXIMIZE"?-1:1)*(c-m)}).map(s=>s.label).indexOf(l);return n[r%n.length]}function vm(n){const a=Pn();return[fr(n),a.grey300,a.grey400,a.grey500,a.grey600]}function lC({name:n,meanScore:a,labelFractions:l,size:t="M",disableAnimation:i=!1,meanScoreFallback:r,annotationConfig:s}){const d=typeof a=="number",c=Array.isArray(l)&&l.length>0;return!d&&!c?e(C,{size:"L",children:"--"}):o(Se,{delay:0,children:[e(pl,{children:e(tC,{name:n,meanScore:a,labelFractions:l,size:t,disableAnimation:i,meanScoreFallback:r,annotationConfig:s})}),e(Ca,{placement:"bottom",children:e(Cm,{annotationName:n,labelFractions:l,meanScore:a,annotationConfig:s})})]})}function tC({name:n,meanScore:a,labelFractions:l,size:t="M",disableAnimation:i,meanScoreFallback:r,annotationConfig:s}){const d=vm(n),c=typeof a=="number",m=l&&l.length>0;if(!c&&!m)return e(C,{size:"L",children:"--"});const p=$o[t].chart,g=$o[t].pie;return o(b,{direction:"row",alignItems:"center",justifyContent:"space-between",gap:"size-100",children:[m?e(_d,{...p,children:e(Ld,{data:l,dataKey:"fraction",nameKey:"label",cx:"50%",cy:"50%",...g,strokeWidth:0,stroke:"transparent",animationDuration:i?0:void 0,children:l.map((u,f)=>e(Dd,{fill:Sm(d,f,u.label,s)},`cell-${f}`))})}):null,e(ri,{fallback:r,value:a,size:t==="S"?t:"L"})]})}function Cm({annotationName:n,labelFractions:a,meanScore:l,annotationConfig:t}){const i=vm(n),r=typeof l=="number"&&!isNaN(l),s=a&&a.length>0;return e(v,{width:"size-2400",children:o(b,{direction:"column",gap:"size-50",children:[s&&e("ul",{children:a.map((d,c)=>e("li",{children:e(he,{color:Sm(i,c,d.label,t),name:d.label,shape:"square",value:Us(d.fraction*100)})},d.label))}),s&&r?e(oi,{}):null,r?o(b,{direction:"row",justifyContent:"space-between",children:[e(C,{children:"mean score"}),e(ri,{value:l})]}):null]})})}function Fm({name:n,labelFractions:a,annotationConfig:l}){var d;const t=a.reduce((c,m)=>Math.max(c,m.fraction),0),i=(d=a.find(c=>c.fraction===t))==null?void 0:d.label,r=a.length-1,s=r>0;return i?o(Se,{delay:0,children:[e(pl,{children:o(b,{direction:"row",alignItems:"center",gap:"size-50",maxWidth:s?"80%":"99%",children:[e(_n,{style:{maxWidth:"100%"},children:e(pn,{maxWidth:"100%",children:i})}),s&&o(_n,{children:["+ ",r]})]})}),e(Ca,{placement:"bottom",children:e(Cm,{annotationName:n,labelFractions:a,annotationConfig:l})})]}):null}const y3=n=>Object.values(n.reduce((a,l)=>(a[l.name]?new Date(a[l.name].createdAt)<new Date(l.createdAt)&&(a[l.name]=l):a[l.name]=l,a),{})),Tm=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"annotationInput",variableName:"input"}],concreteType:"SpanAnnotationMutationPayload",kind:"LinkedField",name:"createSpanNote",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanNotesEditorAddNoteMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanNotesEditorAddNoteMutation",selections:a},params:{cacheID:"855aa00f68b36e86f375e7765413ac81",id:null,metadata:{},name:"SpanNotesEditorAddNoteMutation",operationKind:"mutation",text:`mutation SpanNotesEditorAddNoteMutation(
|
|
3136
3136
|
$input: CreateSpanNoteInput!
|
|
3137
3137
|
) {
|
|
3138
3138
|
createSpanNote(annotationInput: $input) {
|
|
@@ -3203,7 +3203,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
3203
3203
|
}
|
|
3204
3204
|
`;function rC(n){var p;const[a,l]=y.useState(0),t=y.useRef(null),i=K.useLazyLoadQuery(Km,{spanNodeId:n.spanNodeId},{fetchKey:a,fetchPolicy:"store-and-network"}),[r,s]=K.useMutation(Tm),d=g=>{y.startTransition(()=>{r({variables:{input:{note:g,spanId:n.spanNodeId}}}),l(a+1)})},m=(((p=i.span)==null?void 0:p.spanAnnotations)||[]).filter(g=>g.name==="note");return y.useEffect(()=>{t.current&&t.current.scrollIntoView({behavior:"smooth"})},[m]),o(b,{direction:"column",height:"100%",justifyContent:"space-between",children:[o("ul",{css:iC,children:[m.map(g=>{var u,f,h,k;return e("li",{children:e(rk,{text:g.explanation||"",timestamp:new Date(g.createdAt),userName:((u=g.user)==null?void 0:u.username)||"system",userPicture:(f=g.user)==null?void 0:f.profilePictureUrl,isOutgoing:((h=g.user)==null?void 0:h.id)===((k=i.viewer)==null?void 0:k.id)})},g.id)}),e("div",{ref:t,"aria-hidden":"true"})]}),o(ks,{restoreFocus:!0,children:[e(Hs,{hotkey:Wi}),e(Gs,{onSendMessage:d,placeholder:"Add a note",isSending:s})]})]})}function oC(){return o(b,{direction:"column",height:"100%",justifyContent:"space-between",children:[e(v,{padding:"size-100",children:o(b,{direction:"column",gap:"size-100",height:"100%",children:[e(po,{isOutgoing:!1,height:70}),e(po,{isOutgoing:!0,height:40})]})}),e(Gs,{onSendMessage:()=>{},placeholder:"Add a note"})]})}const _i="s";function sC(n){const a=K.useFragment(pm,n.span),l=y.useRef(null),t=y.useRef(null);return qa(yo,()=>{l.current&&l.current.isCollapsed()&&l.current.expand(50)}),qa(Wi,()=>{t.current&&t.current.isCollapsed()&&t.current.expand(50)}),o(Un,{direction:"vertical",autoSaveId:"span-aside-layout",children:[e(y.Suspense,{children:e(dC,{span:a})}),e(Bi,{ref:l,resizable:!0,title:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{children:"Edit Annotations"}),e(tt,{children:yo})]}),panelProps:{order:2,minSize:10},children:e(v,{height:"100%",maxHeight:"100%",children:e(ok,{projectId:a.project.id,spanNodeId:a.id},a.id)})}),e(Bi,{ref:t,resizable:!0,title:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{children:"Notes"}),e(tt,{children:Wi})]}),panelProps:{order:3,minSize:10},children:e(v,{height:"100%",maxHeight:"100%",padding:"size-100",children:e(y.Suspense,{fallback:e(oC,{}),children:e(rC,{spanNodeId:a.id})})})})]})}function dC(n){const a=K.useFragment(gm,n.span),l=y.useRef(null);qa(_i,()=>{l.current&&l.current.isCollapsed()&&l.current.expand(50)});const t=a.spanAnnotations.length>0;return e(Bi,{ref:l,title:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{children:"Annotation Summary"}),e(tt,{children:_i})]}),disabled:!t,panelProps:{order:1,defaultSize:t?20:0,minSize:t?20:0},children:o(ks,{children:[e(Hs,{hotkey:_i}),e(v,{paddingY:"size-200",paddingX:"size-200",overflow:"auto",maxHeight:"100%",children:e(si,{span:a})})]})})}const Pm=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanFeedback_annotations",selections:[n,{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[n,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{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:[n,{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null}],storageKey:null}],storageKey:null}],type:"Span",abstractKey:null}}();Pm.hash="9a73b57370acadba7a0398c1439e9893";function cC(){return e(v,{padding:"size-400",children:o(b,{direction:"column",gap:"size-100",alignItems:"center",children:[e(C,{size:"L",children:"No annotations for this span"}),e(xl,{leadingVisual:e(x,{svg:e(ei,{})}),href:"https://arize.com/docs/phoenix/tracing/concepts-tracing/how-to-evaluate-traces",size:"S",children:"How to Annotate"})]})})}const uC=T`
|
|
3205
3205
|
overflow: auto;
|
|
3206
|
-
`;function mC({annotations:n,spanNodeId:a}){const l=y.useMemo(()=>n.map(g=>({...g,spanNodeId:a})),[n,a]),t=ve(),i=Pe(),r=y.useMemo(()=>[{header:"name",accessorKey:"name",size:100},{header:"annotator kind",accessorKey:"annotatorKind",size:100,cell:({row:g})=>{const u=g.original.annotatorKind;return e(dk,{kind:u})}},{header:"user",accessorKey:"user",size:100,cell:({row:g})=>{const u=g.original.user,f=(u==null?void 0:u.username)||"system";return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ht,{name:f,profilePictureUrl:(u==null?void 0:u.profilePictureUrl)||null,size:18}),e("span",{children:f})]})}},{header:"label",accessorKey:"label",size:100},{header:"score",accessorKey:"score",size:100},{header:"explanation",accessorKey:"explanation",cell:sk,size:400},{header:"source",accessorKey:"source",size:100},{header:"identifier",accessorKey:"identifier",size:100},{header:"metadata",accessorKey:"metadata",minSize:100,cell:({row:g})=>{const u=g.original.metadata;return u?e(Vl,{json:u,collapseSingleKey:!1}):"--"}},{header:"created at",accessorKey:"createdAt",size:100,cell:Ne},{header:"updated at",accessorKey:"updatedAt",size:100,cell:Ne},{header:"",accessorKey:"actions",size:100,cell:({row:g})=>e(ck,{annotationId:g.original.id,spanNodeId:g.original.spanNodeId,annotationName:g.original.name,onSpanAnnotationActionSuccess:t,onSpanAnnotationActionError:u=>{i({title:"Failed to update span annotation",message:u.message})}})}],[i,t]),[s,d]=y.useState([{id:"createdAt",desc:!0}]),c=Me({columns:r,data:l,getCoreRowModel:Ve(),getSortedRowModel:Tn(),onSortingChange:d,state:{sorting:s}}),p=c.getRowModel().rows.length===0;return e("div",{css:uC,children:o("table",{css:hn,"data-testid":"span-annotations-table",children:[e("thead",{children:c.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(u=>e("th",{colSpan:u.colSpan,children:u.isPlaceholder?null:e(
|
|
3206
|
+
`;function mC({annotations:n,spanNodeId:a}){const l=y.useMemo(()=>n.map(g=>({...g,spanNodeId:a})),[n,a]),t=ve(),i=Pe(),r=y.useMemo(()=>[{header:"name",accessorKey:"name",size:100},{header:"annotator kind",accessorKey:"annotatorKind",size:100,cell:({row:g})=>{const u=g.original.annotatorKind;return e(dk,{kind:u})}},{header:"user",accessorKey:"user",size:100,cell:({row:g})=>{const u=g.original.user,f=(u==null?void 0:u.username)||"system";return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ht,{name:f,profilePictureUrl:(u==null?void 0:u.profilePictureUrl)||null,size:18}),e("span",{children:f})]})}},{header:"label",accessorKey:"label",size:100},{header:"score",accessorKey:"score",size:100},{header:"explanation",accessorKey:"explanation",cell:sk,size:400},{header:"source",accessorKey:"source",size:100},{header:"identifier",accessorKey:"identifier",size:100},{header:"metadata",accessorKey:"metadata",minSize:100,cell:({row:g})=>{const u=g.original.metadata;return u?e(Vl,{json:u,collapseSingleKey:!1}):"--"}},{header:"created at",accessorKey:"createdAt",size:100,cell:Ne},{header:"updated at",accessorKey:"updatedAt",size:100,cell:Ne},{header:"",accessorKey:"actions",size:100,cell:({row:g})=>e(ck,{annotationId:g.original.id,spanNodeId:g.original.spanNodeId,annotationName:g.original.name,onSpanAnnotationActionSuccess:t,onSpanAnnotationActionError:u=>{i({title:"Failed to update span annotation",message:u.message})}})}],[i,t]),[s,d]=y.useState([{id:"createdAt",desc:!0}]),c=Me({columns:r,data:l,getCoreRowModel:Ve(),getSortedRowModel:Tn(),onSortingChange:d,state:{sorting:s}}),p=c.getRowModel().rows.length===0;return e("div",{css:uC,children:o("table",{css:hn,"data-testid":"span-annotations-table",children:[e("thead",{children:c.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(u=>e("th",{colSpan:u.colSpan,children:u.isPlaceholder?null:e(Z,{children:o("div",{className:u.column.getCanSort()?"sort":"",onClick:u.column.getToggleSortingHandler(),style:{display:"flex",alignItems:"center",left:u.getStart(),width:u.getSize()},children:[e(pn,{maxWidth:"100%",children:ee(u.column.columnDef.header,u.getContext())}),u.column.getIsSorted()?e(x,{className:"sort-icon",svg:u.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]})})},u.id))},g.id))}),p?e(wn,{}):e("tbody",{children:c.getRowModel().rows.map(g=>e("tr",{children:g.getVisibleCells().map(u=>e("td",{style:{width:u.column.getSize()},children:ee(u.column.columnDef.cell,u.getContext())},u.id))},g.id))})]})})}function gC({span:n}){const a=K.useFragment(Pm,n),l=a.spanAnnotations;return a.spanAnnotations.length>0?e(mC,{annotations:l,spanNodeId:a.id}):e(cC,{})}function pC(n){return n==="__REDACTED__"}const yC=T`
|
|
3207
3207
|
position: relative;
|
|
3208
3208
|
overflow: hidden;
|
|
3209
3209
|
width: 200px;
|
|
@@ -3282,7 +3282,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
3282
3282
|
display: block;
|
|
3283
3283
|
height: var(--ac-global-dimension-static-size-400);
|
|
3284
3284
|
}
|
|
3285
|
-
`;function TC({children:n}){return e("div",{css:FC,"data-testid":"span-info-wrap",children:n})}function KC({span:n,buttonText:a}){const l=ve(),t=Ce();return o(W,{children:[e(M,{variant:"default",size:"S",leadingVisual:e(x,{svg:e(ur,{})}),children:a}),e(Y,{children:e(
|
|
3285
|
+
`;function TC({children:n}){return e("div",{css:FC,"data-testid":"span-info-wrap",children:n})}function KC({span:n,buttonText:a}){const l=ve(),t=Ce();return o(W,{children:[e(M,{variant:"default",size:"S",leadingVisual:e(x,{svg:e(ur,{})}),children:a}),e(Y,{children:e(X,{variant:"slideover",size:"L",children:e(y.Suspense,{fallback:e(fe,{}),children:e(kC,{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 PC({span:n}){const{spanKind:a,attributes:l}=n,{json:t,parseError:i}=bC(l),r=y.useMemo(()=>n.statusMessage?e(Ie,{variant:"danger",title:"Status Description",children:n.statusMessage}):null,[n]);if(i||!t)return e(v,{padding:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[r,e(Ie,{variant:"warning",title:"Un-parsable attributes",children:`Failed to parse span attributes. ${i instanceof Error?i.message:""}`}),e(U,{...Ye,title:"Attributes",children:e(v,{padding:"size-100",children:l})})]})});let s;switch(a){case"llm":{s=e(IC,{span:n,spanAttributes:t});break}case"retriever":{s=e(xC,{span:n,spanAttributes:t});break}case"reranker":{s=e(LC,{span:n,spanAttributes:t});break}case"embedding":{s=e(DC,{span:n,spanAttributes:t});break}case"tool":{s=e(_C,{span:n,spanAttributes:t});break}default:s=e(Lm,{span:n})}return e(v,{padding:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[r,s,t!=null&&t.metadata?e(U,{...Ye,title:"Metadata",children:e(Ja,{children:JSON.stringify(t.metadata)})}):null]})})}function IC(n){const{spanAttributes:a,span:l}=n,{input:t,output:i}=l,r=y.useMemo(()=>a[ze.llm]||null,[a]),s=r==null?void 0:r[vn.provider],d=y.useMemo(()=>{if(r==null)return null;const I=r[vn.model_name];return typeof I=="string"?I:null},[r]),c=y.useMemo(()=>{if(r==null)return[];const I=r[vn.input_messages];return No(I)?(I==null?void 0:I.map(R=>R[ze.message]).filter(Boolean))||[]:[]},[r]),m=y.useMemo(()=>{if(r==null)return[];const I=r[vn.tools];return Array.isArray(I)?I==null?void 0:I.map(V=>V[ze.tool]).filter(Boolean):[]},[r]),p=y.useMemo(()=>m.reduce((I,R)=>(R!=null&&R.json_schema&&I.push(R.json_schema),I),[]),[m]),g=y.useMemo(()=>{if(r==null)return[];const I=r[vn.output_messages];return No(I)?I.map(R=>R[ze.message]).filter(Boolean)||[]:[]},[r]),u=y.useMemo(()=>{if(r==null)return[];const I=r[vn.prompts];return pk(I)?I:[]},[r]),f=y.useMemo(()=>{if(r==null)return null;const I=r[vn.prompt_template];return I??null},[r]),h=y.useMemo(()=>r==null?"{}":r[vn.invocation_parameters]||"{}",[r]),k=y.useMemo(()=>{if(d==null)return null;let I=e(hr,{spanKind:"llm"});const R=s==null?void 0:s.toUpperCase();return typeof R=="string"&&sr(R)&&(I=e(Ha,{provider:R})),o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[I,e(C,{size:"M",weight:"heavy",children:d})]})},[d,s]),S=t!=null&&t.value!=null,F=c.length>0,P=p.length>0,L=i!=null&&i.value!=null,D=g.length>0,j=u.length>0,w=Object.keys(fn(h).json||{}).length>0,z=f!=null;return o(b,{direction:"column",gap:"size-200",children:[e(U,{collapsible:!0,backgroundColor:"light",borderColor:"light",titleSeparator:!1,title:k,children:o(Ln,{children:[o(xn,{children:[F&&e(se,{id:"input-messages",children:"Input Messages"}),P&&e(se,{id:"tools",children:"Tools"}),S&&e(se,{id:"input",children:"Input"}),z&&e(se,{id:"prompt-template",children:"Prompt Template"}),j&&e(se,{id:"prompts",children:"Prompts"}),w&&e(se,{id:"invocation-params",children:"Invocation Params"})]}),F&&e(be,{id:"input-messages",children:e(Oo,{messages:c})}),P&&e(be,{id:"tools",children:e(RC,{toolSchemas:p})}),S&&e(be,{id:"input",children:e(v,{padding:"size-200",children:e(Gn,{children:e(U,{...Ye,title:"LLM Input",extra:o(b,{direction:"row",gap:"size-100",children:[e(Ta,{}),e(Te,{text:t.value})]}),children:e(_a,{...t})})})})}),z&&e(be,{id:"prompt-template",children:e(v,{padding:"size-200",children:o(b,{direction:"column",gap:"size-100",children:[e(v,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:o(Et,{text:f.template,children:[e(C,{color:"text-700",fontStyle:"italic",children:"prompt template"}),e(Dm,{children:f.template})]})}),e(v,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:o(Et,{text:JSON.stringify(f.variables),children:[e(C,{color:"text-700",fontStyle:"italic",children:"template variables"}),e(Ja,{children:JSON.stringify(f.variables)})]})})]})})}),j&&e(be,{id:"prompts",children:e(MC,{prompts:u})}),w&&e(be,{id:"invocation-params",children:e(Et,{text:h,padding:"size-100",children:e(Ja,{children:h})})})]})}),L||D?e(lr,{...Ye,children:o(Ln,{children:[o(xn,{children:[D&&e(se,{id:"output-messages",children:"Output Messages"}),L&&e(se,{id:"output",children:"Output"})]}),D&&e(be,{id:"output-messages",children:e(Oo,{messages:g})}),L&&e(be,{id:"output",children:e(v,{padding:"size-200",children:e(Gn,{children:e(U,{...Ye,title:"LLM Output",extra:o(b,{direction:"row",gap:"size-100",children:[e(Ta,{}),e(Te,{text:i.value})]}),children:e(_a,{...i})})})})})]})}):null]})}function xC(n){const{spanAttributes:a,span:l}=n,{input:t}=l,i=y.useMemo(()=>a[ze.retrieval]||null,[a]),r=y.useMemo(()=>{var g;return i==null?[]:((g=i[xf.documents])==null?void 0:g.map(u=>u[ze.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(Gn,{children:e(U,{title:"Input",...Ye,extra:e(b,{direction:"row",gap:"size-100",alignItems:"center",children:c?e(Ta,{}):e(Te,{text:t.value})}),children:e(_a,{...t})})}):null,m?e(Gn,{children:e(U,{title:"Documents",...Ye,titleExtra:p&&e(b,{direction:"row",alignItems:"center",gap:"size-100",children:l.documentRetrievalMetrics.map(g=>o(Z,{children:[e(Bn,{name:g.evaluationName,metric:"ndcg",score:g.ndcg},"ndcg"),e(Bn,{name:g.evaluationName,metric:"precision",score:g.precision},"precision"),e(Bn,{name:g.evaluationName,metric:"hit",score:g.hit},"hit")]}))}),extra:e(Ta,{}),children:e("ul",{css:T`
|
|
3286
3286
|
display: flex;
|
|
3287
3287
|
flex-direction: column;
|
|
3288
3288
|
gap: var(--ac-global-dimension-static-size-200);
|
|
@@ -3306,7 +3306,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
3306
3306
|
.cm-editor {
|
|
3307
3307
|
background-color: transparent !important;
|
|
3308
3308
|
}
|
|
3309
|
-
`,children:e(Ja,{basicSetup:{lineNumbers:!1,foldGutter:!1},children:JSON.stringify(f)})})]})}):null]})}):null]})}const AC=["irrelevant","unrelated"];function Ji({document:n,documentEvaluations:a,backgroundColor:l,borderColor:t,tokenColor:i}){const r=n[ql.metadata],s=a&&a.length,d=n[ql.content];return e(U,{...Ye,backgroundColor:l,borderColor:t,title:o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[e(x,{svg:e(Zs,{})}),o(oe,{level:4,children:["document ",n[ql.id]]})]}),extra:typeof n[ql.score]=="number"&&e(_n,{color:i,children:`score ${Nl(n[ql.score])}`}),children:o(b,{direction:"column",children:[d&&e(Ga,{children:d}),r&&e(
|
|
3309
|
+
`,children:e(Ja,{basicSetup:{lineNumbers:!1,foldGutter:!1},children:JSON.stringify(f)})})]})}):null]})}):null]})}const AC=["irrelevant","unrelated"];function Ji({document:n,documentEvaluations:a,backgroundColor:l,borderColor:t,tokenColor:i}){const r=n[ql.metadata],s=a&&a.length,d=n[ql.content];return e(U,{...Ye,backgroundColor:l,borderColor:t,title:o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[e(x,{svg:e(Zs,{})}),o(oe,{level:4,children:["document ",n[ql.id]]})]}),extra:typeof n[ql.score]=="number"&&e(_n,{color:i,children:`score ${Nl(n[ql.score])}`}),children:o(b,{direction:"column",children:[d&&e(Ga,{children:d}),r&&e(Z,{children:o(v,{borderColor:t,borderTopWidth:"thin",children:[e(v,{paddingX:"size-200",paddingY:"size-100",borderColor:t,borderBottomWidth:"thin",children:e(oe,{level:4,children:"Document Metadata"})}),e(Ja,{basicSetup:{lineNumbers:!1},children:JSON.stringify(r)})]})}),s&&e(v,{borderColor:t,borderTopWidth:"thin",padding:"size-200",children:o(b,{direction:"column",gap:"size-100",children:[e(oe,{level:3,weight:"heavy",children:"Evaluations"}),e("ul",{children:a.map((c,m)=>{const p=c.label&&AC.includes(c.label)?"var(--ac-global-color-danger)":i;return e("li",{children:e(v,{padding:"size-200",borderWidth:"thin",borderColor:t,borderRadius:"medium",children:o(b,{direction:"column",gap:"size-50",children:[o(b,{direction:"row",gap:"size-100",children:[e(C,{weight:"heavy",elementType:"h5",children:c.name}),c.label&&e(_n,{color:p,children:c.label}),typeof c.score=="number"&&e(_n,{color:p,children:o(b,{direction:"row",gap:"size-50",children:[e(C,{size:"XS",weight:"heavy",color:"inherit",children:"score"}),e(C,{size:"XS",children:ai(c.score)})]})})]}),typeof c.explanation&&e("p",{css:T`
|
|
3310
3310
|
margin-top: var(
|
|
3311
3311
|
--ac-global-dimension-static-size-100
|
|
3312
3312
|
);
|
|
@@ -3393,7 +3393,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
3393
3393
|
.ac-icon-wrap {
|
|
3394
3394
|
color: var(--px-event-icon-color);
|
|
3395
3395
|
}
|
|
3396
|
-
`,children:e(x,{svg:t?e(gk,{}):e(
|
|
3396
|
+
`,children:e(x,{svg:t?e(gk,{}):e(yl,{})})})}),o(b,{direction:"column",gap:"size-25",flex:"1 1 auto",children:[e(C,{weight:"heavy",children:a.name}),e(C,{color:"text-700",children:a.message})]}),e(v,{children:e(C,{color:"text-700",children:new Date(a.timestamp).toLocaleString()})})]})},l)})})}const _m=e(b,{alignItems:"center",justifyContent:"center",children:e(v,{marginStart:"size-100",children:o(ut,{children:[e(oe,{weight:"heavy",level:4,children:"Span Attributes"}),e(gl,{children:e(C,{children:"Attributes are key-value pairs that represent metadata associated with a span. For detailed descriptions of specific attributes, consult the semantic conventions section of the OpenInference tracing specification."})}),e("footer",{children:e(ra,{href:"https://github.com/Arize-ai/openinference/blob/main/spec/semantic_conventions.md",children:"Semantic Conventions"})})]})})}),Am={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"TraceHeaderRootSpanAnnotationsFragment",selections:[{args:null,kind:"FragmentSpread",name:"AnnotationSummaryGroup"}],type:"Span",abstractKey:null};Am.hash="1926def8a20ce2131c00ccd01efe9fb6";const wm=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],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={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},s={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"TraceHeaderRootSpanAnnotationsQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"TraceHeaderRootSpanAnnotationsFragment"}],type:"Span",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"TraceHeaderRootSpanAnnotationsQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"InlineFragment",selections:[{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:[r,s],storageKey:null}],type:"CategoricalAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[t],type:"Node",abstractKey:"__isNode"}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[t,i,r,s,{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},{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},r],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null},i],storageKey:null}],type:"Span",abstractKey:null},t],storageKey:null}]},params:{cacheID:"e9ed5ba3e066bebd2161b440786fb0b9",id:null,metadata:{},name:"TraceHeaderRootSpanAnnotationsQuery",operationKind:"query",text:`query TraceHeaderRootSpanAnnotationsQuery(
|
|
3397
3397
|
$spanId: ID!
|
|
3398
3398
|
) {
|
|
3399
3399
|
span: node(id: $spanId) {
|
|
@@ -3500,7 +3500,7 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
3500
3500
|
// so just spot adjust the min height here
|
|
3501
3501
|
min-height: 31px;
|
|
3502
3502
|
}
|
|
3503
|
-
`,children:o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[o(Se,{delay:100,children:[e(M,{size:"S",id:"next",leadingVisual:e(x,{svg:e(Ys,{})}),"aria-label":"Next trace",isDisabled:!c,onPress:()=>{y.startTransition(()=>{t(n)})}}),e(Vt,{offset:4,children:e(v,{backgroundColor:"dark",borderWidth:"thin",borderColor:"dark",borderRadius:"medium",padding:"size-100",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{children:"Next trace"}),e(tt,{children:Bo})]})})})]}),o(Se,{delay:100,children:[e(M,{size:"S",id:"previous",leadingVisual:e(x,{svg:e(ed,{})}),"aria-label":"Previous trace",isDisabled:!d,onPress:()=>{y.startTransition(()=>{l(n)})}}),e(Vt,{offset:4,children:e(v,{backgroundColor:"dark",borderWidth:"thin",borderColor:"dark",borderRadius:"medium",padding:"size-100",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{children:"Previous trace"}),e(tt,{children:qo})]})})})]})]})})};function f3(){const{traceId:n,projectId:a}=nn(),[l]=yn(),t=Ce(),{rootPath:i,tab:r}=Si(),d=l.get(Mn)||n;return e(Y,{isOpen:!0,onOpenChange:c=>{c||t(`${i}/${r}`)},children:e(
|
|
3503
|
+
`,children:o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[o(Se,{delay:100,children:[e(M,{size:"S",id:"next",leadingVisual:e(x,{svg:e(Ys,{})}),"aria-label":"Next trace",isDisabled:!c,onPress:()=>{y.startTransition(()=>{t(n)})}}),e(Vt,{offset:4,children:e(v,{backgroundColor:"dark",borderWidth:"thin",borderColor:"dark",borderRadius:"medium",padding:"size-100",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{children:"Next trace"}),e(tt,{children:Bo})]})})})]}),o(Se,{delay:100,children:[e(M,{size:"S",id:"previous",leadingVisual:e(x,{svg:e(ed,{})}),"aria-label":"Previous trace",isDisabled:!d,onPress:()=>{y.startTransition(()=>{l(n)})}}),e(Vt,{offset:4,children:e(v,{backgroundColor:"dark",borderWidth:"thin",borderColor:"dark",borderRadius:"medium",padding:"size-100",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{children:"Previous trace"}),e(tt,{children:qo})]})})})]})]})})};function f3(){const{traceId:n,projectId:a}=nn(),[l]=yn(),t=Ce(),{rootPath:i,tab:r}=Si(),d=l.get(Mn)||n;return e(Y,{isOpen:!0,onOpenChange:c=>{c||t(`${i}/${r}`)},children:e(X,{variant:"slideover",size:"fullscreen",children:e(J,{children:({close:c})=>o(ce,{children:[o(ue,{children:[e(me,{children:"Trace Details"}),o(pe,{children:[e(WC,{currentId:d}),e(kk,{preserveSearchParams:!0,buttonText:"Share",tooltipText:"Copy trace link to clipboard",successText:"Trace link copied to clipboard"}),e(ye,{close:c})]})]}),e(y.Suspense,{fallback:e(fe,{}),children:e(Ur,{traceId:n,projectId:a})})]})})})})}function Vm({traceId:n,projectId:a,title:l}){return e(J,{children:({close:t})=>o(ce,{children:[o(ue,{children:[e(me,{children:l}),o(pe,{children:[e(Ea,{size:"S",to:`/projects/${a}/traces/${n}`,children:"View Trace in Project"}),e(ye,{close:t})]})]}),e(y.Suspense,{fallback:e(fe,{}),children:e(Ur,{traceId:n,projectId:a})})]})})}const JC=n=>{const a=n;return ka(a.function)?typeof a.function.arguments=="string":!1};function zm({toolCall:n}){const a=y.useMemo(()=>{const{provider:l,validatedToolCall:t}=bk(n);switch(l){case"OPENAI":case"AZURE_OPENAI":return{name:t.function.name,input:t.function.arguments};case"ANTHROPIC":return{name:t.name,input:t.input};case"AWS":return{name:t.toolUse.name,input:t.toolUse.input};case"UNKNOWN":{if(!JC(n))return null;const{json:i}=fn(n.function.arguments);return{name:n.function.name??"",input:ka(i)?i:n.function.arguments}}default:return $e()}},[n]);return a==null?o(C,{children:["Invalid tool call format: ",JSON.stringify(n)]}):o("pre",{css:T`
|
|
3504
3504
|
text-wrap: wrap;
|
|
3505
3505
|
margin: var(--ac-global-dimension-static-size-100) 0;
|
|
3506
3506
|
margin-block: 0;
|
|
@@ -3536,11 +3536,11 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
3536
3536
|
max-height: 300px;
|
|
3537
3537
|
overflow-y: auto;
|
|
3538
3538
|
padding: var(--ac-global-dimension-static-size-200);
|
|
3539
|
-
`,children:n})}function YC({getValue:n,collapseSingleKey:a}){const l=n();return e(Nm,{children:e(Vl,{json:l,space:2,collapseSingleKey:a})})}function eF({isRunning:n,instanceVariables:a,datasetExampleInput:l}){const t=y.useMemo(()=>ka(l)?l:{},[l]),i=y.useMemo(()=>a.filter(r=>t[r]==null),[t,a]);return n?e(fe,{}):i.length===0?null:e(Br,{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 nF({exampleData:n}){var p,g;const{span:a,content:l,toolCalls:t,errorMessage:i,experimentRunId:r}=n,s=a!=null,d=r!=null,[,c]=yn(),m=y.useMemo(()=>{if(s||d)return o(
|
|
3539
|
+
`,children:n})}function YC({getValue:n,collapseSingleKey:a}){const l=n();return e(Nm,{children:e(Vl,{json:l,space:2,collapseSingleKey:a})})}function eF({isRunning:n,instanceVariables:a,datasetExampleInput:l}){const t=y.useMemo(()=>ka(l)?l:{},[l]),i=y.useMemo(()=>a.filter(r=>t[r]==null),[t,a]);return n?e(fe,{}):i.length===0?null:e(Br,{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 nF({exampleData:n}){var p,g;const{span:a,content:l,toolCalls:t,errorMessage:i,experimentRunId:r}=n,s=a!=null,d=r!=null,[,c]=yn(),m=y.useMemo(()=>{if(s||d)return o(Z,{children:[d&&o(W,{children:[o(Se,{children:[e(Rn,{size:"S","aria-label":"View experiment run details",children:e(x,{svg:e(it,{})})}),o(Be,{children:[e(Ze,{}),"view experiment run"]})]}),e(Y,{children:e(X,{variant:"slideover",size:"L",children:e(Bv,{runId:r})})})]}),s&&e(Z,{children:o(W,{onOpenChange:u=>{u||c(f=>{const h=new URLSearchParams(f);return h.delete(Mn),h},{replace:!0})},children:[o(Se,{children:[e(Rn,{size:"S","aria-label":"View run trace",children:e(x,{svg:e(ni,{})})}),o(Be,{children:[e(Ze,{}),"view run trace"]})]}),e(Y,{children:e(X,{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(Tl,{extra:m,children:a?o(b,{direction:"row",gap:"size-100",alignItems:"center",height:"100%",children:[e(cn,{latencyMs:a.latencyMs||0,size:"S"}),e(ti,{tokenCountTotal:a.tokenCountTotal||0,nodeId:a.id}),e(ii,{totalCost:((g=(p=a.costSummary)==null?void 0:p.total)==null?void 0:g.cost)||0,spanNodeId:a.id})]}):e(C,{color:"text-500",fontStyle:"italic",children:"generating..."})}),e(v,{padding:"size-200",children:o(b,{direction:"column",gap:"size-100",children:[i!=null?e(Br,{children:i},"error-message"):null,l!=null?e(C,{children:l},"content"):null,t!=null?Object.values(t).map(u=>u==null?null:e(zm,{toolCall:u},u.id)):null]},"content-wrap")})]})}const aF=y.memo(function({isRunning:a,instanceId:l,exampleId:t,instanceVariables:i,datasetExampleInput:r}){const s=Sl(d=>{var c;return(c=d.exampleResponsesMap[l])==null?void 0:c[t]});return s==null?e(eF,{isRunning:a,instanceVariables:i,datasetExampleInput:r}):e(nF,{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:ee(l.column.columnDef.cell,l.getContext())},l.id))},a.id))})}const lF=y.memo($m,(n,a)=>n.table.options.data===a.table.options.data);function tF({datasetId:n}){const a=K.useRelayEnvironment(),l=B(Q=>Q.instances),t=B(Q=>Q.allInstanceMessages),i=B(Q=>Q.templateFormat),r=B(Q=>Q.updateInstance),s=Sl(Q=>Q.updateExampleData),d=Sl(Q=>Q.setExampleDataForInstance),c=Sl(Q=>Q.resetExampleData),m=Sl(Q=>Q.appendExampleDataToolCallChunk),p=Sl(Q=>Q.appendExampleDataTextChunk),[,g]=yn(),u=l.some(Q=>Q.activeRunId!==null),f=ml(Q=>Q),h=B(Q=>Q.markPlaygroundInstanceComplete),k=Bl(),S=Pe(),F=y.useCallback(Q=>te=>{var Le;if(te==null)return;const re=te.chatCompletionOverDataset;switch(re.__typename){case"ChatCompletionSubscriptionExperiment":r({instanceId:Q,patch:{experimentId:re.experiment.id},dirty:null});break;case"ChatCompletionSubscriptionResult":if(re.datasetExampleId==null)return;s({instanceId:Q,exampleId:re.datasetExampleId,patch:{span:re.span,experimentRunId:(Le=re.experimentRun)==null?void 0:Le.id}});break;case"ChatCompletionSubscriptionError":if(re.datasetExampleId==null)return;s({instanceId:Q,exampleId:re.datasetExampleId,patch:{errorMessage:re.message}});break;case"TextChunk":if(re.datasetExampleId==null)return;p({instanceId:Q,exampleId:re.datasetExampleId,textChunk:re.content});break;case"ToolCallChunk":{if(re.datasetExampleId==null)return;m({instanceId:Q,exampleId:re.datasetExampleId,toolCallChunk:re});break}case"%other":return;default:return $e()}},[p,m,s,r]),[P]=K.useMutation(lm),L=y.useCallback(Q=>(te,re)=>{if(h(Q),re){S({title:"Chat completion failed",message:re[0].message});return}r({instanceId:Q,patch:{experimentId:te.chatCompletionOverDataset.experimentId},dirty:null}),d({instanceId:Q,data:XC(te.chatCompletionOverDataset)})},[h,S,d,r]);y.useEffect(()=>{if(!u)return;const{instances:Q,streaming:te,updateInstance:re}=k.getState();if(c(),te){const Le=[];for(const _e of Q){const{activeRunId:ua}=_e;if(re({instanceId:_e.id,patch:{experimentId:null},dirty:null}),ua===null)continue;const ma={input:Io({credentials:f,instanceId:_e.id,playgroundStore:k,datasetId:n})},_={subscription:tm,variables:ma,onNext:F(_e.id),onCompleted:()=>{h(_e.id)},onError:q=>{h(_e.id);const ae=ad(q);ae!=null&&ae.length>0?S({title:"Failed to get output",message:ae.join(`
|
|
3540
3540
|
`),expireMs:1e4}):S({title:"Failed to get output",message:q.message,expireMs:1e4})}},O=ct.requestSubscription(a,_);Le.push(O)}return()=>{for(const _e of Le)_e.dispose()}}else{const Le=[];for(const _e of Q){const{activeRunId:ua}=_e;if(ua===null)continue;re({instanceId:_e.id,patch:{experimentId:null},dirty:null});const ma={input:Io({credentials:f,instanceId:_e.id,playgroundStore:k,datasetId:n})},_=P({variables:ma,onCompleted:L(_e.id),onError(O){h(_e.id);const q=je(O);q!=null&&q.length>0?S({title:"Failed to get output",message:q.join(`
|
|
3541
|
-
`),expireMs:1e4}):S({title:"Failed to get output",message:O.message,expireMs:1e4})}});Le.push(_)}return()=>{for(const _e of Le)_e.dispose()}}},[f,n,a,P,u,h,S,L,F,k,c]);const{dataset:D}=K.useLazyLoadQuery(om,{datasetId:n}),j=y.useRef(null),{data:w,loadNext:z,hasNext:I,isLoadingNext:R}=K.usePaginationFragment(rm,D),V=y.useMemo(()=>w.examples.edges.map(Q=>{const te=Q.example,re=te.revision;return{id:te.id,input:re.input,output:re.output}}),[w]),A=y.useMemo(()=>l.map((Q,te)=>{const re=pi(Q,t),Le=Qd({instance:re,templateFormat:i});return{id:`instance-${Q.id}`,header:()=>o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(kr,{index:te}),e("span",{children:"Output"})]}),cell:({row:_e})=>e(aF,{instanceId:Q.id,exampleId:_e.original.id,isRunning:u,instanceVariables:Le,datasetExampleInput:_e.original.input}),size:500}}),[u,l,i,t]),E=[{header:"input",accessorKey:"input",cell:({row:Q})=>o(
|
|
3541
|
+
`),expireMs:1e4}):S({title:"Failed to get output",message:O.message,expireMs:1e4})}});Le.push(_)}return()=>{for(const _e of Le)_e.dispose()}}},[f,n,a,P,u,h,S,L,F,k,c]);const{dataset:D}=K.useLazyLoadQuery(om,{datasetId:n}),j=y.useRef(null),{data:w,loadNext:z,hasNext:I,isLoadingNext:R}=K.usePaginationFragment(rm,D),V=y.useMemo(()=>w.examples.edges.map(Q=>{const te=Q.example,re=te.revision;return{id:te.id,input:re.input,output:re.output}}),[w]),A=y.useMemo(()=>l.map((Q,te)=>{const re=pi(Q,t),Le=Qd({instance:re,templateFormat:i});return{id:`instance-${Q.id}`,header:()=>o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(kr,{index:te}),e("span",{children:"Output"})]}),cell:({row:_e})=>e(aF,{instanceId:Q.id,exampleId:_e.original.id,isRunning:u,instanceVariables:Le,datasetExampleInput:_e.original.input}),size:500}}),[u,l,i,t]),E=[{header:"input",accessorKey:"input",cell:({row:Q})=>o(Z,{children:[e(Tl,{extra:o(Se,{children:[e(Rn,{size:"S","aria-label":"View example details",onPress:()=>{g(te=>(te.set("exampleId",Q.original.id),te))},children:e(x,{svg:e(it,{})})}),o(Be,{children:[e(Ze,{}),"view example"]})]}),children:e(C,{color:"text-500",css:T`
|
|
3542
3542
|
white-space: nowrap;
|
|
3543
|
-
`,children:`Example ${Q.original.id}`})}),e(Nm,{children:e(Vl,{json:Q.original.input,disableTitle:!0,space:2,collapseSingleKey:!1})})]}),size:200},{header:"reference output",accessorKey:"output",cell:Q=>o(
|
|
3543
|
+
`,children:`Example ${Q.original.id}`})}),e(Nm,{children:e(Vl,{json:Q.original.input,disableTitle:!0,space:2,collapseSingleKey:!1})})]}),size:200},{header:"reference output",accessorKey:"output",cell:Q=>o(Z,{children:[e(Tl,{children:e(C,{color:"text-500",children:"reference output"})}),e(YC,{...Q,collapseSingleKey:!0})]}),size:200},...A],$=Me({columns:E,data:V,getCoreRowModel:Ve(),columnResizeMode:"onChange"}),le=$.getRowModel().rows.length===0,De=y.useCallback(Q=>{if(Q){const{scrollHeight:te,scrollTop:re,clientHeight:Le}=Q;te-re-Le<300&&!R&&I&&z(ZC)}},[I,R,z]),Je=y.useMemo(()=>{const Q=$.getFlatHeaders(),te={};for(let re=0;re<Q.length;re++){const Le=Q[re];te[`--header-${Le.id}-size`]=Le.getSize(),te[`--col-${Le.column.id}-size`]=Le.column.getSize()}return te},[$.getState().columnSizingInfo,$.getState().columnSizing,E.length]);return e("div",{css:T`
|
|
3544
3544
|
flex: 1 1 auto;
|
|
3545
3545
|
overflow: auto;
|
|
3546
3546
|
height: 100%;
|
|
@@ -3634,9 +3634,9 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
3634
3634
|
}
|
|
3635
3635
|
}
|
|
3636
3636
|
}
|
|
3637
|
-
`}}}();Qm.hash="ea9edc5ec856a42e5e53663d6a570de1";function pF({spanId:n}){var r,s;const[,a]=yn(),l=K.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(v,{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(cn,{size:"S",latencyMs:l.span.latencyMs||0}),e(ti,{tokenCountTotal:l.span.tokenCountTotal||0,nodeId:l.span.id,size:"S"}),i!=null&&e(ii,{totalCost:i,spanNodeId:l.span.id,size:"S"})]}),o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[o(W,{children:[e(M,{size:"S",leadingVisual:e(x,{svg:e(el,{})}),children:"Annotate"}),e(Y,{children:e(
|
|
3637
|
+
`}}}();Qm.hash="ea9edc5ec856a42e5e53663d6a570de1";function pF({spanId:n}){var r,s;const[,a]=yn(),l=K.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(v,{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(cn,{size:"S",latencyMs:l.span.latencyMs||0}),e(ti,{tokenCountTotal:l.span.tokenCountTotal||0,nodeId:l.span.id,size:"S"}),i!=null&&e(ii,{totalCost:i,spanNodeId:l.span.id,size:"S"})]}),o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[o(W,{children:[e(M,{size:"S",leadingVisual:e(x,{svg:e(el,{})}),children:"Annotate"}),e(Y,{children:e(X,{variant:"slideover",size:"S",children:e(id,{spanNodeId:n,projectId:t.project.id})})})]}),o(W,{onOpenChange:d=>{d||a(c=>(c.delete(Mn),c))},children:[e(M,{size:"S",leadingVisual:e(x,{svg:e(ni,{})}),children:"View Trace"}),e(Y,{children:e(X,{variant:"slideover",size:"fullscreen",children:e(y.Suspense,{fallback:e(fe,{}),children:e(Vm,{traceId:t.traceId,projectId:t.project.id,title:"Playground Trace"})})})})]})]})]})})}function yF({index:n,title:a}){return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(kr,{index:n}),e("span",{children:a})]})}const Ho=n=>ka(n)&&"id"in n&&(typeof n.id=="string"||typeof n.id=="number")?n.id:ka(n)&&"toolUse"in n&&ka(n.toolUse)&&"toolUseId"in n.toolUse&&(typeof n.toolUse.toolUseId=="string"||typeof n.toolUse.toolUseId=="number")?n.toolUse.toolUseId:JSON.stringify(n);function Go({message:n}){const{role:a,content:l,toolCalls:t}=n,i=kt(a);return o(U,{title:a,...i,extra:e(Ta,{}),children:[l!=null&&!Array.isArray(l)&&e(Ga,{children:l}),t&&t.length>0?t.map(r=>e(v,{paddingX:"size-200",paddingY:"size-200",borderTopWidth:"thin",borderTopColor:"blue-500",children:e(zm,{toolCall:r},Ho(r))},`tool-call-${Ho(r)}`)):null]})}function fF({content:n,partialToolCalls:a}){return Mb(n)?n.map((l,t)=>e(Go,{message:l},t)):typeof n=="string"||a.length>0?e(Go,{message:{id:Oa(),content:n,role:"ai",toolCalls:a}}):"click run to see output"}function hF(n){const a=n.playgroundInstanceId,l=B(V=>V.instances),t=B(V=>V.streaming),i=ml(V=>V),r=B(V=>V.instances.findIndex(A=>A.id===a)),s=l.find(V=>V.id===a),d=B(V=>V.updateInstance),[c,m]=y.useState(null),p=B(V=>V.markPlaygroundInstanceComplete),g=K.useRelayEnvironment(),u=Bl();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]=K.useMutation(jm),S=(s==null?void 0:s.activeRunId)!=null,F=Pe(),P=y.useCallback(({title:V,message:A,...E})=>{m({title:V,message:A}),F({title:V,message:A,...E})},[F]),[L,D]=y.useState(s.output),[j,w]=y.useState([]),z=y.useCallback(({chatCompletion:V})=>{if(h(!1),V.__typename==="TextChunk"){const A=V.content;D(E=>E!=null?E+A:A);return}else if(V.__typename==="ToolCallChunk"){w(A=>{let E=!1;const $=A.map(N=>N.id===V.id?(E=!0,{...N,function:{...N.function,arguments:N.function.arguments+V.function.arguments}}):N);return E||$.push({id:V.id,function:{name:V.function.name,arguments:V.function.arguments}}),$});return}if(V.__typename==="ChatCompletionSubscriptionResult"&&V.span!=null){d({instanceId:a,patch:{spanId:V.span.id},dirty:null});return}V.__typename==="ChatCompletionSubscriptionError"&&(p(n.playgroundInstanceId),V.message!=null&&P({title:"Chat completion failed",message:V.message}))},[a,p,P,n.playgroundInstanceId,d]),I=y.useCallback((V,A)=>{if(h(!1),p(n.playgroundInstanceId),d({instanceId:a,patch:{spanId:V.chatCompletion.span.id},dirty:null}),A){P({title:"Chat completion failed",message:A[0].message});return}if(V.chatCompletion.errorMessage!=null){P({title:"Chat completion failed",message:V.chatCompletion.errorMessage});return}D(V.chatCompletion.content??void 0),w(V.chatCompletion.toolCalls)},[a,p,P,n.playgroundInstanceId,d]),R=y.useCallback(()=>{D(void 0),w([]),m(null),d({instanceId:a,patch:{spanId:null},dirty:null})},[a,d]);return y.useEffect(()=>{if(!S){h(!1);return}h(!0),R();const V=qb({playgroundStore:u,instanceId:a,credentials:i});if(t){const E={subscription:Om,variables:{input:V},onNext:N=>{N&&z(N)},onCompleted:()=>{h(!1),p(n.playgroundInstanceId)},onError:N=>{h(!1),p(n.playgroundInstanceId);const le=ad(N);le!=null&&le.length>0?P({title:"Failed to get output",message:le.join(`
|
|
3638
3638
|
`)}):P({title:"Failed to get output",message:N.message})}};return ct.requestSubscription(g,E).dispose}return k({variables:{input:V},onCompleted:I,onError(E){h(!1),p(n.playgroundInstanceId);const $=je(E);$!=null&&$.length>0?P({title:"Failed to get output",message:$.join(`
|
|
3639
|
-
`)}):P({title:"Failed to get output",message:E.message})}}).dispose},[R,i,g,k,S,a,p,P,I,z,u,n.playgroundInstanceId,t,d]),e(U,{title:e(yF,{index:r,title:"Output"}),extra:L!=null||(j==null?void 0:j.length)>0?e(gF,{outputContent:L,toolCalls:j,instance:s,cleanupOutput:R}):null,collapsible:!0,children:f?e(v,{padding:"size-200",children:e(fe,{message:"Running..."})}):c?e(v,{padding:"size-200",children:e(Br,{children:c.message})}):o(
|
|
3639
|
+
`)}):P({title:"Failed to get output",message:E.message})}}).dispose},[R,i,g,k,S,a,p,P,I,z,u,n.playgroundInstanceId,t,d]),e(U,{title:e(yF,{index:r,title:"Output"}),extra:L!=null||(j==null?void 0:j.length)>0?e(gF,{outputContent:L,toolCalls:j,instance:s,cleanupOutput:R}):null,collapsible:!0,children:f?e(v,{padding:"size-200",children:e(fe,{message:"Running..."})}):c?e(v,{padding:"size-200",children:e(Br,{children:c.message})}):o(Z,{children:[e(v,{padding:"size-200",children:e(Gn,{children:e(fF,{content:L,partialToolCalls:j})})}),e(y.Suspense,{children:s.spanId?e(pF,{spanId:s.spanId}):null})]})})}function kF(){return y.useMemo(()=>window.navigator.userAgent.toLowerCase().includes("mac")?"Cmd":"Ctrl",[])}function bF(){const n=kF(),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 qa("mod+enter",r=>{r.preventDefault(),r.stopPropagation(),i()},{enableOnFormTags:!0,enableOnContentEditable:!0,preventDefault:!0}),e(M,{variant:"primary",leadingVisual:e(x,{svg:t?e(Wn,{}):e(nl,{})}),size:"S",onPress:()=>{i()},trailingVisual:o(Js,{children:[e(qi,{children:n}),e("span",{"aria-hidden":"true",children:n==="Cmd"?"⌘":"Ctrl"}),e(qi,{children:"enter"}),e("span",{"aria-hidden":"true",children:"⏎"})]}),children:t?"Cancel":"Run"})}function SF(){const n=B(i=>i.streaming),a=B(i=>i.setStreaming),l=Dn(i=>i.setPlaygroundStreamingEnabled),t=B(i=>i.instances.some(r=>r.activeRunId!=null));return e(Xa,{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(
|
|
3640
3640
|
$input: CreateChatPromptVersionInput!
|
|
3641
3641
|
) {
|
|
3642
3642
|
createChatPromptVersion(input: $input) {
|
|
@@ -3673,7 +3673,7 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
3673
3673
|
}
|
|
3674
3674
|
}
|
|
3675
3675
|
}
|
|
3676
|
-
`}}}();Hm.hash="42af63a75d1f1b2184518e94395121cd";function Gm({onChange:n,container:a,promptId:l,...t}){const r=K.useLazyLoadQuery(Hm,{},{fetchPolicy:"store-and-network",fetchKey:l??void 0}).prompts.edges,s=y.useMemo(()=>r.map(d=>d.prompt),[r]);return e(
|
|
3676
|
+
`}}}();Hm.hash="42af63a75d1f1b2184518e94395121cd";function Gm({onChange:n,container:a,promptId:l,...t}){const r=K.useLazyLoadQuery(Hm,{},{fetchPolicy:"store-and-network",fetchKey:l??void 0}).prompts.edges,s=y.useMemo(()=>r.map(d=>d.prompt),[r]);return e(cl,{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(Qe,{textValue:d.name,id:d.id,children:d.name},d.id)})}const vF=/^[a-z0-9]([_a-z0-9-]*[a-z0-9])?$/,Wm={value:vF,message:"Invalid identifier. Must be alphanumeric and with dashes or underscores"};function CF({onCreate:n,onUpdate:a,isSubmitting:l=!1,defaultSelectedPromptId:t,onClose:i}){var D,j,w,z;const r=y.useRef(null),s=K.useLazyLoadQuery(Um,{},{fetchPolicy:"network-only"}),[d,c]=y.useState(t??null),m=(j=(D=s==null?void 0:s.prompts)==null?void 0:D.edges)==null?void 0:j.find(I=>{var R;return((R=I==null?void 0:I.prompt)==null?void 0:R.id)===d}),[p,g]=y.useState(((w=m==null?void 0:m.prompt)==null?void 0:w.name)??""),u=m?"update":"create",f=u==="create"?"Create Prompt":"Update Prompt",{control:h,handleSubmit:k,formState:{isDirty:S,isValid:F},trigger:P}=on({values:{promptId:d??void 0,name:u==="update"&&m?(z=m==null?void 0:m.prompt)==null?void 0:z.name:p},defaultValues:{description:""},reValidateMode:"onChange",resetOptions:{keepDefaultValues:!0}}),L=y.useCallback(I=>{u==="create"?n(I,i):a(I,i)},[n,a,u,i]);return o(b,{direction:"column",gap:"size-100",ref:r,children:[e(v,{paddingX:"size-200",paddingTop:"size-200",children:e(H,{name:"name",control:h,rules:{required:{message:"Prompt is required",value:!0},pattern:Wm},render:({field:{onBlur:I,onChange:R},fieldState:V})=>{var A;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:I,defaultInputValue:p,onInputChange:E=>{g(E),R(E),P("name")},container:r.current??void 0,errorMessage:(A=V.error)==null?void 0:A.message,allowsCustomValue:!0,onChange:E=>{R(E),c(E)},promptId:d})}})}),o(Kn,{onSubmit:k(L),children:[e(v,{paddingX:"size-200",paddingBottom:"size-200",children:e(H,{name:"description",control:h,render:({field:{onChange:I,onBlur:R,value:V},fieldState:{invalid:A,error:E}})=>o(de,{isInvalid:A,onChange:I,onBlur:R,value:V,size:"S",children:[e(G,{children:u==="create"?"Prompt Description":"Change Description"}),e(Aa,{}),E?e(Fe,{children:E.message}):e(C,{slot:"description",children:u==="create"?"A description of your prompt (optional)":"A description of your changes to the prompt (optional)"})]})})}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(M,{variant:S?"primary":"default",size:"S",isDisabled:l||!F,type:"submit",children:f})})})]})]})}const Wo=(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=pi(i,t),s=Fv(r);if(!s)throw new Error(`Could not convert instance ${n} to prompt`);const d=l.templateFormat;return{promptInput:s,templateFormat:d}},FF=({instanceId:n,selectedPromptId:a})=>{const l=Ce(),t=ve(),i=Pe(),r=Bl(),[s,d]=K.useMutation(qm),[c,m]=K.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}=Wo(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 P=je(F);i({title:"Error creating prompt",message:P==null?void 0:P[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}=Wo(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 P=je(F);i({title:"Error updating prompt",message:P==null?void 0:P[0]})}})},[n,l,i,t,r,c,p]);return e(J,{children:({close:f})=>o(ce,{children:[o(ue,{children:[e(me,{children:"Create Prompt from Template"}),e(pe,{children:e(ye,{})})]}),e(y.Suspense,{fallback:e(fe,{}),children:e(CF,{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 {
|
|
3677
3677
|
...ModelProviderSelectFragment
|
|
3678
3678
|
}
|
|
3679
3679
|
|
|
@@ -3685,7 +3685,7 @@ fragment ModelProviderSelectFragment on Query {
|
|
|
3685
3685
|
dependencies
|
|
3686
3686
|
}
|
|
3687
3687
|
}
|
|
3688
|
-
`}};Jm.hash="83e31e404724e5fcdf80a5361325f537";const Yl=1024,TF=ne({type:Na("enabled"),budget_tokens:ms().min(Yl)}),KF=({onChange:n,value:a})=>{const[l,t]=y.useState(0),r=TF.safeParse(a).data,s=y.useRef(r==null?void 0:r.budget_tokens),d=m=>{n(m?{type:"enabled",budget_tokens:s.current||Yl}:null)},c=m=>{const p=m!=null&&!isNaN(m);s.current=p?m:Yl,n({type:"enabled",budget_tokens:s.current}),p||t(g=>g+1)};return o(
|
|
3688
|
+
`}};Jm.hash="83e31e404724e5fcdf80a5361325f537";const Yl=1024,TF=ne({type:Na("enabled"),budget_tokens:ms().min(Yl)}),KF=({onChange:n,value:a})=>{const[l,t]=y.useState(0),r=TF.safeParse(a).data,s=y.useRef(r==null?void 0:r.budget_tokens),d=m=>{n(m?{type:"enabled",budget_tokens:s.current||Yl}:null)},c=m=>{const p=m!=null&&!isNaN(m);s.current=p?m:Yl,n({type:"enabled",budget_tokens:s.current}),p||t(g=>g+1)};return o(Z,{children:[e(Xa,{onChange:d,isSelected:(r==null?void 0:r.type)==="enabled",children:"Thinking Enabled"}),(r==null?void 0:r.type)==="enabled"&&o(xa,{value:r==null?void 0:r.budget_tokens,onChange:c,isDisabled:(r==null?void 0:r.type)!=="enabled",isRequired:!0,defaultValue:Yl,minValue:Yl,children:[e(G,{children:"Budget Tokens"}),e(ie,{}),e(C,{slot:"description",children:"Determines how many tokens Claude can use for its internal reasoning process. Must be ≥1024 and less than max_tokens."})]},l)]})};function PF({defaultValue:n,onChange:a,label:l,errorMessage:t}){const[i,r]=y.useState(n==null?"":Sa(n).json??""),s=y.useCallback(d=>{r(d);const{json:c}=fn(d);c==null&&d!==""||a(c)},[a]);return e("div",{css:T`
|
|
3689
3689
|
& .ac-view {
|
|
3690
3690
|
width: 100%;
|
|
3691
3691
|
}
|
|
@@ -3696,7 +3696,7 @@ fragment ModelProviderSelectFragment on Query {
|
|
|
3696
3696
|
name
|
|
3697
3697
|
}
|
|
3698
3698
|
}
|
|
3699
|
-
`}}}();Gr.hash="1e812293e1547b594275780290b294be";function _F({onChange:n,container:a,modelName:l,queryReference:t,...i}){const r=K.usePreloadedQuery(Gr,t),s=y.useMemo(()=>r.playgroundModels.map(g=>({name:g.name,id:g.name})),[r.playgroundModels]),[d,c]=y.useState({selectedKey:l??null,inputValue:l??""}),m=g=>{if(typeof g=="string"){const u=s.find(f=>f.id===g);(u==null?void 0:u.name)!=null&&n(u.name)}},p=g=>{c(u=>({inputValue:g,selectedKey:u.selectedKey}))};return y.useEffect(()=>{c({selectedKey:l??null,inputValue:l??""})},[l]),e(
|
|
3699
|
+
`}}}();Gr.hash="1e812293e1547b594275780290b294be";function _F({onChange:n,container:a,modelName:l,queryReference:t,...i}){const r=K.usePreloadedQuery(Gr,t),s=y.useMemo(()=>r.playgroundModels.map(g=>({name:g.name,id:g.name})),[r.playgroundModels]),[d,c]=y.useState({selectedKey:l??null,inputValue:l??""}),m=g=>{if(typeof g=="string"){const u=s.find(f=>f.id===g);(u==null?void 0:u.name)!=null&&n(u.name)}},p=g=>{c(u=>({inputValue:g,selectedKey:u.selectedKey}))};return y.useEffect(()=>{c({selectedKey:l??null,inputValue:l??""})},[l]),e(cl,{size:"L",label:"Model",isRequired:!0,"data-testid":"model-picker",selectedKey:d.selectedKey,"aria-label":"model picker",onInputChange:p,inputValue:d.inputValue,onSelectionChange:m,width:"100%",allowsCustomValue:!0,onBlur:()=>{d.inputValue!==""&&n(d.inputValue)},onKeyUp:g=>{g.key==="Enter"&&n(d.inputValue)},menuTrigger:"focus",container:a,description:"Choose a model from the list, or enter a custom model name",defaultItems:s,...i,children:g=>e(Qe,{textValue:g.name,id:g.id,children:g.name},g.id)})}function Zm(n){const[a,l,t]=K.useQueryLoader(Gr);return y.useEffect(()=>(l({providerKey:n.provider}),()=>t()),[t,l,n.provider]),a!=null?e(_F,{queryReference:a,...n}):null}const Xm={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ModelProviderSelectFragment",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}],type:"Query",abstractKey:null};Xm.hash="fa50b98980c4687ef0574fa47c3ef4be";function AF({onChange:n,query:a,...l}){const t=K.useFragment(Xm,a),i=t.modelProviders.filter(s=>s.dependenciesInstalled),r=l.provider&&!i.some(s=>s.key===l.provider);return Lf(pt,{...l,key:"model-provider-select","data-testid":"model-provider-picker",selectedKey:l.provider??void 0,isInvalid:r,"aria-label":"Model Provider",placeholder:"Select a provider",onSelectionChange:s=>{const d=s;sr(d)&&n(d)}},e(G,{children:"Provider"}),o(M,{children:[e(Bt,{}),e(ul,{})]}),e(Fn,{children:e(Fa,{children:t.modelProviders.map(s=>e(Yn,{id:s.key,textValue:s.name,children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ha,{provider:s.key,height:16}),e(C,{children:s.name})]})},s.key))})}),r?e(C,{slot:"errorMessage",color:"danger",children:"Provider not installed"}):null)}const wF=150,EF=T`
|
|
3700
3700
|
display: flex;
|
|
3701
3701
|
flex-direction: column;
|
|
3702
3702
|
gap: var(--ac-global-dimension-size-200);
|
|
@@ -3712,7 +3712,7 @@ fragment ModelProviderSelectFragment on Query {
|
|
|
3712
3712
|
}
|
|
3713
3713
|
padding: var(--ac-global-dimension-size-200);
|
|
3714
3714
|
overflow: auto;
|
|
3715
|
-
`;function RF(n){return n==="OPENAI"||n==="OLLAMA"}function MF({instance:n,container:a}){const l=B(s=>s.updateModel),t=y.useCallback(({configKey:s,value:d})=>{l({instanceId:n.id,patch:{...n.model,[s]:d}})},[n.id,n.model,l]),i=y.useMemo(()=>zt(s=>{t({configKey:"modelName",value:s})},250),[t]),r=y.useMemo(()=>zt(s=>{t({configKey:"baseUrl",value:s})},250),[t]);return o(X,{children:[e(Zm,{modelName:n.model.modelName,provider:n.model.provider,onChange:s=>{i(s)},container:a??void 0}),o(de,{defaultValue:n.model.baseUrl??"",onChange:s=>{r(s)},children:[e(G,{children:"Base URL"}),e(ie,{placeholder:"e.x. https://my-llm.com/v1"})]},"base-url")]})}function VF({instance:n,container:a}){const l=B(s=>s.updateModel),t=y.useCallback(({configKey:s,value:d})=>{l({instanceId:n.id,patch:{...n.model,[s]:d}})},[n.id,n.model,l]),i=y.useMemo(()=>zt(s=>{t({configKey:"modelName",value:s})},250),[t]),r=y.useMemo(()=>zt(s=>{t({configKey:"endpoint",value:s})},250),[t]);return o(X,{children:[o(de,{defaultValue:n.model.modelName??"",onChange:s=>{i(s)},children:[e(G,{children:"Deployment Name"}),e(ie,{placeholder:"e.x. azure-openai-deployment-name"})]},"model-name"),o(de,{defaultValue:n.model.endpoint??"",onChange:s=>{r(s)},children:[e(G,{children:"Endpoint"}),e(ie,{placeholder:"e.x. https://my.openai.azure.com"})]},"endpoint"),e(dl,{container:a??void 0,size:"L",label:"API Version","data-testid":"azure-api-version-combobox",selectedKey:n.model.apiVersion??void 0,"aria-label":"api version picker",placeholder:"Select an AzureOpenAI API Version",inputValue:n.model.apiVersion??"",onInputChange:s=>{t({configKey:"apiVersion",value:s})},onSelectionChange:s=>{typeof s=="string"&&t({configKey:"apiVersion",value:s})},allowsCustomValue:!0,children:Ck.map(s=>e(Qe,{textValue:s,id:s,children:s},s))})]})}function zF({instance:n,container:a}){const l=B(i=>i.updateModel),t=y.useCallback(({configKey:i,value:r})=>{l({instanceId:n.id,patch:{...n.model,[i]:r}})},[n.id,n.model,l]);return o(X,{children:[o(dl,{container:a??void 0,size:"L",label:"Region","data-testid":"bedrock-region-combobox",selectedKey:n.model.region??"us-east-1","aria-label":"region picker",isRequired:!0,placeholder:"Select an Amazon Region",inputValue:n.model.region??"us-east-1",onInputChange:i=>{t({configKey:"region",value:i})},onSelectionChange:i=>{typeof i=="string"&&t({configKey:"region",value:i})},allowsCustomValue:!0,children:[e(Qe,{textValue:"us-east-1",id:"us-east-1",children:"N. Virginia (us-east-1)"},"us-east-1"),e(Qe,{textValue:"us-east-2",id:"us-east-2",children:"Ohio (us-east-2)"},"us-east-2"),e(Qe,{textValue:"us-west-1",id:"us-west-1",children:"N. California (us-west-1)"},"us-west-1"),e(Qe,{textValue:"us-west-2",id:"us-west-2",children:"Oregon (us-west-2)"},"us-west-2"),e(Qe,{textValue:"ap-south-1",id:"ap-south-1",children:"Asia Pacific (Mumbai) (ap-south-1)"},"ap-south-1"),e(Qe,{textValue:"ap-northeast-3",id:"ap-northeast-3",children:"Asia Pacific (Osaka) (ap-northeast-3)"},"ap-northeast-3"),e(Qe,{textValue:"ap-northeast-2",id:"ap-northeast-2",children:"Asia Pacific (Seoul) (ap-northeast-2)"},"ap-northeast-2"),e(Qe,{textValue:"ap-southeast-1",id:"ap-southeast-1",children:"Asia Pacific (Singapore) (ap-southeast-1)"},"ap-southeast-1"),e(Qe,{textValue:"ap-southeast-2",id:"ap-southeast-2",children:"Asia Pacific (Sydney) (ap-southeast-2)"},"ap-southeast-2"),e(Qe,{textValue:"ap-east-2",id:"ap-east-2",children:"Asia Pacific (Taipei) (ap-east-2)"},"ap-east-2"),e(Qe,{textValue:"ap-northeast-1",id:"ap-northeast-1",children:"Asia Pacific (Tokyo) (ap-northeast-1)"},"ap-northeast-1"),e(Qe,{textValue:"ca-central-1",id:"ca-central-1",children:"Canada (Central) (ca-central-1)"},"ca-central-1"),e(Qe,{textValue:"eu-central-1",id:"eu-central-1",children:"Europe (Frankfurt) (eu-central-1)"},"eu-central-1"),e(Qe,{textValue:"eu-west-1",id:"eu-west-1",children:"Europe (Ireland) (eu-west-1)"},"eu-west-1"),e(Qe,{textValue:"eu-west-2",id:"eu-west-2",children:"Europe (London) (eu-west-2)"},"eu-west-2"),e(Qe,{textValue:"eu-west-3",id:"eu-west-3",children:"Europe (Paris) (eu-west-3)"},"eu-west-3"),e(Qe,{textValue:"eu-north-1",id:"eu-north-1",children:"Europe (Stockholm) (eu-north-1)"},"eu-north-1"),e(Qe,{textValue:"sa-east-1",id:"sa-east-1",children:"South America (São Paulo) (sa-east-1)"},"sa-east-1")]}),e(dl,{container:a??void 0,size:"L",label:"API","data-testid":"bedrock-api-combobox",selectedKey:n.model.apiVersion??void 0,"aria-label":"api picker",isDisabled:!0,placeholder:"Select an Bedrock API",inputValue:"converse",children:e(Qe,{textValue:"converse",id:"converse",children:"Converse"},"converse")})]})}function NF(n){const a=B(r=>r.instances.find(s=>s.id===n.playgroundInstanceId));if(!a)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const l=a.model.supportedInvocationParameters,t=a.model.invocationParameters,i=Gd(t,l);return o(W,{children:[e(M,{size:"S",leadingVisual:e(Ha,{provider:a.model.provider,height:16}),children:o(b,{direction:"row",gap:"size-100",alignItems:"center",height:"100%",children:[e(pn,{maxWidth:wF,children:e(C,{children:a.model.modelName||"--"})}),i?null:o(Se,{delay:0,children:[e("span",{children:e(x,{color:"danger",svg:e(pl,{})})}),e(Be,{children:"Some required invocation parameters are not configured."})]})]})}),e(Y,{children:e(Z,{variant:"slideover",size:"S",children:e($F,{...n})})})]})}function $F(n){const a=B(r=>r.instances.find(s=>s.id===n.playgroundInstanceId));if(!a)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const l=Dn(r=>r.setModelConfigForProvider),t=ve(),i=y.useCallback(()=>{const{supportedInvocationParameters:r,...s}=a.model;l({provider:a.model.provider,modelConfig:s}),t({title:"Model Configuration Saved",message:`${Oi[a.model.provider]} model configuration saved as default for later use.`,expireMs:3e3})},[a.model,t,l]);return e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Model Configuration"}),o(pe,{children:[o(Se,{delay:0,closeDelay:0,children:[e(M,{size:"S",variant:"default",onPress:i,leadingVisual:e(x,{svg:e(Qs,{})}),children:"Save as Default"}),o(Be,{placement:"bottom",offset:5,children:["Saves the current configuration as the default for"," ",Oi[a.model.provider]??"this provider","."]})]}),e(ye,{})]})]}),e(y.Suspense,{children:e(OF,{...n})})]})})}const jF=y.memo(NF);function OF(n){const{playgroundInstanceId:a}=n,l=B(f=>f.instances.find(h=>h.id===a));if(!l)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const t=Dn(f=>f.modelConfigByProvider),i=B(f=>f.updateProvider),r=B(f=>f.updateModel),s=l.model.supportedInvocationParameters,d=l.model.invocationParameters,c=Gd(d,s),m=K.useLazyLoadQuery(Jm,{}),p=y.useCallback(f=>{r({instanceId:a,patch:{modelName:f}})},[a,r]),[g,u]=y.useState();return o("form",{css:EF,children:[c?null:o(b,{direction:"row",gap:"size-100",children:[e(x,{color:"danger",svg:e(pl,{})}),e(C,{color:"danger",children:"Some required invocation parameters are not configured."})]}),e(AF,{provider:l.model.provider,query:m,onChange:f=>{i({instanceId:a,provider:f,modelConfigByProvider:t})}}),RF(l.model.provider)?e(MF,{instance:l,container:g??null}):l.model.provider==="AZURE_OPENAI"?e(VF,{instance:l,container:g??null}):e(Zm,{modelName:l.model.modelName,provider:l.model.provider,onChange:p,container:g??void 0}),l.model.provider==="AWS"?e(zF,{instance:l,container:g??null}):null,e(y.Suspense,{children:e(DF,{instanceId:a})}),e("div",{ref:u})]})}const Ym=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a={alias:null,args:null,kind:"ScalarField",name:"invocationInputField",storageKey:null},l={alias:"floatDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},t=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:null,kind:"LinkedField",name:"modelInvocationParameters",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"invocationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"canonicalName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"required",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null}],type:"InvocationParameterBase",abstractKey:"__isInvocationParameterBase"},{kind:"InlineFragment",selections:[{alias:"booleanDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"BooleanInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[l,a,{alias:null,args:null,kind:"ScalarField",name:"minValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxValue",storageKey:null}],type:"BoundedFloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[l,a],type:"FloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"intDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"IntInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"jsonDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"JSONInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"stringDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"StringInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"stringListDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"StringListInvocationParameter",abstractKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ModelSupportedParamsFetcherQuery",selections:t,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ModelSupportedParamsFetcherQuery",selections:t},params:{cacheID:"8f18509b17f3f97c2413ef8b6557d972",id:null,metadata:{},name:"ModelSupportedParamsFetcherQuery",operationKind:"query",text:`query ModelSupportedParamsFetcherQuery(
|
|
3715
|
+
`;function RF(n){return n==="OPENAI"||n==="OLLAMA"}function MF({instance:n,container:a}){const l=B(s=>s.updateModel),t=y.useCallback(({configKey:s,value:d})=>{l({instanceId:n.id,patch:{...n.model,[s]:d}})},[n.id,n.model,l]),i=y.useMemo(()=>zt(s=>{t({configKey:"modelName",value:s})},250),[t]),r=y.useMemo(()=>zt(s=>{t({configKey:"baseUrl",value:s})},250),[t]);return o(Z,{children:[e(Zm,{modelName:n.model.modelName,provider:n.model.provider,onChange:s=>{i(s)},container:a??void 0}),o(de,{defaultValue:n.model.baseUrl??"",onChange:s=>{r(s)},children:[e(G,{children:"Base URL"}),e(ie,{placeholder:"e.x. https://my-llm.com/v1"})]},"base-url")]})}function VF({instance:n,container:a}){const l=B(s=>s.updateModel),t=y.useCallback(({configKey:s,value:d})=>{l({instanceId:n.id,patch:{...n.model,[s]:d}})},[n.id,n.model,l]),i=y.useMemo(()=>zt(s=>{t({configKey:"modelName",value:s})},250),[t]),r=y.useMemo(()=>zt(s=>{t({configKey:"endpoint",value:s})},250),[t]);return o(Z,{children:[o(de,{defaultValue:n.model.modelName??"",onChange:s=>{i(s)},children:[e(G,{children:"Deployment Name"}),e(ie,{placeholder:"e.x. azure-openai-deployment-name"})]},"model-name"),o(de,{defaultValue:n.model.endpoint??"",onChange:s=>{r(s)},children:[e(G,{children:"Endpoint"}),e(ie,{placeholder:"e.x. https://my.openai.azure.com"})]},"endpoint"),e(cl,{container:a??void 0,size:"L",label:"API Version","data-testid":"azure-api-version-combobox",selectedKey:n.model.apiVersion??void 0,"aria-label":"api version picker",placeholder:"Select an AzureOpenAI API Version",inputValue:n.model.apiVersion??"",onInputChange:s=>{t({configKey:"apiVersion",value:s})},onSelectionChange:s=>{typeof s=="string"&&t({configKey:"apiVersion",value:s})},allowsCustomValue:!0,children:Ck.map(s=>e(Qe,{textValue:s,id:s,children:s},s))})]})}function zF({instance:n,container:a}){const l=B(i=>i.updateModel),t=y.useCallback(({configKey:i,value:r})=>{l({instanceId:n.id,patch:{...n.model,[i]:r}})},[n.id,n.model,l]);return o(Z,{children:[o(cl,{container:a??void 0,size:"L",label:"Region","data-testid":"bedrock-region-combobox",selectedKey:n.model.region??"us-east-1","aria-label":"region picker",isRequired:!0,placeholder:"Select an Amazon Region",inputValue:n.model.region??"us-east-1",onInputChange:i=>{t({configKey:"region",value:i})},onSelectionChange:i=>{typeof i=="string"&&t({configKey:"region",value:i})},allowsCustomValue:!0,children:[e(Qe,{textValue:"us-east-1",id:"us-east-1",children:"N. Virginia (us-east-1)"},"us-east-1"),e(Qe,{textValue:"us-east-2",id:"us-east-2",children:"Ohio (us-east-2)"},"us-east-2"),e(Qe,{textValue:"us-west-1",id:"us-west-1",children:"N. California (us-west-1)"},"us-west-1"),e(Qe,{textValue:"us-west-2",id:"us-west-2",children:"Oregon (us-west-2)"},"us-west-2"),e(Qe,{textValue:"ap-south-1",id:"ap-south-1",children:"Asia Pacific (Mumbai) (ap-south-1)"},"ap-south-1"),e(Qe,{textValue:"ap-northeast-3",id:"ap-northeast-3",children:"Asia Pacific (Osaka) (ap-northeast-3)"},"ap-northeast-3"),e(Qe,{textValue:"ap-northeast-2",id:"ap-northeast-2",children:"Asia Pacific (Seoul) (ap-northeast-2)"},"ap-northeast-2"),e(Qe,{textValue:"ap-southeast-1",id:"ap-southeast-1",children:"Asia Pacific (Singapore) (ap-southeast-1)"},"ap-southeast-1"),e(Qe,{textValue:"ap-southeast-2",id:"ap-southeast-2",children:"Asia Pacific (Sydney) (ap-southeast-2)"},"ap-southeast-2"),e(Qe,{textValue:"ap-east-2",id:"ap-east-2",children:"Asia Pacific (Taipei) (ap-east-2)"},"ap-east-2"),e(Qe,{textValue:"ap-northeast-1",id:"ap-northeast-1",children:"Asia Pacific (Tokyo) (ap-northeast-1)"},"ap-northeast-1"),e(Qe,{textValue:"ca-central-1",id:"ca-central-1",children:"Canada (Central) (ca-central-1)"},"ca-central-1"),e(Qe,{textValue:"eu-central-1",id:"eu-central-1",children:"Europe (Frankfurt) (eu-central-1)"},"eu-central-1"),e(Qe,{textValue:"eu-west-1",id:"eu-west-1",children:"Europe (Ireland) (eu-west-1)"},"eu-west-1"),e(Qe,{textValue:"eu-west-2",id:"eu-west-2",children:"Europe (London) (eu-west-2)"},"eu-west-2"),e(Qe,{textValue:"eu-west-3",id:"eu-west-3",children:"Europe (Paris) (eu-west-3)"},"eu-west-3"),e(Qe,{textValue:"eu-north-1",id:"eu-north-1",children:"Europe (Stockholm) (eu-north-1)"},"eu-north-1"),e(Qe,{textValue:"sa-east-1",id:"sa-east-1",children:"South America (São Paulo) (sa-east-1)"},"sa-east-1")]}),e(cl,{container:a??void 0,size:"L",label:"API","data-testid":"bedrock-api-combobox",selectedKey:n.model.apiVersion??void 0,"aria-label":"api picker",isDisabled:!0,placeholder:"Select an Bedrock API",inputValue:"converse",children:e(Qe,{textValue:"converse",id:"converse",children:"Converse"},"converse")})]})}function NF(n){const a=B(r=>r.instances.find(s=>s.id===n.playgroundInstanceId));if(!a)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const l=a.model.supportedInvocationParameters,t=a.model.invocationParameters,i=Gd(t,l);return o(W,{children:[e(M,{size:"S",leadingVisual:e(Ha,{provider:a.model.provider,height:16}),children:o(b,{direction:"row",gap:"size-100",alignItems:"center",height:"100%",children:[e(pn,{maxWidth:wF,children:e(C,{children:a.model.modelName||"--"})}),i?null:o(Se,{delay:0,children:[e("span",{children:e(x,{color:"danger",svg:e(yl,{})})}),e(Be,{children:"Some required invocation parameters are not configured."})]})]})}),e(Y,{children:e(X,{variant:"slideover",size:"S",children:e($F,{...n})})})]})}function $F(n){const a=B(r=>r.instances.find(s=>s.id===n.playgroundInstanceId));if(!a)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const l=Dn(r=>r.setModelConfigForProvider),t=ve(),i=y.useCallback(()=>{const{supportedInvocationParameters:r,...s}=a.model;l({provider:a.model.provider,modelConfig:s}),t({title:"Model Configuration Saved",message:`${Oi[a.model.provider]} model configuration saved as default for later use.`,expireMs:3e3})},[a.model,t,l]);return e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Model Configuration"}),o(pe,{children:[o(Se,{delay:0,closeDelay:0,children:[e(M,{size:"S",variant:"default",onPress:i,leadingVisual:e(x,{svg:e(Qs,{})}),children:"Save as Default"}),o(Be,{placement:"bottom",offset:5,children:["Saves the current configuration as the default for"," ",Oi[a.model.provider]??"this provider","."]})]}),e(ye,{})]})]}),e(y.Suspense,{children:e(OF,{...n})})]})})}const jF=y.memo(NF);function OF(n){const{playgroundInstanceId:a}=n,l=B(f=>f.instances.find(h=>h.id===a));if(!l)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const t=Dn(f=>f.modelConfigByProvider),i=B(f=>f.updateProvider),r=B(f=>f.updateModel),s=l.model.supportedInvocationParameters,d=l.model.invocationParameters,c=Gd(d,s),m=K.useLazyLoadQuery(Jm,{}),p=y.useCallback(f=>{r({instanceId:a,patch:{modelName:f}})},[a,r]),[g,u]=y.useState();return o("form",{css:EF,children:[c?null:o(b,{direction:"row",gap:"size-100",children:[e(x,{color:"danger",svg:e(yl,{})}),e(C,{color:"danger",children:"Some required invocation parameters are not configured."})]}),e(AF,{provider:l.model.provider,query:m,onChange:f=>{i({instanceId:a,provider:f,modelConfigByProvider:t})}}),RF(l.model.provider)?e(MF,{instance:l,container:g??null}):l.model.provider==="AZURE_OPENAI"?e(VF,{instance:l,container:g??null}):e(Zm,{modelName:l.model.modelName,provider:l.model.provider,onChange:p,container:g??void 0}),l.model.provider==="AWS"?e(zF,{instance:l,container:g??null}):null,e(y.Suspense,{children:e(DF,{instanceId:a})}),e("div",{ref:u})]})}const Ym=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a={alias:null,args:null,kind:"ScalarField",name:"invocationInputField",storageKey:null},l={alias:"floatDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},t=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:null,kind:"LinkedField",name:"modelInvocationParameters",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"invocationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"canonicalName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"required",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null}],type:"InvocationParameterBase",abstractKey:"__isInvocationParameterBase"},{kind:"InlineFragment",selections:[{alias:"booleanDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"BooleanInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[l,a,{alias:null,args:null,kind:"ScalarField",name:"minValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxValue",storageKey:null}],type:"BoundedFloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[l,a],type:"FloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"intDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"IntInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"jsonDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"JSONInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"stringDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"StringInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"stringListDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"StringListInvocationParameter",abstractKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ModelSupportedParamsFetcherQuery",selections:t,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ModelSupportedParamsFetcherQuery",selections:t},params:{cacheID:"8f18509b17f3f97c2413ef8b6557d972",id:null,metadata:{},name:"ModelSupportedParamsFetcherQuery",operationKind:"query",text:`query ModelSupportedParamsFetcherQuery(
|
|
3716
3716
|
$input: ModelsInput!
|
|
3717
3717
|
) {
|
|
3718
3718
|
modelInvocationParameters(input: $input) {
|
|
@@ -3760,7 +3760,7 @@ fragment ModelProviderSelectFragment on Query {
|
|
|
3760
3760
|
.ac-field-label {
|
|
3761
3761
|
display: none;
|
|
3762
3762
|
}
|
|
3763
|
-
`;function GF({role:n,includeLabel:a=!0,onChange:l}){return o(pt,{selectedKey:n,css:a?void 0:HF,"data-testid":"messages-role-picker","aria-label":"Role for the chat message",size:"S",onSelectionChange:t=>{if(!$d(t))throw new Error(`Invalid chat message role: ${t}`);l(t)},children:[a&&e(G,{children:"Role"}),o(M,{children:[e(Bt,{}),e(
|
|
3763
|
+
`;function GF({role:n,includeLabel:a=!0,onChange:l}){return o(pt,{selectedKey:n,css:a?void 0:HF,"data-testid":"messages-role-picker","aria-label":"Role for the chat message",size:"S",onSelectionChange:t=>{if(!$d(t))throw new Error(`Invalid chat message role: ${t}`);l(t)},children:[a&&e(G,{children:"Role"}),o(M,{children:[e(Bt,{}),e(ul,{})]}),e(Fn,{placement:"bottom start",offset:4,shouldFlip:!0,containerPadding:8,children:o(Fa,{children:[e(Yn,{id:"system",children:"System"}),e(Yn,{id:"user",children:"User"}),e(Yn,{id:"ai",children:"AI"}),e(Yn,{id:"tool",children:"Tool"})]})})]})}const WF=32;function JF({instanceId:n,hasResponseFormat:a}){const l=B(g=>g.instances),t=B(g=>g.updateInstance),i=B(g=>g.addMessage),r=B(g=>g.upsertInvocationParameterInput),s=l.find(g=>g.id===n);if(!s)throw new Error(`Playground instance ${n} not found`);const{template:d}=s;if(d.__type!=="chat")throw new Error(`Invalid template type ${d.__type}`);const c=s.model.supportedInvocationParameters,m=c==null?void 0:c.some(g=>Wa(g,{canonicalName:ba,invocationName:fa})),p=c==null?void 0:c.some(g=>Wa(g,{canonicalName:Ba,invocationName:Pl}));return o(b,{direction:"row",justifyContent:"end",gap:"size-100",minHeight:WF,children:[m?e(M,{size:"S","aria-label":"response format",leadingVisual:e(x,{svg:e(ea,{})}),isDisabled:a,onPress:()=>{r({instanceId:n,invocationParameterInput:{valueJson:Pk(),invocationName:fa,canonicalName:ba}})},children:"Response Format"}):null,p?e(M,{"aria-label":"add tool",size:"S",leadingVisual:e(x,{svg:e(ea,{})}),onPress:()=>{const g={tools:[...s.tools,$b({provider:s.model.provider,toolNumber:s.tools.length+1})]};if(s.tools.length===0){const u=or({toolChoice:"auto",targetProvider:s.model.provider});u&&(g.toolChoice=u)}t({instanceId:n,patch:g,dirty:!0})},children:"Tool"}):null,e(M,{"aria-label":"add message",size:"S",leadingVisual:e(x,{svg:e(ea,{})}),onPress:()=>{i({playgroundInstanceId:n,messages:[{id:Oa(),role:"user",content:""}]})},children:"Message"})]})}const ZF=400;function XF({playgroundInstanceId:n}){const a=B(g=>g.deleteInvocationParameterInput),l=B(g=>g.instances.find(u=>u.id===n)),t=l==null?void 0:l.model.provider,i=B(g=>g.upsertInvocationParameterInput);if(!l)throw new Error(`Instance ${n} not found`);const r=l.model.invocationParameters.find(g=>g.invocationName===fa||g.canonicalName===ba),[s,d]=y.useState(()=>JSON.stringify((r==null?void 0:r.valueJson)??{},null,2)),c=y.useRef(s),m=Bl();y.useEffect(()=>{const u=m.getState().instances.find(k=>k.id===n);if(u==null)return;const f=u.model.invocationParameters.find(k=>k.invocationName===fa||k.canonicalName===ba);if(f==null)return;const h=JSON.stringify(f.valueJson,null,2);br({str:h,excludeNull:!0})&&d(h)},[t,m,n]);const p=y.useCallback(g=>{c.current=g;const{json:u}=fn(g);i({instanceId:n,invocationParameterInput:{invocationName:fa,valueJson:u,canonicalName:ba}})},[n,i]);return o(Ee,{id:"response-format",children:[e(Ae,{arrowPosition:"start",children:"Response Format"}),e(we,{children:e(v,{padding:"size-200",children:e(U,{title:"Schema",extra:o(b,{direction:"row",gap:"size-100",children:[e(Te,{text:c}),e(M,{"aria-label":"Delete Response Format",leadingVisual:e(x,{svg:e(un,{})}),size:"S",onPress:()=>{a({instanceId:n,invocationParameterInputInvocationName:fa})}})]}),children:e(rd,{preInitializationMinHeight:ZF,children:e(An,{value:s,onChange:p,jsonSchema:Sb})})})})})]})}const YF=400;function eT({playgroundInstanceId:n,toolId:a}){const l=Bl(),t=B(h=>h.updateInstance),i=B(h=>h.instances.find(k=>k.id===n));if(i==null)throw new Error(`Playground instance ${n} not found`);const r=i.model.provider,s=i.tools,d=s.find(h=>h.id===a);if(d==null)throw new Error(`Tool ${a} not found`);const[c,m]=y.useState(()=>JSON.stringify(d.definition,null,2)),p=y.useRef(c);y.useEffect(()=>{const k=l.getState().instances.find(P=>P.id===n);if(k==null)return;const S=k.tools.find(P=>P.id===a);if(S==null)return;const F=JSON.stringify(S.definition,null,2);br({str:F,excludeNull:!0})&&m(F)},[r,l,n,a]);const g=y.useCallback(h=>{p.current=h;const{json:k}=fn(h);t({instanceId:n,patch:{tools:s.map(S=>S.id===d.id?{...S,definition:k}:S)},dirty:!0})},[s,n,d.id,t]),u=y.useMemo(()=>qd(d),[d]),f=y.useMemo(()=>{switch(i.model.provider){case"OPENAI":case"AZURE_OPENAI":case"DEEPSEEK":case"XAI":case"OLLAMA":return Lk;case"ANTHROPIC":return xk;case"AWS":return Ik;case"GOOGLE":return null}},[i.model.provider]);return e(U,{collapsible:!0,backgroundColor:"yellow-100",borderColor:"yellow-700",title:o(b,{direction:"row",gap:"size-100",children:[e(hr,{spanKind:"tool"}),e(C,{children:u??"Tool"})]}),extra:o(b,{direction:"row",gap:"size-100",children:[e(Te,{text:p}),e(M,{"aria-label":"Delete tool",leadingVisual:e(x,{svg:e(un,{})}),size:"S",onPress:()=>{const h=s.filter(F=>F.id!==d.id),k=typeof i.toolChoice=="object"&&u!=null&&Dk(i.toolChoice)===u;let S=i.toolChoice;h.length===0?S=void 0:k&&(S="auto"),t({instanceId:n,patch:{tools:h,toolChoice:S},dirty:!0})}})]}),children:e(rd,{preInitializationMinHeight:YF,children:e(An,{value:c,onChange:g,jsonSchema:f})})})}function nT(n){const a=n.playgroundInstanceId,l=B(d=>d.instances.find(c=>c.id===n.playgroundInstanceId)),t=B(d=>d.updateInstance);if(l==null)throw new Error(`Playground instance ${a} not found`);const{tools:i}=l;if(i==null)throw new Error(`Playground instance ${a} does not have tools`);const r=y.useMemo(()=>i.map(d=>qd(d)).filter(d=>d!=null),[i]),s=l.model.provider;return _k(s)?o(Ee,{id:"tools",children:[o(Ae,{arrowPosition:"start",children:["Tools",e(ia,{children:i.length})]}),e(we,{children:e(v,{padding:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[e(Ut,{children:e(Ak,{provider:s,choice:l.toolChoice,onChange:d=>{t({instanceId:a,patch:{toolChoice:d},dirty:!0})},toolNames:r})}),e(b,{direction:"column",gap:"size-200",children:i.map(d=>e(eT,{playgroundInstanceId:a,toolId:d.id},d.id))})]})})})]}):null}const ng=1,aT=ng+1;function lT(n){const a=n.playgroundInstanceId,l=B(g=>g.templateFormat),t=B(g=>g.updateInstance),i=y.useMemo(()=>eg(a),[a]),r=B(i);if(!r)throw new Error(`Playground instance ${a} not found`);const s=r.tools.length>0,d=r.model.invocationParameters.find(g=>Wa(g,{canonicalName:ba,invocationName:fa}))!=null,{template:c}=r;if(c.__type!=="chat")throw new Error(`Invalid template type ${c.__type}`);const m=c.messageIds,p=Df(ro(Mf),ro(Rf,{coordinateGetter:Ef}));return o(wf,{sensors:p,onDragEnd:({active:g,over:u})=>{if(!u||g.id===u.id)return;const f=m.findIndex(S=>S===g.id),h=m.findIndex(S=>S===u.id),k=Af(m,f,h);t({instanceId:a,patch:{template:{__type:"chat",messageIds:k}},dirty:!0})},children:[e(_f,{items:m,children:e("ul",{css:T`
|
|
3764
3764
|
display: flex;
|
|
3765
3765
|
flex-direction: column;
|
|
3766
3766
|
gap: var(--ac-global-dimension-size-200);
|
|
@@ -3768,7 +3768,7 @@ fragment ModelProviderSelectFragment on Query {
|
|
|
3768
3768
|
`,children:m.map(g=>e(iT,{playgroundInstanceId:a,templateFormat:l,messageId:g},g))})}),e(v,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderColor:"dark",borderTopWidth:"thin",borderBottomWidth:s||d?"thin":void 0,children:e(JF,{instanceId:a,hasResponseFormat:d})}),s||d?o(Hn,{defaultExpandedKeys:["tools","response-format"],children:[s?e(nT,{...n}):null,d?e(XF,{...n}):null]}):null]})}function tT({message:n,updateMessage:a,templateFormat:l,playgroundInstanceId:t,messageMode:i}){const r=y.useCallback(s=>{a({content:s})},[a]);return i==="toolCalls"?e(v,{paddingTop:"size-100",paddingStart:"size-250",paddingEnd:"size-250",paddingBottom:"size-200",children:e(El,{label:"Tool Calls",children:e(Cn,{width:"100%",children:e(BF,{playgroundInstanceId:t,messageId:n.id})})})}):n.role==="tool"?o(Ut,{onSubmit:s=>{s.preventDefault()},children:[e(v,{paddingX:"size-200",paddingY:"size-100",borderColor:"yellow-700",borderBottomWidth:"thin",children:e(de,{value:n.toolCallId,onChange:s=>a({toolCallId:s}),"aria-label":"Tool Call ID",size:"S",children:e(ie,{placeholder:"Tool Call ID"})})}),e(An,{value:n.content??'""',"aria-label":"tool message content",height:"100%",onChange:s=>a({content:s})})]}):e(Xt,{children:e(Yt,{height:"100%",defaultValue:n.content||"","aria-label":"Message content",templateFormat:l,onChange:r})})}function iT({playgroundInstanceId:n,templateFormat:a,messageId:l}){const t=B(V=>V.updateMessage),i=B(V=>V.deleteMessage),{attributes:r,listeners:s,setNodeRef:d,transform:c,transition:m,setActivatorNodeRef:p,isDragging:g}=Vf({id:l}),u=y.useMemo(()=>V=>{var A;return(A=V.instances.find(E=>E.id===n))==null?void 0:A.model},[n]),f=B(u);if(!f)throw new Error(`Instance model not found for instance ${n}`);const h=y.useMemo(()=>Zi(l),[l]),k=B(h),S=kt(k.role),F={transform:zf.Translate.toString(c),transition:m,zIndex:g?aT:ng},P=k.toolCalls!=null&&k.toolCalls.length>0,[L,D]=y.useState(P?"toolCalls":"text"),[j,w]=y.useState(k.content),[z,I]=y.useState(k.toolCalls),R=y.useCallback(V=>{t({instanceId:n,messageId:l,patch:V})},[n,l,t]);return e("li",{ref:d,style:F,children:e(U,{collapsible:!0,...S,title:e("div",{css:T`
|
|
3769
3769
|
// Align the role picker with the prompt picker in PlaygroundTemplate header
|
|
3770
3770
|
margin-left: var(--ac-global-dimension-size-150);
|
|
3771
|
-
`,children:e(GF,{includeLabel:!1,role:k.role,onChange:V=>{let A=k.content,E=k.toolCalls;V!=="ai"&&(E=void 0,D("text")),V==="tool"&&(A='""'),t({instanceId:n,messageId:l,patch:{role:V,toolCalls:E,content:A}})}})}),extra:o(b,{direction:"row",gap:"size-100",children:[k.role==="ai"?e(UF,{messageMode:L,onChange:V=>{switch(D(V),V){case"text":I(k.toolCalls),t({instanceId:n,messageId:l,patch:{content:j,toolCalls:void 0}});break;case"toolCalls":w(k.content),t({instanceId:n,messageId:l,patch:{content:"",toolCalls:z!=null?td({toolCalls:z,provider:f.provider}):[jb(f.provider)]}});break;default:$e()}}}):null,e(Te,{text:L==="toolCalls"?Sa(k.toolCalls).json??"":k.content??""}),e(M,{"aria-label":"Delete message",leadingVisual:e(x,{svg:e(un,{})}),size:"S",onPress:()=>{i({instanceId:n,messageId:l})}}),e(wk,{ref:p,listeners:s,attributes:r})]}),children:e("div",{children:e(tT,{message:k,messageMode:L,playgroundInstanceId:n,templateFormat:a,updateMessage:R})})})})}function rT(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(
|
|
3771
|
+
`,children:e(GF,{includeLabel:!1,role:k.role,onChange:V=>{let A=k.content,E=k.toolCalls;V!=="ai"&&(E=void 0,D("text")),V==="tool"&&(A='""'),t({instanceId:n,messageId:l,patch:{role:V,toolCalls:E,content:A}})}})}),extra:o(b,{direction:"row",gap:"size-100",children:[k.role==="ai"?e(UF,{messageMode:L,onChange:V=>{switch(D(V),V){case"text":I(k.toolCalls),t({instanceId:n,messageId:l,patch:{content:j,toolCalls:void 0}});break;case"toolCalls":w(k.content),t({instanceId:n,messageId:l,patch:{content:"",toolCalls:z!=null?td({toolCalls:z,provider:f.provider}):[jb(f.provider)]}});break;default:$e()}}}):null,e(Te,{text:L==="toolCalls"?Sa(k.toolCalls).json??"":k.content??""}),e(M,{"aria-label":"Delete message",leadingVisual:e(x,{svg:e(un,{})}),size:"S",onPress:()=>{i({instanceId:n,messageId:l})}}),e(wk,{ref:p,listeners:s,attributes:r})]}),children:e("div",{children:e(tT,{message:k,messageMode:L,playgroundInstanceId:n,templateFormat:a,updateMessage:R})})})})}function rT(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(Z,{children:e(U,{title:o(b,{direction:"row",gap:"size-100",alignItems:"center",marginEnd:"size-100",children:[e(kr,{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(fe,{size:"S"})}),children:e(QF,{instanceId:a})}),e(jF,{...n}),e(sT,{instanceId:a,dirty:p}),r.length>1?e(oT,{...n}):null]}),children:u.__type==="chat"?e(y.Suspense,{children:e(lT,{...n})}):"Completion Template"})})}function oT(n){const a=B(l=>l.deleteInstance);return o(Se,{children:[e(M,{size:"S","aria-label":"Delete this instance of the playground",leadingVisual:e(x,{svg:e(un,{})}),onPress:()=>{a(n.playgroundInstanceId)}}),o(Be,{children:[e(Ze,{}),e(gl,{children:"Delete this instance of the playground"})]})]})}function sT({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(W,{children:[o(Se,{delay:100,children:[e(M,{variant:a?"primary":void 0,size:"S",children:"Save"}),o(Be,{placement:"top",children:[e(Ze,{}),e(gl,{children:"Save this prompt"})]})]}),e(Y,{children:e(X,{children:e(FF,{instanceId:n,selectedPromptId:(t=l.prompt)==null?void 0:t.id})})})]})}function dT({size:n}){const a=B(t=>t.templateFormat),l=B(t=>t.setTemplateFormat);return e("div",{css:T`
|
|
3772
3772
|
& * {
|
|
3773
3773
|
white-space: nowrap;
|
|
3774
3774
|
}
|
|
@@ -3911,7 +3911,7 @@ fragment PromptVersionTagsList_data on PromptVersion {
|
|
|
3911
3911
|
name
|
|
3912
3912
|
}
|
|
3913
3913
|
}
|
|
3914
|
-
`}}}();tg.hash="a6e4352854be2ab5fd0c10368a3469ad";function bT({onNewTagCreated:n,promptVersionId:a,onDismiss:l}){const{control:t,handleSubmit:i,formState:{isDirty:r}}=on({defaultValues:{name:"",description:""}}),[s,d]=y.useState(null),[c,m]=K.useMutation(tg);return e(Y,{children:e(
|
|
3914
|
+
`}}}();tg.hash="a6e4352854be2ab5fd0c10368a3469ad";function bT({onNewTagCreated:n,promptVersionId:a,onDismiss:l}){const{control:t,handleSubmit:i,formState:{isDirty:r}}=on({defaultValues:{name:"",description:""}}),[s,d]=y.useState(null),[c,m]=K.useMutation(tg);return e(Y,{children:e(X,{size:"M",children:e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"New Prompt Tag"}),e(pe,{children:e(ye,{onPress:l,slot:"close"})})]}),s?e(Ie,{variant:"danger",banner:!0,children:s}):null,o(Kn,{onSubmit:i(g=>{d(null),c({variables:{input:{name:g.name,description:g.description,promptVersionId:a},promptVersionId:a},onCompleted:()=>{n(g),l()},onError:u=>{d(u.message)}})}),children:[o(v,{padding:"size-200",children:[e(H,{name:"name",control:t,rules:{required:"Name is required",pattern:Wm},render:({field:{name:g,onChange:u,onBlur:f,value:h},fieldState:{invalid:k,error:S}})=>o(de,{isInvalid:k,onChange:u,onBlur:f,name:g,value:h.toString(),children:[e(G,{children:"Tag Name"}),e(ie,{placeholder:"e.x. prod"}),S!=null&&S.message?e(Fe,{children:S.message}):e(C,{slot:"description",children:"The identifier of the tag"})]})}),e(H,{name:"description",control:t,render:({field:{name:g,onChange:u,onBlur:f,value:h},fieldState:{invalid:k,error:S}})=>o(de,{isInvalid:k,onChange:u,name:g,onBlur:f,value:h.toString(),children:[e(G,{children:"Description"}),e(Aa,{placeholder:"A description of the tag"}),S!=null&&S.message?e(Fe,{children:S.message}):e(C,{slot:"description",children:"A description of the tag (optional)"})]})})]}),e(v,{paddingX:"size-200",paddingY:"size-100",borderTopColor:"dark",borderTopWidth:"thin",children:o(b,{gap:"size-100",justifyContent:"end",children:[e(M,{variant:"default",size:"S",onPress:l,isDisabled:m,children:"Cancel"}),e(M,{variant:r?"primary":"default",size:"S",type:"submit",isDisabled:m,children:"Create Tag"})]})})]})]})})})})}function ST(){const[n,a]=y.useState(!1),[l,t]=y.useState(!1),[i,r]=y.useState(0),s=ve(),{promptId:d,versionId:c}=nn();if(!d)throw new Error("Expected promptId to be defined");if(!c)throw new Error("Expected versionId to be defined");return o("div",{children:[o(W,{isOpen:n,onOpenChange:a,children:[e(M,{size:"S",leadingVisual:e(x,{svg:e(Mk,{})}),children:"Tag Version"}),o(Fn,{placement:"bottom end",children:[e(Sr,{}),o(J,{children:[e(y.Suspense,{fallback:e(v,{padding:"size-100",children:e(fe,{size:"S"})}),children:e(vT,{promptId:d,versionId:c,fetchKey:i,onTagSet:m=>{r(p=>p+1),s({title:"Tag Set",message:`The tag ${m} has been set on the version`})}})}),e(v,{padding:"size-100",width:"250px",children:e(M,{leadingVisual:e(x,{svg:e(ea,{})}),size:"S",css:T`
|
|
3915
3915
|
width: 100%;
|
|
3916
3916
|
`,onPress:()=>{a(!1),t(!0)},children:"New Tag"})})]})]})]}),e(W,{isOpen:l,onOpenChange:m=>{t(m)},children:e(bT,{promptVersionId:c,onDismiss:()=>t(!1),onNewTagCreated:m=>{r(p=>p+1),s({title:"Tag Created",message:`The tag ${m.name} has been created and set on the prompt version`})}})})]})}function vT({promptId:n,versionId:a,fetchKey:l,onTagSet:t}){var p,g;const i=K.useLazyLoadQuery(lg,{promptId:n,versionId:a},{fetchKey:l,fetchPolicy:"store-and-network"}),r=y.useMemo(()=>{var u,f;return((f=(u=i==null?void 0:i.prompt)==null?void 0:u.versionTags)==null?void 0:f.map(h=>h.name))||[]},[(p=i==null?void 0:i.prompt)==null?void 0:p.versionTags]),s=y.useMemo(()=>{var u,f;return((f=(u=i==null?void 0:i.promptVersion)==null?void 0:u.tags)==null?void 0:f.map(h=>h.name))||[]},[(g=i==null?void 0:i.promptVersion)==null?void 0:g.tags]),d=y.useMemo(()=>Array.from(new Set([...fo.map(u=>u.name),...r])),[r]),[c,m]=K.useMutation(ag);return e("ul",{children:d.map(u=>{const f=s.includes(u);return e("li",{children:e(v,{paddingY:"size-100",paddingX:"size-200",borderBottomColor:"light",borderBottomWidth:"thin",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("input",{type:"checkbox",name:u,checked:f,disabled:f||m,onChange:h=>{if(h.target.checked){const k=!s.includes(u);let S="";if(k){const F=fo.find(P=>P.name===u);S=(F==null?void 0:F.description)||""}c({variables:{input:{name:u,promptVersionId:a,description:S},promptId:n},onCompleted:()=>{t(u)}})}}}),e("span",{children:u})]})})},u)})})}function k3(){const n=rn();return Ue(n),e(CT,{promptVersion:n.promptVersion})}function CT({promptVersion:n}){return e(v,{width:"100%",overflow:"auto",elementType:"section",children:e(v,{padding:"size-200",width:"100%",overflow:"auto",children:o(b,{direction:"column",gap:"size-200",maxWidth:900,marginStart:"auto",marginEnd:"auto",children:[o(b,{direction:"row",justifyContent:"space-between",children:[o(b,{direction:"row",gap:"size-100",children:[e(oe,{level:2,children:`Version: ${n.id}`}),e(Bu,{promptVersion:n})]}),o(b,{direction:"row",gap:"size-100",children:[e(Te,{text:n.id,children:"Version ID"}),e(ST,{})]})]}),e(Ru,{promptVersion:n}),e(xu,{promptVersion:n}),e($u,{promptVersion:n})]})})})}const ig=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:"description",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"invocationParameters",storageKey:null},s={alias:null,args:null,kind:"ScalarField",name:"modelName",storageKey:null},d=[{alias:null,args:null,kind:"ScalarField",name:"definition",storageKey:null}],c={alias:null,args:null,concreteType:"ToolDefinition",kind:"LinkedField",name:"tools",plural:!0,selections:d,storageKey:null},m={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"toolCallId",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"promptVersionLoaderQuery",selections:[{alias:"promptVersion",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t,{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"PromptInvocationParameters__main"},{args:null,kind:"FragmentSpread",name:"PromptChatMessagesCard__main"},{args:null,kind:"FragmentSpread",name:"PromptCodeExportCard__main"},{args:null,kind:"FragmentSpread",name:"PromptModelConfigurationCard__main"},{args:null,kind:"FragmentSpread",name:"PromptVersionTagsList_data"},i,r,s,c,{alias:null,args:null,concreteType:"PromptVersionTag",kind:"LinkedField",name:"tags",plural:!0,selections:[m],storageKey:null}],type:"PromptVersion",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"promptVersionLoaderQuery",selections:[{alias:"promptVersion",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t,{kind:"InlineFragment",selections:[r,{alias:"provider",args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"template",plural:!1,selections:[l,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"PromptMessage",kind:"LinkedField",name:"messages",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"role",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"content",plural:!0,selections:[l,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"TextContentValue",kind:"LinkedField",name:"text",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"text",storageKey:null}],storageKey:null}],type:"TextContentPart",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ToolCallContentValue",kind:"LinkedField",name:"toolCall",plural:!1,selections:[p,{alias:null,args:null,concreteType:"ToolCallFunction",kind:"LinkedField",name:"toolCall",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null},m],storageKey:null}],storageKey:null}],type:"ToolCallContentPart",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ToolResultContentValue",kind:"LinkedField",name:"toolResult",plural:!1,selections:[p,{alias:null,args:null,kind:"ScalarField",name:"result",storageKey:null}],storageKey:null}],type:"ToolResultContentPart",abstractKey:null}],storageKey:null}],storageKey:null}],type:"PromptChatTemplate",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"template",storageKey:null}],type:"PromptStringTemplate",abstractKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateType",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateFormat",storageKey:null},s,{alias:null,args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{alias:null,args:null,concreteType:"ResponseFormat",kind:"LinkedField",name:"responseFormat",plural:!1,selections:d,storageKey:null},c,{alias:"model",args:null,kind:"ScalarField",name:"modelName",storageKey:null},{alias:null,args:null,concreteType:"PromptVersionTag",kind:"LinkedField",name:"tags",plural:!0,selections:[t,m],storageKey:null},i],type:"PromptVersion",abstractKey:null}],storageKey:null}]},params:{cacheID:"4f37a4d04a5a5999d2f9f42875519473",id:null,metadata:{},name:"promptVersionLoaderQuery",operationKind:"query",text:`query promptVersionLoaderQuery(
|
|
3917
3917
|
$id: ID!
|
|
@@ -4430,17 +4430,17 @@ fragment SessionDetailsTraceList_traces_2HEEH6 on ProjectSession {
|
|
|
4430
4430
|
}
|
|
4431
4431
|
id
|
|
4432
4432
|
}
|
|
4433
|
-
`}}}();fg.hash="d93b35659e600ca4438d4c1da87a24d5";const hg=function(){var n=["traces"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"mimeType",storageKey:null}];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{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:["node"],operation:fg,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"SessionDetailsTraceList_traces",selections:[{alias:"traces",args:null,concreteType:"TraceConnection",kind:"LinkedField",name:"__SessionDetailsTraceList_traces_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"TraceEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"trace",args:null,concreteType:"Trace",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"rootSpan",plural:!1,selections:[{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[a,{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},a,{alias:null,args:null,kind:"ScalarField",name:"attributes",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[a],storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:l,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:l,storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{args:null,kind:"FragmentSpread",name:"AnnotationSummaryGroup"}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},a],type:"ProjectSession",abstractKey:null}}();hg.hash="d93b35659e600ca4438d4c1da87a24d5";function IT({spanNodeId:n,projectId:a,size:l="M",buttonText:t="Annotate"}){return o(W,{children:[e(M,{size:l,"aria-label":"Edit Span Annotations",leadingVisual:e(x,{svg:e(el,{})}),children:t}),e(Y,{children:e(
|
|
4433
|
+
`}}}();fg.hash="d93b35659e600ca4438d4c1da87a24d5";const hg=function(){var n=["traces"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"mimeType",storageKey:null}];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{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:["node"],operation:fg,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"SessionDetailsTraceList_traces",selections:[{alias:"traces",args:null,concreteType:"TraceConnection",kind:"LinkedField",name:"__SessionDetailsTraceList_traces_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"TraceEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"trace",args:null,concreteType:"Trace",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"rootSpan",plural:!1,selections:[{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[a,{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},a,{alias:null,args:null,kind:"ScalarField",name:"attributes",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[a],storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:l,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:l,storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{args:null,kind:"FragmentSpread",name:"AnnotationSummaryGroup"}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},a],type:"ProjectSession",abstractKey:null}}();hg.hash="d93b35659e600ca4438d4c1da87a24d5";function IT({spanNodeId:n,projectId:a,size:l="M",buttonText:t="Annotate"}){return o(W,{children:[e(M,{size:l,"aria-label":"Edit Span Annotations",leadingVisual:e(x,{svg:e(el,{})}),children:t}),e(Y,{children:e(X,{variant:"slideover",size:"L",children:e(id,{spanNodeId:n,projectId:a})})})]})}const xT=n=>{const{json:a}=fn(n);if(a==null||!ka(a))return null;const l=a[ze.user];if(l==null||!ka(l))return null;const t=l[jf.id];return qn.isString(t)||qn.isNumber(t)?t:null};function Zo({role:n,value:a,mimeType:l}){const t=y.useMemo(()=>{if(l!=="json")return String(a);const r=fn(a);return r.json==null?"--":JSON.stringify(r.json,null,2)},[a,l]),i=kt(n==="HUMAN"?"user":"assistant");return e(v,{alignSelf:n==="HUMAN"?"start":"end",borderRadius:"medium",borderColor:"dark",borderWidth:"thin",padding:"size-200",maxWidth:"70%",...i,children:o(b,{direction:"column",gap:"size-50",children:[e(C,{color:"text-700",children:n}),l==="json"?e(Qn,{value:t}):e(C,{children:t})]})})}function LT({traceId:n,rootSpan:a,index:l}){var r,s;const t=y.useMemo(()=>new Date(a.startTime),[a.startTime]),i=y.useMemo(()=>xT(a.attributes),[a.attributes]);return e(v,{height:"100%",children:o(b,{direction:"column",justifyContent:"space-between",height:"100%",children:[o(b,{direction:"column",gap:"size-200",children:[o(b,{direction:"row",justifyContent:"space-between",children:[o(C,{children:["Trace #",l+1]}),e(sn,{to:`/projects/${a.project.id}/traces/${n}?${Mn}=${a.id}`,children:o(b,{alignItems:"center",children:["View Trace",e(x,{svg:e(Vk,{})})]})})]}),o(b,{direction:"row",justifyContent:"space-between",children:[i!=null?o(C,{color:"text-700",children:["user: ",i]}):null,e(C,{color:"text-700",flex:"end",marginStart:"auto",children:en(t)})]}),o(b,{direction:"row",gap:"size-100",children:[e(od,{tokenCountTotal:a.cumulativeTokenCountTotal||0,nodeId:a.id}),((s=(r=a.trace.costSummary)==null?void 0:r.total)==null?void 0:s.cost)!=null&&e(vr,{totalCost:a.trace.costSummary.total.cost,nodeId:a.trace.id}),a.latencyMs!=null?e(cn,{latencyMs:a.latencyMs}):"--"]})]}),o(b,{direction:"row",justifyContent:"space-between",alignItems:"end",children:[o(b,{direction:"column",gap:"size-100",maxWidth:"50%",children:[e(C,{children:"Feedback"}),e(b,{gap:"size-50",direction:"column",children:e(si,{span:a,renderEmptyState:()=>"--"})})]}),e("span",{children:e(IT,{size:"S",spanNodeId:a.id,projectId:a.project.id,buttonText:"Annotate"})})]})]})})}function DT({rootSpan:n}){var a,l,t,i;return o(b,{direction:"column",gap:"size-100",children:[e(Zo,{role:"HUMAN",value:(a=n.input)==null?void 0:a.value,mimeType:(l=n.input)==null?void 0:l.mimeType}),e(Zo,{role:"AI",value:(t=n.output)==null?void 0:t.value,mimeType:(i=n.output)==null?void 0:i.mimeType})]})}function _T({tracesRef:n}){const{data:a,loadNext:l,isLoadingNext:t,hasNext:i}=K.usePaginationFragment(hg,n),r=y.useMemo(()=>{var c;return(c=a.traces)==null?void 0:c.edges.filter(m=>m.trace.rootSpan!==null).map(({trace:m})=>m)},[a]),s=y.useCallback(c=>{if(c){const{scrollHeight:m,scrollTop:p,clientHeight:g}=c;m-p-g<1024&&!t&&i&&l(yg)}},[i,t,l]),d=y.useMemo(()=>qn.throttle(s,100),[s]);return o("div",{css:T`
|
|
4434
4434
|
height: 100%;
|
|
4435
4435
|
flex: 1 1 auto;
|
|
4436
4436
|
overflow: auto;
|
|
4437
|
-
`,onScroll:c=>d(c.target),children:[r.map(({traceId:c,rootSpan:m},p)=>e(v,{borderBottomColor:"dark",borderBottomWidth:"thin",children:o(b,{direction:"row",children:[e(v,{borderRightWidth:"thin",borderEndColor:"dark",padding:"size-200",flex:"1 1 auto",children:e(DT,{rootSpan:m})}),e(v,{width:350,padding:"size-200",flex:"none",children:e(LT,{traceId:c,rootSpan:m,index:p})})]})},m.spanId)),t&&e(v,{borderBottomColor:"dark",borderBottomWidth:"thin",padding:"size-200",children:e(fe,{})})]})}function AT({traceCount:n,costSummary:a,tokenUsage:l,latencyP50:t,sessionId:i}){var r,s,d,c;return e(v,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",children:o(b,{direction:"row",gap:"size-400",children:[o(b,{direction:"column",children:[e(C,{elementType:"h3",color:"text-700",children:"Traces Count"}),e(C,{size:"L",children:n})]}),l!=null?o(b,{direction:"column",children:[e(C,{elementType:"h3",color:"text-700",children:"Total Tokens"}),e(sd,{tokenCountTotal:l.total,nodeId:i,size:"L"})]}):null,a!=null?o(b,{direction:"column",flex:"none",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Total Cost"}),o(Se,{delay:0,children:[e(
|
|
4437
|
+
`,onScroll:c=>d(c.target),children:[r.map(({traceId:c,rootSpan:m},p)=>e(v,{borderBottomColor:"dark",borderBottomWidth:"thin",children:o(b,{direction:"row",children:[e(v,{borderRightWidth:"thin",borderEndColor:"dark",padding:"size-200",flex:"1 1 auto",children:e(DT,{rootSpan:m})}),e(v,{width:350,padding:"size-200",flex:"none",children:e(LT,{traceId:c,rootSpan:m,index:p})})]})},m.spanId)),t&&e(v,{borderBottomColor:"dark",borderBottomWidth:"thin",padding:"size-200",children:e(fe,{})})]})}function AT({traceCount:n,costSummary:a,tokenUsage:l,latencyP50:t,sessionId:i}){var r,s,d,c;return e(v,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",children:o(b,{direction:"row",gap:"size-400",children:[o(b,{direction:"column",children:[e(C,{elementType:"h3",color:"text-700",children:"Traces Count"}),e(C,{size:"L",children:n})]}),l!=null?o(b,{direction:"column",children:[e(C,{elementType:"h3",color:"text-700",children:"Total Tokens"}),e(sd,{tokenCountTotal:l.total,nodeId:i,size:"L"})]}):null,a!=null?o(b,{direction:"column",flex:"none",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Total Cost"}),o(Se,{delay:0,children:[e(pl,{children:e(C,{size:"L",children:mn(((r=a.total)==null?void 0:r.cost)??0)})}),e(Ca,{placement:"bottom",children:e(v,{width:"size-2400",children:o(b,{direction:"column",children:[o(b,{justifyContent:"space-between",children:[e(C,{children:"Prompt Cost"}),e(C,{children:mn(((s=a.prompt)==null?void 0:s.cost)??0)})]}),o(b,{justifyContent:"space-between",children:[e(C,{children:"Completion Cost"}),e(C,{children:mn(((d=a.completion)==null?void 0:d.cost)??0)})]}),o(b,{justifyContent:"space-between",children:[e(C,{children:"Total Cost"}),e(C,{children:mn(((c=a.total)==null?void 0:c.cost)??0)})]})]})})})]})]}):null,t!=null?o(b,{direction:"column",children:[e(C,{elementType:"h3",color:"text-700",children:"Latency P50"}),e(cn,{latencyMs:t,size:"L"})]}):null]})})}function wT(n){const{sessionId:a}=n,l=K.useLazyLoadQuery(pg,{id:a,first:yg},{fetchPolicy:"store-and-network"});if(l.session==null)throw new Error("Session not found");return o("main",{css:T`
|
|
4438
4438
|
flex: 1 1 auto;
|
|
4439
4439
|
display: flex;
|
|
4440
4440
|
flex-direction: column;
|
|
4441
4441
|
height: 100%;
|
|
4442
4442
|
overflow: hidden;
|
|
4443
|
-
`,children:[e(AT,{traceCount:l.session.numTraces??0,costSummary:l.session.costSummary,tokenUsage:l.session.tokenUsage,latencyP50:l.session.latencyP50,sessionId:a}),e(_T,{tracesRef:l.session})]})}function I3(){var r;const n=rn();Ue(n);const{sessionId:a}=nn(),l=Ce(),{rootPath:t,tab:i}=Si();return e(Y,{isOpen:!0,onOpenChange:s=>{s||l(`${t}/${i}`)},children:e(
|
|
4443
|
+
`,children:[e(AT,{traceCount:l.session.numTraces??0,costSummary:l.session.costSummary,tokenUsage:l.session.tokenUsage,latencyP50:l.session.latencyP50,sessionId:a}),e(_T,{tracesRef:l.session})]})}function I3(){var r;const n=rn();Ue(n);const{sessionId:a}=nn(),l=Ce(),{rootPath:t,tab:i}=Si();return e(Y,{isOpen:!0,onOpenChange:s=>{s||l(`${t}/${i}`)},children:e(X,{variant:"slideover",size:"fullscreen",onOpenChange:s=>{s||l(`${t}/${i}`)},children:e(J,{children:o(ce,{children:[o(ue,{children:[o(me,{children:["Session ID: ",((r=n.session)==null?void 0:r.sessionId)??"--"]}),e(pe,{children:e(ye,{slot:"close"})})]}),e(zl,{children:e(wT,{sessionId:a})})]})})})})}const kg=function(){var n=[{alias:null,args:null,concreteType:"Functionality",kind:"LinkedField",name:"functionality",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"modelInferences",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"homeLoaderQuery",selections:n,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"homeLoaderQuery",selections:n},params:{cacheID:"8bfba02258509f0b645b86f3322838d8",id:null,metadata:{},name:"homeLoaderQuery",operationKind:"query",text:`query homeLoaderQuery {
|
|
4444
4444
|
functionality {
|
|
4445
4445
|
modelInferences
|
|
4446
4446
|
}
|
|
@@ -4647,7 +4647,7 @@ fragment MetricSelector_dimensions on InferenceModel {
|
|
|
4647
4647
|
id
|
|
4648
4648
|
}
|
|
4649
4649
|
}
|
|
4650
|
-
`}}}();vg.hash="ef95e709ca26aebdf07386ab97205b1e";function ET(){const{theme:n}=sa();return y.useMemo(()=>n==="light"?zk:Nk,[n])}function RT(){const{embeddingDimensionId:n}=nn();if(!n)throw new Error("Missing embeddingDimensionId in URL params");return n}const Cg={euclideanDistance:{name:"Euclidean Distance",shortName:"Euc. Distance",definition:"Euclidean distance over time captures how much your primary inferences's embeddings are drifting from the reference data. Euclidean distance of the embeddings is calculated by taking the centroid of the embedding vectors for each inferences and calculating the distance between the two centroids."},queryDistance:{name:"Query Distance",shortName:"Query Distance",definition:"The query distance is the euclidean distance of the centroid of queries from the centroid of the corpus."},accuracyScore:{name:"Accuracy Score",shortName:"Accuracy",definition:"Accuracy classification score. In multi-label classification, this function computes subset accuracy: the set of labels predicted for a sample must exactly match the corresponding set of labels in the ground truth."}};function
|
|
4650
|
+
`}}}();vg.hash="ef95e709ca26aebdf07386ab97205b1e";function ET(){const{theme:n}=sa();return y.useMemo(()=>n==="light"?zk:Nk,[n])}function RT(){const{embeddingDimensionId:n}=nn();if(!n)throw new Error("Missing embeddingDimensionId in URL params");return n}const Cg={euclideanDistance:{name:"Euclidean Distance",shortName:"Euc. Distance",definition:"Euclidean distance over time captures how much your primary inferences's embeddings are drifting from the reference data. Euclidean distance of the embeddings is calculated by taking the centroid of the embedding vectors for each inferences and calculating the distance between the two centroids."},queryDistance:{name:"Query Distance",shortName:"Query Distance",definition:"The query distance is the euclidean distance of the centroid of queries from the centroid of the corpus."},accuracyScore:{name:"Accuracy Score",shortName:"Accuracy",definition:"Accuracy classification score. In multi-label classification, this function computes subset accuracy: the set of labels predicted for a sample must exactly match the corresponding set of labels in the ground truth."}};function dl(n){const a=Cg[n];return a!=null?a.shortName:n}function Ei(n){const a=Cg[n];return a&&a.definition!=null&&a.definition||null}function kl(n){return`${n.column}:${n.dir}`}function MT(){const{referenceInferences:n}=Pa(),a=!!n,l=ge(c=>c.clusterSort),t=ge(c=>c.setClusterSort),[i,r]=y.useState(!1),s=y.useMemo(()=>{const c=[];return a&&c.push({label:"Most drift",value:kl({column:"driftRatio",dir:"desc"})}),[...c,{label:"Largest clusters",value:kl({column:"size",dir:"desc"})},{label:"Smallest clusters",value:kl({column:"size",dir:"asc"})},{label:"Highest metric value",value:kl({column:"primaryMetricValue",dir:"desc"})},{label:"Lowest metric value",value:kl({column:"primaryMetricValue",dir:"asc"})}]},[a]),d=kl(l);return e("div",{css:T`
|
|
4651
4651
|
.ac-action-button {
|
|
4652
4652
|
background: none;
|
|
4653
4653
|
border: none;
|
|
@@ -4685,7 +4685,7 @@ fragment MetricSelector_dimensions on InferenceModel {
|
|
|
4685
4685
|
font-size: var(--ac-global-dimension-static-font-size-75);
|
|
4686
4686
|
font-weight: var(--px-font-weight-heavy);
|
|
4687
4687
|
}
|
|
4688
|
-
`;function $T({model:n}){const[,a]=y.useTransition(),l=K.useFragment(Fg,n),{referenceInferences:t,corpusInferences:i}=Pa(),r=!!t,s=!!i,d=ge(h=>h.metric),c=ge(h=>h.loading),m=ge(h=>h.setMetric),p=l.numericDimensions.edges.map(h=>h.node),g=p.length>0,u=y.useCallback(h=>{if(!h)return;const k=zT({metricKey:h,dimensions:p});a(()=>{m(k)})},[m,p,a]),f=[];return r&&f.push({key:Hl({type:"drift",metric:"euclideanDistance"}),label:"Euclidean Distance"}),s&&f.push({key:Hl({type:"retrieval",metric:"queryDistance"}),label:"Query Distance"}),f.push({key:Hl({type:"performance",metric:"accuracyScore"}),label:"Accuracy Score"}),g&&p.forEach(h=>{f.push({key:Hl({type:"dataQuality",metric:"average",dimension:h}),label:`${h.name} avg`})}),o(Se,{delay:0,children:[o(pt,{selectedKey:d?Hl(d):void 0,onSelectionChange:u,placeholder:"Select a metric...",isDisabled:c,"aria-label":"Analysis metric",css:NT,children:[e(G,{children:"Metric"}),o(M,{children:[e(Bt,{}),e(
|
|
4688
|
+
`;function $T({model:n}){const[,a]=y.useTransition(),l=K.useFragment(Fg,n),{referenceInferences:t,corpusInferences:i}=Pa(),r=!!t,s=!!i,d=ge(h=>h.metric),c=ge(h=>h.loading),m=ge(h=>h.setMetric),p=l.numericDimensions.edges.map(h=>h.node),g=p.length>0,u=y.useCallback(h=>{if(!h)return;const k=zT({metricKey:h,dimensions:p});a(()=>{m(k)})},[m,p,a]),f=[];return r&&f.push({key:Hl({type:"drift",metric:"euclideanDistance"}),label:"Euclidean Distance"}),s&&f.push({key:Hl({type:"retrieval",metric:"queryDistance"}),label:"Query Distance"}),f.push({key:Hl({type:"performance",metric:"accuracyScore"}),label:"Accuracy Score"}),g&&p.forEach(h=>{f.push({key:Hl({type:"dataQuality",metric:"average",dimension:h}),label:`${h.name} avg`})}),o(Se,{delay:0,children:[o(pt,{selectedKey:d?Hl(d):void 0,onSelectionChange:u,placeholder:"Select a metric...",isDisabled:c,"aria-label":"Analysis metric",css:NT,children:[e(G,{children:"Metric"}),o(M,{children:[e(Bt,{}),e(ul,{})]}),e(Fn,{children:e(Fa,{children:f.map(h=>e(Yn,{id:h.key,children:h.label},h.key))})})]}),o(Ca,{children:[e(Ze,{}),o("section",{css:T`
|
|
4689
4689
|
h4 {
|
|
4690
4690
|
margin-bottom: 0.5rem;
|
|
4691
4691
|
}
|
|
@@ -4755,7 +4755,7 @@ fragment MetricSelector_dimensions on InferenceModel {
|
|
|
4755
4755
|
gap: var(--ac-global-dimension-static-size-50);
|
|
4756
4756
|
|
|
4757
4757
|
margin-top: var(--ac-global-dimension-static-size-50);
|
|
4758
|
-
`,children:[e(x,{svg:e(
|
|
4758
|
+
`,children:[e(x,{svg:e(yl,{})}),e("span",{children:"Click to view the point cloud at this time"})]})]})}return null}function OT(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:$e()}}function QT(n){if(n)switch(n.type){case"drift":return dl(n.metric);case"performance":return dl(n.metric);case"dataQuality":return`${n.dimension.name} avg`;case"retrieval":return dl(n.metric);default:$e()}else return"Count"}function BT(n){switch(n.type){case"drift":return Ei(n.metric);case"performance":return Ei(n.metric);case"dataQuality":return null;case"retrieval":return Ei(n.metric);default:$e()}}function qT({embeddingDimensionId:n}){const a=ge(j=>j.metric),l=a.type==="drift",t=a.type==="retrieval",i=a.type==="dataQuality",r=a.type==="performance",{timeRange:s}=Ra(),{selectedTimestamp:d,setSelectedTimestamp:c}=ui(),m=$l(s),p=K.useLazyLoadQuery(Tg,{embeddingDimensionId:n,timeRange:{start:s.start.toISOString(),end:s.end.toISOString()},metricGranularity:ud(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=jl({samplingIntervalMinutes:m.samplingIntervalMinutes}),u=UT({data:p,metric:a}),h=HT(p).reduce((j,w)=>(j[w.timestamp]=w.value,j),{})??{},k=u.map(j=>{const w=h[j.timestamp];return{...j,traffic:w,timestamp:new Date(j.timestamp).getTime()}}),S=QT(a),F=BT(a),{color:P,barColor:L}=Kg(),D=y.useCallback(j=>{const{activeIndex:w}=j;let z;if(typeof w=="number"?z=w:typeof w=="string"&&!isNaN(Number(w))&&(z=Number(w)),typeof z=="number"&&k[z]){const I=k[z];c(new Date(I.timestamp))}},[c,k]);return o("section",{css:T`
|
|
4759
4759
|
width: 100%;
|
|
4760
4760
|
height: 100%;
|
|
4761
4761
|
display: flex;
|
|
@@ -4776,7 +4776,7 @@ fragment MetricSelector_dimensions on InferenceModel {
|
|
|
4776
4776
|
width: 100%;
|
|
4777
4777
|
overflow: hidden;
|
|
4778
4778
|
}
|
|
4779
|
-
`,children:[o(oe,{level:3,children:[OT(a),F!=null?o(ut,{children:[e(oe,{level:4,children:S}),e(
|
|
4779
|
+
`,children:[o(oe,{level:3,children:[OT(a),F!=null?o(ut,{children:[e(oe,{level:4,children:S}),e(gl,{children:F})]}):null]}),e("div",{children:e(We,{width:"100%",height:"100%",children:o(hl,{data:k,margin:{top:25,right:18,left:18,bottom:10},onClick:D,children:[o("defs",{children:[o("linearGradient",{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:P,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:P,stopOpacity:0})]}),o("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:L,stopOpacity:.3}),e("stop",{offset:"95%",stopColor:L,stopOpacity:0})]})]}),e(an,{...Ol,tickFormatter:j=>g(new Date(j)),style:{fill:"var(--ac-global-text-color-700)"}}),e(Oe,{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(Oe,{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(ln,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(Ge,{content:jT}),e(Re,{yAxisId:"right",dataKey:"traffic",fill:"url(#barColor)",spacing:5}),e(rt,{type:"monotone",dataKey:"value",stroke:P,fillOpacity:1,fill:"url(#colorUv)"}),d!=null?e(Ad,{...md,x:d.getTime(),label:e(wd,{...gd})}):null]})})})]})}function UT({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:dl(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:dl(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:dl(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 HT(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(
|
|
4780
4780
|
$primaryEventIds: [ID!]!
|
|
4781
4781
|
$referenceEventIds: [ID!]!
|
|
4782
4782
|
$corpusEventIds: [ID!]!
|
|
@@ -4936,7 +4936,7 @@ dataframe`,nK=T`
|
|
|
4936
4936
|
.cm-content {
|
|
4937
4937
|
padding: var(--ac-global-dimension-static-size-100);
|
|
4938
4938
|
}
|
|
4939
|
-
`;function aK({value:n}){const{theme:a}=sa(),l=a==="light"?al:ll;return e(tl,{value:n,basicSetup:!1,extensions:[ht()],editable:!1,theme:l,css:nK})}function lK(){const n=ge(m=>m.selectedEventIds),[a,l]=K.useMutation(xg),[t,i]=y.useState(null),[r,s]=y.useState(!1),d=y.useCallback(()=>{a({variables:{eventIds:[...n]},onCompleted:m=>{i(m.exportEvents),s(!0)}})},[a,n]);return o(
|
|
4939
|
+
`;function aK({value:n}){const{theme:a}=sa(),l=a==="light"?al:ll;return e(tl,{value:n,basicSetup:!1,extensions:[ht()],editable:!1,theme:l,css:nK})}function lK(){const n=ge(m=>m.selectedEventIds),[a,l]=K.useMutation(xg),[t,i]=y.useState(null),[r,s]=y.useState(!1),d=y.useCallback(()=>{a({variables:{eventIds:[...n]},onCompleted:m=>{i(m.exportEvents),s(!0)}})},[a,n]);return o(Z,{children:[e(M,{size:"S",leadingVisual:e(x,{svg:l?e(Wn,{}):e(Fr,{})}),"aria-label":"Export selection / cluster",isDisabled:l,onPress:d,children:l?"Exporting":"Export"}),e(W,{isOpen:r&&t!==null,onOpenChange:m=>{s(m),!m&&!t&&i(null)},children:e(Y,{isDismissable:!0,children:e(X,{variant:"slideover",size:"M",children:e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Cluster Exports"}),e(pe,{children:e(ye,{})})]}),t&&o(Z,{children:[e(Ie,{variant:"success",banner:!0,title:"Export succeeded",extra:e(M,{variant:"success",size:"S",onPress:()=>{window.open(`/exports?filename=${t.fileName}`,"_self")},children:"Download"})}),o("div",{css:T`
|
|
4940
4940
|
display: flex;
|
|
4941
4941
|
flex-direction: column;
|
|
4942
4942
|
justify-content: space-between;
|
|
@@ -5020,7 +5020,7 @@ dataframe`,nK=T`
|
|
|
5020
5020
|
`,children:[e(M,{size:"S",leadingVisual:e(x,{svg:e(Ll,{})}),"aria-label":"Clear selection",onPress:g}),e(lK,{})]}),o(Ln,{children:[e(xn,{children:e(se,{id:"selection",children:"Selection"})}),o(Qa,{id:"selection",children:[e(uK,{numSelectedEvents:L,numMatchingEvents:D,searchText:h}),t===pd.list?e("div",{css:T`
|
|
5021
5021
|
flex: 1 1 auto;
|
|
5022
5022
|
overflow-y: auto;
|
|
5023
|
-
`,children:e(rK,{data:S,onPointSelected:r})}):e(iK,{events:F,onItemSelected:r})]})]}),e(W,{isOpen:P!==null,onOpenChange:j,children:e(Y,{children:e(
|
|
5023
|
+
`,children:e(rK,{data:S,onPointSelected:r})}):e(iK,{events:F,onItemSelected:r})]})]}),e(W,{isOpen:P!==null,onOpenChange:j,children:e(Y,{children:e(X,{variant:"slideover",size:"L",children:e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Embedding Details"}),e(pe,{children:e(ye,{})})]}),P&&e(GT,{event:P})]})})})})})]})}function uK({numSelectedEvents:n,numMatchingEvents:a,searchText:l}){const t=ge(m=>m.selectionDisplay),i=ge(m=>m.setSelectionDisplay),r=ge(m=>m.selectionGridSize),s=ge(m=>m.setSelectionGridSize),d=ge(m=>m.setSelectionSearchText),c=y.useMemo(()=>l?`${a}/${n} match "${l}"`:`${n} selected`,[n,a,l]);return e(Cr,{extra:o("div",{css:T`
|
|
5024
5024
|
display: flex;
|
|
5025
5025
|
flex-direction: row;
|
|
5026
5026
|
gap: var(--ac-global-dimension-static-size-100);
|
|
@@ -5029,7 +5029,7 @@ dataframe`,nK=T`
|
|
|
5029
5029
|
display: flex;
|
|
5030
5030
|
flex-direction: column;
|
|
5031
5031
|
overflow: hidden;
|
|
5032
|
-
`,children:[e(bK,{}),o(Cr,{extra:e(Xa,{onChange:F=>{m(F)},isSelected:c,labelPlacement:"start",children:"Show Timeseries"}),children:[e(dd,{}),l?e(cd,{inferencesRole:"reference",timeRange:{start:new Date(l.startTime),end:new Date(l.endTime)}}):null,e($T,{model:S.model})]}),o(Un,{direction:"vertical",children:[c?o(
|
|
5032
|
+
`,children:[e(bK,{}),o(Cr,{extra:e(Xa,{onChange:F=>{m(F)},isSelected:c,labelPlacement:"start",children:"Show Timeseries"}),children:[e(dd,{}),l?e(cd,{inferencesRole:"reference",timeRange:{start:new Date(l.startTime),end:new Date(l.endTime)}}):null,e($T,{model:S.model})]}),o(Un,{direction:"vertical",children:[c?o(Z,{children:[e(Xe,{defaultSize:20,collapsible:!0,order:1,children:e(y.Suspense,{fallback:e(fe,{}),children:e(qT,{embeddingDimensionId:n})})}),e(ta,{css:fl})]}):null,e(Xe,{order:2,children:e("div",{css:T`
|
|
5033
5033
|
width: 100%;
|
|
5034
5034
|
height: 100%;
|
|
5035
5035
|
position: relative;
|
|
@@ -5061,7 +5061,7 @@ dataframe`,nK=T`
|
|
|
5061
5061
|
}
|
|
5062
5062
|
}
|
|
5063
5063
|
}
|
|
5064
|
-
`,children:e(hK,{})}),e(ta,{css:
|
|
5064
|
+
`,children:e(hK,{})}),e(ta,{css:fl}),e(Xe,{css:T`
|
|
5065
5065
|
.ac-tabs {
|
|
5066
5066
|
height: 100%;
|
|
5067
5067
|
overflow: hidden;
|
|
@@ -5080,7 +5080,7 @@ dataframe`,nK=T`
|
|
|
5080
5080
|
left: 0;
|
|
5081
5081
|
bottom: 0;
|
|
5082
5082
|
right: 0;
|
|
5083
|
-
`,"data-testid":"selection-panel",children:o(Un,{direction:"vertical",children:[e(Xe,{}),e(ta,{css:
|
|
5083
|
+
`,"data-testid":"selection-panel",children:o(Un,{direction:"vertical",children:[e(Xe,{}),e(ta,{css:fl,style:{zIndex:1}}),e(Xe,{id:"embedding-point-selection",defaultSize:40,minSize:20,order:2,style:{zIndex:1},children:e(fK,{children:e(y.Suspense,{fallback:e(fe,{}),children:e(cK,{})})})})]})})}function fK(n){return e("div",{css:T`
|
|
5084
5084
|
background-color: var(--ac-global-color-grey-75);
|
|
5085
5085
|
width: 100%;
|
|
5086
5086
|
height: 100%;
|
|
@@ -5090,7 +5090,7 @@ dataframe`,nK=T`
|
|
|
5090
5090
|
flex-direction: column;
|
|
5091
5091
|
gap: var(--ac-global-dimension-size-100);
|
|
5092
5092
|
margin: var(--ac-global-dimension-size-100);
|
|
5093
|
-
`,children:l.map(g=>e("li",{children:e(Wk,{clusterId:g.id,numPoints:g.eventIds.length,isSelected:t===g.id,driftRatio:g.driftRatio,primaryToCorpusRatio:g.primaryToCorpusRatio,primaryMetricValue:g.primaryMetricValue,referenceMetricValue:g.referenceMetricValue,metricName:kK(i),hideReference:m,onClick:()=>{t!==g.id?(r(g.id),s(new Set(g.eventIds))):(r(null),s(new Set))},onMouseEnter:()=>{d(g.id)},onMouseLeave:()=>{d(null)}})},g.id))})})]})}),e(Qa,{id:"configuration",children:e(v,{overflow:"auto",height:"100%",children:e(Jk,{})})})]})});function kK(n){const{type:a,metric:l}=n;switch(a){case"dataQuality":return`${n.dimension.name} avg`;case"drift":{switch(l){case"euclideanDistance":return"Cluster Drift";default:$e()}break}case"performance":return
|
|
5093
|
+
`,children:l.map(g=>e("li",{children:e(Wk,{clusterId:g.id,numPoints:g.eventIds.length,isSelected:t===g.id,driftRatio:g.driftRatio,primaryToCorpusRatio:g.primaryToCorpusRatio,primaryMetricValue:g.primaryMetricValue,referenceMetricValue:g.referenceMetricValue,metricName:kK(i),hideReference:m,onClick:()=>{t!==g.id?(r(g.id),s(new Set(g.eventIds))):(r(null),s(new Set))},onMouseEnter:()=>{d(g.id)},onMouseLeave:()=>{d(null)}})},g.id))})})]})}),e(Qa,{id:"configuration",children:e(v,{overflow:"auto",height:"100%",children:e(Jk,{})})})]})});function kK(n){const{type:a,metric:l}=n;switch(a){case"dataQuality":return`${n.dimension.name} avg`;case"drift":{switch(l){case"euclideanDistance":return"Cluster Drift";default:$e()}break}case"performance":return dl(l);case"retrieval":{switch(l){case"queryDistance":return"% Query";default:$e()}break}default:$e()}}function bK(){const{notifyError:n}=a0(),a=ge(t=>t.errorMessage),l=ge(t=>t.setErrorMessage);return y.useEffect(()=>{a!==null&&n({title:"An error occurred",message:a,action:{text:"Dismiss",onClick:()=>{l(null)}}})},[a,n,l]),null}const Dg=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={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"embeddingLoaderQuery",selections:[{alias:"embedding",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[l,t],type:"EmbeddingDimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"embeddingLoaderQuery",selections:[{alias:"embedding",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l,{kind:"InlineFragment",selections:[t],type:"EmbeddingDimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"6f34962d234c6eb9fc0812628dd9a905",id:null,metadata:{},name:"embeddingLoaderQuery",operationKind:"query",text:`query embeddingLoaderQuery(
|
|
5094
5094
|
$id: ID!
|
|
5095
5095
|
) {
|
|
5096
5096
|
embedding: node(id: $id) {
|
|
@@ -5182,7 +5182,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
5182
5182
|
}
|
|
5183
5183
|
}
|
|
5184
5184
|
}
|
|
5185
|
-
`}}}();_g.hash="667ef1a20e42077fcd704bf788c9357c";const Ag=function(){var n={kind:"Literal",name:"metric",value:"cardinality"};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"hasReference"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionCardinalityStats_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:"cardinality",args:[n,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{condition:"hasReference",kind:"Condition",passingValue:!0,selections:[{alias:"referenceCardinality",args:[{kind:"Literal",name:"inferencesRole",value:"reference"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"cardinality")'}]}],type:"Dimension",abstractKey:null}}();Ag.hash="8b4edef350e4df49e799afa70ca34918";function SK(n){const a=K.useFragment(Ag,n.dimension);return o(
|
|
5185
|
+
`}}}();_g.hash="667ef1a20e42077fcd704bf788c9357c";const Ag=function(){var n={kind:"Literal",name:"metric",value:"cardinality"};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"hasReference"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionCardinalityStats_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:"cardinality",args:[n,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{condition:"hasReference",kind:"Condition",passingValue:!0,selections:[{alias:"referenceCardinality",args:[{kind:"Literal",name:"inferencesRole",value:"reference"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"cardinality")'}]}],type:"Dimension",abstractKey:null}}();Ag.hash="8b4edef350e4df49e799afa70ca34918";function SK(n){const a=K.useFragment(Ag,n.dimension);return o(Z,{children:[e(C,{elementType:"h3",size:"XS",color:"text-700",children:"Cardinality"}),e(C,{children:qe(a.cardinality)}),a.referenceCardinality!=null&&e(C,{size:"S",color:"purple-800",children:qe(a.referenceCardinality)})]})}const wg=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"granularity"},l={defaultValue:null,kind:"LocalArgument",name:"timeRange"},t=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"InlineFragment",selections:[{alias:"cardinalityTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"granularity"},{kind:"Literal",name:"metric",value:"cardinality"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"DimensionCardinalityTimeSeriesQuery",selections:[{alias:"dimension",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,l,a],kind:"Operation",name:"DimensionCardinalityTimeSeriesQuery",selections:[{alias:"dimension",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,r],storageKey:null}]},params:{cacheID:"3c329f10094fdfe6dfbc0c7742bcffc4",id:null,metadata:{},name:"DimensionCardinalityTimeSeriesQuery",operationKind:"query",text:`query DimensionCardinalityTimeSeriesQuery(
|
|
5186
5186
|
$dimensionId: ID!
|
|
5187
5187
|
$timeRange: TimeRange!
|
|
5188
5188
|
$granularity: Granularity!
|
|
@@ -5200,7 +5200,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
5200
5200
|
}
|
|
5201
5201
|
}
|
|
5202
5202
|
}
|
|
5203
|
-
`}}}();wg.hash="54017cf4e3febc3e99e1d95c98800ef7";const St={top:25,right:18,left:18,bottom:5},vK=new Intl.NumberFormat([],{maximumFractionDigits:2}),Eg=()=>{const{grey300:n}=Pn();return{color:n}};function CK({active:n,payload:a,label:l}){var i;const{color:t}=Eg();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,s=typeof r=="number"?vK.format(r):"--";return o(He,{children:[l&&e(C,{weight:"heavy",size:"S",children:`${en(new Date(l))}`}),e(he,{color:t,name:"Cardinality",value:s}),e(oi,{})]})}return null}function FK({dimensionId:n}){var d;const{timeRange:a}=Ra(),l=$l(a),t=K.useLazyLoadQuery(wg,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:l}),{color:i}=Eg(),r=((d=t.dimension.cardinalityTimeSeries)==null?void 0:d.data.map(c=>({timestamp:new Date(c.timestamp).valueOf(),value:c.value})))||[],s=jl({samplingIntervalMinutes:l.samplingIntervalMinutes});return e(We,{width:"100%",height:"100%",children:o(
|
|
5203
|
+
`}}}();wg.hash="54017cf4e3febc3e99e1d95c98800ef7";const St={top:25,right:18,left:18,bottom:5},vK=new Intl.NumberFormat([],{maximumFractionDigits:2}),Eg=()=>{const{grey300:n}=Pn();return{color:n}};function CK({active:n,payload:a,label:l}){var i;const{color:t}=Eg();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,s=typeof r=="number"?vK.format(r):"--";return o(He,{children:[l&&e(C,{weight:"heavy",size:"S",children:`${en(new Date(l))}`}),e(he,{color:t,name:"Cardinality",value:s}),e(oi,{})]})}return null}function FK({dimensionId:n}){var d;const{timeRange:a}=Ra(),l=$l(a),t=K.useLazyLoadQuery(wg,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:l}),{color:i}=Eg(),r=((d=t.dimension.cardinalityTimeSeries)==null?void 0:d.data.map(c=>({timestamp:new Date(c.timestamp).valueOf(),value:c.value})))||[],s=jl({samplingIntervalMinutes:l.samplingIntervalMinutes});return e(We,{width:"100%",height:"100%",children:o(hl,{data:r,margin:St,syncId:"dimensionDetails",children:[e("defs",{children:o("linearGradient",{id:"cardinalityColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:i,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:i,stopOpacity:0})]})}),e(an,{...Ol,tickFormatter:c=>s(new Date(c))}),e(Oe,{stroke:"var(--ac-global-color-grey-500)",label:{value:"Cardinality",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(ln,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(Ge,{content:CK}),e(rt,{type:"monotone",dataKey:"value",stroke:i,fillOpacity:1,fill:"url(#cardinalityColorUv)"})]})})}const Rg={argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionCountStats_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:"count",args:[{kind:"Literal",name:"metric",value:"count"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],kind:"ScalarField",name:"dataQualityMetric",storageKey:null}],type:"Dimension",abstractKey:null};Rg.hash="6dccac51f3fb0853276677c692af5a43";function TK(n){const l=K.useFragment(Rg,n.dimension).count??0;return o(Z,{children:[e(C,{elementType:"h3",size:"XS",color:"text-700",children:"Total Count"}),e(C,{size:"L",children:qe(l)})]})}const Mg=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},l={defaultValue:null,kind:"LocalArgument",name:"timeRange"},t=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"InlineFragment",selections:[{alias:"trafficTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"countGranularity"},{kind:"Literal",name:"metric",value:"count"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"DimensionCountTimeSeriesQuery",selections:[{alias:"embedding",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,l,n],kind:"Operation",name:"DimensionCountTimeSeriesQuery",selections:[{alias:"embedding",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,r],storageKey:null}]},params:{cacheID:"695a044545346c5b69438bef3d905a3e",id:null,metadata:{},name:"DimensionCountTimeSeriesQuery",operationKind:"query",text:`query DimensionCountTimeSeriesQuery(
|
|
5204
5204
|
$dimensionId: ID!
|
|
5205
5205
|
$timeRange: TimeRange!
|
|
5206
5206
|
$countGranularity: Granularity!
|
|
@@ -5258,7 +5258,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
5258
5258
|
}
|
|
5259
5259
|
}
|
|
5260
5260
|
}
|
|
5261
|
-
`}}}();zg.hash="f42c6bfff21c628edc1e297e0a0462d4";const es=qt(".2f"),Ng=()=>{const{primary:n,reference:a}=Pn();return{primaryBarColor:n,referenceBarColor:a}};function xK({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(He,{children:[e(C,{elementType:"h3",size:"S",weight:"heavy",children:l}),e(he,{color:t,shape:"square",name:g,value:u!=null?`${es(u)}%`:"--"}),e(he,{color:i,shape:"square",name:f,value:h!=null?`${es(h)}%`:"--"})]})}return null}function LK(n){var u,f,h,k,S;const{primaryInferences:a,referenceInferences:l}=Pa(),t=a.name,i=(l==null?void 0:l.name)||"reference",{selectedTimestamp:r}=ui(),s=y.useMemo(()=>r??new Date(a.endTime),[r,a.endTime]),d=y.useMemo(()=>({start:bs(s,2).toISOString(),end:s.toISOString()}),[s]),c=K.useLazyLoadQuery(zg,{dimensionId:n.dimensionId,timeRange:d}),m=y.useMemo(()=>{var D,j,w,z,I;const F=((D=c.dimension.segmentsComparison)==null?void 0:D.segments)??[],P=((w=(j=c.dimension.segmentsComparison)==null?void 0:j.totalCounts)==null?void 0:w.primaryValue)??0,L=((I=(z=c.dimension.segmentsComparison)==null?void 0:z.totalCounts)==null?void 0:I.referenceValue)??0;return F.map(R=>{var le,De;const V=((le=R.counts)==null?void 0:le.primaryValue)??0,A=((De=R.counts)==null?void 0:De.referenceValue)??0,E=hd(R.bin),$=V/P*100,N=A/L*100;return{name:E,primaryName:t,referenceName:i,primaryPercent:$,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(v,{flex:"none",paddingTop:"size-100",paddingStart:"size-200",children:e(C,{elementType:"h3",size:"S",color:"text-700",children:`Distribution comparison at ${en(new Date(d.end))}`})}),e(v,{flex:!0,children:e(We,{children:o(En,{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(an,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(Oe,{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(ln,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)"}),e(Ge,{...Gt,content:xK}),e(Re,{dataKey:"primaryPercent",fill:"url(#dimensionPrimarySegmentsBarColor)"}),e(Re,{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 DK=o(ut,{variant:"info",placement:"top end",children:[e(oe,{weight:"heavy",level:4,children:"Population Stability Index"}),e(
|
|
5261
|
+
`}}}();zg.hash="f42c6bfff21c628edc1e297e0a0462d4";const es=qt(".2f"),Ng=()=>{const{primary:n,reference:a}=Pn();return{primaryBarColor:n,referenceBarColor:a}};function xK({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(He,{children:[e(C,{elementType:"h3",size:"S",weight:"heavy",children:l}),e(he,{color:t,shape:"square",name:g,value:u!=null?`${es(u)}%`:"--"}),e(he,{color:i,shape:"square",name:f,value:h!=null?`${es(h)}%`:"--"})]})}return null}function LK(n){var u,f,h,k,S;const{primaryInferences:a,referenceInferences:l}=Pa(),t=a.name,i=(l==null?void 0:l.name)||"reference",{selectedTimestamp:r}=ui(),s=y.useMemo(()=>r??new Date(a.endTime),[r,a.endTime]),d=y.useMemo(()=>({start:bs(s,2).toISOString(),end:s.toISOString()}),[s]),c=K.useLazyLoadQuery(zg,{dimensionId:n.dimensionId,timeRange:d}),m=y.useMemo(()=>{var D,j,w,z,I;const F=((D=c.dimension.segmentsComparison)==null?void 0:D.segments)??[],P=((w=(j=c.dimension.segmentsComparison)==null?void 0:j.totalCounts)==null?void 0:w.primaryValue)??0,L=((I=(z=c.dimension.segmentsComparison)==null?void 0:z.totalCounts)==null?void 0:I.referenceValue)??0;return F.map(R=>{var le,De;const V=((le=R.counts)==null?void 0:le.primaryValue)??0,A=((De=R.counts)==null?void 0:De.referenceValue)??0,E=hd(R.bin),$=V/P*100,N=A/L*100;return{name:E,primaryName:t,referenceName:i,primaryPercent:$,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(v,{flex:"none",paddingTop:"size-100",paddingStart:"size-200",children:e(C,{elementType:"h3",size:"S",color:"text-700",children:`Distribution comparison at ${en(new Date(d.end))}`})}),e(v,{flex:!0,children:e(We,{children:o(En,{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(an,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(Oe,{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(ln,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)"}),e(Ge,{...Gt,content:xK}),e(Re,{dataKey:"primaryPercent",fill:"url(#dimensionPrimarySegmentsBarColor)"}),e(Re,{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 DK=o(ut,{variant:"info",placement:"top end",children:[e(oe,{weight:"heavy",level:4,children:"Population Stability Index"}),e(gl,{children:e(C,{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(ra,{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 _K(n){const a=K.useFragment($g,n.dimension);return o(Z,{children:[o(b,{direction:"row",alignItems:"center",gap:"size-25",children:[e(C,{elementType:"h3",size:"XS",color:"text-700",children:"PSI"}),DK]}),e(C,{size:"L",children:Fl(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(
|
|
5262
5262
|
$dimensionId: ID!
|
|
5263
5263
|
$timeRange: TimeRange!
|
|
5264
5264
|
$driftGranularity: Granularity!
|
|
@@ -5291,7 +5291,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
5291
5291
|
gap: var(--ac-global-dimension-static-size-50);
|
|
5292
5292
|
|
|
5293
5293
|
margin-top: var(--ac-global-dimension-static-size-50);
|
|
5294
|
-
`,children:[e(x,{svg:e(
|
|
5294
|
+
`,children:[e(x,{svg:e(yl,{})}),e("span",{children:"Click to view details"})]})]})}return null}function wK({dimensionId:n}){var f,h;const{timeRange:a}=Ra(),{selectedTimestamp:l,setSelectedTimestamp:t}=ui(),i=$l(a),r=K.useLazyLoadQuery(jg,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},driftGranularity:ud(a),countGranularity:i}),s=((f=r.embedding.driftTimeSeries)==null?void 0:f.data)||[],d=((h=r.embedding.trafficTimeSeries)==null?void 0:h.data.reduce((k,S)=>(k[S.timestamp]=S.value,k),{}))??{},c=s.map(k=>{const S=d[k.timestamp];return{...k,traffic:S,timestamp:new Date(k.timestamp).valueOf()}}),m=jl({samplingIntervalMinutes:i.samplingIntervalMinutes}),p=y.useCallback(k=>{const{activeIndex:S}=k;let F;if(typeof S=="number"?F=S:typeof S=="string"&&!isNaN(Number(S))&&(F=Number(S)),typeof F=="number"&&c[F]){const P=c[F];t(new Date(P.timestamp))}},[t,c]),{color:g,barColor:u}=Og();return e(We,{width:"100%",height:"100%",children:o(hl,{data:c,margin:St,onClick:p,syncId:"dimensionDetails",children:[o("defs",{children:[o("linearGradient",{id:"dimensionDriftColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:g,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:g,stopOpacity:0})]}),o("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:u,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:u,stopOpacity:0})]})]}),e(an,{...Ol,tickFormatter:k=>m(new Date(k))}),e(Oe,{stroke:"var(--ac-global-color-grey-500)",label:{value:"PSI",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-color-grey-500)"}}),e(Oe,{yAxisId:"right",orientation:"right",tick:!1,tickLine:!1,width:0}),e(ln,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(Ge,{content:AK}),e(Re,{yAxisId:"right",dataKey:"traffic",fill:"url(#barColor)",spacing:5}),e(rt,{type:"monotone",dataKey:"value",stroke:g,fillOpacity:1,fill:"url(#dimensionDriftColorUv)"}),l!=null?e(Ad,{...md,x:l.getTime(),label:e(wd,{...gd})}):null]})})}const Qg=function(){var n={kind:"Literal",name:"metric",value:"percentEmpty"};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"hasReference"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionPercentEmptyStats_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:"percentEmpty",args:[n,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{condition:"hasReference",kind:"Condition",passingValue:!0,selections:[{alias:"referencePercentEmpty",args:[{kind:"Literal",name:"inferencesRole",value:"reference"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"percentEmpty")'}]}],type:"Dimension",abstractKey:null}}();Qg.hash="1e10d0449d6607d9292f355548c41c78";function EK(n){const a=K.useFragment(Qg,n.dimension);return o(Z,{children:[e(C,{elementType:"h3",size:"XS",color:"text-700",children:"% Empty"}),e(C,{size:"L",children:Nt(a.percentEmpty)}),a.referencePercentEmpty!=null&&e(C,{size:"M",color:"purple-800",children:Nt(a.referencePercentEmpty)})]})}const Bg=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"granularity"},l={defaultValue:null,kind:"LocalArgument",name:"timeRange"},t=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"InlineFragment",selections:[{alias:"percentEmptyTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"granularity"},{kind:"Literal",name:"metric",value:"percentEmpty"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"DimensionPercentEmptyTimeSeriesQuery",selections:[{alias:"embedding",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,l,a],kind:"Operation",name:"DimensionPercentEmptyTimeSeriesQuery",selections:[{alias:"embedding",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,r],storageKey:null}]},params:{cacheID:"85842391b76ccca79e3b6f506fb1d78d",id:null,metadata:{},name:"DimensionPercentEmptyTimeSeriesQuery",operationKind:"query",text:`query DimensionPercentEmptyTimeSeriesQuery(
|
|
5295
5295
|
$dimensionId: ID!
|
|
5296
5296
|
$timeRange: TimeRange!
|
|
5297
5297
|
$granularity: Granularity!
|
|
@@ -5309,7 +5309,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
5309
5309
|
}
|
|
5310
5310
|
}
|
|
5311
5311
|
}
|
|
5312
|
-
`}}}();Bg.hash="c04e7d788249ceb6f9f7a9ff50a28efd";const RK=new Intl.NumberFormat([],{maximumFractionDigits:2}),qg=()=>{const{grey100:n}=Pn();return{color:n}};function MK({active:n,payload:a,label:l}){var i;const{color:t}=qg();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,s=typeof r=="number"?RK.format(r):"--";return o(He,{children:[l&&e(C,{weight:"heavy",size:"S",children:`${en(new Date(l))}`}),e(he,{color:t,name:"% Empty",value:s})]})}return null}function VK({dimensionId:n}){var d;const{timeRange:a}=Ra(),l=$l(a),i=((d=K.useLazyLoadQuery(Bg,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:l}).embedding.percentEmptyTimeSeries)==null?void 0:d.data.map(c=>({timestamp:new Date(c.timestamp).valueOf(),value:c.value})))||[],r=jl({samplingIntervalMinutes:l.samplingIntervalMinutes}),{color:s}=qg();return e(We,{width:"100%",height:"100%",children:o(
|
|
5312
|
+
`}}}();Bg.hash="c04e7d788249ceb6f9f7a9ff50a28efd";const RK=new Intl.NumberFormat([],{maximumFractionDigits:2}),qg=()=>{const{grey100:n}=Pn();return{color:n}};function MK({active:n,payload:a,label:l}){var i;const{color:t}=qg();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,s=typeof r=="number"?RK.format(r):"--";return o(He,{children:[l&&e(C,{weight:"heavy",size:"S",children:`${en(new Date(l))}`}),e(he,{color:t,name:"% Empty",value:s})]})}return null}function VK({dimensionId:n}){var d;const{timeRange:a}=Ra(),l=$l(a),i=((d=K.useLazyLoadQuery(Bg,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:l}).embedding.percentEmptyTimeSeries)==null?void 0:d.data.map(c=>({timestamp:new Date(c.timestamp).valueOf(),value:c.value})))||[],r=jl({samplingIntervalMinutes:l.samplingIntervalMinutes}),{color:s}=qg();return e(We,{width:"100%",height:"100%",children:o(hl,{data:i,margin:St,syncId:"dimensionDetails",children:[e("defs",{children:o("linearGradient",{id:"percentEmptyColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:s,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:s,stopOpacity:0})]})}),e(an,{...Ol,tickFormatter:c=>r(new Date(c))}),e(Oe,{stroke:"var(--ac-global-color-grey-500)",label:{value:"% Empty",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(ln,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(Ge,{content:MK}),e(Xn,{type:"monotone",dataKey:"value",stroke:s,fillOpacity:1,fill:"url(#percentEmptyColorUv)"})]})})}const Ug=function(){var n={kind:"Variable",name:"timeRange",variableName:"timeRange"};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionQuantilesStats_dimension",selections:[{alias:"p99",args:[{kind:"Literal",name:"metric",value:"p99"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p75",args:[{kind:"Literal",name:"metric",value:"p75"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p50",args:[{kind:"Literal",name:"metric",value:"p50"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p25",args:[{kind:"Literal",name:"metric",value:"p25"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p1",args:[{kind:"Literal",name:"metric",value:"p01"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null}],type:"Dimension",abstractKey:null}}();Ug.hash="c306c8eafb1d34be464d3a658d5f94a7";function zK(n){const a=K.useFragment(Ug,n.dimension);return e("ul",{css:T`
|
|
5313
5313
|
display: flex;
|
|
5314
5314
|
flex-direction: column;
|
|
5315
5315
|
gap: var(--ac-global-dimension-static-size-50);
|
|
@@ -5359,14 +5359,14 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
5359
5359
|
}
|
|
5360
5360
|
}
|
|
5361
5361
|
}
|
|
5362
|
-
`}}}();Hg.hash="83342058bb8f50dad5bec299b4bc034d";const NK=qt("~s");var Gg=(n=>(n.p99_p01="p99_p01",n.p75_p25="p75_p25",n.p50="p50",n))(Gg||{});const $K=new Intl.NumberFormat([],{maximumFractionDigits:2});function Wl(n){return typeof n=="number"?$K.format(n):"--"}const Wg=()=>{const n=Pn();return{outerColor:n.grey500,innerColor:n.grey300,lineColor:n.default}};function jK({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(He,{children:[l&&e(C,{weight:"heavy",size:"S",children:`${en(new Date(l))}`}),e(he,{color:t,name:"p99",value:Wl(s.p99_p01[0])}),e(he,{color:i,name:"p75",value:Wl(s.p75_p25[0])}),e(he,{color:r,name:"p50",value:Wl(s.p50)}),e(he,{color:i,name:"p25",value:Wl(s.p75_p25[1])}),e(he,{color:t,name:"p01",value:Wl(s.p99_p01[1])})]})}return null}function OK({dimensionId:n}){var L,D,j,w,z;const{timeRange:a}=Ra(),l=$l(a),t=K.useLazyLoadQuery(Hg,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:l}),i=((L=t.dimension.p99TimeSeries)==null?void 0:L.data.map(I=>I))||[],r=((D=t.dimension.p01TimeSeries)==null?void 0:D.data.map(I=>I))||[],s=((j=t.dimension.p75TimeSeries)==null?void 0:j.data.map(I=>I))||[],d=((w=t.dimension.p25TimeSeries)==null?void 0:w.data.map(I=>I))||[],c=((z=t.dimension.p50TimeSeries)==null?void 0:z.data.map(I=>I))||[],m=i.map((I,R)=>({timestamp:new Date(I.timestamp).valueOf(),p99_p01:[I.value,r[R].value],p75_p25:[s[R].value,d[R].value],p50:c[R].value})),p=jl({samplingIntervalMinutes:l.samplingIntervalMinutes}),[g,u]=y.useState(Object.keys(Gg).reduce((I,R)=>(I[R]=!1,I),{})),f=I=>{g[I.dataKey]||u({...g})},h=()=>{u({...g})},k=I=>{u({...g,[String(I.dataKey)]:!g[I.dataKey]})},{outerColor:S,innerColor:F,lineColor:P}=Wg();return e(We,{width:"100%",height:"100%",children:o(
|
|
5362
|
+
`}}}();Hg.hash="83342058bb8f50dad5bec299b4bc034d";const NK=qt("~s");var Gg=(n=>(n.p99_p01="p99_p01",n.p75_p25="p75_p25",n.p50="p50",n))(Gg||{});const $K=new Intl.NumberFormat([],{maximumFractionDigits:2});function Wl(n){return typeof n=="number"?$K.format(n):"--"}const Wg=()=>{const n=Pn();return{outerColor:n.grey500,innerColor:n.grey300,lineColor:n.default}};function jK({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(He,{children:[l&&e(C,{weight:"heavy",size:"S",children:`${en(new Date(l))}`}),e(he,{color:t,name:"p99",value:Wl(s.p99_p01[0])}),e(he,{color:i,name:"p75",value:Wl(s.p75_p25[0])}),e(he,{color:r,name:"p50",value:Wl(s.p50)}),e(he,{color:i,name:"p25",value:Wl(s.p75_p25[1])}),e(he,{color:t,name:"p01",value:Wl(s.p99_p01[1])})]})}return null}function OK({dimensionId:n}){var L,D,j,w,z;const{timeRange:a}=Ra(),l=$l(a),t=K.useLazyLoadQuery(Hg,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:l}),i=((L=t.dimension.p99TimeSeries)==null?void 0:L.data.map(I=>I))||[],r=((D=t.dimension.p01TimeSeries)==null?void 0:D.data.map(I=>I))||[],s=((j=t.dimension.p75TimeSeries)==null?void 0:j.data.map(I=>I))||[],d=((w=t.dimension.p25TimeSeries)==null?void 0:w.data.map(I=>I))||[],c=((z=t.dimension.p50TimeSeries)==null?void 0:z.data.map(I=>I))||[],m=i.map((I,R)=>({timestamp:new Date(I.timestamp).valueOf(),p99_p01:[I.value,r[R].value],p75_p25:[s[R].value,d[R].value],p50:c[R].value})),p=jl({samplingIntervalMinutes:l.samplingIntervalMinutes}),[g,u]=y.useState(Object.keys(Gg).reduce((I,R)=>(I[R]=!1,I),{})),f=I=>{g[I.dataKey]||u({...g})},h=()=>{u({...g})},k=I=>{u({...g,[String(I.dataKey)]:!g[I.dataKey]})},{outerColor:S,innerColor:F,lineColor:P}=Wg();return e(We,{width:"100%",height:"100%",children:o(hl,{data:m,margin:St,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(an,{...Ol,tickFormatter:I=>p(new Date(I))}),e(Oe,{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:I=>NK(I),style:{fill:"var(--ac-global-text-color-700)"}}),e(ln,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(Ge,{content:jK}),e($n,{onClick:k,onMouseOver:f,onMouseOut:h}),e(rt,{type:"monotone",dataKey:"p99_p01",name:"p99 - p01",fillOpacity:1,fill:"url(#p99_p01ColorUV)",stroke:S,hide:g.p99_p01===!0}),e(rt,{type:"monotone",dataKey:"p75_p25",name:"p75 - p25",fillOpacity:1,stroke:F,fill:"url(#p75_p25ColorUV)",hide:g.p75_p25===!0}),e(Xn,{type:"monotone",dataKey:"p50",stroke:P,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 QK=qt(".2f"),Zg=()=>{const{primary:n}=Pn();return{color:n}};function BK({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(He,{children:e(he,{color:t,shape:"square",name:l,value:r!=null?`${QK(r)}%`:"--"})})}return null}function qK(n){const a=K.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=hd(m.bin),u=p/r*100;return{name:g,percent:u}})},[a]),{color:t}=Zg();return e(We,{children:o(En,{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(an,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(Oe,{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(ln,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(Ge,{...Gt,content:BK}),e(Re,{dataKey:"percent",fill:"url(#dimensionSegmentsBarColor)",spacing:15})]})})}function A3(){const{dimensionId:n}=nn(),a=Ce(),[l,t]=y.useState(!0),{timeRange:i}=Ra(),r=rn();Ue(r);const{referenceInferences:s}=Pa(),d=s!==null,c=d,m=r.dimension.shape!=="continuous",p=r.dimension.dataType==="numeric",g=K.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(W,{isOpen:l,onOpenChange:u,children:e(Y,{isDismissable:!0,children:e(X,{variant:"slideover",size:"L",children:e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:r.dimension.name}),e(pe,{children:e(ye,{})})]}),e("main",{css:T`
|
|
5363
5363
|
padding: var(--ac-global-dimension-static-size-100);
|
|
5364
5364
|
display: flex;
|
|
5365
5365
|
flex-direction: column;
|
|
5366
5366
|
min-height: 400px;
|
|
5367
5367
|
overflow-y: auto;
|
|
5368
5368
|
height: 100%;
|
|
5369
|
-
`,children:e(y.Suspense,{fallback:e(fe,{}),children:o(b,{direction:"column",gap:"size-100",children:[e(v,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:e(qK,{dimension:g.dimension})}),e(v,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600","data-testid":"dimension-count-time-series-view",children:o(b,{direction:"row",alignItems:"stretch",height:"100%",children:[e(IK,{dimensionId:n}),e(
|
|
5369
|
+
`,children:e(y.Suspense,{fallback:e(fe,{}),children:o(b,{direction:"column",gap:"size-100",children:[e(v,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:e(qK,{dimension:g.dimension})}),e(v,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600","data-testid":"dimension-count-time-series-view",children:o(b,{direction:"row",alignItems:"stretch",height:"100%",children:[e(IK,{dimensionId:n}),e(sl,{children:e(TK,{dimension:g.dimension})})]})}),c?e(v,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",children:o(b,{direction:"column",alignItems:"stretch",children:[e(v,{width:"100%",height:"size-1600",children:o(b,{direction:"row",alignItems:"stretch",height:"100%",children:[e(v,{flex:!0,children:e(wK,{dimensionId:n})}),e(sl,{children:e(_K,{dimension:g.dimension})})]})}),e(v,{height:"size-1600",width:"100%",borderTopColor:"dark",borderTopWidth:"thin",children:e(y.Suspense,{fallback:e(fe,{}),children:e(LK,{dimensionId:n})})})]})}):null,p?e(v,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-3000",children:o(b,{direction:"row",alignItems:"stretch",height:"100%",children:[e(v,{flex:!0,children:e(OK,{dimensionId:n})}),e(sl,{children:e(zK,{dimension:g.dimension})})]})}):null,m?e(v,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:o(b,{direction:"row",alignItems:"stretch",height:"100%",children:[e(v,{flex:!0,children:e(FK,{dimensionId:n})}),e(sl,{children:e(SK,{dimension:g.dimension})})]})}):null,e(v,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:o(b,{direction:"row",alignItems:"stretch",height:"100%",children:[e(VK,{dimensionId:n}),e(sl,{children:e(EK,{dimension:g.dimension})})]})})]})})})]})})})})})})}const Xg=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={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"dataType",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"shape",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"dimensionLoaderQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[l,t,i,r],type:"Dimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"dimensionLoaderQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l,{kind:"InlineFragment",selections:[t,i,r],type:"Dimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"f16f279b01e4bc5c5261bbdb629a0b73",id:null,metadata:{},name:"dimensionLoaderQuery",operationKind:"query",text:`query dimensionLoaderQuery(
|
|
5370
5370
|
$id: ID!
|
|
5371
5371
|
) {
|
|
5372
5372
|
dimension: node(id: $id) {
|
|
@@ -5488,7 +5488,7 @@ fragment DocumentEvaluationSummaryValueFragment_1dJL9N on Project {
|
|
|
5488
5488
|
}
|
|
5489
5489
|
id
|
|
5490
5490
|
}
|
|
5491
|
-
`}}}();tp.hash="6ec982057cc21ad195aa215a2118c5bc";function UK({evaluationName:n}){var i,r;const{projectId:a}=nn(),{timeRange:l}=Ml(),t=K.useLazyLoadQuery(tp,{id:a,evaluationName:n,timeRange:{start:(i=l==null?void 0:l.start)==null?void 0:i.toISOString(),end:(r=l==null?void 0:l.end)==null?void 0:r.toISOString()}});return o(b,{direction:"column",flex:"none",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:n}),e(y.Suspense,{fallback:e(C,{size:"L",children:"--"}),children:e(HK,{evaluationName:n,project:t==null?void 0:t.project})})]})}function HK(n){var c,m,p;const{project:a}=n,{fetchKey:l}=il(),[t,i]=K.useRefetchableFragment(lp,a);y.useEffect(()=>{y.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[l,i]);const r=(c=t==null?void 0:t.documentEvaluationSummary)==null?void 0:c.averageNdcg,s=(m=t==null?void 0:t.documentEvaluationSummary)==null?void 0:m.averagePrecision,d=(p=t==null?void 0:t.documentEvaluationSummary)==null?void 0:p.hitRate;return e(b,{direction:"row",alignItems:"center",gap:"size-50",height:"28px",children:o(
|
|
5491
|
+
`}}}();tp.hash="6ec982057cc21ad195aa215a2118c5bc";function UK({evaluationName:n}){var i,r;const{projectId:a}=nn(),{timeRange:l}=Ml(),t=K.useLazyLoadQuery(tp,{id:a,evaluationName:n,timeRange:{start:(i=l==null?void 0:l.start)==null?void 0:i.toISOString(),end:(r=l==null?void 0:l.end)==null?void 0:r.toISOString()}});return o(b,{direction:"column",flex:"none",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:n}),e(y.Suspense,{fallback:e(C,{size:"L",children:"--"}),children:e(HK,{evaluationName:n,project:t==null?void 0:t.project})})]})}function HK(n){var c,m,p;const{project:a}=n,{fetchKey:l}=il(),[t,i]=K.useRefetchableFragment(lp,a);y.useEffect(()=>{y.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[l,i]);const r=(c=t==null?void 0:t.documentEvaluationSummary)==null?void 0:c.averageNdcg,s=(m=t==null?void 0:t.documentEvaluationSummary)==null?void 0:m.averagePrecision,d=(p=t==null?void 0:t.documentEvaluationSummary)==null?void 0:p.hitRate;return e(b,{direction:"row",alignItems:"center",gap:"size-50",height:"28px",children:o(Z,{children:[e(Bn,{metric:"ndcg",score:r},"ndcg"),e(Bn,{metric:"precision",score:s},"precision"),e(Bn,{metric:"hit rate",score:d},"hit")]})})}function GK(n){var p,g,u,f,h,k,S,F,P;const{extra:a}=n,{fetchKey:l}=il(),[t,i]=K.useRefetchableFragment(np,n.project);y.useEffect(()=>{y.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[l,i]);const r=t==null?void 0:t.latencyMsP50,s=t==null?void 0:t.latencyMsP99,d=(p=t==null?void 0:t.spanAnnotationNames)==null?void 0:p.filter(L=>L!=="note"),c=t==null?void 0:t.documentEvaluationNames,m=Ma();return e(v,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-200",paddingBottom:"size-50",flex:"none",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e("div",{css:T`
|
|
5492
5492
|
overflow-x: auto;
|
|
5493
5493
|
overflow-y: hidden;
|
|
5494
5494
|
flex: 1 1 auto;
|
|
@@ -5766,7 +5766,7 @@ await assistant({
|
|
|
5766
5766
|
text-align: center;
|
|
5767
5767
|
padding: var(--ac-global-dimension-size-300)
|
|
5768
5768
|
var(--ac-global-dimension-size-300) !important;
|
|
5769
|
-
`,children:o(b,{direction:"column",gap:"size-200",alignItems:"center",children:["No sessions found for this project",o(W,{children:[e(M,{leadingVisual:e(x,{svg:e(nl,{})}),children:"Setup Sessions"}),e(Y,{children:e(
|
|
5769
|
+
`,children:o(b,{direction:"column",gap:"size-200",alignItems:"center",children:["No sessions found for this project",o(W,{children:[e(M,{leadingVisual:e(x,{svg:e(nl,{})}),children:"Setup Sessions"}),e(Y,{children:e(X,{variant:"slideover",size:"L",children:e(m2,{})})})]})]})})})})}const Jr=T`
|
|
5770
5770
|
display: flex;
|
|
5771
5771
|
flex-direction: column;
|
|
5772
5772
|
flex: 1 1 auto;
|
|
@@ -5782,7 +5782,7 @@ await assistant({
|
|
|
5782
5782
|
`,as=Er,mp=({table:n})=>{const a=Ce();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:ee(t.column.columnDef.cell,t.getContext())},t.id))},l.id))})},p2=la.memo(mp,(n,a)=>n.table.options.data===a.table.options.data);function y2(n){const a=y.useRef(null),[l,t]=y.useState([]),{filterIoSubstringOrSessionId:i}=sp(),{fetchKey:r}=il(),{data:s,loadNext:d,hasNext:c,isLoadingNext:m,refetch:p}=K.usePaginationFragment(cp,n.project),g=y.useMemo(()=>s.sessions.edges.map(({session:A})=>{var E,$;return{...A,tokenCountTotal:A.tokenUsage.total,costTotal:(($=(E=A.costSummary)==null?void 0:E.total)==null?void 0:$.cost)??null}}),[s.sessions]),u=[{header:"session id",accessorKey:"sessionId",enableSorting:!1,cell:dn},{header:"first input",accessorKey:"firstInput.value",enableSorting:!1,cell:dn},{header:"last output",accessorKey:"lastOutput.value",enableSorting:!1,cell:dn},{header:"start time",accessorKey:"startTime",enableSorting:!0,cell:Ne},{header:"end time",accessorKey:"endTime",enableSorting:!0,cell:Ne},{header:"p50 latency",accessorKey:"traceLatencyMsP50",enableSorting:!1,cell:({getValue:A})=>{const E=A();return E===null||typeof E!="number"?null:e(cn,{latencyMs:E})}},{header:"p99 latency",accessorKey:"traceLatencyMsP99",enableSorting:!1,cell:({getValue:A})=>{const E=A();return E===null||typeof E!="number"?null:e(cn,{latencyMs:E})}},{header:"total tokens",accessorKey:"tokenCountTotal",enableSorting:!0,minSize:80,cell:({getValue:A,row:E})=>{const $=A();if($==null||typeof $!="number")return"--";const N=E.original;return e(sd,{tokenCountTotal:$,nodeId:N.id,size:"S"})}},{header:"total cost",accessorKey:"costSummary.total.cost",id:"costTotal",enableSorting:!0,minSize:80,cell:({row:A,getValue:E})=>{const $=E();if($===null||typeof $!="number")return"--";const N=A.original;return e(s0,{totalCost:$,nodeId:N.id})}},{header:"total traces",accessorKey:"numTraces",enableSorting:!0,cell:kd}];y.useEffect(()=>{const A=l[0];y.startTransition(()=>{p({sort:A?{col:A.id,dir:A.desc?"desc":"asc"}:{col:"startTime",dir:"desc"},after:null,first:as,filterIoSubstring:i,sessionId:i},{fetchPolicy:"store-and-network"})})},[l,p,i,r]);const f=la.useCallback(A=>{if(A){const{scrollHeight:E,scrollTop:$,clientHeight:N}=A;E-$-N<300&&!m&&c&&d(as)}},[c,m,d]),[h,k]=y.useState({}),S=In(A=>A.columnVisibility),F=In(A=>A.columnSizing),P=In(A=>A.setColumnSizing),L=Me({columns:u,data:g,onExpandedChange:k,manualSorting:!0,state:{sorting:l,expanded:h,columnVisibility:S,columnSizing:F},columnResizeMode:"onChange",onColumnSizingChange:P,enableSubRowSelection:!1,onSortingChange:t,getCoreRowModel:Ve(),getSortedRowModel:Tn(),getExpandedRowModel:vs(),getRowId:A=>A.id}),j=L.getRowModel().rows.length===0,{columnSizingInfo:w,columnSizing:z}=L.getState(),I=L.getFlatHeaders,R=u.length,V=la.useMemo(()=>{const A=I(),E={};for(let $=0;$<A.length;$++){const N=A[$];E[`--header-${N.id}-size`]=N.getSize(),E[`--col-${N.column.id}-size`]=N.column.getSize()}return E},[I,w,z,R]);return o("div",{css:Jr,children:[e(v,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:e(i2,{})}),e("div",{css:T`
|
|
5783
5783
|
flex: 1 1 auto;
|
|
5784
5784
|
overflow: auto;
|
|
5785
|
-
`,onScroll:A=>f(A.target),ref:a,children:o("table",{css:Ka,style:{...V,width:L.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:L.getHeaderGroups().map(A=>e("tr",{children:A.headers.map(E=>e("th",{style:{width:`calc(var(--header-${E.id}-size) * 1px)`},children:E.isPlaceholder?null:o(
|
|
5785
|
+
`,onScroll:A=>f(A.target),ref:a,children:o("table",{css:Ka,style:{...V,width:L.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:L.getHeaderGroups().map(A=>e("tr",{children:A.headers.map(E=>e("th",{style:{width:`calc(var(--header-${E.id}-size) * 1px)`},children:E.isPlaceholder?null:o(Z,{children:[o("div",{"data-sortable":E.column.getCanSort(),className:E.column.getCanSort()?"sort":"",onClick:E.column.getToggleSortingHandler(),style:{left:E.getStart(),width:E.getSize()},children:[ee(E.column.columnDef.header,E.getContext()),E.column.getIsSorted()?e(x,{className:"sort-icon",svg:E.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]}),e("div",{onMouseDown:E.getResizeHandler(),onTouchStart:E.getResizeHandler(),className:`resizer ${E.column.getIsResizing()?"isResizing":""}`})]})},E.id))},A.id))}),j?e(g2,{}):w.isResizingColumn?e(p2,{table:L}):e(mp,{table:L})]})})]})}function Zr({children:n}){const{projectId:a}=nn();if(!a)throw new Error("projectId is required");const{tab:l}=Si();if(!au(l))throw new Error(`Invalid tab: ${l}`);return e(a2,{projectId:a,tableId:l||"table",children:n})}function f2({queryReference:n}){const a=K.usePreloadedQuery(pu,n);return e(n2,{children:e(y2,{project:a.project})})}const M3=()=>{const{sessionsQueryReference:n}=yi();return n?o(Zr,{children:[e(qr,{children:e(y.Suspense,{fallback:e(fe,{}),children:e(f2,{queryReference:n})})}),e(y.Suspense,{children:e(xe,{})})]}):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"}],P={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},L=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],D={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},j={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},P]},{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:[P]}],storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:L,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:L,storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[k,S,D,j,{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},D],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:[D,j],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(
|
|
5786
5786
|
$after: String = null
|
|
5787
5787
|
$filterCondition: String = null
|
|
5788
5788
|
$first: Int = 30
|
|
@@ -5944,7 +5944,7 @@ fragment SpansTable_spans_xYL0c on Project {
|
|
|
5944
5944
|
max-width: 100%;
|
|
5945
5945
|
height: var(--ac-global-dimension-size-200);
|
|
5946
5946
|
`;function k2({metadata:n,onClick:a}){const l=y.useMemo(()=>{let t=n;return t.startsWith("{")&&(t=t.slice(1)),t.endsWith("}")&&(t=t.slice(0,-1)),t},[n]);return e("div",{css:T(h2),role:a?"button":"label","aria-label":"metadata",onClick:t=>{t.stopPropagation(),t.preventDefault(),a==null||a()},children:e(b,{direction:"row",justifyContent:"space-between",alignItems:"center",height:"100%",children:e(pn,{maxWidth:"100%",children:e(C,{children:l})})})})}function b2(n){return n.replaceAll(`
|
|
5947
|
-
`,"\\n").replaceAll('"','\\"')}function S2(n){return typeof n=="boolean"?n?"True":"False":typeof n=="number"?n.toString():typeof n=="string"?`"${b2(n)}"`:""}const yp=(n,a)=>`metadata${n.split(".").map(i=>/^\d+$/.test(i)?`[${i}]`:`['${i}']`).join("")} == ${S2(a)}`;function v2({children:n,metadata:a,width:l}){const{appendFilterCondition:t}=bi(),i=Object.entries(a).map(([r,s])=>({key:r,value:String(s),filterCondition:yp(r,s)}));return o(Se,{delay:500,children:[e(
|
|
5947
|
+
`,"\\n").replaceAll('"','\\"')}function S2(n){return typeof n=="boolean"?n?"True":"False":typeof n=="number"?n.toString():typeof n=="string"?`"${b2(n)}"`:""}const yp=(n,a)=>`metadata${n.split(".").map(i=>/^\d+$/.test(i)?`[${i}]`:`['${i}']`).join("")} == ${S2(a)}`;function v2({children:n,metadata:a,width:l}){const{appendFilterCondition:t}=bi(),i=Object.entries(a).map(([r,s])=>({key:r,value:String(s),filterCondition:yp(r,s)}));return o(Se,{delay:500,children:[e(pl,{children:n}),e(Ca,{offset:3,width:l,children:o(b,{direction:"row",wrap:"nowrap",gap:"size-100",children:[e(b,{flexBasis:"40%",children:o(b,{direction:"column",gap:"size-100",width:"100%",children:[e(C,{weight:"heavy",children:"Metadata"}),e("ul",{css:T`
|
|
5948
5948
|
display: flex;
|
|
5949
5949
|
flex-direction: column;
|
|
5950
5950
|
gap: var(--ac-global-dimension-size-100);
|
|
@@ -5970,11 +5970,11 @@ fragment SpansTable_spans_xYL0c on Project {
|
|
|
5970
5970
|
&:hover {
|
|
5971
5971
|
background-color: var(--ac-global-color-gray-300);
|
|
5972
5972
|
}
|
|
5973
|
-
`,children:["Match ",r]})},r))})]})})]})})]})}const fp=({metadata:n})=>{const{appendFilterCondition:a}=bi(),[l,t]=y.useMemo(()=>{try{if(typeof n!="string")throw new Error("Metadata is not a string");const i=d0(n),r=JSON.stringify(i);if(Object.keys(i).length===0)throw new Error("Metadata is empty");return[i,r]}catch{return[null,null]}},[n]);return!l||!t?"--":e("div",{style:{maxWidth:"100%"},children:e(v2,{width:"800px",metadata:l,children:e(k2,{metadata:t,onClick:()=>{const[i,r]=Object.entries(l)[0],s=yp(i,r);a(s)}})})})};function C2(){const n=lt(l=>l.treatOrphansAsRoots),a=lt(l=>l.setTreatOrphansAsRoots);return o(W,{children:[e(M,{size:"M","aria-label":"Filter Configuration",leadingVisual:e(x,{svg:e(c0,{})})}),o(Fn,{children:[e(Sr,{}),e(J,{children:e(v,{padding:"size-100",children:e(b,{direction:"column",gap:"size-100",children:e(Xa,{isSelected:n,onChange:l=>{a(l)},children:"Treat Orphan Spans as Roots"})})})})]})]})}function F2({projectName:n}){const[a,l]=y.useState("Python");return e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Send Traces to this Project"}),e(pe,{children:e(ye,{slot:"close"})})]}),o(v,{padding:"size-400",overflow:"auto",children:[e(v,{paddingBottom:"size-100",children:e(yt,{language:a,onChange:l})}),a==="Python"?e(bd,{projectName:n}):e(Sd,{projectName:n})]})]})})}function hp({projectName:n}){return e(
|
|
5973
|
+
`,children:["Match ",r]})},r))})]})})]})})]})}const fp=({metadata:n})=>{const{appendFilterCondition:a}=bi(),[l,t]=y.useMemo(()=>{try{if(typeof n!="string")throw new Error("Metadata is not a string");const i=d0(n),r=JSON.stringify(i);if(Object.keys(i).length===0)throw new Error("Metadata is empty");return[i,r]}catch{return[null,null]}},[n]);return!l||!t?"--":e("div",{style:{maxWidth:"100%"},children:e(v2,{width:"800px",metadata:l,children:e(k2,{metadata:t,onClick:()=>{const[i,r]=Object.entries(l)[0],s=yp(i,r);a(s)}})})})};function C2(){const n=lt(l=>l.treatOrphansAsRoots),a=lt(l=>l.setTreatOrphansAsRoots);return o(W,{children:[e(M,{size:"M","aria-label":"Filter Configuration",leadingVisual:e(x,{svg:e(c0,{})})}),o(Fn,{children:[e(Sr,{}),e(J,{children:e(v,{padding:"size-100",children:e(b,{direction:"column",gap:"size-100",children:e(Xa,{isSelected:n,onChange:l=>{a(l)},children:"Treat Orphan Spans as Roots"})})})})]})]})}function F2({projectName:n}){const[a,l]=y.useState("Python");return e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Send Traces to this Project"}),e(pe,{children:e(ye,{slot:"close"})})]}),o(v,{padding:"size-400",overflow:"auto",children:[e(v,{paddingBottom:"size-100",children:e(yt,{language:a,onChange:l})}),a==="Python"?e(bd,{projectName:n}):e(Sd,{projectName:n})]})]})})}function hp({projectName:n}){return e(Z,{children:e("tbody",{className:"is-empty",children:e("tr",{children:e("td",{colSpan:100,css:T`
|
|
5974
5974
|
text-align: center;
|
|
5975
5975
|
padding: var(--ac-global-dimension-size-300)
|
|
5976
5976
|
var(--ac-global-dimension-size-300) !important;
|
|
5977
|
-
`,children:o(b,{direction:"column",gap:"size-200",alignItems:"center",children:["No traces found that match the selected filters",o(W,{children:[e(M,{variant:"default",leadingVisual:e(x,{svg:e(nl,{})}),children:"Get Started"}),e(Y,{children:e(
|
|
5977
|
+
`,children:o(b,{direction:"column",gap:"size-200",alignItems:"center",children:["No traces found that match the selected filters",o(W,{children:[e(M,{variant:"default",leadingVisual:e(x,{svg:e(nl,{})}),children:"Get Started"}),e(Y,{children:e(X,{variant:"slideover",size:"L",children:e(F2,{projectName:n})})})]})]})})})})})}const kp={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanColumnSelector_annotations",selections:[{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null}],type:"Project",abstractKey:null};kp.hash="ad01e6897ad1ea779eb346d85783b8b4";const T2=["spanKind","name"];function bp(n){return e(Ts,{menu:e(K2,{...n}),triggerProps:{placement:"bottom end"},children:o(b,{direction:"row",alignItems:"center",gap:"size-100",children:[e(x,{svg:e(u0,{})}),"Columns"]})})}const Ot=T`
|
|
5978
5978
|
padding: var(--ac-global-dimension-static-size-50)
|
|
5979
5979
|
var(--ac-global-dimension-static-size-100);
|
|
5980
5980
|
label {
|
|
@@ -6047,7 +6047,7 @@ fragment SpansTable_spans_xYL0c on Project {
|
|
|
6047
6047
|
padding-right: var(--ac-global-dimension-static-size-100);
|
|
6048
6048
|
border-radius: 0;
|
|
6049
6049
|
height: 36px !important;
|
|
6050
|
-
`,className:"button--reset",children:e(x,{svg:e(ea,{})})}),e(Fn,{placement:"bottom right",children:e(D2,{onAddFilterConditionSnippet:m})})]})]}),e(Se,{isOpen:k&&t,children:e(Be,{placement:"bottom",triggerRef:h,children:r!=""?e(C,{color:"danger",children:r}):e(C,{color:"success",children:"Valid Expression"})})})]})}function D2(n){const{onAddFilterConditionSnippet:a}=n;return e(v,{width:"500px",padding:"size-200",borderRadius:"medium",backgroundColor:"light",children:o(b,{direction:"column",gap:"size-100",children:[e(
|
|
6050
|
+
`,className:"button--reset",children:e(x,{svg:e(ea,{})})}),e(Fn,{placement:"bottom right",children:e(D2,{onAddFilterConditionSnippet:m})})]})]}),e(Se,{isOpen:k&&t,children:e(Be,{placement:"bottom",triggerRef:h,children:r!=""?e(C,{color:"danger",children:r}):e(C,{color:"success",children:"Valid Expression"})})})]})}function D2(n){const{onAddFilterConditionSnippet:a}=n;return e(v,{width:"500px",padding:"size-200",borderRadius:"medium",backgroundColor:"light",children:o(b,{direction:"column",gap:"size-100",children:[e(ol,{label:"filter by kind",initialSnippet:"span_kind == 'LLM'",onAddFilterConditionSnippet:a},"kind"),e(ol,{label:"filter by token count",initialSnippet:"cumulative_token_count.total > 1000",onAddFilterConditionSnippet:a},"token_count"),e(ol,{label:"filter by annotation label",initialSnippet:"annotations['Hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"annotation_label"),e(ol,{label:"filter by evaluation label",initialSnippet:"evals['Hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"eval_label"),e(ol,{label:"filter by evaluation score",initialSnippet:"evals['Hallucination'].score < 1",onAddFilterConditionSnippet:a},"eval_score"),e(ol,{label:"filter by metadata",initialSnippet:"metadata['topic'] == 'agent'",onAddFilterConditionSnippet:a},"metadata"),e(ol,{label:"filter by substring",initialSnippet:"'agent' in input.value",onAddFilterConditionSnippet:a},"substring")]})})}function ol(n){const{initialSnippet:a,onAddFilterConditionSnippet:l}=n,[t,i]=y.useState(a),{theme:r}=sa(),s=r==="light"?al:ll;return e(El,{label:n.label,children:o(b,{direction:"row",width:"100%",gap:"size-100",children:[e("div",{css:T(Cp,T`
|
|
6051
6051
|
flex: 1 1 auto;
|
|
6052
6052
|
`),children:e(tl,{value:t,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[ht()],editable:!0,onChange:i,theme:s,css:vp})}),e(M,{"aria-label":"Add to filter condition",variant:"default",onPress:()=>l(t),leadingVisual:e(x,{svg:e(wa,{})})})]})})}const Tp=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"traceIds"}],a=[{alias:null,args:[{kind:"Variable",name:"traceIds",variableName:"traceIds"}],concreteType:"Query",kind:"LinkedField",name:"deleteTraces",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanSelectionToolbarDeleteTracesMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanSelectionToolbarDeleteTracesMutation",selections:a},params:{cacheID:"3e39d87554a43d8dc3006d3e977317e5",id:null,metadata:{},name:"SpanSelectionToolbarDeleteTracesMutation",operationKind:"mutation",text:`mutation SpanSelectionToolbarDeleteTracesMutation(
|
|
6053
6053
|
$traceIds: [ID!]!
|
|
@@ -6145,10 +6145,10 @@ fragment TransferTracesButton_projects_1oCkZB on Query {
|
|
|
6145
6145
|
padding-bottom: var(--ac-global-dimension-size-100);
|
|
6146
6146
|
`,children:"Transfer Traces to Project"}),e(gi,{autoFocus:!0,"aria-label":"Search projects",placeholder:"Search projects...",onChange:c})]}),e(Fa,{"aria-label":"projects",items:d,selectionMode:"single",css:T`
|
|
6147
6147
|
height: 300px;
|
|
6148
|
-
`,onSelectionChange:m=>{if(m==="all")return;const p=m.keys().next().value;typeof p=="string"&&a(p)},children:m=>e(Il,{id:m.id,isDisabled:m.id===l,children:m.name},m.id)})]})}function wp(n){const{projectId:a}=nn(),{setFetchKey:l}=il();Ue(a);const t=Ce(),i=ve(),r=Pe(),[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(z=>z.traceId))],[u]),[k,S]=K.useMutation(Kp),[F,P]=K.useMutation(Tp),L=u.length!==1,D=y.useCallback(z=>{k({variables:{input:{datasetId:z,spanIds:u.map(I=>I.id)}},onCompleted:()=>{i({title:"Examples added to dataset",message:`${u.length} example${L?"s have":" has"} been added to the dataset.`,action:{text:"View dataset",onClick:()=>{t(`/datasets/${z}/examples`)}}}),f()},onError:I=>{const R=je(I);r({title:"An error occurred",message:`Failed to add spans to dataset: ${(R==null?void 0:R[0])??I.message}`})}})},[k,u,i,L,f,t,r]),j=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:z=>{const I=je(z);r({title:"An error occurred",message:`Failed to delete traces: ${(I==null?void 0:I[0])??z.message}`})}})},[F,h,i,f,r]),w=()=>{g(!0)};return e(Pr,{children:o(Kr,{children:[o(Ui,{"aria-label":"Span selection",children:[e(Rn,{size:"M",onPress:f,"aria-label":"Clear selection",children:e(x,{svg:e(Ll,{})})}),e(v,{paddingEnd:"size-100",children:e(C,{children:`${u.length} span${L?"s":""} selected`})})]}),o(Ui,{"aria-label":"Span selection actions",children:[o(W,{isOpen:c,onOpenChange:z=>{m(z)},children:[e(M,{variant:"primary",size:"M",leadingVisual:e(x,{svg:e(ea,{})}),onPress:()=>{m(!0)},isDisabled:S,children:S?"Adding...":"Add to Dataset"}),e(Fn,{placement:"top end",children:e(y.Suspense,{children:e(_2,{onDatasetSelected:z=>{D(z),m(!1)},onCreateNewDataset:()=>{m(!1),d(!0)}})})})]}),e(w2,{traceIds:h,currentProjectId:a,onSuccess:({projectName:z})=>{i({title:"Transfer Success",message:`The traces have been moved to project: ${z}`}),f(),l(`trace-transfer-${Date.now()}`)},onError:z=>{r({title:"Transfer Failed",message:`Failed to transfer due to error: ${z.message}`})}}),e(W,{isOpen:s,onOpenChange:d,children:e(Fn,{children:e(Y,{children:e(Z,{children:e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"New Dataset"}),e(pe,{children:e(M,{variant:"default",size:"S",onPress:()=>{d(!1)},leadingVisual:e(x,{svg:e(Ll,{})})})})]}),e(vd,{onDatasetCreateError:z=>{const I=je(z);r({title:"Dataset creation failed",message:`Failed to create dataset: ${(I==null?void 0:I[0])??z.message}`})},onDatasetCreated:z=>{d(!1),i({title:"Dataset created",message:`${z.name} has been successfully created.`}),m(!0)}})]})})})})})}),e(M,{size:"M","aria-label":"Delete Traces",isDisabled:P,onPress:w,variant:"danger",leadingVisual:e(x,{svg:e(un,{})})}),e(W,{isOpen:p,onOpenChange:g,children:e(Y,{children:e(Z,{children:e(J,{children:o(ce,{children:[e(ue,{children:e(me,{children:"Delete Traces"})}),e(v,{padding:"size-200",children:e(C,{color:"danger",children:"Are you sure you want to delete the selected spans and their traces?"})}),e(v,{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(M,{variant:"default",onPress:()=>{g(!1)},children:"Cancel"}),e(M,{variant:"danger",onPress:()=>{j(),g(!1)},children:"Delete Traces"})]})})]})})})})})]})]})})}const Ep="annotations",Xi="-",Rp={col:"startTime",dir:"desc"};function Mp(n){let a=null,l=null;if(n.id&&n.id.startsWith(Ep)){const[,t,i]=n.id.split(Xi);l={attr:t,name:i}}else a=n.id;return{col:a,evalResultKey:l,dir:n.desc?"desc":"asc"}}function Qt(n,a){return`${Ep}${Xi}${a}${Xi}${n}`.replace(/[^a-zA-Z0-9]/g,"-")}const It=Er,M2={minSize:100};function V2(n){return n==="root"||n==="all"}const Vp=({table:n,hasNext:a,onLoadNext:l,isLoadingNext:t})=>{const i=Ce(),[r]=yn(),{traceId:s}=nn(),d=r.get(Mn);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}?${Mn}=${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:ee(p.column.columnDef.cell,p.getContext())},p.id)})},c.id)}),a?e(Cd,{onLoadMore:l,isLoadingNext:t},"load-more"):null]})},z2=la.memo(Vp,(n,a)=>n.table.options.data===a.table.options.data);function N2(n){const{fetchKey:a}=il(),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(_=>_.columnVisibility),{data:f,loadNext:h,hasNext:k,isLoadingNext:S,refetch:F}=K.usePaginationFragment(pp,n.project),P=Hr(),L=P==null?void 0:P.setTraceSequence;y.useEffect(()=>{if(L)return L(f.spans.edges.map(({span:_})=>({traceId:_.trace.traceId,spanId:_.id}))),()=>{L([])}},[f.spans.edges,L]);const D=In(_=>_.annotationColumnVisibility),j=y.useMemo(()=>Object.keys(D).filter(_=>D[_]),[D]),w=y.useMemo(()=>f.spans.edges.map(({span:O})=>O),[f]),z=j.map(_=>({header:_,columns:[{header:"labels",accessorKey:Qt(_,"label"),cell:({row:O})=>{const q=O.original.spanAnnotationSummaries.find(ae=>ae.name===_);return q?e(Fm,{name:_,labelFractions:q.labelFractions}):null}},{header:"mean score",accessorKey:Qt(_,"score"),cell:({row:O})=>{const q=O.original.spanAnnotationSummaries.find(ae=>ae.name===_);return q?e(ri,{value:q.meanScore,fallback:null}):null}}]})),I=[{header:()=>o(b,{direction:"row",gap:"size-50",children:[e("span",{children:"annotations"}),o(ut,{children:[e(oe,{level:3,weight:"heavy",children:"Annotations"}),e(ml,{children:"Evaluations and human annotations logged via the API or set via the UI."})]})]}),id:"annotations",accessorKey:"spanAnnotations",enableSorting:!1,cell:({row:_})=>o(b,{direction:"row",gap:"size-50",wrap:"wrap",children:[e(si,{span:_.original,showFilterActions:!0}),_.original.documentRetrievalMetrics.map(O=>o(X,{children:[e(Bn,{name:O.evaluationName,metric:"ndcg",score:O.ndcg},"ndcg"),e(Bn,{name:O.evaluationName,metric:"precision",score:O.precision},"precision"),e(Bn,{name:O.evaluationName,metric:"hit",score:O.hit},"hit")]}))]})},...z],R=[{id:"select",maxSize:10,header:({table:_})=>e(va,{checked:_.getIsAllRowsSelected(),indeterminate:_.getIsSomeRowsSelected(),onChange:_.getToggleAllRowsSelectedHandler()}),cell:({row:_})=>e(va,{checked:_.getIsSelected(),disabled:!_.getCanSelect(),indeterminate:_.getIsSomeSelected(),onChange:_.getToggleSelectedHandler()})},{header:"status",accessorKey:"statusCode",maxSize:30,enableSorting:!1,cell:({getValue:_})=>{const O=_();return e(b,{direction:"row",gap:"size-50",alignItems:"center",children:e(li,{statusCode:O})})}},{header:"kind",accessorKey:"spanKind",maxSize:100,enableSorting:!1,cell:({getValue:_})=>e(yr,{spanKind:_()})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:_,row:O})=>{const q=O.original,{traceId:ae}=q.trace;return e(sn,{to:`${ae}?${Mn}=${q.id}`,children:_()})}},{header:"input",accessorKey:"input.value",cell:dn,enableSorting:!1},{header:"output",accessorKey:"output.value",cell:dn,enableSorting:!1},{header:"metadata",accessorKey:"metadata",cell:({row:_})=>e(fp,{metadata:_.original.metadata}),enableSorting:!1},...I,{header:"start time",accessorKey:"startTime",cell:Ne},{header:"latency",accessorKey:"latencyMs",cell:({getValue:_})=>{const O=_();return O===null||typeof O!="number"?null:e(cn,{latencyMs:O})}},{header:p?"cumulative tokens":"total tokens",accessorKey:p?"cumulativeTokenCountTotal":"tokenCountTotal",cell:({row:_,getValue:O})=>{if(O()===null)return"--";const ae=_.original,Zn=p?ae.cumulativeTokenCountTotal:ae.tokenCountTotal;return p?e(od,{tokenCountTotal:Zn||0,nodeId:ae.id}):e(ti,{tokenCountTotal:Zn||0,nodeId:ae.id})}},{header:p?"cumulative cost":"total cost",accessorKey:p?"trace.costSummary.total.cost":"costSummary.total.cost",id:p?"cumulativeTokenCostTotal":"tokenCostTotal",cell:({row:_,getValue:O})=>{const q=O();if(q===null||typeof q!="number")return"--";const ae=_.original;return p?e(vr,{totalCost:q,nodeId:ae.trace.id,size:"S"}):e(ii,{totalCost:q,spanNodeId:ae.id,size:"S"})}}];y.useEffect(()=>{if(t.current===!0){t.current=!1;return}y.startTransition(()=>{const _=s[0];F({sort:_?Mp(_):Rp,after:null,first:It,filterCondition:c,rootSpansOnly:p},{fetchPolicy:"store-and-network"})})},[s,F,c,a,p]);const V=y.useCallback(_=>{if(_){const{scrollHeight:O,scrollTop:q,clientHeight:ae}=_;O-q-ae<300&&!S&&k&&h(It)}},[k,S,h]),A=In(_=>_.setColumnSizing),E=In(_=>_.columnSizing),$=Me({columns:R,data:w,state:{sorting:s,columnVisibility:u,rowSelection:i,columnSizing:E},defaultColumn:M2,columnResizeMode:"onChange",manualSorting:!0,enableRowSelection:!0,onRowSelectionChange:r,onSortingChange:d,onColumnSizingChange:A,getCoreRowModel:Ve(),getSortedRowModel:Tn()}),N=$.getRowModel().rows,le=$.getSelectedRowModel().rows,De=le.map(_=>({id:_.original.id,traceId:_.original.trace.id})),Je=y.useCallback(()=>{r({})},[r]),Q=N.length===0,te=$.getAllColumns().filter(_=>_.columns.length===0),{columnSizingInfo:re,columnSizing:Le}=$.getState(),_e=$.getFlatHeaders,ua=te.length,[ma]=y.useMemo(()=>{const _=_e(),O={};for(let q=0;q<_.length;q++){const ae=_[q];O[`--header-${ae.id}-size`]=ae.getSize(),O[`--col-${ae.column.id}-size`]=ae.column.getSize()}return[O]},[_e,re,Le,ua]);return o("div",{css:Jr,children:[e(v,{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(ci,{"aria-label":"Toggle between root and all spans",selectionMode:"single",selectedKeys:[p?"root":"all"],onSelectionChange:_=>{if(_.size===0)return;const O=_.keys().next().value;if(V2(O))g(O==="root");else throw new Error(`Unknown root span filter selection: ${O}`)},children:[e(na,{"aria-label":"root spans",id:"root",children:"Root Spans"}),e(na,{"aria-label":"all spans",id:"all",children:"All"})]}),e(bp,{columns:te,query:f}),e(C2,{})]})}),e("div",{css:T`
|
|
6148
|
+
`,onSelectionChange:m=>{if(m==="all")return;const p=m.keys().next().value;typeof p=="string"&&a(p)},children:m=>e(Il,{id:m.id,isDisabled:m.id===l,children:m.name},m.id)})]})}function wp(n){const{projectId:a}=nn(),{setFetchKey:l}=il();Ue(a);const t=Ce(),i=ve(),r=Pe(),[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(z=>z.traceId))],[u]),[k,S]=K.useMutation(Kp),[F,P]=K.useMutation(Tp),L=u.length!==1,D=y.useCallback(z=>{k({variables:{input:{datasetId:z,spanIds:u.map(I=>I.id)}},onCompleted:()=>{i({title:"Examples added to dataset",message:`${u.length} example${L?"s have":" has"} been added to the dataset.`,action:{text:"View dataset",onClick:()=>{t(`/datasets/${z}/examples`)}}}),f()},onError:I=>{const R=je(I);r({title:"An error occurred",message:`Failed to add spans to dataset: ${(R==null?void 0:R[0])??I.message}`})}})},[k,u,i,L,f,t,r]),j=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:z=>{const I=je(z);r({title:"An error occurred",message:`Failed to delete traces: ${(I==null?void 0:I[0])??z.message}`})}})},[F,h,i,f,r]),w=()=>{g(!0)};return e(Pr,{children:o(Kr,{children:[o(Ui,{"aria-label":"Span selection",children:[e(Rn,{size:"M",onPress:f,"aria-label":"Clear selection",children:e(x,{svg:e(Ll,{})})}),e(v,{paddingEnd:"size-100",children:e(C,{children:`${u.length} span${L?"s":""} selected`})})]}),o(Ui,{"aria-label":"Span selection actions",children:[o(W,{isOpen:c,onOpenChange:z=>{m(z)},children:[e(M,{variant:"primary",size:"M",leadingVisual:e(x,{svg:e(ea,{})}),onPress:()=>{m(!0)},isDisabled:S,children:S?"Adding...":"Add to Dataset"}),e(Fn,{placement:"top end",children:e(y.Suspense,{children:e(_2,{onDatasetSelected:z=>{D(z),m(!1)},onCreateNewDataset:()=>{m(!1),d(!0)}})})})]}),e(w2,{traceIds:h,currentProjectId:a,onSuccess:({projectName:z})=>{i({title:"Transfer Success",message:`The traces have been moved to project: ${z}`}),f(),l(`trace-transfer-${Date.now()}`)},onError:z=>{r({title:"Transfer Failed",message:`Failed to transfer due to error: ${z.message}`})}}),e(W,{isOpen:s,onOpenChange:d,children:e(Fn,{children:e(Y,{children:e(X,{children:e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"New Dataset"}),e(pe,{children:e(M,{variant:"default",size:"S",onPress:()=>{d(!1)},leadingVisual:e(x,{svg:e(Ll,{})})})})]}),e(vd,{onDatasetCreateError:z=>{const I=je(z);r({title:"Dataset creation failed",message:`Failed to create dataset: ${(I==null?void 0:I[0])??z.message}`})},onDatasetCreated:z=>{d(!1),i({title:"Dataset created",message:`${z.name} has been successfully created.`}),m(!0)}})]})})})})})}),e(M,{size:"M","aria-label":"Delete Traces",isDisabled:P,onPress:w,variant:"danger",leadingVisual:e(x,{svg:e(un,{})})}),e(W,{isOpen:p,onOpenChange:g,children:e(Y,{children:e(X,{children:e(J,{children:o(ce,{children:[e(ue,{children:e(me,{children:"Delete Traces"})}),e(v,{padding:"size-200",children:e(C,{color:"danger",children:"Are you sure you want to delete the selected spans and their traces?"})}),e(v,{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(M,{variant:"default",onPress:()=>{g(!1)},children:"Cancel"}),e(M,{variant:"danger",onPress:()=>{j(),g(!1)},children:"Delete Traces"})]})})]})})})})})]})]})})}const Ep="annotations",Xi="-",Rp={col:"startTime",dir:"desc"};function Mp(n){let a=null,l=null;if(n.id&&n.id.startsWith(Ep)){const[,t,i]=n.id.split(Xi);l={attr:t,name:i}}else a=n.id;return{col:a,evalResultKey:l,dir:n.desc?"desc":"asc"}}function Qt(n,a){return`${Ep}${Xi}${a}${Xi}${n}`.replace(/[^a-zA-Z0-9]/g,"-")}const It=Er,M2={minSize:100};function V2(n){return n==="root"||n==="all"}const Vp=({table:n,hasNext:a,onLoadNext:l,isLoadingNext:t})=>{const i=Ce(),[r]=yn(),{traceId:s}=nn(),d=r.get(Mn);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}?${Mn}=${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:ee(p.column.columnDef.cell,p.getContext())},p.id)})},c.id)}),a?e(Cd,{onLoadMore:l,isLoadingNext:t},"load-more"):null]})},z2=la.memo(Vp,(n,a)=>n.table.options.data===a.table.options.data);function N2(n){const{fetchKey:a}=il(),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(_=>_.columnVisibility),{data:f,loadNext:h,hasNext:k,isLoadingNext:S,refetch:F}=K.usePaginationFragment(pp,n.project),P=Hr(),L=P==null?void 0:P.setTraceSequence;y.useEffect(()=>{if(L)return L(f.spans.edges.map(({span:_})=>({traceId:_.trace.traceId,spanId:_.id}))),()=>{L([])}},[f.spans.edges,L]);const D=In(_=>_.annotationColumnVisibility),j=y.useMemo(()=>Object.keys(D).filter(_=>D[_]),[D]),w=y.useMemo(()=>f.spans.edges.map(({span:O})=>O),[f]),z=j.map(_=>({header:_,columns:[{header:"labels",accessorKey:Qt(_,"label"),cell:({row:O})=>{const q=O.original.spanAnnotationSummaries.find(ae=>ae.name===_);return q?e(Fm,{name:_,labelFractions:q.labelFractions}):null}},{header:"mean score",accessorKey:Qt(_,"score"),cell:({row:O})=>{const q=O.original.spanAnnotationSummaries.find(ae=>ae.name===_);return q?e(ri,{value:q.meanScore,fallback:null}):null}}]})),I=[{header:()=>o(b,{direction:"row",gap:"size-50",children:[e("span",{children:"annotations"}),o(ut,{children:[e(oe,{level:3,weight:"heavy",children:"Annotations"}),e(gl,{children:"Evaluations and human annotations logged via the API or set via the UI."})]})]}),id:"annotations",accessorKey:"spanAnnotations",enableSorting:!1,cell:({row:_})=>o(b,{direction:"row",gap:"size-50",wrap:"wrap",children:[e(si,{span:_.original,showFilterActions:!0}),_.original.documentRetrievalMetrics.map(O=>o(Z,{children:[e(Bn,{name:O.evaluationName,metric:"ndcg",score:O.ndcg},"ndcg"),e(Bn,{name:O.evaluationName,metric:"precision",score:O.precision},"precision"),e(Bn,{name:O.evaluationName,metric:"hit",score:O.hit},"hit")]}))]})},...z],R=[{id:"select",maxSize:10,header:({table:_})=>e(va,{checked:_.getIsAllRowsSelected(),indeterminate:_.getIsSomeRowsSelected(),onChange:_.getToggleAllRowsSelectedHandler()}),cell:({row:_})=>e(va,{checked:_.getIsSelected(),disabled:!_.getCanSelect(),indeterminate:_.getIsSomeSelected(),onChange:_.getToggleSelectedHandler()})},{header:"status",accessorKey:"statusCode",maxSize:30,enableSorting:!1,cell:({getValue:_})=>{const O=_();return e(b,{direction:"row",gap:"size-50",alignItems:"center",children:e(li,{statusCode:O})})}},{header:"kind",accessorKey:"spanKind",maxSize:100,enableSorting:!1,cell:({getValue:_})=>e(yr,{spanKind:_()})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:_,row:O})=>{const q=O.original,{traceId:ae}=q.trace;return e(sn,{to:`${ae}?${Mn}=${q.id}`,children:_()})}},{header:"input",accessorKey:"input.value",cell:dn,enableSorting:!1},{header:"output",accessorKey:"output.value",cell:dn,enableSorting:!1},{header:"metadata",accessorKey:"metadata",cell:({row:_})=>e(fp,{metadata:_.original.metadata}),enableSorting:!1},...I,{header:"start time",accessorKey:"startTime",cell:Ne},{header:"latency",accessorKey:"latencyMs",cell:({getValue:_})=>{const O=_();return O===null||typeof O!="number"?null:e(cn,{latencyMs:O})}},{header:p?"cumulative tokens":"total tokens",accessorKey:p?"cumulativeTokenCountTotal":"tokenCountTotal",cell:({row:_,getValue:O})=>{if(O()===null)return"--";const ae=_.original,Zn=p?ae.cumulativeTokenCountTotal:ae.tokenCountTotal;return p?e(od,{tokenCountTotal:Zn||0,nodeId:ae.id}):e(ti,{tokenCountTotal:Zn||0,nodeId:ae.id})}},{header:p?"cumulative cost":"total cost",accessorKey:p?"trace.costSummary.total.cost":"costSummary.total.cost",id:p?"cumulativeTokenCostTotal":"tokenCostTotal",cell:({row:_,getValue:O})=>{const q=O();if(q===null||typeof q!="number")return"--";const ae=_.original;return p?e(vr,{totalCost:q,nodeId:ae.trace.id,size:"S"}):e(ii,{totalCost:q,spanNodeId:ae.id,size:"S"})}}];y.useEffect(()=>{if(t.current===!0){t.current=!1;return}y.startTransition(()=>{const _=s[0];F({sort:_?Mp(_):Rp,after:null,first:It,filterCondition:c,rootSpansOnly:p},{fetchPolicy:"store-and-network"})})},[s,F,c,a,p]);const V=y.useCallback(_=>{if(_){const{scrollHeight:O,scrollTop:q,clientHeight:ae}=_;O-q-ae<300&&!S&&k&&h(It)}},[k,S,h]),A=In(_=>_.setColumnSizing),E=In(_=>_.columnSizing),$=Me({columns:R,data:w,state:{sorting:s,columnVisibility:u,rowSelection:i,columnSizing:E},defaultColumn:M2,columnResizeMode:"onChange",manualSorting:!0,enableRowSelection:!0,onRowSelectionChange:r,onSortingChange:d,onColumnSizingChange:A,getCoreRowModel:Ve(),getSortedRowModel:Tn()}),N=$.getRowModel().rows,le=$.getSelectedRowModel().rows,De=le.map(_=>({id:_.original.id,traceId:_.original.trace.id})),Je=y.useCallback(()=>{r({})},[r]),Q=N.length===0,te=$.getAllColumns().filter(_=>_.columns.length===0),{columnSizingInfo:re,columnSizing:Le}=$.getState(),_e=$.getFlatHeaders,ua=te.length,[ma]=y.useMemo(()=>{const _=_e(),O={};for(let q=0;q<_.length;q++){const ae=_[q];O[`--header-${ae.id}-size`]=ae.getSize(),O[`--col-${ae.column.id}-size`]=ae.column.getSize()}return[O]},[_e,re,Le,ua]);return o("div",{css:Jr,children:[e(v,{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(ci,{"aria-label":"Toggle between root and all spans",selectionMode:"single",selectedKeys:[p?"root":"all"],onSelectionChange:_=>{if(_.size===0)return;const O=_.keys().next().value;if(V2(O))g(O==="root");else throw new Error(`Unknown root span filter selection: ${O}`)},children:[e(na,{"aria-label":"root spans",id:"root",children:"Root Spans"}),e(na,{"aria-label":"all spans",id:"all",children:"All"})]}),e(bp,{columns:te,query:f}),e(C2,{})]})}),e("div",{css:T`
|
|
6149
6149
|
flex: 1 1 auto;
|
|
6150
6150
|
overflow: auto;
|
|
6151
|
-
`,onScroll:_=>V(_.target),ref:l,children:o("table",{css:Ka,style:{...ma,width:$.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:$.getHeaderGroups().map(_=>e("tr",{children:_.headers.map(O=>e("th",{colSpan:O.colSpan,style:{width:`calc(var(--header-${O.id}-size) * 1px)`},children:O.isPlaceholder?null:o(
|
|
6151
|
+
`,onScroll:_=>V(_.target),ref:l,children:o("table",{css:Ka,style:{...ma,width:$.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:$.getHeaderGroups().map(_=>e("tr",{children:_.headers.map(O=>e("th",{colSpan:O.colSpan,style:{width:`calc(var(--header-${O.id}-size) * 1px)`},children:O.isPlaceholder?null:o(Z,{children:[o("div",{className:O.column.getCanSort()?"sort":"",onClick:O.column.getToggleSortingHandler(),style:{left:O.getStart(),width:O.getSize()},children:[e(pn,{maxWidth:"100%",children:ee(O.column.columnDef.header,O.getContext())}),O.column.getIsSorted()?e(x,{className:"sort-icon",svg:O.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]}),e("div",{onMouseDown:O.getResizeHandler(),onTouchStart:O.getResizeHandler(),className:`resizer ${O.column.getIsResizing()?"isResizing":""}`})]})},O.id))},_.id))}),Q&&!k?e(hp,{projectName:f.name}):re.isResizingColumn?e(z2,{table:$,hasNext:k,onLoadNext:()=>h(It),isLoadingNext:S}):e(Vp,{table:$,hasNext:k,onLoadNext:()=>h(It),isLoadingNext:S})]})}),le.length?e(wp,{selectedSpans:De,onClearSelection:Je}):null]})}function $2({queryReference:n}){const a=K.usePreloadedQuery(gu,n);return e(N2,{project:a.project})}const V3=()=>{const{spansQueryReference:n}=yi();return n?e(Zr,{children:o(Mm,{children:[e(qr,{children:e(y.Suspense,{fallback:e(fe,{}),children:e($2,{queryReference:n})})}),e(y.Suspense,{children:e(xe,{})})]})}):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:"latencyMs",storageKey:null},P={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},L=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],D={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:L,storageKey:null},j={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:L,storageKey:null},w={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},z={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},I={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},R={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},V={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[u,f,I,R,{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},A={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},f],storageKey:null},E={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:[I,R],storageKey:null}],type:"CategoricalAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[u],type:"Node",abstractKey:"__isNode"}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},$={alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null};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,{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},P,D,j,w,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[u,z,{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},V,A,E,$,{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,P,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},D,j,w,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[u,z],storageKey:null},V,E,A,$],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:"422bbc4ee6cd6a8c1b859da55e370cb0",id:null,metadata:{},name:"TracesTableQuery",operationKind:"query",text:`query TracesTableQuery(
|
|
6152
6152
|
$after: String = null
|
|
6153
6153
|
$filterCondition: String = null
|
|
6154
6154
|
$first: Int = 30
|
|
@@ -6336,7 +6336,7 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
6336
6336
|
&[data-is-additional-row="true"] {
|
|
6337
6337
|
box-shadow: inset 0 -10px 20px var(--ac-global-color-grey-100);
|
|
6338
6338
|
}
|
|
6339
|
-
`;function jp(n){const{children:a}=n,l=[];for(const t of a){const i={...t.span,children:jp({children:t.children})};l.push(i)}return l}function q2(n){const a=y.useRef(null),l=y.useRef(!0),[t,i]=y.useState({}),[r,s]=y.useState([]),[d,c]=y.useState(""),{fetchKey:m}=il(),{data:p,loadNext:g,hasNext:u,isLoadingNext:f,refetch:h}=K.usePaginationFragment(Np,n.project),k=In(_=>_.annotationColumnVisibility),S=y.useMemo(()=>Object.keys(k).filter(_=>k[_]),[k]),F=y.useMemo(()=>p.rootSpans.edges.map(({rootSpan:_})=>{const O=p0([_,..._.descendants.edges.map(({node:Zn})=>Zn)]),[q]=jp({children:O}),ae=_.trace.numSpans-j2-1;return ae>0&&(q.children=[...q.children,{...q,__additionalRow:!0,name:`+ ${ae} more span${ae>1?"s":""}`,id:`additional-${q.id}`,input:{value:""},output:{value:""},metadata:null,spanAnnotations:[],documentRetrievalMetrics:[],children:[]}]),q}),[p]),P=y.useMemo(()=>S.map(_=>({header:_,columns:[{header:"labels",accessorKey:Qt(_,"label"),cell:({row:O})=>{var ae;const q=(ae=O.original.spanAnnotationSummaries)==null?void 0:ae.find(Zn=>Zn.name===_);return q?e(Fm,{name:_,labelFractions:q.labelFractions}):null}},{header:"mean score",accessorKey:Qt(_,"score"),cell:({row:O})=>{var ae;const q=(ae=O.original.spanAnnotationSummaries)==null?void 0:ae.find(Zn=>Zn.name===_);return q?e(ri,{value:q.meanScore,fallback:null}):null}}]})),[S]),L=y.useMemo(()=>[{header:()=>o(b,{direction:"row",gap:"size-50",children:[e("span",{children:"Annotations"}),o(ut,{children:[e(oe,{level:3,weight:"heavy",children:"Annotations"}),e(
|
|
6339
|
+
`;function jp(n){const{children:a}=n,l=[];for(const t of a){const i={...t.span,children:jp({children:t.children})};l.push(i)}return l}function q2(n){const a=y.useRef(null),l=y.useRef(!0),[t,i]=y.useState({}),[r,s]=y.useState([]),[d,c]=y.useState(""),{fetchKey:m}=il(),{data:p,loadNext:g,hasNext:u,isLoadingNext:f,refetch:h}=K.usePaginationFragment(Np,n.project),k=In(_=>_.annotationColumnVisibility),S=y.useMemo(()=>Object.keys(k).filter(_=>k[_]),[k]),F=y.useMemo(()=>p.rootSpans.edges.map(({rootSpan:_})=>{const O=p0([_,..._.descendants.edges.map(({node:Zn})=>Zn)]),[q]=jp({children:O}),ae=_.trace.numSpans-j2-1;return ae>0&&(q.children=[...q.children,{...q,__additionalRow:!0,name:`+ ${ae} more span${ae>1?"s":""}`,id:`additional-${q.id}`,input:{value:""},output:{value:""},metadata:null,spanAnnotations:[],documentRetrievalMetrics:[],children:[]}]),q}),[p]),P=y.useMemo(()=>S.map(_=>({header:_,columns:[{header:"labels",accessorKey:Qt(_,"label"),cell:({row:O})=>{var ae;const q=(ae=O.original.spanAnnotationSummaries)==null?void 0:ae.find(Zn=>Zn.name===_);return q?e(Fm,{name:_,labelFractions:q.labelFractions}):null}},{header:"mean score",accessorKey:Qt(_,"score"),cell:({row:O})=>{var ae;const q=(ae=O.original.spanAnnotationSummaries)==null?void 0:ae.find(Zn=>Zn.name===_);return q?e(ri,{value:q.meanScore,fallback:null}):null}}]})),[S]),L=y.useMemo(()=>[{header:()=>o(b,{direction:"row",gap:"size-50",children:[e("span",{children:"Annotations"}),o(ut,{children:[e(oe,{level:3,weight:"heavy",children:"Annotations"}),e(gl,{children:"Evaluations and human annotations logged via the API or set via the UI."})]})]}),id:"annotations",accessorKey:"spanAnnotations",enableSorting:!1,cell:({row:_})=>{if(_.original.__additionalRow)return null;const O=_.original.spanAnnotations.length===0&&_.original.documentRetrievalMetrics.length===0;return o(b,{direction:"row",gap:"size-50",wrap:"wrap",children:[e(si,{span:_.original,showFilterActions:!0}),_.original.documentRetrievalMetrics.map(q=>o(y.Fragment,{children:[e(Bn,{name:q.evaluationName,metric:"ndcg",score:q.ndcg},"ndcg"),e(Bn,{name:q.evaluationName,metric:"precision",score:q.precision},"precision"),e(Bn,{name:q.evaluationName,metric:"hit",score:q.hit},"hit")]},"doc-evals")),O?"--":null]})}},...P],[P]),D=y.useMemo(()=>[{id:"select",maxSize:10,header:({table:_})=>e(va,{checked:_.getIsAllRowsSelected(),indeterminate:_.getIsSomeRowsSelected(),onChange:_.getToggleAllRowsSelectedHandler()}),cell:({row:_})=>_.original.__additionalRow?null:e(va,{checked:_.getIsSelected(),disabled:!_.getCanSelect(),indeterminate:_.getIsSomeSelected(),onChange:_.getToggleSelectedHandler()})},{header:"status",accessorKey:"statusCode",maxSize:30,enableSorting:!1,cell:({getValue:_,row:O})=>{if(O.original.__additionalRow)return null;const q=_();return e(li,{statusCode:q})}},{header:({table:_})=>o(b,{gap:"size-50",direction:"row",alignItems:"center",children:[e(So,{isExpanded:_.getIsAllRowsExpanded(),onClick:_.getToggleAllRowsExpandedHandler(),"aria-label":"Expand all rows"}),"kind"]}),enableSorting:!1,accessorKey:"spanKind",maxSize:100,cell:_=>_.row.original.__additionalRow?e("div",{css:T`
|
|
6340
6340
|
// Since rows are flattened by default,
|
|
6341
6341
|
// we can use the row.depth property
|
|
6342
6342
|
// and paddingLeft to visually indicate the depth
|
|
@@ -6351,7 +6351,7 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
6351
6351
|
`,children:o(b,{gap:"size-50",children:[_.row.getCanExpand()?e(So,{isExpanded:_.row.getIsExpanded(),onClick:_.row.getToggleExpandedHandler(),"aria-label":"Expand row"}):null,e(yr,{spanKind:_.getValue()})]})})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:_,row:O})=>{const{traceId:q}=O.original.trace,ae=O.original.isAdditionalSpansRow?null:O.original.id;return e(sn,{to:`${q}${ae?`?${Mn}=${ae}`:""}`,children:_()})}},{header:"input",accessorKey:"input.value",enableSorting:!1,cell:dn},{header:"output",accessorKey:"output.value",enableSorting:!1,cell:dn},{header:"metadata",accessorKey:"metadata",enableSorting:!1,cell:Q2},...L,{header:"start time",accessorKey:"startTime",cell:_=>_.row.original.__additionalRow?null:e(Ne,{..._})},{header:"latency",accessorKey:"latencyMs",cell:({getValue:_,row:O})=>{const q=_();return q===null||typeof q!="number"||O.original.__additionalRow?null:e(cn,{latencyMs:q})}},{header:"total tokens",minSize:80,accessorKey:"cumulativeTokenCountTotal",cell:({row:_,getValue:O})=>{if(_.original.__additionalRow)return null;const q=O();return q===null?"--":e(y0,{tokenCountTotal:q,nodeId:_.original.trace.id})}},{header:"total cost",minSize:80,accessorKey:"trace.costSummary.total.cost",id:"cumulativeTokenCostTotal",cell:({row:_,getValue:O})=>{const q=O();if(q===null||typeof q!="number")return"--";const ae=_.original;return e(vr,{totalCost:q,nodeId:ae.trace.id,size:"S"})}}],[L]);y.useEffect(()=>{if(l.current===!0){l.current=!1;return}const _=r[0];y.startTransition(()=>{h({sort:_?Mp(_):Rp,after:null,first:ls,filterCondition:d},{fetchPolicy:"store-and-network"})})},[r,h,d,m]);const j=y.useCallback(_=>{if(_){const{scrollHeight:O,scrollTop:q,clientHeight:ae}=_;O-q-ae<300&&!f&&u&&g(ls)}},[u,f,g]),w=Hr(),z=w==null?void 0:w.setTraceSequence;y.useEffect(()=>{if(z)return z(p.rootSpans.edges.map(({rootSpan:_})=>({traceId:_.trace.traceId,spanId:_.id}))),()=>{z([])}},[p.rootSpans.edges,z]);const[I,R]=y.useState({}),V=In(_=>_.columnVisibility),A=In(_=>_.setColumnSizing),E=In(_=>_.columnSizing),$=Me({columns:D,data:F,onExpandedChange:R,manualSorting:!0,getSubRows:_=>_.children,state:{sorting:r,expanded:I,columnVisibility:V,rowSelection:t,columnSizing:E},columnResizeMode:"onChange",onRowSelectionChange:i,enableSubRowSelection:!1,onSortingChange:s,onColumnSizingChange:A,getCoreRowModel:Ve(),getSortedRowModel:Tn(),getExpandedRowModel:vs(),getRowId:_=>_.id}),N=$.getRowModel().rows,le=$.getSelectedRowModel().flatRows,De=le.map(_=>({id:_.original.id,traceId:_.original.trace.id})),Je=y.useCallback(()=>{i({})},[i]),Q=N.length===0,te=$.getAllColumns().filter(_=>_.columns.length===0),{columnSizingInfo:re,columnSizing:Le}=$.getState(),_e=$.getFlatHeaders,ua=te.length,ma=la.useMemo(()=>{const _=_e(),O={};for(let q=0;q<_.length;q++){const ae=_[q];O[`--header-${ae.id}-size`]=ae.getSize(),O[`--col-${ae.column.id}-size`]=ae.column.getSize()}return O},[_e,re,Le,ua]);return o("div",{css:Jr,children:[e(v,{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:te,query:p})]})}),e("div",{css:T`
|
|
6352
6352
|
flex: 1 1 auto;
|
|
6353
6353
|
overflow: auto;
|
|
6354
|
-
`,onScroll:_=>j(_.target),ref:a,children:o("table",{css:Ka,style:{...ma,width:$.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:$.getHeaderGroups().map(_=>e("tr",{children:_.headers.map(O=>e("th",{style:{width:`calc(var(--header-${O.id}-size) * 1px)`},colSpan:O.colSpan,children:O.isPlaceholder?null:o(
|
|
6354
|
+
`,onScroll:_=>j(_.target),ref:a,children:o("table",{css:Ka,style:{...ma,width:$.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:$.getHeaderGroups().map(_=>e("tr",{children:_.headers.map(O=>e("th",{style:{width:`calc(var(--header-${O.id}-size) * 1px)`},colSpan:O.colSpan,children:O.isPlaceholder?null:o(Z,{children:[o("div",{"data-sortable":O.column.getCanSort(),className:O.column.getCanSort()?"sort":"",onClick:O.column.getToggleSortingHandler(),style:{left:O.getStart(),width:O.getSize()},children:[e(pn,{maxWidth:"100%",children:ee(O.column.columnDef.header,O.getContext())}),O.column.getIsSorted()?e(x,{className:"sort-icon",svg:O.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]}),e("div",{onMouseDown:O.getResizeHandler(),onTouchStart:O.getResizeHandler(),className:`resizer ${O.column.getIsResizing()?"isResizing":""}`})]})},O.id))},_.id))}),Q?e(hp,{projectName:p.name}):re.isResizingColumn?e(O2,{table:$}):e($p,{table:$})]})}),le.length?e(wp,{selectedSpans:De,onClearSelection:Je}):null]})}const U2=({tracesQueryReference:n})=>{const a=K.usePreloadedQuery(mu,n);return e(q2,{project:a.project})},z3=()=>{const{tracesQueryReference:n}=yi();return n?e(Zr,{children:o(Mm,{children:[e(qr,{children:e(y.Suspense,{fallback:e(fe,{}),children:e(U2,{tracesQueryReference:n})})}),e(y.Suspense,{children:e(xe,{})})]})}):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(
|
|
6355
6355
|
$id: ID!
|
|
6356
6356
|
) {
|
|
6357
6357
|
project: node(id: $id) {
|
|
@@ -6577,7 +6577,7 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
6577
6577
|
id
|
|
6578
6578
|
}
|
|
6579
6579
|
}
|
|
6580
|
-
`}}}();Xp.hash="741f12e79590c1e1fb779d92730cacf9";function gP({active:n,payload:a,label:l}){return n&&a&&a.length?o(He,{children:[l&&e(C,{weight:"heavy",size:"S",children:`${en(new Date(l))}`}),a.map((t,i)=>t.value?e(he,{color:t.color||"#ffffff",shape:"line",name:t.dataKey||"unknown",value:`${ai(t.value)} s`},i):null)]}):null}function pP({projectId:n,timeRange:a}){var u,f,h;const l=da({timeRange:a}),t=ca(),r=(((h=K.useLazyLoadQuery(Xp,{projectId:n,timeRange:{start:(u=a.start)==null?void 0:u.toISOString(),end:(f=a.end)==null?void 0:f.toISOString()},timeBinConfig:{scale:l,utcOffsetMinutes:t}}).project.traceLatencyMsPercentileTimeSeries)==null?void 0:h.data)??[]).map(k=>({timestamp:new Date(k.timestamp),p50:typeof k.p50=="number"?k.p50/1e3:null,p75:typeof k.p75=="number"?k.p75/1e3:null,p90:typeof k.p90=="number"?k.p90/1e3:null,p95:typeof k.p95=="number"?k.p95/1e3:null,p99:typeof k.p99=="number"?k.p99/1e3:null,p999:typeof k.p999=="number"?k.p999/1e3:null,max:typeof k.max=="number"?k.max/1e3:null})),s=oa({scale:l}),d=Ia({scale:l}),c=Pn(),[m,p]=y.useState({p50:!1,p75:!1,p90:!1,p95:!1,p99:!1,p999:!1,max:!1}),g=k=>{p({...m,[String(k.dataKey)]:!m[k.dataKey]})};return e(We,{width:"100%",height:"100%",children:o(
|
|
6580
|
+
`}}}();Xp.hash="741f12e79590c1e1fb779d92730cacf9";function gP({active:n,payload:a,label:l}){return n&&a&&a.length?o(He,{children:[l&&e(C,{weight:"heavy",size:"S",children:`${en(new Date(l))}`}),a.map((t,i)=>t.value?e(he,{color:t.color||"#ffffff",shape:"line",name:t.dataKey||"unknown",value:`${ai(t.value)} s`},i):null)]}):null}function pP({projectId:n,timeRange:a}){var u,f,h;const l=da({timeRange:a}),t=ca(),r=(((h=K.useLazyLoadQuery(Xp,{projectId:n,timeRange:{start:(u=a.start)==null?void 0:u.toISOString(),end:(f=a.end)==null?void 0:f.toISOString()},timeBinConfig:{scale:l,utcOffsetMinutes:t}}).project.traceLatencyMsPercentileTimeSeries)==null?void 0:h.data)??[]).map(k=>({timestamp:new Date(k.timestamp),p50:typeof k.p50=="number"?k.p50/1e3:null,p75:typeof k.p75=="number"?k.p75/1e3:null,p90:typeof k.p90=="number"?k.p90/1e3:null,p95:typeof k.p95=="number"?k.p95/1e3:null,p99:typeof k.p99=="number"?k.p99/1e3:null,p999:typeof k.p999=="number"?k.p999/1e3:null,max:typeof k.max=="number"?k.max/1e3:null})),s=oa({scale:l}),d=Ia({scale:l}),c=Pn(),[m,p]=y.useState({p50:!1,p75:!1,p90:!1,p95:!1,p99:!1,p999:!1,max:!1}),g=k=>{p({...m,[String(k.dataKey)]:!m[k.dataKey]})};return e(We,{width:"100%",height:"100%",children:o(hl,{data:r,margin:{top:0,right:18,left:0,bottom:0},syncId:"projectMetrics",children:[e(ln,{vertical:!1,...Nn}),e(an,{...Vn,dataKey:"timestamp",interval:d,tickFormatter:k=>s(k)}),e(Oe,{width:55,tickFormatter:k=>qe(k),label:{value:"Latency (s)",angle:-90,dx:-20,style:{textAnchor:"middle",fill:"var(--chart-axis-label-color)"}},...zn}),e(Xn,{type:"monotone",dataKey:"p50",stroke:c.blue400,strokeWidth:1,activeDot:{r:4},name:"P50",hide:m.p50}),e(Xn,{type:"monotone",dataKey:"p75",stroke:c.blue400,strokeWidth:1,dot:{r:2},activeDot:{r:4},name:"P75",hide:m.p75}),e(Xn,{type:"monotone",dataKey:"p90",stroke:c.blue500,strokeWidth:2,dot:{r:2},activeDot:{r:4},name:"P90",hide:m.p90}),e(Xn,{type:"monotone",dataKey:"p95",stroke:c.blue600,strokeWidth:2,dot:{r:2},activeDot:{r:4},name:"P95",hide:m.p95}),e(Xn,{type:"monotone",dataKey:"p99",stroke:c.blue700,strokeWidth:2,dot:{r:2},activeDot:{r:4},name:"P99",hide:m.p99}),e(Xn,{type:"monotone",dataKey:"p999",stroke:c.blue800,strokeWidth:2,dot:{r:2},activeDot:{r:4},name:"P99.9",hide:m.p999}),e(Xn,{type:"monotone",dataKey:"max",stroke:c.blue900,strokeWidth:2,strokeDasharray:"5 5",dot:{r:2},activeDot:{r:4},name:"Max",hide:m.max}),e($n,{...Jn,iconType:"line",iconSize:8,onClick:g}),e(Ge,{content:gP,cursor:{fill:"var(--chart-tooltip-cursor-fill-color)"}})]})})}const Yp=function(){var n={defaultValue:null,kind:"LocalArgument",name:"projectId"},a={defaultValue:null,kind:"LocalArgument",name:"timeBinConfig"},l={defaultValue:null,kind:"LocalArgument",name:"timeRange"},t=[{kind:"Variable",name:"id",variableName:"projectId"}],i={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"timeBinConfig",variableName:"timeBinConfig"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"TraceTokenCostTimeSeries",kind:"LinkedField",name:"traceTokenCostTimeSeries",plural:!1,selections:[{alias:null,args:null,concreteType:"TraceTokenCostTimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"promptCost",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"completionCost",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"totalCost",storageKey:null}],storageKey:null}],storageKey:null}],type:"Project",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"TraceTokenCostTimeSeriesQuery",selections:[{alias:"project",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,l,a],kind:"Operation",name:"TraceTokenCostTimeSeriesQuery",selections:[{alias:"project",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}]},params:{cacheID:"7522c293e243611bc4bebfe30c7522ef",id:null,metadata:{},name:"TraceTokenCostTimeSeriesQuery",operationKind:"query",text:`query TraceTokenCostTimeSeriesQuery(
|
|
6581
6581
|
$projectId: ID!
|
|
6582
6582
|
$timeRange: TimeRange!
|
|
6583
6583
|
$timeBinConfig: TimeBinConfig!
|
|
@@ -6657,7 +6657,7 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
6657
6657
|
margin-top: 200px;
|
|
6658
6658
|
display: flex;
|
|
6659
6659
|
flex-direction: column;
|
|
6660
|
-
`,children:a})})}function SP(){return o(
|
|
6660
|
+
`,children:a})})}function SP(){return o(Z,{children:[e(b,{direction:"column",width:"100%",alignItems:"center",children:e("h1",{children:"Server disconnected"})}),e("p",{children:"We are unable to reach the Phoenix server. Please ensure that Phoenix is running and try again."})]})}function vP({error:n}){return o(Z,{children:[e(b,{direction:"column",width:"100%",alignItems:"center",children:e("h1",{children:"Something went wrong"})}),e("p",{children:"We strive to do our very best but 🐛 bugs happen. It would mean a lot to us if you could file a an issue. If you feel comfortable, please include the error details below in your issue. We will get back to you as soon as we can."}),e("p",{css:T`
|
|
6661
6661
|
display: flex;
|
|
6662
6662
|
flex-direction: row;
|
|
6663
6663
|
justify-content: flex-end;
|
|
@@ -6799,7 +6799,7 @@ fragment ProjectsPageProjectsFragment_1bvy9D on Query {
|
|
|
6799
6799
|
}
|
|
6800
6800
|
}
|
|
6801
6801
|
}
|
|
6802
|
-
`}}}();ry.hash="da1e5f68e9954a2618ba7de1fb86921c";const TP=/^[a-zA-Z0-9._-]+$/,ts=[{id:"blue-purple",label:"Blue Purple",startColor:"#3B82F6",endColor:"#6366F1"},{id:"green-cyan",label:"Green Cyan",startColor:"#10B981",endColor:"#06B6D4"},{id:"purple-pink",label:"Purple Pink",startColor:"#8B5CF6",endColor:"#EC4899"},{id:"orange-yellow",label:"Orange Yellow",startColor:"#F97316",endColor:"#FCD34D"},{id:"pink-red",label:"Pink Red",startColor:"#EC4899",endColor:"#EF4444"},{id:"cyan-blue",label:"Cyan Blue",startColor:"#06B6D4",endColor:"#3B82F6"},{id:"emerald-teal",label:"Emerald Teal",startColor:"#10B981",endColor:"#14B8A6"},{id:"violet-indigo",label:"Violet Indigo",startColor:"#8B5CF6",endColor:"#6366F1"},{id:"rose-pink",label:"Rose Pink",startColor:"#F43F5E",endColor:"#EC4899"},{id:"amber-orange",label:"Amber Orange",startColor:"#F59E0B",endColor:"#F97316"},{id:"lime-green",label:"Lime Green",startColor:"#84CC16",endColor:"#10B981"},{id:"sky-cyan",label:"Sky Cyan",startColor:"#0EA5E9",endColor:"#06B6D4"}];function KP({onSubmit:n,isSubmitting:a,submitButtonText:l}){const{control:t,handleSubmit:i,watch:r,formState:{isDirty:s}}=on({defaultValues:{name:"",description:"",gradientPreset:"blue-purple"}}),d=r("gradientPreset"),c=()=>{const u=ts.find(f=>f.id===d);return{startColor:(u==null?void 0:u.startColor)||"#3B82F6",endColor:(u==null?void 0:u.endColor)||"#6366F1"}},{startColor:m,endColor:p}=c(),g=u=>{const{startColor:f,endColor:h}=c();n({name:u.name,description:u.description,gradientPreset:u.gradientPreset,gradientStartColor:f,gradientEndColor:h})};return o(Kn,{children:[o(v,{padding:"size-200",children:[e(v,{paddingBottom:"size-200",marginBottom:"size-200",children:o(b,{direction:"row",gap:"size-400",alignItems:"center",children:[e(b,{direction:"column",alignItems:"center",gap:"size-200",children:e(Ir,{gradientStartColor:m,gradientEndColor:p,size:100})}),e(H,{name:"gradientPreset",control:t,render:({field:{onChange:u,value:f}})=>o("div",{css:jt,children:[e(G,{children:"Project Gradient"}),e(v0,{value:f,onChange:u,direction:"row",children:ts.map(h=>e(C0,{value:h.id,gradientStartColor:h.startColor,gradientEndColor:h.endColor,label:h.label,size:48},h.id))}),e(C,{slot:"description",children:"Select a predefined gradient to help identify your project"})]})})]})}),e(H,{name:"name",control:t,rules:{required:"Project name is required",pattern:{value:TP,message:"Project name must be URI safe. Use only letters, numbers, hyphens, underscores, and dots. No spaces or special characters."},minLength:{value:1,message:"Project name must be at least 1 character long"},maxLength:{value:100,message:"Project name must be less than 100 characters long"}},render:({field:{onChange:u,onBlur:f,value:h},fieldState:{invalid:k,error:S}})=>o(de,{isInvalid:k,onChange:u,onBlur:f,value:h.toString(),children:[e(G,{children:"Project Name"}),e(ie,{placeholder:"e.x. my-ai-project"}),S!=null&&S.message?e(Fe,{children:S.message}):e(C,{slot:"description",children:"The name of the project. Must be URI safe (letters, numbers, hyphens, underscores, dots only)."})]})}),e(H,{name:"description",control:t,render:({field:{onChange:u,onBlur:f,value:h},fieldState:{invalid:k,error:S}})=>o(de,{isInvalid:k,onChange:u,onBlur:f,value:h.toString(),children:[e(G,{children:"Description"}),e(Aa,{placeholder:"e.x. A project for tracking agent performance"}),S!=null&&S.message?e(Fe,{children:S.message}):e(C,{slot:"description",children:"The description of the project"})]})})]}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",children:e(b,{direction:"row",justifyContent:"end",children:e(M,{isDisabled:a,variant:s?"primary":"default",size:"M",onPress:()=>{i(g)()},children:l})})})]})}function PP(){const n=Ce(),a=ve(),l=Pe(),[t,i]=K.useMutation(ry),r=y.useCallback(s=>{t({variables:{input:{name:s.name,description:s.description,gradientStartColor:s.gradientStartColor,gradientEndColor:s.gradientEndColor}},onCompleted:d=>{const c=d.createProject.project;a({title:"Project created",message:`Project "${c.name}" has been successfully created.`}),n(`/projects/${c.id}`)},onError:()=>{l({title:"Failed to create project",message:"This is likely due to a naming conflict. Please try a different name."})}})},[t,a,l,n]);return e(KP,{onSubmit:r,isSubmitting:i,submitButtonText:i?"Creating...":"Create Project"})}const IP="https://arize.com/docs/phoenix/tracing/how-to-tracing/setup-tracing";function is(){return o(C,{children:["Projects are created when you log your first trace via OpenTelemetry. See the"," ",e(ra,{href:IP,children:"documentation"})," ","for a complete guide."]})}function xP({variant:n}){return e("div",{children:o(W,{children:[e(M,{leadingVisual:e(x,{svg:e(Ns,{})}),size:"M",variant:n,children:"New Project"}),e(Y,{children:e(
|
|
6802
|
+
`}}}();ry.hash="da1e5f68e9954a2618ba7de1fb86921c";const TP=/^[a-zA-Z0-9._-]+$/,ts=[{id:"blue-purple",label:"Blue Purple",startColor:"#3B82F6",endColor:"#6366F1"},{id:"green-cyan",label:"Green Cyan",startColor:"#10B981",endColor:"#06B6D4"},{id:"purple-pink",label:"Purple Pink",startColor:"#8B5CF6",endColor:"#EC4899"},{id:"orange-yellow",label:"Orange Yellow",startColor:"#F97316",endColor:"#FCD34D"},{id:"pink-red",label:"Pink Red",startColor:"#EC4899",endColor:"#EF4444"},{id:"cyan-blue",label:"Cyan Blue",startColor:"#06B6D4",endColor:"#3B82F6"},{id:"emerald-teal",label:"Emerald Teal",startColor:"#10B981",endColor:"#14B8A6"},{id:"violet-indigo",label:"Violet Indigo",startColor:"#8B5CF6",endColor:"#6366F1"},{id:"rose-pink",label:"Rose Pink",startColor:"#F43F5E",endColor:"#EC4899"},{id:"amber-orange",label:"Amber Orange",startColor:"#F59E0B",endColor:"#F97316"},{id:"lime-green",label:"Lime Green",startColor:"#84CC16",endColor:"#10B981"},{id:"sky-cyan",label:"Sky Cyan",startColor:"#0EA5E9",endColor:"#06B6D4"}];function KP({onSubmit:n,isSubmitting:a,submitButtonText:l}){const{control:t,handleSubmit:i,watch:r,formState:{isDirty:s}}=on({defaultValues:{name:"",description:"",gradientPreset:"blue-purple"}}),d=r("gradientPreset"),c=()=>{const u=ts.find(f=>f.id===d);return{startColor:(u==null?void 0:u.startColor)||"#3B82F6",endColor:(u==null?void 0:u.endColor)||"#6366F1"}},{startColor:m,endColor:p}=c(),g=u=>{const{startColor:f,endColor:h}=c();n({name:u.name,description:u.description,gradientPreset:u.gradientPreset,gradientStartColor:f,gradientEndColor:h})};return o(Kn,{children:[o(v,{padding:"size-200",children:[e(v,{paddingBottom:"size-200",marginBottom:"size-200",children:o(b,{direction:"row",gap:"size-400",alignItems:"center",children:[e(b,{direction:"column",alignItems:"center",gap:"size-200",children:e(Ir,{gradientStartColor:m,gradientEndColor:p,size:100})}),e(H,{name:"gradientPreset",control:t,render:({field:{onChange:u,value:f}})=>o("div",{css:jt,children:[e(G,{children:"Project Gradient"}),e(v0,{value:f,onChange:u,direction:"row",children:ts.map(h=>e(C0,{value:h.id,gradientStartColor:h.startColor,gradientEndColor:h.endColor,label:h.label,size:48},h.id))}),e(C,{slot:"description",children:"Select a predefined gradient to help identify your project"})]})})]})}),e(H,{name:"name",control:t,rules:{required:"Project name is required",pattern:{value:TP,message:"Project name must be URI safe. Use only letters, numbers, hyphens, underscores, and dots. No spaces or special characters."},minLength:{value:1,message:"Project name must be at least 1 character long"},maxLength:{value:100,message:"Project name must be less than 100 characters long"}},render:({field:{onChange:u,onBlur:f,value:h},fieldState:{invalid:k,error:S}})=>o(de,{isInvalid:k,onChange:u,onBlur:f,value:h.toString(),children:[e(G,{children:"Project Name"}),e(ie,{placeholder:"e.x. my-ai-project"}),S!=null&&S.message?e(Fe,{children:S.message}):e(C,{slot:"description",children:"The name of the project. Must be URI safe (letters, numbers, hyphens, underscores, dots only)."})]})}),e(H,{name:"description",control:t,render:({field:{onChange:u,onBlur:f,value:h},fieldState:{invalid:k,error:S}})=>o(de,{isInvalid:k,onChange:u,onBlur:f,value:h.toString(),children:[e(G,{children:"Description"}),e(Aa,{placeholder:"e.x. A project for tracking agent performance"}),S!=null&&S.message?e(Fe,{children:S.message}):e(C,{slot:"description",children:"The description of the project"})]})})]}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",children:e(b,{direction:"row",justifyContent:"end",children:e(M,{isDisabled:a,variant:s?"primary":"default",size:"M",onPress:()=>{i(g)()},children:l})})})]})}function PP(){const n=Ce(),a=ve(),l=Pe(),[t,i]=K.useMutation(ry),r=y.useCallback(s=>{t({variables:{input:{name:s.name,description:s.description,gradientStartColor:s.gradientStartColor,gradientEndColor:s.gradientEndColor}},onCompleted:d=>{const c=d.createProject.project;a({title:"Project created",message:`Project "${c.name}" has been successfully created.`}),n(`/projects/${c.id}`)},onError:()=>{l({title:"Failed to create project",message:"This is likely due to a naming conflict. Please try a different name."})}})},[t,a,l,n]);return e(KP,{onSubmit:r,isSubmitting:i,submitButtonText:i?"Creating...":"Create Project"})}const IP="https://arize.com/docs/phoenix/tracing/how-to-tracing/setup-tracing";function is(){return o(C,{children:["Projects are created when you log your first trace via OpenTelemetry. See the"," ",e(ra,{href:IP,children:"documentation"})," ","for a complete guide."]})}function xP({variant:n}){return e("div",{children:o(W,{children:[e(M,{leadingVisual:e(x,{svg:e(Ns,{})}),size:"M",variant:n,children:"New Project"}),e(Y,{children:e(X,{variant:"slideover",size:"L",css:T`
|
|
6803
6803
|
width: 70vw !important;
|
|
6804
6804
|
`,children:e(LP,{})})})]})})}function LP(){return e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Create a New Project"}),e(pe,{children:e(ye,{slot:"close"})})]}),o(Ln,{children:[o(xn,{children:[e(se,{id:"python",children:"Python"}),e(se,{id:"typescript",children:"TypeScript"}),e(se,{id:"manual",children:"Manual"})]}),e(Qa,{id:"python",children:o(v,{padding:"size-200",overflow:"auto",children:[e(is,{}),e(bd,{})]})}),e(Qa,{id:"typescript",children:o(v,{padding:"size-200",overflow:"auto",children:[e(is,{}),e(Sd,{})]})}),e(Qa,{id:"manual",children:e(v,{padding:"size-200",overflow:"auto",children:e(PP,{})})})]})]})})}const oy=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"Query",kind:"LinkedField",name:"clearProject",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectActionMenuClearMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectActionMenuClearMutation",selections:a},params:{cacheID:"63319b4e42b499db2447817f1dc821fb",id:null,metadata:{},name:"ProjectActionMenuClearMutation",operationKind:"mutation",text:`mutation ProjectActionMenuClearMutation(
|
|
6805
6805
|
$input: ClearProjectInput!
|
|
@@ -6826,7 +6826,7 @@ fragment ProjectsPageProjectsFragment_1bvy9D on Query {
|
|
|
6826
6826
|
.react-aria-DateInput {
|
|
6827
6827
|
width: 100%;
|
|
6828
6828
|
}
|
|
6829
|
-
`,children:[e(G,{children:"End Date"}),e(ys,{children:F=>e(fs,{segment:F})}),S?e(Fe,{children:S.message}):e(C,{slot:"description",children:`The date up to which you want to remove data. The format is ${l}.`})]})})]}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(M,{type:"submit",variant:"danger",isDisabled:!m||r,size:"S",leadingVisual:r?e(x,{svg:e(Wn,{})}):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]=K.useMutation(sy),[h]=K.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:D=>{alert("Failed to clear project: "+D)}})})},[h,n,t]),F=y.useCallback(()=>{d(!0)},[]),P=y.useCallback(()=>{m(!0)},[]),L=y.useCallback(()=>{g(!0)},[]);return o("div",{onClick:D=>{D.preventDefault(),D.stopPropagation()},children:[o(Ya,{buttonVariant:r,buttonSize:"compact",align:"end",onAction:D=>{switch(D){case"copyName":{navigator.clipboard.writeText(a);return}case"deleteProject":return F();case"clearProject":return P();case"removeProjectData":return L()}},disabledKeys:u?[]:["deleteProject"],children:[e(tn,{textValue:"Copy Name",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(Qi,{})}),e(C,{children:"Copy Name"})]})},"copyName"),e(tn,{textValue:"Clear All Traces",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(ws,{})}),e(C,{children:"Clear All Data"})]})},"clearProject"),e(tn,{textValue:"Remove Data",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(mi,{})}),e(C,{children:"Remove Data"})]})},"removeProjectData"),u?e(tn,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(un,{})}),e(C,{children:"Delete"})]})},"deleteProject"):null]}),e(W,{isOpen:s,onOpenChange:d,children:e(Y,{children:e(
|
|
6829
|
+
`,children:[e(G,{children:"End Date"}),e(ys,{children:F=>e(fs,{segment:F})}),S?e(Fe,{children:S.message}):e(C,{slot:"description",children:`The date up to which you want to remove data. The format is ${l}.`})]})})]}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(M,{type:"submit",variant:"danger",isDisabled:!m||r,size:"S",leadingVisual:r?e(x,{svg:e(Wn,{})}):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]=K.useMutation(sy),[h]=K.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:D=>{alert("Failed to clear project: "+D)}})})},[h,n,t]),F=y.useCallback(()=>{d(!0)},[]),P=y.useCallback(()=>{m(!0)},[]),L=y.useCallback(()=>{g(!0)},[]);return o("div",{onClick:D=>{D.preventDefault(),D.stopPropagation()},children:[o(Ya,{buttonVariant:r,buttonSize:"compact",align:"end",onAction:D=>{switch(D){case"copyName":{navigator.clipboard.writeText(a);return}case"deleteProject":return F();case"clearProject":return P();case"removeProjectData":return L()}},disabledKeys:u?[]:["deleteProject"],children:[e(tn,{textValue:"Copy Name",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(Qi,{})}),e(C,{children:"Copy Name"})]})},"copyName"),e(tn,{textValue:"Clear All Traces",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(ws,{})}),e(C,{children:"Clear All Data"})]})},"clearProject"),e(tn,{textValue:"Remove Data",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(mi,{})}),e(C,{children:"Remove Data"})]})},"removeProjectData"),u?e(tn,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(un,{})}),e(C,{children:"Delete"})]})},"deleteProject"):null]}),e(W,{isOpen:s,onOpenChange:d,children:e(Y,{children:e(X,{size:"M",children:e(J,{children:({close:D})=>o(ce,{children:[o(ue,{children:[e(me,{children:"Delete Project"}),e(pe,{children:e(ye,{slot:"close"})})]}),e(v,{padding:"size-200",children:e(C,{color:"danger",children:`Are you sure you want to delete project ${a}? This cannot be undone.`})}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(M,{variant:"danger",onPress:()=>{k(),D()},children:"Delete Project"})})})]})})})})}),e(W,{isOpen:c,onOpenChange:m,children:e(Y,{children:e(X,{size:"M",children:e(J,{children:({close:D})=>o(ce,{children:[o(ue,{children:[e(me,{children:"Clear Project"}),e(pe,{children:e(ye,{slot:"close"})})]}),e(v,{padding:"size-200",children:e(C,{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(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(M,{variant:"danger",onPress:()=>{S(),D()},children:"Clear"})})})]})})})})}),e(W,{isOpen:p,onOpenChange:g,children:e(Y,{children:e(X,{size:"M",children:e(J,{children:({close:D})=>o(ce,{children:[o(ue,{children:[e(me,{children:"Remove Data"}),e(pe,{children:e(ye,{slot:"close"})})]}),e(DP,{projectId:n,onComplete:()=>{i(),D()}})]})})})})})]})}const Yi=10,Xr=()=>{const{projectSortOrder:n}=Dn(l=>({projectViewMode:l.projectViewMode,projectSortOrder:l.projectSortOrder}));return y.useMemo(()=>({sort:{col:n.column,dir:n.direction}}),[n])};function B3(){const{timeRange:n}=Ml(),a=Xr(),[l]=y.useState(()=>a),t=K.useLazyLoadQuery(iy,{first:Yi,filter:{value:"",col:"name"},...l});return e(y.Suspense,{fallback:e(fe,{}),children:e(_P,{timeRange:n,query:t})})}function _P({timeRange:n,query:a}){const{projectViewMode:l}=Dn(I=>({projectViewMode:I.projectViewMode})),t=Xr(),[i,r]=y.useState(""),[s,d]=eh(),c=y.useMemo(()=>{var I,R;return{start:(I=n==null?void 0:n.start)==null?void 0:I.toISOString(),end:(R=n==null?void 0:n.end)==null?void 0:R.toISOString()}},[n]),{data:m,loadNext:p,hasNext:g,isLoadingNext:u,refetch:f}=K.usePaginationFragment(ty,a),h=y.useMemo(()=>({...t,filter:{value:i,col:"name"}}),[t,i]),k=y.useCallback(({vars:I,onComplete:R})=>{y.startTransition(()=>{f({...h,...I},{fetchPolicy:"store-and-network",onComplete:()=>{R==null||R()}})})},[f,h]),S=m==null?void 0:m.projects.edges.map(I=>I.project),F=y.useRef(null),P=y.useCallback(I=>{if(I){const{scrollHeight:R,scrollTop:V,clientHeight:A}=I;R-V-A<300&&!u&&g&&p(Yi,{UNSTABLE_extraVariables:h})}},[g,u,p,h]),L=y.useCallback(I=>{k({vars:{sort:I}})},[k]),D=y.useCallback(I=>{y.startTransition(()=>{k({onComplete:()=>{s({variant:"success",title:"Project Deleted",message:`Project ${I} has been deleted.`})}})})},[s,k]),j=y.useCallback(I=>{y.startTransition(()=>{k({onComplete:()=>{s({variant:"success",title:"Project Cleared",message:`Project ${I} has been cleared of traces.`})}})})},[s,k]),w=y.useCallback(I=>{y.startTransition(()=>{k({onComplete:()=>{s({variant:"success",title:"Project Data Removed",message:`Old data from project ${I} have been removed.`})}})})},[s,k]),z=y.useCallback(()=>{p(Yi,{UNSTABLE_extraVariables:h})},[p,h]);return o("div",{css:T`
|
|
6830
6830
|
display: flex;
|
|
6831
6831
|
flex-direction: column;
|
|
6832
6832
|
overflow: auto;
|
|
@@ -6950,7 +6950,7 @@ fragment DatasetsTable_datasets_3JsJJ3 on Query {
|
|
|
6950
6950
|
__typename
|
|
6951
6951
|
}
|
|
6952
6952
|
}
|
|
6953
|
-
`}}}();yy.hash="bd97316dd472eec18504f66e16088abc";function NP({datasetId:n,datasetName:a,onDatasetDelete:l,onDatasetDeleteError:t,isOpen:i,onOpenChange:r}){const[s,d]=K.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(Y,{isOpen:i,onOpenChange:r,children:e(
|
|
6953
|
+
`}}}();yy.hash="bd97316dd472eec18504f66e16088abc";function NP({datasetId:n,datasetName:a,onDatasetDelete:l,onDatasetDeleteError:t,isOpen:i,onOpenChange:r}){const[s,d]=K.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(Y,{isOpen:i,onOpenChange:r,children:e(X,{size:"S",children:e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Delete Dataset"}),e(pe,{children:e(ye,{})})]}),e(v,{padding:"size-200",children:e(C,{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(v,{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(M,{size:"S",onPress:()=>r==null?void 0:r(!1),children:"Cancel"}),e(M,{variant:"danger",size:"S",onPress:()=>{c()},isDisabled:d,leadingVisual:e(x,{svg:d?e(Wn,{}):e(un,{})}),children:"Delete Dataset"})]})})]})})})})}function $P({datasetName:n,datasetId:a,datasetDescription:l,datasetMetadata:t,onDatasetEdited:i,onDatasetEditError:r,isOpen:s,onOpenChange:d}){return e(Y,{isOpen:s,onOpenChange:d,children:e(X,{size:"S",children:e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Edit Dataset"}),e(pe,{children:e(ye,{})})]}),e(F0,{datasetName:n,datasetId:a,datasetDescription:l,datasetMetadata:t,onDatasetEdited:()=>{i(),d&&d(!1)},onDatasetEditError:r})]})})})})}function jP(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(Ya,{align:"end",buttonSize:"compact",onAction:f=>{switch(f){case"deleteDataset":p(!0);break;case"editDataset":u(!0);break}},children:[e(tn,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(ei,{})}),e(C,{children:"Edit"})]})},"editDataset"),e(tn,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(un,{})}),e(C,{children:"Delete"})]})},"deleteDataset")]}),e(NP,{datasetId:a,datasetName:l,onDatasetDelete:r,onDatasetDeleteError:s,isOpen:m,onOpenChange:p}),e($P,{datasetId:a,datasetName:l,datasetDescription:t,datasetMetadata:i,onDatasetEdited:d,onDatasetEditError:c,isOpen:g,onOpenChange:u})]})}function OP(){return e(v,{width:"100%",paddingY:"size-400",children:e(b,{direction:"column",width:"100%",alignItems:"center",justifyContent:"center",children:e(v,{width:"100%",maxWidth:"780px",children:o(b,{direction:"column",gap:"size-400",alignItems:"center",children:[e(C,{size:"XL",children:"Create datasets for testing prompts, experimentation, and fine-tuning."}),e(xr,{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(xl,{href:"https://arize.com/docs/phoenix/datasets-and-experiments/overview-datasets",target:"_blank",leadingVisual:e(x,{svg:e(Lr,{})}),children:"Documentation"}),e(xl,{href:"https://colab.research.google.com/github/arize-ai/phoenix/blob/main/tutorials/experiments/datasets_and_experiments_quickstart.ipynb",target:"_blank",leadingVisual:e(x,{svg:e(T0,{})}),children:"Quickstart"})]})]})})})})}const rs=100;function QP(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 BP(n){const{filter:a}=n,[l,t]=y.useState([]),i=y.useRef(null),r=Ce(),s=ve(),d=Pe(),{data:c,loadNext:m,hasNext:p,isLoadingNext:g,refetch:u}=K.usePaginationFragment(py,n.query),f=y.useMemo(()=>c.datasets.edges.map(P=>P.node),[c]),h=y.useCallback(P=>{if(P){const{scrollHeight:L,scrollTop:D,clientHeight:j}=P;L-D-j<300&&!g&&p&&m(rs,{UNSTABLE_extraVariables:{filter:a?{col:"name",value:a}:null}})}},[p,g,m,a]),k=Me({columns:[{header:"name",accessorKey:"name",cell:({row:P})=>{const D=P.original.experimentCount>0?`${P.original.id}/experiments`:`${P.original.id}/examples`;return e(sn,{to:D,children:P.original.name})}},{header:"description",accessorKey:"description",enableSorting:!1},{header:"created at",accessorKey:"createdAt",cell:Ne},{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:Kl},{header:"",id:"actions",enableSorting:!1,size:10,cell:({row:P})=>e(jP,{datasetId:P.original.id,datasetName:P.original.name,datasetDescription:P.original.description,datasetMetadata:P.original.metadata,onDatasetEdit:()=>{s({title:"Dataset updated",message:`${P.original.name} has been successfully updated.`}),u({filter:a?{col:"name",value:a}:null},{fetchPolicy:"store-and-network"})},onDatasetEditError:L=>{const D=je(L);d({title:"Dataset update failed",message:(D==null?void 0:D[0])??L.message})},onDatasetDelete:()=>{s({title:"Dataset deleted",message:`${P.original.name} has been successfully deleted.`}),u({filter:a?{col:"name",value:a}:null},{fetchPolicy:"store-and-network"})},onDatasetDeleteError:L=>{const D=je(L);d({title:"Dataset deletion failed",message:(D==null?void 0:D[0])??L.message})}})}],data:f,state:{sorting:l},getCoreRowModel:Ve(),getSortedRowModel:Tn(),onSortingChange:t,manualSorting:!0});y.useEffect(()=>{const P=l[0];y.startTransition(()=>{u({sort:P?QP(P):{col:"createdAt",dir:"desc"},after:null,first:rs,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`
|
|
6954
6954
|
flex: 1 1 auto;
|
|
6955
6955
|
overflow: auto;
|
|
6956
6956
|
`,onScroll:P=>h(P.target),ref:i,children:o("table",{css:Ka,children:[e("thead",{children:k.getHeaderGroups().map(P=>e("tr",{children:P.headers.map(L=>{var D;return e("th",{colSpan:L.colSpan,children:L.isPlaceholder?null:o("div",{className:L.column.getCanSort()?"sort":"",onClick:L.column.getToggleSortingHandler(),style:{textAlign:(D=L.column.columnDef.meta)==null?void 0:D.textAlign},children:[ee(L.column.columnDef.header,L.getContext()),L.column.getIsSorted()?e(x,{className:"sort-icon",svg:L.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]})},L.id)})},P.id))}),F?e(K0,{children:e(OP,{})}):e("tbody",{children:S.map(P=>e("tr",{onClick:()=>{const D=P.original.experimentCount>0?`${P.original.id}/experiments`:`${P.original.id}/examples`;r(D)},children:P.getVisibleCells().map(L=>{var D;return e("td",{align:(D=L.column.columnDef.meta)==null?void 0:D.textAlign,children:ee(L.column.columnDef.cell,L.getContext())},L.id)})},P.id))})]})})}function qP(n){const a=n.split(`
|
|
@@ -6964,7 +6964,7 @@ fragment DatasetsTable_datasets_3JsJJ3 on Query {
|
|
|
6964
6964
|
flex-direction: column;
|
|
6965
6965
|
gap: var(--ac-global-dimension-size-50);
|
|
6966
6966
|
margin-bottom: var(--ac-global-dimension-size-200);
|
|
6967
|
-
`),children:[e(G,{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 P=S.name.split(".")[0],L=new FileReader;L.onload=function(D){if(!D.target)return;const j=D.target.result,w=qP(j);i(w),c("name",P)},L.readAsText(S)}},type:"file",id:"file",accept:".csv"})]})}),e(H,{name:"name",control:r,rules:{required:"field is required"},render:({field:{onChange:u,onBlur:f,value:h},fieldState:{invalid:k,error:S}})=>o(de,{isInvalid:k,onChange:u,onBlur:f,value:h.toString(),children:[e(G,{children:"Dataset Name"}),e(ie,{placeholder:"e.x. Golden Dataset"}),S!=null&&S.message?e(Fe,{children:S.message}):e(C,{slot:"description",children:"The name of the dataset"})]})}),e(H,{name:"description",control:r,render:({field:{onChange:u,onBlur:f,value:h},fieldState:{invalid:k,error:S}})=>o(de,{isInvalid:k,onChange:u,onBlur:f,value:h.toString(),children:[e(G,{children:"Description"}),e(Aa,{placeholder:"e.x. A dataset for structured data extraction"}),S!=null&&S.message?e(Fe,{children:S.message}):e(C,{slot:"description",children:"The description of the dataset"})]})}),e(H,{name:"input_keys",control:r,rules:{required:"field is required"},render:({field:{value:u,onChange:f},fieldState:{invalid:h,error:k}})=>e(Ri,{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(H,{name:"output_keys",control:r,render:({field:{value:u,onChange:f},fieldState:{invalid:h,error:k}})=>e(Ri,{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(H,{name:"metadata_keys",control:r,render:({field:{value:u,onChange:f},fieldState:{invalid:h,error:k}})=>e(Ri,{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(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(M,{type:"submit",isDisabled:!p,variant:m?"primary":"default",size:"S",children:"Create Dataset"})})})]})}function Ri(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(El,{label:i,isDisabled:m,validationState:r,description:s,errorMessage:d,children:e(Ts,{isDisabled:m,...c,menu:e(tr,{selectionMode:"multiple",onSelectionChange:g=>{t(Array.from(g))},selectedKeys:new Set(l),children:a.map(g=>e(tn,{children:g},g))}),triggerProps:{placement:"bottom end"},children:p})})}function HP({onDatasetCreated:n}){const a=Ce(),l=ve(),t=Pe(),[i,r]=y.useState(null),s=()=>{r(e(oo,{size:"S",title:"New Dataset",children:e(vd,{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(oo,{size:"M",title:"New Dataset from CSV",children:e(UP,{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(
|
|
6967
|
+
`),children:[e(G,{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 P=S.name.split(".")[0],L=new FileReader;L.onload=function(D){if(!D.target)return;const j=D.target.result,w=qP(j);i(w),c("name",P)},L.readAsText(S)}},type:"file",id:"file",accept:".csv"})]})}),e(H,{name:"name",control:r,rules:{required:"field is required"},render:({field:{onChange:u,onBlur:f,value:h},fieldState:{invalid:k,error:S}})=>o(de,{isInvalid:k,onChange:u,onBlur:f,value:h.toString(),children:[e(G,{children:"Dataset Name"}),e(ie,{placeholder:"e.x. Golden Dataset"}),S!=null&&S.message?e(Fe,{children:S.message}):e(C,{slot:"description",children:"The name of the dataset"})]})}),e(H,{name:"description",control:r,render:({field:{onChange:u,onBlur:f,value:h},fieldState:{invalid:k,error:S}})=>o(de,{isInvalid:k,onChange:u,onBlur:f,value:h.toString(),children:[e(G,{children:"Description"}),e(Aa,{placeholder:"e.x. A dataset for structured data extraction"}),S!=null&&S.message?e(Fe,{children:S.message}):e(C,{slot:"description",children:"The description of the dataset"})]})}),e(H,{name:"input_keys",control:r,rules:{required:"field is required"},render:({field:{value:u,onChange:f},fieldState:{invalid:h,error:k}})=>e(Ri,{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(H,{name:"output_keys",control:r,render:({field:{value:u,onChange:f},fieldState:{invalid:h,error:k}})=>e(Ri,{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(H,{name:"metadata_keys",control:r,render:({field:{value:u,onChange:f},fieldState:{invalid:h,error:k}})=>e(Ri,{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(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(M,{type:"submit",isDisabled:!p,variant:m?"primary":"default",size:"S",children:"Create Dataset"})})})]})}function Ri(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(El,{label:i,isDisabled:m,validationState:r,description:s,errorMessage:d,children:e(Ts,{isDisabled:m,...c,menu:e(tr,{selectionMode:"multiple",onSelectionChange:g=>{t(Array.from(g))},selectedKeys:new Set(l),children:a.map(g=>e(tn,{children:g},g))}),triggerProps:{placement:"bottom end"},children:p})})}function HP({onDatasetCreated:n}){const a=Ce(),l=ve(),t=Pe(),[i,r]=y.useState(null),s=()=>{r(e(oo,{size:"S",title:"New Dataset",children:e(vd,{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(oo,{size:"M",title:"New Dataset from CSV",children:e(UP,{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(Z,{children:[o(Ya,{buttonText:"Create Dataset",align:"end",icon:e(x,{svg:e(ur,{})}),onAction:c=>{switch(c){case"newDataset":s();break;case"datasetFromCSV":d();break}},children:[e(tn,{children:"New Dataset"},"newDataset"),e(tn,{children:"Dataset from CSV"},"datasetFromCSV")]}),e(nh,{type:"modal",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}function q3(){return e(y.Suspense,{fallback:e(fe,{}),children:e(GP,{})})}function GP(){const[n,a]=y.useState(0),l=K.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(v,{padding:"size-200",flex:"none",borderBottomWidth:"thin",borderBottomColor:"dark",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",children:[e(gi,{"aria-label":"Search datasets by name",onChange:r,placeholder:"Search datasets by name"}),e(v,{flex:"none",children:e(HP,{onDatasetCreated:t})})]})}),e(BP,{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(
|
|
6968
6968
|
$datasetId: ID!
|
|
6969
6969
|
) {
|
|
6970
6970
|
dataset: node(id: $datasetId) {
|
|
@@ -6993,14 +6993,14 @@ fragment DatasetsTable_datasets_3JsJJ3 on Query {
|
|
|
6993
6993
|
`}}}();ky.hash="8d99470f590cd5d28701fa6e3c0330e6";const Mi={backgroundColor:"light",borderColor:"light",collapsible:!0};function XP(n){const{datasetId:a,onCompleted:l}=n,[t,i]=y.useState(null),[r,s]=K.useMutation(ky),{control:d,setError:c,handleSubmit:m,formState:{isValid:p}}=on({defaultValues:{input:"{}",output:"{}",metadata:"{}"}}),g=y.useCallback((u,f)=>{if(i(null),!La(u==null?void 0:u.input))return c("input",{message:"Input must be a valid JSON object"});if(!La(u==null?void 0:u.output))return c("output",{message:"Output must be a valid JSON object"});if(!La(u==null?void 0:u.metadata))return c("metadata",{message:"Metadata must be a valid JSON object"});r({variables:{input:{datasetId:a,examples:[{input:JSON.parse(u.input),output:JSON.parse(u.output),metadata:JSON.parse(u.metadata)}],datasetVersionDescription:u.description}},onCompleted:()=>{f(),l()},onError:h=>{const k=je(h);i((k==null?void 0:k[0])??h.message)}})},[r,a,c,l]);return e(J,{children:({close:u})=>o(ce,{children:[o(ue,{children:[e(me,{children:"Add Example"}),e(pe,{children:e(ye,{slot:"close"})})]}),e("div",{css:T`
|
|
6994
6994
|
overflow-y: auto;
|
|
6995
6995
|
padding: var(--ac-global-dimension-size-400);
|
|
6996
|
-
`,children:e(b,{direction:"row",justifyContent:"center",children:e(v,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:o(b,{direction:"column",gap:"size-200",children:[t?e(Ie,{variant:"danger",children:t}):null,e(H,{control:d,name:"input",render:({field:{onChange:f,onBlur:h,value:k},fieldState:{invalid:S,error:F}})=>o(U,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...Mi,children:[S?e(Ie,{variant:"danger",banner:!0,children:F==null?void 0:F.message}):null,e(An,{value:k,onChange:f,onBlur:h})]})}),e(H,{control:d,name:"output",render:({field:{onChange:f,onBlur:h,value:k},fieldState:{invalid:S,error:F}})=>o(U,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...Mi,backgroundColor:"green-100",borderColor:"green-700",children:[S?e(Ie,{variant:"danger",banner:!0,children:F==null?void 0:F.message}):null,e(An,{value:k,onChange:f,onBlur:h})]})}),e(H,{control:d,name:"metadata",render:({field:{onChange:f,onBlur:h,value:k},fieldState:{invalid:S,error:F}})=>o(U,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...Mi,children:[S?e(Ie,{variant:"danger",banner:!0,children:F==null?void 0:F.message}):null,e(An,{value:k,onChange:f,onBlur:h})]})}),e(H,{control:d,name:"description",render:({field:{onChange:f,onBlur:h,value:k},fieldState:{invalid:S,error:F}})=>o(de,{value:k,onChange:f,onBlur:h,isInvalid:S,children:[e(G,{children:"Version Description"}),e(Aa,{}),F?e(Fe,{children:F.message}):e(C,{slot:"description",children:"A description of the changes made. Will be displayed in the version history."})]})})]})})})}),e(v,{padding:"size-200",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",gap:"size-100",children:e(M,{variant:"primary",size:"S",isDisabled:!p||s,leadingVisual:s?e(x,{svg:e(Wn,{})}):null,onPress:()=>m(f=>g(f,u))(),children:s?"Adding Example...":"Add Example"})})})]})})}function YP(n){const{datasetId:a,onAddExampleCompleted:l}=n;return o(W,{children:[e(M,{leadingVisual:e(x,{svg:e(wa,{})}),size:"S","aria-label":"Add Dataset Example",children:"Add Example"}),e(Y,{children:e(
|
|
6996
|
+
`,children:e(b,{direction:"row",justifyContent:"center",children:e(v,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:o(b,{direction:"column",gap:"size-200",children:[t?e(Ie,{variant:"danger",children:t}):null,e(H,{control:d,name:"input",render:({field:{onChange:f,onBlur:h,value:k},fieldState:{invalid:S,error:F}})=>o(U,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...Mi,children:[S?e(Ie,{variant:"danger",banner:!0,children:F==null?void 0:F.message}):null,e(An,{value:k,onChange:f,onBlur:h})]})}),e(H,{control:d,name:"output",render:({field:{onChange:f,onBlur:h,value:k},fieldState:{invalid:S,error:F}})=>o(U,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...Mi,backgroundColor:"green-100",borderColor:"green-700",children:[S?e(Ie,{variant:"danger",banner:!0,children:F==null?void 0:F.message}):null,e(An,{value:k,onChange:f,onBlur:h})]})}),e(H,{control:d,name:"metadata",render:({field:{onChange:f,onBlur:h,value:k},fieldState:{invalid:S,error:F}})=>o(U,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...Mi,children:[S?e(Ie,{variant:"danger",banner:!0,children:F==null?void 0:F.message}):null,e(An,{value:k,onChange:f,onBlur:h})]})}),e(H,{control:d,name:"description",render:({field:{onChange:f,onBlur:h,value:k},fieldState:{invalid:S,error:F}})=>o(de,{value:k,onChange:f,onBlur:h,isInvalid:S,children:[e(G,{children:"Version Description"}),e(Aa,{}),F?e(Fe,{children:F.message}):e(C,{slot:"description",children:"A description of the changes made. Will be displayed in the version history."})]})})]})})})}),e(v,{padding:"size-200",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",gap:"size-100",children:e(M,{variant:"primary",size:"S",isDisabled:!p||s,leadingVisual:s?e(x,{svg:e(Wn,{})}):null,onPress:()=>m(f=>g(f,u))(),children:s?"Adding Example...":"Add Example"})})})]})})}function YP(n){const{datasetId:a,onAddExampleCompleted:l}=n;return o(W,{children:[e(M,{leadingVisual:e(x,{svg:e(wa,{})}),size:"S","aria-label":"Add Dataset Example",children:"Add Example"}),e(Y,{children:e(X,{size:"L",children:e(XP,{datasetId:a,onCompleted:()=>{l()}})})})]})}function eI(n){return`import { getDataset } from "@arizeai/phoenix-client/datasets";
|
|
6997
6997
|
|
|
6998
6998
|
const dataset = await getDataset({ dataset: { datasetId: "${n}" } });
|
|
6999
6999
|
`}function nI(){const[n,a]=y.useState("Python"),l=Za(s=>s.datasetId),t=Za(s=>s.latestVersion);let i=`${ji}/v1/datasets/${l}/examples`;t&&(i+=`?version-id=${t.id}`);const r=y.useMemo(()=>`import phoenix as px
|
|
7000
7000
|
|
|
7001
7001
|
client = px.Client()
|
|
7002
7002
|
# Get the current dataset version
|
|
7003
|
-
dataset = client.get_dataset(id="${l}"${t?`, version_id="${t.id}"`:""})`,[l,t]);return o(
|
|
7003
|
+
dataset = client.get_dataset(id="${l}"${t?`, version_id="${t.id}"`:""})`,[l,t]);return o(Z,{children:[e(v,{padding:"size-200",children:o(b,{direction:"column",gap:"size-100",children:[o(b,{direction:"row",gap:"size-100",alignItems:"end",width:"100%",children:[o(de,{isReadOnly:!0,value:l,size:"S",children:[e(G,{children:"Dataset ID"}),e(ie,{})]}),e(Te,{text:l,size:"S"})]}),o(b,{direction:"row",gap:"size-100",alignItems:"end",children:[o(de,{isReadOnly:!0,value:(t==null?void 0:t.id)||"No Versions",isInvalid:!t,size:"S",children:[e(G,{children:"Latest Version ID"}),e(ie,{})]}),e(Te,{text:(t==null?void 0:t.id)||"No Versions",isDisabled:!t,size:"S"})]}),o(b,{direction:"row",gap:"size-100",alignItems:"end",children:[o(de,{isReadOnly:!0,value:i,size:"S",children:[e(G,{children:"REST API URL"}),e(ie,{})]}),e(Te,{text:i,size:"S"})]})]})}),e(v,{paddingX:"size-200",paddingY:"size-100",children:e(yt,{language:n,onChange:a,size:"S"})}),e(v,{paddingX:"size-200",paddingY:"size-100",children:e(Cn,{children:n==="Python"?e(ya,{value:r}):e($t,{value:eI(l)})})})]})}function aI(){return o(W,{children:[e(M,{size:"S",leadingVisual:e(x,{svg:e(gr,{})}),"aria-label":"Show Dataset Code"}),e(Y,{isDismissable:!0,children:e(X,{variant:"slideover",size:"L",children:e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Code to Access Dataset"}),e(pe,{children:e(ye,{slot:"close"})})]}),e(nI,{})]})})})})]})}const lI=`pip install arize-phoenix>=${window.Config.platformVersion}`;function tI({isAuthEnabled:n}){let a=`import os
|
|
7004
7004
|
# Set the phoenix collector endpoint. Commonly http://localhost:6006
|
|
7005
7005
|
os.environ["PHOENIX_COLLECTOR_ENDPOINT"] = "<your-phoenix-url>"`;return n&&(a+=`
|
|
7006
7006
|
# Configure access
|
|
@@ -7064,7 +7064,7 @@ await runExperiment({
|
|
|
7064
7064
|
# Initialize a phoenix client
|
|
7065
7065
|
client = px.Client()
|
|
7066
7066
|
# Get the current dataset version. You can omit the version for the latest.
|
|
7067
|
-
dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return o(v,{overflow:"auto",children:[e(v,{paddingBottom:"size-100",children:e(C,{children:"Install Phoenix"})}),e(Cn,{children:e(ya,{value:lI})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Point to a running instance of Phoenix"})}),e(Cn,{children:e(ya,{value:tI({isAuthEnabled:l})})}),e(P0,{children:e(v,{paddingBottom:"size-100",paddingTop:"size-100",children:e(Es,{fallback:o(C,{children:["Your personal API keys can be created and managed on your"," ",e(ra,{href:"/profile",children:"Profile"})]}),children:o(C,{children:["System API keys can be created and managed in"," ",e(ra,{href:"/settings/general",children:"Settings"})]})})})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Pull down this dataset"})}),e(Cn,{children:e(ya,{value:t()})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Define your task"})}),e(Cn,{children:e(ya,{value:iI})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Define evaluators"})}),e(Cn,{children:e(ya,{value:rI})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Run an experiment"})}),e(Cn,{children:e(ya,{value:oI})})]})}function cI(){const n=Za(a=>a.datasetName);return o(v,{overflow:"auto",children:[e(v,{paddingBottom:"size-100",children:e(C,{children:"Install Phoenix Client"})}),e(Cn,{children:e($t,{value:"npm install @arizeai/phoenix-client"})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Run an experiment"})}),e(Cn,{children:e($t,{value:sI(n,"experiment_name")})})]})}function uI(){const[n,a]=y.useState("Python");return e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Run Experiment"}),e(pe,{children:e(ye,{slot:"close"})})]}),o(v,{padding:"size-400",overflow:"auto",children:[e(v,{paddingBottom:"size-200",children:e(yt,{language:n,onChange:a})}),n==="Python"?e(dI,{}):e(cI,{})]})]})})}function by({variant:n="default"}){return o(W,{children:[e(M,{size:"S",variant:n,leadingVisual:e(x,{svg:e(ld,{})}),children:"Run Experiment"}),e(Y,{isDismissable:!0,children:e(
|
|
7067
|
+
dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return o(v,{overflow:"auto",children:[e(v,{paddingBottom:"size-100",children:e(C,{children:"Install Phoenix"})}),e(Cn,{children:e(ya,{value:lI})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Point to a running instance of Phoenix"})}),e(Cn,{children:e(ya,{value:tI({isAuthEnabled:l})})}),e(P0,{children:e(v,{paddingBottom:"size-100",paddingTop:"size-100",children:e(Es,{fallback:o(C,{children:["Your personal API keys can be created and managed on your"," ",e(ra,{href:"/profile",children:"Profile"})]}),children:o(C,{children:["System API keys can be created and managed in"," ",e(ra,{href:"/settings/general",children:"Settings"})]})})})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Pull down this dataset"})}),e(Cn,{children:e(ya,{value:t()})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Define your task"})}),e(Cn,{children:e(ya,{value:iI})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Define evaluators"})}),e(Cn,{children:e(ya,{value:rI})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Run an experiment"})}),e(Cn,{children:e(ya,{value:oI})})]})}function cI(){const n=Za(a=>a.datasetName);return o(v,{overflow:"auto",children:[e(v,{paddingBottom:"size-100",children:e(C,{children:"Install Phoenix Client"})}),e(Cn,{children:e($t,{value:"npm install @arizeai/phoenix-client"})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Run an experiment"})}),e(Cn,{children:e($t,{value:sI(n,"experiment_name")})})]})}function uI(){const[n,a]=y.useState("Python");return e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Run Experiment"}),e(pe,{children:e(ye,{slot:"close"})})]}),o(v,{padding:"size-400",overflow:"auto",children:[e(v,{paddingBottom:"size-200",children:e(yt,{language:n,onChange:a})}),n==="Python"?e(dI,{}):e(cI,{})]})]})})}function by({variant:n="default"}){return o(W,{children:[e(M,{size:"S",variant:n,leadingVisual:e(x,{svg:e(ld,{})}),children:"Run Experiment"}),e(Y,{isDismissable:!0,children:e(X,{variant:"slideover",size:"L",children:e(uI,{})})})]})}function U3(){const n=rn();Ue(n);const a=y.useMemo(()=>{const l=n.dataset.latestVersions;return l!=null&&l.edges&&l.edges.length?l.edges[0].version:null},[n]);return e(ZP,{datasetId:n.dataset.id,datasetName:n.dataset.name,latestVersion:a,children:e(y.Suspense,{fallback:e(fe,{}),children:e(gI,{dataset:n.dataset})})})}const mI=T`
|
|
7068
7068
|
flex: 1 1 auto;
|
|
7069
7069
|
display: flex;
|
|
7070
7070
|
flex-direction: column;
|
|
@@ -7147,7 +7147,7 @@ fragment DatasetHistoryTable_versions_2HEEH6 on Dataset {
|
|
|
7147
7147
|
`}}}();vy.hash="37e453bc58759a1e89bc5862c460de6b";const Cy=function(){var n=["versions"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:vy,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"DatasetHistoryTable_versions",selections:[{alias:"versions",args:null,concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"__DatasetHistoryTable_versions_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},a],type:"Dataset",abstractKey:null}}();Cy.hash="37e453bc58759a1e89bc5862c460de6b";const pI=100;function yI(n){const a=y.useRef(null),{data:l,loadNext:t,hasNext:i,isLoadingNext:r}=K.usePaginationFragment(Cy,n.dataset),s=y.useMemo(()=>l.versions.edges.map(g=>g.node),[l]),d=y.useCallback(g=>{if(g){const{scrollHeight:u,scrollTop:f,clientHeight:h}=g;u-f-h<300&&!r&&i&&t(pI)}},[i,r,t]),c=Me({columns:[{header:"version ID",accessorKey:"id"},{header:"description",accessorKey:"description"},{header:"created at",accessorKey:"createdAt",cell:Ne}],data:s,getCoreRowModel:Ve(),getSortedRowModel:Tn()}),m=c.getRowModel().rows,p=m.length===0;return e("div",{css:T`
|
|
7148
7148
|
flex: 1 1 auto;
|
|
7149
7149
|
overflow: auto;
|
|
7150
|
-
`,onScroll:g=>d(g.target),ref:a,children:o("table",{css:hn,children:[e("thead",{children:c.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(u=>e("th",{colSpan:u.colSpan,children:u.isPlaceholder?null:o("div",{className:u.column.getCanSort()?"sort":"",onClick:u.column.getToggleSortingHandler(),style:{left:u.getStart(),width:u.getSize()},children:[ee(u.column.columnDef.header,u.getContext()),u.column.getIsSorted()?e(x,{className:"sort-icon",svg:u.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]})},u.id))},g.id))}),p?e(wn,{}):e("tbody",{children:m.map(g=>e("tr",{children:g.getVisibleCells().map(u=>e("td",{children:ee(u.column.columnDef.cell,u.getContext())},u.id))},g.id))})]})})}function G3(){const n=rn();return Ue(n),o(
|
|
7150
|
+
`,onScroll:g=>d(g.target),ref:a,children:o("table",{css:hn,children:[e("thead",{children:c.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(u=>e("th",{colSpan:u.colSpan,children:u.isPlaceholder?null:o("div",{className:u.column.getCanSort()?"sort":"",onClick:u.column.getToggleSortingHandler(),style:{left:u.getStart(),width:u.getSize()},children:[ee(u.column.columnDef.header,u.getContext()),u.column.getIsSorted()?e(x,{className:"sort-icon",svg:u.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]})},u.id))},g.id))}),p?e(wn,{}):e("tbody",{children:m.map(g=>e("tr",{children:g.getVisibleCells().map(u=>e("td",{children:ee(u.column.columnDef.cell,u.getContext())},u.id))},g.id))})]})})}function G3(){const n=rn();return Ue(n),o(Z,{children:[e(yI,{dataset:n.dataset}),e(y.Suspense,{children:e(xe,{})})]})}const Fy=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={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"datasetVersionsLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"DatasetHistoryTable_versions"}],type:"Dataset",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"datasetVersionsLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},t],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"versions(first:100)"},{alias:null,args:i,filters:null,handle:"connection",key:"DatasetHistoryTable_versions",kind:"LinkedHandle",name:"versions"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"ccd74bfc8e94dcbfc16bc569ce1f377a",id:null,metadata:{},name:"datasetVersionsLoaderQuery",operationKind:"query",text:`query datasetVersionsLoaderQuery(
|
|
7151
7151
|
$id: ID!
|
|
7152
7152
|
) {
|
|
7153
7153
|
dataset: node(id: $id) {
|
|
@@ -7178,7 +7178,7 @@ fragment DatasetHistoryTable_versions on Dataset {
|
|
|
7178
7178
|
}
|
|
7179
7179
|
id
|
|
7180
7180
|
}
|
|
7181
|
-
`}}}();Fy.hash="cc354793d8ae8557ee05c57a77cd7ee2";async function W3(n){const{datasetId:a}=n.params;return await K.fetchQuery(Ke,Fy,{id:a}).toPromise()}function J3(){const{exampleId:n,datasetId:a}=nn(),l=Ce();return e(W,{isOpen:!0,onOpenChange:t=>{t||l(`/datasets/${a}/examples`)},children:e(Y,{children:e(
|
|
7181
|
+
`}}}();Fy.hash="cc354793d8ae8557ee05c57a77cd7ee2";async function W3(n){const{datasetId:a}=n.params;return await K.fetchQuery(Ke,Fy,{id:a}).toPromise()}function J3(){const{exampleId:n,datasetId:a}=nn(),l=Ce();return e(W,{isOpen:!0,onOpenChange:t=>{t||l(`/datasets/${a}/examples`)},children:e(Y,{children:e(X,{variant:"slideover",size:"L",children:e(y.Suspense,{fallback:e(fe,{}),children:e(Qr,{exampleId:n})})})})})}const Ty=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={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"examplesLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{args:null,kind:"FragmentSpread",name:"ExamplesTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"examplesLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"DatasetExampleConnection",kind:"LinkedField",name:"examples",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetExampleEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"example",args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[t,l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"examples(first:100)"},{alias:null,args:i,filters:["datasetVersionId"],handle:"connection",key:"ExamplesTable_examples",kind:"LinkedHandle",name:"examples"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"3199afe500e1707d9a6eda312c67b0f1",id:null,metadata:{},name:"examplesLoaderQuery",operationKind:"query",text:`query examplesLoaderQuery(
|
|
7182
7182
|
$id: ID!
|
|
7183
7183
|
) {
|
|
7184
7184
|
dataset: node(id: $id) {
|
|
@@ -7258,10 +7258,10 @@ fragment ExamplesTableFragment_4a6F8Z on Dataset {
|
|
|
7258
7258
|
}
|
|
7259
7259
|
}
|
|
7260
7260
|
}
|
|
7261
|
-
`}}}();Iy.hash="455bf9e5dc4b9cc655095dc829ef7e12";function fI(n){const a=Za(f=>f.refreshLatestVersion),{selectedExamples:l,onExamplesDeleted:t,onClearSelection:i}=n,[r,s]=y.useState(!1),d=ve(),c=Pe(),[m,p]=K.useMutation(Iy),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(Pr,{children:[o(Kr,{children:[e(v,{paddingEnd:"size-100",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[o(Se,{children:[e(Rn,{size:"M",onPress:i,"aria-label":"Clear selection",children:e(x,{svg:e(Ll,{})})}),e(Be,{children:"Clear selection"})]}),e(C,{children:`${l.length} example${g?"s":""} selected`})]})}),e(M,{variant:"danger",size:"M",leadingVisual:e(x,{svg:p?e(Wn,{}):e(un,{})}),isDisabled:p,onPress:()=>s(!0),"aria-label":"Delete Examples",children:p?"Deleting...":"Delete"})]}),e(Y,{isOpen:r,onOpenChange:f=>{f||s(!1)},isDismissable:!0,children:e(
|
|
7261
|
+
`}}}();Iy.hash="455bf9e5dc4b9cc655095dc829ef7e12";function fI(n){const a=Za(f=>f.refreshLatestVersion),{selectedExamples:l,onExamplesDeleted:t,onClearSelection:i}=n,[r,s]=y.useState(!1),d=ve(),c=Pe(),[m,p]=K.useMutation(Iy),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(Pr,{children:[o(Kr,{children:[e(v,{paddingEnd:"size-100",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[o(Se,{children:[e(Rn,{size:"M",onPress:i,"aria-label":"Clear selection",children:e(x,{svg:e(Ll,{})})}),e(Be,{children:"Clear selection"})]}),e(C,{children:`${l.length} example${g?"s":""} selected`})]})}),e(M,{variant:"danger",size:"M",leadingVisual:e(x,{svg:p?e(Wn,{}):e(un,{})}),isDisabled:p,onPress:()=>s(!0),"aria-label":"Delete Examples",children:p?"Deleting...":"Delete"})]}),e(Y,{isOpen:r,onOpenChange:f=>{f||s(!1)},isDismissable:!0,children:e(X,{children:e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Delete Examples"}),e(pe,{children:e(ye,{})})]}),e(v,{padding:"size-200",children:o(C,{color:"danger",children:["Are you sure you want to delete ",l.length," ","example",g?"s":"","?"]})}),e(v,{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(M,{size:"S",onPress:()=>s(!1),children:"Cancel"}),e(M,{variant:"danger",size:"S",onPress:()=>{u(),s(!1)},children:"Delete"})]})})]})})})})]})}const hI=100;function kI({dataset:n}){const a=Za(D=>D.latestVersion),l=y.useRef(null),[t,i]=y.useState({}),{data:r,loadNext:s,hasNext:d,isLoadingNext:c,refetch:m}=K.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(D=>{const j=D.example,w=j.revision;return{id:j.id,input:w.input,output:w.output,metadata:w.metadata}}),[r]),u=Me({columns:[{id:"select",header:({table:D})=>e(va,{checked:D.getIsAllRowsSelected(),indeterminate:D.getIsSomeRowsSelected(),onChange:D.getToggleAllRowsSelectedHandler()}),cell:({row:D})=>e(va,{checked:D.getIsSelected(),disabled:!D.getCanSelect(),indeterminate:D.getIsSomeSelected(),onChange:D.getToggleSelectedHandler()})},{header:"example id",accessorKey:"id",cell:({getValue:D,row:j})=>{const w=j.original.id;return e(sn,{to:`${w}`,children:D()})}},{header:"input",accessorKey:"input",cell:Kl},{header:"output",accessorKey:"output",cell:Kl},{header:"metadata",accessorKey:"metadata",cell:Kl}],data:p,state:{rowSelection:t},onRowSelectionChange:i,getCoreRowModel:Ve()}),f=u.getRowModel().rows,h=f.length===0,k=u.getSelectedRowModel().rows,S=k.map(D=>D.original),F=y.useCallback(()=>{i({})},[i]),P=y.useCallback(D=>{if(D){const{scrollHeight:j,scrollTop:w,clientHeight:z}=D;j-w-z<300&&!c&&d&&s(hI)}},[d,c,s]),L=Ce();return o("div",{css:T`
|
|
7262
7262
|
flex: 1 1 auto;
|
|
7263
7263
|
overflow: auto;
|
|
7264
|
-
`,ref:l,onScroll:D=>P(D.target),children:[o("table",{css:Ka,children:[e("thead",{children:u.getHeaderGroups().map(D=>e("tr",{children:D.headers.map(j=>e("th",{children:e("div",{children:ee(j.column.columnDef.header,j.getContext())})},j.id))},D.id))}),h?e(wn,{}):e("tbody",{children:f.map(D=>e("tr",{onClick:()=>{L(`${D.original.id}`)},children:D.getVisibleCells().map(j=>e("td",{children:ee(j.column.columnDef.cell,j.getContext())},j.id))},D.id))})]}),k.length?e(fI,{selectedExamples:S,onClearSelection:F,onExamplesDeleted:()=>{m({},{fetchPolicy:"store-and-network"})}}):null]})}function X3(){const n=rn();return Ue(n),o(
|
|
7264
|
+
`,ref:l,onScroll:D=>P(D.target),children:[o("table",{css:Ka,children:[e("thead",{children:u.getHeaderGroups().map(D=>e("tr",{children:D.headers.map(j=>e("th",{children:e("div",{children:ee(j.column.columnDef.header,j.getContext())})},j.id))},D.id))}),h?e(wn,{}):e("tbody",{children:f.map(D=>e("tr",{onClick:()=>{L(`${D.original.id}`)},children:D.getVisibleCells().map(j=>e("td",{children:ee(j.column.columnDef.cell,j.getContext())},j.id))},D.id))})]}),k.length?e(fI,{selectedExamples:S,onClearSelection:F,onExamplesDeleted:()=>{m({},{fetchPolicy:"store-and-network"})}}):null]})}function X3(){const n=rn();return Ue(n),o(Z,{children:[e(kI,{dataset:n.dataset})," ",e(y.Suspense,{children:e(xe,{})})]})}const xy=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:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:null,args: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}],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:"24b93d4fc2fabcb21e5ce7290e6861ce",id:null,metadata:{},name:"ExperimentsPageQuery",operationKind:"query",text:`query ExperimentsPageQuery(
|
|
7265
7265
|
$datasetId: ID!
|
|
7266
7266
|
) {
|
|
7267
7267
|
dataset: node(id: $datasetId) {
|
|
@@ -7351,7 +7351,7 @@ fragment ExperimentsTableFragment on Dataset {
|
|
|
7351
7351
|
id
|
|
7352
7352
|
}
|
|
7353
7353
|
}
|
|
7354
|
-
`}}}();Ly.hash="fb0556f7193f4e63c1a5b7e92028528d";const bI={top:8,right:18,left:18,bottom:58},SI=new Intl.NumberFormat([],{maximumFractionDigits:4}),Dy=n=>typeof n!="number"?"--":`${qt(".1f")(n/1e3)}s`;function vI({active:n,payload:a,label:l}){const{grey300:t}=Pn(),{theme:i}=sa();if(n&&a&&a.length){const r=a.filter(s=>s.dataKey!=="avgLatency"&&typeof s.value=="number");return o(He,{children:[o(b,{direction:"row",alignItems:"center",gap:"size-100",children:[e(C,{weight:"heavy",size:"S",children:"experiment"}),e(Dl,{sequenceNumber:Number(l)})]}),r.map(s=>e(he,{color:Td({word:String(s.dataKey),theme:i}),shape:"line",name:String(s.dataKey),value:typeof s.value=="number"?SI.format(s.value):"--"},String(s.dataKey))),(()=>{const s=a.find(d=>d.dataKey==="avgLatency");return s?e(he,{color:t,shape:"square",name:"avg latency",value:Dy(s.value)},"avgLatency"):null})()]})}return null}function CI({datasetId:n}){var c,m;const{theme:a}=sa(),l=K.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 P of F)p.add(P.annotationName),S[P.annotationName]=P.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}=Pn(),s=y.useMemo(()=>{const p={};for(const g of i)p[g]=Td({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(We,{width:"100%",height:"100%",children:o(
|
|
7354
|
+
`}}}();Ly.hash="fb0556f7193f4e63c1a5b7e92028528d";const bI={top:8,right:18,left:18,bottom:58},SI=new Intl.NumberFormat([],{maximumFractionDigits:4}),Dy=n=>typeof n!="number"?"--":`${qt(".1f")(n/1e3)}s`;function vI({active:n,payload:a,label:l}){const{grey300:t}=Pn(),{theme:i}=sa();if(n&&a&&a.length){const r=a.filter(s=>s.dataKey!=="avgLatency"&&typeof s.value=="number");return o(He,{children:[o(b,{direction:"row",alignItems:"center",gap:"size-100",children:[e(C,{weight:"heavy",size:"S",children:"experiment"}),e(Dl,{sequenceNumber:Number(l)})]}),r.map(s=>e(he,{color:Td({word:String(s.dataKey),theme:i}),shape:"line",name:String(s.dataKey),value:typeof s.value=="number"?SI.format(s.value):"--"},String(s.dataKey))),(()=>{const s=a.find(d=>d.dataKey==="avgLatency");return s?e(he,{color:t,shape:"square",name:"avg latency",value:Dy(s.value)},"avgLatency"):null})()]})}return null}function CI({datasetId:n}){var c,m;const{theme:a}=sa(),l=K.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 P of F)p.add(P.annotationName),S[P.annotationName]=P.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}=Pn(),s=y.useMemo(()=>{const p={};for(const g of i)p[g]=Td({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(We,{width:"100%",height:"100%",children:o(hl,{data:t,margin:bI,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(ln,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(an,{dataKey:"iteration",tick:{fontSize:12,fill:"var(--ac-global-text-color-700)"}}),e(Oe,{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(Oe,{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(Re,{yAxisId:"right",dataKey:"avgLatency",fill:"url(#latencyBarColor)",spacing:3}),i.map(p=>e(Xn,{type:"monotone",dataKey:p,stroke:s[p],strokeWidth:2,dot:{r:3},activeDot:{r:5},yAxisId:0},p)),e(Ge,{content:vI})]})})}function FI({datasetId:n}){return e(y.Suspense,{fallback:e(fe,{}),children:e(CI,{datasetId:n})})}function TI(){return e(v,{width:"100%",paddingY:"size-400",children:e(b,{direction:"column",width:"100%",alignItems:"center",justifyContent:"center",children:e(v,{width:"100%",maxWidth:"780px",children:o(b,{direction:"column",gap:"size-400",alignItems:"center",children:[e(C,{size:"XL",children:"Run experiments to evaluate and improve your AI applications."}),e(xr,{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(xl,{href:"https://docs.arize.com/phoenix/datasets-and-experiments/how-to-experiments/run-experiments",target:"_blank",leadingVisual:e(x,{svg:e(Lr,{})}),children:"Documentation"}),e(xl,{href:"https://docs.arize.com/phoenix/cookbook/datasets-and-experiments/summarization",target:"_blank",leadingVisual:e(x,{svg:e(I0,{})}),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:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:null,args: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}],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:"1e2581de020cc0c09e242daf6469fa4c",id:null,metadata:{},name:"ExperimentsTableQuery",operationKind:"query",text:`query ExperimentsTableQuery(
|
|
7355
7355
|
$after: String = null
|
|
7356
7356
|
$first: Int = 100
|
|
7357
7357
|
$id: ID!
|
|
@@ -7428,14 +7428,14 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
7428
7428
|
`,children:"--"}):e(_I,{annotationName:R,value:$.meanScore,min:V,max:A})}}}),h=[{header:"run count",accessorKey:"runCount",meta:{textAlign:"right"},cell:kd},{header:"avg latency",accessorKey:"averageRunLatencyMs",meta:{textAlign:"right"},cell:({getValue:I})=>{const R=I();return R===null||typeof R!="number"?"--":e(cn,{latencyMs:R})}},{header:"total cost",accessorKey:"costSummary.total.cost",meta:{textAlign:"right"},cell:({getValue:I,row:R})=>{const V=I(),A=R.original.id;return V==null?"--":e(_0,{totalCost:V,experimentId:A})}},{header:"total tokens",accessorKey:"costSummary.total.tokens",meta:{textAlign:"right"},cell:({getValue:I,row:R})=>{const V=I(),A=R.original.id;return e(A0,{tokenCountTotal:V,experimentId:A,size:"S"})}},{header:"error rate",accessorKey:"errorRate",meta:{textAlign:"right"},cell:PI},{header:"metadata",accessorKey:"metadata",minSize:200,cell:Kl},{id:"actions",maxSize:120,cell:({row:I})=>{const R=I.original.project,V=I.original.metadata;return o(b,{direction:"row",gap:"size-100",children:[e(KI,{experimentId:I.original.id}),e(Kd,{projectId:(R==null?void 0:R.id)||null,experimentId:I.original.id,metadata:V,canDeleteExperiment:!0,onExperimentDeleted:()=>{p({},{fetchPolicy:"network-only"})}})]})}}],k=Me({columns:[...u,...f,...h],data:g,state:{rowSelection:l,columnSizing:i},defaultColumn:xI,columnResizeMode:"onChange",onRowSelectionChange:t,onColumnSizingChange:r,getCoreRowModel:Ve()}),S=k.getSelectedRowModel().rows,F=S.map(I=>I.original),P=y.useCallback(()=>{t({})},[t]),L=y.useCallback(I=>{if(I){const{scrollHeight:R,scrollTop:V,clientHeight:A}=I;R-V-A<300&&!m&&c&&d(Vi)}},[c,m,d]),{columnSizingInfo:D,columnSizing:j}=k.getState(),w=k.getFlatHeaders,[z]=y.useMemo(()=>{const I=w(),R={};for(let V=0;V<I.length;V++){const A=I[V];R[`--header-${Da(A.id)}-size`]=A.getSize(),R[`--col-${Da(A.column.id)}-size`]=A.column.getSize()}return[R]},[w,D,j]);return o("div",{css:T`
|
|
7429
7429
|
height: 100%;
|
|
7430
7430
|
overflow: auto;
|
|
7431
|
-
`,ref:a,onScroll:I=>L(I.target),children:[o("table",{css:Ka,style:{...z,width:k.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:k.getHeaderGroups().map(I=>e("tr",{children:I.headers.map(R=>{var V,A;return e("th",{colSpan:R.colSpan,style:{width:`calc(var(--header-${Da(R.id)}-size) * 1px)`},align:(A=(V=R.column.columnDef)==null?void 0:V.meta)==null?void 0:A.textAlign,children:R.isPlaceholder?null:o(
|
|
7431
|
+
`,ref:a,onScroll:I=>L(I.target),children:[o("table",{css:Ka,style:{...z,width:k.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:k.getHeaderGroups().map(I=>e("tr",{children:I.headers.map(R=>{var V,A;return e("th",{colSpan:R.colSpan,style:{width:`calc(var(--header-${Da(R.id)}-size) * 1px)`},align:(A=(V=R.column.columnDef)==null?void 0:V.meta)==null?void 0:A.textAlign,children:R.isPlaceholder?null:o(Z,{children:[e("div",{children:e(pn,{maxWidth:"100%",children:ee(R.column.columnDef.header,R.getContext())})}),e("div",{onMouseDown:R.getResizeHandler(),onTouchStart:R.getResizeHandler(),className:`resizer ${R.column.getIsResizing()?"isResizing":""}`})]})},R.id)})},I.id))}),D.isResizingColumn?e(LI,{table:k,hasNext:c,onLoadNext:()=>d(Vi),isLoadingNext:m,dataset:s}):e(Ey,{table:k,hasNext:c,onLoadNext:()=>d(Vi),isLoadingNext:m,dataset:s})]}),S.length?e(II,{datasetId:s.id,selectedExperiments:F,onClearSelection:P,onExperimentsDeleted:()=>{p({},{fetchPolicy:"network-only"})}}):null]})}function _I({annotationName:n,value:a,min:l,max:t}){const i=fr(n),r=y.useMemo(()=>{const s=typeof l=="number"?l:0,d=typeof t=="number"?t:1;if(s===d&&d===a)return 100;const c=d-s||1;return(a-s)/c*100},[a,l,t]);return o(Se,{children:[e(pl,{children:o("div",{css:T`
|
|
7432
7432
|
float: right;
|
|
7433
7433
|
--mod-barloader-fill-color: ${i};
|
|
7434
7434
|
display: flex;
|
|
7435
7435
|
flex-direction: row;
|
|
7436
7436
|
align-items: center;
|
|
7437
7437
|
gap: var(--ac-global-dimension-size-100);
|
|
7438
|
-
`,children:[Fl(a),e(D0,{width:"40px",value:r,"aria-label":"where the mean score lands between overall min max"})]})}),e(Ca,{children:o(v,{width:"size-2400",children:[e(oe,{level:3,weight:"heavy",children:n}),o(b,{direction:"column",children:[o(b,{justifyContent:"space-between",children:[e(C,{weight:"heavy",size:"XS",children:"Mean Score"}),e(C,{size:"XS",children:Fl(a)})]}),o(b,{justifyContent:"space-between",children:[e(C,{weight:"heavy",size:"XS",children:"All Experiments Min"}),e(C,{size:"XS",children:Fl(l)})]}),o(b,{justifyContent:"space-between",children:[e(C,{weight:"heavy",size:"XS",children:"All Experiments Max"}),e(C,{size:"XS",children:Fl(t)})]}),o(b,{justifyContent:"space-between",children:[e(C,{weight:"heavy",size:"XS",children:"Mean Score Percentile"}),e(C,{size:"XS",children:Us(r)})]})]})]})})]})}function Y3(){var l;const{datasetId:n}=nn();Ue(n);const a=K.useLazyLoadQuery(xy,{datasetId:n});return(l=a.dataset)!=null&&l.experimentCount?o(
|
|
7438
|
+
`,children:[Fl(a),e(D0,{width:"40px",value:r,"aria-label":"where the mean score lands between overall min max"})]})}),e(Ca,{children:o(v,{width:"size-2400",children:[e(oe,{level:3,weight:"heavy",children:n}),o(b,{direction:"column",children:[o(b,{justifyContent:"space-between",children:[e(C,{weight:"heavy",size:"XS",children:"Mean Score"}),e(C,{size:"XS",children:Fl(a)})]}),o(b,{justifyContent:"space-between",children:[e(C,{weight:"heavy",size:"XS",children:"All Experiments Min"}),e(C,{size:"XS",children:Fl(l)})]}),o(b,{justifyContent:"space-between",children:[e(C,{weight:"heavy",size:"XS",children:"All Experiments Max"}),e(C,{size:"XS",children:Fl(t)})]}),o(b,{justifyContent:"space-between",children:[e(C,{weight:"heavy",size:"XS",children:"Mean Score Percentile"}),e(C,{size:"XS",children:Us(r)})]})]})]})})]})}function Y3(){var l;const{datasetId:n}=nn();Ue(n);const a=K.useLazyLoadQuery(xy,{datasetId:n});return(l=a.dataset)!=null&&l.experimentCount?o(Z,{children:[o(Un,{direction:"vertical",autoSaveId:"experiments-layout",children:[o(Xe,{order:0,minSize:20,maxSize:30,defaultSize:20,collapsible:!0,children:[e(v,{paddingX:"size-200",paddingY:"size-100",children:e(oe,{level:2,children:"Experiments Analysis"})}),e(FI,{datasetId:n})]}),e(ta,{css:fl}),e(Xe,{order:1,children:e(v,{height:"100%",overflow:"hidden",flex:"1 1 auto",children:e(zl,{fallback:AI,children:e(DI,{dataset:a.dataset})})})})]}),e(y.Suspense,{children:e(xe,{})})]}):e(TI,{})}function AI(){return e(v,{width:"100%",height:"100%",children:e(b,{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",direction:"column",children:o(v,{width:"400px",children:[e(oe,{children:"Sorry about that!"}),o(C,{children:["There's a known issue in one of our depanancies that causes intermittent errors. We will resolve it as soon as there is an upstream fix.",e("br",{}),e("br",{}),e(M,{variant:"primary",onClick:()=>window.location.reload(),children:"Refresh the page"})]})]})})})}const Ry=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{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:"filterCondition"},{defaultValue:50,kind:"LocalArgument",name:"first"}],a={kind:"Variable",name:"after",variableName:"after"},l={kind:"Variable",name:"baseExperimentId",variableName:"baseExperimentId"},t={kind:"Variable",name:"compareExperimentIds",variableName:"compareExperimentIds"},i={kind:"Variable",name:"filterCondition",variableName:"filterCondition"},r={kind:"Variable",name:"first",variableName:"first"},s=[a,l,t,i,r],d={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},c={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},d],storageKey:null},m={alias:null,args:null,kind:"ScalarField",name:"tokens",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"cost",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},u={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExperimentCompareTableQuery",selections:[{args:[a,l,t,{kind:"Variable",name:"datasetId",variableName:"datasetId"},{kind:"Variable",name:"experimentIds",variableName:"experimentIds"},i,r],kind:"FragmentSpread",name:"ExperimentCompareTable_comparisons"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExperimentCompareTableQuery",selections:[{alias:null,args:s,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:[{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"example",plural:!1,selections:[d,{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:[d,{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},c,{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,p],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:[d,g,{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},c],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},d],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:[u,d],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:s,filters:["baseExperimentId","compareExperimentIds","filterCondition"],handle:"connection",key:"ExperimentCompareTable_compareExperiments",kind:"LinkedHandle",name:"compareExperiments"},{alias:"dataset",args:[{kind:"Variable",name:"id",variableName:"datasetId"}],concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[u,d,{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:[d,g,{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[d],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:[p,m],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"41fb0ab21c1e06cf77779ceeba86054d",id:null,metadata:{},name:"ExperimentCompareTableQuery",operationKind:"query",text:`query ExperimentCompareTableQuery(
|
|
7439
7439
|
$after: String = null
|
|
7440
7440
|
$baseExperimentId: ID!
|
|
7441
7441
|
$compareExperimentIds: [ID!]!
|
|
@@ -7611,19 +7611,19 @@ fragment ExperimentCompareTable_comparisons_Gjac5 on Query {
|
|
|
7611
7611
|
align-items: center;
|
|
7612
7612
|
color: var(--ac-global-color-primary);
|
|
7613
7613
|
gap: var(--ac-global-dimension-size-50);
|
|
7614
|
-
`,os=50;function OI(n){const[a,l]=y.useState(null),{datasetId:t,baseExperimentId:i,compareExperimentIds:r,displayFullText:s}=n,[d,c]=y.useState(""),m=y.useRef(null),[p,g]=yn(),{data:u,loadNext:f,hasNext:h,isLoadingNext:k,refetch:S}=K.usePaginationFragment(My,n.query),F=y.useMemo(()=>{var A,E;return((E=(A=u.dataset)==null?void 0:A.experiments)==null?void 0:E.edges.reduce(($,N)=>($[N.experiment.id]={...N.experiment},$),{}))||{}},[u]),P=y.useMemo(()=>u.compareExperiments.edges.map(A=>{const E=A.comparison,$=E.runComparisonItems.reduce((N,le)=>(N[le.experimentId]=le,N),{});return{...E,id:E.example.id,input:E.example.revision.input,referenceOutput:E.example.revision.referenceOutput,runComparisonMap:$}}),[u]),L=y.useMemo(()=>[{header:"input",accessorKey:"input",enableSorting:!1,cell:({row:A})=>o(
|
|
7614
|
+
`,os=50;function OI(n){const[a,l]=y.useState(null),{datasetId:t,baseExperimentId:i,compareExperimentIds:r,displayFullText:s}=n,[d,c]=y.useState(""),m=y.useRef(null),[p,g]=yn(),{data:u,loadNext:f,hasNext:h,isLoadingNext:k,refetch:S}=K.usePaginationFragment(My,n.query),F=y.useMemo(()=>{var A,E;return((E=(A=u.dataset)==null?void 0:A.experiments)==null?void 0:E.edges.reduce(($,N)=>($[N.experiment.id]={...N.experiment},$),{}))||{}},[u]),P=y.useMemo(()=>u.compareExperiments.edges.map(A=>{const E=A.comparison,$=E.runComparisonItems.reduce((N,le)=>(N[le.experimentId]=le,N),{});return{...E,id:E.example.id,input:E.example.revision.input,referenceOutput:E.example.revision.referenceOutput,runComparisonMap:$}}),[u]),L=y.useMemo(()=>[{header:"input",accessorKey:"input",enableSorting:!1,cell:({row:A})=>o(Z,{children:[e(Tl,{extra:o(Se,{children:[e(Rn,{size:"S",onPress:()=>{l(e(Qr,{exampleId:A.original.example.id}))},children:e(x,{svg:e(it,{})})}),o(Be,{children:[e(Ze,{}),"view example"]})]}),children:e(C,{size:"S",color:"text-500",children:`example ${A.original.example.id}`})}),e(xt,{children:e(Yr,{children:e(Vl,{json:A.original.input,disableTitle:!0,space:s?2:0})})})]})},{header:"reference output",accessorKey:"referenceOutput",enableSorting:!1,cell:A=>o(Z,{children:[e(Tl,{children:e(C,{size:"S",color:"text-500",children:"reference"})}),e(xt,{children:s?GI(A):Kl(A)})]})}],[s,l]),D=y.useMemo(()=>[i,...r].map(A=>({header:()=>{var Je;const E=F[A],$=E==null?void 0:E.name,N=E==null?void 0:E.metadata,le=(Je=E==null?void 0:E.project)==null?void 0:Je.id,De=(E==null?void 0:E.sequenceNumber)||0;return o(b,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",justifyContent:"space-between",children:[o(b,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",children:[e(Dl,{sequenceNumber:De}),e(C,{children:$}),E&&e(qI,{experiment:E})]}),e(b,{direction:"row",wrap:!0,justifyContent:"end",alignItems:"center",children:e(Kd,{experimentId:A,metadata:N,isQuiet:!0,projectId:le,canDeleteExperiment:!1})})]})},accessorKey:A,minSize:500,enableSorting:!1,cell:({row:E})=>{var re,Le;const $=E.original.runComparisonMap[A],N=($==null?void 0:$.runs.length)||0;if(N===0)return e(ss,{});if(N>1)return e(C,{color:"warning",children:`${N} runs`});const le=$==null?void 0:$.runs[0];let De=null;const Je=(re=le==null?void 0:le.trace)==null?void 0:re.traceId,Q=(Le=le==null?void 0:le.trace)==null?void 0:Le.projectId;return Je&&Q&&(De=o(Se,{children:[e(Rn,{className:"trace-button",size:"S","aria-label":"View run trace",onPress:()=>{l(e(By,{traceId:Je,projectId:Q,title:"Experiment Run Trace"}))},children:e(x,{svg:e(ni,{})})}),o(Be,{children:[e(Ze,{}),"view run trace"]})]})),le?o(Z,{children:[e(Tl,{extra:o(Z,{children:[o(Se,{children:[e(Rn,{className:"expand-button",size:"S","aria-label":"View example run details",onPress:()=>{l(e(WI,{selectedExample:E.original,datasetId:t,experimentInfoById:F}))},children:e(x,{svg:e(it,{})})}),o(Be,{children:[e(Ze,{}),"view experiment run"]})]}),De]}),children:e(UI,{...le})}),e(xt,{children:e(HI,{...le,displayFullText:s,setDialog:l})})]}):e(xt,{children:e(ss,{})})}})),[i,r,F,t,s]),j=y.useMemo(()=>[...L,...D],[L,D]),w=Me({columns:j,data:P,getCoreRowModel:Ve(),columnResizeMode:"onChange"}),z=la.useMemo(()=>{const A=w.getFlatHeaders(),E={};for(let $=0;$<A.length;$++){const N=A[$];E[`--header-${Da(N.id)}-size`]=N.getSize(),E[`--col-${Da(N.column.id)}-size`]=N.column.getSize()}return E},[w.getState().columnSizingInfo,w.getState().columnSizing]),R=w.getRowModel().rows.length===0,V=y.useCallback(A=>{if(A){const{scrollHeight:E,scrollTop:$,clientHeight:N}=A;E-$-N<300&&!k&&h&&f(os)}},[h,k,f]);return y.useEffect(()=>{y.startTransition(()=>{S({after:null,first:os,filterCondition:d,baseExperimentId:i,compareExperimentIds:r,datasetId:t},{fetchPolicy:"store-and-network"})})},[t,i,r,d,S]),o(v,{overflow:"auto",children:[o(b,{direction:"column",height:"100%",children:[e(v,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:e(zI,{onValidCondition:c})}),e("div",{css:$I,onScroll:A=>V(A.target),ref:m,children:o("table",{css:T(hn,nd),style:{...z,width:w.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:w.getHeaderGroups().map(A=>e("tr",{children:A.headers.map(E=>e("th",{colSpan:E.colSpan,style:{width:`calc(var(--header-${Da(E==null?void 0:E.id)}-size) * 1px)`},children:E.isPlaceholder?null:o(Z,{children:[o("div",{className:E.column.getCanSort()?"sort":"",onClick:E.column.getToggleSortingHandler(),style:{left:E.getStart(),width:"100%"},children:[e(pn,{maxWidth:"100%",children:ee(E.column.columnDef.header,E.getContext())}),E.column.getIsSorted()?e(x,{className:"sort-icon",svg:E.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]}),e("div",{onMouseDown:E.getResizeHandler(),onTouchStart:E.getResizeHandler(),className:`resizer ${E.column.getIsResizing()?"isResizing":""}`})]})},E.id))},A.id))}),R?e(wn,{}):w.getState().columnSizingInfo.isResizingColumn?e(QI,{table:w,tableContainerRef:m}):e(jy,{table:w,tableContainerRef:m})]})})]}),e(Y,{isOpen:!!a,onOpenChange:()=>{p.delete("selectedSpanNodeId"),g(p,{replace:!0}),l(null)},children:e(X,{variant:"slideover",size:"fullscreen",children:e(y.Suspense,{children:a})})})]})}function jy({table:n,tableContainerRef:a}){const l=n.getRowModel().rows,t=Wf({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-${Da(p.column.id)}-size) * 1px)`,maxWidth:`calc(var(--col-${Da(p.column.id)}-size) * 1px)`,padding:0},children:ee(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 QI=la.memo(jy,(n,a)=>n.table.options.data===a.table.options.data);function BI(n){const{datasetId:a,exampleId:l}=n,t=Ce();return e("div",{onClick:i=>{i.preventDefault(),i.stopPropagation()},children:o(W,{children:[o(Se,{children:[e(M,{size:"S",leadingVisual:e(x,{svg:e(at,{})})}),o(Be,{children:[e(Ze,{}),"More actions"]})]}),e(Fn,{children:e(J,{children:({close:i})=>e(Fa,{style:{minHeight:"auto"},onAction:r=>{switch(r){case"gotoExample":{t(`/datasets/${a}/examples/${l}`);break}default:$e()}i()},children:e(Il,{id:"gotoExample",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(N0,{})}),e(C,{children:"Go to example"})]})})})})})]})})}function qI(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",children:[l!=null&&e(cn,{size:"S",latencyMs:l}),e(V0,{averageRunTokenCountTotal:d,experimentId:a.id,size:"S"}),s!=null&&e(z0,{averageRunCostTotal:s,experimentId:a.id,size:"S"})]})}function UI(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(Qy,{startTime:l,endTime:t}),r!=null&&a?e(E0,{tokenCountTotal:r,experimentRunId:a,size:"S"}):e(R0,{size:"S",children:r}),s!=null&&a?e(M0,{costTotal:s,experimentRunId:a,size:"S"}):null]})}function HI(n){const{output:a,error:l,annotations:t,displayFullText:i,setDialog:r}=n;if(l)return e(Oy,{error:l});const s=t!=null&&t.edges.length?t.edges.map(d=>d.annotation):[];return o(b,{direction:"column",gap:"size-100",height:"100%",justifyContent:"space-between",children:[e(Yr,{children:e(Vl,{json:a,disableTitle:!0,space:i?2:0})}),e("ul",{css:T`
|
|
7615
7615
|
display: flex;
|
|
7616
7616
|
flex-direction: row;
|
|
7617
7617
|
gap: var(--ac-global-dimension-static-size-100);
|
|
7618
7618
|
align-items: center;
|
|
7619
7619
|
flex-wrap: wrap;
|
|
7620
|
-
`,children:s.map(d=>{var g,u;const c=(g=d.trace)==null?void 0:g.traceId,m=(u=d.trace)==null?void 0:u.projectId,p=c!=null&&m!=null;return e("li",{children:e(Bs,{annotation:d,extra:p&&e(v,{paddingTop:"size-100",children:o("div",{css:jI,children:[e(x,{svg:e(
|
|
7620
|
+
`,children:s.map(d=>{var g,u;const c=(g=d.trace)==null?void 0:g.traceId,m=(u=d.trace)==null?void 0:u.projectId,p=c!=null&&m!=null;return e("li",{children:e(Bs,{annotation:d,extra:p&&e(v,{paddingTop:"size-100",children:o("div",{css:jI,children:[e(x,{svg:e(yl,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(Rl,{annotation:d,clickable:p,onClick:()=>{p&&r(e(By,{title:`Evaluator Trace: ${d.name}`,traceId:c,projectId:m}))}})})},d.id)})})]})}function Oy({error:n}){return o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[e(x,{svg:e(pr,{}),color:"danger"}),e(C,{color:"danger",children:n})]})}function Qy({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(cn,{size:"S",latencyMs:l})}function ss(){return o(b,{direction:"row",gap:"size-50",children:[e(x,{svg:e(w0,{}),color:"grey-800"}),e(C,{color:"text-700",children:"not run"})]})}function GI({getValue:n}){const a=n();return e(Yr,{children:e(Vl,{json:a,space:2})})}function Yr({children:n}){return e("div",{css:T`
|
|
7621
7621
|
max-height: 300px;
|
|
7622
7622
|
overflow-y: auto;
|
|
7623
7623
|
`,children:n})}function WI({selectedExample:n,datasetId:a,experimentInfoById:l}){return e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:`Comparing Experiments for Example: ${n.id}`}),o(pe,{children:[e(BI,{datasetId:a,exampleId:n.id}),e(ye,{})]})]}),o(Un,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(Xe,{defaultSize:35,children:e("div",{css:T`
|
|
7624
7624
|
overflow-y: auto;
|
|
7625
7625
|
height: 100%;
|
|
7626
|
-
`,children:e(v,{overflow:"hidden",padding:"size-200",children:o(b,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(v,{width:"50%",children:e(U,{title:"Input",...zi,extra:e(Te,{text:JSON.stringify(n.input)}),children:e(v,{maxHeight:"300px",overflow:"auto",children:e(Qn,{value:JSON.stringify(n.input,null,2)})})})}),e(v,{width:"50%",children:e(U,{title:"Reference Output",...zi,extra:e(Te,{text:JSON.stringify(n.referenceOutput)}),children:e(v,{maxHeight:"300px",overflow:"auto",children:e(Qn,{value:JSON.stringify(n.referenceOutput,null,2)})})})})]})})})}),e(ta,{css:
|
|
7626
|
+
`,children:e(v,{overflow:"hidden",padding:"size-200",children:o(b,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(v,{width:"50%",children:e(U,{title:"Input",...zi,extra:e(Te,{text:JSON.stringify(n.input)}),children:e(v,{maxHeight:"300px",overflow:"auto",children:e(Qn,{value:JSON.stringify(n.input,null,2)})})})}),e(v,{width:"50%",children:e(U,{title:"Reference Output",...zi,extra:e(Te,{text:JSON.stringify(n.referenceOutput)}),children:e(v,{maxHeight:"300px",overflow:"auto",children:e(Qn,{value:JSON.stringify(n.referenceOutput,null,2)})})})})]})})})}),e(ta,{css:fl}),e(Xe,{defaultSize:65,children:o(b,{direction:"column",height:"100%",children:[e(v,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(oe,{level:2,children:"Experiments"})}),e("div",{css:T`
|
|
7627
7627
|
overflow-y: auto;
|
|
7628
7628
|
height: 100%;
|
|
7629
7629
|
padding: var(--ac-global-dimension-static-size-200);
|
|
@@ -7631,7 +7631,7 @@ fragment ExperimentCompareTable_comparisons_Gjac5 on Query {
|
|
|
7631
7631
|
display: flex;
|
|
7632
7632
|
flex-direction: column;
|
|
7633
7633
|
gap: var(--ac-global-dimension-static-size-200);
|
|
7634
|
-
`,children:n.runComparisonItems.map(t=>{const i=l[t.experimentId];return e("li",{children:e(U,{...zi,title:(i==null?void 0:i.name)??"",titleExtra:e(Dl,{sequenceNumber:(i==null?void 0:i.sequenceNumber)||0}),children:e("ul",{children:t.runs.map((r,s)=>{var d;return e("li",{children:o(b,{direction:"row",children:[e(v,{flex:!0,children:r.error?e(v,{padding:"size-200",children:e(Oy,{error:r.error})}):e(Qn,{value:JSON.stringify(r.output,null,2)})}),o(
|
|
7634
|
+
`,children:n.runComparisonItems.map(t=>{const i=l[t.experimentId];return e("li",{children:e(U,{...zi,title:(i==null?void 0:i.name)??"",titleExtra:e(Dl,{sequenceNumber:(i==null?void 0:i.sequenceNumber)||0}),children:e("ul",{children:t.runs.map((r,s)=>{var d;return e("li",{children:o(b,{direction:"row",children:[e(v,{flex:!0,children:r.error?e(v,{padding:"size-200",children:e(Oy,{error:r.error})}):e(Qn,{value:JSON.stringify(r.output,null,2)})}),o(sl,{width:"size-3000",children:[e(Qy,{startTime:r.startTime,endTime:r.endTime}),e("ul",{css:T`
|
|
7635
7635
|
margin-top: var(
|
|
7636
7636
|
--ac-global-dimension-static-size-100
|
|
7637
7637
|
);
|
|
@@ -7667,7 +7667,7 @@ fragment ExperimentCompareTable_comparisons_Gjac5 on Query {
|
|
|
7667
7667
|
display: flex;
|
|
7668
7668
|
flex-direction: column;
|
|
7669
7669
|
height: 100%;
|
|
7670
|
-
`,children:e(XI,{...s})},s.title))})})}function ex({value:n,formatter:a=Nl}){const l=a(n);return e(C,{size:"M",children:l})}function nx({value:n,formatter:a=Nl,baseExperimentValue:l,numImprovements:t,numRegressions:i}){const{valueText:r,deltaText:s,percentageDeltaText:d}=y.useMemo(()=>{const c=a(n);let m=null,p=null;if(n!=null&&l!=null){const g=n-l,u=g>=0?"+":"-",f=Math.abs(g);if(m=`(${u}${a(f)})`,l!==0){const h=Math.abs(g/l*100).toFixed(0);p=`${u}${h}%`}}return{valueText:c,deltaText:m,percentageDeltaText:p}},[l,a,n]);return o(b,{direction:"row",justifyContent:"space-between",children:[o(b,{direction:"row",alignItems:"center",gap:"size-50",children:[e(C,{size:"M",children:r}),s&&e(C,{size:"S",children:s}),d&&e(C,{size:"S",children:d})]}),e(ax,{numImprovements:t,numRegressions:i})]})}function ax({numImprovements:n,numRegressions:a}){return o(b,{direction:"row",gap:"size-50",children:[n>0&&o(b,{direction:"row",alignItems:"center",children:[e(x,{svg:e(ed,{}),color:"green-900"}),e(C,{size:"M",color:"green-900",children:n})]}),a>0&&o(b,{direction:"row",alignItems:"center",children:[e(x,{svg:e(Ys,{}),color:"red-900"}),e(C,{size:"M",color:"red-900",children:a})]})]})}const Uy=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{argumentDefinitions:[{kind:"RootArgument",name:"baseExperimentId"},{defaultValue:null,kind:"LocalArgument",name:"datasetId"},{defaultValue:null,kind:"LocalArgument",name:"hasBaseExperiment"}],kind:"Fragment",metadata:null,name:"ExperimentMultiSelector__data",selections:[{alias:"dataset",args:[{kind:"Variable",name:"id",variableName:"datasetId"}],concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[n,{kind:"InlineFragment",selections:[a,{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:[n,a,{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null}],storageKey:null},{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:[{kind:"InlineFragment",selections:[n,a],type:"Experiment",abstractKey:null}],storageKey:null}]}],type:"Query",abstractKey:null}}();Uy.hash="d5fa542c1b16d3225eabd1619e55f26b";function lx(n){const{selectedBaseExperimentId:a,selectedCompareExperimentIds:l,onChange:t,dataRef:i}=n,r=K.useFragment(Uy,i),{allExperiments:s,nonBaseExperiments:d}=y.useMemo(()=>{var u;const p=[],g=[];return(u=r.dataset.allExperiments)==null||u.edges.forEach(f=>{const h=f.experiment;p.push(h),h.id!==a&&g.push(h)}),{allExperiments:p,nonBaseExperiments:g}},[r.dataset.allExperiments,a]),c=y.useMemo(()=>{var p;return((p=r.baseExperiment)==null?void 0:p.name)??"No base experiment selected"},[r.baseExperiment]),m=y.useMemo(()=>{const p=l.length;return p>0?`${p} experiment${p>1?"s":""}`:"No experiments selected"},[l]);return o(b,{direction:"row",gap:"size-100",children:[o("div",{css:T(jt,Fo),children:[e(G,{children:"base experiment"}),o(W,{children:[e(M,{size:"M",trailingVisual:e(
|
|
7670
|
+
`,children:e(XI,{...s})},s.title))})})}function ex({value:n,formatter:a=Nl}){const l=a(n);return e(C,{size:"M",children:l})}function nx({value:n,formatter:a=Nl,baseExperimentValue:l,numImprovements:t,numRegressions:i}){const{valueText:r,deltaText:s,percentageDeltaText:d}=y.useMemo(()=>{const c=a(n);let m=null,p=null;if(n!=null&&l!=null){const g=n-l,u=g>=0?"+":"-",f=Math.abs(g);if(m=`(${u}${a(f)})`,l!==0){const h=Math.abs(g/l*100).toFixed(0);p=`${u}${h}%`}}return{valueText:c,deltaText:m,percentageDeltaText:p}},[l,a,n]);return o(b,{direction:"row",justifyContent:"space-between",children:[o(b,{direction:"row",alignItems:"center",gap:"size-50",children:[e(C,{size:"M",children:r}),s&&e(C,{size:"S",children:s}),d&&e(C,{size:"S",children:d})]}),e(ax,{numImprovements:t,numRegressions:i})]})}function ax({numImprovements:n,numRegressions:a}){return o(b,{direction:"row",gap:"size-50",children:[n>0&&o(b,{direction:"row",alignItems:"center",children:[e(x,{svg:e(ed,{}),color:"green-900"}),e(C,{size:"M",color:"green-900",children:n})]}),a>0&&o(b,{direction:"row",alignItems:"center",children:[e(x,{svg:e(Ys,{}),color:"red-900"}),e(C,{size:"M",color:"red-900",children:a})]})]})}const Uy=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{argumentDefinitions:[{kind:"RootArgument",name:"baseExperimentId"},{defaultValue:null,kind:"LocalArgument",name:"datasetId"},{defaultValue:null,kind:"LocalArgument",name:"hasBaseExperiment"}],kind:"Fragment",metadata:null,name:"ExperimentMultiSelector__data",selections:[{alias:"dataset",args:[{kind:"Variable",name:"id",variableName:"datasetId"}],concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[n,{kind:"InlineFragment",selections:[a,{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:[n,a,{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null}],storageKey:null},{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:[{kind:"InlineFragment",selections:[n,a],type:"Experiment",abstractKey:null}],storageKey:null}]}],type:"Query",abstractKey:null}}();Uy.hash="d5fa542c1b16d3225eabd1619e55f26b";function lx(n){const{selectedBaseExperimentId:a,selectedCompareExperimentIds:l,onChange:t,dataRef:i}=n,r=K.useFragment(Uy,i),{allExperiments:s,nonBaseExperiments:d}=y.useMemo(()=>{var u;const p=[],g=[];return(u=r.dataset.allExperiments)==null||u.edges.forEach(f=>{const h=f.experiment;p.push(h),h.id!==a&&g.push(h)}),{allExperiments:p,nonBaseExperiments:g}},[r.dataset.allExperiments,a]),c=y.useMemo(()=>{var p;return((p=r.baseExperiment)==null?void 0:p.name)??"No base experiment selected"},[r.baseExperiment]),m=y.useMemo(()=>{const p=l.length;return p>0?`${p} experiment${p>1?"s":""}`:"No experiments selected"},[l]);return o(b,{direction:"row",gap:"size-100",children:[o("div",{css:T(jt,Fo),children:[e(G,{children:"base experiment"}),o(W,{children:[e(M,{size:"M",trailingVisual:e(ul,{}),children:c}),e(Fn,{placement:"bottom start",children:e(J,{children:e(Fa,{selectionMode:"single",selectionBehavior:"replace",selectedKeys:new Set(a?[a]:[]),onSelectionChange:p=>{const[g]=p;Ue(typeof g=="string");const u=[...a?[a]:[],...l.filter(f=>f!==g)];t(g,u)},children:s.map(p=>e(Il,{id:p.id,children:({isSelected:g})=>o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[o(b,{direction:"column",gap:"size-50",children:[o(b,{direction:"row",gap:"size-100",children:[e(Dl,{sequenceNumber:p.sequenceNumber}),e(C,{children:p.name})]}),e(C,{size:"XS",color:"text-700",children:new Date(p.createdAt).toLocaleString()})]}),g&&e(x,{svg:e(Co,{})})]})},p.id))})})})]})]}),a&&d.length>0&&o("div",{css:T(jt,Fo),children:[e(G,{children:"compare experiments"}),o(W,{children:[e(M,{size:"M",trailingVisual:e(ul,{}),children:m}),e(Fn,{placement:"bottom start",children:e(J,{children:e(Fa,{selectionMode:"multiple",selectedKeys:new Set(l),onSelectionChange:p=>{t(a,Array.from(p))},children:d.map(p=>e(Il,{id:p.id,children:({isSelected:g})=>o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[o(b,{direction:"column",gap:"size-50",children:[o(b,{direction:"row",gap:"size-100",children:[e(Dl,{sequenceNumber:p.sequenceNumber}),e(C,{children:p.name})]}),e(C,{size:"XS",color:"text-700",children:new Date(p.createdAt).toLocaleString()})]}),g&&e(x,{svg:e(Co,{})})]})},p.id))})})})]})]})]})}function e4(){const n=rn(),a=ec("experimentEnhancements");Ue(n);const[l,t]=y.useState(!1),{datasetId:i}=nn();Ue(i!=null);const[r]=yn(),[s=void 0,...d]=r.getAll("experimentId"),c=y.useMemo(()=>{const g=r.get("view");return j0(g)?g:"grid"},[r]),m=Ce(),p=y.useCallback(g=>{r.set("view",g),m(`/datasets/${i}/compare?${r.toString()}`)},[i,m,r]);return o("main",{css:T`
|
|
7671
7671
|
height: 100%;
|
|
7672
7672
|
display: flex;
|
|
7673
7673
|
flex-direction: column;
|
|
@@ -7930,7 +7930,7 @@ fragment DBUsagePieChart_data on Query {
|
|
|
7930
7930
|
text-decoration: underline;
|
|
7931
7931
|
}
|
|
7932
7932
|
}
|
|
7933
|
-
`,children:[e("a",{href:"https://arize.com/docs/phoenix",children:"Documentation"}),"|",e("a",{href:"https://arize-ai.slack.com/join/shared_invite/zt-2w57bhem8-hq24MB6u7yE_ZF_ilOYSBw#/shared-invite/email",children:"Community"}),"|",e("a",{href:"https://twitter.com/ArizePhoenix",children:"Social"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix",children:"GitHub"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix/releases",children:`arize-phoenix v${window.Config.platformVersion}`})]})]})}function ox(n){const a=Ce(),{initialError:l,onSubmit:t}=n,[i,r]=y.useState(l),[s,d]=y.useState(!1),c=y.useCallback(async g=>{t==null||t(),r(null),d(!0);const u={...g,email:g.email.trim().toLowerCase()};try{const h=await fetch(aa("/auth/login"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(u)});if(!h.ok){const k=h.status===429?"Too many requests. Please try again later.":"Invalid login";r(k);return}}catch{r("Invalid login");return}finally{d(()=>!1)}const f=B0();a(f)},[a,t,r]),{control:m,handleSubmit:p}=on({defaultValues:{email:"",password:""}});return o(
|
|
7933
|
+
`,children:[e("a",{href:"https://arize.com/docs/phoenix",children:"Documentation"}),"|",e("a",{href:"https://arize-ai.slack.com/join/shared_invite/zt-2w57bhem8-hq24MB6u7yE_ZF_ilOYSBw#/shared-invite/email",children:"Community"}),"|",e("a",{href:"https://twitter.com/ArizePhoenix",children:"Social"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix",children:"GitHub"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix/releases",children:`arize-phoenix v${window.Config.platformVersion}`})]})]})}function ox(n){const a=Ce(),{initialError:l,onSubmit:t}=n,[i,r]=y.useState(l),[s,d]=y.useState(!1),c=y.useCallback(async g=>{t==null||t(),r(null),d(!0);const u={...g,email:g.email.trim().toLowerCase()};try{const h=await fetch(aa("/auth/login"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(u)});if(!h.ok){const k=h.status===429?"Too many requests. Please try again later.":"Invalid login";r(k);return}}catch{r("Invalid login");return}finally{d(()=>!1)}const f=B0();a(f)},[a,t,r]),{control:m,handleSubmit:p}=on({defaultValues:{email:"",password:""}});return o(Z,{children:[i?o(v,{paddingBottom:"size-100",children:[e(Ie,{variant:"danger",children:i})," "]}):null,e(Kn,{children:o(b,{direction:"column",gap:"size-100",children:[e(H,{name:"email",control:m,render:({field:{onChange:g,value:u,onBlur:f}})=>o(de,{name:"email",isRequired:!0,type:"email",onChange:g,onBlur:f,value:u,autoComplete:"email",children:[e(G,{children:"Email"}),e(ie,{placeholder:"your email address"})]})}),o("div",{css:T`
|
|
7934
7934
|
position: relative;
|
|
7935
7935
|
a {
|
|
7936
7936
|
position: absolute;
|
|
@@ -7995,7 +7995,7 @@ fragment DBUsagePieChart_data on Query {
|
|
|
7995
7995
|
gap: var(--ac-global-dimension-size-100);
|
|
7996
7996
|
flex-wrap: wrap;
|
|
7997
7997
|
justify-content: center;
|
|
7998
|
-
`;function i4(){const n=!window.Config.basicAuthDisabled,a=window.Config.oAuth2Idps,l=a.length>0,[t,i]=yn(),r=t.get("returnUrl"),s=t.get("message"),d=t.get("trigger"),c=y.useRef({});return y.useEffect(()=>{var m;if(d&&l){const p=a.find(g=>g.name.toLowerCase()===d.toLowerCase());p&&c.current[p.name]&&((m=c.current[p.name])==null||m.submit())}},[d,l,a]),o(vt,{children:[e(b,{direction:"column",gap:"size-200",alignItems:"center",children:e(v,{paddingBottom:"size-200",children:e(vi,{})})}),s&&e(v,{paddingBottom:"size-100",children:e(Ie,{variant:"success",children:s})}),n&&e(ox,{initialError:t.get("error"),onSubmit:()=>{i(m=>{const p=new URLSearchParams(m);return p.delete("message"),p.delete("error"),p})}}),n&&l?e("div",{css:cx,children:"or"}):null,l&&e(
|
|
7998
|
+
`;function i4(){const n=!window.Config.basicAuthDisabled,a=window.Config.oAuth2Idps,l=a.length>0,[t,i]=yn(),r=t.get("returnUrl"),s=t.get("message"),d=t.get("trigger"),c=y.useRef({});return y.useEffect(()=>{var m;if(d&&l){const p=a.find(g=>g.name.toLowerCase()===d.toLowerCase());p&&c.current[p.name]&&((m=c.current[p.name])==null||m.submit())}},[d,l,a]),o(vt,{children:[e(b,{direction:"column",gap:"size-200",alignItems:"center",children:e(v,{paddingBottom:"size-200",children:e(vi,{})})}),s&&e(v,{paddingBottom:"size-100",children:e(Ie,{variant:"success",children:s})}),n&&e(ox,{initialError:t.get("error"),onSubmit:()=>{i(m=>{const p=new URLSearchParams(m);return p.delete("message"),p.delete("error"),p})}}),n&&l?e("div",{css:cx,children:"or"}):null,l&&e(Z,{children:e("ul",{css:ux,children:a.map(m=>e("li",{children:e(Wy,{idpName:m.name,idpDisplayName:m.displayName,returnUrl:r,ref:p=>{c.current[m.name]=p}},m.name)},m.name))})})]})}const Jy=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"UserMutationPayload",kind:"LinkedField",name:"patchViewer",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ResetPasswordFormMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ResetPasswordFormMutation",selections:a},params:{cacheID:"d09af5e3a2a3d10f117373e25bef11e6",id:null,metadata:{},name:"ResetPasswordFormMutation",operationKind:"mutation",text:`mutation ResetPasswordFormMutation(
|
|
7999
7999
|
$input: PatchViewerInput!
|
|
8000
8000
|
) {
|
|
8001
8001
|
patchViewer(input: $input) {
|
|
@@ -8010,7 +8010,7 @@ fragment DBUsagePieChart_data on Query {
|
|
|
8010
8010
|
& > * {
|
|
8011
8011
|
width: 50%;
|
|
8012
8012
|
}
|
|
8013
|
-
`,children:[e(M,{onPress:()=>{a(-1)},children:"Cancel"}),e(M,{variant:"primary",type:"submit",isDisabled:r,children:r?"Resetting...":"Reset Password"})]})]})}function r4(){const n=rn();return o(vt,{children:[e(b,{direction:"column",gap:"size-200",alignItems:"center",children:e(v,{paddingBottom:"size-200",children:e(vi,{})})}),e(mx,{query:n})]})}const Zl=4,gx="An error occurred. Please try resetting again.";function px({resetToken:n}){const a=Ce(),[l,t]=y.useState(null),[i,r]=y.useState(!1),s=y.useCallback(async({resetToken:p,newPassword:g})=>{t(null),r(!0);try{const u=await fetch(aa("/auth/password-reset"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({token:p,password:g})});if(!u.ok){const f=await u.text();t(f);return}}catch{t(gx);return}finally{r(()=>!1)}a(`/login?message=${encodeURIComponent("Password has been reset.")}`)},[t,a]),{control:d,handleSubmit:c,formState:{isDirty:m}}=on({defaultValues:{resetToken:n,newPassword:"",confirmPassword:""}});return o(
|
|
8013
|
+
`,children:[e(M,{onPress:()=>{a(-1)},children:"Cancel"}),e(M,{variant:"primary",type:"submit",isDisabled:r,children:r?"Resetting...":"Reset Password"})]})]})}function r4(){const n=rn();return o(vt,{children:[e(b,{direction:"column",gap:"size-200",alignItems:"center",children:e(v,{paddingBottom:"size-200",children:e(vi,{})})}),e(mx,{query:n})]})}const Zl=4,gx="An error occurred. Please try resetting again.";function px({resetToken:n}){const a=Ce(),[l,t]=y.useState(null),[i,r]=y.useState(!1),s=y.useCallback(async({resetToken:p,newPassword:g})=>{t(null),r(!0);try{const u=await fetch(aa("/auth/password-reset"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({token:p,password:g})});if(!u.ok){const f=await u.text();t(f);return}}catch{t(gx);return}finally{r(()=>!1)}a(`/login?message=${encodeURIComponent("Password has been reset.")}`)},[t,a]),{control:d,handleSubmit:c,formState:{isDirty:m}}=on({defaultValues:{resetToken:n,newPassword:"",confirmPassword:""}});return o(Z,{children:[l?e(v,{paddingBottom:"size-100",children:e(Ie,{variant:"danger",children:l})}):null,o(Ut,{onSubmit:c(s),children:[e(H,{name:"newPassword",control:d,rules:{required:"Password is required",minLength:{value:Zl,message:`Password must be at least ${Zl} characters`}},render:({field:{name:p,onChange:g,onBlur:u,value:f},fieldState:{invalid:h,error:k}})=>o(de,{type:"password",isRequired:!0,name:p,isInvalid:h,id:"new-password",autoComplete:"new-password",onChange:g,onBlur:u,defaultValue:f,children:[e(G,{children:"New Password"}),e(ie,{}),k?e(Fe,{children:k==null?void 0:k.message}):o(C,{slot:"description",children:["Password must be at least ",Zl," characters"]})]})}),e(H,{name:"confirmPassword",control:d,rules:{required:"Password is required",minLength:{value:Zl,message:`Password must be at least ${Zl} characters`},validate:(p,g)=>p===g.newPassword||"Passwords do not match"},render:({field:{name:p,onChange:g,onBlur:u,value:f},fieldState:{invalid:h,error:k}})=>o(de,{type:"password",isRequired:!0,name:p,isInvalid:h,onChange:g,onBlur:u,defaultValue:f,children:[e(G,{children:"Confirm Password"}),e(ie,{}),k?e(Fe,{children:k==null?void 0:k.message}):e(C,{slot:"description",children:"Confirm the new password"})]})}),e("div",{css:T`
|
|
8014
8014
|
margin-top: var(--ac-global-dimension-size-200);
|
|
8015
8015
|
margin-bottom: var(--ac-global-dimension-size-50);
|
|
8016
8016
|
button {
|
|
@@ -8030,13 +8030,13 @@ fragment ResetPasswordFormQuery on Query {
|
|
|
8030
8030
|
id
|
|
8031
8031
|
}
|
|
8032
8032
|
}
|
|
8033
|
-
`}}}();Xy.hash="17bb397eaa3a44dd33996854e538f2ef";async function s4(){const n=await K.fetchQuery(Ke,Xy,{}).toPromise();return n!=null&&n.viewer?n:Ua("/login")}function yx({onResetSent:n}){const[a,l]=y.useState(null),[t,i]=y.useState(!1),r=y.useCallback(async c=>{l(null),i(!0);const m={...c,email:c.email.trim().toLowerCase()};try{const p=await fetch(aa("/auth/password-reset-email"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)});if(!p.ok){const g=await p.text();l(g);return}n()}finally{i(()=>!1)}},[n,l]),{control:s,handleSubmit:d}=on({defaultValues:{email:""}});return o(
|
|
8033
|
+
`}}}();Xy.hash="17bb397eaa3a44dd33996854e538f2ef";async function s4(){const n=await K.fetchQuery(Ke,Xy,{}).toPromise();return n!=null&&n.viewer?n:Ua("/login")}function yx({onResetSent:n}){const[a,l]=y.useState(null),[t,i]=y.useState(!1),r=y.useCallback(async c=>{l(null),i(!0);const m={...c,email:c.email.trim().toLowerCase()};try{const p=await fetch(aa("/auth/password-reset-email"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)});if(!p.ok){const g=await p.text();l(g);return}n()}finally{i(()=>!1)}},[n,l]),{control:s,handleSubmit:d}=on({defaultValues:{email:""}});return o(Z,{children:[a?e(v,{paddingBottom:"size-100",children:e(Ie,{variant:"danger",children:a})}):null,o(Kn,{onSubmit:d(r),children:[e(H,{name:"email",control:s,render:({field:{onChange:c,value:m,onBlur:p}})=>o(de,{name:"email",isRequired:!0,type:"email",onChange:c,onBlur:p,value:m,children:[e(G,{children:"Email"}),e(ie,{placeholder:"your email address"}),e(C,{slot:"description",children:"Enter the email address associated with your account."})]})}),e("div",{css:T`
|
|
8034
8034
|
margin-top: var(--ac-global-dimension-size-200);
|
|
8035
8035
|
margin-bottom: var(--ac-global-dimension-size-50);
|
|
8036
8036
|
button {
|
|
8037
8037
|
width: 100%;
|
|
8038
8038
|
}
|
|
8039
|
-
`,children:e(M,{variant:"primary",type:"submit",isDisabled:t,children:t?"Sending...":"Send"})})]})]})}function d4(){const[n,a]=y.useState(!1),l=n?o(b,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-100",children:[e(oe,{level:1,children:"Check your email"}),e("p",{children:"Thanks! If an account with that email address exists, we sent you a link to reset your password."})]}):o(
|
|
8039
|
+
`,children:e(M,{variant:"primary",type:"submit",isDisabled:t,children:t?"Sending...":"Send"})})]})]})}function d4(){const[n,a]=y.useState(!1),l=n?o(b,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-100",children:[e(oe,{level:1,children:"Check your email"}),e("p",{children:"Thanks! If an account with that email address exists, we sent you a link to reset your password."})]}):o(Z,{children:[o(b,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-100",children:[e(oe,{level:1,children:"Forgot Password"}),e("p",{children:`Enter the email address associated with your account and we'll send you
|
|
8040
8040
|
a link to reset your password.`})]}),e(yx,{onResetSent:()=>a(!0)})]});return e(vt,{children:o("div",{css:T`
|
|
8041
8041
|
& a {
|
|
8042
8042
|
text-align: center;
|
|
@@ -8121,7 +8121,7 @@ fragment APIKeysTableFragment on User {
|
|
|
8121
8121
|
}
|
|
8122
8122
|
id
|
|
8123
8123
|
}
|
|
8124
|
-
`}}}();nf.hash="6c32098d55e4cba859dcec73f3ccd28c";const af=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:nf,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"APIKeysTableFragment",selections:[{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKeys",plural:!0,selections:[n,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null},n],type:"User",abstractKey:null}}();af.hash="6c32098d55e4cba859dcec73f3ccd28c";const us=70;function hx({query:n}){const[a,l]=K.useRefetchableFragment(af,n),t=ve(),[i]=K.useMutation(ef),r=y.useCallback(g=>{i({variables:{input:{id:g}},onCompleted:()=>{t({title:"API key deleted",message:"The key has been deleted and is no longer active."}),y.startTransition(()=>{l({},{fetchPolicy:"network-only"})})}})},[i,t,l]),s=y.useMemo(()=>[...a.apiKeys],[a]),d=y.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:dn},{header:"Description",accessorKey:"description",cell:dn},{header:"Created At",accessorKey:"createdAt",size:us,cell:Ne},{header:"Expires At",accessorKey:"expiresAt",size:us,cell:Ne},{header:"",accessorKey:"id",size:10,cell:({row:u})=>e(b,{direction:"row",justifyContent:"end",width:"100%",children:e(dr,{handleDelete:()=>{r(u.original.id)}})}),meta:{textAlign:"right"}}],[r]),c=Me({columns:d,data:s,getCoreRowModel:Ve()}),m=c.getRowModel().rows,p=c.getRowModel().rows.length===0;return o("table",{css:hn,children:[e("thead",{children:c.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(u=>e("th",{colSpan:u.colSpan,children:u.isPlaceholder?null:o("div",{className:u.column.getCanSort()?"sort":"",onClick:u.column.getToggleSortingHandler(),style:{left:u.getStart(),width:u.getSize()},children:[ee(u.column.columnDef.header,u.getContext()),u.column.getIsSorted()?e(x,{className:"sort-icon",svg:u.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]})},u.id))},g.id))}),p?e(wn,{message:"No Keys"}):e("tbody",{children:m.map(g=>e("tr",{children:g.getVisibleCells().map(u=>e("td",{children:ee(u.column.columnDef.cell,u.getContext())},u.id))},g.id))})]})}function kx({viewer:n}){var d;const[a,l]=y.useState(null),t=Pe(),[i,r]=K.useMutation(Yy),s=y.useCallback((c,m)=>{var p;i({variables:{input:{...c,expiresAt:((p=c.expiresAt)==null?void 0:p.toDate(Al()).toISOString())||null}},onCompleted:g=>{m(),l(g)},onError:g=>{t({title:"Error creating API key",message:g.message})}})},[i,t]);return o(
|
|
8124
|
+
`}}}();nf.hash="6c32098d55e4cba859dcec73f3ccd28c";const af=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:nf,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"APIKeysTableFragment",selections:[{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKeys",plural:!0,selections:[n,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null},n],type:"User",abstractKey:null}}();af.hash="6c32098d55e4cba859dcec73f3ccd28c";const us=70;function hx({query:n}){const[a,l]=K.useRefetchableFragment(af,n),t=ve(),[i]=K.useMutation(ef),r=y.useCallback(g=>{i({variables:{input:{id:g}},onCompleted:()=>{t({title:"API key deleted",message:"The key has been deleted and is no longer active."}),y.startTransition(()=>{l({},{fetchPolicy:"network-only"})})}})},[i,t,l]),s=y.useMemo(()=>[...a.apiKeys],[a]),d=y.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:dn},{header:"Description",accessorKey:"description",cell:dn},{header:"Created At",accessorKey:"createdAt",size:us,cell:Ne},{header:"Expires At",accessorKey:"expiresAt",size:us,cell:Ne},{header:"",accessorKey:"id",size:10,cell:({row:u})=>e(b,{direction:"row",justifyContent:"end",width:"100%",children:e(dr,{handleDelete:()=>{r(u.original.id)}})}),meta:{textAlign:"right"}}],[r]),c=Me({columns:d,data:s,getCoreRowModel:Ve()}),m=c.getRowModel().rows,p=c.getRowModel().rows.length===0;return o("table",{css:hn,children:[e("thead",{children:c.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(u=>e("th",{colSpan:u.colSpan,children:u.isPlaceholder?null:o("div",{className:u.column.getCanSort()?"sort":"",onClick:u.column.getToggleSortingHandler(),style:{left:u.getStart(),width:u.getSize()},children:[ee(u.column.columnDef.header,u.getContext()),u.column.getIsSorted()?e(x,{className:"sort-icon",svg:u.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]})},u.id))},g.id))}),p?e(wn,{message:"No Keys"}):e("tbody",{children:m.map(g=>e("tr",{children:g.getVisibleCells().map(u=>e("td",{children:ee(u.column.columnDef.cell,u.getContext())},u.id))},g.id))})]})}function kx({viewer:n}){var d;const[a,l]=y.useState(null),t=Pe(),[i,r]=K.useMutation(Yy),s=y.useCallback((c,m)=>{var p;i({variables:{input:{...c,expiresAt:((p=c.expiresAt)==null?void 0:p.toDate(Al()).toISOString())||null}},onCompleted:g=>{m(),l(g)},onError:g=>{t({title:"Error creating API key",message:g.message})}})},[i,t]);return o(Z,{children:[e(U,{title:"API Keys",extra:o(W,{children:[e(M,{size:"S",leadingVisual:e(x,{svg:e(wa,{})}),children:"New Key"}),e(Y,{children:e(X,{size:"M",children:e(_s,{onSubmit:s,isCommitting:r})})})]}),children:e(hx,{query:n})}),e(W,{isOpen:!!a,onOpenChange:()=>l(null),children:e(Y,{children:e(X,{size:"L",children:e(As,{jwt:((d=a==null?void 0:a.createUserApiKey)==null?void 0:d.jwt)??""})})})})]})}const lf=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"UserMutationPayload",kind:"LinkedField",name:"patchViewer",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ViewerProfileCardMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ViewerProfileCardMutation",selections:a},params:{cacheID:"03f161df42c71b5924a8ee665e01cdce",id:null,metadata:{},name:"ViewerProfileCardMutation",operationKind:"mutation",text:`mutation ViewerProfileCardMutation(
|
|
8125
8125
|
$input: PatchViewerInput!
|
|
8126
8126
|
) {
|
|
8127
8127
|
patchViewer(input: $input) {
|
|
@@ -8256,7 +8256,7 @@ fragment PromptsTable_prompts on Query {
|
|
|
8256
8256
|
}
|
|
8257
8257
|
}
|
|
8258
8258
|
}
|
|
8259
|
-
`}}}();sf.hash="af218c6f8442ad552dd44771a2d55275";function Fx({promptId:n,onDeleted:a}){const[l,t]=K.useMutation(sf),i=ve(),r=Pe(),s=y.useCallback(()=>{l({variables:{promptId:n},onCompleted:()=>{i({title:"Delete Successful",message:"Prompt has been deleted."}),a()},onError:d=>{r({title:"Failed to delete prompt",message:d.message})}})},[l,r,i,a,n]);return e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Delete Prompt"}),e(pe,{children:e(ye,{slot:"close"})})]}),e(v,{padding:"size-200",children:e(C,{color:"danger",children:"Are you sure you want to delete this prompt? This action cannot be undone and all services dependent on this prompt will be affected."})}),e(v,{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(M,{variant:"default",slot:"close",size:"S",children:"Cancel"}),e(M,{variant:"danger",onPress:()=>{s()},size:"S",isDisabled:t,children:"Delete Prompt"})]})})]})})}function Tx({onDeleted:n,promptId:a}){const[l,t]=y.useState(!1),i=y.useCallback(()=>{t(!0)},[]);return o(gt,{children:[e(Ya,{align:"end","aria-label":"User Actions",buttonSize:"compact",onAction:r=>{switch(r){case"DELETE":i();break}},children:e(tn,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(un,{})}),e(
|
|
8259
|
+
`}}}();sf.hash="af218c6f8442ad552dd44771a2d55275";function Fx({promptId:n,onDeleted:a}){const[l,t]=K.useMutation(sf),i=ve(),r=Pe(),s=y.useCallback(()=>{l({variables:{promptId:n},onCompleted:()=>{i({title:"Delete Successful",message:"Prompt has been deleted."}),a()},onError:d=>{r({title:"Failed to delete prompt",message:d.message})}})},[l,r,i,a,n]);return e(J,{children:o(ce,{children:[o(ue,{children:[e(me,{children:"Delete Prompt"}),e(pe,{children:e(ye,{slot:"close"})})]}),e(v,{padding:"size-200",children:e(C,{color:"danger",children:"Are you sure you want to delete this prompt? This action cannot be undone and all services dependent on this prompt will be affected."})}),e(v,{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(M,{variant:"default",slot:"close",size:"S",children:"Cancel"}),e(M,{variant:"danger",onPress:()=>{s()},size:"S",isDisabled:t,children:"Delete Prompt"})]})})]})})}function Tx({onDeleted:n,promptId:a}){const[l,t]=y.useState(!1),i=y.useCallback(()=>{t(!0)},[]);return o(gt,{children:[e(Ya,{align:"end","aria-label":"User Actions",buttonSize:"compact",onAction:r=>{switch(r){case"DELETE":i();break}},children:e(tn,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(x,{svg:e(un,{})}),e(Z,{children:"Delete"})]})},"DELETE")}),e(W,{isOpen:l,onOpenChange:t,children:e(X,{children:e(Fx,{promptId:a,onDeleted:()=>{n(),t(!1)}})})})]})}function Kx(){const n=Ce();return e(v,{width:"100%",paddingY:"size-400",children:e(b,{direction:"column",width:"100%",alignItems:"center",justifyContent:"center",children:e(v,{width:"100%",maxWidth:"780px",children:o(b,{direction:"column",gap:"size-400",alignItems:"center",children:[e(C,{size:"XL",children:"Create and manage prompt templates for your AI applications."}),e(xr,{src:"https://storage.googleapis.com/arize-phoenix-assets/assets/videos/prompts.mp4",autoPlay:!0,muted:!0,loop:!0}),o(b,{direction:"row",gap:"size-200",children:[e(xl,{href:"https://arize.com/docs/phoenix/prompt-engineering/quickstart-prompts/quickstart-prompts-ui",target:"_blank",leadingVisual:e(x,{svg:e(Lr,{})}),children:"Documentation"}),e(M,{variant:"primary",leadingVisual:e(x,{svg:e(nl,{})}),onPress:()=>n("/playground"),children:"Playground"})]})]})})})})}const Px=100;function Ix(n){const{searchFilter:a}=n,l=Ce(),t=y.useRef(null),i=y.useMemo(()=>({filter:a.trim()?{value:a,col:"name"}:null}),[a]),{data:r,loadNext:s,hasNext:d,isLoadingNext:c,refetch:m}=K.usePaginationFragment(of,n.query);y.useEffect(()=>{y.startTransition(()=>{m(i,{fetchPolicy:"store-and-network"})})},[m,i]);const p=y.useMemo(()=>r.prompts.edges.map(S=>({lastUpdatedAt:S.prompt.version.createdAt,...S.prompt})),[r]),g=y.useCallback(S=>{if(S){const{scrollHeight:F,scrollTop:P,clientHeight:L}=S;F-P-L<300&&!c&&d&&s(Px,{UNSTABLE_extraVariables:i})}},[d,c,s,i]),u=y.useMemo(()=>[{header:"name",accessorKey:"name",cell:({row:F})=>e(sn,{to:`${F.original.id}`,children:F.original.name})},{header:"description",accessorKey:"description",cell:dn},{header:"created at",accessorKey:"createdAt",cell:Ne},{header:"last updated",accessorKey:"lastUpdatedAt",cell:Ne},{id:"actions",header:"",size:5,accessorKey:"id",cell:({row:F})=>o(b,{direction:"row",gap:"size-100",justifyContent:"end",width:"100%",children:[e(gt,{children:e(Ea,{leadingVisual:e(x,{svg:e(nl,{})}),size:"S","aria-label":"Open in playground",to:`${F.original.id}/playground`,children:"Playground"})}),e(Tx,{promptId:F.original.id,onDeleted:()=>{m(i,{fetchPolicy:"network-only"})}})]})}],[m,i]),f=Me({columns:u,data:p,getCoreRowModel:Ve(),getSortedRowModel:Tn()}),h=f.getRowModel().rows;return h.length===0?e(Kx,{}):e("div",{css:T`
|
|
8260
8260
|
flex: 1 1 auto;
|
|
8261
8261
|
overflow: auto;
|
|
8262
8262
|
`,onScroll:S=>g(S.target),ref:t,children:o("table",{css:Ka,children:[e("thead",{children:f.getHeaderGroups().map(S=>e("tr",{children:S.headers.map(F=>{var P;return e("th",{colSpan:F.colSpan,children:F.isPlaceholder?null:o("div",{className:F.column.getCanSort()?"sort":"","aria-role":F.column.getCanSort()?"button":null,onClick:F.column.getToggleSortingHandler(),style:{textAlign:(P=F.column.columnDef.meta)==null?void 0:P.textAlign},children:[ee(F.column.columnDef.header,F.getContext()),F.column.getIsSorted()?e(x,{className:"sort-icon",svg:F.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]})},F.id)})},S.id))}),e("tbody",{children:h.map(S=>e("tr",{onClick:()=>{l(`${S.original.id}`)},children:S.getVisibleCells().map(F=>{var P;return e("td",{align:(P=F.column.columnDef.meta)==null?void 0:P.textAlign,children:ee(F.column.columnDef.cell,F.getContext())},F.id)})},S.id))})]})})}function y4(){const[n,a]=y.useState(""),l=rn();return Ue(l),o(b,{direction:"column",height:"100%",children:[e(v,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"grey-200",flex:"none",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",children:[e(gi,{"aria-label":"Search prompts by name",onChange:a,placeholder:"Search prompts by name"}),e(Ea,{size:"M",leadingVisual:e(x,{svg:e(mr,{})}),variant:"primary",to:"/playground",children:"New Prompt"})]})}),e(Ix,{query:l,searchFilter:n})]})}const df=function(){var n=[{kind:"Literal",name:"first",value:100}],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null};return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"promptsLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"PromptsTable_prompts"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"promptsLoaderQuery",selections:[{alias:null,args:n,concreteType:"PromptConnection",kind:"LinkedField",name:"prompts",plural:!1,selections:[{alias:null,args:null,concreteType:"PromptEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"prompt",args:null,concreteType:"Prompt",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:"description",storageKey:null},l,{alias:null,args:null,concreteType:"PromptVersion",kind:"LinkedField",name:"version",plural:!1,selections:[l,a],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Prompt",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},a],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:"prompts(first:100)"},{alias:null,args:n,filters:["filter"],handle:"connection",key:"PromptsTable_prompts",kind:"LinkedHandle",name:"prompts"}]},params:{cacheID:"9a3e6a185a7a63d9d2c115e80e22b495",id:null,metadata:{},name:"promptsLoaderQuery",operationKind:"query",text:`query promptsLoaderQuery {
|
|
@@ -8540,12 +8540,12 @@ fragment PromptVersionTagsConfigCard_data on Prompt {
|
|
|
8540
8540
|
promptVersionId
|
|
8541
8541
|
}
|
|
8542
8542
|
}
|
|
8543
|
-
`}}}();mf.hash="58fa5b2b6e7af186229c70b90082644a";function xx({promptVersionTagId:n,promptId:a}){const[l,t]=y.useState(!1),i=ve(),[r,s]=K.useMutation(mf);return o(W,{isOpen:l,onOpenChange:t,children:[e(M,{"aria-label":"Delete tag",size:"S",leadingVisual:e(x,{svg:e(un,{})})}),e(Y,{children:e(
|
|
8543
|
+
`}}}();mf.hash="58fa5b2b6e7af186229c70b90082644a";function xx({promptVersionTagId:n,promptId:a}){const[l,t]=y.useState(!1),i=ve(),[r,s]=K.useMutation(mf);return o(W,{isOpen:l,onOpenChange:t,children:[e(M,{"aria-label":"Delete tag",size:"S",leadingVisual:e(x,{svg:e(un,{})})}),e(Y,{children:e(X,{size:"S",children:o(J,{children:[e(oe,{slot:"title",children:"Delete Tag"}),e(v,{padding:"size-200",children:e(v,{paddingBottom:"size-100",children:e(C,{color:"danger",size:"XS",children:"Are you sure you want to delete this tag? This will make pulling prompts by this tag no longer possible. Make sure this tag is not used before deleting."})})}),e(v,{paddingX:"size-200",paddingY:"size-100",borderTopWidth:"thin",borderColor:"light",children:o(b,{gap:"size-100",justifyContent:"end",children:[e(M,{size:"S",onPress:()=>t(!1),children:"Cancel"}),e(M,{variant:"danger",size:"S",onPress:()=>r({variables:{input:{promptVersionTagId:n},promptId:a},onCompleted:()=>{i({title:"Tag Deleted",message:"The tag has been deleted"})}}),children:s?"Deleting...":"Delete Tag"})]})})]})})})]})}function Lx({prompt:n}){const a=K.useFragment(uf,n),l=y.useMemo(()=>[{header:"Name",accessorKey:"name"},{header:"Description",accessorKey:"description",cell:dn},{header:"Version",accessorKey:"promptVersionId",cell:({row:d})=>{const{promptId:c,promptVersionId:m}=d.original;return e(sn,{to:`/prompts/${c}/versions/${m}`,children:d.original.promptVersionId})}},{id:"actions",header:"",size:5,accessorKey:"id",cell:({row:d})=>e(b,{direction:"row",gap:"size-100",justifyContent:"end",width:"100%",children:e(xx,{promptVersionTagId:d.original.id,promptId:d.original.promptId},d.original.id)})}],[]),t=y.useMemo(()=>a.versionTags.map(d=>({id:d.id,name:d.name,description:d.description,promptId:a.id,promptVersionId:d.promptVersionId})),[a]),i=Me({columns:l,data:t,getCoreRowModel:Ve(),getSortedRowModel:Tn()}),r=i.getRowModel().rows,s=r.length===0;return e(U,{title:"Tags",children:o("table",{css:hn,children:[e("thead",{children:i.getHeaderGroups().map(d=>e("tr",{children:d.headers.map(c=>e("th",{colSpan:c.colSpan,children:c.isPlaceholder?null:o("div",{className:c.column.getCanSort()?"sort":"",onClick:c.column.getToggleSortingHandler(),style:{left:c.getStart(),width:c.getSize()},children:[ee(c.column.columnDef.header,c.getContext()),c.column.getIsSorted()?e(x,{className:"sort-icon",svg:c.column.getIsSorted()==="asc"?e(kn,{}):e(bn,{})}):null]})},c.id))},d.id))}),s?e(wn,{message:"No Tags"}):e("tbody",{children:r.map(d=>e("tr",{children:d.getVisibleCells().map(c=>e("td",{children:ee(c.column.columnDef.cell,c.getContext())},c.id))},d.id))})]})})}function k4(){const n=rn();return Ue(n),e(b,{direction:"row",height:"100%",children:e(v,{height:"100%",overflow:"auto",width:"100%","data-testid":"scroll-container",children:e(v,{padding:"size-200",children:e(b,{direction:"column",gap:"size-200",marginStart:"auto",marginEnd:"auto",maxWidth:900,children:e(Lx,{prompt:n.prompt})})})})})}function gf(){return"FS"in window}function Dx(n){if(window.Config.basename){let a=window.Config.basename;return a=a.replace(/^\/+|\/+$/g,"").replace(/\//g,"-"),`${a}-${n}`}return n}function _x(n){if(gf())try{FS("setIdentity",{uid:Dx(n.uid),properties:{displayName:n.displayName,email:n.email}})}catch(a){console.error("Error setting FullStory identity",a)}}const pf=function(){var n=[{alias:null,args:null,concreteType:"ServerStatus",kind:"LinkedField",name:"serverStatus",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"insufficientStorage",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"StorageAlertQuery",selections:n,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"StorageAlertQuery",selections:n},params:{cacheID:"f9f3d6dcbdc1417ed8012eebb951f0e2",id:null,metadata:{},name:"StorageAlertQuery",operationKind:"query",text:`query StorageAlertQuery {
|
|
8544
8544
|
serverStatus {
|
|
8545
8545
|
insufficientStorage
|
|
8546
8546
|
}
|
|
8547
8547
|
}
|
|
8548
|
-
`}}}();pf.hash="5c04da349a0a5767c71ce3cb72ee8d17";const Ax=pf;function wx(){const n=K.useLazyLoadQuery(Ax,{}),[a,l]=y.useState(!1);return!n.serverStatus.insufficientStorage||a?null:o(Ie,{variant:"danger",banner:!0,dismissable:!0,onDismissClick:()=>l(!0),children:["Due to insufficient storage, most operations are restricted.",window.Config.supportEmail&&o(
|
|
8548
|
+
`}}}();pf.hash="5c04da349a0a5767c71ce3cb72ee8d17";const Ax=pf;function wx(){const n=K.useLazyLoadQuery(Ax,{}),[a,l]=y.useState(!1);return!n.serverStatus.insufficientStorage||a?null:o(Ie,{variant:"danger",banner:!0,dismissable:!0,onDismissClick:()=>l(!0),children:["Due to insufficient storage, most operations are restricted.",window.Config.supportEmail&&o(Z,{children:[" Contact ",e("a",{href:`mailto:${window.Config.supportEmail}`,children:window.Config.supportEmail})," for assistance."]})]})}const Ex=T`
|
|
8549
8549
|
position: absolute;
|
|
8550
8550
|
top: 0;
|
|
8551
8551
|
left: 0;
|