arize-phoenix 8.26.0__py3-none-any.whl → 8.26.1__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-8.26.0.dist-info → arize_phoenix-8.26.1.dist-info}/METADATA +1 -1
- {arize_phoenix-8.26.0.dist-info → arize_phoenix-8.26.1.dist-info}/RECORD +12 -12
- phoenix/server/api/mutations/user_mutations.py +2 -0
- phoenix/server/static/.vite/manifest.json +9 -9
- phoenix/server/static/assets/{components-B5CAbHpr.js → components-DmH2nzTG.js} +2 -2
- phoenix/server/static/assets/{index-DIP5WhNE.js → index-DUz8l5vF.js} +2 -2
- phoenix/server/static/assets/{pages-cfOsoZi6.js → pages-CtpN7ilQ.js} +209 -209
- phoenix/version.py +1 -1
- {arize_phoenix-8.26.0.dist-info → arize_phoenix-8.26.1.dist-info}/WHEEL +0 -0
- {arize_phoenix-8.26.0.dist-info → arize_phoenix-8.26.1.dist-info}/entry_points.txt +0 -0
- {arize_phoenix-8.26.0.dist-info → arize_phoenix-8.26.1.dist-info}/licenses/IP_NOTICE +0 -0
- {arize_phoenix-8.26.0.dist-info → arize_phoenix-8.26.1.dist-info}/licenses/LICENSE +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{A as w,b5 as fe,b6 as Ae,b7 as ze,b8 as Tt,B as Dt,r as m,j as e,R as he,u as ut,w as I,l as s,aA as Le,aB as In,aD as we,aE as J,S as W,T as re,b9 as qe,ba as Je,ad as Dl,bb as Fi,ac as Qe,ah as ln,ag as G,U as xe,P as U,ax as ie,E as F,bc as Te,aI as ue,bd as Be,be as hm,a8 as _t,ay as Ca,a9 as Lt,bf as gn,bg as km,aJ as bm,bh as Sm,H as Ki,bi as mt,aP as _e,aO as Cn,bj as yn,bk as xn,m as gr,$ as vm,F as Ti,K as Cm,bl as Fm,bm as dl,bn as cl,bo as Ga,q as pt,bp as Km,aU as yr,bq as Tm,br as Pi,bs as Pm,bt as Im,bu as xm,bv as Dm,bw as _m,bx as Lm,by as wm,bz as Em,bA as Rm,bB as it,D as Mm,bC as Vm,bD as bt,g as fr,bE as Am,aF as _l,bF as hr,bG as kr,bH as zm,ai as Nm,bI as $m,ae as Om,af as Qm,bJ as jm,n as qm}from"./vendor-DCvpCpca.js";import{c as Z,D as ae,C as B,t as Ll,h as Dn,b as wt,L as Et,v as Rt,w as br,o as wl,P as Va,f as Oe,g as la,T as ve,E as Mt,q as ia,r as Aa,a as $e,d as ra,x as Fa,s as Vt,y as Bm,i as At,z as Um,A as Hm,B as Gm,G as El,H as Rl,u as Wm,J as Jm}from"./vendor-arizeai-Ce3Kd6MM.js";import{s as Zm,l as Xm,j as Ml,a as Ve,i as Vl,b as Ym,c as ep,d as ea,e as Fn,f as Sr,D as vr,g as Zn,h as tt,k as np,m as Ce,T as nn,n as ap,o as Al,p as Ii,q as tp,r as xi,t as lp,u as ip,v as rp,G as zt,_ as h,w as v,x as V,I as _,E as gt,y as dn,z as C,A as X,R as Ke,B as Ie,C as ke,F as De,H as Ee,J as Re,K as cn,L as un,M as mn,N as zl,O as Fe,P as _n,Q as Cr,S as He,U as ne,V as ce,W as Ge,X as Fr,Y as It,Z as Ne,$ as zn,a0 as sp,a1 as Ye,a2 as Kr,a3 as Fl,a4 as Nl,a5 as op,a6 as dp,a7 as Kl,a8 as St,a9 as oe,aa as Tr,ab as cp,ac as up,ad as pn,ae as mp,af as En,ag as pp,ah as Pr,ai as Nt,aj as Ka,ak as $l,al as Ol,am as Ir,an as gp,ao as yp,ap as fp,aq as hp,ar as kp,as as bp,at as Sp,au as rt,av as vp,aw as me,ax as Tl,ay as pe,az as ge,aA as an,aB as Cp,aC as Fp,aD as Kp,aE as rn,aF as se,aG as xr,aH as Tp,aI as Pp,aJ as Ip,aK as $t,aL as Ot,aM as Dr,aN as xp,aO as Dp,aP as _p,aQ as Qt,aR as Lp,aS as _r,aT as La,aU as st,aV as Ze,aW as wp,aX as Ql,aY as fn,aZ as Ep,a_ as Rp,a$ as Mp,b0 as Mn,b1 as Se,b2 as Ue,b3 as We,b4 as Lr,b5 as sa,b6 as Me,b7 as za,b8 as Nn,b9 as Vn,ba as jt,bb as Na,bc as Ta,bd as wr,be as sn,bf as Er,bg as Vp,bh as jl,bi as fa,bj as Ap,bk as Gn,bl as zp,bm as Np,bn as ql,bo as qt,bp as $n,bq as oa,br as Di,bs as _i,bt as $p,bu as Op,bv as Qp,bw as $a,bx as jp,by as qp,bz as ot,bA as Bp,bB as lt,bC as Kn,bD as Xn,bE as Bt,bF as Ut,bG as On,bH as Up,bI as Hp,bJ as on,bK as Tn,bL as ka,bM as Bl,bN as Rr,bO as Ul,bP as Gp,bQ as Wp,bR as Jp,bS as Hl,bT as Mr,bU as Vr,bV as Ar,bW as Xe,bX as zr,bY as Nr,bZ as Pl,b_ as Zp,b$ as Gl,c0 as Wl,c1 as $r,c2 as Xp,c3 as Yp,c4 as eg,c5 as Jl,c6 as ng,c7 as ag,c8 as Zl,c9 as tg,ca as Or,cb as lg,cc as ig,cd as rg,ce as sg,cf as og,cg as dg,ch as cg,ci as Ht,cj as ug,ck as mg,cl as Qr,cm as jr,cn as Li,co as pg,cp as Ln,cq as Qn,cr as Xl,cs as qr,ct as Br,cu as wi,cv as Ei,cw as gg,cx as yg,cy as H,cz as Ur,cA as Gt,cB as Wt,cC as Oa,cD as Hr,cE as Qa,cF as ja,cG as Gr,cH as jn,cI as Jt,cJ as fg,cK as hg,cL as kg,cM as bg,cN as Sg,cO as vg,cP as Cg,cQ as ba,cR as Wr,cS as Fg,cT as Kg,cU as Ri,cV as Tg,cW as Pg,cX as Ig,cY as xg,cZ as Dg,c_ as _g,c$ as Jr,d0 as Lg,d1 as wg,d2 as Eg,d3 as Rg,d4 as Sa,d5 as Yl,d6 as Zr,d7 as _a,d8 as Zt,d9 as Xr,da as Yr,db as ul,dc as Mg,dd as es,de as Vg,df as ei,dg as Xt,dh as kn,di as Ag,dj as ns,dk as zg,dl as Ng,dm as as,dn as ts,dp as $g,dq as Og,dr as ls,ds as Qg,dt as na,du as jg,dv as qg,dw as Mi,dx as Bg,dy as Ug,dz as Hg,dA as Gg,dB as Wg,dC as ml,dD as Jg,dE as wa,dF as Zg,dG as Xg,dH as Yg,dI as ey,dJ as Yt,dK as is,dL as Vi,dM as ny,dN as ay,dO as ty,dP as ly,dQ as rs,dR as ss,dS as iy,dT as ry,dU as sy,dV as Ai,dW as zi}from"./components-B5CAbHpr.js";import{g as da,i as ca,d as oy,E as os,R as ua,k as ni,b as dy,p as yt,n as ds}from"./vendor-codemirror-CoZ2wzq8.js";import{P as cs,C as us,T as qn,a as ms,R as Bn,b as ft,X as ma,Y as Pn,c as pa,B as Ra,A as dt,d as ps,e as ai,L as gs,f as cy}from"./vendor-recharts-Bv0CPtHC.js";const uy=4,my={user:["user","human"],ai:["assistant","bot","ai"],system:["system"],tool:["tool"]},py="Unable to parse span input messages, expected messages which include a role and content.",gy="Unable to parse span output messages, expected messages which include a role and content.",yy="Unable to parse span output expected output.value to be present.",fy="Unable to parse span attributes, attributes must be valid JSON.",hy="Unable to parse model config, expected llm.model_name to be present.",ky="Unable to parse model config, expected llm.invocation_parameters JSON string to be present.",by="Unable to parse invocation parameters response_format, expected llm.invocation_parameters.response_format to be a well formed json object or undefined.",Sy="Unable to parse tools, expected tools to be an array of valid tools.",vy="Unable to parse prompt template variables, expected prompt template variables to be a valid JSON object string.",Ni={AZURE_OPENAI:[],ANTHROPIC:["claude"],OPENAI:["gpt","o1"],GOOGLE:["gemini"]},Yn="TOOL_CHOICE",Ea="tool_choice",vn="RESPONSE_FORMAT",bn="response_format",Cy=[Yn,vn],Fy=w.object({tool_call:w.object({id:w.string().optional(),function:w.object({name:w.string(),arguments:w.string()}).partial()}).partial()}).partial(),ys=w.object({[fe.message]:w.object({[Ae.role]:w.string(),[Ae.content]:w.union([w.string(),w.array(w.record(w.string(),w.unknown()))]).default(""),[Ae.tool_calls]:w.array(Fy).optional(),[Ae.tool_call_id]:w.string().optional()})}),Ky=w.object({[fe.llm]:w.object({[ze.input_messages]:w.array(ys)})}),Ty=w.object({[fe.llm]:w.object({[ze.output_messages]:w.array(ys)})}),Py=w.object({[fe.output]:w.object({value:w.string()})}),fs=Zm()(w.enum(["user","ai","system","tool"])),Iy=w.object({id:w.number(),role:fs,content:w.string().optional(),toolCallId:w.string().optional(),toolCalls:w.array(Xm).optional()}),xy=w.array(Iy),hs=w.lazy(()=>w.record(Ml)),Dy=hs,ks=w.string().transform((n,a)=>{const{json:t}=Ve(n);if(!Vl(t))return a.addIssue({code:w.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),w.NEVER;const{success:l,data:i}=Dy.safeParse(t);return l?i:(a.addIssue({code:w.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),w.NEVER)}).default("{}"),_y=w.object({[fe.llm]:w.object({[ze.provider]:w.string().optional(),[ze.model_name]:w.string()})}),bs=w.object({[fe.llm]:w.object({[ze.invocation_parameters]:ks})}),Ly=w.object({[fe.llm]:w.object({[ze.invocation_parameters]:ks.pipe(w.object({response_format:hs.optional()}))})}),wy=w.object({url:w.object({full:w.string(),path:w.string().optional()})}),Ey=w.string().transform((n,a)=>{const{json:t}=Ve(n);return t==null||!Vl(t)?(a.addIssue({code:w.ZodIssueCode.custom,message:"The tool JSON schema must be a valid JSON object"}),w.NEVER):t}).transform((n,a)=>{const{data:t,success:l}=Ym.safeParse(n);return l?t:(a.addIssue({code:w.ZodIssueCode.custom,message:"The tool JSON schema must be a valid tool schema"}),w.NEVER)}),Ry=w.object({[fe.llm]:w.object({[ze.tools]:w.array(w.object({[fe.tool]:w.object({[Tt.json_schema]:Ey})}).optional()).optional()}).optional()}).optional(),My=w.lazy(()=>w.object({type:w.literal("json_schema"),json_schema:w.object({name:w.string().describe("The name of the schema"),schema:ep.describe("The schema itself in JSON schema format"),strict:w.literal(!0).describe("The schema must be strict")})})),Vy=Dt(My,{removeAdditionalStrategy:"passthrough"}),Ay=w.string().transform((n,a)=>{const{json:t}=Ve(n);return ea(t)?Object.entries(t).reduce((i,[r,o])=>{if(typeof o=="string")i[r]=o;else{const{json:d}=Fn(o);d!=null&&(i[r]=d)}return i},{}):(a.addIssue({code:w.ZodIssueCode.custom,message:"The prompt template variables must be a valid JSON object"}),w.NEVER)}),zy=w.object({[fe.llm]:w.object({[ze.prompt_template]:w.object({variables:Ay}).optional()}).optional()}).optional();function Ss(n){return fs.safeParse(n).success}function Wn(n){const a=n.toLowerCase();if(Ss(a))return a;for(const[t,l]of Object.entries(my))if(l.includes(a))return t;return np}function Ny({toolCalls:n,provider:a}){if(n!=null)return n.map(({tool_call:t})=>{var i,r,o,d;if(t==null)return null;let l={};if(((i=t.function)==null?void 0:i.arguments)!=null){const{json:c}=Ve(t.function.arguments);ea(c)&&(l=c)}switch(a){case"OPENAI":case"AZURE_OPENAI":return{id:t.id??"",type:"function",function:{name:((r=t.function)==null?void 0:r.name)??"",arguments:l}};case"ANTHROPIC":return{id:t.id??"",type:"tool_use",name:((o=t.function)==null?void 0:o.name)??"",input:l};case"GOOGLE":return{id:t.id??"",function:{name:((d=t.function)==null?void 0:d.name)??"",arguments:l}};default:Ce()}}).filter(t=>t!=null)}function vs({messages:n,provider:a}){return n.map(({message:t})=>({id:Zn(),role:t.tool_call_id!=null?Wn("tool"):Wn(t.role),content:typeof t.content=="string"?t.content:void 0,toolCalls:Ny({provider:a,toolCalls:t.tool_calls}),toolCallId:t.tool_call_id}))}function $y({provider:n,parsedAttributes:a}){var l;const t=Ky.safeParse(a);if(!t.success)return{messageParsingErrors:[py],messages:null};if(n==="ANTHROPIC"){const{success:i,data:r}=bs.safeParse(a);if(i){const o=t.data.llm.input_messages,d=(l=r.llm.invocation_parameters)==null?void 0:l.system;typeof d=="string"&&d&&(!o||o[0].message.role!=="system")&&t.data.llm.input_messages.unshift({message:{role:"system",content:d}})}}return{messageParsingErrors:[],messages:vs({provider:n,messages:t.data.llm.input_messages})}}function Oy({provider:n,parsedAttributes:a}){const t=[],l=Ty.safeParse(a);if(l.success)return{output:vs({provider:n,messages:l.data.llm.output_messages}),outputParsingErrors:t};t.push(gy);const i=Py.safeParse(a);return i.success?{output:i.data.output.value,outputParsingErrors:t}:(t.push(yy),{output:void 0,outputParsingErrors:t})}function Cs(n){if(n==null)return null;switch(n.toLowerCase()){case"openai":return"OPENAI";case"anthropic":return"ANTHROPIC";case"google":return"GOOGLE";case"azure":return"AZURE_OPENAI";default:return null}}function Qy(n){for(const a of Object.keys(Ni))if(Ni[a].some(l=>n.includes(l)))return a;return vr}function jy(n){const{success:a,data:t}=_y.safeParse(n);if(a){const l=Cs(t.llm.provider)||Qy(t.llm.model_name),i=qy(n);return{modelConfig:{...Object.fromEntries(Object.entries(i).filter(([r,o])=>o!==null)),modelName:t.llm.model_name,provider:l,invocationParameters:[],supportedInvocationParameters:[]},parsingErrors:[]}}return{modelConfig:null,parsingErrors:[hy]}}function qy(n){const{success:a,data:t}=wy.safeParse(n);if(a)try{const l=new URL(t.url.full);let i=l;if(t.url.path)try{i=new URL(t.url.full.split(t.url.path)[0])}catch{}return{baseUrl:`${i.origin}${i.pathname}`,endpoint:l.origin,apiVersion:l.searchParams.get("api-version")||null}}catch{}return{baseUrl:null,apiVersion:null,endpoint:null}}function By(n,a=[]){const{success:t,data:l}=bs.safeParse(n),i=[];return t||i.push(ky),{invocationParameters:ef((l==null?void 0:l.llm.invocation_parameters)??{},a),parsingErrors:i}}function Uy(n){const{success:a,data:t}=Ly.safeParse(n);return a?{responseFormat:t.llm.invocation_parameters.response_format,parsingErrors:[]}:{responseFormat:void 0,parsingErrors:[by]}}function Hy(n){var a;return(((a=n==null?void 0:n.llm)==null?void 0:a.tools)??[]).map(t=>(t==null?void 0:t.tool)==null?null:{id:tt(),definition:t.tool.json_schema}).filter(t=>t!=null)}function Gy(n){var l;const{data:a,success:t}=Ry.safeParse(n);return t?((l=a==null?void 0:a.llm)==null?void 0:l.tools)==null?{tools:null,parsingErrors:[]}:{tools:Hy(a),parsingErrors:[]}:{tools:null,parsingErrors:[Sy]}}function Wy(n){var l;const{success:a,data:t}=zy.safeParse(n);return a?((l=t==null?void 0:t.llm)==null?void 0:l.prompt_template)==null?{variables:null,parsingErrors:[]}:{variables:t.llm.prompt_template.variables,parsingErrors:[]}:{variables:null,parsingErrors:[vy]}}function Jy(n){const{instance:a,instanceMessages:t}=Sr(),l={...a,template:{__type:"chat",messages:Object.values(t)}},{json:i,parseError:r}=Ve(n.attributes);if(r)return{playgroundInstance:{...l,spanId:(n==null?void 0:n.id)??null},parsingErrors:[fy]};const o=n.invocationParameters,d=jy(i);let{modelConfig:c}=d;const{parsingErrors:p}=d,{messages:y,messageParsingErrors:u}=$y({provider:(c==null?void 0:c.provider)??l.model.provider,parsedAttributes:i}),{output:g,outputParsingErrors:f}=Oy({provider:(c==null?void 0:c.provider)??l.model.provider,parsedAttributes:i}),{invocationParameters:k,parsingErrors:b}=By(i,o),{variables:S,parsingErrors:K}=Wy(i),{parsingErrors:T}=Uy(i);c=c!=null?{...c,invocationParameters:T.length>0?k.filter(D=>D.invocationName!==bn&&D.canonicalName!==vn):k}:null;const{tools:x,parsingErrors:L}=Gy(i),P=y==null?void 0:y.map(D=>({...D,content:D.role==="tool"?ti(D.content):D.content}));return{playgroundInstance:{...l,model:c??l.model,template:P!=null?{__type:"chat",messages:P}:l.template,output:g,spanId:n.id,tools:x??l.tools},playgroundInput:S!=null?{variablesValueCache:S}:void 0,parsingErrors:[...u,...f,...p,...L,...b,...T,...K]}}const Zy=n=>xy.safeParse(n).success,Fs=({instance:n,templateFormat:a})=>{if(a==nn.NONE)return[];const t=new Set,l=n.template.__type,i=ap(a);switch(l){case"chat":{n.template.messages.forEach(r=>{(r.content==null?[]:i.extractVariables(r.content)).forEach(d=>{t.add(d)})});break}case"text_completion":{i.extractVariables(n.template.prompt).forEach(o=>{t.add(o)});break}default:Ce()}return Array.from(t)},Xy=({instances:n,templateFormat:a})=>a==nn.NONE?[]:Array.from(new Set(n.flatMap(t=>Fs({instance:t,templateFormat:a})))),Ks=({instances:n,templateFormat:a,input:t})=>{if(a==nn.NONE)return{variablesMap:{},variableKeys:[]};const l=Xy({instances:n,templateFormat:a}),i=t.variablesValueCache??{};return{variablesMap:l.reduce((o,d)=>(o[d]=i[d]||"",o),{}),variableKeys:l}};function aa(n,a){return n.invocationName===a.invocationName||n.canonicalName!=null&&a.canonicalName!=null&&n.canonicalName===a.canonicalName}const Yy=(n,a)=>n.filter(t=>a.some(l=>aa(l,t))).map(t=>{var l;return{...t,invocationName:((l=a.find(i=>aa(i,t)))==null?void 0:l.invocationName)??t.invocationName}}),qa=n=>n.replace(/_([a-z])/g,(a,t)=>t.toUpperCase()),ef=(n,a)=>Object.entries(n).map(([t,l])=>{const i=a.find(r=>r.canonicalName&&r.canonicalName.toLowerCase()===t.toLowerCase()||r.invocationName&&r.invocationName.toLowerCase()===t.toLowerCase());return i==null||i.invocationInputField==null||i.invocationName==null?null:{canonicalName:i.canonicalName,invocationName:i.invocationName,[qa(i.invocationInputField)]:l}}).filter(t=>t!=null),Ts=n=>{const{provider:a,validatedToolDefinition:t}=ip(n.definition);switch(a){case"OPENAI":case"AZURE_OPENAI":return t.function.name;case"ANTHROPIC":return t.name;case"UNKNOWN":return null;default:Ce()}},nf=({provider:n,toolNumber:a})=>{switch(n){case"OPENAI":case"AZURE_OPENAI":return{id:tt(),definition:xi(a)};case"ANTHROPIC":return{id:tt(),definition:lp(a)};case"GOOGLE":return{id:tt(),definition:xi(a)};default:Ce()}},af=n=>{switch(n){case"OPENAI":case"AZURE_OPENAI":return Ii();case"ANTHROPIC":return tp();case"GOOGLE":return Ii();default:Ce()}};function tf(n){return{content:n.content,role:lf(n.role),toolCalls:n.toolCalls,toolCallId:n.toolCallId}}function lf(n){switch(n){case"system":return"SYSTEM";case"user":return"USER";case"tool":return"TOOL";case"ai":return"AI";default:Ce()}}const Ps=({playgroundStore:n,instanceId:a,credentials:t})=>{var u;const{instances:l,allInstanceMessages:i}=n.getState(),r=l.find(g=>g.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 o=r.template.messageIds.map(g=>i[g]).filter(g=>g!=null),d=r.model.supportedInvocationParameters;let c=[...r.model.invocationParameters];const p=Al({toolChoice:r.toolChoice,targetProvider:r.model.provider});r.tools.length>0?(c=c.filter(g=>g.invocationName!==Ea&&g.canonicalName!==Yn),c.push({canonicalName:Yn,invocationName:Ea,valueJson:p})):c=c.filter(g=>g.invocationName!==Ea&&g.canonicalName!==Yn),c=d.length?Yy(c,d):c;const y=r.model.provider==="AZURE_OPENAI"?{endpoint:r.model.endpoint,apiVersion:r.model.apiVersion}:{};return{messages:o.map(tf),model:{providerKey:r.model.provider,name:r.model.modelName||"",baseUrl:r.model.baseUrl,...y},invocationParameters:xs(c,r.model.provider,r.model.modelName),tools:r.tools.length?r.tools.map(g=>g.definition):void 0,apiKey:t[r.model.provider]||null,promptName:(u=r.prompt)==null?void 0:u.name}},el=(n,a)=>{if(n.template.__type==="chat"){const{messageIds:t,...l}=n.template;return{...n,template:{...l,messages:n.template.messageIds.map(i=>a[i])}}}return n},rf=({playgroundStore:n,instanceId:a,credentials:t})=>{const l=Ps({playgroundStore:n,instanceId:a,credentials:t}),{instances:i,templateFormat:r,input:o,allInstanceMessages:d}=n.getState(),c=i.map(y=>el(y,d)),{variablesMap:p}=Ks({instances:c,input:o,templateFormat:r});return{...l,template:{variables:p,format:r}}},$i=({playgroundStore:n,instanceId:a,credentials:t,datasetId:l})=>({...Ps({playgroundStore:n,instanceId:a,credentials:t}),templateFormat:n.getState().templateFormat,datasetId:l});function ti(n){if(typeof n=="string"){const a=n.startsWith('"{')||n.startsWith('"[')||n.startsWith('"\\"');try{if(a){const l=JSON.parse(n),i=typeof l=="string"?JSON.parse(l):l;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 Is(n,a){return a.filter(t=>t.required).every(t=>n.some(l=>aa(l,t)))}const sf=n=>{for(const[a,t]of Object.entries(n))if(a.endsWith("DefaultValue")&&t!=null)return n[a]};function WC(n,a){const t=new Map(n.map(l=>[l.invocationName,l]));return a.forEach(l=>{var c;const i=l.invocationName,r=sf(l),o=qa(l.invocationInputField||"");if(!l.invocationName||!l.invocationInputField||!i||r==null||((c=t.get(i))==null?void 0:c[o])!=null)return;const d={canonicalName:l.canonicalName,invocationName:l.invocationName,[o]:r};t.set(i,d)}),Array.from(t.values())}const of=w.object({type:w.literal("enabled")}).passthrough(),df=w.object({type:w.enum(["any","tool"])}).passthrough(),cf=(n,a)=>{if(!a)return n;const t=n.some(l=>l.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&l.valueJson&&of.safeParse(l.valueJson).success);return n.filter(l=>{if(l.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&!l.valueJson)return!1;if(t){if(l.canonicalName==="TEMPERATURE"||l.canonicalName==="TOP_P")return!1;if(l.canonicalName===Yn)return!df.safeParse(l.valueJson).success}return!0})},xs=(n,a,t)=>a==="ANTHROPIC"?cf(n,t):n,Ds=m.createContext(null);function JC({children:n,...a}){const[t]=m.useState(()=>rp(a));return e(Ds.Provider,{value:t,children:n})}function Ma(n,a){const t=he.useContext(Ds);if(!t)throw new Error("Missing CredentialsContext.Provider in the tree");return ut(t,n,a)}const _s=m.createContext(null);function uf(){const n=m.useContext(_s);if(n===null)throw new Error("useFunctionality must be used within a FunctionalityProvider");return n}function ZC(n){return e(_s.Provider,{value:{authenticationEnabled:window.Config.authenticationEnabled},children:n.children})}const Ls={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,kind:"ScalarField",name:"apiKeyEnvVar",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeySet",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};Ls.hash="0168d590171b96e7a2e41449a41754be";function mf({query:n}){const[a,t]=m.useState(null),l=Ma(y=>y),i=Ma(y=>y.setCredential),r=I.useFragment(Ls,n),o=m.useMemo(()=>[...r.modelProviders],[r]),d=m.useMemo(()=>[{header:"Name",accessorKey:"name",cell:({row:y})=>s(h,{direction:"row",alignItems:"center",gap:"size-100",children:[e(zt,{provider:y.original.key,height:18}),y.original.name]})},{header:"Environment Variable",accessorKey:"apiKeyEnvVar",cell:({row:y})=>e(v,{children:y.original.apiKeyEnvVar})},{header:"configuration",accessorKey:"apiKeySet",cell:({row:y})=>y.original.dependenciesInstalled?l[y.original.key]?e(v,{color:"success",children:"local"}):y.original.apiKeySet?e(v,{color:"success",children:"configured on the server"}):e(v,{color:"text-700",children:"not configured"}):e(v,{color:"warning",children:"missing dependencies"})},{header:"",accessorKey:"id",cell:({row:y})=>e(h,{direction:"row",justifyContent:"end",gap:"size-100",width:"100%",children:e(V,{size:"S",leadingVisual:e(_,{svg:e(gt,{})}),onPress:()=>{t(y.original)}})})}],[l]),c=Le({columns:d,data:o,getCoreRowModel:we(),getSortedRowModel:In()}),p=c.getRowModel().rows;return s(B,{title:"AI Providers",bodyStyle:{padding:0},variant:"compact",children:[s("table",{css:dn,children:[e("thead",{children:c.getHeaderGroups().map(y=>e("tr",{children:y.headers.map(u=>e("th",{colSpan:u.colSpan,children:u.isPlaceholder?null:e("div",{children:J(u.column.columnDef.header,u.getContext())})},u.id))},y.id))}),e("tbody",{children:p.map(y=>e("tr",{children:y.getVisibleCells().map(u=>e("td",{children:J(u.column.columnDef.cell,u.getContext())},u.id))},y.id))})]}),e(ae,{type:"modal",isDismissable:!0,onDismiss:()=>t(null),children:a&&s(Z,{title:`Set ${a.name} API Key`,size:"S",children:[s(C,{padding:"size-200",children:[e(C,{paddingBottom:"size-100",children:s(v,{size:"XS",children:["Set the credentials for the ",a.name," API. These credentials will be stored entirely in your browser and will only be sent to the server during API requests."]})}),s(X,{onChange:y=>{i({provider:a.key,value:y})},value:l[a.key],type:"password",children:[e(W,{children:`${a.name} API Key`}),e(re,{placeholder:`e.g. ${a.apiKeyEnvVar}`}),e(v,{slot:"description",children:"The API key will be stored locally in your browser"})]})]}),e(C,{paddingX:"size-200",paddingY:"size-100",borderTopWidth:"thin",borderColor:"light",children:e(h,{direction:"row",justifyContent:"end",gap:"size-100",children:e(V,{variant:"primary",size:"S",onPress:()=>{t(null)},children:"Set API Key"})})})]})})]})}function XC(){const n=qe();return Je(n),e(mf,{query:n})}const ws={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,kind:"ScalarField",name:"apiKeyEnvVar",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeySet",storageKey:null}],storageKey:null}]},params:{cacheID:"cc6e19e54ea894e905970362ee382e43",id:null,metadata:{},name:"settingsAIProvidersPageLoaderQuery",operationKind:"query",text:`query settingsAIProvidersPageLoaderQuery {
|
|
1
|
+
import{A as w,b5 as fe,b6 as Ae,b7 as ze,b8 as Tt,B as Dt,r as u,j as e,R as he,u as ut,w as I,l as s,aA as Le,aB as In,aD as we,aE as J,S as W,T as re,b9 as qe,ba as Je,ad as Dl,bb as Ki,ac as Qe,ah as ln,ag as G,U as xe,P as U,ax as ie,E as F,bc as Te,aI as ue,bd as Be,be as hm,a8 as _t,ay as Ca,a9 as Lt,bf as gn,bg as km,aJ as bm,bh as Sm,H as Ti,bi as mt,aP as _e,aO as Cn,bj as yn,bk as xn,m as yr,$ as vm,F as Pi,K as Cm,bl as Fm,bm as dl,bn as cl,bo as Ga,q as pt,bp as Km,aU as fr,bq as Tm,br as Ii,bs as Pm,bt as Im,bu as xm,bv as Dm,bw as _m,bx as Lm,by as wm,bz as Em,bA as Rm,bB as it,D as Mm,bC as Vm,bD as bt,g as hr,bE as Am,aF as _l,bF as kr,bG as br,bH as zm,ai as Nm,bI as $m,ae as Om,af as Qm,bJ as jm,n as qm}from"./vendor-DCvpCpca.js";import{c as Z,D as ae,C as B,t as Ll,h as Dn,b as wt,L as Et,v as Rt,w as Sr,o as wl,P as Va,f as Oe,g as la,T as ve,E as Mt,q as ia,r as Aa,a as $e,d as ra,x as Fa,s as Vt,y as Bm,i as At,z as Um,A as Hm,B as Gm,G as El,H as Rl,u as Wm,J as Jm}from"./vendor-arizeai-Ce3Kd6MM.js";import{s as Zm,l as Xm,j as Ml,a as Ve,i as Vl,b as Ym,c as ep,d as ea,e as Fn,f as vr,D as Cr,g as Zn,h as tt,k as np,m as Ce,T as nn,n as ap,o as Al,p as xi,q as tp,r as Di,t as lp,u as ip,v as rp,G as zt,_ as h,w as v,x as V,I as _,E as gt,y as dn,z as C,A as X,R as Ke,B as Ie,C as ke,F as De,H as Ee,J as Re,K as cn,L as un,M as mn,N as zl,O as Fe,P as _n,Q as Fr,S as He,U as ne,V as ce,W as Ge,X as Kr,Y as It,Z as Ne,$ as zn,a0 as sp,a1 as Ye,a2 as Tr,a3 as Fl,a4 as Nl,a5 as $l,a6 as op,a7 as dp,a8 as Kl,a9 as St,aa as oe,ab as Pr,ac as cp,ad as up,ae as pn,af as mp,ag as En,ah as pp,ai as Ir,aj as Nt,ak as Ka,al as Ol,am as Ql,an as xr,ao as gp,ap as yp,aq as fp,ar as hp,as as kp,at as bp,au as Sp,av as rt,aw as vp,ax as me,ay as Tl,az as pe,aA as ge,aB as an,aC as Cp,aD as Fp,aE as Kp,aF as rn,aG as se,aH as Dr,aI as Tp,aJ as Pp,aK as Ip,aL as $t,aM as Ot,aN as _r,aO as xp,aP as Dp,aQ as _p,aR as Qt,aS as Lp,aT as Lr,aU as La,aV as st,aW as Ze,aX as wp,aY as jl,aZ as fn,a_ as Ep,a$ as Rp,b0 as Mp,b1 as Mn,b2 as Se,b3 as Ue,b4 as We,b5 as wr,b6 as sa,b7 as Me,b8 as za,b9 as Nn,ba as Vn,bb as jt,bc as Na,bd as Ta,be as Er,bf as sn,bg as Rr,bh as Vp,bi as ql,bj as fa,bk as Ap,bl as Gn,bm as zp,bn as Np,bo as Bl,bp as qt,bq as $n,br as oa,bs as _i,bt as Li,bu as $p,bv as Op,bw as Qp,bx as $a,by as jp,bz as qp,bA as ot,bB as Bp,bC as lt,bD as Kn,bE as Xn,bF as Bt,bG as Ut,bH as On,bI as Up,bJ as Hp,bK as on,bL as Tn,bM as ka,bN as Ul,bO as Mr,bP as Hl,bQ as Gp,bR as Wp,bS as Jp,bT as Gl,bU as Vr,bV as Ar,bW as zr,bX as Xe,bY as Nr,bZ as $r,b_ as Pl,b$ as Zp,c0 as Wl,c1 as Jl,c2 as Or,c3 as Xp,c4 as Yp,c5 as eg,c6 as Zl,c7 as ng,c8 as ag,c9 as Xl,ca as tg,cb as Qr,cc as lg,cd as ig,ce as rg,cf as sg,cg as og,ch as dg,ci as cg,cj as Ht,ck as ug,cl as mg,cm as jr,cn as qr,co as wi,cp as pg,cq as Ln,cr as Qn,cs as Yl,ct as Br,cu as Ur,cv as Ei,cw as Ri,cx as gg,cy as yg,cz as H,cA as Hr,cB as Gt,cC as Wt,cD as Oa,cE as Gr,cF as Qa,cG as ja,cH as Wr,cI as jn,cJ as Jt,cK as fg,cL as hg,cM as kg,cN as bg,cO as Sg,cP as vg,cQ as Cg,cR as ba,cS as Jr,cT as Fg,cU as Kg,cV as Mi,cW as Tg,cX as Pg,cY as Ig,cZ as xg,c_ as Dg,c$ as _g,d0 as Zr,d1 as Lg,d2 as wg,d3 as Eg,d4 as Rg,d5 as Sa,d6 as ei,d7 as Xr,d8 as _a,d9 as Zt,da as Yr,db as es,dc as ul,dd as Mg,de as ns,df as Vg,dg as ni,dh as Xt,di as kn,dj as Ag,dk as as,dl as zg,dm as Ng,dn as ts,dp as ls,dq as $g,dr as Og,ds as is,dt as Qg,du as na,dv as jg,dw as qg,dx as Vi,dy as Bg,dz as Ug,dA as Hg,dB as Gg,dC as Wg,dD as ml,dE as Jg,dF as wa,dG as Zg,dH as Xg,dI as Yg,dJ as ey,dK as Yt,dL as rs,dM as Ai,dN as ny,dO as ay,dP as ty,dQ as ly,dR as ss,dS as iy,dT as ry,dU as sy,dV as zi,dW as Ni}from"./components-DmH2nzTG.js";import{g as da,i as ca,d as oy,E as os,R as ua,k as ai,b as dy,p as yt,n as ds}from"./vendor-codemirror-CoZ2wzq8.js";import{P as cs,C as us,T as qn,a as ms,R as Bn,b as ft,X as ma,Y as Pn,c as pa,B as Ra,A as dt,d as ps,e as ti,L as gs,f as cy}from"./vendor-recharts-Bv0CPtHC.js";const uy=4,my={user:["user","human"],ai:["assistant","bot","ai"],system:["system"],tool:["tool"]},py="Unable to parse span input messages, expected messages which include a role and content.",gy="Unable to parse span output messages, expected messages which include a role and content.",yy="Unable to parse span output expected output.value to be present.",fy="Unable to parse span attributes, attributes must be valid JSON.",hy="Unable to parse model config, expected llm.model_name to be present.",ky="Unable to parse model config, expected llm.invocation_parameters JSON string to be present.",by="Unable to parse invocation parameters response_format, expected llm.invocation_parameters.response_format to be a well formed json object or undefined.",Sy="Unable to parse tools, expected tools to be an array of valid tools.",vy="Unable to parse prompt template variables, expected prompt template variables to be a valid JSON object string.",$i={AZURE_OPENAI:[],ANTHROPIC:["claude"],OPENAI:["gpt","o1"],GOOGLE:["gemini"]},Yn="TOOL_CHOICE",Ea="tool_choice",vn="RESPONSE_FORMAT",bn="response_format",Cy=[Yn,vn],Fy=w.object({tool_call:w.object({id:w.string().optional(),function:w.object({name:w.string(),arguments:w.string()}).partial()}).partial()}).partial(),ys=w.object({[fe.message]:w.object({[Ae.role]:w.string(),[Ae.content]:w.union([w.string(),w.array(w.record(w.string(),w.unknown()))]).default(""),[Ae.tool_calls]:w.array(Fy).optional(),[Ae.tool_call_id]:w.string().optional()})}),Ky=w.object({[fe.llm]:w.object({[ze.input_messages]:w.array(ys)})}),Ty=w.object({[fe.llm]:w.object({[ze.output_messages]:w.array(ys)})}),Py=w.object({[fe.output]:w.object({value:w.string()})}),fs=Zm()(w.enum(["user","ai","system","tool"])),Iy=w.object({id:w.number(),role:fs,content:w.string().optional(),toolCallId:w.string().optional(),toolCalls:w.array(Xm).optional()}),xy=w.array(Iy),hs=w.lazy(()=>w.record(Ml)),Dy=hs,ks=w.string().transform((n,a)=>{const{json:t}=Ve(n);if(!Vl(t))return a.addIssue({code:w.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),w.NEVER;const{success:l,data:i}=Dy.safeParse(t);return l?i:(a.addIssue({code:w.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),w.NEVER)}).default("{}"),_y=w.object({[fe.llm]:w.object({[ze.provider]:w.string().optional(),[ze.model_name]:w.string()})}),bs=w.object({[fe.llm]:w.object({[ze.invocation_parameters]:ks})}),Ly=w.object({[fe.llm]:w.object({[ze.invocation_parameters]:ks.pipe(w.object({response_format:hs.optional()}))})}),wy=w.object({url:w.object({full:w.string(),path:w.string().optional()})}),Ey=w.string().transform((n,a)=>{const{json:t}=Ve(n);return t==null||!Vl(t)?(a.addIssue({code:w.ZodIssueCode.custom,message:"The tool JSON schema must be a valid JSON object"}),w.NEVER):t}).transform((n,a)=>{const{data:t,success:l}=Ym.safeParse(n);return l?t:(a.addIssue({code:w.ZodIssueCode.custom,message:"The tool JSON schema must be a valid tool schema"}),w.NEVER)}),Ry=w.object({[fe.llm]:w.object({[ze.tools]:w.array(w.object({[fe.tool]:w.object({[Tt.json_schema]:Ey})}).optional()).optional()}).optional()}).optional(),My=w.lazy(()=>w.object({type:w.literal("json_schema"),json_schema:w.object({name:w.string().describe("The name of the schema"),schema:ep.describe("The schema itself in JSON schema format"),strict:w.literal(!0).describe("The schema must be strict")})})),Vy=Dt(My,{removeAdditionalStrategy:"passthrough"}),Ay=w.string().transform((n,a)=>{const{json:t}=Ve(n);return ea(t)?Object.entries(t).reduce((i,[r,o])=>{if(typeof o=="string")i[r]=o;else{const{json:d}=Fn(o);d!=null&&(i[r]=d)}return i},{}):(a.addIssue({code:w.ZodIssueCode.custom,message:"The prompt template variables must be a valid JSON object"}),w.NEVER)}),zy=w.object({[fe.llm]:w.object({[ze.prompt_template]:w.object({variables:Ay}).optional()}).optional()}).optional();function Ss(n){return fs.safeParse(n).success}function Wn(n){const a=n.toLowerCase();if(Ss(a))return a;for(const[t,l]of Object.entries(my))if(l.includes(a))return t;return np}function Ny({toolCalls:n,provider:a}){if(n!=null)return n.map(({tool_call:t})=>{var i,r,o,d;if(t==null)return null;let l={};if(((i=t.function)==null?void 0:i.arguments)!=null){const{json:c}=Ve(t.function.arguments);ea(c)&&(l=c)}switch(a){case"OPENAI":case"AZURE_OPENAI":return{id:t.id??"",type:"function",function:{name:((r=t.function)==null?void 0:r.name)??"",arguments:l}};case"ANTHROPIC":return{id:t.id??"",type:"tool_use",name:((o=t.function)==null?void 0:o.name)??"",input:l};case"GOOGLE":return{id:t.id??"",function:{name:((d=t.function)==null?void 0:d.name)??"",arguments:l}};default:Ce()}}).filter(t=>t!=null)}function vs({messages:n,provider:a}){return n.map(({message:t})=>({id:Zn(),role:t.tool_call_id!=null?Wn("tool"):Wn(t.role),content:typeof t.content=="string"?t.content:void 0,toolCalls:Ny({provider:a,toolCalls:t.tool_calls}),toolCallId:t.tool_call_id}))}function $y({provider:n,parsedAttributes:a}){var l;const t=Ky.safeParse(a);if(!t.success)return{messageParsingErrors:[py],messages:null};if(n==="ANTHROPIC"){const{success:i,data:r}=bs.safeParse(a);if(i){const o=t.data.llm.input_messages,d=(l=r.llm.invocation_parameters)==null?void 0:l.system;typeof d=="string"&&d&&(!o||o[0].message.role!=="system")&&t.data.llm.input_messages.unshift({message:{role:"system",content:d}})}}return{messageParsingErrors:[],messages:vs({provider:n,messages:t.data.llm.input_messages})}}function Oy({provider:n,parsedAttributes:a}){const t=[],l=Ty.safeParse(a);if(l.success)return{output:vs({provider:n,messages:l.data.llm.output_messages}),outputParsingErrors:t};t.push(gy);const i=Py.safeParse(a);return i.success?{output:i.data.output.value,outputParsingErrors:t}:(t.push(yy),{output:void 0,outputParsingErrors:t})}function Cs(n){if(n==null)return null;switch(n.toLowerCase()){case"openai":return"OPENAI";case"anthropic":return"ANTHROPIC";case"google":return"GOOGLE";case"azure":return"AZURE_OPENAI";default:return null}}function Qy(n){for(const a of Object.keys($i))if($i[a].some(l=>n.includes(l)))return a;return Cr}function jy(n){const{success:a,data:t}=_y.safeParse(n);if(a){const l=Cs(t.llm.provider)||Qy(t.llm.model_name),i=qy(n);return{modelConfig:{...Object.fromEntries(Object.entries(i).filter(([r,o])=>o!==null)),modelName:t.llm.model_name,provider:l,invocationParameters:[],supportedInvocationParameters:[]},parsingErrors:[]}}return{modelConfig:null,parsingErrors:[hy]}}function qy(n){const{success:a,data:t}=wy.safeParse(n);if(a)try{const l=new URL(t.url.full);let i=l;if(t.url.path)try{i=new URL(t.url.full.split(t.url.path)[0])}catch{}return{baseUrl:`${i.origin}${i.pathname}`,endpoint:l.origin,apiVersion:l.searchParams.get("api-version")||null}}catch{}return{baseUrl:null,apiVersion:null,endpoint:null}}function By(n,a=[]){const{success:t,data:l}=bs.safeParse(n),i=[];return t||i.push(ky),{invocationParameters:ef((l==null?void 0:l.llm.invocation_parameters)??{},a),parsingErrors:i}}function Uy(n){const{success:a,data:t}=Ly.safeParse(n);return a?{responseFormat:t.llm.invocation_parameters.response_format,parsingErrors:[]}:{responseFormat:void 0,parsingErrors:[by]}}function Hy(n){var a;return(((a=n==null?void 0:n.llm)==null?void 0:a.tools)??[]).map(t=>(t==null?void 0:t.tool)==null?null:{id:tt(),definition:t.tool.json_schema}).filter(t=>t!=null)}function Gy(n){var l;const{data:a,success:t}=Ry.safeParse(n);return t?((l=a==null?void 0:a.llm)==null?void 0:l.tools)==null?{tools:null,parsingErrors:[]}:{tools:Hy(a),parsingErrors:[]}:{tools:null,parsingErrors:[Sy]}}function Wy(n){var l;const{success:a,data:t}=zy.safeParse(n);return a?((l=t==null?void 0:t.llm)==null?void 0:l.prompt_template)==null?{variables:null,parsingErrors:[]}:{variables:t.llm.prompt_template.variables,parsingErrors:[]}:{variables:null,parsingErrors:[vy]}}function Jy(n){const{instance:a,instanceMessages:t}=vr(),l={...a,template:{__type:"chat",messages:Object.values(t)}},{json:i,parseError:r}=Ve(n.attributes);if(r)return{playgroundInstance:{...l,spanId:(n==null?void 0:n.id)??null},parsingErrors:[fy]};const o=n.invocationParameters,d=jy(i);let{modelConfig:c}=d;const{parsingErrors:p}=d,{messages:f,messageParsingErrors:m}=$y({provider:(c==null?void 0:c.provider)??l.model.provider,parsedAttributes:i}),{output:g,outputParsingErrors:y}=Oy({provider:(c==null?void 0:c.provider)??l.model.provider,parsedAttributes:i}),{invocationParameters:k,parsingErrors:b}=By(i,o),{variables:S,parsingErrors:K}=Wy(i),{parsingErrors:T}=Uy(i);c=c!=null?{...c,invocationParameters:T.length>0?k.filter(D=>D.invocationName!==bn&&D.canonicalName!==vn):k}:null;const{tools:x,parsingErrors:L}=Gy(i),P=f==null?void 0:f.map(D=>({...D,content:D.role==="tool"?li(D.content):D.content}));return{playgroundInstance:{...l,model:c??l.model,template:P!=null?{__type:"chat",messages:P}:l.template,output:g,spanId:n.id,tools:x??l.tools},playgroundInput:S!=null?{variablesValueCache:S}:void 0,parsingErrors:[...m,...y,...p,...L,...b,...T,...K]}}const Zy=n=>xy.safeParse(n).success,Fs=({instance:n,templateFormat:a})=>{if(a==nn.NONE)return[];const t=new Set,l=n.template.__type,i=ap(a);switch(l){case"chat":{n.template.messages.forEach(r=>{(r.content==null?[]:i.extractVariables(r.content)).forEach(d=>{t.add(d)})});break}case"text_completion":{i.extractVariables(n.template.prompt).forEach(o=>{t.add(o)});break}default:Ce()}return Array.from(t)},Xy=({instances:n,templateFormat:a})=>a==nn.NONE?[]:Array.from(new Set(n.flatMap(t=>Fs({instance:t,templateFormat:a})))),Ks=({instances:n,templateFormat:a,input:t})=>{if(a==nn.NONE)return{variablesMap:{},variableKeys:[]};const l=Xy({instances:n,templateFormat:a}),i=t.variablesValueCache??{};return{variablesMap:l.reduce((o,d)=>(o[d]=i[d]||"",o),{}),variableKeys:l}};function aa(n,a){return n.invocationName===a.invocationName||n.canonicalName!=null&&a.canonicalName!=null&&n.canonicalName===a.canonicalName}const Yy=(n,a)=>n.filter(t=>a.some(l=>aa(l,t))).map(t=>{var l;return{...t,invocationName:((l=a.find(i=>aa(i,t)))==null?void 0:l.invocationName)??t.invocationName}}),qa=n=>n.replace(/_([a-z])/g,(a,t)=>t.toUpperCase()),ef=(n,a)=>Object.entries(n).map(([t,l])=>{const i=a.find(r=>r.canonicalName&&r.canonicalName.toLowerCase()===t.toLowerCase()||r.invocationName&&r.invocationName.toLowerCase()===t.toLowerCase());return i==null||i.invocationInputField==null||i.invocationName==null?null:{canonicalName:i.canonicalName,invocationName:i.invocationName,[qa(i.invocationInputField)]:l}}).filter(t=>t!=null),Ts=n=>{const{provider:a,validatedToolDefinition:t}=ip(n.definition);switch(a){case"OPENAI":case"AZURE_OPENAI":return t.function.name;case"ANTHROPIC":return t.name;case"UNKNOWN":return null;default:Ce()}},nf=({provider:n,toolNumber:a})=>{switch(n){case"OPENAI":case"AZURE_OPENAI":return{id:tt(),definition:Di(a)};case"ANTHROPIC":return{id:tt(),definition:lp(a)};case"GOOGLE":return{id:tt(),definition:Di(a)};default:Ce()}},af=n=>{switch(n){case"OPENAI":case"AZURE_OPENAI":return xi();case"ANTHROPIC":return tp();case"GOOGLE":return xi();default:Ce()}};function tf(n){return{content:n.content,role:lf(n.role),toolCalls:n.toolCalls,toolCallId:n.toolCallId}}function lf(n){switch(n){case"system":return"SYSTEM";case"user":return"USER";case"tool":return"TOOL";case"ai":return"AI";default:Ce()}}const Ps=({playgroundStore:n,instanceId:a,credentials:t})=>{var m;const{instances:l,allInstanceMessages:i}=n.getState(),r=l.find(g=>g.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 o=r.template.messageIds.map(g=>i[g]).filter(g=>g!=null),d=r.model.supportedInvocationParameters;let c=[...r.model.invocationParameters];const p=Al({toolChoice:r.toolChoice,targetProvider:r.model.provider});r.tools.length>0?(c=c.filter(g=>g.invocationName!==Ea&&g.canonicalName!==Yn),c.push({canonicalName:Yn,invocationName:Ea,valueJson:p})):c=c.filter(g=>g.invocationName!==Ea&&g.canonicalName!==Yn),c=d.length?Yy(c,d):c;const f=r.model.provider==="AZURE_OPENAI"?{endpoint:r.model.endpoint,apiVersion:r.model.apiVersion}:{};return{messages:o.map(tf),model:{providerKey:r.model.provider,name:r.model.modelName||"",baseUrl:r.model.baseUrl,...f},invocationParameters:xs(c,r.model.provider,r.model.modelName),tools:r.tools.length?r.tools.map(g=>g.definition):void 0,apiKey:t[r.model.provider]||null,promptName:(m=r.prompt)==null?void 0:m.name}},el=(n,a)=>{if(n.template.__type==="chat"){const{messageIds:t,...l}=n.template;return{...n,template:{...l,messages:n.template.messageIds.map(i=>a[i])}}}return n},rf=({playgroundStore:n,instanceId:a,credentials:t})=>{const l=Ps({playgroundStore:n,instanceId:a,credentials:t}),{instances:i,templateFormat:r,input:o,allInstanceMessages:d}=n.getState(),c=i.map(f=>el(f,d)),{variablesMap:p}=Ks({instances:c,input:o,templateFormat:r});return{...l,template:{variables:p,format:r}}},Oi=({playgroundStore:n,instanceId:a,credentials:t,datasetId:l})=>({...Ps({playgroundStore:n,instanceId:a,credentials:t}),templateFormat:n.getState().templateFormat,datasetId:l});function li(n){if(typeof n=="string"){const a=n.startsWith('"{')||n.startsWith('"[')||n.startsWith('"\\"');try{if(a){const l=JSON.parse(n),i=typeof l=="string"?JSON.parse(l):l;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 Is(n,a){return a.filter(t=>t.required).every(t=>n.some(l=>aa(l,t)))}const sf=n=>{for(const[a,t]of Object.entries(n))if(a.endsWith("DefaultValue")&&t!=null)return n[a]};function WC(n,a){const t=new Map(n.map(l=>[l.invocationName,l]));return a.forEach(l=>{var c;const i=l.invocationName,r=sf(l),o=qa(l.invocationInputField||"");if(!l.invocationName||!l.invocationInputField||!i||r==null||((c=t.get(i))==null?void 0:c[o])!=null)return;const d={canonicalName:l.canonicalName,invocationName:l.invocationName,[o]:r};t.set(i,d)}),Array.from(t.values())}const of=w.object({type:w.literal("enabled")}).passthrough(),df=w.object({type:w.enum(["any","tool"])}).passthrough(),cf=(n,a)=>{if(!a)return n;const t=n.some(l=>l.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&l.valueJson&&of.safeParse(l.valueJson).success);return n.filter(l=>{if(l.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&!l.valueJson)return!1;if(t){if(l.canonicalName==="TEMPERATURE"||l.canonicalName==="TOP_P")return!1;if(l.canonicalName===Yn)return!df.safeParse(l.valueJson).success}return!0})},xs=(n,a,t)=>a==="ANTHROPIC"?cf(n,t):n,Ds=u.createContext(null);function JC({children:n,...a}){const[t]=u.useState(()=>rp(a));return e(Ds.Provider,{value:t,children:n})}function Ma(n,a){const t=he.useContext(Ds);if(!t)throw new Error("Missing CredentialsContext.Provider in the tree");return ut(t,n,a)}const _s=u.createContext(null);function uf(){const n=u.useContext(_s);if(n===null)throw new Error("useFunctionality must be used within a FunctionalityProvider");return n}function ZC(n){return e(_s.Provider,{value:{authenticationEnabled:window.Config.authenticationEnabled},children:n.children})}const Ls={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,kind:"ScalarField",name:"apiKeyEnvVar",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeySet",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};Ls.hash="0168d590171b96e7a2e41449a41754be";function mf({query:n}){const[a,t]=u.useState(null),l=Ma(f=>f),i=Ma(f=>f.setCredential),r=I.useFragment(Ls,n),o=u.useMemo(()=>[...r.modelProviders],[r]),d=u.useMemo(()=>[{header:"Name",accessorKey:"name",cell:({row:f})=>s(h,{direction:"row",alignItems:"center",gap:"size-100",children:[e(zt,{provider:f.original.key,height:18}),f.original.name]})},{header:"Environment Variable",accessorKey:"apiKeyEnvVar",cell:({row:f})=>e(v,{children:f.original.apiKeyEnvVar})},{header:"configuration",accessorKey:"apiKeySet",cell:({row:f})=>f.original.dependenciesInstalled?l[f.original.key]?e(v,{color:"success",children:"local"}):f.original.apiKeySet?e(v,{color:"success",children:"configured on the server"}):e(v,{color:"text-700",children:"not configured"}):e(v,{color:"warning",children:"missing dependencies"})},{header:"",accessorKey:"id",cell:({row:f})=>e(h,{direction:"row",justifyContent:"end",gap:"size-100",width:"100%",children:e(V,{size:"S",leadingVisual:e(_,{svg:e(gt,{})}),onPress:()=>{t(f.original)}})})}],[l]),c=Le({columns:d,data:o,getCoreRowModel:we(),getSortedRowModel:In()}),p=c.getRowModel().rows;return s(B,{title:"AI Providers",bodyStyle:{padding:0},variant:"compact",children:[s("table",{css:dn,children:[e("thead",{children:c.getHeaderGroups().map(f=>e("tr",{children:f.headers.map(m=>e("th",{colSpan:m.colSpan,children:m.isPlaceholder?null:e("div",{children:J(m.column.columnDef.header,m.getContext())})},m.id))},f.id))}),e("tbody",{children:p.map(f=>e("tr",{children:f.getVisibleCells().map(m=>e("td",{children:J(m.column.columnDef.cell,m.getContext())},m.id))},f.id))})]}),e(ae,{type:"modal",isDismissable:!0,onDismiss:()=>t(null),children:a&&s(Z,{title:`Set ${a.name} API Key`,size:"S",children:[s(C,{padding:"size-200",children:[e(C,{paddingBottom:"size-100",children:s(v,{size:"XS",children:["Set the credentials for the ",a.name," API. These credentials will be stored entirely in your browser and will only be sent to the server during API requests."]})}),s(X,{onChange:f=>{i({provider:a.key,value:f})},value:l[a.key],type:"password",children:[e(W,{children:`${a.name} API Key`}),e(re,{placeholder:`e.g. ${a.apiKeyEnvVar}`}),e(v,{slot:"description",children:"The API key will be stored locally in your browser"})]})]}),e(C,{paddingX:"size-200",paddingY:"size-100",borderTopWidth:"thin",borderColor:"light",children:e(h,{direction:"row",justifyContent:"end",gap:"size-100",children:e(V,{variant:"primary",size:"S",onPress:()=>{t(null)},children:"Set API Key"})})})]})})]})}function XC(){const n=qe();return Je(n),e(mf,{query:n})}const ws={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,kind:"ScalarField",name:"apiKeyEnvVar",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeySet",storageKey:null}],storageKey:null}]},params:{cacheID:"cc6e19e54ea894e905970362ee382e43",id:null,metadata:{},name:"settingsAIProvidersPageLoaderQuery",operationKind:"query",text:`query settingsAIProvidersPageLoaderQuery {
|
|
2
2
|
...GenerativeProvidersCard_data
|
|
3
3
|
}
|
|
4
4
|
|
|
@@ -85,7 +85,7 @@ fragment SystemAPIKeysTableFragment on Query {
|
|
|
85
85
|
expiresAt
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
|
-
`}};Vs.hash="de0fc04de739f0adfcbdeaff28b16265";const As={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:Vs}},name:"SystemAPIKeysTableFragment",selections:[{alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"systemApiKeys",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};As.hash="de0fc04de739f0adfcbdeaff28b16265";function pf({query:n}){const[a,t]=I.useRefetchableFragment(As,n),l=Ie(),i=ke(),[r]=I.useMutation(Ms),o=
|
|
88
|
+
`}};Vs.hash="de0fc04de739f0adfcbdeaff28b16265";const As={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:Vs}},name:"SystemAPIKeysTableFragment",selections:[{alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"systemApiKeys",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};As.hash="de0fc04de739f0adfcbdeaff28b16265";function pf({query:n}){const[a,t]=I.useRefetchableFragment(As,n),l=Ie(),i=ke(),[r]=I.useMutation(Ms),o=u.useCallback(g=>{r({variables:{input:{id:g}},onCompleted:()=>{i({title:"System key deleted",message:"The system key has been deleted and is no longer active."}),u.startTransition(()=>{t({},{fetchPolicy:"network-only"})})},onError:y=>{const k=De(y);l({title:"Error deleting system key",message:(k==null?void 0:k[0])??y.message})}})},[r,l,i,t]),d=u.useMemo(()=>[...a.systemApiKeys],[a]),c=u.useMemo(()=>[{header:"Name",accessorKey:"name"},{header:"Description",accessorKey:"description",cell:Ee},{header:"Created At",accessorKey:"createdAt",cell:Re},{header:"Expires At",accessorKey:"expiresAt",cell:Re},{header:"",accessorKey:"id",size:10,cell:({row:y})=>e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(zl,{handleDelete:()=>{o(y.original.id)}})}),meta:{textAlign:"right"}}],[o]),p=Le({columns:c,data:d,getCoreRowModel:we()}),f=p.getRowModel().rows,m=p.getRowModel().rows.length===0;return s("table",{css:dn,children:[e("thead",{children:p.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:s("div",{className:y.column.getCanSort()?"cursor-pointer":"",onClick:y.column.getToggleSortingHandler(),style:{left:y.getStart(),width:y.getSize()},children:[J(y.column.columnDef.header,y.getContext()),y.column.getIsSorted()?e(_,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(cn,{}):e(un,{})}):null]})},y.id))},g.id))}),m?e(mn,{message:"No Keys"}):e("tbody",{children:f.map(g=>e("tr",{children:g.getVisibleCells().map(y=>e("td",{children:J(y.column.columnDef.cell,y.getContext())},y.id))},g.id))})]})}const zs=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DeleteApiKeyMutationPayload",kind:"LinkedField",name:"deleteUserApiKey",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeyId",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"UserAPIKeysTableDeleteAPIKeyMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"UserAPIKeysTableDeleteAPIKeyMutation",selections:a},params:{cacheID:"d137498515ff43864f5525b3c1847376",id:null,metadata:{},name:"UserAPIKeysTableDeleteAPIKeyMutation",operationKind:"mutation",text:`mutation UserAPIKeysTableDeleteAPIKeyMutation(
|
|
89
89
|
$input: DeleteApiKeyInput!
|
|
90
90
|
) {
|
|
91
91
|
deleteUserApiKey(input: $input) {
|
|
@@ -109,7 +109,7 @@ fragment UserAPIKeysTableFragment on Query {
|
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
}
|
|
112
|
-
`}};Ns.hash="c2b3a579bcb0ba915523ecb35cae3b44";const $s={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:Ns}},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};$s.hash="c2b3a579bcb0ba915523ecb35cae3b44";const
|
|
112
|
+
`}};Ns.hash="c2b3a579bcb0ba915523ecb35cae3b44";const $s={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:Ns}},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};$s.hash="c2b3a579bcb0ba915523ecb35cae3b44";const Qi=70;function gf({query:n}){const[a,t]=I.useRefetchableFragment($s,n),l=Ie(),i=ke(),[r]=I.useMutation(zs),o=u.useCallback(g=>{r({variables:{input:{id:g}},onCompleted:()=>{i({title:"User key deleted",message:"The user key has been deleted and is no longer active."}),u.startTransition(()=>{t({},{fetchPolicy:"network-only"})})},onError:y=>{const k=De(y);l({title:"Error deleting user key",message:(k==null?void 0:k[0])??y.message})}})},[r,l,i,t]),d=u.useMemo(()=>[...a.userApiKeys],[a]),c=u.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:Ee},{header:"Description",accessorKey:"description",cell:Ee},{header:"Created At",accessorKey:"createdAt",size:Qi,cell:Re},{header:"Expires At",accessorKey:"expiresAt",size:Qi,cell:Re},{header:"User",size:120,accessorKey:"user.email",cell:Ee},{header:"",accessorKey:"id",size:10,cell:({row:y})=>e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(zl,{handleDelete:()=>{o(y.original.id)}})}),meta:{textAlign:"right"}}],[o]),p=Le({columns:c,data:d,getCoreRowModel:we()}),f=p.getRowModel().rows,m=p.getRowModel().rows.length===0;return s("table",{css:dn,children:[e("thead",{children:p.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:s("div",{className:y.column.getCanSort()?"cursor-pointer":"",onClick:y.column.getToggleSortingHandler(),style:{left:y.getStart(),width:y.getSize()},children:[J(y.column.columnDef.header,y.getContext()),y.column.getIsSorted()?e(_,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(cn,{}):e(un,{})}):null]})},y.id))},g.id))}),m?e(mn,{message:"No Keys"}):e("tbody",{children:f.map(g=>e("tr",{children:g.getVisibleCells().map(y=>e("td",{children:J(y.column.columnDef.cell,y.getContext())},y.id))},g.id))})]})}function yf(){const n=I.useLazyLoadQuery(Rs,{},{fetchPolicy:"network-only"});return s(Ge,{children:[s(He,{children:[e(ne,{id:"system",children:"System Keys"}),e(ne,{id:"user",children:"User Keys"})]}),e(ce,{id:"system",children:e(pf,{query:n})}),e(ce,{id:"user",children:e(gf,{query:n})})]})}function ff(){const[n,a]=u.useState(null),t=Ie(),l=c=>{a(e(Fr,{jwt:c}))},[i,r]=I.useMutation(Es),o=u.useCallback(c=>{var p;i({variables:{...c,expiresAt:((p=c.expiresAt)==null?void 0:p.toDate(Dl()).toISOString())||null},onCompleted:f=>{l(f.createSystemApiKey.jwt)},onError:f=>{t({title:"Error creating system key",message:f.message})}})},[i,t]);return s("div",{children:[e(Ll,{title:"API Keys",variant:"compact",extra:e(V,{size:"S",leadingVisual:e(_,{svg:e(_n,{})}),onPress:()=>{a(e(Kr,{onSubmit:o,isCommitting:r,defaultName:"System"}))},children:"System Key"}),children:e(u.Suspense,{fallback:e(C,{padding:"size-100",children:e(Fe,{})}),children:e(yf,{})})}),e(ae,{onDismiss:()=>{a(null)},children:n})]})}const Os={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};Os.hash="922bf6de312a4be0c38025ffbb868d6d";function Qs(n,a){const{si:t=!1,decimalPlaces:l=1}={},i=t?1e3:1024;if(Math.abs(n)<i)return n+" B";const r=t?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let o=-1;const d=10**l;do n/=i,++o;while(Math.round(Math.abs(n)*d)/d>=i&&o<r.length-1);return n.toFixed(l)+" "+r[o]}const ji="remaining";function hf({active:n,payload:a}){return n&&a&&a.length?e(zn,{children:e(Ne,{shape:"square",color:a[0].payload.fill||"transparent",name:a[0].name||"--",value:Qs(a[0].value||0)})}):null}function kf({query:n}){const a=I.useFragment(Os,n),t=a.dbTableStats.reduce((r,o)=>r+o.numBytes,0),l=typeof a.dbStorageCapacityBytes=="number"?a.dbStorageCapacityBytes-t:null,i=u.useMemo(()=>{const r=[...a.dbTableStats];return l!==null&&r.push({tableName:ji,numBytes:l}),r},[a.dbTableStats,l]);return e(Bn,{width:"100%",height:245,children:s(ms,{children:[e(cs,{data:i,dataKey:"numBytes",nameKey:"tableName",cx:"50%",cy:"50%",innerRadius:70,outerRadius:110,strokeWidth:0,stroke:"transparent",children:i.map((r,o)=>e(us,{stroke:"0",fill:r.tableName===ji?"var(--ac-global-color-grey-200)":`${Ki[o%Ki.length]}`},`cell-${o}`))}),e(qn,{content:e(hf,{})}),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"?It(t/a.dbStorageCapacityBytes*100):Qs(t)}`}),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"}),e("g",{children: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 js={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"UsersCardQuery",selections:[{args:null,kind:"FragmentSpread",name:"UsersTable_users"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"UsersCardQuery",selections:[{alias:null,args:null,concreteType:"UserConnection",kind:"LinkedField",name:"users",plural:!1,selections:[{alias:null,args:null,concreteType:"UserEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"user",args:null,concreteType:"User",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"authMethod",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},{alias:null,args:null,concreteType:"UserRole",kind:"LinkedField",name:"role",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"926faf98cad4bc437a919677347e277c",id:null,metadata:{},name:"UsersCardQuery",operationKind:"query",text:`query UsersCardQuery {
|
|
113
113
|
...UsersTable_users
|
|
114
114
|
}
|
|
115
115
|
|
|
@@ -140,7 +140,7 @@ fragment UsersTable_users on Query {
|
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
142
|
}
|
|
143
|
-
`}}}();qs.hash="97d1aefa41e8831e57b6bb0d1a078a7c";function bf({onNewUserCreated:n,onNewUserCreationError:a,onDismiss:t}){const[l,i]=I.useMutation(qs),r=
|
|
143
|
+
`}}}();qs.hash="97d1aefa41e8831e57b6bb0d1a078a7c";function bf({onNewUserCreated:n,onNewUserCreationError:a,onDismiss:t}){const[l,i]=I.useMutation(qs),r=u.useCallback(o=>{l({variables:{input:{email:o.email,username:o.username,password:o.password,role:o.role,sendWelcomeEmail:!0}},onCompleted:d=>{n(d.createUser.user.email)},onError:d=>{a(d)}})},[l,n,a]);return e(ae,{onDismiss:t,isDismissable:!0,type:"modal",isKeyboardDismissDisabled:!0,children:e(Z,{title:"Add user",children:e(sp,{onSubmit:r,isSubmitting:i})})})}const Bs={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"UsersTableQuery",selections:[{args:null,kind:"FragmentSpread",name:"UsersTable_users"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"UsersTableQuery",selections:[{alias:null,args:null,concreteType:"UserConnection",kind:"LinkedField",name:"users",plural:!1,selections:[{alias:null,args:null,concreteType:"UserEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"user",args:null,concreteType:"User",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"authMethod",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},{alias:null,args:null,concreteType:"UserRole",kind:"LinkedField",name:"role",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"d3f85064b63f026a47a8ef139638b933",id:null,metadata:{},name:"UsersTableQuery",operationKind:"query",text:`query UsersTableQuery {
|
|
144
144
|
...UsersTable_users
|
|
145
145
|
}
|
|
146
146
|
|
|
@@ -166,21 +166,21 @@ fragment UsersTable_users on Query {
|
|
|
166
166
|
) {
|
|
167
167
|
deleteUsers(input: $input)
|
|
168
168
|
}
|
|
169
|
-
`}}}();Hs.hash="a718ceab0ec0a7d461f6cd5e5b178a1f";function Sf({userId:n,onDeleted:a,onClose:t}){const[l,i]=I.useMutation(Hs),r=ke(),o=Ie(),d=
|
|
169
|
+
`}}}();Hs.hash="a718ceab0ec0a7d461f6cd5e5b178a1f";function Sf({userId:n,onDeleted:a,onClose:t}){const[l,i]=I.useMutation(Hs),r=ke(),o=Ie(),d=u.useCallback(()=>{l({variables:{input:{userIds:[n]}},onCompleted:()=>{r({title:"User deleted",message:"User has been deleted."}),a(),t()},onError:c=>{const p=De(c);o({title:"Failed to delete user",message:(p==null?void 0:p[0])??c.message})}})},[l,o,r,t,a,n]);return s(Z,{title:"Delete User",isDismissable:!0,onDismiss:t,children:[e(C,{padding:"size-200",children:e(v,{color:"danger",children:"Are you sure you want to delete this user? This action cannot be undone."})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:s(h,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(V,{variant:"default",onPress:t,children:"Cancel"}),e(V,{variant:"danger",onPress:()=>{d()},isDisabled:i,children:"Delete user"})]})})]})}const Gs=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"UserMutationPayload",kind:"LinkedField",name:"patchUser",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ResetPasswordDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ResetPasswordDialogMutation",selections:a},params:{cacheID:"6ccff8dd53d97eeb41f656bcd2758da1",id:null,metadata:{},name:"ResetPasswordDialogMutation",operationKind:"mutation",text:`mutation ResetPasswordDialogMutation(
|
|
170
170
|
$input: PatchUserInput!
|
|
171
171
|
) {
|
|
172
172
|
patchUser(input: $input) {
|
|
173
173
|
__typename
|
|
174
174
|
}
|
|
175
175
|
}
|
|
176
|
-
`}}}();Gs.hash="85b22da61ec094c28e97db2759622b69";const Wa=4;function vf({userId:n,onClose:a}){const t=Ie(),l=ke(),[i,r]=I.useMutation(Gs),{control:o,handleSubmit:d,formState:{isDirty:c}}=Qe({defaultValues:{newPassword:"",confirmPassword:""}}),p=
|
|
176
|
+
`}}}();Gs.hash="85b22da61ec094c28e97db2759622b69";const Wa=4;function vf({userId:n,onClose:a}){const t=Ie(),l=ke(),[i,r]=I.useMutation(Gs),{control:o,handleSubmit:d,formState:{isDirty:c}}=Qe({defaultValues:{newPassword:"",confirmPassword:""}}),p=u.useCallback(f=>{i({variables:{input:{userId:n,newPassword:f.newPassword}},onCompleted:()=>{l({title:"Password reset",message:"Users password has been reset."}),a()},onError:m=>{t({title:"Failed to reset password",message:m.message})}})},[i,t,l,a,n]);return e(Z,{title:"Reset Password",isDismissable:!0,onDismiss:a,children:e(ln,{children:s(C,{padding:"size-200",children:[s(h,{direction:"column",gap:"size-100",children:[e(G,{name:"newPassword",control:o,rules:{required:"Password is required",minLength:{value:Wa,message:`Password must be at least ${Wa} characters`}},render:({field:{name:f,onChange:m,onBlur:g,value:y},fieldState:{invalid:k,error:b}})=>s(X,{isInvalid:k,onChange:m,name:f,onBlur:g,value:y.toString(),type:"password",id:"new-password",autoComplete:"new-password",children:[e(W,{children:"New Password"}),e(re,{placeholder:"New password"}),b!=null&&b.message?e(xe,{children:b.message}):s(v,{slot:"description",children:["Password must be at least ",Wa," characters"]})]})}),e(G,{name:"confirmPassword",control:o,rules:{required:"Password is required",minLength:{value:Wa,message:`Password must be at least ${Wa} characters`},validate:(f,m)=>f===m.newPassword||"Passwords do not match"},render:({field:{name:f,onChange:m,onBlur:g,value:y},fieldState:{invalid:k,error:b}})=>s(X,{isInvalid:k,onChange:m,name:f,onBlur:g,value:y.toString(),type:"password",children:[e(W,{children:"Confirm Password"}),e(re,{placeholder:"Repeat new password"}),b!=null&&b.message?e(xe,{children:b.message}):e(v,{slot:"description",children:"Repeat new password to confirm"})]})})]}),e(C,{paddingTop:"size-200",children:e(h,{direction:"row",gap:"size-100",justifyContent:"end",children:e(V,{variant:c?"primary":"default",type:"submit",isDisabled:r,onPress:()=>d(p)(),children:r?"Resetting...":"Reset Password"})})})]})})})}function Cf(n){return n==="LOCAL"}function Ff(n){const{userId:a,onUserDeleted:t,authMethod:l}=n,[i,r]=u.useState(null),o=u.useCallback(()=>{r(e(Sf,{userId:a,onClose:()=>r(null),onDeleted:()=>{t(),r(null)}}))},[a,t]),d=u.useCallback(()=>{r(e(vf,{userId:a,onClose:()=>r(null)}))},[a]),c=u.useMemo(()=>{const p=e(ie,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ye,{})}),e(U,{children:"Delete"})]})},"deleteUser"),f=e(ie,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Tr,{})}),e(U,{children:"Reset Password"})]})},"resetPassword"),m=[p];return Cf(l)&&m.push(f),m},[l]);return s("div",{onClick:p=>{p.preventDefault(),p.stopPropagation()},children:[e(Dn,{align:"end","aria-label":"User Actions",buttonSize:"compact",onAction:p=>{switch(p){case"deleteUser":o();break;case"resetPassword":d();break}},children:c}),e(ae,{type:"modal",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}const Ws=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(
|
|
177
177
|
$input: PatchUserInput!
|
|
178
178
|
) {
|
|
179
179
|
patchUser(input: $input) {
|
|
180
180
|
__typename
|
|
181
181
|
}
|
|
182
182
|
}
|
|
183
|
-
`}}}();Ws.hash="468eff05b42e39b55f9aa5b9a7d2c483";function Kf({userId:n,email:a,currentRole:t,newRole:l,onRoleChanged:i,onClose:r}){const[o,d]=I.useMutation(Ws),c=ke(),p=Ie(),
|
|
183
|
+
`}}}();Ws.hash="468eff05b42e39b55f9aa5b9a7d2c483";function Kf({userId:n,email:a,currentRole:t,newRole:l,onRoleChanged:i,onClose:r}){const[o,d]=I.useMutation(Ws),c=ke(),p=Ie(),f=u.useCallback(()=>{o({variables:{input:{userId:n,newRole:l}},onCompleted:()=>{c({title:"Role Changed",message:"Users role has been changed."}),i(),r()},onError:m=>{p({title:"Failed to delete user",message:m.message})}})},[o,l,p,c,r,i,n]);return s(Z,{title:"Confirm role change",children:[e(C,{padding:"size-200",children:s(v,{children:[`Are you sure you want to change the role for ${a} from `," ",e("b",{children:Fl(t)})," to"," ",e("b",{children:Fl(l)}),"?"]})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:s(h,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(V,{onPress:r,size:"S",children:"Cancel"}),e(V,{variant:"primary",size:"S",onPress:()=>{f()},isDisabled:d,children:"Change role"})]})})]})}const Tf=55,Pf=F`
|
|
184
184
|
text-decoration: none;
|
|
185
185
|
color: var(--ac-global-color-grey-600);
|
|
186
186
|
font-size: 12px;
|
|
@@ -189,12 +189,12 @@ fragment UsersTable_users on Query {
|
|
|
189
189
|
}
|
|
190
190
|
`,If=F`
|
|
191
191
|
height: ${Tf}px;
|
|
192
|
-
`,
|
|
192
|
+
`,qi=n=>n.email==="admin@localhost"||n.username==="admin";function xf({query:n}){const[a,t]=u.useState(null),[l,i]=I.useRefetchableFragment(Us,n),r=u.useMemo(()=>l.users.edges.map(({user:g})=>({id:g.id,email:g.email,username:g.username,profilePictureUrl:g.profilePictureUrl,createdAt:g.createdAt,role:g.role.name,authMethod:g.authMethod})),[l]),o=u.useCallback(()=>{u.startTransition(()=>{i({},{fetchPolicy:"network-only"})})},[i]),{viewer:d}=Nl(),c=u.useMemo(()=>[{header:"user",accessorKey:"username",cell:({row:g})=>s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e($l,{name:g.original.username,profilePictureUrl:g.original.profilePictureUrl,size:20}),e("span",{children:g.original.username}),e("a",{href:`mailto:${g.original.email}`,css:Pf,children:g.original.email})]})},{header:"method",accessorKey:"authMethod",size:10,cell:({row:g})=>g.original.authMethod.toLowerCase()},{header:"role",accessorKey:"role",cell:({row:g})=>qi(g.original)||d&&d.email==g.original.email?Fl(g.original.role):e(dp,{includeLabel:!1,onChange:y=>{y!==g.original.role&&t(e(Kf,{onClose:()=>t(null),onRoleChanged:o,currentRole:g.original.role,newRole:y,email:g.original.email,userId:g.original.id}))},role:op(g.original.role)?g.original.role:void 0})},{header:"created at",accessorKey:"createdAt",cell:Re},{header:"",accessorKey:"id",size:10,cell:({row:g})=>qi(g.original)?null:e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(Ff,{userId:g.original.id,onUserDeleted:o,authMethod:g.original.authMethod})}),meta:{textAlign:"right"}}],[o,d]),p=Le({columns:c,data:r,getCoreRowModel:we(),getSortedRowModel:In()}),f=p.getRowModel().rows,m=p.getRowModel().rows.length===0;return s("table",{css:dn,children:[e("thead",{children:p.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:s("div",{className:y.column.getCanSort()?"cursor-pointer":"",onClick:y.column.getToggleSortingHandler(),style:{left:y.getStart(),width:y.getSize()},children:[J(y.column.columnDef.header,y.getContext()),y.column.getIsSorted()?e(_,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(cn,{}):e(un,{})}):null]})},y.id))},g.id))}),m?e(mn,{}):e("tbody",{children:f.map(g=>e("tr",{css:If,children:g.getVisibleCells().map(y=>e("td",{children:J(y.column.columnDef.cell,y.getContext())},y.id))},g.id))}),e(ae,{onDismiss:()=>t(null),isDismissable:!0,type:"modal",children:a})]})}function Df(){const[n,a]=u.useState(0),[t,l]=u.useState(null),i=ke(),r=Ie(),o=I.useLazyLoadQuery(js,{},{fetchKey:n,fetchPolicy:"store-and-network"});return s(B,{title:"Users",variant:"compact",bodyStyle:{padding:0,overflowX:"auto"},extra:e(V,{onPress:()=>{l(e(bf,{onDismiss:()=>{l(null)},onNewUserCreated:d=>{l(null),i({title:"User added",message:`User ${d} has been added.`}),a(c=>c+1)},onNewUserCreationError:d=>{const c=De(d);r({title:"Error adding user",message:(c==null?void 0:c[0])??d.message})}}))},size:"S",leadingVisual:e(_,{svg:e(_n,{})}),children:"Add User"}),children:[e(u.Suspense,{fallback:e(C,{padding:"size-200",children:e(Fe,{})}),children:e(xf,{query:o})}),e(ae,{onDismiss:()=>{l(null)},children:t})]})}const _f=F`
|
|
193
193
|
.ac-field {
|
|
194
194
|
// Hacky solution to make the text fields fill the remaining space
|
|
195
195
|
width: calc(100% - var(--ac-global-dimension-size-600));
|
|
196
196
|
}
|
|
197
|
-
`;function e2(){const n=qe();return Je(n),s(h,{direction:"column",gap:"size-200",width:"100%",children:[s(h,{direction:"row",gap:"size-200",alignItems:"baseline",children:[e(C,{flex:"2",children:e(B,{title:"Platform Settings",variant:"compact",children:s("form",{css:_f,children:[s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[s(X,{value:Kl,isReadOnly:!0,children:[e(W,{children:"Hostname"}),e(re,{}),e(v,{slot:"description",children:"Connect to Phoenix over HTTP"})]}),e(
|
|
197
|
+
`;function e2(){const n=qe();return Je(n),s(h,{direction:"column",gap:"size-200",width:"100%",children:[s(h,{direction:"row",gap:"size-200",alignItems:"baseline",children:[e(C,{flex:"2",children:e(B,{title:"Platform Settings",variant:"compact",children:s("form",{css:_f,children:[s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[s(X,{value:Kl,isReadOnly:!0,children:[e(W,{children:"Hostname"}),e(re,{}),e(v,{slot:"description",children:"Connect to Phoenix over HTTP"})]}),e(Bi,{text:Kl})]}),s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[s(X,{value:St,isReadOnly:!0,children:[e(W,{children:"Platform Version"}),e(re,{}),e(v,{slot:"description",children:"The version of the Phoenix server"})]}),e(Bi,{text:St})]}),s(h,{direction:"row",gap:"size-100",alignItems:"start",children:[s(X,{value:`pip install 'arize-phoenix==${St}'`,isReadOnly:!0,children:[e(W,{children:"Python Version"}),e(re,{}),e(v,{slot:"description",children:"The version of the Python client library to use to connect to this Phoenix"})]}),e(C,{flex:"none",paddingTop:"size-300",children:e(oe,{size:"M",text:St})})]})]})})}),e(C,{flex:"1",minWidth:280,children:e(B,{title:"Database Usage",variant:"compact",children:e(kf,{query:n})})})]}),e(Pr,{children:s(U,{children:[e(ff,{}),e(Df,{})]})})]})}function Bi(n){return e(C,{paddingBottom:"20px",flex:"none",children:e(oe,{text:n.text,size:"M"})})}const Lf=F`
|
|
198
198
|
display: flex;
|
|
199
199
|
direction: row;
|
|
200
200
|
height: 100vh;
|
|
@@ -223,7 +223,7 @@ fragment UsersTable_users on Query {
|
|
|
223
223
|
display: flex;
|
|
224
224
|
flex-direction: column;
|
|
225
225
|
gap: var(--ac-global-dimension-size-50);
|
|
226
|
-
`;function n2(){return s("div",{css:Lf,"data-testid":"layout",children:[e(Vf,{}),s("div",{css:wf,children:[e(up,{children:e(cp,{})}),e("div",{"data-testid":"content",css:Ef,children:e(
|
|
226
|
+
`;function n2(){return s("div",{css:Lf,"data-testid":"layout",children:[e(Vf,{}),s("div",{css:wf,children:[e(up,{children:e(cp,{})}),e("div",{"data-testid":"content",css:Ef,children:e(u.Suspense,{fallback:e(Fe,{}),children:e(Te,{})})})]})]})}function Vf(){const n=u.useMemo(()=>window.Config.hasInferences,[]),a=Ie(),{authenticationEnabled:t}=uf(),l=ue(),i=u.useCallback(async()=>{const r=await fetch(pn("/auth/logout"),{method:"POST"});if(r.ok){l("/login");return}a({title:"Logout Failed",message:"Failed to log out: "+r.statusText})},[l,a]);return s(Sp,{children:[e(mp,{}),s(h,{direction:"column",justifyContent:"space-between",flex:"1 1 auto",children:[s("ul",{css:Mf,children:[n&&e("li",{children:e(En,{to:"/model",text:"Model",leadingVisual:e(_,{svg:e(pp,{})})})}),e("li",{children:e(En,{to:"/projects",text:"Projects",leadingVisual:e(_,{svg:e(Ir,{})})})}),e("li",{children:e(En,{to:"/datasets",text:"Datasets",leadingVisual:e(_,{svg:e(Nt,{})})})}),e("li",{children:e(En,{to:"/playground",text:"Playground",leadingVisual:e(_,{svg:e(Ka,{})})})}),e("li",{children:e(En,{to:"/prompts",text:"Prompts",leadingVisual:e(_,{svg:e(Ol,{})})})}),e("li",{children:e(En,{to:"/apis",text:"APIs",leadingVisual:e(_,{svg:e(Ql,{})})})})]}),s("ul",{css:Rf,children:[e("li",{children:e(En,{to:"/settings/general",text:"Settings",leadingVisual:e(_,{svg:e(xr,{})})})}),e("li",{children:e(gp,{})}),e("li",{children:e(En,{to:"/support",text:"Support",leadingVisual:e(_,{svg:e(yp,{})})})}),e("li",{children:e(fp,{})}),t&&s(U,{children:[e("li",{children:e(En,{to:"/profile",text:"Profile",leadingVisual:e(_,{svg:e(hp,{})})})}),e("li",{children:e(kp,{text:"Log Out",leadingVisual:e(_,{svg:e(bp,{})}),onClick:i})})]})]})]})]})}const Js=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},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{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:"73f41a4d1a52207ec36287e8c6c527cc",id:null,metadata:{},name:"ProjectConfigPageProjectConfigCardQuery",operationKind:"query",text:`query ProjectConfigPageProjectConfigCardQuery(
|
|
227
227
|
$id: GlobalID!
|
|
228
228
|
) {
|
|
229
229
|
node(id: $id) {
|
|
@@ -240,7 +240,7 @@ fragment ProjectConfigPage_projectConfigCard on Project {
|
|
|
240
240
|
gradientStartColor
|
|
241
241
|
gradientEndColor
|
|
242
242
|
}
|
|
243
|
-
`}}}();Js.hash="3bd54e77e19bb08ca53696b5fc9a5c22";const Zs={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Js,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ProjectConfigPage_projectConfigCard",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientStartColor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientEndColor",storageKey:null}],type:"Project",abstractKey:null};Zs.hash="3bd54e77e19bb08ca53696b5fc9a5c22";const Af=["traces","spans","sessions"],
|
|
243
|
+
`}}}();Js.hash="3bd54e77e19bb08ca53696b5fc9a5c22";const Zs={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Js,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ProjectConfigPage_projectConfigCard",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientStartColor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientEndColor",storageKey:null}],type:"Project",abstractKey:null};Zs.hash="3bd54e77e19bb08ca53696b5fc9a5c22";const Af=["traces","spans","sessions"],ii=30,Xs=n=>Af.includes(n),Ys=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:"ProjectPageQueriesProjectConfigQuery",selections:[{alias:"project",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:"ProjectPageQueriesProjectConfigQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args: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:"92a104050258aeb9404066cf783b1888",id:null,metadata:{},name:"ProjectPageQueriesProjectConfigQuery",operationKind:"query",text:`query ProjectPageQueriesProjectConfigQuery(
|
|
244
244
|
$id: GlobalID!
|
|
245
245
|
) {
|
|
246
246
|
project: node(id: $id) {
|
|
@@ -377,7 +377,7 @@ fragment SpansTable_spans on Project {
|
|
|
377
377
|
}
|
|
378
378
|
id
|
|
379
379
|
}
|
|
380
|
-
`}}}();no.hash="a5fa32795ad28b109d44f7d21b18afa0";const ao=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r=[{kind:"Literal",name:"first",value:30},{kind:"Literal",name:"rootSpansOnly",value:!0},{kind:"Literal",name:"sort",value:{col:"startTime",dir:"desc"}},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],o={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},
|
|
380
|
+
`}}}();no.hash="a5fa32795ad28b109d44f7d21b18afa0";const ao=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r=[{kind:"Literal",name:"first",value:30},{kind:"Literal",name:"rootSpansOnly",value:!0},{kind:"Literal",name:"sort",value:{col:"startTime",dir:"desc"}},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],o={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},f=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],m={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:f,storageKey:null},g={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:f,storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},k={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},b={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[l,i,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},S={alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectPageQueriesTracesQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"TracesTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectPageQueriesTracesQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[i,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:"rootSpans",args:r,concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"rootSpan",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[l,o,i,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},d,c,{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountCompletion",storageKey:null},p,m,g,y,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[l,k,{alias:null,args:null,kind:"ScalarField",name:"numSpans",storageKey:null}],storageKey:null},b,S,{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:[l,o,i,{alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},d,c,p,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"cumulativeTokenCountPrompt",args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:"cumulativeTokenCountCompletion",args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},m,g,y,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[l,k],storageKey:null},b,S],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:[t],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:"rootSpans",args:r,filters:["sort","rootSpansOnly","filterCondition","timeRange"],handle:"connection",key:"TracesTable_rootSpans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"64916c7696b304920074bd5ab383b8a0",id:null,metadata:{},name:"ProjectPageQueriesTracesQuery",operationKind:"query",text:`query ProjectPageQueriesTracesQuery(
|
|
381
381
|
$id: GlobalID!
|
|
382
382
|
$timeRange: TimeRange!
|
|
383
383
|
) {
|
|
@@ -488,7 +488,7 @@ fragment TracesTable_spans on Project {
|
|
|
488
488
|
}
|
|
489
489
|
id
|
|
490
490
|
}
|
|
491
|
-
`}}}();ao.hash="115733d83356cd8ac9fd611fe725d41a";const to=ao,lo=no,io=eo,ro=Ys,so=
|
|
491
|
+
`}}}();ao.hash="115733d83356cd8ac9fd611fe725d41a";const to=ao,lo=no,io=eo,ro=Ys,so=u.createContext({spansQueryReference:null,sessionsQueryReference:null,tracesQueryReference:null,projectConfigQueryReference:null}),nl=()=>{const n=u.useContext(so);if(!n)throw new Error("ProjectPageQueryReferenceContext not found");return n},zf=F`
|
|
492
492
|
overflow-y: auto;
|
|
493
493
|
`,Nf=F`
|
|
494
494
|
padding: var(--ac-global-dimension-size-400);
|
|
@@ -504,7 +504,7 @@ fragment TracesTable_spans on Project {
|
|
|
504
504
|
flex: none;
|
|
505
505
|
border-radius: 50%;
|
|
506
506
|
margin-top: var(--ac-global-dimension-size-100);
|
|
507
|
-
`,a2=()=>{const{projectConfigQueryReference:n}=nl();return n?e("main",{css:zf,children:e("div",{css:Nf,children:e(
|
|
507
|
+
`,a2=()=>{const{projectConfigQueryReference:n}=nl();return n?e("main",{css:zf,children:e("div",{css:Nf,children:e(u.Suspense,{fallback:e(Fe,{}),children:e(Of,{project:n})})})}):null},Of=({project:n})=>{const a=I.usePreloadedQuery(ro,n);return e(h,{direction:"column",gap:"size-200",children:e(Qf,{project:a.project})})},Qf=({project:n})=>{const[a]=I.useRefetchableFragment(Zs,n),{defaultTab:t,setDefaultTab:l}=rt(i=>({defaultTab:i.defaultTab,setDefaultTab:i.setDefaultTab}));return e(B,{title:"Project Settings",variant:"compact",children:s(h,{direction:"row",gap:"size-200",children:[e("div",{css:[$f,{background:`linear-gradient(136.27deg, ${a.gradientStartColor} 14.03%, ${a.gradientEndColor} 84.38%)`}]}),e("div",{css:F`
|
|
508
508
|
width: 100%;
|
|
509
509
|
.ac-dropdown,
|
|
510
510
|
.ac-dropdown-button {
|
|
@@ -534,7 +534,7 @@ fragment PromptVersionTagsConfigCard_data on Prompt {
|
|
|
534
534
|
promptVersionId
|
|
535
535
|
}
|
|
536
536
|
}
|
|
537
|
-
`}}}();oo.hash="2dcab1077c1d7e48736d23d95ce22331";const l2=async({params:n})=>{const a=n.promptId;if(!a)throw new Error("Prompt ID is required");return await I.fetchQuery(Ke,oo,{id:a}).toPromise()},co={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptIndexPage__aside",selections:[{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{args:null,kind:"FragmentSpread",name:"PromptLatestVersionsListFragment"},{args:null,kind:"FragmentSpread",name:"EditPromptButton_data"}],type:"Prompt",abstractKey:null};co.hash="a77263d84d9add47173ed2e3d0243952";const uo={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptIndexPage__main",selections:[{alias:null,args:null,concreteType:"PromptVersionConnection",kind:"LinkedField",name:"promptVersions",plural:!1,selections:[{alias:null,args:null,concreteType:"PromptVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"PromptVersion",kind:"LinkedField",name:"node",plural:!1,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"}],storageKey:null}],storageKey:null}],storageKey:null},{args:null,kind:"FragmentSpread",name:"PromptIndexPage__aside"}],type:"Prompt",abstractKey:null};uo.hash="a883b83f574448623a2b02a60d899d41";const mo={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptModelConfigurationCard__main",selections:[{alias:"model",args:null,kind:"ScalarField",name:"modelName",storageKey:null},{alias:"provider",args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{args:null,kind:"FragmentSpread",name:"PromptLLM__main"},{args:null,kind:"FragmentSpread",name:"PromptInvocationParameters__main"},{args:null,kind:"FragmentSpread",name:"PromptTools__main"},{args:null,kind:"FragmentSpread",name:"PromptResponseFormatFragment"}],type:"PromptVersion",abstractKey:null};mo.hash="1c4202299f1f881250b17b75244fac54";const po={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptInvocationParameters__main",selections:[{alias:null,args:null,kind:"ScalarField",name:"invocationParameters",storageKey:null}],type:"PromptVersion",abstractKey:null};po.hash="4f00ab4f0396fffb81a1b068e544cfcf";function jf({keyName:n,value:a}){const{json:t,stringifyError:l}=Fn(a);return l?null:e(C,{paddingStart:"size-100",paddingEnd:"size-100",children:s(h,{direction:"row",justifyContent:"space-between",children:[e(v,{size:"XS",color:"text-700",children:n}),e(v,{size:"XS",children:t})]})})}function qf({promptVersion:n}){const{invocationParameters:a}=I.useFragment(po,n),t=
|
|
537
|
+
`}}}();oo.hash="2dcab1077c1d7e48736d23d95ce22331";const l2=async({params:n})=>{const a=n.promptId;if(!a)throw new Error("Prompt ID is required");return await I.fetchQuery(Ke,oo,{id:a}).toPromise()},co={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptIndexPage__aside",selections:[{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{args:null,kind:"FragmentSpread",name:"PromptLatestVersionsListFragment"},{args:null,kind:"FragmentSpread",name:"EditPromptButton_data"}],type:"Prompt",abstractKey:null};co.hash="a77263d84d9add47173ed2e3d0243952";const uo={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptIndexPage__main",selections:[{alias:null,args:null,concreteType:"PromptVersionConnection",kind:"LinkedField",name:"promptVersions",plural:!1,selections:[{alias:null,args:null,concreteType:"PromptVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"PromptVersion",kind:"LinkedField",name:"node",plural:!1,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"}],storageKey:null}],storageKey:null}],storageKey:null},{args:null,kind:"FragmentSpread",name:"PromptIndexPage__aside"}],type:"Prompt",abstractKey:null};uo.hash="a883b83f574448623a2b02a60d899d41";const mo={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptModelConfigurationCard__main",selections:[{alias:"model",args:null,kind:"ScalarField",name:"modelName",storageKey:null},{alias:"provider",args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{args:null,kind:"FragmentSpread",name:"PromptLLM__main"},{args:null,kind:"FragmentSpread",name:"PromptInvocationParameters__main"},{args:null,kind:"FragmentSpread",name:"PromptTools__main"},{args:null,kind:"FragmentSpread",name:"PromptResponseFormatFragment"}],type:"PromptVersion",abstractKey:null};mo.hash="1c4202299f1f881250b17b75244fac54";const po={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptInvocationParameters__main",selections:[{alias:null,args:null,kind:"ScalarField",name:"invocationParameters",storageKey:null}],type:"PromptVersion",abstractKey:null};po.hash="4f00ab4f0396fffb81a1b068e544cfcf";function jf({keyName:n,value:a}){const{json:t,stringifyError:l}=Fn(a);return l?null:e(C,{paddingStart:"size-100",paddingEnd:"size-100",children:s(h,{direction:"row",justifyContent:"space-between",children:[e(v,{size:"XS",color:"text-700",children:n}),e(v,{size:"XS",children:t})]})})}function qf({promptVersion:n}){const{invocationParameters:a}=I.useFragment(po,n),t=u.useMemo(()=>hm(a)?Object.entries(a).map(([l,i])=>({key:l,value:i})):[],[a]);return t.length===0?e(C,{padding:"size-200",children:e(h,{justifyContent:"center",alignItems:"center",children:e(v,{color:"text-300",children:"No parameters saved for this prompt"})})}):e(Rt,{listSize:"small",children:t.map(({key:l,value:i},r)=>e(Et,{children:e(jf,{keyName:l,value:i})},`${l}-${r}`))})}const go={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptLLM__main",selections:[{alias:"model",args:null,kind:"ScalarField",name:"modelName",storageKey:null},{alias:"provider",args:null,kind:"ScalarField",name:"modelProvider",storageKey:null}],type:"PromptVersion",abstractKey:null};go.hash="acc90da43126218472d2fc19cd8d0512";const Ui=({keyName:n,children:a})=>e(Et,{listSize:"small",children:e(C,{paddingStart:"size-100",paddingEnd:"size-100",children:s(h,{direction:"row",justifyContent:"space-between",children:[e(v,{size:"XS",color:"text-700",children:n}),e(v,{size:"XS",children:a})]})})});function Bf({promptVersion:n}){const a=I.useFragment(go,n);return s(ge,{id:"llm",children:[e(me,{children:"LLM"}),e(pe,{children:s(Rt,{listSize:"small",children:[e(Ui,{keyName:"Model",children:a.model}),e(Ui,{keyName:"Provider",children:Tl[a.provider]??a.provider})]})})]})}const yo={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptResponseFormatFragment",selections:[{alias:null,args:null,concreteType:"ResponseFormat",kind:"LinkedField",name:"responseFormat",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"definition",storageKey:null}],storageKey:null}],type:"PromptVersion",abstractKey:null};yo.hash="154d745ec5e978e0dfc811ebfb9faa8c";function Uf({promptVersion:n}){const{responseFormat:a}=I.useFragment(yo,n),t=u.useMemo(()=>typeof(a==null?void 0:a.definition)=="string"?Fn(Ve(a==null?void 0:a.definition).json||"",null,2).json||"":Fn(a==null?void 0:a.definition,null,2).json||"",[a==null?void 0:a.definition]);return t?s(ge,{id:"response-format",children:[e(me,{children:"Response Format"}),e(pe,{children:e(an,{value:t})})]}):s(ge,{id:"response-format",children:[e(me,{children:"Response Format"}),e(pe,{children:e(C,{padding:"size-200",children:e(h,{justifyContent:"center",alignItems:"center",children:e(v,{color:"text-300",children:"No response format specified for this prompt"})})})})]})}const fo={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptTools__main",selections:[{alias:null,args:null,concreteType:"ToolDefinition",kind:"LinkedField",name:"tools",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"definition",storageKey:null}],storageKey:null}],type:"PromptVersion",abstractKey:null};fo.hash="aa512d962d83a58b70ae0e17f01242b3";function Hf({promptVersion:n}){const{tools:a}=I.useFragment(fo,n),t=u.useMemo(()=>a.map((l,i)=>{const r=l.definition;return{name:Fp(r)||`Tool ${i+1}`,description:Cp(r)||void 0,definition:Fn(r,null,2).json||"{}"}}),[a]);return t.length===0?s(ge,{id:"tools",children:[e(me,{children:"Tools"}),e(pe,{children:e(C,{padding:"size-200",children:e(h,{justifyContent:"center",alignItems:"center",children:e(v,{color:"text-300",children:"No tools specified for this prompt"})})})})]}):s(h,{direction:"column",children:[e(Kp,{bordered:!1,children:"Tools"}),e(rn,{css:F`
|
|
538
538
|
& {
|
|
539
539
|
> .ac-disclosure:last-child {
|
|
540
540
|
&[data-expanded="true"] {
|
|
@@ -730,8 +730,8 @@ fragment PromptVersionTagsList_data on PromptVersion {
|
|
|
730
730
|
name
|
|
731
731
|
}
|
|
732
732
|
}
|
|
733
|
-
`}}}();ko.hash="3ce25c8fbe5598ec1ee037a9778a6957";const bo={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};bo.hash="24788aacf7830c0e5037befe576f4968";function Gf(n){const[a,t]=m.useState(!1),l=ke(),i=Ie(),r=I.useFragment(bo,n.prompt),[o,d]=I.useMutation(ko),{control:c,handleSubmit:p}=Qe({defaultValues:{description:r.description??""}}),y=m.useCallback(u=>{o({variables:{input:{promptId:r.id,description:u.description}},onCompleted:()=>{t(!1),l({title:"Prompt updated",message:"The prompt has been updated successfully"})},onError:g=>{var f;i({title:"Error updating prompt",message:(f=De(g))==null?void 0:f[0]})}})},[r.id,o,i,l]);return s(Lt,{isOpen:a,onOpenChange:t,children:[e(V,{size:"S",leadingVisual:e(_,{svg:e(Ir,{})}),variant:"quiet","aria-label":"configure prompt",onPress:()=>t(!0)}),e(xr,{size:"S",isDismissable:!0,children:s(_t,{children:[e(se,{slot:"title",children:"Edit Prompt Details"}),s(ln,{children:[e(C,{padding:"size-200",children:e(G,{name:"description",control:c,render:({field:u})=>s(X,{value:u.value,onChange:u.onChange,children:[e(W,{children:"Prompt Description"}),e(Ca,{placeholder:"Enter a description for the prompt"}),e(v,{slot:"description",children:"A description of the prompt"})]})})}),e(C,{paddingX:"size-200",paddingY:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:s(h,{direction:"row",gap:"size-100",justifyContent:"end",children:[e(V,{slot:"close",size:"S",children:"Cancel"}),e(V,{variant:"primary",size:"S",isDisabled:d,onPress:()=>p(y)(),children:d?"Saving...":"Save"})]})})]})]})})]})}const So=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}}();So.hash="e0d9c12926330e5e774cbc64de158a82";const ii=w.object({text:w.object({text:w.string()})}),ri=w.object({toolCall:w.object({toolCallId:w.string(),toolCall:w.object({name:w.string(),arguments:w.string()})})}),si=w.object({toolResult:w.object({toolCallId:w.string(),result:Ml})}),al=n=>{const a=ii.safeParse(n);return a.success?a.data:null},vo=n=>{const a={text:{text:n}},t=ii.safeParse(a);return t.success?t.data:null},oi=n=>{const a=ri.safeParse(n);return a.success?a.data:null},Co=n=>{const a=Tp(n),t=Pp(n),l=Ip(n);if(!a)return null;const i=Fn(l).json||"",r={toolCall:{toolCallId:a,toolCall:{name:t||a,arguments:i}}},o=ri.safeParse(r);return o.success?o.data:null},di=n=>{const a=si.safeParse(n);return a.success?a.data:null},Fo=(n,a)=>{const t={toolResult:{toolCallId:n,result:a}},l=si.safeParse(t);return l.success?l.data:null};function ht(n){return m.useMemo(()=>{const a=n.toLowerCase();return a==="user"||a==="human"?{backgroundColor:"grey-200",borderColor:"grey-500"}:a==="assistant"||a==="ai"?{backgroundColor:"blue-100",borderColor:"blue-700"}:a==="system"||a==="developer"?{backgroundColor:"indigo-100",borderColor:"indigo-700"}:["function","tool"].includes(a)?{backgroundColor:"yellow-100",borderColor:"yellow-700"}:{backgroundColor:"grey-100",borderColor:"grey-700"}},[n])}const tl={text:"Text",toolCall:"Tool Call",toolResult:"Tool Result"},Wf=Object.values(tl);function Jf({toolResult:n,isOnlyChild:a}){const t=m.useMemo(()=>{const l=n.toolResult.result;return ti(l)},[n]);return e(ci,{title:tl.toolResult,isOnlyChild:a,children:s(h,{direction:"column",children:[e(C,{paddingX:"size-200",paddingTop:"size-100",children:s(h,{direction:"column",justifyContent:"start",gap:"size-100",children:[e(v,{weight:"heavy",size:"XS",children:"Tool ID"}),e(C,{paddingX:"size-300",children:e(v,{size:"XS",children:n.toolResult.toolCallId})})]})}),s(h,{direction:"column",children:[e(C,{paddingX:"size-200",paddingTop:"size-100",children:e(v,{weight:"heavy",size:"XS",children:"Tool Result"})}),e($t,{readOnly:!0,children:e(Ot,{readOnly:!0,height:"100%",defaultValue:t,templateFormat:nn.NONE})})]})]})})}function Zf({provider:n,toolCall:a,isOnlyChild:t}){const l=m.useMemo(()=>{const i=Dr(a,n);return Fn(i,null,2).json||""},[n,a]);return e(ci,{title:tl.toolCall,isOnlyChild:t,children:e($t,{readOnly:!0,children:e(Ot,{readOnly:!0,height:"100%",defaultValue:l,templateFormat:nn.NONE})})})}function Xf(n){const{text:a,templateFormat:t,isOnlyChild:l}=n;return e(ci,{title:tl.text,isOnlyChild:l,children:e($t,{readOnly:!0,children:e(Ot,{readOnly:!0,height:"100%",defaultValue:a,templateFormat:t})})})}function ci({title:n,children:a,isOnlyChild:t}){return t?e(U,{children:a}):s(ge,{id:n,children:[e(me,{children:e(v,{weight:"heavy",size:"S",children:n})}),e(pe,{children:a})]})}function Yf(n){const{role:a,children:t}=n,l=ht(a);return e(B,{title:a,variant:"compact",...l,bodyStyle:{padding:0},collapsible:!0,children:e(rn,{defaultExpandedKeys:Wf,children:t})})}function eh({promptVersion:n}){const{template:a,templateFormat:t,provider:l}=I.useFragment(So,n);if(a.__typename==="PromptStringTemplate")return e(v,{children:a.template});if(a.__typename==="PromptChatTemplate")return e(ah,{template:a,templateFormat:t,provider:Cs(l)||vr});if(a.__typename==="%other")throw new Error("Unknown template type"+a.__typename)}function nh({part:n,templateFormat:a,provider:t,isOnlyChild:l}){let i=al(n);return i?e(Xf,{text:i.text.text,templateFormat:a,isOnlyChild:l}):(i=oi(n),i?e(Zf,{toolCall:i,provider:t,isOnlyChild:l}):(i=di(n),i?e(Jf,{toolResult:i,isOnlyChild:l}):null))}function ah({template:n,templateFormat:a,provider:t}){const{messages:l}=n;return e(h,{direction:"column",gap:"size-100","data-testid":"chat-messages",children:l.map((i,r)=>{const o=i.content.length===1&&i.content.find(al)!=null;return e(Yf,{role:i.role,children:i.content.map((d,c)=>e(nh,{part:d,templateFormat:a,provider:t,isOnlyChild:o},`${c}-${d.__typename}`))},r)})})}function Ko({title:n="Prompt",promptVersion:a}){return e(B,{title:n,variant:"compact",collapsible:!0,"data-testid":"prompt-chat-messages-card",children:e(eh,{promptVersion:a})})}const To=function(){var n=[{alias:null,args:null,kind:"ScalarField",name:"definition",storageKey:null}],a={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t={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:[t,{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:[t,{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}}();To.hash="3fa95713c234bb0cfa4c36e8e4f9cea0";const th=w.enum(["system","user","assistant","developer","tool","function"]),ll=w.object({role:th,content:w.string().nullable(),name:w.string().optional(),tool_call_id:w.string().optional(),tool_calls:w.array(xp).optional()}).passthrough(),lh=w.array(ll);Dt(lh,{removeAdditionalStrategy:"passthrough"});const ih=w.enum(["user","assistant","tool"]),rh=Dp.extend({type:w.string(),text:w.string().optional(),id:w.string().optional(),tool_use_id:w.string().optional(),name:w.string().optional(),input:w.record(w.unknown()).optional(),source:w.object({type:w.string(),media_type:w.string().optional(),data:w.string().optional()}).optional()}),Po=w.object({role:ih,content:w.union([w.string(),w.array(rh)])}),sh=w.array(Po);Dt(sh,{removeAdditionalStrategy:"passthrough"});const oh=w.enum(["SYSTEM","USER","AI","TOOL"]),dh=w.object({image:w.object({url:w.string()})}),ch=w.discriminatedUnion("__typename",[ii.extend({__typename:w.literal("TextContentPart")}),dh.extend({__typename:w.literal("ImageContentPart")}),ri.extend({__typename:w.literal("ToolCallContentPart")}),si.extend({__typename:w.literal("ToolResultContentPart")})]),il=w.object({role:oh,content:w.array(ch)}).passthrough(),uh=w.array(il);Dt(uh,{removeAdditionalStrategy:"passthrough"});const Io=ll.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(t=>_p.parse(t))]}:n.tool_call_id?{...a,content:[{type:"tool_result",tool_use_id:n.tool_call_id,content:n.content}]}:a}),xo=il.transform(n=>{if(n.role==="TOOL"){const l=n.content.map(i=>di(i)).find(i=>!!i);if(!l)throw new Error("TOOL role message must have a ToolResultContentPart");return{role:"tool",content:ti(l.toolResult.result),tool_call_id:l.toolResult.toolCallId}}const a={role:{SYSTEM:"system",USER:"user",AI:"assistant",TOOL:"tool"}[n.role],content:n.content.map(l=>al(l)).filter(l=>!!l).map(l=>l.text.text).join(`
|
|
734
|
-
`)},t=n.content.map(l=>
|
|
733
|
+
`}}}();ko.hash="3ce25c8fbe5598ec1ee037a9778a6957";const bo={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};bo.hash="24788aacf7830c0e5037befe576f4968";function Gf(n){const[a,t]=u.useState(!1),l=ke(),i=Ie(),r=I.useFragment(bo,n.prompt),[o,d]=I.useMutation(ko),{control:c,handleSubmit:p}=Qe({defaultValues:{description:r.description??""}}),f=u.useCallback(m=>{o({variables:{input:{promptId:r.id,description:m.description}},onCompleted:()=>{t(!1),l({title:"Prompt updated",message:"The prompt has been updated successfully"})},onError:g=>{var y;i({title:"Error updating prompt",message:(y=De(g))==null?void 0:y[0]})}})},[r.id,o,i,l]);return s(Lt,{isOpen:a,onOpenChange:t,children:[e(V,{size:"S",leadingVisual:e(_,{svg:e(xr,{})}),variant:"quiet","aria-label":"configure prompt",onPress:()=>t(!0)}),e(Dr,{size:"S",isDismissable:!0,children:s(_t,{children:[e(se,{slot:"title",children:"Edit Prompt Details"}),s(ln,{children:[e(C,{padding:"size-200",children:e(G,{name:"description",control:c,render:({field:m})=>s(X,{value:m.value,onChange:m.onChange,children:[e(W,{children:"Prompt Description"}),e(Ca,{placeholder:"Enter a description for the prompt"}),e(v,{slot:"description",children:"A description of the prompt"})]})})}),e(C,{paddingX:"size-200",paddingY:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:s(h,{direction:"row",gap:"size-100",justifyContent:"end",children:[e(V,{slot:"close",size:"S",children:"Cancel"}),e(V,{variant:"primary",size:"S",isDisabled:d,onPress:()=>p(f)(),children:d?"Saving...":"Save"})]})})]})]})})]})}const So=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}}();So.hash="e0d9c12926330e5e774cbc64de158a82";const ri=w.object({text:w.object({text:w.string()})}),si=w.object({toolCall:w.object({toolCallId:w.string(),toolCall:w.object({name:w.string(),arguments:w.string()})})}),oi=w.object({toolResult:w.object({toolCallId:w.string(),result:Ml})}),al=n=>{const a=ri.safeParse(n);return a.success?a.data:null},vo=n=>{const a={text:{text:n}},t=ri.safeParse(a);return t.success?t.data:null},di=n=>{const a=si.safeParse(n);return a.success?a.data:null},Co=n=>{const a=Tp(n),t=Pp(n),l=Ip(n);if(!a)return null;const i=Fn(l).json||"",r={toolCall:{toolCallId:a,toolCall:{name:t||a,arguments:i}}},o=si.safeParse(r);return o.success?o.data:null},ci=n=>{const a=oi.safeParse(n);return a.success?a.data:null},Fo=(n,a)=>{const t={toolResult:{toolCallId:n,result:a}},l=oi.safeParse(t);return l.success?l.data:null};function ht(n){return u.useMemo(()=>{const a=n.toLowerCase();return a==="user"||a==="human"?{backgroundColor:"grey-200",borderColor:"grey-500"}:a==="assistant"||a==="ai"?{backgroundColor:"blue-100",borderColor:"blue-700"}:a==="system"||a==="developer"?{backgroundColor:"indigo-100",borderColor:"indigo-700"}:["function","tool"].includes(a)?{backgroundColor:"yellow-100",borderColor:"yellow-700"}:{backgroundColor:"grey-100",borderColor:"grey-700"}},[n])}const tl={text:"Text",toolCall:"Tool Call",toolResult:"Tool Result"},Wf=Object.values(tl);function Jf({toolResult:n,isOnlyChild:a}){const t=u.useMemo(()=>{const l=n.toolResult.result;return li(l)},[n]);return e(ui,{title:tl.toolResult,isOnlyChild:a,children:s(h,{direction:"column",children:[e(C,{paddingX:"size-200",paddingTop:"size-100",children:s(h,{direction:"column",justifyContent:"start",gap:"size-100",children:[e(v,{weight:"heavy",size:"XS",children:"Tool ID"}),e(C,{paddingX:"size-300",children:e(v,{size:"XS",children:n.toolResult.toolCallId})})]})}),s(h,{direction:"column",children:[e(C,{paddingX:"size-200",paddingTop:"size-100",children:e(v,{weight:"heavy",size:"XS",children:"Tool Result"})}),e($t,{readOnly:!0,children:e(Ot,{readOnly:!0,height:"100%",defaultValue:t,templateFormat:nn.NONE})})]})]})})}function Zf({provider:n,toolCall:a,isOnlyChild:t}){const l=u.useMemo(()=>{const i=_r(a,n);return Fn(i,null,2).json||""},[n,a]);return e(ui,{title:tl.toolCall,isOnlyChild:t,children:e($t,{readOnly:!0,children:e(Ot,{readOnly:!0,height:"100%",defaultValue:l,templateFormat:nn.NONE})})})}function Xf(n){const{text:a,templateFormat:t,isOnlyChild:l}=n;return e(ui,{title:tl.text,isOnlyChild:l,children:e($t,{readOnly:!0,children:e(Ot,{readOnly:!0,height:"100%",defaultValue:a,templateFormat:t})})})}function ui({title:n,children:a,isOnlyChild:t}){return t?e(U,{children:a}):s(ge,{id:n,children:[e(me,{children:e(v,{weight:"heavy",size:"S",children:n})}),e(pe,{children:a})]})}function Yf(n){const{role:a,children:t}=n,l=ht(a);return e(B,{title:a,variant:"compact",...l,bodyStyle:{padding:0},collapsible:!0,children:e(rn,{defaultExpandedKeys:Wf,children:t})})}function eh({promptVersion:n}){const{template:a,templateFormat:t,provider:l}=I.useFragment(So,n);if(a.__typename==="PromptStringTemplate")return e(v,{children:a.template});if(a.__typename==="PromptChatTemplate")return e(ah,{template:a,templateFormat:t,provider:Cs(l)||Cr});if(a.__typename==="%other")throw new Error("Unknown template type"+a.__typename)}function nh({part:n,templateFormat:a,provider:t,isOnlyChild:l}){let i=al(n);return i?e(Xf,{text:i.text.text,templateFormat:a,isOnlyChild:l}):(i=di(n),i?e(Zf,{toolCall:i,provider:t,isOnlyChild:l}):(i=ci(n),i?e(Jf,{toolResult:i,isOnlyChild:l}):null))}function ah({template:n,templateFormat:a,provider:t}){const{messages:l}=n;return e(h,{direction:"column",gap:"size-100","data-testid":"chat-messages",children:l.map((i,r)=>{const o=i.content.length===1&&i.content.find(al)!=null;return e(Yf,{role:i.role,children:i.content.map((d,c)=>e(nh,{part:d,templateFormat:a,provider:t,isOnlyChild:o},`${c}-${d.__typename}`))},r)})})}function Ko({title:n="Prompt",promptVersion:a}){return e(B,{title:n,variant:"compact",collapsible:!0,"data-testid":"prompt-chat-messages-card",children:e(eh,{promptVersion:a})})}const To=function(){var n=[{alias:null,args:null,kind:"ScalarField",name:"definition",storageKey:null}],a={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t={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:[t,{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:[t,{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}}();To.hash="3fa95713c234bb0cfa4c36e8e4f9cea0";const th=w.enum(["system","user","assistant","developer","tool","function"]),ll=w.object({role:th,content:w.string().nullable(),name:w.string().optional(),tool_call_id:w.string().optional(),tool_calls:w.array(xp).optional()}).passthrough(),lh=w.array(ll);Dt(lh,{removeAdditionalStrategy:"passthrough"});const ih=w.enum(["user","assistant","tool"]),rh=Dp.extend({type:w.string(),text:w.string().optional(),id:w.string().optional(),tool_use_id:w.string().optional(),name:w.string().optional(),input:w.record(w.unknown()).optional(),source:w.object({type:w.string(),media_type:w.string().optional(),data:w.string().optional()}).optional()}),Po=w.object({role:ih,content:w.union([w.string(),w.array(rh)])}),sh=w.array(Po);Dt(sh,{removeAdditionalStrategy:"passthrough"});const oh=w.enum(["SYSTEM","USER","AI","TOOL"]),dh=w.object({image:w.object({url:w.string()})}),ch=w.discriminatedUnion("__typename",[ri.extend({__typename:w.literal("TextContentPart")}),dh.extend({__typename:w.literal("ImageContentPart")}),si.extend({__typename:w.literal("ToolCallContentPart")}),oi.extend({__typename:w.literal("ToolResultContentPart")})]),il=w.object({role:oh,content:w.array(ch)}).passthrough(),uh=w.array(il);Dt(uh,{removeAdditionalStrategy:"passthrough"});const Io=ll.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(t=>_p.parse(t))]}:n.tool_call_id?{...a,content:[{type:"tool_result",tool_use_id:n.tool_call_id,content:n.content}]}:a}),xo=il.transform(n=>{if(n.role==="TOOL"){const l=n.content.map(i=>ci(i)).find(i=>!!i);if(!l)throw new Error("TOOL role message must have a ToolResultContentPart");return{role:"tool",content:li(l.toolResult.result),tool_call_id:l.toolResult.toolCallId}}const a={role:{SYSTEM:"system",USER:"user",AI:"assistant",TOOL:"tool"}[n.role],content:n.content.map(l=>al(l)).filter(l=>!!l).map(l=>l.text.text).join(`
|
|
734
|
+
`)},t=n.content.map(l=>di(l)).filter(l=>!!l).map(l=>({id:l.toolCall.toolCallId,type:"function",function:{name:l.toolCall.toolCall.name,arguments:typeof l.toolCall.toolCall.arguments=="string"?JSON.parse(l.toolCall.toolCall.arguments):l.toolCall.toolCall.arguments}}));return t.length>0?{...a,tool_calls:t}:a});ll.transform(n=>{const a=[];if(n.role==="tool"&&n.tool_call_id){const l=Fo(n.tool_call_id,n.content);return l&&a.push({__typename:"ToolResultContentPart",...l}),{role:"TOOL",content:a}}if(n.content){const l=vo(n.content);l&&a.push({__typename:"TextContentPart",...l})}return n.tool_calls&&n.tool_calls.forEach(l=>{const i=Co({id:l.id,name:l.function.name,arguments:l.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 mh=({message:n,targetProvider:a})=>{switch(a){case"AZURE_OPENAI":case"OPENAI":return n;case"ANTHROPIC":return Io.parse(n);case"GOOGLE":return n;default:return Ce()}};w.union([ll,Po,il,Ml]);il.transform(n=>Io.parse(xo.parse(n)));const Sn=" ",vt=({json:n,level:a,removeKeyQuotes:t=!1})=>{const l=Sn.repeat(a);let i=JSON.stringify(n,null,Sn);return i=i.split(`
|
|
735
735
|
`).map((r,o)=>o>0?l+r:r).join(`
|
|
736
736
|
`),t&&(i=i.replace(/"([a-zA-Z_$][a-zA-Z0-9_$]*)"\s*:/g,"$1:")),i},ph=gn.template(`
|
|
737
737
|
from openai import OpenAI
|
|
@@ -859,10 +859,10 @@ const response = await anthropic.messages.create({
|
|
|
859
859
|
});
|
|
860
860
|
|
|
861
861
|
console.log(response.content);
|
|
862
|
-
`.trim()),Jn={python:{openai:{assignmentOperator:"=",removeKeyQuotes:!1,stringQuote:'"',sdkTemplate:ph,clientTemplate:yh},anthropic:{assignmentOperator:"=",removeKeyQuotes:!1,stringQuote:'"',sdkTemplate:hh,clientTemplate:bh}},typescript:{openai:{assignmentOperator:": ",removeKeyQuotes:!0,stringQuote:'"',sdkTemplate:gh,clientTemplate:fh},anthropic:{assignmentOperator:": ",removeKeyQuotes:!0,stringQuote:'"',sdkTemplate:kh,clientTemplate:Sh}}},Ct=(n,a)=>{if(!("messages"in n.template))throw new Error("Prompt template does not contain messages");const t=[],{assignmentOperator:l,removeKeyQuotes:i,stringQuote:r}=a;if(n.modelName&&t.push(`model${l}${r}${n.modelName}${r}`),n.invocationParameters){const d=Object.entries(n.invocationParameters).map(([c,p])=>typeof p=="string"?`${c}${l}${r}${p}${r}`:Vl(p)?`${c}${l}${vt({json:p,level:1,removeKeyQuotes:i})}`:`${c}${l}${p}`);t.push(...d)}let o="";if(n.template.messages.length>0&&(o=vt({json:n.template.messages,level:0,removeKeyQuotes:i}),t.push(l==="="?"messages=messages":"messages")),n.tools&&n.tools.length>0){const d=vt({json:n.tools.map(c=>c.definition),level:1,removeKeyQuotes:i});t.push(`tools${l}${d}`)}if(n.responseFormat&&"definition"in n.responseFormat){const d=vt({json:n.responseFormat.definition,level:1,removeKeyQuotes:i});t.push(`response_format${l}${d}`)}return{args:t,messages:o}},
|
|
862
|
+
`.trim()),Jn={python:{openai:{assignmentOperator:"=",removeKeyQuotes:!1,stringQuote:'"',sdkTemplate:ph,clientTemplate:yh},anthropic:{assignmentOperator:"=",removeKeyQuotes:!1,stringQuote:'"',sdkTemplate:hh,clientTemplate:bh}},typescript:{openai:{assignmentOperator:": ",removeKeyQuotes:!0,stringQuote:'"',sdkTemplate:gh,clientTemplate:fh},anthropic:{assignmentOperator:": ",removeKeyQuotes:!0,stringQuote:'"',sdkTemplate:kh,clientTemplate:Sh}}},Ct=(n,a)=>{if(!("messages"in n.template))throw new Error("Prompt template does not contain messages");const t=[],{assignmentOperator:l,removeKeyQuotes:i,stringQuote:r}=a;if(n.modelName&&t.push(`model${l}${r}${n.modelName}${r}`),n.invocationParameters){const d=Object.entries(n.invocationParameters).map(([c,p])=>typeof p=="string"?`${c}${l}${r}${p}${r}`:Vl(p)?`${c}${l}${vt({json:p,level:1,removeKeyQuotes:i})}`:`${c}${l}${p}`);t.push(...d)}let o="";if(n.template.messages.length>0&&(o=vt({json:n.template.messages,level:0,removeKeyQuotes:i}),t.push(l==="="?"messages=messages":"messages")),n.tools&&n.tools.length>0){const d=vt({json:n.tools.map(c=>c.definition),level:1,removeKeyQuotes:i});t.push(`tools${l}${d}`)}if(n.responseFormat&&"definition"in n.responseFormat){const d=vt({json:n.responseFormat.definition,level:1,removeKeyQuotes:i});t.push(`response_format${l}${d}`)}return{args:t,messages:o}},Hi=n=>"tool_calls"in n&&n.tool_calls?{...n,tool_calls:n.tool_calls.map(a=>({...a,function:{...a.function,arguments:JSON.stringify(a.function.arguments)}}))}:n,vh={python:{openai:n=>{const a=Jn.python.openai,t={...n,template:{...n.template,messages:n.template.messages.map(r=>Hi(r))}},{args:l,messages:i}=Ct(t,a);return a.sdkTemplate({tab:Sn,args:l,messages:i})},anthropic:n=>{const a=Jn.python.anthropic,{args:t,messages:l}=Ct(n,a);return a.sdkTemplate({tab:Sn,args:t,messages:l})}},typescript:{openai:n=>{const a=Jn.typescript.openai,t={...n,template:{...n.template,messages:n.template.messages.map(r=>Hi(r))}},{args:l,messages:i}=Ct(t,a);return a.sdkTemplate({tab:Sn,args:l,messages:i})},anthropic:n=>{const a=Jn.typescript.anthropic,{args:t,messages:l}=Ct(n,a);return a.sdkTemplate({tab:Sn,args:t,messages:l})}}},Ch={python:{openai:n=>Jn.python.openai.clientTemplate({tab:Sn,versionId:n.versionId}),anthropic:n=>Jn.python.openai.clientTemplate({tab:Sn,versionId:n.versionId})},typescript:{openai:n=>Jn.typescript.openai.clientTemplate({tab:Sn,versionId:n.versionId}),anthropic:n=>Jn.typescript.anthropic.clientTemplate({tab:Sn,versionId:n.versionId})}},Fh=({promptVersion:n,language:a})=>{var i;const t=vh[a.toLocaleLowerCase()][(i=n.modelProvider)==null?void 0:i.toLocaleLowerCase()];if(!t||!("messages"in n.template))return null;const l={...n,template:{...n.template,messages:n.template.messages.map(r=>{try{return mh({message:xo.parse(r),targetProvider:n.modelProvider})}catch(o){return console.warn("Cannot convert message"),console.error(o),null}}).filter(Boolean)}};return t(l)};function Kh({promptVersion:n,language:a}){var i;const t=Ch[a.toLocaleLowerCase()][(i=n.modelProvider)==null?void 0:i.toLocaleLowerCase()];if(!t)return null;const l={versionId:n.id};return t(l)}function Do({promptVersion:n}){const[a,t]=u.useState("Python"),l=I.useFragment(To,n),i=u.useMemo(()=>Fh({promptVersion:l,language:a}),[l,a]),r=u.useMemo(()=>Kh({promptVersion:l,language:a}),[l,a]);return e(B,{title:"Code",variant:"compact",bodyStyle:{padding:0},extra:e(h,{gap:"size-100",alignItems:"center",children:e(Qt,{language:a,onChange:t,size:"S"})}),children:s(rn,{defaultExpandedKeys:["sdk-inline","client"],children:[s(ge,{id:"sdk-inline",children:[e(me,{arrowPosition:"start",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",width:"100%",children:[e(v,{children:"SDK Inline"}),i?e(oe,{text:i}):null]})}),e(pe,{children:i==null?e(C,{width:"100%",padding:"size-200",children:e(v,{color:"text-300",children:"No code snippet available for this prompt"})}):e(Gi,{language:a,value:i})})]}),s(ge,{id:"client",children:[e(me,{arrowPosition:"start",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",width:"100%",gap:"size-100",children:[e(v,{children:"Using the Client"}),r?e(oe,{text:r}):null]})}),e(pe,{children:r==null?e(C,{width:"100%",padding:"size-200",children:e(v,{color:"text-300",children:"No client code snippet available for this prompt"})}):e(Gi,{language:a,value:r})})]})]})})}function Gi({language:n,value:a}){switch(n){case"Python":return e(Lr,{value:a,basicSetup:{lineNumbers:!0}});case"TypeScript":return e(Lp,{value:a,basicSetup:{lineNumbers:!0}});default:Ce()}}const _o={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptLatestVersionsListFragment",selections:[{alias:"latestVersions",args:[{kind:"Literal",name:"first",value:5}],concreteType:"PromptVersionConnection",kind:"LinkedField",name:"promptVersions",plural:!1,selections:[{alias:null,args:null,concreteType:"PromptVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"version",args:null,concreteType:"PromptVersion",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",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:"sequenceNumber",storageKey:null},{args:null,kind:"FragmentSpread",name:"PromptVersionSummaryFragment"}],storageKey:null}],storageKey:null}],storageKey:"promptVersions(first:5)"}],type:"Prompt",abstractKey:null};_o.hash="a473a6f0d927379542694312449a4c63";const Lo=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptVersionSummaryFragment",selections:[n,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",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:[n,{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null}],storageKey:null},{args:null,kind:"FragmentSpread",name:"PromptVersionTagsList_data"}],type:"PromptVersion",abstractKey:null}}();Lo.hash="80901eff49852a413f643ee876638174";const wo={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptVersionTagsList_data",selections:[{alias:null,args:null,concreteType:"PromptVersionTag",kind:"LinkedField",name:"tags",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],type:"PromptVersion",abstractKey:null};wo.hash="25265fbc7ea915534615a56b4331236e";function Eo({promptVersion:n}){const a=I.useFragment(wo,n);return e(h,{direction:"row",gap:"size-50",alignItems:"center",wrap:"wrap",children:a.tags.map(t=>e(Th,{children:t.name},t.id))})}function Th({children:n}){const a=u.useMemo(()=>{switch(n){case"production":return"var(--ac-global-color-green-1000)";case"staging":return"var(--ac-global-color-yellow-1000)";case"development":return"var(--ac-global-color-blue-1000)";default:return"var(--ac-global-color-grey-900)"}},[n]);return e(La,{color:a,children:n})}function Ro(n){const a=I.useFragment(Lo,n.promptVersion);return s(h,{direction:"column",gap:"size-50",children:[e(C,{width:"100%",children:e(h,{direction:"row",justifyContent:"space-between",alignItems:"center",width:"100%",children:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(La,{color:"var(--ac-global-color-blue-900)",children:a.sequenceNumber}),e("span",{children:`${a.id}`})]})})}),e(C,{"data-testid":"prompt-version-item-description",paddingStart:"size-400",children:s(h,{direction:"column",gap:"size-100",children:[e(st,{maxWidth:"100%",children:e(v,{color:"text-700",size:"XS",children:a.description||"No Description"})}),s(h,{justifyContent:"space-between",alignItems:"center",gap:"size-100",children:[e(Eo,{promptVersion:a}),s(h,{direction:"row",gap:"size-100",alignItems:"center",flex:"none",children:[a.user&&s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e($l,{size:14,name:a.user.username,profilePictureUrl:a.user.profilePictureUrl}),e(v,{size:"XS",children:a.user.username})]}),e(v,{color:"text-300",size:"XS",children:km(a.createdAt,Date.now())})]})]})]})})]})}const Ph=5,Ih=F`
|
|
863
863
|
padding-bottom: var(--ac-global-dimension-size-200);
|
|
864
864
|
position: relative;
|
|
865
|
-
`;function xh(n){const{prompt:a}=n,t=I.useFragment(_o,a),l=
|
|
865
|
+
`;function xh(n){const{prompt:a}=n,t=I.useFragment(_o,a),l=u.useMemo(()=>{var i,r;return(r=(i=t==null?void 0:t.latestVersions)==null?void 0:i.edges)==null?void 0:r.map(o=>o.version)},[t]);if(!l)throw new Error("Expected prompt versions to be defined");return s("div",{children:[e("ul",{children:l.map((i,r)=>{const o=r===Ph-1;return s("li",{css:Ih,children:[e(Ro,{promptVersion:i}),i.sequenceNumber!=1?e(_h,{isLastConnector:o}):null]},i.id)})}),e(h,{direction:"row",justifyContent:"end",children:e(Ze,{to:"versions",children:"View all versions"})})]})}const Dh=F`
|
|
866
866
|
position: absolute;
|
|
867
867
|
top: 25px;
|
|
868
868
|
left: 11px;
|
|
@@ -886,14 +886,14 @@ console.log(response.content);
|
|
|
886
886
|
),
|
|
887
887
|
linear-gradient(to bottom, var(--connector-color), transparent);
|
|
888
888
|
}
|
|
889
|
-
`;function _h({isLastConnector:n}){return e("div",{css:Dh,"data-last":n})}const
|
|
889
|
+
`;function _h({isLastConnector:n}){return e("div",{css:Dh,"data-last":n})}const mi=()=>{const a=bm().find(t=>t.pathname.split("/prompts/").length===2);if(!a)throw new Error("usePromptIdLoader must be used within a /prompts/:promptId route");return Sm(a.id)};function i2(){const n=mi();return e(Lh,{prompt:n.prompt})}function Lh({prompt:n}){var l,i,r;const a=I.useFragment(uo,n),t=(r=(i=(l=a==null?void 0:a.promptVersions)==null?void 0:l.edges)==null?void 0:i[0])==null?void 0:r.node;return s(h,{direction:"row",height:"100%",children:[e(C,{height:"100%",overflow:"auto",width:"100%","data-testid":"scroll-container",children:e(C,{padding:"size-200",children:s(h,{direction:"column",gap:"size-200",marginStart:"auto",marginEnd:"auto",maxWidth:900,children:[e(Ko,{title:"Prompt Template",promptVersion:t}),e(ho,{promptVersion:t}),e(Do,{promptVersion:t})]})})}),e(wh,{prompt:a})]})}function wh({prompt:n}){const a=I.useFragment(co,n),t=!!(a!=null&&a.description);return e(C,{flex:"none",width:400,borderStartColor:"dark",borderStartWidth:"thin",children:s(C,{paddingStart:"size-200",paddingEnd:"size-200",children:[s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(Ti,{level:3,children:"Description"}),e(Gf,{prompt:a})]}),e(v,{color:t?"text-900":"text-700",children:a.description||"No Description"}),s("section",{children:[e(Ti,{level:3,children:"Latest Versions"}),e(xh,{prompt:a})]})]})})}const Mo=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:"PromptLayout__main",selections:[n,a,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,concreteType:"Prompt",kind:"LinkedField",name:"sourcePrompt",plural:!1,selections:[n,a],storageKey:null},{alias:null,args:null,concreteType:"PromptVersionConnection",kind:"LinkedField",name:"promptVersions",plural:!1,selections:[{alias:null,args:null,concreteType:"PromptVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"PromptVersion",kind:"LinkedField",name:"node",plural:!1,selections:[n],storageKey:null}],storageKey:null}],storageKey:null}],type:"Prompt",abstractKey:null}}();Mo.hash="3f2a7eb87a4a433362def455a9151d45";const Vo=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"Prompt",kind:"LinkedField",name:"clonePrompt",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ClonePromptDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ClonePromptDialogMutation",selections:a},params:{cacheID:"6ad0382f6acd0f00125307c887c0f4f2",id:null,metadata:{},name:"ClonePromptDialogMutation",operationKind:"mutation",text:`mutation ClonePromptDialogMutation(
|
|
890
890
|
$input: ClonePromptInput!
|
|
891
891
|
) {
|
|
892
892
|
clonePrompt(input: $input) {
|
|
893
893
|
id
|
|
894
894
|
}
|
|
895
895
|
}
|
|
896
|
-
`}}}();Vo.hash="081b8cf05c35b46579fe5cbb85f7a761";const Eh=({promptId:n,promptName:a,promptDescription:t,setDialog:l})=>{var b;const i=ke(),r=ue(),[o,d]=I.useMutation(Vo),c=Qe({disabled:d,reValidateMode:"onBlur",mode:"onChange",defaultValues:{name:`${a}-clone`,description:t}}),{control:p,handleSubmit:
|
|
896
|
+
`}}}();Vo.hash="081b8cf05c35b46579fe5cbb85f7a761";const Eh=({promptId:n,promptName:a,promptDescription:t,setDialog:l})=>{var b;const i=ke(),r=ue(),[o,d]=I.useMutation(Vo),c=Qe({disabled:d,reValidateMode:"onBlur",mode:"onChange",defaultValues:{name:`${a}-clone`,description:t}}),{control:p,handleSubmit:f,formState:{isValid:m,errors:g},setError:y}=c,k=f(S=>{o({variables:{input:{promptId:n,name:S.name,description:S.description}},onCompleted:K=>{l(null),i({title:"Prompt cloned successfully",action:{text:"View Prompt",onClick:()=>{r(`/prompts/${K.clonePrompt.id}`)}}})},onError:K=>{var x;const T=De(K);(x=T==null?void 0:T[0])!=null&&x.includes("already exists")?y("name",{message:T==null?void 0:T[0]}):y("root",{message:T==null?void 0:T[0]})}})});return e(Z,{title:"Clone Prompt",children:e(u.Suspense,{fallback:e(Fe,{}),children:e(C,{padding:"size-200",children:s("form",{onSubmit:k,children:[e(G,{control:p,name:"name",rules:{required:{message:"Name is required",value:!0},validate:{unique:S=>S.trim()===a.trim()?"Name must be different from the original prompt name":!0}},render:({field:{onChange:S,onBlur:K,value:T,disabled:x},fieldState:{error:L}})=>s(X,{isInvalid:!!(L!=null&&L.message),children:[e(W,{children:"Name"}),e(re,{name:"name",type:"text",onChange:S,onBlur:K,value:T,disabled:x}),!L&&e(v,{slot:"description",children:"A name for the cloned prompt."}),e(xe,{children:L==null?void 0:L.message})]})}),e(G,{control:p,name:"description",render:({field:{onChange:S,onBlur:K,value:T,disabled:x},fieldState:{error:L}})=>s(X,{isInvalid:!!(L!=null&&L.message),isDisabled:x,value:T,onChange:S,onBlur:K,children:[e(W,{children:"Description"}),e(Ca,{name:"description"}),!L&&e(v,{slot:"description",children:"A description for the cloned prompt."}),e(xe,{children:L==null?void 0:L.message})]})}),(g==null?void 0:g.root)&&e(v,{color:"danger",children:(b=g==null?void 0:g.root)==null?void 0:b.message}),s(h,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(V,{variant:"default",onPress:()=>l(null),isDisabled:d,children:"Cancel"}),e(V,{type:"submit",variant:"primary",isDisabled:!m,isPending:d,children:"Clone"})]})]})})})})},Rh=F`
|
|
897
897
|
flex: 1 1 auto;
|
|
898
898
|
display: flex;
|
|
899
899
|
flex-direction: column;
|
|
@@ -919,7 +919,7 @@ console.log(response.content);
|
|
|
919
919
|
}
|
|
920
920
|
}
|
|
921
921
|
}
|
|
922
|
-
`;function r2(){const[n,a]=
|
|
922
|
+
`;function r2(){const[n,a]=u.useState(null),t=mi(),l=ue(),{pathname:i}=mt();let r="prompt";i.includes("versions")?r="versions":i.includes("config")&&(r="config");const o=I.useFragment(Mo,t.prompt);return s("main",{css:Rh,children:[e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[s(h,{direction:"column",children:[e(se,{level:1,children:t.prompt.name}),o.sourcePrompt&&s(v,{color:"text-700",children:["cloned from"," ",e(Ze,{to:`/prompts/${o.sourcePrompt.id}`,children:o.sourcePrompt.name})]})]}),s(h,{direction:"row",gap:"size-100",children:[e(V,{size:"S",leadingVisual:e(_,{svg:e(wp,{})}),onPress:()=>{a(e(Eh,{promptId:o.id,promptName:o.name,promptDescription:o.description??void 0,setDialog:a}))},children:"Clone"}),e(V,{size:"S",leadingVisual:e(_,{svg:e(jl,{})}),onPress:()=>{l(`/prompts/${t.prompt.id}/playground`)},children:"Edit in Playground"})]})]})}),s(Ge,{defaultSelectedKey:r,onSelectionChange:d=>{let c;d==="versions"?c=`/prompts/${t.prompt.id}/versions`:d==="config"?c=`/prompts/${t.prompt.id}/config`:c=`/prompts/${t.prompt.id}`,l(c)},children:[s(He,{children:[e(ne,{id:"prompt",children:"Prompt"}),s(ne,{id:"versions",children:["Versions ",e(fn,{children:o.promptVersions.edges.length})]}),e(ne,{id:"config",children:"Config"})]}),e(ce,{id:"prompt",children:e(Te,{})}),e(ce,{id:"versions",children:e(Te,{})}),e(ce,{id:"config",children:e(Te,{})})]}),e(ae,{onDismiss:()=>a(null),children:n})]})}const Ao=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"modelsInput"}],a={alias:null,args:null,kind:"ScalarField",name:"invocationInputField",storageKey:null},t={alias:"floatDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},l=[{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:[t,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:[t,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:l,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"fetchPlaygroundPromptSupportedInvocationParametersQuery",selections:l},params:{cacheID:"530366c9a8cc3b47d685ca0600a39bb5",id:null,metadata:{},name:"fetchPlaygroundPromptSupportedInvocationParametersQuery",operationKind:"query",text:`query fetchPlaygroundPromptSupportedInvocationParametersQuery(
|
|
923
923
|
$modelsInput: ModelsInput!
|
|
924
924
|
) {
|
|
925
925
|
modelInvocationParameters(input: $modelsInput) {
|
|
@@ -1024,14 +1024,14 @@ console.log(response.content);
|
|
|
1024
1024
|
id
|
|
1025
1025
|
}
|
|
1026
1026
|
}
|
|
1027
|
-
`}}}();zo.hash="84755f12352e245574192de304d654d5";const Mh=n=>{switch(n){case"user":return"USER";case"ai":return"AI";case"system":return"SYSTEM";case"tool":return"TOOL";default:return"USER"}},Vh=(n,a)=>{const t=a.length>0?a.reduce((l,i)=>(i.invocationName&&(l[i.invocationName]=i),l),{}):{};return Object.entries(n).map(([l,i])=>{const r=t[l];return!r||!r.invocationInputField?{invocationName:l,valueJson:i}:{invocationName:l,canonicalName:r.canonicalName,[qa(r.invocationInputField)]:i}})},Ah=({promptId:n,promptName:a,promptVersion:t,supportedInvocationParameters:l})=>{var c,p;const i={...Ep(),prompt:{id:n,name:a}},r=t.modelName,o=t.modelProvider,d=Al({toolChoice:(c=t.invocationParameters)==null?void 0:c.tool_choice,targetProvider:o})??void 0;return{...i,model:{...i.model,modelName:r,provider:o,supportedInvocationParameters:l||[],invocationParameters:Vh({...t.invocationParameters,...(p=t.responseFormat)!=null&&p.definition?{response_format:t.responseFormat.definition}:{}},l||[])},template:{__type:"chat",messages:"messages"in t.template?t.template.messages.map(
|
|
1027
|
+
`}}}();zo.hash="84755f12352e245574192de304d654d5";const Mh=n=>{switch(n){case"user":return"USER";case"ai":return"AI";case"system":return"SYSTEM";case"tool":return"TOOL";default:return"USER"}},Vh=(n,a)=>{const t=a.length>0?a.reduce((l,i)=>(i.invocationName&&(l[i.invocationName]=i),l),{}):{};return Object.entries(n).map(([l,i])=>{const r=t[l];return!r||!r.invocationInputField?{invocationName:l,valueJson:i}:{invocationName:l,canonicalName:r.canonicalName,[qa(r.invocationInputField)]:i}})},Ah=({promptId:n,promptName:a,promptVersion:t,supportedInvocationParameters:l})=>{var c,p;const i={...Ep(),prompt:{id:n,name:a}},r=t.modelName,o=t.modelProvider,d=Al({toolChoice:(c=t.invocationParameters)==null?void 0:c.tool_choice,targetProvider:o})??void 0;return{...i,model:{...i.model,modelName:r,provider:o,supportedInvocationParameters:l||[],invocationParameters:Vh({...t.invocationParameters,...(p=t.responseFormat)!=null&&p.definition?{response_format:t.responseFormat.definition}:{}},l||[])},template:{__type:"chat",messages:"messages"in t.template?t.template.messages.map(f=>{const m=f.content.map(al).filter(Boolean).map(S=>S.text.text).join(""),g=f.content.filter(di).filter(Boolean),k=f.content.filter(ci).filter(Boolean).at(0),b=Wn(f.role);return b==="tool"&&k?{id:Zn(),role:Wn(f.role),content:typeof k.toolResult.result=="string"?k.toolResult.result:Fn(k.toolResult.result,null,2).json||"",toolCallId:k.toolResult.toolCallId}:b==="ai"&&g.length>0?{id:Zn(),role:Wn(f.role),toolCalls:g.map(S=>_r(S,o))}:{id:Zn(),role:Wn(f.role),content:m}}):[]},tools:t.tools.map(f=>({id:tt(),definition:f.definition})),toolChoice:d}},zh=(n,a)=>{const t=a.length>0?a.reduce((l,i)=>((i.canonicalName||i.invocationName)&&(l[i.canonicalName||i.invocationName]=i),l),{}):{};return n.reduce((l,i)=>{const r=t[i.canonicalName||i.invocationName];return r&&(l[i.invocationName]=i[qa(r.invocationInputField)]),l},{})},Nh=[{invocationName:Ea,canonicalName:Yn},{invocationName:bn,canonicalName:vn}],$h=n=>{if(n.template.__type==="text_completion")return console.warn("Instance to prompt version conversion not supported for text completion"),null;const a=n.template.messages.map(l=>{var d;let i=[l.content?vo(l.content):null];const r=((d=l.toolCalls)==null?void 0:d.map(Co))||[],o=l.toolCallId?[Fo(l.toolCallId,l.content)]:[];return(r.length>0||o.length>0)&&(i=[]),{content:[...i,...r,...o].filter(c=>c!==null),role:Mh(l.role)}});return{modelName:n.model.modelName||Rp,modelProvider:n.model.provider,template:{messages:a},tools:n.tools.map(l=>({definition:l.definition})),responseFormat:n.model.invocationParameters.filter(l=>l.canonicalName===vn||l.invocationName===bn).map(l=>({definition:l.valueJson})).at(0)||void 0,invocationParameters:zh(xs(n.model.invocationParameters.filter(l=>!Nh.some(i=>aa(i,l))).concat(n.toolChoice?[{invocationName:Ea,valueJson:n.toolChoice,canonicalName:Yn}]:[]),n.model.provider,n.model.modelName),n.model.supportedInvocationParameters)}},Oh=zo,Qh=Ao,jh=async({modelName:n,providerKey:a})=>{const t=await I.fetchQuery(Ke,Qh,{modelsInput:{modelName:n,providerKey:a}}).toPromise();return t==null?void 0:t.modelInvocationParameters},qh=async n=>I.fetchQuery(Ke,Oh,{promptId:n}).toPromise(),Bh=n=>n?n==null?void 0:n.version:null,No=async n=>{var l;if(!n)return null;const a=await qh(n),t=Bh(a==null?void 0:a.prompt);if(t&&t.templateType==="CHAT"){const i=await jh({modelName:t.modelName,providerKey:t.modelProvider}),r=(l=a==null?void 0:a.prompt)==null?void 0:l.name;if(!r)throw new Error("Prompt name is required");return{instance:Ah({promptId:n,promptName:r,promptVersion:t,supportedInvocationParameters:i}),promptVersion:t}}return null},s2=async({params:n})=>{const{promptId:a}=n;if(!a)throw new Error("Prompt ID is required");const t=await No(a);if(!t)throw new Error("Prompt not found");return{instanceWithPrompt:t.instance,templateFormat:t.promptVersion.templateFormat}},$o=function(){var n=[{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:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PlaygroundQuery",selections:n,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"PlaygroundQuery",selections:n},params:{cacheID:"f19ebe151a3a9794fa2566c66751d259",id:null,metadata:{},name:"PlaygroundQuery",operationKind:"query",text:`query PlaygroundQuery {
|
|
1028
1028
|
modelProviders {
|
|
1029
1029
|
name
|
|
1030
1030
|
dependenciesInstalled
|
|
1031
1031
|
dependencies
|
|
1032
1032
|
}
|
|
1033
1033
|
}
|
|
1034
|
-
`}}}();$o.hash="9802d9d44657ca300abc1be4d0938560";const
|
|
1034
|
+
`}}}();$o.hash="9802d9d44657ca300abc1be4d0938560";const pi=u.createContext(null);function Uh({children:n,...a}){const[t]=u.useState(()=>Mp(a));return e(pi.Provider,{value:t,children:n})}function O(n,a){const t=he.useContext(pi);if(!t)throw new Error("Missing PlaygroundContext.Provider in the tree");return ut(t,n,a)}function Ba(){const n=he.useContext(pi);if(!n)throw new Error("Missing PlaygroundContext.Provider in the tree");return n}const Oo=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"exampleId"}],a=[{kind:"Variable",name:"id",variableName:"exampleId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},i={alias:"latestRevision",args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},l,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},o={alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"span",plural:!1,selections:[t,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[t,r,{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],storageKey:null}],storageKey:null}],storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},c=[{kind:"Literal",name:"first",value:100}],p={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[t,r,{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExampleDetailsDialogQuery",selections:[{alias:"example",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[t,i,o],type:"DatasetExample",abstractKey:null},{args:null,kind:"FragmentSpread",name:"ExampleExperimentRunsTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExampleDetailsDialogQuery",selections:[{alias:"example",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[d,{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[i,o,{alias:null,args:c,concreteType:"ExperimentRunConnection",kind:"LinkedField",name:"experimentRuns",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"run",args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},l,p,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},p],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:[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:"experimentRuns(first:100)"},{alias:null,args:c,filters:null,handle:"connection",key:"ExampleExperimentRunsTable_experimentRuns",kind:"LinkedHandle",name:"experimentRuns"}],type:"DatasetExample",abstractKey:null}],storageKey:null}]},params:{cacheID:"ae7779e6fb1148a472e58fff0f5e0f66",id:null,metadata:{},name:"ExampleDetailsDialogQuery",operationKind:"query",text:`query ExampleDetailsDialogQuery(
|
|
1035
1035
|
$exampleId: GlobalID!
|
|
1036
1036
|
) {
|
|
1037
1037
|
example: node(id: $exampleId) {
|
|
@@ -1111,7 +1111,7 @@ fragment ExampleExperimentRunsTableFragment on DatasetExample {
|
|
|
1111
1111
|
__typename
|
|
1112
1112
|
}
|
|
1113
1113
|
}
|
|
1114
|
-
`}}}();Qo.hash="a5e0e601ed24ffaa37a99ba358f960d3";const pl={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function Hh(n){const{exampleId:a,onCompleted:t}=n,[l,i]=
|
|
1114
|
+
`}}}();Qo.hash="a5e0e601ed24ffaa37a99ba358f960d3";const pl={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function Hh(n){const{exampleId:a,onCompleted:t}=n,[l,i]=u.useState(null),[r,o]=I.useMutation(Qo),{control:d,setError:c,handleSubmit:p,formState:{isValid:f}}=Qe({defaultValues:n.currentRevision}),m=u.useCallback(g=>{if(i(null),!Mn(g==null?void 0:g.input))return c("input",{message:"Input must be a valid JSON object"});if(!Mn(g==null?void 0:g.output))return c("output",{message:"Output must be a valid JSON object"});if(!Mn(g==null?void 0:g.metadata))return c("metadata",{message:"Metadata must be a valid JSON object"});r({variables:{input:{patches:[{exampleId:a,input:JSON.parse(g.input),output:JSON.parse(g.output),metadata:JSON.parse(g.metadata)}],versionDescription:g.description}},onCompleted:()=>{t()},onError:y=>{i(y.message)}})},[r,a,c,t]);return e(Z,{size:"fullscreen",title:`Edit Example: ${a}`,extra:e(V,{variant:"primary",size:"S",isDisabled:!f||o,leadingVisual:e(_,{svg:o?e(We,{}):e(wr,{})}),onPress:()=>p(m)(),children:"Save Changes"}),children:e("div",{css:F`
|
|
1115
1115
|
overflow-y: auto;
|
|
1116
1116
|
padding: var(--ac-global-dimension-size-400);
|
|
1117
1117
|
/* Make widths configurable */
|
|
@@ -1122,7 +1122,7 @@ fragment ExampleExperimentRunsTableFragment on DatasetExample {
|
|
|
1122
1122
|
width: 100%;
|
|
1123
1123
|
}
|
|
1124
1124
|
}
|
|
1125
|
-
`,children:e(h,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(h,{direction:"column",gap:"size-200",children:[l?e(Se,{variant:"danger",children:l}):null,e(G,{control:d,name:"input",render:({field:{onChange:g,onBlur:
|
|
1125
|
+
`,children:e(h,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(h,{direction:"column",gap:"size-200",children:[l?e(Se,{variant:"danger",children:l}):null,e(G,{control:d,name:"input",render:({field:{onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(B,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...pl,children:[b?e(Se,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Ue,{value:k,onChange:g,onBlur:y})]})}),e(G,{control:d,name:"output",render:({field:{onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(B,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...pl,backgroundColor:"green-100",borderColor:"green-700",children:[b?e(Se,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Ue,{value:k,onChange:g,onBlur:y})]})}),e(G,{control:d,name:"metadata",render:({field:{onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(B,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...pl,children:[b?e(Se,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Ue,{value:k,onChange:g,onBlur:y})]})}),e(G,{control:d,name:"description",render:({field:{onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(X,{value:k,onChange:g,onBlur:y,isInvalid:b,children:[e(W,{children:"Revision Description"}),e(Ca,{}),S?e(xe,{children:S==null?void 0:S.message}):e(v,{slot:"description",children:"A description of the changes made in this revision. Will be displayed in the version history."})]})})]})})})})})}function Gh(n){const{onCompleted:a,...t}=n,[l,i]=u.useState(null);return s(U,{children:[e(V,{size:"S",leadingVisual:e(_,{svg:e(gt,{})}),onPress:()=>i(e(Hh,{...t,onCompleted:()=>{i(null),a()}})),children:"Edit Example"}),e(ae,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:l})]})}const jo=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[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:t,kind:"FragmentSpread",name:"ExampleExperimentRunsTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExampleExperimentRunsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:t,concreteType:"ExperimentRunConnection",kind:"LinkedField",name:"experimentRuns",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"run",args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},r,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},r],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:t,filters:null,handle:"connection",key:"ExampleExperimentRunsTable_experimentRuns",kind:"LinkedHandle",name:"experimentRuns"}],type:"DatasetExample",abstractKey:null}],storageKey:null}]},params:{cacheID:"2cfc5c04c7f88f6bbd464f6a09f87521",id:null,metadata:{},name:"ExampleExperimentRunsTableQuery",operationKind:"query",text:`query ExampleExperimentRunsTableQuery(
|
|
1126
1126
|
$after: String = null
|
|
1127
1127
|
$first: Int = 100
|
|
1128
1128
|
$id: GlobalID!
|
|
@@ -1189,38 +1189,38 @@ fragment ExampleExperimentRunsTableFragment_2HEEH6 on DatasetExample {
|
|
|
1189
1189
|
align-items: center;
|
|
1190
1190
|
color: var(--ac-global-color-primary);
|
|
1191
1191
|
gap: var(--ac-global-dimension-size-50);
|
|
1192
|
-
`;function Xh({example:n}){const a=
|
|
1192
|
+
`;function Xh({example:n}){const a=u.useRef(null),t=ue(),{data:l,loadNext:i,hasNext:r,isLoadingNext:o}=I.usePaginationFragment(qo,n),d=u.useMemo(()=>l.experimentRuns.edges.map(y=>{let k=null;return y.run.startTime&&y.run.endTime&&(k=new Date(y.run.endTime).getTime()-new Date(y.run.startTime).getTime()),{...y.run,output:JSON.stringify(y.run.output),latencyMs:k}}),[l]),p=Le({columns:[{header:"start time",accessorKey:"startTime",cell:Re},{header:"output",accessorKey:"output",cell:y=>{var b;const k=(b=y.row.original)==null?void 0:b.error;return k!==null?e(v,{color:"danger",children:k}):e(Ee,{...y})}},{header:"latency",accessorKey:"latencyMs",cell:({getValue:y})=>{const k=y();return k===null||typeof k!="number"?"--":e(Me,{latencyMs:k})}},{header:"evaluations",accessorKey:"annotations",cell:({row:y})=>e(h,{direction:"row",gap:"size-50",wrap:"wrap",children:y.original.annotations.edges.map((k,b)=>{const S=k.annotation;return e(za,{annotation:S,extra:S.trace&&e(C,{paddingTop:"size-100",children:s("div",{css:Zh,children:[e(_,{svg:e(Vn,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(Nn,{annotation:S,onClick:()=>{S.trace&&t(`/projects/${S.trace.projectId}/traces/${S.trace.traceId}`)}},b)},b)})})},{id:"actions",cell:({row:y})=>{const k=y.original.trace;if(k)return e(V,{size:"S",leadingVisual:e(_,{svg:e(jt,{})}),onPress:()=>{t(`/projects/${k.projectId}/traces/${k.traceId}`)},"aria-label":"view trace"})}}],data:d,getCoreRowModel:we()}),f=p.getRowModel().rows,m=f.length===0,g=u.useCallback(y=>{if(y){const{scrollHeight:k,scrollTop:b,clientHeight:S}=y;k-b-S<300&&!o&&r&&i(Wh)}},[r,o,i]);return e("div",{css:F`
|
|
1193
1193
|
flex: 1 1 auto;
|
|
1194
1194
|
overflow: auto;
|
|
1195
|
-
`,ref:a,onScroll:
|
|
1195
|
+
`,ref:a,onScroll:y=>g(y.target),children:s("table",{css:sa,children:[e("thead",{children:p.getHeaderGroups().map(y=>e("tr",{children:y.headers.map(k=>e("th",{children:e("div",{children:J(k.column.columnDef.header,k.getContext())})},k.id))},y.id))}),m?e(Jh,{}):e("tbody",{children:f.map(y=>e("tr",{children:y.getVisibleCells().map(k=>e("td",{children:J(k.column.columnDef.cell,k.getContext())},k.id))},y.id))})]})})}function gi({exampleId:n,onDismiss:a}){const[t,l]=u.useState(0),i=I.useLazyLoadQuery(Oo,{exampleId:n},{fetchKey:t,fetchPolicy:"store-and-network"}),r=u.useMemo(()=>{const m=i.example.latestRevision;return{input:JSON.stringify(m==null?void 0:m.input,null,2),output:JSON.stringify(m==null?void 0:m.output,null,2),metadata:JSON.stringify(m==null?void 0:m.metadata,null,2)}},[i]),o=u.useMemo(()=>{const m=i.example.span;return m?{id:m.id,traceId:m.trace.traceId,projectId:m.trace.project.id}:null},[i]),{input:d,output:c,metadata:p}=r,f=ke();return e(ae,{type:"slideOver",isDismissable:!0,onDismiss:a,children:e(Z,{size:"XL",title:`Example: ${n}`,extra:s(h,{direction:"row",gap:"size-100",children:[o?e(Ta,{size:"S",to:`/projects/${o.projectId}/traces/${o.traceId}?selectedSpanNodeId=${o.id}`,children:"View Source Span"}):null,e(Gh,{exampleId:n,currentRevision:r,onCompleted:()=>{f({title:"Example updated",message:`Example ${n} has been updated.`}),l(m=>m+1)}})]}),children:s(yn,{direction:"vertical",autoSaveId:"example-panel-group",children:[e(_e,{defaultSize:65,children:e("div",{css:F`
|
|
1196
1196
|
overflow-y: auto;
|
|
1197
1197
|
height: 100%;
|
|
1198
|
-
`,children:e(h,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",paddingTop:"size-200",paddingBottom:"size-200",children:s(h,{direction:"column",gap:"size-200",children:[e(B,{title:"Input",...gl,extra:e(oe,{text:d}),children:e(an,{value:d})}),e(B,{title:"Output",...gl,extra:e(oe,{text:c}),children:e(an,{value:c})}),e(B,{title:"Metadata",...gl,extra:e(oe,{text:p}),children:e(an,{value:p})})]})})})})}),e(Cn,{css:Na}),e(_e,{defaultSize:35,children:s(h,{direction:"column",height:"100%",children:[e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(se,{level:3,children:"Experiment Runs"})}),e(Xh,{example:i.example})]})})]})})})}const gl={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}};function Yh(){const[n,a]=xn(),t=n.get("exampleId"),l=n.get("datasetId");return!t||!l?null:e(
|
|
1198
|
+
`,children:e(h,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",paddingTop:"size-200",paddingBottom:"size-200",children:s(h,{direction:"column",gap:"size-200",children:[e(B,{title:"Input",...gl,extra:e(oe,{text:d}),children:e(an,{value:d})}),e(B,{title:"Output",...gl,extra:e(oe,{text:c}),children:e(an,{value:c})}),e(B,{title:"Metadata",...gl,extra:e(oe,{text:p}),children:e(an,{value:p})})]})})})})}),e(Cn,{css:Na}),e(_e,{defaultSize:35,children:s(h,{direction:"column",height:"100%",children:[e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(se,{level:3,children:"Experiment Runs"})}),e(Xh,{example:i.example})]})})]})})})}const gl={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}};function Yh(){const[n,a]=xn(),t=n.get("exampleId"),l=n.get("datasetId");return!t||!l?null:e(gi,{exampleId:t,onDismiss:()=>{a(i=>(i.delete("exampleId"),i))}})}const e0=`
|
|
1199
1199
|
The playground is not available until an LLM provider client is installed on the server.
|
|
1200
1200
|
`,n0=n=>`
|
|
1201
1201
|
# Installing one or more of the clients will enable the playground
|
|
1202
1202
|
${Array.from(n.reduce((a,t)=>(t.dependencies.forEach(l=>a.add(l)),a),new Set)).map(a=>`pip install ${a}`).join(`
|
|
1203
1203
|
`)}
|
|
1204
|
-
`,a0=n=>e(C,{height:"100%",width:"100%",children:s(h,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-200",children:[e(
|
|
1204
|
+
`,a0=n=>e(C,{height:"100%",width:"100%",children:s(h,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-200",children:[e(Er,{message:e0,graphicKey:"not found",size:"L"}),e(v,{children:"The following clients are supported:"}),e(Lr,{value:n0(n.availableProviders)})]})}),t0={OPENAI:"OPENAI_API_KEY",ANTHROPIC:"ANTHROPIC_API_KEY",AZURE_OPENAI:"AZURE_OPENAI_API_KEY",GOOGLE:"GEMINI_API_KEY"};function l0(){const n=O(o=>Array.from(new Set(o.instances.map(d=>d.model.provider)))),a=O(o=>o.instances.some(d=>d.activeRunId!=null)),t=Ma(o=>o.setCredential),l=Ma(o=>o),[i,r]=u.useState(!1);return e("div",{css:F`
|
|
1205
1205
|
.ac-dropdown-button {
|
|
1206
1206
|
min-width: 0px;
|
|
1207
1207
|
}
|
|
1208
|
-
`,children:s(Va,{placement:"bottom",isOpen:i,onOpenChange:o=>{r(o)},children:[e(
|
|
1208
|
+
`,children:s(Va,{placement:"bottom",isOpen:i,onOpenChange:o=>{r(o)},children:[e(Sr,{size:"compact",isDisabled:a,children:"API Keys"}),e(wl,{children:e(C,{padding:"size-200",children:s(ln,{onSubmit:o=>{o.preventDefault(),r(!1)},children:[e(se,{level:2,weight:"heavy",children:"API Keys"}),e(C,{paddingY:"size-50",children:e(v,{color:"text-700",size:"XS",children:"API keys are stored in your browser and used to communicate with their respective API's."})}),e(h,{direction:"column",gap:"size-100",children:n.map(o=>{const d=t0[o];return s(X,{size:"S",type:"password",isRequired:!0,onChange:c=>{t({provider:o,value:c})},value:l[o],children:[e(W,{children:d}),e(re,{}),e(v,{slot:"description",children:`Alternatively, you can set the "${d}" environment variable on the phoenix server.`})]},o)})}),e(C,{paddingTop:"size-100",children:e(h,{direction:"row",gap:"size-100",width:"100%",justifyContent:"end",children:e(sn,{href:"/settings/providers",children:"View all AI provider configurations"})})})]})})})]})})}const Wi=30,i0=F`
|
|
1209
1209
|
display: flex;
|
|
1210
1210
|
direction: row;
|
|
1211
1211
|
align-items: center;
|
|
1212
1212
|
.ac-dropdown > button {
|
|
1213
1213
|
border-top-right-radius: 0;
|
|
1214
1214
|
border-bottom-right-radius: 0;
|
|
1215
|
-
height: ${
|
|
1215
|
+
height: ${Wi}px;
|
|
1216
1216
|
}
|
|
1217
1217
|
& > button {
|
|
1218
1218
|
border-top-left-radius: 0;
|
|
1219
1219
|
border-bottom-left-radius: 0;
|
|
1220
1220
|
border-left: none;
|
|
1221
|
-
height: ${
|
|
1221
|
+
height: ${Wi}px;
|
|
1222
1222
|
}
|
|
1223
|
-
`;function r0(){const[n,a]=xn(),t=n.get("datasetId")??"";return s("div",{css:i0,children:[e(
|
|
1223
|
+
`;function r0(){const[n,a]=xn(),t=n.get("datasetId")??"";return s("div",{css:i0,children:[e(Rr,{size:"compact",placeholder:"Test over a dataset",selectedKey:t,onSelectionChange:l=>{if(t!==null&&l===t){a(i=>(i.delete("datasetId"),i));return}a(i=>(i.set("datasetId",String(l)),i))}}),e(V,{size:"S",leadingVisual:e(_,{svg:e(Vp,{})}),onPress:()=>{a(l=>(l.delete("datasetId"),l))}})]})}const Bo=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{kind:"Variable",name:"id",variableName:"datasetId"}],t={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:[t],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},t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}]},params:{cacheID:"c36833ac260163836d9810cf8e137380",id:null,metadata:{},name:"PlaygroundDatasetSectionQuery",operationKind:"query",text:`query PlaygroundDatasetSectionQuery(
|
|
1224
1224
|
$datasetId: GlobalID!
|
|
1225
1225
|
) {
|
|
1226
1226
|
dataset: node(id: $datasetId) {
|
|
@@ -1391,7 +1391,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
1391
1391
|
}
|
|
1392
1392
|
id
|
|
1393
1393
|
}
|
|
1394
|
-
`}}}();Jo.hash="f809b3d539d0032d9681a4a4450b1d6f";const s0=()=>{const n=(a,t)=>({exampleResponsesMap:{},updateExampleData:({instanceId:l,exampleId:i,patch:r})=>{const o=t().exampleResponsesMap,d=o[l]??{},c=d[i]??{};a({exampleResponsesMap:{...o,[l]:{...d,[i]:{...c,...r}}}})},appendExampleDataTextChunk:({instanceId:l,exampleId:i,textChunk:r})=>{const o=t().exampleResponsesMap,d=o[l]??{},c=d[i]??{},p=c.content??"";a({exampleResponsesMap:{...o,[l]:{...d,[i]:{...c,content:p+r}}}})},appendExampleDataToolCallChunk:({instanceId:l,exampleId:i,toolCallChunk:r})=>{var k;const o=t().exampleResponsesMap,d=o[l]??{},c=d[i]??{},p=c.toolCalls??{},{id:
|
|
1394
|
+
`}}}();Jo.hash="f809b3d539d0032d9681a4a4450b1d6f";const s0=()=>{const n=(a,t)=>({exampleResponsesMap:{},updateExampleData:({instanceId:l,exampleId:i,patch:r})=>{const o=t().exampleResponsesMap,d=o[l]??{},c=d[i]??{};a({exampleResponsesMap:{...o,[l]:{...d,[i]:{...c,...r}}}})},appendExampleDataTextChunk:({instanceId:l,exampleId:i,textChunk:r})=>{const o=t().exampleResponsesMap,d=o[l]??{},c=d[i]??{},p=c.content??"";a({exampleResponsesMap:{...o,[l]:{...d,[i]:{...c,content:p+r}}}})},appendExampleDataToolCallChunk:({instanceId:l,exampleId:i,toolCallChunk:r})=>{var k;const o=t().exampleResponsesMap,d=o[l]??{},c=d[i]??{},p=c.toolCalls??{},{id:f,function:m}=r,g=p[f],y={...g,id:f,function:{name:((k=g==null?void 0:g.function)==null?void 0:k.name)??m.name,arguments:(g==null?void 0:g.function.arguments)!=null?g.function.arguments+m.arguments:m.arguments}};a({exampleResponsesMap:{...o,[l]:{...d,[i]:{...c,toolCalls:{...p,[f]:y}}}}})},setExampleDataForInstance:({instanceId:l,data:i})=>{const r=t().exampleResponsesMap;a({exampleResponsesMap:{...r,[l]:i}})},resetExampleData:()=>{a({exampleResponsesMap:{}})}});return yr()(n)},Zo=he.createContext(null);function o0({children:n}){const[a]=u.useState(()=>s0());return e(Zo.Provider,{value:a,children:n})}function xa(n,a){const t=he.useContext(Zo);if(!t)throw new Error("Missing PlaygroundDatasetExamplesTableContext.Provider in the tree");return ut(t,n,a)}function yi({children:n}){return s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_,{svg:e(ql,{}),color:"danger"}),e(v,{color:"danger",children:n})]})}const Xo=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"runId"}],a=[{kind:"Variable",name:"id",variableName:"runId"}],t={alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={kind:"InlineFragment",selections:[t,{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"example",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},t],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:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"ExperimentRun",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"PlaygroundExperimentRunDetailsDialogQuery",selections:[{alias:"run",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"PlaygroundExperimentRunDetailsDialogQuery",selections:[{alias:"run",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l],storageKey:null}]},params:{cacheID:"1e3277995e47da369d84557def1a62bf",id:null,metadata:{},name:"PlaygroundExperimentRunDetailsDialogQuery",operationKind:"query",text:`query PlaygroundExperimentRunDetailsDialogQuery(
|
|
1395
1395
|
$runId: GlobalID!
|
|
1396
1396
|
) {
|
|
1397
1397
|
run: node(id: $runId) {
|
|
@@ -1425,7 +1425,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
1425
1425
|
id
|
|
1426
1426
|
}
|
|
1427
1427
|
}
|
|
1428
|
-
`}}}();Xo.hash="2eee337b0f8c4e738dd6580efa1e3c96";function d0({runId:n}){var d,c,p;const t=I.useLazyLoadQuery(Xo,{runId:n}).run,l=(d=t.example)==null?void 0:d.id,i=(c=t.example)==null?void 0:c.revision,r=i==null?void 0:i.input,o=i==null?void 0:i.output;return e(Z,{title:`Experiment Run for Example: ${l}`,size:"fullscreen",children:s(yn,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(_e,{defaultSize:33,children:e(C,{overflow:"auto",height:"100%",padding:"size-200",children:s(h,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(C,{width:"50%",children:e(B,{title:"Input",...
|
|
1428
|
+
`}}}();Xo.hash="2eee337b0f8c4e738dd6580efa1e3c96";function d0({runId:n}){var d,c,p;const t=I.useLazyLoadQuery(Xo,{runId:n}).run,l=(d=t.example)==null?void 0:d.id,i=(c=t.example)==null?void 0:c.revision,r=i==null?void 0:i.input,o=i==null?void 0:i.output;return e(Z,{title:`Experiment Run for Example: ${l}`,size:"fullscreen",children:s(yn,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(_e,{defaultSize:33,children:e(C,{overflow:"auto",height:"100%",padding:"size-200",children:s(h,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(C,{width:"50%",children:e(B,{title:"Input",...Ji,bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},extra:e(oe,{text:JSON.stringify(r)}),children:e(an,{value:JSON.stringify(r,null,2)})})}),e(C,{width:"50%",children:e(B,{title:"Reference Output",...Ji,extra:e(oe,{text:JSON.stringify(o)}),bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},children:e(an,{value:JSON.stringify(o,null,2)})})})]})})}),e(Cn,{css:Na}),e(_e,{defaultSize:67,children:s(h,{direction:"column",height:"100%",children:[e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(se,{level:2,children:"Experiment Run Output"})}),e("div",{css:F`
|
|
1429
1429
|
overflow-y: auto;
|
|
1430
1430
|
height: 100%;
|
|
1431
1431
|
padding: var(--ac-global-dimension-static-size-200);
|
|
@@ -1436,7 +1436,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
1436
1436
|
justify-content: flex-start;
|
|
1437
1437
|
align-items: flex-end;
|
|
1438
1438
|
gap: var(--ac-global-dimension-static-size-100);
|
|
1439
|
-
`,children:(p=t.annotations)==null?void 0:p.edges.map(
|
|
1439
|
+
`,children:(p=t.annotations)==null?void 0:p.edges.map(f=>e("li",{children:e(Nn,{annotation:f.annotation})},f.annotation.id))})]})]})})]})})]})})}function c0({startTime:n,endTime:a}){const t=u.useMemo(()=>{let l=null;return n&&a&&(l=new Date(a).getTime()-new Date(n).getTime()),l},[n,a]);return t===null?null:e(Me,{latencyMs:t})}function u0({error:n}){return s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_,{svg:e(ql,{}),color:"danger"}),e(v,{color:"danger",children:n})]})}const Ji={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}},Yo=function(){var n={defaultValue:null,kind:"LocalArgument",name:"id"},a={defaultValue:null,kind:"LocalArgument",name:"traceId"},t=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},r={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"traceId",variableName:"traceId"}],concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"projectSessionId",storageKey:null},{alias:null,args:[{kind:"Literal",name:"first",value:1e3}],concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"span",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanKind",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:"parentId",storageKey:null},i,{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:"spans(first:1000)"},i],storageKey:null}],type:"Project",abstractKey:null};return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"TraceDetailsQuery",selections:[{alias:"project",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"TraceDetailsQuery",selections:[{alias:"project",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l],storageKey:null}]},params:{cacheID:"9434c8c6e07d5ca4dd3a19286644f369",id:null,metadata:{},name:"TraceDetailsQuery",operationKind:"query",text:`query TraceDetailsQuery(
|
|
1440
1440
|
$traceId: ID!
|
|
1441
1441
|
$id: GlobalID!
|
|
1442
1442
|
) {
|
|
@@ -1469,7 +1469,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
1469
1469
|
id
|
|
1470
1470
|
}
|
|
1471
1471
|
}
|
|
1472
|
-
`}}}();Yo.hash="e4165ac98e972c7c7491e1573a1aec1a";const ed=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},r={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},o={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},c={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"statusMessage",storageKey:null},
|
|
1472
|
+
`}}}();Yo.hash="e4165ac98e972c7c7491e1573a1aec1a";const ed=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},r={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},o={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},c={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"statusMessage",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},m={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},k={alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},b={alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},K=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"mimeType",storageKey:null}],T={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:K,storageKey:null},x={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:K,storageKey:null},L={alias:null,args:null,kind:"ScalarField",name:"attributes",storageKey:null},P={alias:null,args:null,concreteType:"SpanEvent",kind:"LinkedField",name:"events",plural:!0,selections:[o,{alias:null,args:null,kind:"ScalarField",name:"message",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null}],storageKey:null},D={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,kind:"ScalarField",name:"label",storageKey:null},R={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},Q={alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},z={alias:null,args:null,concreteType:"DocumentEvaluation",kind:"LinkedField",name:"documentEvaluations",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"documentPosition",storageKey:null},o,$,R,Q],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanDetailsQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[l,i,r,o,d,c,p,f,m,g,y,k,b,S,T,x,L,{kind:"RequiredField",field:P,action:"THROW"},D,z,{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[l,o],storageKey:null},{args:null,kind:"FragmentSpread",name:"SpanHeader_span"},{args:null,kind:"FragmentSpread",name:"SpanFeedback_annotations"},{args:null,kind:"FragmentSpread",name:"SpanAside_span"}],type:"Span",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanDetailsQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[i,r,o,d,c,p,f,m,g,y,k,b,S,T,x,L,P,D,z,{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[l,o,$,R,Q,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},{alias:"code",args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[l],storageKey:null}],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"5c3846067ae228d13a34f9ee3e533b43",id:null,metadata:{},name:"SpanDetailsQuery",operationKind:"query",text:`query SpanDetailsQuery(
|
|
1473
1473
|
$id: GlobalID!
|
|
1474
1474
|
) {
|
|
1475
1475
|
span: node(id: $id) {
|
|
@@ -1575,7 +1575,7 @@ fragment SpanHeader_span on Span {
|
|
|
1575
1575
|
tokenCountCompletion
|
|
1576
1576
|
tokenCountTotal
|
|
1577
1577
|
}
|
|
1578
|
-
`}}}();ed.hash="7cbd32bca298fe80e84fff1dfb6444e8";function m0(n,a){const t=
|
|
1578
|
+
`}}}();ed.hash="7cbd32bca298fe80e84fff1dfb6444e8";function m0(n,a){const t=u.useRef(null);u.useEffect(()=>{t.current=n},[n]),u.useEffect(()=>{function l(){t.current&&t.current()}{const i=setInterval(l,a);return()=>clearInterval(i)}},[a])}function p0(){const{locale:n}=vm();return u.useMemo(()=>Ap(n),[n])}const g0=n=>{const[a,t]=u.useState(null);return u.useEffect(()=>{if(!n.current)return;const l=new ResizeObserver(i=>{if(!i||i.length===0)return;const{width:r,height:o}=i[0].contentRect;t({width:r,height:o})});return l.observe(n.current),()=>{l.disconnect()}},[n]),a};function Zi(n){return Array.isArray(n)&&n.every(a=>typeof a=="object"&&fe.message in a&&y0(a[fe.message]))}function y0(n){return typeof n=="object"&&n!==null&&Ae.role in n}function nd(n){return n==="OPENAI"||n==="AZURE_OPENAI"||n==="ANTHROPIC"||n==="GOOGLE"}const yl=F`
|
|
1579
1579
|
display: flex;
|
|
1580
1580
|
align-items: center;
|
|
1581
1581
|
.ac-text {
|
|
@@ -1585,9 +1585,9 @@ fragment SpanHeader_span on Span {
|
|
|
1585
1585
|
overflow: hidden;
|
|
1586
1586
|
text-overflow: ellipsis;
|
|
1587
1587
|
}
|
|
1588
|
-
`;function tn(n){const{name:a,metric:t,k:l,score:i}=n,r=typeof l=="number"?`${t}@${l}`:t,o=
|
|
1588
|
+
`;function tn(n){const{name:a,metric:t,k:l,score:i}=n,r=typeof l=="number"?`${t}@${l}`:t,o=u.useMemo(()=>t==="hit"?i?"true":"false":typeof i=="number"&&Gn(i)||"--",[i,t]);return s(ve,{delay:500,offset:3,children:[e(Oe,{children:e("div",{css:zp,children:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Np,{color:"var(--ac-global-color-seafoam-1000)"}),a?e("div",{css:yl,children:e(v,{weight:"heavy",size:"XS",color:"inherit",children:a})}):null,e("div",{css:yl,children:e(v,{size:"XS",color:"inherit",children:r})}),e("div",{css:yl,children:e(v,{size:"XS",children:o})})]})})}),e(la,{children:s(h,{direction:"row",gap:"size-100",children:[s(v,{weight:"heavy",color:"inherit",children:[a," ",r]}),e(v,{color:"inherit",children:o})]})})]})}const ad={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanHeader_span",selections:[{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:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null}],type:"Span",abstractKey:null};ad.hash="0f8977d600d3ec53dac56592f9dc91ad";function f0(n){const a=I.useFragment(ad,n.span),t=u.useMemo(()=>new Date(a.startTime),[a.startTime]);return e(h,{direction:"row",gap:"size-100",width:"100%",height:"100%",alignItems:"center",children:s(h,{direction:"column",gap:"size-50",children:[s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Bl,{spanKind:a.spanKind}),e(v,{size:"L",children:a.name}),e(qt,{statusCode:a.code,css:F`
|
|
1589
1589
|
font-size: var(--ac-global-font-size-m);
|
|
1590
|
-
`})]}),s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[typeof a.latencyMs=="number"?e(Me,{latencyMs:a.latencyMs,size:"S"}):null,s(v,{color:"text-500",size:"S",children:["at ",$n(t)]}),a.tokenCountTotal?e(oa,{tokenCountTotal:a.tokenCountTotal,tokenCountPrompt:a.tokenCountPrompt??0,tokenCountCompletion:a.tokenCountCompletion??0,size:"S"}):null]})]})})}function h0(n){const{spanId:a,traceId:t}=n,l=ke();return s(Dn,{buttonSize:"compact",align:"end",onAction:i=>{switch(i){case"COPY_SPAN_ID":{
|
|
1590
|
+
`})]}),s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[typeof a.latencyMs=="number"?e(Me,{latencyMs:a.latencyMs,size:"S"}):null,s(v,{color:"text-500",size:"S",children:["at ",$n(t)]}),a.tokenCountTotal?e(oa,{tokenCountTotal:a.tokenCountTotal,tokenCountPrompt:a.tokenCountPrompt??0,tokenCountCompletion:a.tokenCountCompletion??0,size:"S"}):null]})]})})}function h0(n){const{spanId:a,traceId:t}=n,l=ke();return s(Dn,{buttonSize:"compact",align:"end",onAction:i=>{switch(i){case"COPY_SPAN_ID":{Pi(a),l({title:"Span ID Copied",message:`The Span ID ${a} has been copied to your clipboard`});return}case"COPY_TRACE_ID":{Pi(t),l({title:"Trace ID Copied",message:`The Trace ID ${t} has been copied to your clipboard`});return}default:Ce()}},children:[e(ie,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(_i,{})}),e(v,{children:"Copy Span ID"})]})},"COPY_SPAN_ID"),e(ie,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(_i,{})}),e(v,{children:"Copy Trace ID"})]})},"COPY_TRACE_ID")]})}const td=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanAsideSpanQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"SpanAside_span"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanAsideSpanQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],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},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"1a86b74a3488b1d784333546762802fa",id:null,metadata:{},name:"SpanAsideSpanQuery",operationKind:"query",text:`query SpanAsideSpanQuery(
|
|
1591
1591
|
$id: GlobalID!
|
|
1592
1592
|
) {
|
|
1593
1593
|
node(id: $id) {
|
|
@@ -1624,11 +1624,11 @@ fragment SpanAside_span on Span {
|
|
|
1624
1624
|
gap: var(--ac-global-dimension-size-100);
|
|
1625
1625
|
flex-wrap: wrap;
|
|
1626
1626
|
align-items: flex-start;
|
|
1627
|
-
`;function b0(n){const[a]=I.useRefetchableFragment(ld,n.span),t=a.spanAnnotations,l=t.length>0;return s(yn,{direction:"vertical",autoSaveId:"span-aside-layout",children:[l&&e(
|
|
1627
|
+
`;function b0(n){const[a]=I.useRefetchableFragment(ld,n.span),t=a.spanAnnotations,l=t.length>0;return s(yn,{direction:"vertical",autoSaveId:"span-aside-layout",children:[l&&e(Li,{title:"Annotations",panelProps:{order:1,defaultSize:65},children:e(C,{paddingY:"size-100",paddingX:"size-100",children:e("ul",{css:k0,children:t.map(i=>e("li",{children:e(Nn,{annotation:i,annotationDisplayPreference:"label"})},i.id))})})}),e(Li,{resizable:!0,title:"Edit annotations",panelProps:{order:2},children:e(C,{height:"100%",maxHeight:"100%",children:e($p,{projectId:a.project.id,spanNodeId:a.id})})})]})}const id=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}],storageKey:null}],type:"Span",abstractKey:null}}();id.hash="8ed7e3ac3c8cc4b5934f6f269116d159";function S0(){const[n,a]=u.useState(null);return s(C,{padding:"size-200",children:[s(h,{direction:"column",gap:"size-100",alignItems:"center",children:[e(Mt,{graphicKey:"documents"}),e(v,{children:"No annotations for this span"}),e(V,{variant:"default",size:"S",onPress:()=>{a(e(Z,{title:"Span Annotations",isDismissable:!0,children:s(C,{padding:"size-200",children:[e("p",{css:F`
|
|
1628
1628
|
margin: 0 0 var(--ac-global-dimension-size-100) 0;
|
|
1629
|
-
`,children:"Annotations are pivotal for tracking and improving the performance of your application. Phoenix allows for both LLM and HUMAN annotations."}),e(sn,{href:"https://docs.arize.com/phoenix/tracing/concepts-tracing/how-to-evaluate-traces",children:"View annotation documentation"})]})}))},leadingVisual:e(_,{svg:e(
|
|
1629
|
+
`,children:"Annotations are pivotal for tracking and improving the performance of your application. Phoenix allows for both LLM and HUMAN annotations."}),e(sn,{href:"https://docs.arize.com/phoenix/tracing/concepts-tracing/how-to-evaluate-traces",children:"View annotation documentation"})]})}))},leadingVisual:e(_,{svg:e(jl,{})}),children:"How to Annotate"})]}),e(ae,{onDismiss:()=>a(null),isDismissable:!0,children:n})]})}const v0=F`
|
|
1630
1630
|
overflow: auto;
|
|
1631
|
-
`;function C0({annotations:n,spanNodeId:a}){const t=
|
|
1631
|
+
`;function C0({annotations:n,spanNodeId:a}){const t=u.useMemo(()=>n.map(p=>({...p,spanNodeId:a})),[n,a]),l=ke(),i=Ie(),r=u.useMemo(()=>[{header:"name",accessorKey:"name",size:100},{header:"annotator kind",accessorKey:"annotatorKind",size:100,cell:({row:p})=>{const f=p.original.annotatorKind;return e(Qp,{kind:f})}},{header:"label",accessorKey:"label",size:100},{header:"score",accessorKey:"score",size:100},{header:"explanation",accessorKey:"explanation",cell:Op,size:400},{header:"metadata",accessorKey:"metadata",minSize:100,cell:({row:p})=>{const f=p.original.metadata;return f?e($a,{json:f,collapseSingleKey:!1}):"--"}},{header:"",accessorKey:"actions",size:100,cell:({row:p})=>e(jp,{buttonVariant:"default",buttonSize:"compact",annotationId:p.original.id,spanNodeId:p.original.spanNodeId,annotationName:p.original.name,onSpanAnnotationActionSuccess:l,onSpanAnnotationActionError:f=>{i({title:"Failed to update span annotation",message:f.message})}})}],[i,l]),o=Le({columns:r,data:t,getCoreRowModel:we()}),c=o.getRowModel().rows.length===0;return e("div",{css:v0,children:s("table",{css:dn,"data-testid":"span-annotations-table",children:[e("thead",{children:o.getHeaderGroups().map(p=>e("tr",{children:p.headers.map(f=>e("th",{colSpan:f.colSpan,children:f.isPlaceholder?null:e(U,{children:J(f.column.columnDef.header,f.getContext())})},f.id))},p.id))}),c?e(mn,{}):e("tbody",{children:o.getRowModel().rows.map(p=>e("tr",{children:p.getVisibleCells().map(f=>e("td",{style:{width:f.column.getSize()},children:J(f.column.columnDef.cell,f.getContext())},f.id))},p.id))})]})})}function F0({span:n}){const a=I.useFragment(id,n),t=a.spanAnnotations;return a.spanAnnotations.length>0?e(C0,{annotations:t,spanNodeId:a.id}):e(S0,{})}function K0(n){return n==="__REDACTED__"}const T0=F`
|
|
1632
1632
|
position: relative;
|
|
1633
1633
|
overflow: hidden;
|
|
1634
1634
|
width: 200px;
|
|
@@ -1667,7 +1667,7 @@ fragment SpanAside_span on Span {
|
|
|
1667
1667
|
object-fit: cover;
|
|
1668
1668
|
}
|
|
1669
1669
|
}
|
|
1670
|
-
`;function P0(n){const[a,t]=
|
|
1670
|
+
`;function P0(n){const[a,t]=u.useState(!1);let l;const i=K0(n.url);return i?l=e(I0,{}):l=e("img",{src:n.url}),s("div",{className:Cm({"is-expanded":a}),css:T0,children:[!i&&e(V,{variant:"default",size:"S",onPress:()=>t(!a),leadingVisual:e(_,{svg:a?e(qp,{}):e(ot,{})}),"aria-label":"Expand / Collapse Image"}),l]})}const I0=()=>s("svg",{width:"130",height:"130",viewBox:"0 0 130 130",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("rect",{x:"1.5",y:"1.5",width:"127",height:"127",rx:"6.5",strokeOpacity:"0.8",strokeWidth:"3"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M40 27.5H90C96.8917 27.5 102.5 33.1083 102.5 40V90C102.5 96.8917 96.8917 102.5 90 102.5H40C33.1083 102.5 27.5 96.8917 27.5 90V40C27.5 33.1083 33.1083 27.5 40 27.5ZM40 35.8333H90C92.3 35.8333 94.1667 37.7 94.1667 40V74.85L80.8208 63.4667C76.6958 59.9583 70.2417 59.9583 66.1542 63.4417L35.8333 88.7417V40C35.8333 37.7 37.7 35.8333 40 35.8333ZM54.5833 50.4167C54.5833 53.8667 51.7833 56.6667 48.3333 56.6667C44.8833 56.6667 42.0833 53.8667 42.0833 50.4167C42.0833 46.9667 44.8833 44.1667 48.3333 44.1667C51.7833 44.1667 54.5833 46.9667 54.5833 50.4167ZM42.3375 94.1667H90C92.3 94.1667 94.1667 92.3 94.1667 90V85.8083L75.4125 69.8083C74.4083 68.9458 72.55 68.9417 71.525 69.8125L42.3375 94.1667Z",fill:"var(--ac-global-color-grey-300)"})]}),rd=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"addExamplesToDataset",plural:!1,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"dataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanToDatasetExampleDialogAddExampleToDatasetMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanToDatasetExampleDialogAddExampleToDatasetMutation",selections:a},params:{cacheID:"d93c9d47668fc266ba09ecb14c2b72ae",id:null,metadata:{},name:"SpanToDatasetExampleDialogAddExampleToDatasetMutation",operationKind:"mutation",text:`mutation SpanToDatasetExampleDialogAddExampleToDatasetMutation(
|
|
1671
1671
|
$input: AddExamplesToDatasetInput!
|
|
1672
1672
|
) {
|
|
1673
1673
|
addExamplesToDataset(input: $input) {
|
|
@@ -1692,7 +1692,7 @@ fragment SpanAside_span on Span {
|
|
|
1692
1692
|
id
|
|
1693
1693
|
}
|
|
1694
1694
|
}
|
|
1695
|
-
`}}}();sd.hash="647a1865dacf40ce9bbb255b572a9a68";const fl={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function x0({spanId:n,onCompleted:a}){const[t,l]=
|
|
1695
|
+
`}}}();sd.hash="647a1865dacf40ce9bbb255b572a9a68";const fl={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function x0({spanId:n,onCompleted:a}){const[t,l]=u.useState(null),i=I.useLazyLoadQuery(sd,{spanId:n},{fetchPolicy:"store-and-network"}),{span:{revision:r}}=i,[o,d]=I.useMutation(rd),{control:c,setError:p,handleSubmit:f,formState:{isValid:m}}=Qe({defaultValues:{input:JSON.stringify(r==null?void 0:r.input,null,2),output:JSON.stringify(r==null?void 0:r.output,null,2),metadata:JSON.stringify(r==null?void 0:r.metadata,null,2),datasetId:""}}),g=u.useCallback(y=>{if(l(null),!Mn(y==null?void 0:y.input))return p("input",{message:"Input must be a valid JSON object"});if(!Mn(y==null?void 0:y.output))return p("output",{message:"Output must be a valid JSON object"});if(!Mn(y==null?void 0:y.metadata))return p("metadata",{message:"Metadata must be a valid JSON object"});if(!(y!=null&&y.datasetId))return p("datasetId",{message:"Dataset is required"});o({variables:{input:{datasetId:y.datasetId,examples:[{input:JSON.parse(y.input),output:JSON.parse(y.output),metadata:JSON.parse(y.metadata),spanId:n}]}},onCompleted:()=>{a(y.datasetId)},onError:k=>{const b=De(k);l((b==null?void 0:b[0])??k.message)}})},[o,p,n,a]);return e(Z,{size:"fullscreen",title:"Add Example to Dataset",extra:e(V,{variant:"primary",size:"S",isDisabled:!m||d,onPress:()=>f(g)(),leadingVisual:e(_,{svg:d?e(We,{}):e(lt,{})}),children:"Add Example"}),children:e("div",{css:F`
|
|
1696
1696
|
overflow-y: auto;
|
|
1697
1697
|
padding: var(--ac-global-dimension-size-400);
|
|
1698
1698
|
/* Make widths configurable */
|
|
@@ -1703,7 +1703,7 @@ fragment SpanAside_span on Span {
|
|
|
1703
1703
|
width: 100%;
|
|
1704
1704
|
}
|
|
1705
1705
|
}
|
|
1706
|
-
`,children:e(h,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(h,{direction:"column",gap:"size-200",children:[t?e(Se,{variant:"danger",children:t}):null,e(G,{control:c,name:"datasetId",render:({field:{onChange:
|
|
1706
|
+
`,children:e(h,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(h,{direction:"column",gap:"size-200",children:[t?e(Se,{variant:"danger",children:t}):null,e(G,{control:c,name:"datasetId",render:({field:{onChange:y,onBlur:k},fieldState:{invalid:b,error:S}})=>s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Rr,{onSelectionChange:y,onBlur:k,validationState:b?"invalid":"valid",errorMessage:S==null?void 0:S.message,label:"Dataset"}),e(Bp,{})]})}),e(G,{control:c,name:"input",render:({field:{onChange:y,onBlur:k,value:b},fieldState:{invalid:S,error:K}})=>s(B,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...fl,children:[S?e(Se,{variant:"danger",banner:!0,children:K==null?void 0:K.message}):null,e(Ue,{value:b,onChange:y,onBlur:k})]})}),e(G,{control:c,name:"output",render:({field:{onChange:y,onBlur:k,value:b},fieldState:{invalid:S,error:K}})=>s(B,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...fl,backgroundColor:"green-100",borderColor:"green-700",children:[S?e(Se,{variant:"danger",banner:!0,children:K==null?void 0:K.message}):null,e(Ue,{value:b,onChange:y,onBlur:k})]})}),e(G,{control:c,name:"metadata",render:({field:{onChange:y,onBlur:k,value:b},fieldState:{invalid:S,error:K}})=>s(B,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...fl,children:[S?e(Se,{variant:"danger",banner:!0,children:K==null?void 0:K.message}):null,e(Ue,{value:b,onChange:y,onBlur:k})]})})]})})})})})}const D0=n=>u.useMemo(()=>Ve(n),[n]),_0=n=>n.events.some(a=>a.name==="exception"),Pe={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}},L0=900,hl=33;function w0({spanNodeId:n}){const a=Kn(p=>p.isAnnotatingSpans),t=Kn(p=>p.setIsAnnotatingSpans),l=u.useRef(null),i=u.useRef(null),r=g0(i),o=(r==null?void 0:r.width)&&r.width<L0,{span:d}=I.useLazyLoadQuery(ed,{id:n});if(d.__typename!=="Span")throw new Error("Expected a span, but got a different type"+d.__typename);const c=u.useMemo(()=>_0(d),[d]);return s(yn,{direction:"horizontal",autoSaveId:"span-details-layout",children:[e(_e,{order:1,children:s(h,{direction:"column",flex:"1 1 auto",height:"100%",ref:i,children:[e(C,{paddingTop:"size-100",paddingBottom:"size-50",paddingStart:"size-150",paddingEnd:"size-200",flex:"none",children:s(h,{direction:"row",alignItems:"center","data-testid":"span-header-row",children:[e(f0,{span:d}),s(h,{flex:"none",direction:"row",alignItems:"center",gap:"size-100",children:[e(Ta,{variant:d.spanKind!=="llm"?"default":"primary",leadingVisual:e(_,{svg:e(Ka,{})}),isDisabled:d.spanKind!=="llm",to:`/playground/spans/${d.id}`,size:"S","aria-label":"Prompt Playground",children:o?null:"Playground"}),e(M0,{span:d,buttonText:o?null:"Add to Dataset"}),e(Xn,{size:"S",isSelected:a,onPress:()=>{t(!a);const p=l.current;p&&p.getSize()<hl&&p.resize(hl)},leadingVisual:e(_,{svg:e(gt,{})}),children:o?null:"Annotate"}),e(h0,{traceId:d.trace.traceId,spanId:d.spanId})]})]})}),s(Ge,{children:[s(He,{children:[e(ne,{id:"info",children:"Info"}),s(ne,{id:"feedback",children:["Feedback ",e(fn,{children:d.spanAnnotations.length})]}),e(ne,{id:"attributes",children:"Attributes"}),s(ne,{id:"events",children:["Events"," ",e(fn,{variant:c?"danger":"default",children:d.events.length})]})]}),e(ce,{id:"info",children:e(h,{direction:"row",height:"100%",children:e(R0,{children:e(Bt,{children:e(V0,{span:d})})})})}),e(ce,{id:"feedback",children:e(F0,{span:d})}),e(ce,{id:"attributes",children:e(C,{padding:"size-200",height:"100%",maxHeight:"100%",overflow:"auto",children:e(B,{title:"All Attributes",...Pe,titleExtra:cd,extra:e(oe,{text:d.attributes}),children:e(ta,{children:d.attributes})})})}),e(ce,{id:"events",children:e(Y0,{events:d.events})})]})]})}),a&&e(Cn,{css:Ut}),a&&e(_e,{order:2,ref:l,defaultSize:hl,onCollapse:()=>{t(!1)},children:e(b0,{span:d})})]})}const E0=F`
|
|
1707
1707
|
flex: 1 1 auto;
|
|
1708
1708
|
overflow-y: auto;
|
|
1709
1709
|
// Overflow fails to take into account padding
|
|
@@ -1712,12 +1712,12 @@ fragment SpanAside_span on Span {
|
|
|
1712
1712
|
display: block;
|
|
1713
1713
|
height: var(--ac-global-dimension-static-size-400);
|
|
1714
1714
|
}
|
|
1715
|
-
`;function R0({children:n}){return e("div",{css:E0,"data-testid":"span-info-wrap",children:n})}function M0({span:n,buttonText:a}){const[t,l]=
|
|
1715
|
+
`;function R0({children:n}){return e("div",{css:E0,"data-testid":"span-info-wrap",children:n})}function M0({span:n,buttonText:a}){const[t,l]=u.useState(null),i=ke(),r=ue(),o=u.useCallback(()=>{l(e(x0,{spanId:n.id,onCompleted:d=>{l(null),i({title:"Span Added to Dataset",message:"Successfully added span to dataset",action:{text:"View Dataset",onClick:()=>{r(`/datasets/${d}/examples`)}}})}}))},[n.id,i,r]);return s(U,{children:[e(V,{variant:"default",size:"S",leadingVisual:e(_,{svg:e(Nt,{})}),onPress:o,children:a}),e(u.Suspense,{children:e(ae,{type:"slideOver",isDismissable:!0,onDismiss:()=>l(null),children:t})})]})}function V0({span:n}){const{spanKind:a,attributes:t}=n,{json:l,parseError:i}=D0(t),r=u.useMemo(()=>n.statusMessage?e(Se,{variant:"danger",title:"Status Description",children:n.statusMessage}):null,[n]);if(i||!l)return e(C,{padding:"size-200",children:s(h,{direction:"column",gap:"size-200",children:[r,e(Se,{variant:"warning",title:"Un-parsable attributes",children:`Failed to parse span attributes. ${i instanceof Error?i.message:""}`}),e(B,{...Pe,title:"Attributes",children:e(C,{padding:"size-100",children:t})})]})});let o;switch(a){case"llm":{o=e(A0,{span:n,spanAttributes:l});break}case"retriever":{o=e(z0,{span:n,spanAttributes:l});break}case"reranker":{o=e(N0,{span:n,spanAttributes:l});break}case"embedding":{o=e($0,{span:n,spanAttributes:l});break}case"tool":{o=e(O0,{span:n,spanAttributes:l});break}default:o=e(od,{span:n})}return e(C,{padding:"size-200",children:s(h,{direction:"column",gap:"size-200",children:[r,o,l!=null&&l.metadata?e(B,{...Pe,title:"Metadata",children:e(ta,{children:JSON.stringify(l.metadata)})}):null]})})}function A0(n){const{spanAttributes:a,span:t}=n,{input:l,output:i}=t,r=u.useMemo(()=>a[fe.llm]||null,[a]),o=r==null?void 0:r[ze.provider],d=u.useMemo(()=>{if(r==null)return null;const R=r[ze.model_name];return typeof R=="string"?R:null},[r]),c=u.useMemo(()=>{if(r==null)return[];const R=r[ze.input_messages];return Zi(R)?(R==null?void 0:R.map(Q=>Q[fe.message]).filter(Boolean))||[]:[]},[r]),p=u.useMemo(()=>{if(r==null)return[];const R=r[ze.tools];return Array.isArray(R)?R==null?void 0:R.map(z=>z[fe.tool]).filter(Boolean):[]},[r]),f=u.useMemo(()=>p.reduce((R,Q)=>(Q!=null&&Q.json_schema&&R.push(Q.json_schema),R),[]),[p]),m=u.useMemo(()=>{if(r==null)return[];const R=r[ze.output_messages];return Zi(R)?R.map(Q=>Q[fe.message]).filter(Boolean)||[]:[]},[r]),g=u.useMemo(()=>{if(r==null)return[];const R=r[ze.prompts];return Hp(R)?R:[]},[r]),y=u.useMemo(()=>{if(r==null)return null;const R=r[ze.prompt_template];return R??null},[r]),k=u.useMemo(()=>r==null?"{}":r[ze.invocation_parameters]||"{}",[r]),b=u.useMemo(()=>{if(d==null)return null;let R=e(Hl,{spanKind:"llm"});const Q=o==null?void 0:o.toUpperCase();return typeof Q=="string"&&nd(Q)&&(R=e(zt,{provider:Q})),s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[R,e(v,{size:"M",weight:"heavy",children:d})]})},[d,o]),S=l!=null&&l.value!=null,K=c.length>0,T=f.length>0,x=i!=null&&i.value!=null,L=m.length>0,P=g.length>0,D=Object.keys(Ve(k).json||{}).length>0,$=y!=null;return s(h,{direction:"column",gap:"size-200",children:[e(B,{collapsible:!0,backgroundColor:"light",borderColor:"light",bodyStyle:{padding:0},titleSeparator:!1,variant:"compact",title:b,children:s(Ge,{children:[s(He,{children:[K&&e(ne,{id:"input-messages",children:"Input Messages"}),T&&e(ne,{id:"tools",children:"Tools"}),S&&e(ne,{id:"input",children:"Input"}),$&&e(ne,{id:"prompt-template",children:"Prompt Template"}),P&&e(ne,{id:"prompts",children:"Prompts"}),D&&e(ne,{id:"invocation-params",children:"Invocation Params"})]}),K&&e(ce,{id:"input-messages",children:e(Xi,{messages:c})}),T&&e(ce,{id:"tools",children:e(B0,{toolSchemas:f})}),S&&e(ce,{id:"input",children:e(C,{padding:"size-200",children:e(on,{children:e(B,{...Pe,title:"LLM Input",extra:s(h,{direction:"row",gap:"size-100",children:[e(Tn,{}),e(oe,{text:l.value})]}),children:e(An,{...l})})})})}),$&&e(ce,{id:"prompt-template",children:e(C,{padding:"size-200",children:s(h,{direction:"column",gap:"size-100",children:[e(C,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:s(Pt,{text:y.template,children:[e(v,{color:"text-700",fontStyle:"italic",children:"prompt template"}),e(dd,{children:y.template})]})}),e(C,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:s(Pt,{text:JSON.stringify(y.variables),children:[e(v,{color:"text-700",fontStyle:"italic",children:"template variables"}),e(ta,{children:JSON.stringify(y.variables)})]})})]})})}),P&&e(ce,{id:"prompts",children:e(U0,{prompts:g})}),D&&e(ce,{id:"invocation-params",children:e(Pt,{text:k,padding:"size-100",children:e(ta,{children:k})})})]})}),x||L?e(Ll,{...Pe,children:s(Ge,{children:[s(He,{children:[L&&e(ne,{id:"output-messages",children:"Output Messages"}),x&&e(ne,{id:"output",children:"Output"})]}),L&&e(ce,{id:"output-messages",children:e(Xi,{messages:m})}),x&&e(ce,{id:"output",children:e(C,{padding:"size-200",children:e(on,{children:e(B,{...Pe,title:"LLM Output",extra:s(h,{direction:"row",gap:"size-100",children:[e(Tn,{}),e(oe,{text:i.value})]}),children:e(An,{...i})})})})})]})}):null]})}function z0(n){const{spanAttributes:a,span:t}=n,{input:l}=t,i=u.useMemo(()=>a[fe.retrieval]||null,[a]),r=u.useMemo(()=>{var m;return i==null?[]:((m=i[Fm.documents])==null?void 0:m.map(g=>g[fe.document]).filter(Boolean))||[]},[i]),o=u.useMemo(()=>t.documentEvaluations.reduce((g,y)=>{const k=y.documentPosition,b=g[k]||[];return{...g,[k]:[...b,y]}},{}),[t.documentEvaluations]),d=l!=null&&l.value!=null,c=d&&l.mimeType==="text",p=r.length>0,f=t.documentRetrievalMetrics.length>0;return s(h,{direction:"column",gap:"size-200",children:[d?e(on,{children:e(B,{title:"Input",...Pe,extra:e(h,{direction:"row",gap:"size-100",alignItems:"center",children:c?e(Tn,{}):e(oe,{text:l.value})}),children:e(An,{...l})})}):null,p?e(on,{children:e(B,{title:"Documents",...Pe,titleExtra:f&&e(h,{direction:"row",alignItems:"center",gap:"size-100",children:t.documentRetrievalMetrics.map(m=>s(U,{children:[e(tn,{name:m.evaluationName,metric:"ndcg",score:m.ndcg},"ndcg"),e(tn,{name:m.evaluationName,metric:"precision",score:m.precision},"precision"),e(tn,{name:m.evaluationName,metric:"hit",score:m.hit},"hit")]}))}),extra:e(Tn,{}),children:e("ul",{css:F`
|
|
1716
1716
|
display: flex;
|
|
1717
1717
|
flex-direction: column;
|
|
1718
1718
|
gap: var(--ac-global-dimension-static-size-200);
|
|
1719
1719
|
padding: var(--ac-global-dimension-static-size-200);
|
|
1720
|
-
`,children:r.map((
|
|
1720
|
+
`,children:r.map((m,g)=>e("li",{children:e(Il,{document:m,documentEvaluations:o[g],borderColor:"seafoam-700",backgroundColor:"seafoam-100",tokenColor:"var(--ac-global-color-seafoam-1000)"})},g))})})}):null]})}function N0(n){const{spanAttributes:a}=n,t=u.useMemo(()=>a[fe.reranker]||null,[a]),l=u.useMemo(()=>t==null?null:t[dl.query]||null,[t]),i=u.useMemo(()=>{var c;return t==null?[]:((c=t[dl.input_documents])==null?void 0:c.map(p=>p[fe.document]).filter(Boolean))||[]},[t]),r=u.useMemo(()=>{var c;return t==null?[]:((c=t[dl.output_documents])==null?void 0:c.map(p=>p[fe.document]).filter(Boolean))||[]},[t]),o=i.length,d=r.length;return s(h,{direction:"column",gap:"size-200",children:[e(on,{children:l&&e(B,{title:"Query",...Pe,children:e(C,{padding:"size-200",children:e(ka,{children:l})})})}),e(B,{title:"Input Documents",titleExtra:e(fn,{children:o}),...Pe,defaultOpen:!1,bodyStyle:{padding:0},children:e("ul",{css:F`
|
|
1721
1721
|
padding: var(--ac-global-dimension-static-size-200);
|
|
1722
1722
|
display: flex;
|
|
1723
1723
|
flex-direction: column;
|
|
@@ -1727,17 +1727,17 @@ fragment SpanAside_span on Span {
|
|
|
1727
1727
|
display: flex;
|
|
1728
1728
|
flex-direction: column;
|
|
1729
1729
|
gap: var(--ac-global-dimension-static-size-200);
|
|
1730
|
-
`,children:r.map((c,p)=>e("li",{children:e(Il,{document:c,borderColor:"celery-700",backgroundColor:"celery-100",tokenColor:"var(--ac-global-color-celery-1000)"})},p))})})]})}function $0(n){const{spanAttributes:a}=n,t=
|
|
1730
|
+
`,children:r.map((c,p)=>e("li",{children:e(Il,{document:c,borderColor:"celery-700",backgroundColor:"celery-100",tokenColor:"var(--ac-global-color-celery-1000)"})},p))})})]})}function $0(n){const{spanAttributes:a}=n,t=u.useMemo(()=>a[fe.embedding]||null,[a]),l=u.useMemo(()=>{var o;return t==null?[]:((o=t[cl.embeddings])==null?void 0:o.map(d=>d[fe.embedding]).filter(Boolean))||[]},[t]),i=l.length>0,r=t==null?void 0:t[cl.model_name];return e(h,{direction:"column",gap:"size-200",children:i?e(B,{title:"Embeddings"+(typeof r=="string"?`: ${r}`:""),...Pe,children:e("ul",{css:F`
|
|
1731
1731
|
display: flex;
|
|
1732
1732
|
flex-direction: column;
|
|
1733
1733
|
gap: var(--ac-global-dimension-static-size-200);
|
|
1734
1734
|
padding: var(--ac-global-dimension-static-size-200);
|
|
1735
|
-
`,children:l.map((o,d)=>e("li",{children:e(on,{children:e(B,{...Pe,backgroundColor:"purple-100",borderColor:"purple-700",title:"Embedded Text",children:e(C,{padding:"size-200",children:e(ka,{children:o[cl.text]||""})})})})},d))})}):e(od,{span:n.span})})}function O0(n){const{span:a,spanAttributes:t}=n,{input:l,output:i}=a,r=typeof(l==null?void 0:l.value)=="string",o=typeof(i==null?void 0:i.value)=="string",d=(l==null?void 0:l.mimeType)==="text",c=(i==null?void 0:i.mimeType)==="text",p=
|
|
1735
|
+
`,children:l.map((o,d)=>e("li",{children:e(on,{children:e(B,{...Pe,backgroundColor:"purple-100",borderColor:"purple-700",title:"Embedded Text",children:e(C,{padding:"size-200",children:e(ka,{children:o[cl.text]||""})})})})},d))})}):e(od,{span:n.span})})}function O0(n){const{span:a,spanAttributes:t}=n,{input:l,output:i}=a,r=typeof(l==null?void 0:l.value)=="string",o=typeof(i==null?void 0:i.value)=="string",d=(l==null?void 0:l.mimeType)==="text",c=(i==null?void 0:i.mimeType)==="text",p=u.useMemo(()=>t[fe.tool]||{},[t]),f=Object.keys(p).length>0,m=p[Tt.name],g=p[Tt.description],y=p[Tt.parameters];return!r&&!o&&!f?null:s(h,{direction:"column",gap:"size-200",children:[r?e(on,{children:e(B,{title:"Input",...Pe,extra:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[d?e(Tn,{}):null,e(oe,{text:l.value})]}),children:e(An,{...l})})}):null,o?e(on,{children:e(B,{title:"Output",...Pe,backgroundColor:"green-100",borderColor:"green-700",extra:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[c?e(Tn,{}):null,e(oe,{text:i.value})]}),children:e(An,{...i})})}):null,f?e(B,{title:"Tool"+(typeof m=="string"?`: ${m}`:""),...Pe,children:s(h,{direction:"column",children:[g!=null?e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",backgroundColor:"light",children:s(h,{direction:"column",alignItems:"start",gap:"size-50",children:[e(v,{color:"text-700",fontStyle:"italic",children:"Description"}),e(v,{children:g})]})}):null,y!=null?e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",children:s(h,{direction:"column",alignItems:"start",width:"100%",children:[e(v,{color:"text-700",fontStyle:"italic",children:"Parameters"}),e(ta,{children:JSON.stringify(y)})]})}):null]})}):null]})}const Q0=["irrelevant","unrelated"];function Il({document:n,documentEvaluations:a,backgroundColor:t,borderColor:l,tokenColor:i}){const r=n[Ga.metadata],o=a&&a.length,d=n[Ga.content];return e(B,{...Pe,backgroundColor:t,borderColor:l,bodyStyle:{padding:0},title:s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_,{svg:e(Mr,{})}),s(se,{level:4,children:["document ",n[Ga.id]]})]}),extra:typeof n[Ga.score]=="number"&&e(La,{color:i,children:`score ${Ul(n[Ga.score])}`}),children:s(h,{direction:"column",children:[d&&e(C,{padding:"size-200",children:e(ka,{children:d})}),r&&e(U,{children:s(C,{borderColor:l,borderTopWidth:"thin",children:[e(C,{paddingX:"size-200",paddingY:"size-100",borderColor:l,borderBottomWidth:"thin",children:e(se,{level:4,children:"Document Metadata"})}),e(ta,{basicSetup:{lineNumbers:!1},children:JSON.stringify(r)})]})}),o&&e(C,{borderColor:l,borderTopWidth:"thin",padding:"size-200",children:s(h,{direction:"column",gap:"size-100",children:[e(se,{level:3,weight:"heavy",children:"Evaluations"}),e("ul",{children:a.map((c,p)=>{const f=c.label&&Q0.includes(c.label)?"var(--ac-global-color-danger)":i;return e("li",{children:e(C,{padding:"size-200",borderWidth:"thin",borderColor:l,borderRadius:"medium",children:s(h,{direction:"column",gap:"size-50",children:[s(h,{direction:"row",gap:"size-100",children:[e(v,{weight:"heavy",elementType:"h5",children:c.name}),c.label&&e(La,{color:f,children:c.label}),typeof c.score=="number"&&e(La,{color:f,children:s(h,{direction:"row",gap:"size-50",children:[e(v,{size:"XS",weight:"heavy",color:"inherit",children:"score"}),e(v,{size:"XS",children:Gn(c.score)})]})})]}),typeof c.explanation&&e("p",{css:F`
|
|
1736
1736
|
margin-top: var(
|
|
1737
1737
|
--ac-global-dimension-static-size-100
|
|
1738
1738
|
);
|
|
1739
1739
|
margin-bottom: 0;
|
|
1740
|
-
`,children:c.explanation})]})})},p)})})]})})]})})}function j0({message:n}){var p;const a=n[Ae.content],t=n[Ae.contents],l=(p=n[Ae.tool_calls])==null?void 0:p.map(
|
|
1740
|
+
`,children:c.explanation})]})})},p)})})]})})]})})}function j0({message:n}){var p;const a=n[Ae.content],t=n[Ae.contents],l=(p=n[Ae.tool_calls])==null?void 0:p.map(f=>f[fe.tool_call]).filter(Boolean),i=n[Ae.function_call_arguments_json]&&n[Ae.function_call_name],r=n[Ae.role]||"unknown",o=ht(r),d=u.useMemo(()=>(l==null?void 0:l.map((f,m)=>`tool-call-${m}`))||[],[l]),c=n[Ae.tool_call_id];return e(on,{children:s(B,{...Pe,...o,title:r+(n[Ae.name]?`: ${n[Ae.name]}`:""),extra:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Tn,{}),e(oe,{text:a||JSON.stringify(n)})]}),children:[e(Bt,{children:t?e(C,{padding:"size-200",children:e(G0,{messageContents:t})}):null}),e(h,{direction:"column",alignItems:"start",children:s(rn,{css:F`
|
|
1741
1741
|
width: 100%;
|
|
1742
1742
|
// when any .ac-disclosure-trigger is hovered, show the child .copy-to-clipboard-button
|
|
1743
1743
|
.ac-disclosure-trigger {
|
|
@@ -1753,17 +1753,17 @@ fragment SpanAside_span on Span {
|
|
|
1753
1753
|
visibility: visible;
|
|
1754
1754
|
}
|
|
1755
1755
|
}
|
|
1756
|
-
`,defaultExpandedKeys:["tool-content",...d,"function-call"],children:[a&&r.toLowerCase()==="tool"?s(ge,{id:"tool-content",children:[s(me,{arrowPosition:"start",justifyContent:"space-between",children:[s(v,{children:["Tool Result",c?`: ${c}`:""]}),c?e(oe,{text:c}):null]}),e(pe,{children:e(C,{padding:"size-200",width:"100%",children:e(ka,{children:a})})})]}):a?e(C,{padding:"size-200",width:"100%",children:e(ka,{children:a})}):null,((l==null?void 0:l.length)??0)>0?l==null?void 0:l.map((
|
|
1756
|
+
`,defaultExpandedKeys:["tool-content",...d,"function-call"],children:[a&&r.toLowerCase()==="tool"?s(ge,{id:"tool-content",children:[s(me,{arrowPosition:"start",justifyContent:"space-between",children:[s(v,{children:["Tool Result",c?`: ${c}`:""]}),c?e(oe,{text:c}):null]}),e(pe,{children:e(C,{padding:"size-200",width:"100%",children:e(ka,{children:a})})})]}):a?e(C,{padding:"size-200",width:"100%",children:e(ka,{children:a})}):null,((l==null?void 0:l.length)??0)>0?l==null?void 0:l.map((f,m)=>{var k,b,S;if(!f)return null;const g=f.id,y=Ve((k=f==null?void 0:f.function)==null?void 0:k.arguments);return s(ge,{id:d[m],css:m===0?F`
|
|
1757
1757
|
border-top: 1px solid
|
|
1758
1758
|
var(--ac-global-border-color-default);
|
|
1759
1759
|
`:null,children:[s(me,{arrowPosition:"start",justifyContent:"space-between",children:[s("span",{children:["Tool Call",g?`: ${g}`:""]}),g?e(oe,{text:g}):null]}),e(pe,{children:s("pre",{css:F`
|
|
1760
1760
|
text-wrap: wrap;
|
|
1761
1761
|
margin: var(--ac-global-dimension-static-size-100) 0;
|
|
1762
1762
|
padding: var(--ac-global-dimension-static-size-200);
|
|
1763
|
-
`,children:[(b=
|
|
1763
|
+
`,children:[(b=f==null?void 0:f.function)==null?void 0:b.name,"(",y.json?JSON.stringify(y.json,null,2):`${(S=f==null?void 0:f.function)==null?void 0:S.arguments}`,")"]},m)})]},m)}):null,i?s(ge,{id:"function-call",children:[e(me,{children:e(v,{children:"Function Call"})}),e(pe,{children:s("pre",{css:F`
|
|
1764
1764
|
text-wrap: wrap;
|
|
1765
1765
|
margin: var(--ac-global-dimension-static-size-100) 0;
|
|
1766
|
-
`,children:[n[Ae.function_call_name],"(",JSON.stringify(JSON.parse(n[Ae.function_call_arguments_json]),null,2),")"]})})]}):null]})})]})})}function q0({toolSchema:n,index:a}){return e(B,{title:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(
|
|
1766
|
+
`,children:[n[Ae.function_call_name],"(",JSON.stringify(JSON.parse(n[Ae.function_call_arguments_json]),null,2),")"]})})]}):null]})})]})})}function q0({toolSchema:n,index:a}){return e(B,{title:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Hl,{spanKind:"tool"}),e(v,{weight:"heavy",children:"Tool"})]}),titleExtra:s(fn,{children:["#",a+1]}),...Pe,backgroundColor:"yellow-100",borderColor:"yellow-700",bodyStyle:{padding:0},extra:e(oe,{text:n}),children:e(An,{value:n,mimeType:"json"})})}function Xi({messages:n}){return e("ul",{css:F`
|
|
1767
1767
|
display: flex;
|
|
1768
1768
|
flex-direction: column;
|
|
1769
1769
|
gap: var(--ac-global-dimension-static-size-100);
|
|
@@ -1808,7 +1808,7 @@ fragment SpanAside_span on Span {
|
|
|
1808
1808
|
&:hover .copy-to-clipboard-button {
|
|
1809
1809
|
opacity: 1;
|
|
1810
1810
|
}
|
|
1811
|
-
`,children:[e(oe,{text:n}),a]})}function ta({children:n,basicSetup:a={}}){const{theme:t}=On(),l=t==="light"?da:ca,{value:i,mimeType:r}=
|
|
1811
|
+
`,children:[e(oe,{text:n}),a]})}function ta({children:n,basicSetup:a={}}){const{theme:t}=On(),l=t==="light"?da:ca,{value:i,mimeType:r}=u.useMemo(()=>{try{return{value:JSON.stringify(JSON.parse(n),null,2),mimeType:"json"}}catch{return{value:n,mimeType:"text"}}},[n]);return r==="json"?e(ua,{value:i,basicSetup:{lineNumbers:!0,foldGutter:!0,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1,...a},extensions:[oy.json(),os.lineWrapping],editable:!1,theme:l,css:Z0}):e(dd,{children:i})}function dd({children:n}){return e("pre",{"data-testid":"pre-block",css:F`
|
|
1812
1812
|
white-space: pre-wrap;
|
|
1813
1813
|
padding: var(--ac-global-dimension-static-size-200);
|
|
1814
1814
|
font-size: var(--ac-global-font-size-s);
|
|
@@ -1839,15 +1839,15 @@ fragment SpanAside_span on Span {
|
|
|
1839
1839
|
id
|
|
1840
1840
|
}
|
|
1841
1841
|
}
|
|
1842
|
-
`}}}();ud.hash="d506d0235a1602f740af082698950c65";function ek({spanId:n}){const t=I.useLazyLoadQuery(ud,{spanId:n},{fetchPolicy:"store-and-network"}).span.spanAnnotations??[];return t.length>0?s(h,{direction:"column",gap:"size-50",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Feedback"}),e(h,{direction:"row",gap:"size-50",children:t.map(i=>e(za,{annotation:i,children:e(Nn,{annotation:i,annotationDisplayPreference:"label"})},i.name))})]}):null}const kl="selectedSpanNodeId";function nk(n){const a=n.find(i=>i.parentId==null);if(a)return a;const t=new Set(n.map(i=>i.spanId)),l=n.filter(i=>i.parentId!=null&&!t.has(i.parentId));return l.length===1?l[0]:null}function
|
|
1842
|
+
`}}}();ud.hash="d506d0235a1602f740af082698950c65";function ek({spanId:n}){const t=I.useLazyLoadQuery(ud,{spanId:n},{fetchPolicy:"store-and-network"}).span.spanAnnotations??[];return t.length>0?s(h,{direction:"column",gap:"size-50",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Feedback"}),e(h,{direction:"row",gap:"size-50",children:t.map(i=>e(za,{annotation:i,children:e(Nn,{annotation:i,annotationDisplayPreference:"label"})},i.name))})]}):null}const kl="selectedSpanNodeId";function nk(n){const a=n.find(i=>i.parentId==null);if(a)return a;const t=new Set(n.map(i=>i.spanId)),l=n.filter(i=>i.parentId!=null&&!t.has(i.parentId));return l.length===1?l[0]:null}function fi(n){var m,g;const{traceId:a,projectId:t}=n,[l,i]=xn(),r=I.useLazyLoadQuery(Yo,{traceId:a,id:t},{fetchPolicy:"store-and-network"}),o=((m=r.project.trace)==null?void 0:m.latencyMs)!=null?r.project.trace.latencyMs:null,d=u.useMemo(()=>{var k;return(((k=r.project.trace)==null?void 0:k.spans.edges)||[]).map(b=>b.span)},[r]),p=l.get(kl)??d[0].id,f=u.useMemo(()=>nk(d),[d]);return u.useEffect(()=>()=>{i(y=>(y.delete(kl),y),{replace:!0})},[]),s("main",{css:F`
|
|
1843
1843
|
flex: 1 1 auto;
|
|
1844
1844
|
overflow: hidden;
|
|
1845
1845
|
display: flex;
|
|
1846
1846
|
flex-direction: column;
|
|
1847
|
-
`,children:[e(ak,{rootSpan:
|
|
1847
|
+
`,children:[e(ak,{rootSpan:f,latencyMs:o,sessionId:(g=r.project.trace)==null?void 0:g.projectSessionId}),s(yn,{direction:"horizontal",autoSaveId:"trace-panel-group",css:F`
|
|
1848
1848
|
flex: 1 1 auto;
|
|
1849
1849
|
overflow: hidden;
|
|
1850
|
-
`,children:[e(_e,{defaultSize:30,minSize:5,children:e(lk,{children:e(Gp,{spans:d,selectedSpanNodeId:p,onSpanClick:
|
|
1850
|
+
`,children:[e(_e,{defaultSize:30,minSize:5,children:e(lk,{children:e(Gp,{spans:d,selectedSpanNodeId:p,onSpanClick:y=>{i(k=>(k.set(kl,y.id),k),{replace:!0})}})})}),e(Cn,{css:Ut}),e(_e,{children:e(tk,{children:p?e(u.Suspense,{fallback:e(Fe,{}),children:e(w0,{spanNodeId:p})}):null})})]})]})}function ak({rootSpan:n,latencyMs:a,sessionId:t}){const{projectId:l}=Be(),{statusCode:i}=n??{statusCode:"UNSET"},r=Wp(i);return e(C,{paddingTop:"size-100",paddingBottom:"size-150",paddingX:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",children:s(h,{direction:"row",gap:"size-400",alignItems:"center",css:F`
|
|
1851
1851
|
box-sizing: content-box;
|
|
1852
1852
|
`,children:[s(h,{direction:"column",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Trace Status"}),e(v,{size:"XL",children:s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(qt,{statusCode:i}),e(v,{size:"L",color:r,children:i})]})})]}),s(h,{direction:"column",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Latency"}),e(v,{size:"XL",children:typeof a=="number"?e(Me,{latencyMs:a,size:"L"}):"--"})]}),n?e(ek,{spanId:n.id}):null,t&&e("span",{css:F`
|
|
1853
1853
|
margin-left: auto;
|
|
@@ -1874,10 +1874,10 @@ fragment SpanAside_span on Span {
|
|
|
1874
1874
|
`,children:n})}function lk({children:n}){return e("div",{"data-testid":"scrolling-panel-content",css:F`
|
|
1875
1875
|
height: 100%;
|
|
1876
1876
|
overflow-y: auto;
|
|
1877
|
-
`,children:n})}const rl=()=>{const{projectId:n}=Be();if(!n)throw new Error("projectId is required");const t=mt().pathname.split("/"),l=t.indexOf(n);if(l===-1)throw new Error("projectId not found in path");const i=t.slice(0,l+1).join("/"),r=t[l+1];return{rootPath:i,tab:r}};function o2(){const{traceId:n,projectId:a}=Be(),t=ue(),{rootPath:l,tab:i}=rl();return e(ae,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(`${l}/${i}`),children:e(Z,{size:"fullscreen",title:"Trace Details",children:e(
|
|
1877
|
+
`,children:n})}const rl=()=>{const{projectId:n}=Be();if(!n)throw new Error("projectId is required");const t=mt().pathname.split("/"),l=t.indexOf(n);if(l===-1)throw new Error("projectId not found in path");const i=t.slice(0,l+1).join("/"),r=t[l+1];return{rootPath:i,tab:r}};function o2(){const{traceId:n,projectId:a}=Be(),t=ue(),{rootPath:l,tab:i}=rl();return e(ae,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(`${l}/${i}`),children:e(Z,{size:"fullscreen",title:"Trace Details",children:e(fi,{traceId:n,projectId:a})})})}function md({traceId:n,projectId:a,title:t}){return e(Z,{title:t,size:"fullscreen",extra:e(Ta,{size:"S",to:`/projects/${a}/traces/${n}`,children:"View Trace in Project"}),children:e(fi,{traceId:n,projectId:a})})}const ik=n=>{const a=n;return ea(a.function)?typeof a.function.arguments=="string":!1};function pd({toolCall:n}){const a=u.useMemo(()=>{const{provider:t,validatedToolCall:l}=Jp(n);switch(t){case"OPENAI":case"AZURE_OPENAI":return{name:l.function.name,input:l.function.arguments};case"ANTHROPIC":return{name:l.name,input:l.input};case"UNKNOWN":{if(!ik(n))return null;const{json:i}=Ve(n.function.arguments);return{name:n.function.name??"",input:ea(i)?i:n.function.arguments}}default:return Ce()}},[n]);return a==null?s(v,{children:["Invalid tool call format: ",JSON.stringify(n)]}):s("pre",{css:F`
|
|
1878
1878
|
text-wrap: wrap;
|
|
1879
1879
|
margin: var(--ac-global-dimension-static-size-100) 0;
|
|
1880
|
-
`,children:[a.name,"(",typeof a.input=="string"?a.input:JSON.stringify(a.input,null,2),")"]})}const rk=10,sk=n=>n.examples.reduce((a,t)=>{const{datasetExampleId:l,result:i,experimentRunId:r}=t,o={experimentRunId:r};switch(i.__typename){case"ChatCompletionMutationError":return{...a,[l]:{...o,errorMessage:i.message}};case"ChatCompletionMutationPayload":{const{errorMessage:d,content:c,span:p,toolCalls:
|
|
1880
|
+
`,children:[a.name,"(",typeof a.input=="string"?a.input:JSON.stringify(a.input,null,2),")"]})}const rk=10,sk=n=>n.examples.reduce((a,t)=>{const{datasetExampleId:l,result:i,experimentRunId:r}=t,o={experimentRunId:r};switch(i.__typename){case"ChatCompletionMutationError":return{...a,[l]:{...o,errorMessage:i.message}};case"ChatCompletionMutationPayload":{const{errorMessage:d,content:c,span:p,toolCalls:f}=i;return{...a,[l]:{...o,span:p,content:c,errorMessage:d,toolCalls:f.reduce((m,g)=>(m[g.id]=g,m),{})}}}case"%other":return a;default:Ce()}},{}),ok=F`
|
|
1881
1881
|
position: relative;
|
|
1882
1882
|
display: flex;
|
|
1883
1883
|
flex-direction: column;
|
|
@@ -1911,13 +1911,13 @@ fragment SpanAside_span on Span {
|
|
|
1911
1911
|
overflow-y: auto;
|
|
1912
1912
|
padding: var(--ac-global-dimension-static-size-100)
|
|
1913
1913
|
var(--ac-global-dimension-static-size-200);
|
|
1914
|
-
`,children:n})}function ck({getValue:n,collapseSingleKey:a}){const t=n();return e(yd,{children:e($a,{json:t,space:2,collapseSingleKey:a})})}function uk({isRunning:n,instanceVariables:a,datasetExampleInput:t}){const l=
|
|
1915
|
-
`),expireMs:1e4}):T({title:"Failed to get output",message:Un.message,expireMs:1e4})}},en=pt.requestSubscription(a,ye);M.push(en)}return()=>{for(const E of M)E.dispose()}}else{const M=[];for(const E of q){const{activeRunId:N}=E;if(N===null)continue;te({instanceId:E.id,patch:{experimentId:null},dirty:null});const ee={input
|
|
1916
|
-
`),expireMs:1e4}):T({title:"Failed to get output",message:en.message,expireMs:1e4})}});M.push(ye)}return()=>{for(const E of M)E.dispose()}}},[b,n,a,L,k,S,T,P,x,K,c]);const{dataset:D}=I.useLazyLoadQuery(Jo,{datasetId:n}),$=
|
|
1914
|
+
`,children:n})}function ck({getValue:n,collapseSingleKey:a}){const t=n();return e(yd,{children:e($a,{json:t,space:2,collapseSingleKey:a})})}function uk({isRunning:n,instanceVariables:a,datasetExampleInput:t}){const l=u.useMemo(()=>{const i=ea(t)?t:{};return a.filter(r=>i[r]==null)},[t,a]);return n?e(Fe,{}):l.length===0?null:e(yi,{children:`Missing input for variable${l.length>1?"s":""}: ${l.join(", ")}`})}function mk({exampleData:n,setDialog:a}){const{span:t,content:l,toolCalls:i,errorMessage:r,experimentRunId:o}=n,d=t!=null,c=o!=null,p=u.useMemo(()=>{if(d||c)return s(U,{children:[c&&s(ve,{children:[e(V,{size:"S","aria-label":"View experiment run details",leadingVisual:e(_,{svg:e(ot,{})}),onPress:()=>{u.startTransition(()=>{a(e(d0,{runId:o}))})}}),e($e,{children:"View run details"})]}),d&&e(U,{children:s(ve,{children:[e(V,{size:"S","aria-label":"View run trace",leadingVisual:e(_,{svg:e(jt,{})}),onPress:()=>{u.startTransition(()=>{a(e(md,{traceId:t.context.traceId,projectId:t.project.id,title:"Experiment Run Trace"}))})}}),e($e,{children:"View Trace"})]})})]})},[o,c,d,a,t]);return e(gd,{controls:p,children:s(h,{direction:"column",gap:"size-200",children:[r!=null?e(yi,{children:r}):null,e(v,{children:l}),i!=null?Object.values(i).map(f=>f==null?null:e(pd,{toolCall:f},f.id)):null,d?e(gk,{span:t}):null]})})}const pk=u.memo(function({isRunning:a,instanceId:t,exampleId:l,setDialog:i,instanceVariables:r,datasetExampleInput:o}){const d=xa(c=>{var p;return(p=c.exampleResponsesMap[t])==null?void 0:p[l]});return d==null?e(uk,{isRunning:a,instanceVariables:r,datasetExampleInput:o}):e(mk,{exampleData:d,setDialog:i})});function gk({span:n}){return s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(oa,{tokenCountTotal:n.tokenCountTotal||0,tokenCountPrompt:n.tokenCountPrompt||0,tokenCountCompletion:n.tokenCountCompletion||0}),e(Me,{latencyMs:n.latencyMs||0})]})}function fd({table:n}){return e("tbody",{children:n.getRowModel().rows.map(a=>e("tr",{children:a.getVisibleCells().map(t=>e("td",{style:{padding:0,height:1,width:`calc(var(--col-${t.column.id}-size) * 1px)`,wordBreak:"break-all"},children:J(t.column.columnDef.cell,t.getContext())},t.id))},a.id))})}const yk=he.memo(fd,(n,a)=>n.table.options.data===a.table.options.data);function fk({datasetId:n}){const a=I.useRelayEnvironment(),t=O(q=>q.instances),l=O(q=>q.allInstanceMessages),i=O(q=>q.templateFormat),r=O(q=>q.updateInstance),o=xa(q=>q.updateExampleData),d=xa(q=>q.setExampleDataForInstance),c=xa(q=>q.resetExampleData),p=xa(q=>q.appendExampleDataToolCallChunk),f=xa(q=>q.appendExampleDataTextChunk),[m,g]=u.useState(null),[,y]=xn(),k=t.some(q=>q.activeRunId!==null),b=Ma(q=>q),S=O(q=>q.markPlaygroundInstanceComplete),K=Ba(),T=Ie(),x=u.useCallback(q=>le=>{var M;if(le==null)return;const te=le.chatCompletionOverDataset;switch(te.__typename){case"ChatCompletionSubscriptionExperiment":r({instanceId:q,patch:{experimentId:te.experiment.id},dirty:null});break;case"ChatCompletionSubscriptionResult":if(te.datasetExampleId==null)return;o({instanceId:q,exampleId:te.datasetExampleId,patch:{span:te.span,experimentRunId:(M=te.experimentRun)==null?void 0:M.id}});break;case"ChatCompletionSubscriptionError":if(te.datasetExampleId==null)return;o({instanceId:q,exampleId:te.datasetExampleId,patch:{errorMessage:te.message}});break;case"TextChunk":if(te.datasetExampleId==null)return;f({instanceId:q,exampleId:te.datasetExampleId,textChunk:te.content});break;case"ToolCallChunk":{if(te.datasetExampleId==null)return;p({instanceId:q,exampleId:te.datasetExampleId,toolCallChunk:te});break}case"%other":return;default:return Ce()}},[f,p,o,r]),[L]=I.useMutation(Uo),P=u.useCallback(q=>(le,te)=>{if(S(q),te){T({title:"Chat completion failed",message:te[0].message});return}r({instanceId:q,patch:{experimentId:le.chatCompletionOverDataset.experimentId},dirty:null}),d({instanceId:q,data:sk(le.chatCompletionOverDataset)})},[S,T,d,r]);u.useEffect(()=>{if(!k)return;const{instances:q,streaming:le,updateInstance:te}=K.getState();if(c(),le){const M=[];for(const E of q){const{activeRunId:N}=E;if(te({instanceId:E.id,patch:{experimentId:null},dirty:null}),N===null)continue;const ee={input:Oi({credentials:b,instanceId:E.id,playgroundStore:K,datasetId:n})},ye={subscription:Ho,variables:ee,onNext:x(E.id),onCompleted:()=>{S(E.id)},onError:Un=>{S(E.id);const Ha=Ar(Un);Ha!=null&&Ha.length>0?T({title:"Failed to get output",message:Ha.join(`
|
|
1915
|
+
`),expireMs:1e4}):T({title:"Failed to get output",message:Un.message,expireMs:1e4})}},en=pt.requestSubscription(a,ye);M.push(en)}return()=>{for(const E of M)E.dispose()}}else{const M=[];for(const E of q){const{activeRunId:N}=E;if(N===null)continue;te({instanceId:E.id,patch:{experimentId:null},dirty:null});const ee={input:Oi({credentials:b,instanceId:E.id,playgroundStore:K,datasetId:n})},ye=L({variables:ee,onCompleted:P(E.id),onError(en){S(E.id);const Un=De(en);Un!=null&&Un.length>0?T({title:"Failed to get output",message:Un.join(`
|
|
1916
|
+
`),expireMs:1e4}):T({title:"Failed to get output",message:en.message,expireMs:1e4})}});M.push(ye)}return()=>{for(const E of M)E.dispose()}}},[b,n,a,L,k,S,T,P,x,K,c]);const{dataset:D}=I.useLazyLoadQuery(Jo,{datasetId:n}),$=u.useRef(null),{data:R,loadNext:Q,hasNext:z,isLoadingNext:A}=I.usePaginationFragment(Wo,D),j=u.useMemo(()=>R.examples.edges.map(q=>{const le=q.example,te=le.revision;return{id:le.id,input:te.input,output:te.output}}),[R]),Y=u.useMemo(()=>t.map((q,le)=>{const te=el(q,l),M=Fs({instance:te,templateFormat:i});return{id:`instance-${q.id}`,header:()=>s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Gl,{index:le}),e("span",{children:"Output"})]}),cell:({row:E})=>e(pk,{instanceId:q.id,exampleId:E.original.id,isRunning:k,setDialog:g,instanceVariables:M,datasetExampleInput:E.original.input}),size:500}}),[k,t,i,l]),de=[{header:"input",accessorKey:"input",cell:({row:q})=>e(gd,{controls:s(ve,{children:[e(V,{size:"S","aria-label":"View example details",leadingVisual:e(_,{svg:e(ot,{})}),onPress:()=>{y(le=>(le.set("exampleId",q.original.id),le))}}),e($e,{children:"View Example"})]}),children:e(yd,{children:e($a,{json:q.original.input,disableTitle:!0,space:2,collapseSingleKey:!1})})}),size:200},{header:"reference output",accessorKey:"output",cell:q=>ck({...q,collapseSingleKey:!0}),size:200},...Y],be=Le({columns:de,data:j,getCoreRowModel:we(),columnResizeMode:"onChange"}),hn=be.getRowModel().rows.length===0,ga=u.useCallback(q=>{if(q){const{scrollHeight:le,scrollTop:te,clientHeight:M}=q;le-te-M<300&&!A&&z&&Q(rk)}},[z,A,Q]),Ua=he.useMemo(()=>{const q=be.getFlatHeaders(),le={};for(let te=0;te<q.length;te++){const M=q[te];le[`--header-${M.id}-size`]=M.getSize(),le[`--col-${M.column.id}-size`]=M.column.getSize()}return le},[be.getState().columnSizingInfo,be.getState().columnSizing,de.length]);return s("div",{css:F`
|
|
1917
1917
|
flex: 1 1 auto;
|
|
1918
1918
|
overflow: auto;
|
|
1919
1919
|
height: 100%;
|
|
1920
|
-
`,ref:$,onScroll:q=>ga(q.target),children:[s("table",{css:F(dn,
|
|
1920
|
+
`,ref:$,onScroll:q=>ga(q.target),children:[s("table",{css:F(dn,Vr),style:{...Ua,width:be.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:be.getHeaderGroups().map(q=>e("tr",{children:q.headers.map(le=>s("th",{style:{width:`calc(var(--header-${le==null?void 0:le.id}-size) * 1px)`},children:[e("div",{children:J(le.column.columnDef.header,le.getContext())}),e("div",{onMouseDown:le.getResizeHandler(),onTouchStart:le.getResizeHandler(),className:`resizer ${le.column.getIsResizing()?"isResizing":""}`})]},le.id))},q.id))}),hn?e(mn,{}):be.getState().columnSizingInfo.isResizingColumn?e(yk,{table:be}):e(fd,{table:be})]}),e(ae,{isDismissable:!0,type:"slideOver",onDismiss:()=>{g(null)},children:m})]})}function hk({datasetId:n}){const a=O(o=>o.instances),t=a.some(o=>o.activeRunId!=null),l=u.useMemo(()=>a.map(o=>o.experimentId).filter(o=>o!=null),[a]),i=ue(),r=I.useLazyLoadQuery(Bo,{datasetId:n});return s(h,{direction:"column",height:"100%",children:[e(C,{flex:"none",backgroundColor:"dark",paddingX:"size-200",paddingY:"size-100",borderBottomColor:"light",borderBottomWidth:"thin",height:50,children:s(h,{justifyContent:"space-between",alignItems:"center",height:"100%",children:[s(h,{gap:"size-100",children:[s(v,{children:[r.dataset.name??"Dataset"," results"]}),r.dataset.exampleCount!=null?s(v,{fontStyle:"italic",color:"text-700",children:[r.dataset.exampleCount," examples"]}):null]}),l.length>0&&s(V,{size:"S",isDisabled:t,leadingVisual:e(_,{svg:t?e(We,{}):e(zr,{})}),onPress:()=>{i(`/datasets/${n}/compare?experimentId=${l.join("&experimentId=")}`)},children:["View Experiment",a.length>1?"s":""]})]})}),e(o0,{children:e(fk,{datasetId:n})})]})}const kk=()=>{const n=O(d=>d.input),a=O(d=>d.instances),t=O(d=>d.allInstanceMessages),l=O(d=>d.templateFormat),i=u.useMemo(()=>a.map(d=>el(d,t)),[a,t]),{variableKeys:r,variablesMap:o}=u.useMemo(()=>Ks({instances:i,templateFormat:l,input:n}),[n,i,l]);return{variableKeys:r,variablesMap:o}},bk={lineNumbers:!1,highlightActiveLine:!1,foldGutter:!1,highlightActiveLineGutter:!1,bracketMatching:!1,syntaxHighlighting:!1,defaultKeymap:!1},Sk=[os.lineWrapping,ai.of([...dy.filter(n=>n.key!=="Mod-Enter")])],vk=({label:n,defaultValue:a,onChange:t})=>{const{theme:l}=On(),i=u.useRef(a),[r,o]=u.useState(0),[d,c]=u.useState(()=>a);return u.useEffect(()=>{a==null&&(c(""),o(f=>f+1)),i.current=a},[a]),u.useEffect(()=>{c(i.current),o(f=>f+1)},[n]),e(ra,{label:n,children:e(Xe,{width:"100%",children:e(ua,{theme:l==="light"?da:ca,basicSetup:bk,value:d,extensions:Sk,onChange:t},r)})})};function Ck(){const{variableKeys:n,variablesMap:a}=kk(),t=O(i=>i.setVariableValue),l=O(i=>i.templateFormat);if(n.length===0){let i="";switch(l){case nn.FString:{i="{input name}";break}case nn.Mustache:{i="{{input name}}";break}case nn.NONE:return null;default:Ce()}return e(C,{padding:"size-100",children:e(h,{direction:"column",justifyContent:"center",alignItems:"center",children:s(v,{color:"text-700",children:["Add variable inputs to your prompt using"," ",e(v,{color:"text-900",children:i})," within your prompt template."]})})})}return e(h,{direction:"column",gap:"size-200",width:"100%",children:n.map((i,r)=>e(vk,{label:i,defaultValue:a[i]??"",onChange:o=>t(i,o)},r))})}const hd=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"ChatCompletionMutationPayload",kind:"LinkedField",name:"chatCompletion",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"content",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorMessage",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"span",plural:!1,selections:[a],storageKey:null},{alias:null,args:null,concreteType:"ChatCompletionToolCall",kind:"LinkedField",name:"toolCalls",plural:!0,selections:[a,{alias:null,args:null,concreteType:"ChatCompletionFunctionCall",kind:"LinkedField",name:"function",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"PlaygroundOutputMutation",selections:t,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"PlaygroundOutputMutation",selections:t},params:{cacheID:"9dc63d3e40081b276c1cbd5f21405c6f",id:null,metadata:{},name:"PlaygroundOutputMutation",operationKind:"mutation",text:`mutation PlaygroundOutputMutation(
|
|
1921
1921
|
$input: ChatCompletionInput!
|
|
1922
1922
|
) {
|
|
1923
1923
|
chatCompletion(input: $input) {
|
|
@@ -1961,7 +1961,7 @@ fragment SpanAside_span on Span {
|
|
|
1961
1961
|
}
|
|
1962
1962
|
}
|
|
1963
1963
|
}
|
|
1964
|
-
`}}}();kd.hash="bb5936a61a0e99dbb4a298a6e552a01c";const Fk=({instance:n,outputContent:a,toolCalls:t,cleanupOutput:l})=>{const i=n.id,r=O(o=>o.addMessage);return s(ve,{delay:500,offset:10,children:[e(V,{size:"S",leadingVisual:e(_,{svg:e(_n,{})}),"aria-label":"Move the output message to the end of the prompt",onPress:()=>{if(n.template.__type!=="chat")return;const o=Array.isArray(a)?a:a?[{id:Zn(),role:Wn("ai"),content:a}]:[];t.length>0&&o.push({id:Zn(),role:Wn("ai"),toolCalls:
|
|
1964
|
+
`}}}();kd.hash="bb5936a61a0e99dbb4a298a6e552a01c";const Fk=({instance:n,outputContent:a,toolCalls:t,cleanupOutput:l})=>{const i=n.id,r=O(o=>o.addMessage);return s(ve,{delay:500,offset:10,children:[e(V,{size:"S",leadingVisual:e(_,{svg:e(_n,{})}),"aria-label":"Move the output message to the end of the prompt",onPress:()=>{if(n.template.__type!=="chat")return;const o=Array.isArray(a)?a:a?[{id:Zn(),role:Wn("ai"),content:a}]:[];t.length>0&&o.push({id:Zn(),role:Wn("ai"),toolCalls:Nr({provider:n.model.provider,toolCalls:t.map(d=>{var c;return{...d,function:{...d.function,arguments:((c=Ve(d.function.arguments))==null?void 0:c.json)??d.function.arguments}}})})}),r({playgroundInstanceId:i,messages:o}),l()},children:"Prompt"}),e($e,{children:"Move the output message to the end of the prompt"})]})},bd=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null}],type:"Span",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"RunMetadataFooterQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"RunMetadataFooterQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,l],storageKey:null}]},params:{cacheID:"447ee90c4f55ded6a8a64e73fc30c065",id:null,metadata:{},name:"RunMetadataFooterQuery",operationKind:"query",text:`query RunMetadataFooterQuery(
|
|
1965
1965
|
$spanId: GlobalID!
|
|
1966
1966
|
) {
|
|
1967
1967
|
span: node(id: $spanId) {
|
|
@@ -1983,9 +1983,9 @@ fragment SpanAside_span on Span {
|
|
|
1983
1983
|
}
|
|
1984
1984
|
}
|
|
1985
1985
|
}
|
|
1986
|
-
`}}}();bd.hash="d8025b7f870ac81e2d1e3249bb818186";function Kk({spanId:n}){const[a,t]=
|
|
1987
|
-
`)}):T({title:"Failed to get output",message:de.message})}};return pt.requestSubscription(
|
|
1988
|
-
`)}):T({title:"Failed to get output",message:j.message})}}).dispose},[Q,i,
|
|
1986
|
+
`}}}();bd.hash="d8025b7f870ac81e2d1e3249bb818186";function Kk({spanId:n}){const[a,t]=u.useState(null),l=I.useLazyLoadQuery(bd,{spanId:n},{fetchPolicy:"store-and-network"});if(!l.span||!l.span.trace||!l.span.trace.project)return null;const{trace:i}=l.span;return s(C,{borderTopColor:"light",borderTopWidth:"thin",paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",children:[s(h,{direction:"row",gap:"size-200",justifyContent:"space-between",children:[s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(oa,{tokenCountTotal:l.span.tokenCountTotal||0,tokenCountPrompt:l.span.tokenCountPrompt||0,tokenCountCompletion:l.span.tokenCountCompletion||0}),e(Me,{latencyMs:l.span.latencyMs||0})]}),s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(V,{size:"S",leadingVisual:e(_,{svg:e(gt,{})}),onPress:()=>t(e($r,{spanNodeId:n,projectId:i.project.id})),children:"Annotate"}),e(V,{size:"S",leadingVisual:e(_,{svg:e(jt,{})}),onPress:()=>{u.startTransition(()=>{t(e(u.Suspense,{children:e(md,{traceId:i.traceId,projectId:i.project.id,title:"Playground Trace"})}))})},children:"View Trace"})]})]}),e(ae,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(null),children:a})]})}function Tk({index:n,title:a}){return s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Gl,{index:n}),e("span",{children:a})]})}const Pk=n=>ea(n)&&(typeof n.id=="string"||typeof n.id=="number")?n.id:JSON.stringify(n);function Yi({message:n}){const{role:a,content:t,toolCalls:l}=n,i=ht(a);return s(B,{title:a,...i,variant:"compact",extra:e(Tn,{}),children:[t!=null&&!Array.isArray(t)&&e(ka,{children:t}),l&&l.length>0?l.map(r=>e(pd,{toolCall:r},Pk(r))):null]})}function Ik({content:n,partialToolCalls:a}){return Zy(n)?n.map((t,l)=>e(Yi,{message:t},l)):typeof n=="string"||a.length>0?e(Yi,{message:{id:Zn(),content:n,role:"ai",toolCalls:a}}):"click run to see output"}function xk(n){const a=n.playgroundInstanceId,t=O(z=>z.instances),l=O(z=>z.streaming),i=Ma(z=>z),r=O(z=>z.instances.findIndex(A=>A.id===a)),o=t.find(z=>z.id===a),d=O(z=>z.updateInstance),[c,p]=u.useState(null),f=O(z=>z.markPlaygroundInstanceComplete),m=I.useRelayEnvironment(),g=Ba();if(!o)throw new Error(`No instance found for id ${a}`);if(o.template.__type!=="chat")throw new Error("We only support chat templates for now");const[y,k]=u.useState(!1),[b]=I.useMutation(hd),S=(o==null?void 0:o.activeRunId)!=null,K=Ie(),T=u.useCallback(({title:z,message:A,...j})=>{p({title:z,message:A}),K({title:z,message:A,...j})},[K]),[x,L]=u.useState(o.output),[P,D]=u.useState([]),$=u.useCallback(({chatCompletion:z})=>{if(k(!1),z.__typename==="TextChunk"){const A=z.content;L(j=>j!=null?j+A:A);return}else if(z.__typename==="ToolCallChunk"){D(A=>{let j=!1;const Y=A.map(de=>de.id===z.id?(j=!0,{...de,function:{...de.function,arguments:de.function.arguments+z.function.arguments}}):de);return j||Y.push({id:z.id,function:{name:z.function.name,arguments:z.function.arguments}}),Y});return}if(z.__typename==="ChatCompletionSubscriptionResult"&&z.span!=null){d({instanceId:a,patch:{spanId:z.span.id},dirty:null});return}z.__typename==="ChatCompletionSubscriptionError"&&(f(n.playgroundInstanceId),z.message!=null&&T({title:"Chat completion failed",message:z.message}))},[a,f,T,n.playgroundInstanceId,d]),R=u.useCallback((z,A)=>{if(k(!1),f(n.playgroundInstanceId),d({instanceId:a,patch:{spanId:z.chatCompletion.span.id},dirty:null}),A){T({title:"Chat completion failed",message:A[0].message});return}if(z.chatCompletion.errorMessage!=null){T({title:"Chat completion failed",message:z.chatCompletion.errorMessage});return}L(z.chatCompletion.content??void 0),D(z.chatCompletion.toolCalls)},[a,f,T,n.playgroundInstanceId,d]),Q=u.useCallback(()=>{L(void 0),D([]),p(null),d({instanceId:a,patch:{spanId:null},dirty:null})},[a,d]);return u.useEffect(()=>{if(!S){k(!1);return}k(!0),Q();const z=rf({playgroundStore:g,instanceId:a,credentials:i});if(l){const j={subscription:kd,variables:{input:z},onNext:de=>{de&&$(de)},onCompleted:()=>{k(!1),f(n.playgroundInstanceId)},onError:de=>{k(!1),f(n.playgroundInstanceId);const be=Ar(de);be!=null&&be.length>0?T({title:"Failed to get output",message:be.join(`
|
|
1987
|
+
`)}):T({title:"Failed to get output",message:de.message})}};return pt.requestSubscription(m,j).dispose}return b({variables:{input:z},onCompleted:R,onError(j){k(!1),f(n.playgroundInstanceId);const Y=De(j);Y!=null&&Y.length>0?T({title:"Failed to get output",message:Y.join(`
|
|
1988
|
+
`)}):T({title:"Failed to get output",message:j.message})}}).dispose},[Q,i,m,b,S,a,f,T,R,$,g,n.playgroundInstanceId,l,d]),e(B,{title:e(Tk,{index:r,title:"Output"}),extra:x!=null||(P==null?void 0:P.length)>0?e(Fk,{outputContent:x,toolCalls:P,instance:o,cleanupOutput:Q}):null,titleSeparator:!0,collapsible:!0,variant:"compact",bodyStyle:{padding:0},children:y?e(C,{padding:"size-200",children:e(Fe,{message:"Running..."})}):c?e(C,{padding:"size-200",children:e(yi,{children:c.message})}):s(U,{children:[e(C,{padding:"size-200",children:e(on,{children:e(Ik,{content:x,partialToolCalls:P})})}),e(u.Suspense,{children:o.spanId?e(Kk,{spanId:o.spanId}):null})]})})}function Dk(){return u.useMemo(()=>window.navigator.userAgent.toLowerCase().includes("mac")?"Cmd":"Ctrl",[])}function _k(){const n=Dk(),a=O(r=>r.runPlaygroundInstances),t=O(r=>r.cancelPlaygroundInstances),l=O(r=>r.instances.some(o=>o.activeRunId!=null)),i=u.useCallback(()=>{l?t():a()},[l,t,a]);return Km("mod+enter",r=>{r.preventDefault(),r.stopPropagation(),i()},{enableOnFormTags:!0,enableOnContentEditable:!0,preventDefault:!0}),e(V,{variant:"primary",leadingVisual:e(_,{svg:l?e(We,{}):e(Ka,{})}),size:"S",onPress:()=>{i()},trailingVisual:s(Zp,{children:[e(Pl,{children:n}),e("span",{"aria-hidden":"true",children:n==="Cmd"?"⌘":"Ctrl"}),e(Pl,{children:"enter"}),e("span",{"aria-hidden":"true",children:"⏎"})]}),children:l?"Cancel":"Run"})}function Lk(){const n=O(i=>i.streaming),a=O(i=>i.setStreaming),t=Kn(i=>i.setPlaygroundStreamingEnabled),l=O(i=>i.instances.some(r=>r.activeRunId!=null));return window.Config.websocketsEnabled===!1?null:e(Fa,{labelPlacement:"start",isSelected:n,onChange:()=>{a(!n),t(!n)},isDisabled:l,children:"Stream"})}const Sd=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(
|
|
1989
1989
|
$input: CreateChatPromptVersionInput!
|
|
1990
1990
|
) {
|
|
1991
1991
|
createChatPromptVersion(input: $input) {
|
|
@@ -2022,7 +2022,7 @@ fragment SpanAside_span on Span {
|
|
|
2022
2022
|
}
|
|
2023
2023
|
}
|
|
2024
2024
|
}
|
|
2025
|
-
`}}}();Fd.hash="1acc413e40da1ea527fb431f10b46cf2";function Kd({onChange:n,container:a,promptId:t,...l}){const r=I.useLazyLoadQuery(Fd,{},{fetchPolicy:"store-and-network",fetchKey:t??void 0}).prompts.edges,o=
|
|
2025
|
+
`}}}();Fd.hash="1acc413e40da1ea527fb431f10b46cf2";function Kd({onChange:n,container:a,promptId:t,...l}){const r=I.useLazyLoadQuery(Fd,{},{fetchPolicy:"store-and-network",fetchKey:t??void 0}).prompts.edges,o=u.useMemo(()=>r.map(d=>d.prompt),[r]);return e(Jl,{size:"M","data-testid":"prompt-picker",selectedKey:t??null,"aria-label":"prompt picker",width:"100%",menuTrigger:"focus",stopPropagation:!0,container:a,defaultItems:o,placeholder:"Select a prompt...",renderEmptyState:()=>e("div",{children:"No prompts found"}),onSelectionChange:d=>{if(!(typeof d!="string"&&d!=null)){if(d===t){n(null);return}n(d)}},...l,children:d=>e(Wl,{textValue:d.name,id:d.id,children:d.name},d.id)})}const wk=/^[a-z0-9]([_a-z0-9-]*[a-z0-9])?$/,Td={value:wk,message:"Invalid identifier. Must be alphanumeric and with dashes or underscores"};function Ek({onCreate:n,onUpdate:a,isSubmitting:t=!1,defaultSelectedPromptId:l}){var x,L,P,D;const i=u.useRef(null),r=I.useLazyLoadQuery(Cd,{},{fetchPolicy:"network-only"}),[o,d]=u.useState(l??null),c=(L=(x=r==null?void 0:r.prompts)==null?void 0:x.edges)==null?void 0:L.find($=>{var R;return((R=$==null?void 0:$.prompt)==null?void 0:R.id)===o}),[p,f]=u.useState(((P=c==null?void 0:c.prompt)==null?void 0:P.name)??""),m=c?"update":"create",g=m==="create"?"Create Prompt":"Update Prompt",{control:y,handleSubmit:k,formState:{isDirty:b,isValid:S},trigger:K}=Qe({values:{promptId:o??void 0,name:m==="update"&&c?(D=c==null?void 0:c.prompt)==null?void 0:D.name:p},defaultValues:{description:""},reValidateMode:"onChange",resetOptions:{keepDefaultValues:!0}}),T=u.useCallback($=>{m==="create"?n($):a($)},[n,a,m]);return s(h,{direction:"column",gap:"size-100",ref:i,children:[e(C,{paddingX:"size-200",paddingTop:"size-200",children:e(G,{name:"name",control:y,rules:{required:{message:"Prompt is required",value:!0},pattern:Td},render:({field:{onBlur:$,onChange:R},fieldState:Q})=>{var z;return e(Kd,{label:"Prompt",description:"The prompt to update, or prompt name to create",placeholder:"Select or enter new prompt name",isRequired:!0,onBlur:$,defaultInputValue:p,onInputChange:A=>{f(A),R(A),K("name")},container:i.current??void 0,errorMessage:(z=Q.error)==null?void 0:z.message,allowsCustomValue:!0,onChange:A=>{R(A),d(A)},promptId:o})}})}),s(ln,{onSubmit:k(T),children:[e(C,{paddingX:"size-200",paddingBottom:"size-200",children:e(G,{name:"description",control:y,render:({field:{onChange:$,onBlur:R,value:Q},fieldState:{invalid:z,error:A}})=>s(X,{isInvalid:z,onChange:$,onBlur:R,value:Q,size:"S",children:[e(W,{children:m==="create"?"Prompt Description":"Change Description"}),e(Ca,{}),A?e(xe,{children:A.message}):e(v,{slot:"description",children:m==="create"?"A description of your prompt (optional)":"A description of your changes to the prompt (optional)"})]})})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(V,{variant:b?"primary":"default",size:"S",isDisabled:t||!S,type:"submit",children:g})})})]})]})}const er=(n,a)=>{const t=a.getState(),l=t.allInstanceMessages,i=t.instances.find(c=>c.id===n);if(!i)throw new Error(`Instance ${n} not found`);const r=el(i,l),o=$h(r);if(!o)throw new Error(`Could not convert instance ${n} to prompt`);const d=t.templateFormat;return{promptInput:o,templateFormat:d}},Rk=({instanceId:n,setDialog:a,selectedPromptId:t})=>{const l=ue(),i=ke(),r=Ie(),o=Ba(),[d,c]=I.useMutation(vd),[p,f]=I.useMutation(Sd),m=u.useCallback((k,b)=>{const S=o.getState();S.instances.find(T=>T.id===n)&&S.updateInstance({instanceId:n,patch:{prompt:{id:k,name:b}},dirty:!1})},[o,n]),g=u.useCallback(k=>{const{promptInput:b,templateFormat:S}=er(n,o);d({variables:{input:{name:k.name,description:k.description,promptVersion:{...b,templateFormat:S}}},onCompleted:K=>{i({title:"Prompt successfully created",action:{text:"View Prompt",onClick:()=>{l(`/prompts/${K.createChatPrompt.id}`)}}}),m(K.createChatPrompt.id,K.createChatPrompt.name),a(null)},onError:K=>{const T=De(K);r({title:"Error creating prompt",message:T==null?void 0:T[0]}),a(null)}})},[d,n,l,r,i,m,a,o]),y=u.useCallback(k=>{if(!k.promptId)throw new Error("Prompt ID is required");const{promptInput:b,templateFormat:S}=er(n,o);p({variables:{input:{promptId:k.promptId,promptVersion:{...b,templateFormat:S,description:k.description}}},onCompleted:K=>{i({title:"Prompt successfully updated",action:{text:"View Prompt",onClick:()=>{l(`/prompts/${K.createChatPromptVersion.id}`)}}}),m(K.createChatPromptVersion.id,K.createChatPromptVersion.name),a(null)},onError:K=>{const T=De(K);r({title:"Error updating prompt",message:T==null?void 0:T[0]}),a(null)}})},[n,l,r,i,a,o,p,m]);return e(Z,{title:"Create Prompt from Template",children:e(u.Suspense,{fallback:e(Fe,{}),children:e(Ek,{onCreate:g,onUpdate:y,isSubmitting:c||f,defaultSelectedPromptId:t})})})},Pd={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ModelConfigButtonDialogQuery",selections:[{args:null,kind:"FragmentSpread",name:"ModelProviderPickerFragment"}],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:"64ad561d3ca07bdded6af274c73eb18a",id:null,metadata:{},name:"ModelConfigButtonDialogQuery",operationKind:"query",text:`query ModelConfigButtonDialogQuery {
|
|
2026
2026
|
...ModelProviderPickerFragment
|
|
2027
2027
|
}
|
|
2028
2028
|
|
|
@@ -2034,18 +2034,18 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
2034
2034
|
dependencies
|
|
2035
2035
|
}
|
|
2036
2036
|
}
|
|
2037
|
-
`}};Pd.hash="4b1b96842c19ea5721b7fcf1cdb86426";const at=1024,Mk=w.object({type:w.literal("enabled"),budget_tokens:w.number().min(at)}),Vk=({onChange:n,value:a})=>{const[t,l]=
|
|
2037
|
+
`}};Pd.hash="4b1b96842c19ea5721b7fcf1cdb86426";const at=1024,Mk=w.object({type:w.literal("enabled"),budget_tokens:w.number().min(at)}),Vk=({onChange:n,value:a})=>{const[t,l]=u.useState(0),r=Mk.safeParse(a).data,o=u.useRef(r==null?void 0:r.budget_tokens),d=p=>{n(p?{type:"enabled",budget_tokens:o.current||at}:null)},c=p=>{const f=p!=null&&!isNaN(p);o.current=f?p:at,n({type:"enabled",budget_tokens:o.current}),f||l(m=>m+1)};return s(U,{children:[e(Fa,{onChange:d,isSelected:(r==null?void 0:r.type)==="enabled",children:"Thinking Enabled"}),(r==null?void 0:r.type)==="enabled"&&s(Or,{value:r==null?void 0:r.budget_tokens,onChange:c,isDisabled:(r==null?void 0:r.type)!=="enabled",isRequired:!0,defaultValue:at,minValue:at,children:[e(W,{children:"Budget Tokens"}),e(re,{}),e(v,{slot:"description",children:"Determines how many tokens Claude can use for its internal reasoning process. Must be ≥1024 and less than max_tokens."})]},t)]})};function Ak({defaultValue:n,onChange:a,label:t,errorMessage:l}){const[i,r]=u.useState(n==null?"":Fn(n).json??""),o=u.useCallback(d=>{r(d);const{json:c}=Ve(d);c==null&&d!==""||a(c)},[a]);return e("div",{css:F`
|
|
2038
2038
|
& .ac-view {
|
|
2039
2039
|
width: 100%;
|
|
2040
2040
|
}
|
|
2041
|
-
`,children:e(ra,{label:t,errorMessage:l,validationState:l?"invalid":void 0,children:e(Xe,{children:e(Ue,{value:i,onChange:o,optionalLint:!0})})})})}const zk=({field:n,value:a,onChange:t,errors:l,control:i})=>{var
|
|
2041
|
+
`,children:e(ra,{label:t,errorMessage:l,validationState:l?"invalid":void 0,children:e(Xe,{children:e(Ue,{value:i,onChange:o,optionalLint:!0})})})})}const zk=({field:n,value:a,onChange:t,errors:l,control:i})=>{var m;const r=n.invocationName;if(!r)throw new Error("Invocation name is required");const o=(m=l[r])==null?void 0:m.message,d=n.required?`${n.label||r} is required`:void 0,c=n.minValue!=null?`${n.label||r} must be at least ${n.minValue}`:void 0,p=n.maxValue!=null?`${n.label||r} must be at most ${n.maxValue}`:void 0;if(n.canonicalName==="ANTHROPIC_EXTENDED_THINKING")return e(Vk,{onChange:t,value:a});const{__typename:f}=n;switch(f){case"InvocationParameterBase":return null;case"BoundedFloatInvocationParameter":return typeof a!="number"&&a!==void 0?null:e(Yp,{label:n.label,defaultValue:a,step:.1,minValue:n.minValue,maxValue:n.maxValue,onChange:g=>t(g),children:e(Xp,{})});case"FloatInvocationParameter":case"IntInvocationParameter":return e(G,{control:i,name:r,rules:{required:d,min:c,max:p},render:({field:{onBlur:g}})=>s(Or,{isRequired:n.required,value:Number(a),onBlur:g,onChange:y=>{t(y)},children:[e(W,{children:n.label}),e(re,{}),o?e(xe,{children:o}):null]})});case"StringListInvocationParameter":return!Array.isArray(a)&&a!==void 0?null:e(G,{control:i,name:r,rules:{required:d},render:({field:{onBlur:g}})=>s(X,{isRequired:n.required,defaultValue:(a==null?void 0:a.join(", "))??"",onBlur:g,onChange:y=>{if(y===""){t(void 0);return}t(y.split(/, */g))},children:[e(W,{children:n.label}),e(re,{}),o?e(xe,{children:o}):e(v,{slot:"description",children:"A comma separated list of strings"})]})});case"StringInvocationParameter":return e(G,{control:i,name:r,rules:{required:d},render:({field:{onBlur:g}})=>s(X,{isRequired:n.required,defaultValue:(a==null?void 0:a.toString())||"",type:"text",onBlur:g,onChange:y=>{if(y===""){t(void 0);return}t(y)},children:[e(W,{children:n.label}),e(re,{}),o?e(xe,{children:o}):null]})});case"BooleanInvocationParameter":return e(Fa,{onChange:t,defaultSelected:!!a,children:n.label});case"JSONInvocationParameter":return e(G,{control:i,name:r,rules:{required:d},render:()=>e(Ak,{defaultValue:a,onChange:t,label:n.label??n.invocationName??"",errorMessage:o})});default:return null}},Nk=(n,a)=>{if(n.invocationInputField===void 0)throw new Error("Invocation input field is required");return a[qa(n.invocationInputField)]},$k=(n,a)=>{if(n.invocationName===void 0)throw new Error("Invocation name is required");if(n.invocationInputField===void 0)throw new Error("Invocation input field is required");return{invocationName:n.invocationName,canonicalName:n.canonicalName,[qa(n.invocationInputField)]:a}},Ok=({instanceId:n})=>{const a=O(y=>y.instances.find(k=>k.id===n));if(!a)throw new Error("Instance not found");const{model:t}=a,l=O(y=>y.upsertInvocationParameterInput),i=O(y=>y.deleteInvocationParameterInput),r=a.model.supportedInvocationParameters,o=a.model.invocationParameters,d=u.useCallback((y,k)=>{if(!y.invocationName)throw new Error("Invocation name is required");k===void 0?i({instanceId:n,invocationParameterInputInvocationName:y.invocationName}):l({instanceId:n,invocationParameterInput:$k(y,k)})},[n,l,i]),c=u.useMemo(()=>r.filter(y=>!(y.canonicalName!=null&&Cy.includes(y.canonicalName))).reduce((y,k)=>{const b=o.find(K=>aa(K,k)),S=b?Nk(k,b):void 0;return{...y,[k.invocationName]:S??null}},{}),[o,r]),p=Qe({values:c,mode:"onBlur",delayError:0,shouldFocusError:!1,resetOptions:{keepErrors:!0}}),f=p.trigger,m=u.useMemo(()=>gn.debounce(f,250),[f]);return u.useEffect(()=>{m()},[c,m]),t.provider!=="AZURE_OPENAI"&&t.modelName===null?null:Object.entries(c).map(([y,k])=>{const b=r.find(K=>K.invocationName===y);if(!b)return null;const S=`${t.provider??"model"}-${b.invocationName}`;return e(zk,{field:b,value:k,onChange:K=>d(b,K),control:p.control,errors:p.formState.errors},S)})},hi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"providerKey"}],a=[{alias:null,args:[{fields:[{kind:"Variable",name:"providerKey",variableName:"providerKey"}],kind:"ObjectValue",name:"input"}],concreteType:"GenerativeModel",kind:"LinkedField",name:"models",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ModelComboBoxQuery",selections:a,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ModelComboBoxQuery",selections:a},params:{cacheID:"a3417a3b2ae9ad193a5fd68335cfd660",id:null,metadata:{},name:"ModelComboBoxQuery",operationKind:"query",text:`query ModelComboBoxQuery(
|
|
2042
2042
|
$providerKey: GenerativeProviderKey!
|
|
2043
2043
|
) {
|
|
2044
2044
|
models(input: {providerKey: $providerKey}) {
|
|
2045
2045
|
name
|
|
2046
2046
|
}
|
|
2047
2047
|
}
|
|
2048
|
-
`}}}();
|
|
2048
|
+
`}}}();hi.hash="fc5563c6dca10fdeda807cd7061e275a";function Qk({onChange:n,container:a,modelName:t,queryReference:l,...i}){const r=I.usePreloadedQuery(hi,l),o=u.useMemo(()=>r.models.map(m=>({name:m.name,id:m.name})),[r.models]),[d,c]=u.useState({selectedKey:t??null,inputValue:t??""}),p=m=>{if(typeof m=="string"){const g=o.find(y=>y.id===m);(g==null?void 0:g.name)!=null&&n(g.name)}},f=m=>{c(g=>({inputValue:m,selectedKey:g.selectedKey}))};return u.useEffect(()=>{c({selectedKey:t??null,inputValue:t??""})},[t]),e(Jl,{size:"L",label:"Model",isRequired:!0,"data-testid":"model-picker",selectedKey:d.selectedKey,"aria-label":"model picker",onInputChange:f,inputValue:d.inputValue,onSelectionChange:p,width:"100%",allowsCustomValue:!0,onBlur:()=>{d.inputValue!==""&&n(d.inputValue)},onKeyUp:m=>{m.key==="Enter"&&n(d.inputValue)},menuTrigger:"focus",container:a,description:"Choose a model from the list, or enter a custom model name",defaultItems:o,...i,children:m=>e(Wl,{textValue:m.name,id:m.id,children:m.name},m.id)})}function Id(n){const[a,t,l]=I.useQueryLoader(hi);return u.useEffect(()=>(t({providerKey:n.provider}),()=>l()),[l,t,n.provider]),a!=null?e(Qk,{queryReference:a,...n}):null}const xd={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ModelProviderPickerFragment",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{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};xd.hash="1d4ba7f81a958c9a17bd45dce0456ddb";function jk({onChange:n,query:a,...t}){var d,c;const l=I.useFragment(xd,a),i=l.modelProviders.filter(p=>p.dependenciesInstalled),r=i.length!==l.modelProviders.length,o=t.provider&&!i.some(p=>p.key===t.provider);return s(h,{direction:"row",gap:"size-100",children:[e(wt,{label:"Provider","data-testid":"model-provider-picker",selectedKey:t.provider??void 0,"aria-label":"Model Provider",placeholder:"Select a provider",onSelectionChange:p=>{const f=p;nd(f)&&n(f)},width:"100%",...t,children:l.modelProviders.map(p=>e(ie,{children:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(zt,{provider:p.key,height:16}),p.name]})},p.key))}),o?s(ve,{delay:0,offset:5,children:[e("span",{children:e(Oe,{children:e(_,{color:"red-700",svg:e(Vn,{})})})}),s($e,{children:["The selected provider is not installed. Install"," ",((c=(d=l.modelProviders.find(p=>p.key===t.provider))==null?void 0:d.dependencies)==null?void 0:c.join(", "))??"the dependencies"," ","to use its models in Playground."]})]}):r?s(ve,{delay:0,offset:5,children:[e("span",{children:e(Oe,{children:e(_,{svg:e(Vn,{})})})}),s($e,{children:["Some providers are missing dependencies. Install them to use their models in Playground.",e("br",{}),e("br",{}),"Missing providers:",e("br",{}),l.modelProviders.filter(p=>!p.dependenciesInstalled).map(p=>{var f;return s(U,{children:[((f=p.dependencies)==null?void 0:f.join(", "))??p.name,e("br",{})]})})]})]}):null]})}const qk=150,Bk=F`
|
|
2049
2049
|
display: flex;
|
|
2050
2050
|
flex-direction: column;
|
|
2051
2051
|
gap: var(--ac-global-dimension-size-200);
|
|
@@ -2061,7 +2061,7 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
2061
2061
|
}
|
|
2062
2062
|
padding: var(--ac-global-dimension-size-200);
|
|
2063
2063
|
overflow: auto;
|
|
2064
|
-
`;function Uk({instance:n,container:a}){const t=O(r=>r.updateModel),l=
|
|
2064
|
+
`;function Uk({instance:n,container:a}){const t=O(r=>r.updateModel),l=u.useCallback(({configKey:r,value:o})=>{t({instanceId:n.id,patch:{...n.model,[r]:o}})},[n.id,n.model,t]),i=u.useMemo(()=>fr(r=>{l({configKey:"modelName",value:r})},250),[l]);return s(U,{children:[e(Id,{modelName:n.model.modelName,provider:n.model.provider,onChange:r=>{i(r)},container:a??void 0}),s(X,{defaultValue:n.model.baseUrl??"",onChange:r=>{l({configKey:"baseUrl",value:r})},children:[e(W,{children:"Base URL"}),e(re,{placeholder:"e.x. https://my-llm.com/v1"})]})]})}function Hk({instance:n,container:a}){const t=O(r=>r.updateModel),l=u.useCallback(({configKey:r,value:o})=>{t({instanceId:n.id,patch:{...n.model,[r]:o}})},[n.id,n.model,t]),i=u.useMemo(()=>fr(r=>{l({configKey:"modelName",value:r})},250),[l]);return s(U,{children:[s(X,{defaultValue:n.model.modelName??"",onChange:r=>{i(r)},children:[e(W,{children:"Deployment Name"}),e(re,{placeholder:"e.x. azure-openai-deployment-name"})]}),s(X,{defaultValue:n.model.endpoint??"",onChange:r=>{l({configKey:"endpoint",value:r})},children:[e(W,{children:"Endpoint"}),e(re,{placeholder:"e.x. https://my.openai.azure.com"})]}),e(Jl,{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:r=>{l({configKey:"apiVersion",value:r})},onSelectionChange:r=>{typeof r=="string"&&l({configKey:"apiVersion",value:r})},allowsCustomValue:!0,children:eg.map(r=>e(Wl,{textValue:r,id:r,children:r},r))})]})}function Gk(n){const[a,t]=u.useState(null),l=O(d=>d.instances.find(c=>c.id===n.playgroundInstanceId));if(!l)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const i=l.model.supportedInvocationParameters,r=l.model.invocationParameters,o=Is(r,i);return s(u.Fragment,{children:[e(V,{size:"S",onPress:()=>{u.startTransition(()=>{t(e(Wk,{...n}))})},leadingVisual:e(zt,{provider:l.model.provider,height:16}),children:s(h,{direction:"row",gap:"size-100",alignItems:"center",height:"100%",children:[e(st,{maxWidth:qk,children:e(v,{children:l.model.modelName||"--"})}),o?null:s(ve,{delay:0,offset:5,children:[e("span",{children:e(Oe,{children:e(_,{color:"danger",svg:e(Vn,{})})})}),e($e,{children:"Some required invocation parameters are not configured."})]})]})}),e(ae,{type:"slideOver",isDismissable:!0,onDismiss:()=>{t(null)},children:a})]})}function Wk(n){const a=O(r=>r.instances.find(o=>o.id===n.playgroundInstanceId));if(!a)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const t=Kn(r=>r.setModelConfigForProvider),l=ke(),i=u.useCallback(()=>{const{supportedInvocationParameters:r,...o}=a.model;t({provider:a.model.provider,modelConfig:o}),l({title:"Model Configuration Saved",message:`${Tl[a.model.provider]} model configuration saved as default for later use.`,expireMs:3e3})},[a.model,l,t]);return e(Z,{title:"Model Configuration",size:"M",extra:s(ve,{delay:0,offset:5,children:[e(V,{size:"S",variant:"default",onPress:i,leadingVisual:e(_,{svg:e(wr,{})}),children:"Save as Default"}),s($e,{children:["Saves the current configuration as the default for"," ",Tl[a.model.provider]??"this provider","."]})]}),children:e(u.Suspense,{children:e(Jk,{...n})})})}function Jk(n){const{playgroundInstanceId:a}=n,t=O(y=>y.instances.find(k=>k.id===a));if(!t)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const l=Kn(y=>y.modelConfigByProvider),i=O(y=>y.updateProvider),r=O(y=>y.updateModel),o=t.model.supportedInvocationParameters,d=t.model.invocationParameters,c=Is(d,o),p=I.useLazyLoadQuery(Pd,{}),f=u.useCallback(y=>{r({instanceId:a,patch:{modelName:y}})},[a,r]),[m,g]=u.useState();return s("form",{css:Bk,children:[c?null:s(h,{direction:"row",gap:"size-100",children:[e(_,{color:"danger",svg:e(Vn,{})}),e(v,{color:"danger",children:"Some required invocation parameters are not configured."})]}),e(jk,{provider:t.model.provider,query:p,onChange:y=>{i({instanceId:a,provider:y,modelConfigByProvider:l})}}),t.model.provider==="OPENAI"?e(Uk,{instance:t,container:m??null}):t.model.provider==="AZURE_OPENAI"?e(Hk,{instance:t,container:m??null}):e(Id,{modelName:t.model.modelName,provider:t.model.provider,onChange:f,container:m??void 0}),e(u.Suspense,{children:e(Ok,{instanceId:a})}),e("div",{ref:g})]})}const Dd=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a={alias:null,args:null,kind:"ScalarField",name:"invocationInputField",storageKey:null},t={alias:"floatDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},l=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:null,kind:"LinkedField",name:"modelInvocationParameters",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"invocationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"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:[t,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:[t,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:l,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ModelSupportedParamsFetcherQuery",selections:l},params:{cacheID:"8f18509b17f3f97c2413ef8b6557d972",id:null,metadata:{},name:"ModelSupportedParamsFetcherQuery",operationKind:"query",text:`query ModelSupportedParamsFetcherQuery(
|
|
2065
2065
|
$input: ModelsInput!
|
|
2066
2066
|
) {
|
|
2067
2067
|
modelInvocationParameters(input: $input) {
|
|
@@ -2105,28 +2105,28 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
2105
2105
|
}
|
|
2106
2106
|
}
|
|
2107
2107
|
}
|
|
2108
|
-
`}}}();Dd.hash="8bf1a32724929bdc4a02d32809ba59d7";const Zk=({instanceId:n})=>{var p;const t=O(
|
|
2108
|
+
`}}}();Dd.hash="8bf1a32724929bdc4a02d32809ba59d7";const Zk=({instanceId:n})=>{var p;const t=O(f=>f.instances).find(f=>f.id===n);if(!t)throw new Error("Instance not found");const l=t.model.provider,i=t.model.modelName,r=Kn(f=>f.modelConfigByProvider),o=O(f=>f.updateModelSupportedInvocationParameters),{modelInvocationParameters:d}=I.useLazyLoadQuery(Dd,{input:{providerKey:l,modelName:i}}),c=(p=t.prompt)==null?void 0:p.id;return u.useEffect(()=>{o({instanceId:n,supportedInvocationParameters:d,modelConfigByProvider:r})},[d,n,o,r,c]),null},_d=n=>a=>a.instances.find(t=>t.id===n),xl=n=>a=>a.allInstanceMessages[n];function Xk({playgroundInstanceId:n,messageId:a}){const t=u.useMemo(()=>_d(n),[n]),l=O(t);if(l==null)throw new Error(`Instance ${n} not found`);const i=l.model.provider,r=Ba(),o=u.useMemo(()=>xl(a),[a]),d=O(o);if(d==null)throw new Error(`Message ${a} not found`);const c=d.toolCalls,p=O(k=>k.updateMessage),[f,m]=u.useState(()=>JSON.stringify(c,null,2));u.useEffect(()=>{const k=r.getState();if(k.instances.find(x=>x.id===n)==null)return;const S=xl(a)(k);if(S==null)return;const K=S.toolCalls,T=JSON.stringify(K,null,2);Zl({str:T,excludeNull:!0})&&m(T)},[i,r,n,a]);const g=u.useCallback(k=>{const{json:b}=Ve(k);p({instanceId:n,messageId:a,patch:{toolCalls:b}})},[n,a,p]),y=u.useMemo(()=>{switch(l.model.provider){case"OPENAI":case"AZURE_OPENAI":return ag;case"ANTHROPIC":return ng;case"GOOGLE":return null}},[l.model.provider]);return e(Ue,{value:f,jsonSchema:y,onChange:g})}function Yk(n){return n==="text"||n==="toolCalls"}function e1({messageMode:n,onChange:a}){return s(Xl,{selectedKeys:[n],size:"S","aria-label":"Message Mode",onSelectionChange:t=>{if(t.size===0)return;const l=t.keys().next().value;Yk(l)&&a(l)},children:[s(ve,{placement:"top",delay:0,offset:10,children:[e(Xn,{"aria-label":"text input",id:"text",children:e(_,{svg:e(Ol,{})})}),e($e,{children:"Text input"})]}),s(ve,{placement:"top",delay:0,offset:10,children:[e(Xn,{"aria-label":"tool calling",id:"toolCalls",children:e(_,{svg:e(Ql,{})})}),e($e,{children:"Tool calling"})]})]})}const n1=F`
|
|
2109
2109
|
.ac-field-label {
|
|
2110
2110
|
display: none;
|
|
2111
2111
|
}
|
|
2112
|
-
`;function a1({role:n,includeLabel:a=!0,onChange:t}){return s(wt,{selectedKey:n,css:a?void 0:n1,label:"Role","data-testid":"messages-role-picker","aria-label":"Role for the chat message",size:"compact",onSelectionChange:l=>{if(!Ss(l))throw new Error(`Invalid chat message role: ${l}`);t(l)},children:[e(ie,{children:"System"},"system"),e(ie,{children:"User"},"user"),e(ie,{children:"AI"},"ai"),e(ie,{children:"Tool"},"tool")]})}const t1=32;function l1({instanceId:n,hasResponseFormat:a}){const t=O(
|
|
2112
|
+
`;function a1({role:n,includeLabel:a=!0,onChange:t}){return s(wt,{selectedKey:n,css:a?void 0:n1,label:"Role","data-testid":"messages-role-picker","aria-label":"Role for the chat message",size:"compact",onSelectionChange:l=>{if(!Ss(l))throw new Error(`Invalid chat message role: ${l}`);t(l)},children:[e(ie,{children:"System"},"system"),e(ie,{children:"User"},"user"),e(ie,{children:"AI"},"ai"),e(ie,{children:"Tool"},"tool")]})}const t1=32;function l1({instanceId:n,hasResponseFormat:a}){const t=O(m=>m.instances),l=O(m=>m.updateInstance),i=O(m=>m.addMessage),r=O(m=>m.upsertInvocationParameterInput),o=t.find(m=>m.id===n);if(!o)throw new Error(`Playground instance ${n} not found`);const{template:d}=o;if(d.__type!=="chat")throw new Error(`Invalid template type ${d.__type}`);const c=o.model.supportedInvocationParameters,p=c==null?void 0:c.some(m=>aa(m,{canonicalName:vn,invocationName:bn})),f=c==null?void 0:c.some(m=>aa(m,{canonicalName:Yn,invocationName:Ea}));return s(h,{direction:"row",justifyContent:"end",gap:"size-100",minHeight:t1,children:[p?e(V,{size:"S","aria-label":"response format",leadingVisual:e(_,{svg:e(lt,{})}),isDisabled:a,onPress:()=>{r({instanceId:n,invocationParameterInput:{valueJson:tg(),invocationName:bn,canonicalName:vn}})},children:"Response Format"}):null,f?e(V,{"aria-label":"add tool",size:"S",leadingVisual:e(_,{svg:e(lt,{})}),onPress:()=>{const m={tools:[...o.tools,nf({provider:o.model.provider,toolNumber:o.tools.length+1})]};if(o.tools.length===0){const g=Al({toolChoice:"auto",targetProvider:o.model.provider});g&&(m.toolChoice=g)}l({instanceId:n,patch:m,dirty:!0})},children:"Tool"}):null,e(V,{"aria-label":"add message",size:"S",leadingVisual:e(_,{svg:e(lt,{})}),onPress:()=>{i({playgroundInstanceId:n,messages:[{id:Zn(),role:"user",content:""}]})},children:"Message"})]})}const i1=400;function r1({playgroundInstanceId:n}){const a=O(m=>m.deleteInvocationParameterInput),t=O(m=>m.instances.find(g=>g.id===n)),l=t==null?void 0:t.model.provider,i=O(m=>m.upsertInvocationParameterInput);if(!t)throw new Error(`Instance ${n} not found`);const r=t.model.invocationParameters.find(m=>m.invocationName===bn||m.canonicalName===vn),[o,d]=u.useState(()=>JSON.stringify((r==null?void 0:r.valueJson)??{},null,2)),c=u.useRef(o),p=Ba();u.useEffect(()=>{const g=p.getState().instances.find(b=>b.id===n);if(g==null)return;const y=g.model.invocationParameters.find(b=>b.invocationName===bn||b.canonicalName===vn);if(y==null)return;const k=JSON.stringify(y.valueJson,null,2);Zl({str:k,excludeNull:!0})&&d(k)},[l,p,n]);const f=u.useCallback(m=>{c.current=m;const{json:g}=Ve(m);i({instanceId:n,invocationParameterInput:{invocationName:bn,valueJson:g,canonicalName:vn}})},[n,i]);return s(ge,{id:"response-format",children:[e(me,{arrowPosition:"start",children:"Response Format"}),e(pe,{children:e(C,{padding:"size-200",children:e(B,{variant:"compact",title:"Schema",bodyStyle:{padding:0},extra:s(h,{direction:"row",gap:"size-100",children:[e(oe,{text:c}),e(V,{"aria-label":"Delete Response Format",leadingVisual:e(_,{svg:e(Ye,{})}),size:"S",onPress:()=>{a({instanceId:n,invocationParameterInputInvocationName:bn})}})]}),children:e(Qr,{preInitializationMinHeight:i1,children:e(Ue,{value:o,onChange:f,jsonSchema:Vy})})})})})]})}const s1=400;function o1({playgroundInstanceId:n,toolId:a}){const t=Ba(),l=O(k=>k.updateInstance),i=O(k=>k.instances.find(b=>b.id===n));if(i==null)throw new Error(`Playground instance ${n} not found`);const r=i.model.provider,o=i.tools,d=o.find(k=>k.id===a);if(d==null)throw new Error(`Tool ${a} not found`);const[c,p]=u.useState(()=>JSON.stringify(d.definition,null,2)),f=u.useRef(c);u.useEffect(()=>{const b=t.getState().instances.find(T=>T.id===n);if(b==null)return;const S=b.tools.find(T=>T.id===a);if(S==null)return;const K=JSON.stringify(S.definition,null,2);Zl({str:K,excludeNull:!0})&&p(K)},[r,t,n,a]);const m=u.useCallback(k=>{f.current=k;const{json:b}=Ve(k);l({instanceId:n,patch:{tools:o.map(S=>S.id===d.id?{...S,definition:b}:S)},dirty:!0})},[o,n,d.id,l]),g=u.useMemo(()=>Ts(d),[d]),y=u.useMemo(()=>{switch(i.model.provider){case"OPENAI":case"AZURE_OPENAI":return ig;case"ANTHROPIC":return lg;case"GOOGLE":return null}},[i.model.provider]);return e(B,{collapsible:!0,backgroundColor:"yellow-100",borderColor:"yellow-700",variant:"compact",title:s(h,{direction:"row",gap:"size-100",children:[e(Hl,{spanKind:"tool"}),e(v,{children:g??"Tool"})]}),bodyStyle:{padding:0},extra:s(h,{direction:"row",gap:"size-100",children:[e(oe,{text:f}),e(V,{"aria-label":"Delete tool",leadingVisual:e(_,{svg:e(Ye,{})}),size:"S",onPress:()=>{const k=o.filter(K=>K.id!==d.id),b=typeof i.toolChoice=="object"&&g!=null&&rg(i.toolChoice)===g;let S=i.toolChoice;k.length===0?S=void 0:b&&(S="auto"),l({instanceId:n,patch:{tools:k,toolChoice:S},dirty:!0})}})]}),children:e(Qr,{preInitializationMinHeight:s1,children:e(Ue,{value:c,onChange:m,jsonSchema:y})})})}function d1(n){const a=n.playgroundInstanceId,t=O(d=>d.instances.find(c=>c.id===n.playgroundInstanceId)),l=O(d=>d.updateInstance);if(t==null)throw new Error(`Playground instance ${a} not found`);const{tools:i}=t;if(i==null)throw new Error(`Playground instance ${a} does not have tools`);const r=u.useMemo(()=>i.map(d=>Ts(d)).filter(d=>d!=null),[i]),o=t.model.provider;return sg(o)?s(ge,{id:"tools",children:[s(me,{arrowPosition:"start",children:["Tools",e(fn,{children:i.length})]}),e(pe,{children:e(C,{padding:"size-200",children:s(h,{direction:"column",children:[e(Vt,{children:e(og,{provider:o,choice:t.toolChoice,onChange:d=>{l({instanceId:a,patch:{toolChoice:d},dirty:!0})},toolNames:r})}),e(h,{direction:"column",gap:"size-200",children:i.map(d=>e(o1,{playgroundInstanceId:a,toolId:d.id},d.id))})]})})})]}):null}const Ld=1,c1=Ld+1;function u1(n){const a=n.playgroundInstanceId,t=O(m=>m.templateFormat),l=O(m=>m.updateInstance),i=u.useMemo(()=>_d(a),[a]),r=O(i);if(!r)throw new Error(`Playground instance ${a} not found`);const o=r.tools.length>0,d=r.model.invocationParameters.find(m=>aa(m,{canonicalName:vn,invocationName:bn}))!=null,{template:c}=r;if(c.__type!=="chat")throw new Error(`Invalid template type ${c.__type}`);const p=c.messageIds,f=Tm(Ii(Lm),Ii(_m,{coordinateGetter:Dm}));return s(xm,{sensors:f,onDragEnd:({active:m,over:g})=>{if(!g||m.id===g.id)return;const y=p.findIndex(S=>S===m.id),k=p.findIndex(S=>S===g.id),b=Im(p,y,k);l({instanceId:a,patch:{template:{__type:"chat",messageIds:b}},dirty:!0})},children:[e(Pm,{items:p,children:e("ul",{css:F`
|
|
2113
2113
|
display: flex;
|
|
2114
2114
|
flex-direction: column;
|
|
2115
2115
|
gap: var(--ac-global-dimension-size-200);
|
|
2116
2116
|
padding: var(--ac-global-dimension-size-200);
|
|
2117
|
-
`,children:p.map(
|
|
2117
|
+
`,children:p.map(m=>e(p1,{playgroundInstanceId:a,templateFormat:t,messageId:m},m))})}),e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderColor:"dark",borderTopWidth:"thin",borderBottomWidth:o||d?"thin":void 0,children:e(l1,{instanceId:a,hasResponseFormat:d})}),o||d?s(rn,{defaultExpandedKeys:["tools","response-format"],children:[o?e(d1,{...n}):null,d?e(r1,{...n}):null]}):null]})}function m1({message:n,updateMessage:a,templateFormat:t,playgroundInstanceId:l,messageMode:i}){const r=u.useCallback(o=>{a({content:o})},[a]);return i==="toolCalls"?e(C,{paddingTop:"size-100",paddingStart:"size-250",paddingEnd:"size-250",paddingBottom:"size-200",children:e(ra,{label:"Tool Calls",children:e(Xe,{width:"100%",children:e(Xk,{playgroundInstanceId:l,messageId:n.id})})})}):n.role==="tool"?s(Vt,{onSubmit:o=>{o.preventDefault()},children:[e(C,{paddingX:"size-200",paddingY:"size-100",borderColor:"yellow-700",borderBottomWidth:"thin",children:e(X,{value:n.toolCallId,onChange:o=>a({toolCallId:o}),"aria-label":"Tool Call ID",size:"S",children:e(re,{placeholder:"Tool Call ID"})})}),e(Ue,{value:n.content??'""',"aria-label":"tool message content",height:"100%",onChange:o=>a({content:o})})]}):e($t,{children:e(Ot,{height:"100%",defaultValue:n.content||"","aria-label":"Message content",templateFormat:t,onChange:r})})}function p1({playgroundInstanceId:n,templateFormat:a,messageId:t}){const l=O(z=>z.updateMessage),i=O(z=>z.deleteMessage),{attributes:r,listeners:o,setNodeRef:d,transform:c,transition:p,setActivatorNodeRef:f,isDragging:m}=wm({id:t}),g=u.useMemo(()=>z=>{var A;return(A=z.instances.find(j=>j.id===n))==null?void 0:A.model},[n]),y=O(g);if(!y)throw new Error(`Instance model not found for instance ${n}`);const k=u.useMemo(()=>xl(t),[t]),b=O(k),S=ht(b.role),K={transform:Em.Translate.toString(c),transition:p,zIndex:m?c1:Ld},T=b.toolCalls!=null&&b.toolCalls.length>0,[x,L]=u.useState(T?"toolCalls":"text"),[P,D]=u.useState(b.content),[$,R]=u.useState(b.toolCalls),Q=u.useCallback(z=>{l({instanceId:n,messageId:t,patch:z})},[n,t,l]);return e("li",{ref:d,style:K,children:e(B,{collapsible:!0,variant:"compact",bodyStyle:{padding:0},...S,title:e("div",{css:F`
|
|
2118
2118
|
// Align the role picker with the prompt picker in PlaygroundTemplate header
|
|
2119
2119
|
margin-left: var(--ac-global-dimension-size-150);
|
|
2120
|
-
`,children:e(a1,{includeLabel:!1,role:b.role,onChange:z=>{let A=b.content,j=b.toolCalls;z!=="ai"&&(j=void 0,L("text")),z==="tool"&&(A='""'),l({instanceId:n,messageId:t,patch:{role:z,toolCalls:j,content:A}})}})}),extra:s(h,{direction:"row",gap:"size-100",children:[b.role==="ai"?e(e1,{messageMode:x,onChange:z=>{switch(L(z),z){case"text":R(b.toolCalls),l({instanceId:n,messageId:t,patch:{content:P,toolCalls:void 0}});break;case"toolCalls":D(b.content),l({instanceId:n,messageId:t,patch:{content:"",toolCalls:$!=null?
|
|
2120
|
+
`,children:e(a1,{includeLabel:!1,role:b.role,onChange:z=>{let A=b.content,j=b.toolCalls;z!=="ai"&&(j=void 0,L("text")),z==="tool"&&(A='""'),l({instanceId:n,messageId:t,patch:{role:z,toolCalls:j,content:A}})}})}),extra:s(h,{direction:"row",gap:"size-100",children:[b.role==="ai"?e(e1,{messageMode:x,onChange:z=>{switch(L(z),z){case"text":R(b.toolCalls),l({instanceId:n,messageId:t,patch:{content:P,toolCalls:void 0}});break;case"toolCalls":D(b.content),l({instanceId:n,messageId:t,patch:{content:"",toolCalls:$!=null?Nr({toolCalls:$,provider:y.provider}):[af(y.provider)]}});break;default:Ce()}}}):null,e(oe,{text:x==="toolCalls"?Fn(b.toolCalls).json??"":b.content??""}),e(V,{"aria-label":"Delete message",leadingVisual:e(_,{svg:e(Ye,{})}),size:"S",onPress:()=>{i({instanceId:n,messageId:t})}}),e(dg,{ref:f,listeners:o,attributes:r})]}),children:e("div",{children:e(m1,{message:b,messageMode:x,playgroundInstanceId:n,templateFormat:a,updateMessage:Q})})})})}function g1(n){const[a,t]=u.useState(null),l=n.playgroundInstanceId,i=O(b=>b.updateInstance),r=O(b=>b.addMessage),o=O(b=>b.setDirty),d=O(b=>b.instances),c=d.find(b=>b.id===l),p=d.findIndex(b=>b.id===l),f=c==null?void 0:c.prompt,m=f==null?void 0:f.id,g=O(b=>b.dirtyInstances[l]),y=u.useCallback(async b=>{if(!b){i({instanceId:l,patch:{prompt:null},dirty:!1});return}const S=await No(b);S&&(i({instanceId:l,patch:{...S.instance,template:{__type:"chat",messageIds:[]}},dirty:!1}),r({playgroundInstanceId:l,messages:S.instance.template.messages}),o(l,!1))},[l,i,r,o]);if(!c)throw new Error(`Playground instance ${l} not found`);const{template:k}=c;return s(U,{children:[e(B,{title:s(h,{direction:"row",gap:"size-100",alignItems:"center",marginEnd:"size-100",children:[e(Gl,{index:p}),e(Kd,{promptId:m,onChange:y})]}),collapsible:!0,variant:"compact",bodyStyle:{padding:0},extra:s(h,{direction:"row",gap:"size-100",children:[e(u.Suspense,{fallback:e("div",{children:e(Fe,{size:"S"})}),children:e(Zk,{instanceId:l})}),e(Gk,{...n}),e(f1,{instanceId:l,setDialog:t,dirty:g}),d.length>1?e(y1,{...n}):null]}),children:k.__type==="chat"?e(u.Suspense,{children:e(u1,{...n})}):"Completion Template"}),e(ae,{isDismissable:!0,onDismiss:()=>{t(null)},children:a})]})}function y1(n){const a=O(t=>t.deleteInstance);return s(ve,{children:[e(Oe,{children:e(V,{size:"S","aria-label":"Delete this instance of the playground",leadingVisual:e(_,{svg:e(Ye,{})}),onPress:()=>{a(n.playgroundInstanceId)}})}),e($e,{children:e(ia,{children:"Delete this instance of the playground"})})]})}function f1({instanceId:n,setDialog:a,dirty:t}){const l=O(r=>r.instances.find(o=>o.id===n));if(!l)throw new Error(`Instance ${n} not found`);return e(U,{children:s(ve,{delay:100,offset:5,placement:"top",children:[e(Oe,{children:e(V,{variant:t?"primary":void 0,size:"S",onPress:()=>{var r;a(e(Rk,{instanceId:n,setDialog:a,selectedPromptId:(r=l.prompt)==null?void 0:r.id}))},children:"Save"})}),e($e,{children:e(ia,{children:"Save this prompt"})})]})})}function h1({size:n}){const a=O(l=>l.templateFormat),t=O(l=>l.setTemplateFormat);return e("div",{css:F`
|
|
2121
2121
|
& * {
|
|
2122
2122
|
white-space: nowrap;
|
|
2123
2123
|
}
|
|
2124
|
-
`,children:s(
|
|
2124
|
+
`,children:s(Xl,{size:n,defaultSelectedKeys:[a],"aria-label":"Template Format",onSelectionChange:l=>{if(l.size===0)return;const i=l.keys().next().value;typeof i=="string"&&cg(i)&&t(i)},children:[e(Xn,{"aria-label":"None",id:nn.NONE,children:"None"}),e(Xn,{"aria-label":"Mustache",id:nn.Mustache,children:"Mustache"}),e(Xn,{"aria-label":"F-String",id:nn.FString,children:"F-String"})]})})}const k1=F`
|
|
2125
2125
|
display: flex;
|
|
2126
2126
|
overflow: hidden;
|
|
2127
2127
|
flex-direction: column;
|
|
2128
2128
|
height: 100%;
|
|
2129
|
-
`;function
|
|
2129
|
+
`;function ki(n){const{modelProviders:a}=I.useLazyLoadQuery($o,{}),t=Kn(c=>c.modelConfigByProvider),l=Kn(c=>c.playgroundStreamingEnabled),[,i]=xn(),r=a.some(c=>c.dependenciesInstalled);u.useEffect(()=>{i(c=>(c.delete("selectedSpanNodeId"),c),{replace:!0})},[i]);const o=window.Config.websocketsEnabled?l:!1,d=window.Config.websocketsEnabled;return r?s(Uh,{...n,streaming:o,modelConfigByProvider:t,children:[s("div",{css:k1,children:[e(C,{borderBottomColor:"dark",borderBottomWidth:"thin",padding:"size-200",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(se,{level:1,children:"Playground"}),s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[d?e(Lk,{}):null,e(r0,{}),e(l0,{}),e(_k,{})]})]})}),e(P1,{})]}),e(u.Suspense,{children:e(Yh,{})})]}):e(a0,{availableProviders:a})}function b1(){const n=O(i=>i.addInstance),a=O(i=>i.instances),t=a.length,l=a.some(i=>i.activeRunId!=null);return e(V,{size:"S","aria-label":"add prompt",leadingVisual:e(_,{svg:e(_n,{})}),isDisabled:t>=uy||l,onPress:()=>{n()},children:"Compare"})}const S1=F`
|
|
2130
2130
|
display: flex;
|
|
2131
2131
|
flex-direction: column;
|
|
2132
2132
|
height: 100%;
|
|
@@ -2167,7 +2167,7 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
2167
2167
|
`,C1=F`
|
|
2168
2168
|
height: 100%;
|
|
2169
2169
|
overflow: auto;
|
|
2170
|
-
`,F1=632,K1=["prompts"],T1=["input","output"];function P1(){const n=O(
|
|
2170
|
+
`,F1=632,K1=["prompts"],T1=["input","output"];function P1(){const n=O(m=>m.templateFormat),[a]=xn(),t=a.get("datasetId"),l=t!=null,r=O(m=>m.instances.length)===1,o=O(m=>m.instances.some(g=>g.activeRunId!=null)),d=O(m=>Object.values(m.dirtyInstances).some(g=>g)),c=O(m=>m.instances.map(g=>g.id),(m,g)=>m.length===g.length&&m.every((y,k)=>y===g[k])),p=u.useCallback(({currentLocation:m,nextLocation:g})=>{const y=m.pathname!==g.pathname;return(o||d)&&y},[o,d]),f=Rm(p);return u.useEffect(()=>{const m=o,g=y=>{y.preventDefault(),y.returnValue=!0};if(m)return window.addEventListener("beforeunload",g),()=>{window.removeEventListener("beforeunload",g)}},[o]),s(u.Fragment,{children:[s(yn,{direction:r&&!l?"horizontal":"vertical",autoSaveId:r?"playground-horizontal":"playground-vertical",children:[e(_e,{children:e("div",{css:S1,children:e(rn,{defaultExpandedKeys:K1,children:s(ge,{id:"prompts",size:"L",children:[s(me,{arrowPosition:"start",justifyContent:"space-between",children:["Prompts",e(Ht,{children:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(h1,{size:"S"}),e(b1,{})]})})]}),e(pe,{children:e("div",{css:v1,children:e(h,{direction:"row",gap:"size-200",maxWidth:"100%",children:c.map(m=>e(C,{flex:"1 1 0px",minWidth:F1,children:e(g1,{playgroundInstanceId:m})},`${m}-prompt`))})})})]})})})}),e(Cn,{css:Ut}),e(_e,{children:l?e(u.Suspense,{fallback:e(Fe,{}),children:e(hk,{datasetId:t})}):e("div",{css:C1,children:s(rn,{defaultExpandedKeys:T1,children:[n!==nn.NONE?s(ge,{id:"input",size:"L",children:[e(me,{arrowPosition:"start",children:"Inputs"}),e(pe,{children:e(C,{padding:"size-200",height:"100%",children:e(Ck,{})})})]}):null,s(ge,{id:"output",size:"L",children:[e(me,{arrowPosition:"start",children:"Output"}),e(pe,{children:e(C,{padding:"size-200",height:"100%",children:e(h,{direction:"row",gap:"size-200",children:c.map(m=>e(C,{flex:"1 1 0px",children:e(xk,{playgroundInstanceId:m})},`${m}-output`))})})})]})]})})})]}),f!=null&&e(ug,{blocker:f,message:o?"Playground run is still in progress, leaving the page may result in incomplete runs. Are you sure you want to leave?":"You have unsaved changes. Are you sure you want to leave?"})]},"playground-content")}function d2(){const{instanceWithPrompt:n,templateFormat:a}=qe(),{instance:t}=u.useMemo(()=>{const{instance:l}=vr();return{instance:{...l,...n,template:n.template}}},[n]);return e(ki,{instances:[t],templateFormat:a})}const wd=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"},{defaultValue:null,kind:"LocalArgument",name:"promptId"}],a=[{kind:"Variable",name:"input",variableName:"input"}],t=[{kind:"Variable",name:"id",variableName:"promptId"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"TagPromptVersionButtonSetTagMutation",selections:[{alias:null,args:a,concreteType:"PromptVersionTagMutationPayload",kind:"LinkedField",name:"setPromptVersionTag",plural:!1,selections:[{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:"prompt",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"PromptVersionsList__main"}],type:"Prompt",abstractKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"TagPromptVersionButtonSetTagMutation",selections:[{alias:null,args:a,concreteType:"PromptVersionTagMutationPayload",kind:"LinkedField",name:"setPromptVersionTag",plural:!1,selections:[{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:"prompt",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"PromptVersionConnection",kind:"LinkedField",name:"promptVersions",plural:!1,selections:[{alias:null,args:null,concreteType:"PromptVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"version",args:null,concreteType:"PromptVersion",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:"sequenceNumber",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:[l,{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PromptVersionTag",kind:"LinkedField",name:"tags",plural:!0,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Prompt",abstractKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},l],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"8fb2730b63a6d441fbac8e5f5a438c9b",id:null,metadata:{},name:"TagPromptVersionButtonSetTagMutation",operationKind:"mutation",text:`mutation TagPromptVersionButtonSetTagMutation(
|
|
2171
2171
|
$input: SetPromptVersionTagInput!
|
|
2172
2172
|
$promptId: GlobalID!
|
|
2173
2173
|
) {
|
|
@@ -2264,9 +2264,9 @@ fragment PromptVersionTagsList_data on PromptVersion {
|
|
|
2264
2264
|
name
|
|
2265
2265
|
}
|
|
2266
2266
|
}
|
|
2267
|
-
`}}}();Rd.hash="c057a8cd7cddac787f887e505ff0f9e6";function I1({onNewTagCreated:n,promptVersionId:a,onDismiss:t}){const{control:l,handleSubmit:i,formState:{isDirty:r}}=Qe({defaultValues:{name:"",description:""}}),[o,d]=he.useState(null),[c,p]=I.useMutation(Rd);return e(ae,{onDismiss:t,isDismissable:!0,type:"modal",children:s(Z,{title:"New Prompt Tag",children:[o?e(Se,{variant:"danger",banner:!0,children:o}):null,s(ln,{onSubmit:i(
|
|
2267
|
+
`}}}();Rd.hash="c057a8cd7cddac787f887e505ff0f9e6";function I1({onNewTagCreated:n,promptVersionId:a,onDismiss:t}){const{control:l,handleSubmit:i,formState:{isDirty:r}}=Qe({defaultValues:{name:"",description:""}}),[o,d]=he.useState(null),[c,p]=I.useMutation(Rd);return e(ae,{onDismiss:t,isDismissable:!0,type:"modal",children:s(Z,{title:"New Prompt Tag",children:[o?e(Se,{variant:"danger",banner:!0,children:o}):null,s(ln,{onSubmit:i(m=>{d(null),c({variables:{input:{name:m.name,description:m.description,promptVersionId:a},promptVersionId:a},onCompleted:()=>{n(m),t()},onError:g=>{d(g.message)}})}),children:[s(C,{padding:"size-200",children:[e(G,{name:"name",control:l,rules:{required:"Name is required",pattern:Td},render:({field:{name:m,onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(X,{isInvalid:b,onChange:g,onBlur:y,name:m,value:k.toString(),children:[e(W,{children:"Tag Name"}),e(re,{placeholder:"e.x. prod"}),S!=null&&S.message?e(xe,{children:S.message}):e(v,{slot:"description",children:"The identifier of the tag"})]})}),e(G,{name:"description",control:l,render:({field:{name:m,onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(X,{isInvalid:b,onChange:g,name:m,onBlur:y,value:k.toString(),children:[e(W,{children:"Description"}),e(Ca,{placeholder:"A description of the tag"}),S!=null&&S.message?e(xe,{children:S.message}):e(v,{slot:"description",children:"A description of the tag (optional)"})]})})]}),e(C,{paddingX:"size-200",paddingY:"size-100",borderTopColor:"dark",borderTopWidth:"thin",children:e(h,{gap:"size-100",justifyContent:"end",children:e(V,{variant:r?"primary":"default",size:"S",type:"submit",isDisabled:p,children:"Create Tag"})})})]})]})})}function x1(){const[n,a]=u.useState(!1),[t,l]=u.useState(0),i=ke(),{promptId:r,versionId:o}=Be();if(!r)throw new Error("Expected promptId to be defined");if(!o)throw new Error("Expected versionId to be defined");return s("div",{children:[s(Lt,{children:[e(V,{size:"S",leadingVisual:e(_,{svg:e(mg,{})}),children:"Tag Version"}),s(jr,{placement:"bottom end",children:[e(qr,{}),s(_t,{children:[e(u.Suspense,{fallback:e(C,{padding:"size-100",children:e(Fe,{size:"S"})}),children:e(D1,{promptId:r,versionId:o,fetchKey:t,onTagSet:d=>{l(c=>c+1),i({title:"Tag Set",message:`The tag ${d} has been set on the version`})}})}),e(C,{padding:"size-100",width:"250px",children:e(V,{leadingVisual:e(_,{svg:e(lt,{})}),size:"S",css:F`
|
|
2268
2268
|
width: 100%;
|
|
2269
|
-
`,onPress:()=>a(!0),children:"New Tag"})})]})]})]}),n&&e(I1,{promptVersionId:o,onDismiss:()=>a(!1),onNewTagCreated:d=>{l(c=>c+1),i({title:"Tag Created",message:`The tag ${d.name} has been created and been set on the version`})}})]})}function D1({promptId:n,versionId:a,fetchKey:t,onTagSet:l}){var
|
|
2269
|
+
`,onPress:()=>a(!0),children:"New Tag"})})]})]})]}),n&&e(I1,{promptVersionId:o,onDismiss:()=>a(!1),onNewTagCreated:d=>{l(c=>c+1),i({title:"Tag Created",message:`The tag ${d.name} has been created and been set on the version`})}})]})}function D1({promptId:n,versionId:a,fetchKey:t,onTagSet:l}){var f,m;const i=I.useLazyLoadQuery(Ed,{promptId:n,versionId:a},{fetchKey:t,fetchPolicy:"store-and-network"}),r=u.useMemo(()=>{var g,y;return((y=(g=i==null?void 0:i.prompt)==null?void 0:g.versionTags)==null?void 0:y.map(k=>k.name))||[]},[(f=i==null?void 0:i.prompt)==null?void 0:f.versionTags]),o=u.useMemo(()=>{var g,y;return((y=(g=i==null?void 0:i.promptVersion)==null?void 0:g.tags)==null?void 0:y.map(k=>k.name))||[]},[(m=i==null?void 0:i.promptVersion)==null?void 0:m.tags]),d=u.useMemo(()=>Array.from(new Set([...wi.map(g=>g.name),...r])),[r]),[c,p]=I.useMutation(wd);return e("ul",{children:d.map(g=>{const y=o.includes(g);return e("li",{children:e(C,{paddingY:"size-100",paddingX:"size-200",borderBottomColor:"light",borderBottomWidth:"thin",children:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e("input",{type:"checkbox",name:g,checked:y,disabled:y||p,onChange:k=>{if(k.target.checked){const b=!o.includes(g);let S="";if(b){const K=wi.find(T=>T.name===g);S=(K==null?void 0:K.description)||""}c({variables:{input:{name:g,promptVersionId:a,description:S},promptId:n},onCompleted:()=>{l(g)}})}}}),e("span",{children:g})]})})},g)})})}function c2(){const n=qe();return Je(n),e(_1,{promptVersion:n.promptVersion})}function _1({promptVersion:n}){return e(C,{width:"100%",overflow:"auto",elementType:"section",children:e(C,{padding:"size-200",width:"100%",overflow:"auto",children:s(h,{direction:"column",gap:"size-200",maxWidth:900,marginStart:"auto",marginEnd:"auto",children:[s(h,{direction:"row",justifyContent:"space-between",children:[s(h,{direction:"row",gap:"size-100",children:[e(se,{level:2,children:`Version: ${n.id}`}),e(Eo,{promptVersion:n})]}),s(h,{direction:"row",gap:"size-100",children:[e(oe,{text:n.id,children:"Version ID"}),e(x1,{})]})]}),e(Ko,{promptVersion:n}),e(ho,{promptVersion:n}),e(Do,{promptVersion:n})]})})})}const Md=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"invocationParameters",storageKey:null},o={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},p={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},f={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:[t,l,{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,o,c,{alias:null,args:null,concreteType:"PromptVersionTag",kind:"LinkedField",name:"tags",plural:!0,selections:[p],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:[t,l,{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:[t,{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:[t,{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:[f,{alias:null,args:null,concreteType:"ToolCallFunction",kind:"LinkedField",name:"toolCall",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null},p],storageKey:null}],storageKey:null}],type:"ToolCallContentPart",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ToolResultContentValue",kind:"LinkedField",name:"toolResult",plural:!1,selections:[f,{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},o,{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:[l,p],storageKey:null},i],type:"PromptVersion",abstractKey:null}],storageKey:null}]},params:{cacheID:"619de31a7a111f736e33d8aad0e16f97",id:null,metadata:{},name:"promptVersionLoaderQuery",operationKind:"query",text:`query promptVersionLoaderQuery(
|
|
2270
2270
|
$id: GlobalID!
|
|
2271
2271
|
) {
|
|
2272
2272
|
promptVersion: node(id: $id) {
|
|
@@ -2450,7 +2450,7 @@ fragment PromptVersionTagsList_data on PromptVersion {
|
|
|
2450
2450
|
text-decoration: none;
|
|
2451
2451
|
color: inherit;
|
|
2452
2452
|
}
|
|
2453
|
-
`,w1=({version:n,active:a})=>e("div",{css:L1,"data-active":a,children:e(Mm,{to:`${n.id}`,children:e(C,{width:"100%",paddingY:"size-100",paddingX:"size-200",children:e(Ro,{promptVersion:n})})})}),
|
|
2453
|
+
`,w1=({version:n,active:a})=>e("div",{css:L1,"data-active":a,children:e(Mm,{to:`${n.id}`,children:e(C,{width:"100%",paddingY:"size-100",paddingX:"size-200",children:e(Ro,{promptVersion:n})})})}),nr=400,E1=({prompt:n,itemActive:a})=>{const{promptVersions:t}=I.useFragment(zd,n);return e(C,{height:"100%",overflow:"auto",width:nr,minWidth:nr,borderRightWidth:"thin",borderColor:"grey-300",children:e(h,{direction:"column",children:t.edges.map(({version:l})=>e(w1,{version:l,active:a==null?void 0:a(l)},l.id))})})};function p2(){const{prompt:n}=mi(),{versionId:a}=Be();return e(R1,{prompt:n,promptVersionId:a})}function R1({prompt:n,promptVersionId:a}){const t=I.useFragment(Ad,n),l=u.useCallback(i=>i.id===a,[a]);return e(C,{height:"100%",children:s(h,{direction:"row",height:"100%",children:[e(E1,{prompt:t,itemActive:l}),e(Te,{})]})})}const Nd=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"sessionId",storageKey:null}],type:"ProjectSession",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"sessionLoaderQuery",selections:[{alias:"session",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"sessionLoaderQuery",selections:[{alias:"session",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,l],storageKey:null}]},params:{cacheID:"aa110794a0fd7ac02812e8e14196930b",id:null,metadata:{},name:"sessionLoaderQuery",operationKind:"query",text:`query sessionLoaderQuery(
|
|
2454
2454
|
$id: GlobalID!
|
|
2455
2455
|
) {
|
|
2456
2456
|
session: node(id: $id) {
|
|
@@ -2516,7 +2516,7 @@ fragment PromptVersionTagsList_data on PromptVersion {
|
|
|
2516
2516
|
id
|
|
2517
2517
|
}
|
|
2518
2518
|
}
|
|
2519
|
-
`}}}();$d.hash="48d10974b52b961361ff750b74e21d8e";function M1({spanNodeId:n,projectId:a,size:t="M",buttonText:l="Annotate"}){const[i,r]=
|
|
2519
|
+
`}}}();$d.hash="48d10974b52b961361ff750b74e21d8e";function M1({spanNodeId:n,projectId:a,size:t="M",buttonText:l="Annotate"}){const[i,r]=u.useState(null);return s(U,{children:[e(V,{size:t,"aria-label":"Edit Span Annotations",leadingVisual:e(_,{svg:e(gt,{})}),onPress:()=>r(e($r,{spanNodeId:n,projectId:a})),children:l}),e(ae,{type:"slideOver",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}const V1=n=>{const{json:a}=Ve(n);if(a==null||!ea(a))return null;const t=a[fe.user];if(t==null||!ea(t))return null;const l=t[Vm.id];return gn.isString(l)||gn.isNumber(l)?l:null};function ar({role:n,value:a,mimeType:t}){const l=u.useMemo(()=>{if(t!=="json")return String(a);const r=Ve(a);return r.json==null?"--":JSON.stringify(r.json,null,2)},[a,t]),i=ht(n==="HUMAN"?"user":"assistant");return e(C,{alignSelf:n==="HUMAN"?"start":"end",borderRadius:"medium",borderColor:"dark",borderWidth:"thin",padding:"size-200",maxWidth:"70%",...i,children:s(h,{direction:"column",gap:"size-50",children:[e(v,{color:"text-700",children:n}),t==="json"?e(an,{value:l}):e(v,{children:l})]})})}function A1({traceId:n,rootSpan:a,index:t}){const l=u.useMemo(()=>new Date(a.startTime),[a.startTime]),i=u.useMemo(()=>V1(a.attributes),[a.attributes]);return e(C,{height:"100%",children:s(h,{direction:"column",justifyContent:"space-between",height:"100%",children:[s(h,{direction:"column",gap:"size-200",children:[s(h,{direction:"row",justifyContent:"space-between",children:[s(v,{children:["Trace #",t+1]}),e(Ze,{to:`/projects/${a.project.id}/traces/${n}?selectedSpanNodeId=${a.id}`,children:s(h,{alignItems:"center",children:["View Trace",e(_,{svg:e(pg,{})})]})})]}),s(h,{direction:"row",justifyContent:"space-between",children:[i!=null?s(v,{color:"text-700",children:["user: ",i]}):null,e(v,{color:"text-700",flex:"end",marginStart:"auto",children:$n(l)})]}),s(h,{direction:"row",gap:"size-100",children:[e(oa,{tokenCountTotal:a.cumulativeTokenCountTotal??0,tokenCountCompletion:a.cumulativeTokenCountCompletion??0,tokenCountPrompt:a.cumulativeTokenCountPrompt??0}),a.latencyMs!=null?e(Me,{latencyMs:a.latencyMs}):"--"]})]}),s(h,{direction:"row",justifyContent:"space-between",alignItems:"end",children:[s(h,{direction:"column",gap:"size-100",maxWidth:"50%",children:[e(v,{children:"Feedback"}),e(h,{gap:"size-50",direction:"column",children:a.spanAnnotations.length>0?a.spanAnnotations.map(r=>e(za,{annotation:r,children:e(Nn,{annotation:r,annotationDisplayPreference:"label"})},r.name)):"--"})]}),e("span",{children:e(M1,{size:"S",spanNodeId:a.id,projectId:a.project.id,buttonText:"Annotate"})})]})]})})}function z1({rootSpan:n}){var a,t,l,i;return s(h,{direction:"column",gap:"size-100",children:[e(ar,{role:"HUMAN",value:(a=n.input)==null?void 0:a.value,mimeType:(t=n.input)==null?void 0:t.mimeType}),e(ar,{role:"AI",value:(l=n.output)==null?void 0:l.value,mimeType:(i=n.output)==null?void 0:i.mimeType})]})}function N1({traces:n}){const a=u.useMemo(()=>((n==null?void 0:n.edges)||[]).map(({trace:l})=>l).filter(l=>l.rootSpan!==null),[n]);return e(C,{height:"100%",flex:"1 1 auto",overflow:"auto",children:a.map(({traceId:t,rootSpan:l},i)=>e(C,{borderBottomColor:"dark",borderBottomWidth:"thin",children:s(h,{direction:"row",children:[e(C,{borderRightWidth:"thin",borderEndColor:"dark",padding:"size-200",flex:"1 1 auto",children:e(z1,{rootSpan:l})}),e(C,{width:350,padding:"size-200",flex:"none",children:e(A1,{traceId:t,rootSpan:l,index:i})})]})},l.spanId))})}function $1({traceCount:n,tokenUsage:a,latencyP50:t}){return e(C,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",children:s(h,{direction:"row",gap:"size-400",children:[s(h,{direction:"column",children:[e(v,{elementType:"h3",color:"text-700",children:"Traces Count"}),e(v,{size:"L",children:n})]}),a!=null?s(h,{direction:"column",children:[e(v,{elementType:"h3",color:"text-700",children:"Total Tokens"}),e(oa,{tokenCountTotal:a.total,tokenCountCompletion:a.completion,tokenCountPrompt:a.prompt,size:"L"})]}):null,t!=null?s(h,{direction:"column",children:[e(v,{elementType:"h3",color:"text-700",children:"Latency P50"}),e(Me,{latencyMs:t,size:"L"})]}):null]})})}function O1(n){const{sessionId:a}=n,t=I.useLazyLoadQuery($d,{id:a},{fetchPolicy:"store-and-network"});if(t.session==null)throw new Error("Session not found");return s("main",{css:F`
|
|
2520
2520
|
flex: 1 1 auto;
|
|
2521
2521
|
display: flex;
|
|
2522
2522
|
flex-direction: column;
|
|
@@ -2585,9 +2585,9 @@ fragment ModelSchemaTable_dimensions_3uKjWt on Query {
|
|
|
2585
2585
|
}
|
|
2586
2586
|
}
|
|
2587
2587
|
}
|
|
2588
|
-
`}}}();Qd.hash="b612239336c7638df42037315b00f635";function h2(n){const{referenceInferences:a}=Ln(),{timeRange:t}=Qn(),l=I.useLazyLoadQuery(Qd,{startTime:t.start.toISOString(),endTime:t.end.toISOString()});return s("main",{children:[s(
|
|
2588
|
+
`}}}();Qd.hash="b612239336c7638df42037315b00f635";function h2(n){const{referenceInferences:a}=Ln(),{timeRange:t}=Qn(),l=I.useLazyLoadQuery(Qd,{startTime:t.start.toISOString(),endTime:t.end.toISOString()});return s("main",{children:[s(Yl,{children:[e(Br,{}),a?e(Ur,{inferencesRole:"reference",timeRange:{start:new Date(a.startTime),end:new Date(a.endTime)}}):null]}),e("section",{css:F`
|
|
2589
2589
|
margin: var(--ac-global-dimension-static-size-200);
|
|
2590
|
-
`,children:e(Ll,{title:"Model Schema",variant:"compact",bodyStyle:{padding:0},children:s(Ge,{children:[s(He,{children:[e(ne,{id:"all",children:"All"}),e(ne,{id:"embeddings",children:"Embeddings"}),e(ne,{id:"dimensions",children:"Dimensions"})]}),e(ce,{id:"all",children:s(rn,{defaultExpandedKeys:["embeddings","dimensions"],children:[s(ge,{id:"embeddings",children:[e(me,{children:"Embeddings"}),e(pe,{children:e(
|
|
2590
|
+
`,children:e(Ll,{title:"Model Schema",variant:"compact",bodyStyle:{padding:0},children:s(Ge,{children:[s(He,{children:[e(ne,{id:"all",children:"All"}),e(ne,{id:"embeddings",children:"Embeddings"}),e(ne,{id:"dimensions",children:"Dimensions"})]}),e(ce,{id:"all",children:s(rn,{defaultExpandedKeys:["embeddings","dimensions"],children:[s(ge,{id:"embeddings",children:[e(me,{children:"Embeddings"}),e(pe,{children:e(Ei,{model:l})})]}),s(ge,{id:"dimensions",children:[e(me,{children:"Dimensions"}),e(pe,{children:e(Ri,{model:l})})]})]})}),e(ce,{id:"embeddings",children:e(Ei,{model:l})}),e(ce,{id:"dimensions",children:e(Ri,{model:l})})]})})}),e(Te,{})]})}const jd={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"EmbeddingPageModelQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"MetricSelector_dimensions"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"EmbeddingPageModelQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:"numericDimensions",args:[{kind:"Literal",name:"include",value:{dataTypes:["numeric"]}}],concreteType:"DimensionConnection",kind:"LinkedField",name:"dimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"DimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'dimensions(include:{"dataTypes":["numeric"]})'}],storageKey:null}]},params:{cacheID:"4ccf476dd862525b059197daccd0d4d9",id:null,metadata:{},name:"EmbeddingPageModelQuery",operationKind:"query",text:`query EmbeddingPageModelQuery {
|
|
2591
2591
|
model {
|
|
2592
2592
|
...MetricSelector_dimensions
|
|
2593
2593
|
}
|
|
@@ -2604,7 +2604,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
2604
2604
|
}
|
|
2605
2605
|
}
|
|
2606
2606
|
}
|
|
2607
|
-
`}};jd.hash="374499f7f8ce6919e4a0a4ecbe380c52";const qd=function(){var n={defaultValue:null,kind:"LocalArgument",name:"clusterMinSamples"},a={defaultValue:null,kind:"LocalArgument",name:"clusterSelectionEpsilon"},t={defaultValue:null,kind:"LocalArgument",name:"dataQualityMetricColumnName"},l={defaultValue:null,kind:"LocalArgument",name:"fetchDataQualityMetric"},i={defaultValue:null,kind:"LocalArgument",name:"fetchPerformanceMetric"},r={defaultValue:null,kind:"LocalArgument",name:"id"},o={defaultValue:null,kind:"LocalArgument",name:"minClusterSize"},d={defaultValue:null,kind:"LocalArgument",name:"minDist"},c={defaultValue:null,kind:"LocalArgument",name:"nNeighbors"},p={defaultValue:null,kind:"LocalArgument",name:"nSamples"},
|
|
2607
|
+
`}};jd.hash="374499f7f8ce6919e4a0a4ecbe380c52";const qd=function(){var n={defaultValue:null,kind:"LocalArgument",name:"clusterMinSamples"},a={defaultValue:null,kind:"LocalArgument",name:"clusterSelectionEpsilon"},t={defaultValue:null,kind:"LocalArgument",name:"dataQualityMetricColumnName"},l={defaultValue:null,kind:"LocalArgument",name:"fetchDataQualityMetric"},i={defaultValue:null,kind:"LocalArgument",name:"fetchPerformanceMetric"},r={defaultValue:null,kind:"LocalArgument",name:"id"},o={defaultValue:null,kind:"LocalArgument",name:"minClusterSize"},d={defaultValue:null,kind:"LocalArgument",name:"minDist"},c={defaultValue:null,kind:"LocalArgument",name:"nNeighbors"},p={defaultValue:null,kind:"LocalArgument",name:"nSamples"},f={defaultValue:null,kind:"LocalArgument",name:"performanceMetric"},m={defaultValue:null,kind:"LocalArgument",name:"timeRange"},g=[{kind:"Variable",name:"id",variableName:"id"}],y={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},k={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},b={alias:null,args:null,kind:"ScalarField",name:"x",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"y",storageKey:null},K=[y,{alias:null,args:null,kind:"ScalarField",name:"eventId",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"coordinates",plural:!1,selections:[k,{kind:"InlineFragment",selections:[b,S,{alias:null,args:null,kind:"ScalarField",name:"z",storageKey:null}],type:"Point3D",abstractKey:null},{kind:"InlineFragment",selections:[b,S],type:"Point2D",abstractKey:null}],storageKey:null},{alias:null,args:null,concreteType:"EmbeddingMetadata",kind:"LinkedField",name:"embeddingMetadata",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"linkToData",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"rawData",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"EventMetadata",kind:"LinkedField",name:"eventMetadata",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"predictionId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualScore",storageKey:null}],storageKey:null}],T=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"referenceValue",storageKey:null}],x={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"clusterMinSamples",variableName:"clusterMinSamples"},{kind:"Variable",name:"clusterSelectionEpsilon",variableName:"clusterSelectionEpsilon"},{kind:"Variable",name:"minClusterSize",variableName:"minClusterSize"},{kind:"Variable",name:"minDist",variableName:"minDist"},{kind:"Variable",name:"nNeighbors",variableName:"nNeighbors"},{kind:"Variable",name:"nSamples",variableName:"nSamples"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"UMAPPoints",kind:"LinkedField",name:"UMAPPoints",plural:!1,selections:[{alias:null,args:null,concreteType:"UMAPPoint",kind:"LinkedField",name:"data",plural:!0,selections:K,storageKey:null},{alias:null,args:null,concreteType:"UMAPPoint",kind:"LinkedField",name:"referenceData",plural:!0,selections:K,storageKey:null},{alias:null,args:null,concreteType:"UMAPPoint",kind:"LinkedField",name:"corpusData",plural:!0,selections:K,storageKey:null},{alias:null,args:null,concreteType:"Cluster",kind:"LinkedField",name:"clusters",plural:!0,selections:[y,{alias:null,args:null,kind:"ScalarField",name:"eventIds",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"driftRatio",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"primaryToCorpusRatio",storageKey:null},{condition:"fetchDataQualityMetric",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[{fields:[{kind:"Variable",name:"columnName",variableName:"dataQualityMetricColumnName"},{kind:"Literal",name:"metric",value:"mean"}],kind:"ObjectValue",name:"metric"}],concreteType:"DatasetValues",kind:"LinkedField",name:"dataQualityMetric",plural:!1,selections:T,storageKey:null}]},{condition:"fetchPerformanceMetric",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[{fields:[{kind:"Variable",name:"metric",variableName:"performanceMetric"}],kind:"ObjectValue",name:"metric"}],concreteType:"DatasetValues",kind:"LinkedField",name:"performanceMetric",plural:!1,selections:T,storageKey:null}]}],storageKey:null},{alias:null,args:null,concreteType:"Retrieval",kind:"LinkedField",name:"contextRetrievals",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"queryId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"relevance",storageKey:null}],storageKey:null}],storageKey:null}],type:"EmbeddingDimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t,l,i,r,o,d,c,p,f,m],kind:"Fragment",metadata:null,name:"EmbeddingPageUMAPQuery",selections:[{alias:"embedding",args:g,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[x],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[r,m,d,c,p,o,n,a,l,t,i,f],kind:"Operation",name:"EmbeddingPageUMAPQuery",selections:[{alias:"embedding",args:g,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[k,x,{kind:"TypeDiscriminator",abstractKey:"__isNode"},y],storageKey:null}]},params:{cacheID:"d30210c52f86b9d9a7ac958f866aa93e",id:null,metadata:{},name:"EmbeddingPageUMAPQuery",operationKind:"query",text:`query EmbeddingPageUMAPQuery(
|
|
2608
2608
|
$id: GlobalID!
|
|
2609
2609
|
$timeRange: TimeRange!
|
|
2610
2610
|
$minDist: Float!
|
|
@@ -2728,7 +2728,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
2728
2728
|
id
|
|
2729
2729
|
}
|
|
2730
2730
|
}
|
|
2731
|
-
`}}}();qd.hash="f1ee7ce02317f1c3fe96b77af405095f";function Q1(){const{theme:n}=On();return
|
|
2731
|
+
`}}}();qd.hash="f1ee7ce02317f1c3fe96b77af405095f";function Q1(){const{theme:n}=On();return u.useMemo(()=>n==="light"?gg:yg,[n])}function j1(){const{embeddingDimensionId:n}=Be();if(!n)throw new Error("Missing embeddingDimensionId in URL params");return n}const Bd={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 ha(n){const a=Bd[n];return a!=null?a.shortName:n}function bl(n){const a=Bd[n];return a&&a.definition!=null&&a.definition||null}function Ia(n){return`${n.column}:${n.dir}`}function q1(){const{referenceInferences:n}=Ln(),a=!!n,t=H(c=>c.clusterSort),l=H(c=>c.setClusterSort),[i,r]=u.useState(!1),o=u.useMemo(()=>{const c=[];return a&&c.push({label:"Most drift",value:Ia({column:"driftRatio",dir:"desc"})}),[...c,{label:"Largest clusters",value:Ia({column:"size",dir:"desc"})},{label:"Smallest clusters",value:Ia({column:"size",dir:"asc"})},{label:"Highest metric value",value:Ia({column:"primaryMetricValue",dir:"desc"})},{label:"Lowest metric value",value:Ia({column:"primaryMetricValue",dir:"asc"})}]},[a]),d=Ia(t);return e("div",{css:F`
|
|
2732
2732
|
.ac-action-button {
|
|
2733
2733
|
background: none;
|
|
2734
2734
|
border: none;
|
|
@@ -2753,14 +2753,14 @@ fragment MetricSelector_dimensions on Model {
|
|
|
2753
2753
|
height: 0;
|
|
2754
2754
|
vertical-align: middle;
|
|
2755
2755
|
width: 0;
|
|
2756
|
-
`})]}),e(wl,{children:e(At,{style:{width:200},selectedKeys:[d],selectionMode:"single",items:o,onSelectionChange:c=>{if(c instanceof Set&&c.size>0){const[p]=c.values(),[
|
|
2756
|
+
`})]}),e(wl,{children:e(At,{style:{width:200},selectedKeys:[d],selectionMode:"single",items:o,onSelectionChange:c=>{if(c instanceof Set&&c.size>0){const[p]=c.values(),[f,m]=p.split(":");l({column:f,dir:m})}r(!1)},children:c=>e(ie,{children:c.label},c.value)})})]})})}const Ud=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"clusters"}],a=[{alias:null,args:[{kind:"Variable",name:"clusters",variableName:"clusters"}],concreteType:"ExportedFile",kind:"LinkedField",name:"exportClusters",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"fileName",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"EmbeddingActionMenuExportClustersMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"EmbeddingActionMenuExportClustersMutation",selections:a},params:{cacheID:"1bef6586fcb3d6eb7034204fbe49633c",id:null,metadata:{},name:"EmbeddingActionMenuExportClustersMutation",operationKind:"mutation",text:`mutation EmbeddingActionMenuExportClustersMutation(
|
|
2757
2757
|
$clusters: [ClusterInput!]!
|
|
2758
2758
|
) {
|
|
2759
2759
|
exportClusters(clusters: $clusters) {
|
|
2760
2760
|
fileName
|
|
2761
2761
|
}
|
|
2762
2762
|
}
|
|
2763
|
-
`}}}();Ud.hash="b5ff2517dbb0d19a1b24dea1796a3576";function B1(){const n=H(r=>r.clusters),{notifyError:a,notifySuccess:t}=
|
|
2763
|
+
`}}}();Ud.hash="b5ff2517dbb0d19a1b24dea1796a3576";function B1(){const n=H(r=>r.clusters),{notifyError:a,notifySuccess:t}=Hr(),[l,i]=I.useMutation(Ud);return e(Dn,{align:"end",buttonSize:"compact",icon:i?e(_,{svg:e(We,{})}):null,onAction:r=>{switch(r){case"export_cluster":l({variables:{clusters:n.map(o=>({eventIds:o.eventIds,id:o.id}))},onCompleted:o=>{const{fileName:d}=o.exportClusters;t({title:"Clusters Exported",message:"dataframe is available via px.active_session().exports or can be downloaded by clicking below",action:{text:"Download",onClick:()=>{window.open(`/exports?filename=${d}`,"_self")}}})},onError:o=>{a({title:"Failed to export clusters",message:`Failed to export clusters: ${o.message}`})}});break}},children:s(ie,{children:[e(_,{svg:e(Gt,{})}),"Export clusters"]},"export_cluster")})}const Hd={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"MetricSelector_dimensions",selections:[{alias:"numericDimensions",args:[{kind:"Literal",name:"include",value:{dataTypes:["numeric"]}}],concreteType:"DimensionConnection",kind:"LinkedField",name:"dimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"DimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'dimensions(include:{"dataTypes":["numeric"]})'}],type:"Model",abstractKey:null};Hd.hash="55d03de16503d7af254c17cef7d18ee0";const Da=":";function U1(n){return["drift","performance","dataQuality","retrieval"].includes(n)}function Ja(n){const{type:a,metric:t}=n;switch(a){case"drift":return`${a}${Da}${t}`;case"retrieval":return`${a}${Da}${t}`;case"performance":return`${a}${Da}${t}`;case"dataQuality":{const{name:l}=n.dimension;return`${a}${Da}${t}${Da}${l}`}default:Ce()}}function H1({metricKey:n,dimensions:a}){const[t,l,i]=n.split(Da);if(!U1(t))throw new Error(`Invalid metric type: ${t}`);switch(t){case"drift":return{type:t,metric:l};case"retrieval":return{type:t,metric:l};case"performance":return{type:t,metric:l};case"dataQuality":{const r=a.find(o=>o.name===i);if(!r)throw new Error(`Invalid dimension name: ${i}`);return{type:t,metric:l,dimension:r}}default:Ce()}}const G1=s(Aa,{variant:"info",children:[e(se,{level:4,weight:"heavy",children:"Analysis Metric"}),s(ia,{children:[e("p",{children:"Select a metric to drive the analysis of your embeddings."}),e("p",{children:"To analyze the the drift between your two inferences, select a drift metric and the UI will highlight areas of high drift."}),e("p",{children:"To analyze the quality of your embeddings, select a dimension data quality metric by which to analyze the point cloud. The UI will highlight areas where the data quality is degrading."})]})]});function W1({model:n}){const[,a]=u.useTransition(),t=I.useFragment(Hd,n),{referenceInferences:l,corpusInferences:i}=Ln(),r=!!l,o=!!i,d=H(y=>y.metric),c=H(y=>y.loading),p=H(y=>y.setMetric),f=t.numericDimensions.edges.map(y=>y.node),m=f.length>0,g=u.useCallback(y=>{const k=H1({metricKey:y,dimensions:f});a(()=>{p(k)})},[p,f,a]);return s(wt,{label:"metric",labelExtra:G1,selectedKey:d?Ja(d):void 0,onSelectionChange:g,placeholder:"Select a metric...",isDisabled:c,children:[r?e(bt,{title:"Drift",children:e(ie,{children:"Euclidean Distance"},Ja({type:"drift",metric:"euclideanDistance"}))}):null,o?e(bt,{title:"Retrieval",children:e(ie,{children:"Query Distance"},Ja({type:"retrieval",metric:"queryDistance"}))}):null,e(bt,{title:"Performance",children:e(ie,{children:"Accuracy Score"},Ja({type:"performance",metric:"accuracyScore"}))}),m?e(bt,{title:"Data Quality",children:f.map(y=>e(ie,{children:`${y.name} avg`},Ja({type:"dataQuality",metric:"average",dimension:y})))}):null]})}const Gd=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},t={defaultValue:null,kind:"LocalArgument",name:"embeddingDimensionId"},l={defaultValue:null,kind:"LocalArgument",name:"fetchDataQuality"},i={defaultValue:null,kind:"LocalArgument",name:"fetchDrift"},r={defaultValue:null,kind:"LocalArgument",name:"fetchPerformance"},o={defaultValue:null,kind:"LocalArgument",name:"fetchQueryDistance"},d={defaultValue:null,kind:"LocalArgument",name:"metricGranularity"},c={defaultValue:null,kind:"LocalArgument",name:"performanceMetric"},p={defaultValue:null,kind:"LocalArgument",name:"timeRange"},f=[{kind:"Variable",name:"id",variableName:"embeddingDimensionId"}],m={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},g={kind:"Variable",name:"granularity",variableName:"metricGranularity"},y={kind:"Variable",name:"timeRange",variableName:"timeRange"},k=[g,{kind:"Literal",name:"metric",value:"euclideanDistance"},y],b=[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],S={kind:"InlineFragment",selections:[{condition:"fetchDrift",kind:"Condition",passingValue:!0,selections:[{alias:"euclideanDistanceTimeSeries",args:k,concreteType:"DriftTimeSeries",kind:"LinkedField",name:"driftTimeSeries",plural:!1,selections:b,storageKey:null}]},{condition:"fetchQueryDistance",kind:"Condition",passingValue:!0,selections:[{alias:null,args:k,concreteType:"DriftTimeSeries",kind:"LinkedField",name:"retrievalMetricTimeSeries",plural:!1,selections:b,storageKey:null}]},{alias:"trafficTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"countGranularity"},{kind:"Literal",name:"metric",value:"count"},y],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:b,storageKey:null}],type:"EmbeddingDimension",abstractKey:null},K=[{kind:"Variable",name:"id",variableName:"dimensionId"}],T={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:[g,{kind:"Literal",name:"metric",value:"mean"},y],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:b,storageKey:null}],type:"Dimension",abstractKey:null},x={alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{condition:"fetchPerformance",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[g,{fields:[{kind:"Variable",name:"metric",variableName:"performanceMetric"}],kind:"ObjectValue",name:"metric"},y],concreteType:"PerformanceTimeSeries",kind:"LinkedField",name:"performanceTimeSeries",plural:!1,selections:b,storageKey:null}]}],storageKey:null},L={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null};return{fragment:{argumentDefinitions:[n,a,t,l,i,r,o,d,c,p],kind:"Fragment",metadata:null,name:"MetricTimeSeriesQuery",selections:[{alias:"embedding",args:f,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[m,S],storageKey:null},{condition:"fetchDataQuality",kind:"Condition",passingValue:!0,selections:[{alias:"dimension",args:K,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[T],storageKey:null}]},x],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[t,p,d,n,i,o,l,a,r,c],kind:"Operation",name:"MetricTimeSeriesQuery",selections:[{alias:"embedding",args:f,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[L,m,S],storageKey:null},{condition:"fetchDataQuality",kind:"Condition",passingValue:!0,selections:[{alias:"dimension",args:K,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[L,T,{kind:"TypeDiscriminator",abstractKey:"__isNode"},m],storageKey:null}]},x]},params:{cacheID:"a68a8204bf7fdd13e6915b338d4b5497",id:null,metadata:{},name:"MetricTimeSeriesQuery",operationKind:"query",text:`query MetricTimeSeriesQuery(
|
|
2764
2764
|
$embeddingDimensionId: GlobalID!
|
|
2765
2765
|
$timeRange: TimeRange!
|
|
2766
2766
|
$metricGranularity: Granularity!
|
|
@@ -2819,7 +2819,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
2819
2819
|
}
|
|
2820
2820
|
}
|
|
2821
2821
|
}
|
|
2822
|
-
`}}}();Gd.hash="f31abad2141a5a1c461ef2a598ffa4f3";const
|
|
2822
|
+
`}}}();Gd.hash="f31abad2141a5a1c461ef2a598ffa4f3";const tr=new Intl.NumberFormat([],{maximumFractionDigits:2}),Wd=()=>{const n=jn(),a=n.blue400,t=n.gray500;return{color:a,barColor:t}};function J1({active:n,payload:a,label:t}){var r,o,d;const{color:l,barColor:i}=Wd();if(n&&a&&a.length){const c=((r=a[1])==null?void 0:r.value)??null,p=((o=a[0])==null?void 0:o.value)??null,f=typeof c=="number"?tr.format(c):"--",m=typeof p=="number"?tr.format(p):"--";return s(zn,{children:[e(v,{weight:"heavy",size:"S",children:`${$n(new Date(t))}`}),e(Ne,{color:l,name:((d=a[1])==null?void 0:d.payload.metricName)??"Metric",value:f}),e(Ne,{color:i,shape:"square",name:"Count",value:m}),e(Jt,{}),s("div",{css:F`
|
|
2823
2823
|
display: flex;
|
|
2824
2824
|
flex-direction: row;
|
|
2825
2825
|
align-items: center;
|
|
@@ -2827,7 +2827,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
2827
2827
|
gap: var(--ac-global-dimension-static-size-50);
|
|
2828
2828
|
|
|
2829
2829
|
margin-top: var(--ac-global-dimension-static-size-50);
|
|
2830
|
-
`,children:[e(_,{svg:e(Vn,{})}),e("span",{children:"Click to view the point cloud at this time"})]})]})}return null}function Z1(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:Ce()}}function X1(n){if(n)switch(n.type){case"drift":return ha(n.metric);case"performance":return ha(n.metric);case"dataQuality":return`${n.dimension.name} avg`;case"retrieval":return ha(n.metric);default:Ce()}else return"Count"}function Y1(n){switch(n.type){case"drift":return bl(n.metric);case"performance":return bl(n.metric);case"dataQuality":return null;case"retrieval":return bl(n.metric);default:Ce()}}function eb({embeddingDimensionId:n}){const a=H(P=>P.metric),t=a.type==="drift",l=a.type==="retrieval",i=a.type==="dataQuality",r=a.type==="performance",{timeRange:o}=Qn(),{selectedTimestamp:d,setSelectedTimestamp:c}=Wt(),p=Oa(o),
|
|
2830
|
+
`,children:[e(_,{svg:e(Vn,{})}),e("span",{children:"Click to view the point cloud at this time"})]})]})}return null}function Z1(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:Ce()}}function X1(n){if(n)switch(n.type){case"drift":return ha(n.metric);case"performance":return ha(n.metric);case"dataQuality":return`${n.dimension.name} avg`;case"retrieval":return ha(n.metric);default:Ce()}else return"Count"}function Y1(n){switch(n.type){case"drift":return bl(n.metric);case"performance":return bl(n.metric);case"dataQuality":return null;case"retrieval":return bl(n.metric);default:Ce()}}function eb({embeddingDimensionId:n}){const a=H(P=>P.metric),t=a.type==="drift",l=a.type==="retrieval",i=a.type==="dataQuality",r=a.type==="performance",{timeRange:o}=Qn(),{selectedTimestamp:d,setSelectedTimestamp:c}=Wt(),p=Oa(o),f=I.useLazyLoadQuery(Gd,{embeddingDimensionId:n,timeRange:{start:o.start.toISOString(),end:o.end.toISOString()},metricGranularity:Gr(o),countGranularity:p,fetchDrift:t,fetchQueryDistance:l,fetchDataQuality:i,fetchPerformance:r,dimensionId:a.type==="dataQuality"?a.dimension.id:n,performanceMetric:a.type==="performance"?a.metric:"accuracyScore"}),m=Qa({samplingIntervalMinutes:p.samplingIntervalMinutes}),g=u.useCallback(P=>{const{activePayload:D}=P;if(D!=null&&D.length>0){const $=D[0].payload;c(new Date($.timestamp))}},[c]),y=nb({data:f,metric:a}),b=ab(f).reduce((P,D)=>(P[D.timestamp]=D.value,P),{})??{},S=y.map(P=>{const D=b[P.timestamp];return{...P,traffic:D,timestamp:new Date(P.timestamp).getTime()}}),K=X1(a),T=Y1(a),{color:x,barColor:L}=Wd();return s("section",{css:F`
|
|
2831
2831
|
width: 100%;
|
|
2832
2832
|
height: 100%;
|
|
2833
2833
|
display: flex;
|
|
@@ -2848,7 +2848,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
2848
2848
|
width: 100%;
|
|
2849
2849
|
overflow: hidden;
|
|
2850
2850
|
}
|
|
2851
|
-
`,children:[s(se,{level:3,children:[Z1(a),T!=null?s(Aa,{children:[e(se,{level:4,children:K}),e(ia,{children:T})]}):null]}),e("div",{children:e(Bn,{width:"100%",height:"100%",children:s(ft,{data:S,margin:{top:25,right:18,left:18,bottom:10},onClick:g,children:[s("defs",{children:[s("linearGradient",{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:x,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:x,stopOpacity:0})]}),s("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:L,stopOpacity:.3}),e("stop",{offset:"95%",stopColor:L,stopOpacity:0})]})]}),e(ma,{...ja,tickFormatter:P=>
|
|
2851
|
+
`,children:[s(se,{level:3,children:[Z1(a),T!=null?s(Aa,{children:[e(se,{level:4,children:K}),e(ia,{children:T})]}):null]}),e("div",{children:e(Bn,{width:"100%",height:"100%",children:s(ft,{data:S,margin:{top:25,right:18,left:18,bottom:10},onClick:g,children:[s("defs",{children:[s("linearGradient",{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:x,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:x,stopOpacity:0})]}),s("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:L,stopOpacity:.3}),e("stop",{offset:"95%",stopColor:L,stopOpacity:0})]})]}),e(ma,{...ja,tickFormatter:P=>m(new Date(P)),style:{fill:"var(--ac-global-text-color-700)"}}),e(Pn,{stroke:"var(--ac-global-color-grey-500)",label:{value:K,angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(Pn,{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(pa,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(qn,{content:e(J1,{})}),e(Ra,{yAxisId:"right",dataKey:"traffic",fill:"url(#barColor)",spacing:5}),e(dt,{type:"monotone",dataKey:"value",stroke:x,fillOpacity:1,fill:"url(#colorUv)"}),d!=null?e(ps,{...Wr,x:d.getTime()}):null]})})})]})}function nb({data:n,metric:a}){var t,l,i,r,o,d;if(((t=n.embedding.euclideanDistanceTimeSeries)==null?void 0:t.data)!=null&&n.embedding.euclideanDistanceTimeSeries.data.length>0)return n.embedding.euclideanDistanceTimeSeries.data.map(c=>({metricName:ha(a.metric),...c}));if(((l=n.embedding.retrievalMetricTimeSeries)==null?void 0:l.data)!=null&&n.embedding.retrievalMetricTimeSeries.data.length>0)return n.embedding.retrievalMetricTimeSeries.data.map(c=>({metricName:ha(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(p=>({metricName:`${c} avg`,...p}))}else{if(n.model&&((o=n.model.performanceTimeSeries)==null?void 0:o.data)!=null&&n.model.performanceTimeSeries.data.length>0)return n.model.performanceTimeSeries.data.map(c=>({metricName:ha(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 ab(n){var a;return((a=n.embedding.trafficTimeSeries)==null?void 0:a.data)!=null?[...n.embedding.trafficTimeSeries.data]:[]}const Jd=function(){var n={defaultValue:null,kind:"LocalArgument",name:"corpusEventIds"},a={defaultValue:null,kind:"LocalArgument",name:"primaryEventIds"},t={defaultValue:null,kind:"LocalArgument",name:"referenceEventIds"},l=[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,concreteType:"DimensionWithValue",kind:"LinkedField",name:"dimensions",plural:!0,selections:[{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"dimension",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"EventMetadata",kind:"LinkedField",name:"eventMetadata",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"predictionId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualScore",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PromptResponse",kind:"LinkedField",name:"promptAndResponse",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"prompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"response",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentText",storageKey:null}],i=[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"primaryInferences",plural:!1,selections:[{alias:null,args:[{kind:"Variable",name:"eventIds",variableName:"primaryEventIds"}],concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:l,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"referenceInferences",plural:!1,selections:[{alias:null,args:[{kind:"Variable",name:"eventIds",variableName:"referenceEventIds"}],concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:l,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"corpusInferences",plural:!1,selections:[{alias:null,args:[{kind:"Variable",name:"eventIds",variableName:"corpusEventIds"}],concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:l,storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"PointSelectionPanelContentQuery",selections:i,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,t,n],kind:"Operation",name:"PointSelectionPanelContentQuery",selections:i},params:{cacheID:"8b48064eba35d0d6c8dc834c2f7795c0",id:null,metadata:{},name:"PointSelectionPanelContentQuery",operationKind:"query",text:`query PointSelectionPanelContentQuery(
|
|
2852
2852
|
$primaryEventIds: [ID!]!
|
|
2853
2853
|
$referenceEventIds: [ID!]!
|
|
2854
2854
|
$corpusEventIds: [ID!]!
|
|
@@ -2928,7 +2928,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
2928
2928
|
}
|
|
2929
2929
|
}
|
|
2930
2930
|
}
|
|
2931
|
-
`}}}();Jd.hash="4bd627481610322f2acbcf73dfbfaadc";const
|
|
2931
|
+
`}}}();Jd.hash="4bd627481610322f2acbcf73dfbfaadc";const lr=F`
|
|
2932
2932
|
margin: var(--ac-global-dimension-static-size-200);
|
|
2933
2933
|
display: flex;
|
|
2934
2934
|
flex-direction: column;
|
|
@@ -2957,10 +2957,10 @@ fragment MetricSelector_dimensions on Model {
|
|
|
2957
2957
|
`,children:n.children})})}function tb({event:n}){const a=n.retrievedDocuments&&n.retrievedDocuments.length>0,t=!n.id.includes("CORPUS");return s("section",{css:F`
|
|
2958
2958
|
height: 100%;
|
|
2959
2959
|
overflow-y: auto;
|
|
2960
|
-
`,children:[e(sb,{event:n}),s(rn,{defaultExpandedKeys:["prediction","document","dimensions","retrievals"],children:[t?s(ge,{id:"prediction",children:[e(me,{children:"Prediction Details"}),e(pe,{children:s("dl",{css:
|
|
2960
|
+
`,children:[e(sb,{event:n}),s(rn,{defaultExpandedKeys:["prediction","document","dimensions","retrievals"],children:[t?s(ge,{id:"prediction",children:[e(me,{children:"Prediction Details"}),e(pe,{children:s("dl",{css:lr,children:[n.predictionId!=null&&s("div",{children:[e("dt",{children:"Prediction ID"}),e("dd",{css:F`
|
|
2961
2961
|
display: flex;
|
|
2962
2962
|
align-items: center;
|
|
2963
|
-
`,children:n.predictionId})]}),n.predictionLabel!=null&&s("div",{children:[e("dt",{children:"Prediction Label"}),e("dd",{children:n.predictionLabel})]}),n.predictionScore!=null&&s("div",{children:[e("dt",{children:"Prediction Score"}),e("dd",{children:n.predictionScore})]}),n.actualLabel!=null&&s("div",{children:[e("dt",{children:"Actual Label"}),e("dd",{children:n.actualLabel})]}),n.actualScore!=null&&s("div",{children:[e("dt",{children:"Actual Score"}),e("dd",{children:n.actualScore})]})]})})]}):s(ge,{id:"document",children:[e(me,{children:"Document Details"}),e(pe,{children:e("dl",{css:
|
|
2963
|
+
`,children:n.predictionId})]}),n.predictionLabel!=null&&s("div",{children:[e("dt",{children:"Prediction Label"}),e("dd",{children:n.predictionLabel})]}),n.predictionScore!=null&&s("div",{children:[e("dt",{children:"Prediction Score"}),e("dd",{children:n.predictionScore})]}),n.actualLabel!=null&&s("div",{children:[e("dt",{children:"Actual Label"}),e("dd",{children:n.actualLabel})]}),n.actualScore!=null&&s("div",{children:[e("dt",{children:"Actual Score"}),e("dd",{children:n.actualScore})]})]})})]}):s(ge,{id:"document",children:[e(me,{children:"Document Details"}),e(pe,{children:e("dl",{css:lr,children:n.predictionId!=null&&s("div",{children:[e("dt",{children:"Document ID"}),e("dd",{css:F`
|
|
2964
2964
|
display: flex;
|
|
2965
2965
|
align-items: center;
|
|
2966
2966
|
`,children:n.predictionId})]})})})]}),s(ge,{id:"dimensions",children:[e(me,{children:"Dimensions"}),e(pe,{children:e(ib,{dimensions:n.dimensions})})]}),a&&s(ge,{id:"retrievals",children:[s(me,{children:["Retrieved Documents",e(fn,{children:n.retrievedDocuments.length})]}),e(pe,{children:e("ul",{css:F`
|
|
@@ -2968,11 +2968,11 @@ fragment MetricSelector_dimensions on Model {
|
|
|
2968
2968
|
li + li {
|
|
2969
2969
|
margin-top: var(--ac-global-dimension-static-size-100);
|
|
2970
2970
|
}
|
|
2971
|
-
`,children:n.retrievedDocuments.map(l=>e("li",{children:e(lb,{document:l})},l.id))})})]})]})]})}function lb({document:n}){return e(C,{borderRadius:"medium",backgroundColor:"light",children:s(h,{direction:"column",children:[e(C,{width:"100%",borderBottomWidth:"thin",borderBottomColor:"dark",children:s(h,{direction:"row",justifyContent:"space-between",margin:"size-100",alignItems:"center",children:[s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_,{svg:e(
|
|
2971
|
+
`,children:n.retrievedDocuments.map(l=>e("li",{children:e(lb,{document:l})},l.id))})})]})]})]})}function lb({document:n}){return e(C,{borderRadius:"medium",backgroundColor:"light",children:s(h,{direction:"column",children:[e(C,{width:"100%",borderBottomWidth:"thin",borderBottomColor:"dark",children:s(h,{direction:"row",justifyContent:"space-between",margin:"size-100",alignItems:"center",children:[s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_,{svg:e(Mr,{})}),s(se,{level:4,children:["document ",n.id]})]}),typeof n.relevance=="number"&&e(La,{color:"var(--ac-global-color-blue-1000)",children:`relevance ${Ul(n.relevance)}`})]})}),e("pre",{css:F`
|
|
2972
2972
|
padding: var(--ac-global-dimension-static-size-200);
|
|
2973
2973
|
white-space: normal;
|
|
2974
2974
|
margin: 0;
|
|
2975
|
-
`,children:n.text})]})})}function ib({dimensions:n}){const a=
|
|
2975
|
+
`,children:n.text})]})})}function ib({dimensions:n}){const a=u.useMemo(()=>n.map(i=>({name:i.dimension.name,type:i.dimension.type,value:i.value??"--"})),[n]),t=u.useMemo(()=>[{header:()=>"Name",accessorKey:"name"},{header:()=>"Type",accessorKey:"type"},{header:()=>"Value",accessorKey:"value"}],[]),l=Le({columns:t,data:a,getCoreRowModel:we()});return s("table",{css:dn,children:[e("thead",{children:l.getHeaderGroups().map(i=>e("tr",{children:i.headers.map(r=>e("th",{colSpan:r.colSpan,children:r.isPlaceholder?null:e("div",{children:J(r.column.columnDef.header,r.getContext())})},r.id))},i.id))}),l.getCoreRowModel().rows.length?e("tbody",{children:l.getRowModel().rows.map(i=>e("tr",{children:i.getVisibleCells().map(r=>e("td",{children:J(r.column.columnDef.cell,r.getContext())},r.id))},i.id))}):e(ob,{})]})}function rb({dataUrl:n}){const a=fg(n),t=hg(n);return a?e("video",{src:n,controls:!0,css:F`
|
|
2976
2976
|
width: 100%;
|
|
2977
2977
|
height: 500px;
|
|
2978
2978
|
background-color: black;
|
|
@@ -2983,7 +2983,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
2983
2983
|
text-align: center;
|
|
2984
2984
|
padding: var(--ac-global-dimension-size-300)
|
|
2985
2985
|
var(--ac-global-dimension-size-300) !important;
|
|
2986
|
-
`,children:e(
|
|
2986
|
+
`,children:e(Er,{graphicKey:"documents",message:"This embedding has no associated dimensions"})})})})}const Zd=function(){var n=[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:null,concreteType:"ExportedFile",kind:"LinkedField",name:"exportedFiles",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"fileName",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ExportSelectionButtonExportsQuery",selections:n,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"ExportSelectionButtonExportsQuery",selections:n},params:{cacheID:"2f7e3554305121746dc799b6a8d120da",id:null,metadata:{},name:"ExportSelectionButtonExportsQuery",operationKind:"query",text:`query ExportSelectionButtonExportsQuery {
|
|
2987
2987
|
model {
|
|
2988
2988
|
exportedFiles {
|
|
2989
2989
|
fileName
|
|
@@ -3005,7 +3005,7 @@ dataframe`,cb=F`
|
|
|
3005
3005
|
.cm-content {
|
|
3006
3006
|
padding: var(--ac-global-dimension-static-size-100);
|
|
3007
3007
|
}
|
|
3008
|
-
`;function ub({value:n}){const{theme:a}=On(),t=a==="light"?da:ca;return e(ua,{value:n,basicSetup:!1,extensions:[yt()],editable:!1,theme:t,css:cb})}function mb(){const n=H(o=>o.selectedEventIds),[a,t]=I.useMutation(Xd),[l,i]=
|
|
3008
|
+
`;function ub({value:n}){const{theme:a}=On(),t=a==="light"?da:ca;return e(ua,{value:n,basicSetup:!1,extensions:[yt()],editable:!1,theme:t,css:cb})}function mb(){const n=H(o=>o.selectedEventIds),[a,t]=I.useMutation(Xd),[l,i]=u.useState(null),r=u.useCallback(()=>{a({variables:{eventIds:[...n]},onCompleted:o=>{i(o.exportEvents)}})},[a,n]);return s(U,{children:[e(V,{size:"S",leadingVisual:e(_,{svg:t?e(We,{}):e(Gt,{})}),"aria-label":"Export selection / cluster",isDisabled:t,onPress:r,children:t?"Exporting":"Export"}),e(ae,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:l!=null&&s(Z,{title:"Cluster Exports",size:"M",children:[e(Se,{variant:"success",banner:!0,title:"Export succeeded",extra:e(V,{variant:"success",size:"S",onPress:()=>{window.open(`/exports?filename=${l.fileName}`,"_self")},children:"Download"})}),s("div",{css:F`
|
|
3009
3009
|
display: flex;
|
|
3010
3010
|
flex-direction: column;
|
|
3011
3011
|
justify-content: space-between;
|
|
@@ -3015,7 +3015,7 @@ dataframe`,cb=F`
|
|
|
3015
3015
|
`,children:[e("p",{css:F`
|
|
3016
3016
|
margin: 0;
|
|
3017
3017
|
flex: 1 1 auto;
|
|
3018
|
-
`,children:"You can retrieve your export in your notebook via"}),e(C,{borderColor:"light",borderWidth:"thin",borderRadius:"medium",children:e(ub,{value:db})})]}),e(rn,{defaultExpandedKeys:["all-exports"],children:s(ge,{id:"all-exports",children:[e(me,{children:"Latest Exports"}),e(pe,{children:e(
|
|
3018
|
+
`,children:"You can retrieve your export in your notebook via"}),e(C,{borderColor:"light",borderWidth:"thin",borderRadius:"medium",children:e(ub,{value:db})})]}),e(rn,{defaultExpandedKeys:["all-exports"],children:s(ge,{id:"all-exports",children:[e(me,{children:"Latest Exports"}),e(pe,{children:e(u.Suspense,{fallback:e(Fe,{}),children:e(pb,{})})})]})})]})})]})}function pb(){const n=I.useLazyLoadQuery(Zd,{},{fetchPolicy:"network-only"});return e(Rt,{children:n.model.exportedFiles.map((a,t)=>e(Et,{children:s("div",{css:F`
|
|
3019
3019
|
display: flex;
|
|
3020
3020
|
flex-direction: row;
|
|
3021
3021
|
justify-content: space-between;
|
|
@@ -3049,7 +3049,7 @@ dataframe`,cb=F`
|
|
|
3049
3049
|
min-width: var(--grid-item-min-width);
|
|
3050
3050
|
height: var(--grid-item-height);
|
|
3051
3051
|
}
|
|
3052
|
-
`,children:t.map((p,
|
|
3052
|
+
`,children:t.map((p,f)=>{const m=i.get(p.id),{rawData:g=null,linkToData:y=null}=(m==null?void 0:m.embeddingMetadata)??{},{predictionLabel:k=null,actualLabel:b=null}=(m==null?void 0:m.eventMetadata)??{},S=kg(p.id),K=a(S),T=r[p.id],x=o[T];return e("li",{children:e(bg,{rawData:g,linkToData:y,inferencesName:K,group:T,onClick:()=>{l(p.id)},onMouseOver:()=>{c(p.id)},onMouseOut:()=>{c(null)},color:x,size:d,predictionLabel:k,actualLabel:b,promptAndResponse:p.promptAndResponse,documentText:p.documentText,autoPlay:!1})},f)})})})}function yb({data:n,onPointSelected:a}){const{primaryInferences:t,referenceInferences:l}=Ln(),i=H(f=>f.metric),[r,o]=u.useState([]),{columns:d,tableData:c}=u.useMemo(()=>{const f=n.filter(x=>x.id.includes("CORPUS")===!1);let m=!1,g=!1,y=!1,k=!1,b=!1;n.forEach(x=>{x.linkToData&&(m=!0),x.rawData&&(g=!0),(x.prompt||x.response)&&(y=!0),x.predictionLabel&&(k=!0),x.actualLabel&&(b=!0)});const S=[];l&&S.push({header:"Inference Set",accessorKey:"id",size:50,cell:({getValue:x})=>e(fb,{id:x(),primaryInferencesName:t.name,referenceInferencesName:(l==null?void 0:l.name)??"reference"})}),m&&S.push({header:"Link",accessorKey:"linkToData",cell:({getValue:x})=>{const L=x();if(typeof L=="string"){const P=L.split("/").pop();return e(sn,{href:L,children:P})}return null}}),y?(S.push({header:"Prompt",accessorKey:"prompt",cell:Ee,size:200}),S.push({header:"Response",accessorKey:"response",cell:Ee,size:200})):g&&S.push({header:"Raw Data",accessorKey:"rawData"}),k&&S.push({header:"Prediction Label",accessorKey:"predictionLabel",size:50}),b&&S.push({header:"Actual Label",accessorKey:"actualLabel",size:50});const K=[];if(i&&i.type==="dataQuality"){const x=i.dimension.name;K.push({header:i.dimension.name,accessorKey:"metric",cell:Sg,sortingFn:"basic"}),f.forEach(L=>{var D;const P=(D=L.dimensions.find($=>$.dimension.name===x))==null?void 0:D.value;L.metric=P!=null?Number(P):null})}return{columns:[...S,...K,{header:"",id:"view-details",size:50,cell:({row:x})=>e(V,{"aria-label":"view point details",size:"S",onPress:()=>{a(x.original.id)},children:"view details"})}],tableData:f}},[n,a,t,l,i]),p=Le({columns:d,data:c,state:{sorting:r},getCoreRowModel:we(),onSortingChange:o,getSortedRowModel:In()});return s("table",{css:dn,children:[e("thead",{children:p.getHeaderGroups().map(f=>e("tr",{children:f.headers.map(m=>s("th",{children:[m.isPlaceholder?null:s("div",{className:m.column.getCanSort()?"cursor-pointer":"",onClick:m.column.getToggleSortingHandler(),children:[J(m.column.columnDef.header,m.getContext()),m.column.getIsSorted()?e(_,{className:"sort-icon",svg:m.column.getIsSorted()==="asc"?e(un,{}):e(cn,{})}):null]}),e("div",{onMouseDown:m.getResizeHandler(),onTouchStart:m.getResizeHandler(),className:`resizer ${m.column.getIsResizing()?"isResizing":""}`,style:{transform:m.column.getIsResizing()?`translateX(${p.getState().columnSizingInfo.deltaOffset}px)`:""}})]},m.id))},f.id))}),e("tbody",{children:p.getRowModel().rows.map(f=>e("tr",{children:f.getVisibleCells().map(m=>e("td",{style:{width:m.column.getSize()},children:J(m.column.columnDef.cell,m.getContext())},m.id))},f.id))})]})}function fb({id:n,primaryInferencesName:a,referenceInferencesName:t}){const l=n.includes("PRIMARY"),i=Q1();return s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Cg,{shape:vg.circle,color:i[l?0:1]}),l?a:t]})}const hb=F`
|
|
3053
3053
|
width: 100%;
|
|
3054
3054
|
height: 100%;
|
|
3055
3055
|
position: relative;
|
|
@@ -3079,30 +3079,30 @@ dataframe`,cb=F`
|
|
|
3079
3079
|
}
|
|
3080
3080
|
}
|
|
3081
3081
|
}
|
|
3082
|
-
`;function kb({event:n,relevance:a}){return{id:n.eventMetadata.predictionId||"unknown id",text:n.documentText??"empty document",relevance:a}}function bb(){const n=H(P=>P.selectedEventIds),a=H(P=>P.setSelectedEventIds),t=H(P=>P.setSelectedClusterId),l=H(P=>P.selectionDisplay),[i,r]=he.useState(null),{primaryEventIds:o,referenceEventIds:d,corpusEventIds:c}=
|
|
3082
|
+
`;function kb({event:n,relevance:a}){return{id:n.eventMetadata.predictionId||"unknown id",text:n.documentText??"empty document",relevance:a}}function bb(){const n=H(P=>P.selectedEventIds),a=H(P=>P.setSelectedEventIds),t=H(P=>P.setSelectedClusterId),l=H(P=>P.selectionDisplay),[i,r]=he.useState(null),{primaryEventIds:o,referenceEventIds:d,corpusEventIds:c}=u.useMemo(()=>{const P=[],D=[],$=[];return n.forEach(R=>{R.includes("PRIMARY")?P.push(R):R.includes("CORPUS")?$.push(R):D.push(R)}),{primaryEventIds:P,referenceEventIds:D,corpusEventIds:$}},[n]),p=I.useLazyLoadQuery(Jd,{primaryEventIds:[...o],referenceEventIds:[...d],corpusEventIds:[...c]}),f=u.useMemo(()=>{var R,Q,z,A,j,Y;const P=((Q=(R=p.model)==null?void 0:R.primaryInferences)==null?void 0:Q.events)??[],D=((A=(z=p.model)==null?void 0:z.referenceInferences)==null?void 0:A.events)??[],$=((Y=(j=p.model)==null?void 0:j.corpusInferences)==null?void 0:Y.events)??[];return[...P,...D,...$]},[p]),m=()=>{a(new Set),t(null)},g=H(P=>P.eventIdToDataMap),y=H(P=>P.pointData),k=H(P=>P.selectionSearchText),b=u.useMemo(()=>f.map(P=>{var R,Q,z,A,j,Y,de;const D=g.get(P.id),$=[];return y!=null&&(D==null?void 0:D.retrievals)!=null&&D.retrievals.forEach(({documentId:be,relevance:wn})=>{const hn=y[be];hn!=null&&$.push(kb({event:hn,relevance:wn}))}),{id:P.id,predictionId:((R=P.eventMetadata)==null?void 0:R.predictionId)??null,actualLabel:((Q=P.eventMetadata)==null?void 0:Q.actualLabel)??null,actualScore:((z=P.eventMetadata)==null?void 0:z.actualScore)??null,predictionLabel:((A=P.eventMetadata)==null?void 0:A.predictionLabel)??null,predictionScore:((j=P.eventMetadata)==null?void 0:j.predictionScore)??null,rawData:(D==null?void 0:D.embeddingMetadata.rawData)??null,linkToData:(D==null?void 0:D.embeddingMetadata.linkToData)??null,dimensions:P.dimensions,prompt:((Y=P.promptAndResponse)==null?void 0:Y.prompt)??null,response:((de=P.promptAndResponse)==null?void 0:de.response)??null,retrievedDocuments:$,documentText:P.documentText??null}}),[f,g,y]),S=u.useMemo(()=>{if(k){const P=k.toLowerCase();return b.filter(D=>{var $,R,Q,z;return D.id.includes(P)||(($=D.documentText)==null?void 0:$.toLowerCase().includes(P))||((R=D.predictionId)==null?void 0:R.includes(P))||((Q=D.prompt)==null?void 0:Q.toLowerCase().includes(P))||((z=D.response)==null?void 0:z.toLowerCase().includes(P))})}return b},[b,k]),K=u.useMemo(()=>{if(k){const P=k.toLowerCase();return f.filter(D=>{var $,R,Q,z,A,j,Y;return D.id.includes(P)||(($=D.documentText)==null?void 0:$.toLowerCase().includes(P))||((Q=(R=D.eventMetadata)==null?void 0:R.predictionId)==null?void 0:Q.includes(P))||((A=(z=D.promptAndResponse)==null?void 0:z.prompt)==null?void 0:A.toLowerCase().includes(P))||((Y=(j=D.promptAndResponse)==null?void 0:j.response)==null?void 0:Y.toLowerCase().includes(P))})}return f},[f,k]),T=u.useMemo(()=>i?b.find(D=>D.id===i)??null:null,[b,i]),x=f.length,L=K.length;return s("section",{css:hb,children:[s("div",{role:"toolbar",css:F`
|
|
3083
3083
|
position: absolute;
|
|
3084
3084
|
top: var(--ac-global-dimension-static-size-100);
|
|
3085
3085
|
right: var(--ac-global-dimension-static-size-200);
|
|
3086
3086
|
display: flex;
|
|
3087
3087
|
flex-direction: row-reverse;
|
|
3088
3088
|
gap: var(--ac-global-dimension-static-size-100);
|
|
3089
|
-
`,children:[e(V,{size:"S",leadingVisual:e(_,{svg:e(Hm,{})}),"aria-label":"Clear selection",onPress:
|
|
3089
|
+
`,children:[e(V,{size:"S",leadingVisual:e(_,{svg:e(Hm,{})}),"aria-label":"Clear selection",onPress:m}),e(mb,{})]}),s(Ge,{children:[e(He,{children:e(ne,{id:"selection",children:"Selection"})}),s(ba,{id:"selection",children:[e(Sb,{numSelectedEvents:x,numMatchingEvents:L,searchText:k}),l===Jr.list?e("div",{css:F`
|
|
3090
3090
|
flex: 1 1 auto;
|
|
3091
3091
|
overflow-y: auto;
|
|
3092
|
-
`,children:e(yb,{data:S,onPointSelected:r})}):e(gb,{events:K,onItemSelected:r})]})]}),e(ae,{type:"slideOver",isDismissable:!0,onDismiss:()=>r(null),children:T&&e(Z,{title:"Embedding Details",size:"L",children:e(tb,{event:T})})})]})}function Sb({numSelectedEvents:n,numMatchingEvents:a,searchText:t}){const l=H(p=>p.selectionDisplay),i=H(p=>p.setSelectionDisplay),r=H(p=>p.selectionGridSize),o=H(p=>p.setSelectionGridSize),d=H(p=>p.setSelectionSearchText),c=
|
|
3092
|
+
`,children:e(yb,{data:S,onPointSelected:r})}):e(gb,{events:K,onItemSelected:r})]})]}),e(ae,{type:"slideOver",isDismissable:!0,onDismiss:()=>r(null),children:T&&e(Z,{title:"Embedding Details",size:"L",children:e(tb,{event:T})})})]})}function Sb({numSelectedEvents:n,numMatchingEvents:a,searchText:t}){const l=H(p=>p.selectionDisplay),i=H(p=>p.setSelectionDisplay),r=H(p=>p.selectionGridSize),o=H(p=>p.setSelectionGridSize),d=H(p=>p.setSelectionSearchText),c=u.useMemo(()=>t?`${a}/${n} match "${t}"`:`${n} selected`,[n,a,t]);return e(Yl,{extra:s("div",{css:F`
|
|
3093
3093
|
display: flex;
|
|
3094
3094
|
flex-direction: row;
|
|
3095
3095
|
gap: var(--ac-global-dimension-static-size-100);
|
|
3096
|
-
`,children:[e(Gm,{placeholder:"Search by text or ID",onChange:p=>{d(p)}}),l===
|
|
3096
|
+
`,children:[e(Gm,{placeholder:"Search by text or ID",onChange:p=>{d(p)}}),l===Jr.gallery&&e(Fg,{size:r,onChange:o}),e(Kg,{mode:l,onChange:p=>{i(p)}})]}),children:e(v,{children:c})})}const Yd=qd;function k2(){const{referenceInferences:n,corpusInferences:a}=Ln(),{timeRange:t}=Qn(),l=u.useMemo(()=>{let i={};return a!=null?i=Ig():n!=null?i=xg():i=Dg(),i={...i,umapParameters:{...window.Config.UMAP}},i},[a,n]);return e(Zr,{initialTimestamp:t.end,children:e(_g,{...l,children:e(vb,{})})})}function vb(){const n=j1(),{primaryInferences:a,referenceInferences:t}=Ln(),l=H(K=>K.umapParameters),i=H(K=>K.getHDSCANParameters),r=H(K=>K.getMetric),o=H(K=>K.reset),d=H(K=>K.setLoading),[c,p]=u.useState(!0),[f,m,g]=I.useQueryLoader(Yd),{selectedTimestamp:y}=Wt(),k=u.useMemo(()=>y??new Date(a.endTime),[y,a.endTime]),b=u.useMemo(()=>({start:hr(k,2).toISOString(),end:k.toISOString()}),[k]),S=I.useLazyLoadQuery(jd,{});return u.useEffect(()=>{o(),d(!0);const K=r();return m({id:n,timeRange:b,...l,...i(),fetchDataQualityMetric:K.type==="dataQuality",fetchPerformanceMetric:K.type==="performance",dataQualityMetricColumnName:K.type==="dataQuality"?K.dimension.name:null,performanceMetric:K.type==="performance"?K.metric:"accuracyScore"},{fetchPolicy:"network-only"}),()=>{g()}},[d,o,n,m,g,l,i,r,b]),s("main",{css:F`
|
|
3097
3097
|
flex: 1 1 auto;
|
|
3098
3098
|
display: flex;
|
|
3099
3099
|
flex-direction: column;
|
|
3100
3100
|
overflow: hidden;
|
|
3101
|
-
`,children:[e(xb,{}),s(
|
|
3101
|
+
`,children:[e(xb,{}),s(Yl,{extra:s(h,{direction:"row",justifyContent:"center",alignItems:"center",gap:"size-100",children:[e(Fa,{onChange:K=>{p(K)},defaultSelected:!0,labelPlacement:"start",children:"Show Timeseries"}),e(B1,{})]}),children:[e(Br,{}),t?e(Ur,{inferencesRole:"reference",timeRange:{start:new Date(t.startTime),end:new Date(t.endTime)}}):null,e(W1,{model:S.model})]}),s(yn,{direction:"vertical",children:[c?s(U,{children:[e(_e,{defaultSize:20,collapsible:!0,order:1,children:e(u.Suspense,{fallback:e(Fe,{}),children:e(eb,{embeddingDimensionId:n})})}),e(Cn,{css:Na})]}):null,e(_e,{order:2,children:e("div",{css:F`
|
|
3102
3102
|
width: 100%;
|
|
3103
3103
|
height: 100%;
|
|
3104
3104
|
position: relative;
|
|
3105
|
-
`,children:e(
|
|
3105
|
+
`,children:e(u.Suspense,{fallback:e(Lg,{}),children:f?e(Fb,{queryReference:f}):null})})})]})]})}function Cb(n){if(n.__typename!=="Point3D")throw new Error(`Expected Point3D but got ${n.__typename} for coordinates`);return[n.x,n.y,n.z]}function Fb({queryReference:n}){const a=I.usePreloadedQuery(Yd,n),t=u.useMemo(()=>{var p,f;return((f=(p=a.embedding)==null?void 0:p.UMAPPoints)==null?void 0:f.data)??[]},[a]),l=u.useMemo(()=>{var p,f;return((f=(p=a.embedding)==null?void 0:p.UMAPPoints)==null?void 0:f.referenceData)??[]},[a]),i=u.useMemo(()=>{var p,f;return((f=(p=a.embedding)==null?void 0:p.UMAPPoints)==null?void 0:f.corpusData)??[]},[a]),r=u.useMemo(()=>{var p,f;return((f=(p=a.embedding)==null?void 0:p.UMAPPoints)==null?void 0:f.contextRetrievals)??[]},[a]),o=u.useMemo(()=>[...t,...l,...i].map(f=>({...f,position:Cb(f.coordinates),metaData:{id:f.eventId}})),[l,t,i]),d=H(p=>p.setInitialData),c=H(p=>p.setClusters);return Am(()=>{var f,m;const p=((m=(f=a.embedding)==null?void 0:f.UMAPPoints)==null?void 0:m.clusters)||[];d({points:o,clusters:p,retrievals:r})},[o,n,r,d,c]),e("div",{css:F`
|
|
3106
3106
|
flex: 1 1 auto;
|
|
3107
3107
|
display: flex;
|
|
3108
3108
|
flex-direction: row;
|
|
@@ -3149,17 +3149,17 @@ dataframe`,cb=F`
|
|
|
3149
3149
|
left: 0;
|
|
3150
3150
|
bottom: 0;
|
|
3151
3151
|
right: 0;
|
|
3152
|
-
`,"data-testid":"selection-panel",children:s(yn,{direction:"vertical",children:[e(_e,{}),e(Cn,{css:Na,style:{zIndex:1}}),e(_e,{id:"embedding-point-selection",defaultSize:40,minSize:20,order:2,style:{zIndex:1},children:e(Tb,{children:e(
|
|
3152
|
+
`,"data-testid":"selection-panel",children:s(yn,{direction:"vertical",children:[e(_e,{}),e(Cn,{css:Na,style:{zIndex:1}}),e(_e,{id:"embedding-point-selection",defaultSize:40,minSize:20,order:2,style:{zIndex:1},children:e(Tb,{children:e(u.Suspense,{fallback:e(Fe,{}),children:e(bb,{})})})})]})})}function Tb(n){return e("div",{css:F`
|
|
3153
3153
|
background-color: var(--ac-global-color-grey-75);
|
|
3154
3154
|
width: 100%;
|
|
3155
3155
|
height: 100%;
|
|
3156
|
-
`,children:n.children})}const Pb=he.memo(function(){const{referenceInferences:a}=Ln(),t=H(
|
|
3156
|
+
`,children:n.children})}const Pb=he.memo(function(){const{referenceInferences:a}=Ln(),t=H(m=>m.clusters),l=H(m=>m.selectedClusterId),i=H(m=>m.metric),r=H(m=>m.setSelectedClusterId),o=H(m=>m.setSelectedEventIds),d=H(m=>m.setHighlightedClusterId),c=H(m=>m.setClusterColorMode),p=a==null||i.type==="drift",f=u.useCallback(m=>{c(m==="configuration"?Mi.highlight:Mi.default)},[c]);return s(Ge,{onSelectionChange:m=>f(m),children:[s(He,{children:[s(ne,{id:"clusters",children:["Clusters ",e(fn,{children:t.length})]}),e(ne,{id:"configuration",children:"Configuration"})]}),e(ba,{id:"clusters",children:s(h,{direction:"column",height:"100%",children:[e(C,{borderBottomColor:"dark",borderBottomWidth:"thin",backgroundColor:"dark",flex:"none",padding:"size-50",children:e(h,{direction:"row",justifyContent:"end",children:e(q1,{})})}),e(C,{flex:"1 1 auto",overflow:"auto",children:e("ul",{css:F`
|
|
3157
3157
|
flex: 1 1 auto;
|
|
3158
3158
|
display: flex;
|
|
3159
3159
|
flex-direction: column;
|
|
3160
3160
|
gap: var(--ac-global-dimension-size-100);
|
|
3161
3161
|
margin: var(--ac-global-dimension-size-100);
|
|
3162
|
-
`,children:t.map(
|
|
3162
|
+
`,children:t.map(m=>e("li",{children:e(Tg,{clusterId:m.id,numPoints:m.eventIds.length,isSelected:l===m.id,driftRatio:m.driftRatio,primaryToCorpusRatio:m.primaryToCorpusRatio,primaryMetricValue:m.primaryMetricValue,referenceMetricValue:m.referenceMetricValue,metricName:Ib(i),hideReference:p,onClick:()=>{l!==m.id?(r(m.id),o(new Set(m.eventIds))):(r(null),o(new Set))},onMouseEnter:()=>{d(m.id)},onMouseLeave:()=>{d(null)}})},m.id))})})]})}),e(ba,{id:"configuration",children:e(C,{overflow:"auto",height:"100%",children:e(Pg,{})})})]})});function Ib(n){const{type:a,metric:t}=n;switch(a){case"dataQuality":return`${n.dimension.name} avg`;case"drift":{switch(t){case"euclideanDistance":return"Cluster Drift";default:Ce()}break}case"performance":return ha(t);case"retrieval":{switch(t){case"queryDistance":return"% Query";default:Ce()}break}default:Ce()}}function xb(){const{notifyError:n}=Hr(),a=H(l=>l.errorMessage),t=H(l=>l.setErrorMessage);return u.useEffect(()=>{a!==null&&n({title:"An error occurred",message:a,action:{text:"Dismiss",onClick:()=>{t(null)}}})},[a,n,t]),null}const ec=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"embeddingLoaderQuery",selections:[{alias:"embedding",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[t,l],type:"EmbeddingDimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"embeddingLoaderQuery",selections:[{alias:"embedding",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[l],type:"EmbeddingDimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"cff0ac130f1ef79784f7bef4161ac60d",id:null,metadata:{},name:"embeddingLoaderQuery",operationKind:"query",text:`query embeddingLoaderQuery(
|
|
3163
3163
|
$id: GlobalID!
|
|
3164
3164
|
) {
|
|
3165
3165
|
embedding: node(id: $id) {
|
|
@@ -3172,7 +3172,7 @@ dataframe`,cb=F`
|
|
|
3172
3172
|
id
|
|
3173
3173
|
}
|
|
3174
3174
|
}
|
|
3175
|
-
`}}}();ec.hash="c049e57d92943f64b5e751e0daa89dc8";async function b2(n){const{embeddingDimensionId:a}=n.params;return I.fetchQuery(Ke,ec,{id:a}).toPromise()}const nc=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"hasReference"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"Variable",name:"timeRange",variableName:"timeRange"},o=[r],d=[{kind:"Variable",name:"hasReference",variableName:"hasReference"},r],c={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},p=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null}],
|
|
3175
|
+
`}}}();ec.hash="c049e57d92943f64b5e751e0daa89dc8";async function b2(n){const{embeddingDimensionId:a}=n.params;return I.fetchQuery(Ke,ec,{id:a}).toPromise()}const nc=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"hasReference"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"Variable",name:"timeRange",variableName:"timeRange"},o=[r],d=[{kind:"Variable",name:"hasReference",variableName:"hasReference"},r],c={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},p=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null}],f={kind:"Literal",name:"metric",value:"cardinality"},m={kind:"Literal",name:"metric",value:"percentEmpty"},g={kind:"Literal",name:"inferencesRole",value:"reference"};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DimensionPageQuery",selections:[{alias:"dimension",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[i,{args:o,kind:"FragmentSpread",name:"DimensionSegmentsBarChart_dimension"},{args:o,kind:"FragmentSpread",name:"DimensionCountStats_dimension"},{args:o,kind:"FragmentSpread",name:"DimensionDriftStats_dimension"},{args:d,kind:"FragmentSpread",name:"DimensionCardinalityStats_dimension"},{args:d,kind:"FragmentSpread",name:"DimensionPercentEmptyStats_dimension"},{args:o,kind:"FragmentSpread",name:"DimensionQuantilesStats_dimension"}],type:"Dimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"DimensionPageQuery",selections:[{alias:"dimension",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[c,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"primaryTimeRange",variableName:"timeRange"}],concreteType:"Segments",kind:"LinkedField",name:"segmentsComparison",plural:!1,selections:[{alias:null,args:null,concreteType:"Segment",kind:"LinkedField",name:"segments",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"bin",plural:!1,selections:[c,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],type:"NominalBin",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"NumericRange",kind:"LinkedField",name:"range",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"start",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"end",storageKey:null}],storageKey:null}],type:"IntervalBin",abstractKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"counts",plural:!1,selections:p,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"totalCounts",plural:!1,selections:p,storageKey:null}],storageKey:null},{alias:"count",args:[{kind:"Literal",name:"metric",value:"count"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"psi",args:[{kind:"Literal",name:"metric",value:"psi"},r],kind:"ScalarField",name:"driftMetric",storageKey:null},{alias:"cardinality",args:[f,r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"percentEmpty",args:[m,r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p99",args:[{kind:"Literal",name:"metric",value:"p99"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p75",args:[{kind:"Literal",name:"metric",value:"p75"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p50",args:[{kind:"Literal",name:"metric",value:"p50"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p25",args:[{kind:"Literal",name:"metric",value:"p25"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p1",args:[{kind:"Literal",name:"metric",value:"p01"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{condition:"hasReference",kind:"Condition",passingValue:!0,selections:[{alias:"referenceCardinality",args:[g,f],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"cardinality")'},{alias:"referencePercentEmpty",args:[g,m],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"percentEmpty")'}]}],type:"Dimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"2ad937e56d4647309b9d78ac11f57265",id:null,metadata:{},name:"DimensionPageQuery",operationKind:"query",text:`query DimensionPageQuery(
|
|
3176
3176
|
$dimensionId: GlobalID!
|
|
3177
3177
|
$timeRange: TimeRange!
|
|
3178
3178
|
$hasReference: Boolean!
|
|
@@ -3289,7 +3289,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
3289
3289
|
}
|
|
3290
3290
|
}
|
|
3291
3291
|
}
|
|
3292
|
-
`}}}();rc.hash="9677ef7c6b298554824fe3fd3904c7aa";const Rb=new Intl.NumberFormat([],{maximumFractionDigits:2}),sc=()=>{const{gray300:n}=jn();return{barColor:n}};function Mb({active:n,payload:a,label:t}){var i;const{barColor:l}=sc();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?Rb.format(r):"--";return s(zn,{children:[e(v,{weight:"heavy",size:"S",children:`${$n(new Date(t))}`}),e(Ne,{color:l,shape:"square",name:"Count",value:o})]})}return null}function Vb({dimensionId:n}){var c;const{timeRange:a}=Qn(),t=Oa(a),r=(((c=I.useLazyLoadQuery(rc,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},countGranularity:t}).embedding.trafficTimeSeries)==null?void 0:c.data)||[]).map(p=>({...p,timestamp:new Date(p.timestamp).valueOf()})),o=Qa({samplingIntervalMinutes:t.samplingIntervalMinutes}),{barColor:d}=sc();return e(Bn,{width:"100%",height:"100%",children:s(
|
|
3292
|
+
`}}}();rc.hash="9677ef7c6b298554824fe3fd3904c7aa";const Rb=new Intl.NumberFormat([],{maximumFractionDigits:2}),sc=()=>{const{gray300:n}=jn();return{barColor:n}};function Mb({active:n,payload:a,label:t}){var i;const{barColor:l}=sc();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?Rb.format(r):"--";return s(zn,{children:[e(v,{weight:"heavy",size:"S",children:`${$n(new Date(t))}`}),e(Ne,{color:l,shape:"square",name:"Count",value:o})]})}return null}function Vb({dimensionId:n}){var c;const{timeRange:a}=Qn(),t=Oa(a),r=(((c=I.useLazyLoadQuery(rc,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},countGranularity:t}).embedding.trafficTimeSeries)==null?void 0:c.data)||[]).map(p=>({...p,timestamp:new Date(p.timestamp).valueOf()})),o=Qa({samplingIntervalMinutes:t.samplingIntervalMinutes}),{barColor:d}=sc();return e(Bn,{width:"100%",height:"100%",children:s(ti,{data:r,margin:kt,syncId:"dimensionDetails",children:[e("defs",{children:s("linearGradient",{id:"countBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:d,stopOpacity:1}),e("stop",{offset:"95%",stopColor:d,stopOpacity:.5})]})}),e(ma,{...ja,tickFormatter:p=>o(new Date(p))}),e(Pn,{stroke:"var(--ac-global-color-grey-500)",label:{value:"Count",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(pa,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(qn,{...ei,content:e(Mb,{})}),e(Ra,{dataKey:"value",fill:"url(#countBarColor)",spacing:5})]})})}const oc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"dimensionId"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"dimensionId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l=[{kind:"Variable",name:"primaryTimeRange",variableName:"timeRange"}],i={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},o={alias:null,args:null,concreteType:"NumericRange",kind:"LinkedField",name:"range",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"start",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"end",storageKey:null}],storageKey:null},d=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"referenceValue",storageKey:null}],c={alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"counts",plural:!1,selections:d,storageKey:null},p={alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"totalCounts",plural:!1,selections:d,storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DimensionDriftBreakdownSegmentBarChartQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[{kind:"RequiredField",field:{alias:null,args:l,concreteType:"Segments",kind:"LinkedField",name:"segmentsComparison",plural:!1,selections:[{alias:null,args:null,concreteType:"Segment",kind:"LinkedField",name:"segments",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"bin",plural:!1,selections:[{kind:"InlineFragment",selections:[i,r],type:"NominalBin",abstractKey:null},{kind:"InlineFragment",selections:[i,o],type:"IntervalBin",abstractKey:null},{kind:"InlineFragment",selections:[i],type:"MissingValueBin",abstractKey:null}],storageKey:null},c],storageKey:null},p],storageKey:null},action:"THROW"}],type:"Dimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DimensionDriftBreakdownSegmentBarChartQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,t,{kind:"InlineFragment",selections:[{alias:null,args:l,concreteType:"Segments",kind:"LinkedField",name:"segmentsComparison",plural:!1,selections:[{alias:null,args:null,concreteType:"Segment",kind:"LinkedField",name:"segments",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"bin",plural:!1,selections:[i,{kind:"InlineFragment",selections:[r],type:"NominalBin",abstractKey:null},{kind:"InlineFragment",selections:[o],type:"IntervalBin",abstractKey:null}],storageKey:null},c],storageKey:null},p],storageKey:null}],type:"Dimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"7d11d88f419003f5ee8cd9d11312e427",id:null,metadata:{},name:"DimensionDriftBreakdownSegmentBarChartQuery",operationKind:"query",text:`query DimensionDriftBreakdownSegmentBarChartQuery(
|
|
3293
3293
|
$dimensionId: GlobalID!
|
|
3294
3294
|
$timeRange: TimeRange!
|
|
3295
3295
|
) {
|
|
@@ -3329,7 +3329,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
3329
3329
|
}
|
|
3330
3330
|
}
|
|
3331
3331
|
}
|
|
3332
|
-
`}}}();oc.hash="6bb76e3cce4ee28c333e485b3aa2dffd";const
|
|
3332
|
+
`}}}();oc.hash="6bb76e3cce4ee28c333e485b3aa2dffd";const ir=_l(".2f"),dc=()=>{const{primary:n,reference:a}=jn();return{primaryBarColor:n,referenceBarColor:a}};function Ab({active:n,payload:a,label:t}){var r,o,d,c,p,f;const{primaryBarColor:l,referenceBarColor:i}=dc();if(n&&a&&a.length){const m=(o=(r=a[0])==null?void 0:r.payload)==null?void 0:o.primaryName,g=(d=a[0])==null?void 0:d.value,y=(p=(c=a[0])==null?void 0:c.payload)==null?void 0:p.referenceName,k=(f=a[1])==null?void 0:f.value;return s(zn,{children:[e(v,{elementType:"h3",size:"S",weight:"heavy",children:t}),e(Ne,{color:l,shape:"square",name:m,value:g!=null?`${ir(g)}%`:"--"}),e(Ne,{color:i,shape:"square",name:y,value:k!=null?`${ir(k)}%`:"--"})]})}return null}function zb(n){var g,y,k,b,S;const{primaryInferences:a,referenceInferences:t}=Ln(),l=a.name,i=(t==null?void 0:t.name)||"reference",{selectedTimestamp:r}=Wt(),o=u.useMemo(()=>r??new Date(a.endTime),[r,a.endTime]),d=u.useMemo(()=>({start:hr(o,2).toISOString(),end:o.toISOString()}),[o]),c=I.useLazyLoadQuery(oc,{dimensionId:n.dimensionId,timeRange:d}),p=u.useMemo(()=>{var L,P,D,$,R;const K=((L=c.dimension.segmentsComparison)==null?void 0:L.segments)??[],T=((D=(P=c.dimension.segmentsComparison)==null?void 0:P.totalCounts)==null?void 0:D.primaryValue)??0,x=((R=($=c.dimension.segmentsComparison)==null?void 0:$.totalCounts)==null?void 0:R.referenceValue)??0;return K.map(Q=>{var be,wn;const z=((be=Q.counts)==null?void 0:be.primaryValue)??0,A=((wn=Q.counts)==null?void 0:wn.referenceValue)??0,j=Xr(Q.bin),Y=z/T*100,de=A/x*100;return{name:j,primaryName:l,referenceName:i,primaryPercent:Y,referencePercent:de}})},[(g=c.dimension.segmentsComparison)==null?void 0:g.segments,(k=(y=c.dimension.segmentsComparison)==null?void 0:y.totalCounts)==null?void 0:k.primaryValue,(S=(b=c.dimension.segmentsComparison)==null?void 0:b.totalCounts)==null?void 0:S.referenceValue,l,i]),{primaryBarColor:f,referenceBarColor:m}=dc();return s(h,{direction:"column",height:"100%",children:[e(C,{flex:"none",paddingTop:"size-100",paddingStart:"size-200",children:e(v,{elementType:"h3",size:"S",color:"text-700",children:`Distribution comparison at ${$n(new Date(d.end))}`})}),e(C,{flex:!0,children:e(Bn,{children:s(ti,{data:p,margin:{top:15,right:18,left:18,bottom:5},children:[s("defs",{children:[s("linearGradient",{id:"dimensionPrimarySegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:f,stopOpacity:1}),e("stop",{offset:"95%",stopColor:f,stopOpacity:.5})]}),s("linearGradient",{id:"dimensionReferenceSegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:m,stopOpacity:1}),e("stop",{offset:"95%",stopColor:m,stopOpacity:.5})]})]}),e(ma,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(Pn,{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(pa,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)"}),e(qn,{...ei,content:e(Ab,{})}),e(Ra,{dataKey:"primaryPercent",fill:"url(#dimensionPrimarySegmentsBarColor)"}),e(Ra,{dataKey:"referencePercent",fill:"url(#dimensionReferenceSegmentsBarColor)"})]})})})]})}const cc={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};cc.hash="f8a9fb08a14f63906e38bc247d50b189";const Nb=s(Aa,{variant:"info",placement:"top end",children:[e(se,{weight:"heavy",level:4,children:"Population Stability Index"}),e(ia,{children:e(v,{children:"PSI is a symmetric metric that measures the relative entropy, or difference in information represented by two distributions. It can be thought of as measuring the distance between two data distributions showing how different the two distributions are from each other."})}),e("footer",{children:e(sn,{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 $b(n){const a=I.useFragment(cc,n.dimension);return s(U,{children:[s(h,{direction:"row",alignItems:"center",gap:"size-25",children:[e(v,{elementType:"h3",size:"XS",color:"text-700",children:"PSI"}),Nb]}),e(v,{size:"L",children:_a(a.psi)})]})}const uc=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},t={defaultValue:null,kind:"LocalArgument",name:"driftGranularity"},l={defaultValue:null,kind:"LocalArgument",name:"timeRange"},i=[{kind:"Variable",name:"id",variableName:"dimensionId"}],r={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},o={kind:"Variable",name:"timeRange",variableName:"timeRange"},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"},o],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"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:d,storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t,l],kind:"Fragment",metadata:null,name:"DimensionDriftTimeSeriesQuery",selections:[{alias:"embedding",args:i,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[r,c],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,l,t,n],kind:"Operation",name:"DimensionDriftTimeSeriesQuery",selections:[{alias:"embedding",args:i,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r,c],storageKey:null}]},params:{cacheID:"af2d25e28675891b3c8a6bc75027f731",id:null,metadata:{},name:"DimensionDriftTimeSeriesQuery",operationKind:"query",text:`query DimensionDriftTimeSeriesQuery(
|
|
3333
3333
|
$dimensionId: GlobalID!
|
|
3334
3334
|
$timeRange: TimeRange!
|
|
3335
3335
|
$driftGranularity: Granularity!
|
|
@@ -3362,7 +3362,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
3362
3362
|
gap: var(--ac-global-dimension-static-size-50);
|
|
3363
3363
|
|
|
3364
3364
|
margin-top: var(--ac-global-dimension-static-size-50);
|
|
3365
|
-
`,children:[e(_,{svg:e(Vn,{})}),e("span",{children:"Click to view details"})]})]})}return null}function Qb({dimensionId:n}){var
|
|
3365
|
+
`,children:[e(_,{svg:e(Vn,{})}),e("span",{children:"Click to view details"})]})]})}return null}function Qb({dimensionId:n}){var y,k;const{timeRange:a}=Qn(),{selectedTimestamp:t,setSelectedTimestamp:l}=Wt(),i=Oa(a),r=I.useLazyLoadQuery(uc,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},driftGranularity:Gr(a),countGranularity:i}),o=((y=r.embedding.driftTimeSeries)==null?void 0:y.data)||[],d=((k=r.embedding.trafficTimeSeries)==null?void 0:k.data.reduce((b,S)=>(b[S.timestamp]=S.value,b),{}))??{},c=o.map(b=>{const S=d[b.timestamp];return{...b,traffic:S,timestamp:new Date(b.timestamp).valueOf()}}),p=Qa({samplingIntervalMinutes:i.samplingIntervalMinutes}),f=u.useCallback(b=>{const{activePayload:S}=b;if(S!=null&&S.length>0){const K=S[0].payload;l(new Date(K.timestamp))}},[l]),{color:m,barColor:g}=mc();return e(Bn,{width:"100%",height:"100%",children:s(ft,{data:c,margin:kt,onClick:f,syncId:"dimensionDetails",children:[s("defs",{children:[s("linearGradient",{id:"dimensionDriftColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:m,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:m,stopOpacity:0})]}),s("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:g,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:g,stopOpacity:0})]})]}),e(ma,{...ja,tickFormatter:b=>p(new Date(b))}),e(Pn,{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(Pn,{yAxisId:"right",orientation:"right",tick:!1,tickLine:!1,width:0}),e(pa,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(qn,{content:e(Ob,{})}),e(Ra,{yAxisId:"right",dataKey:"traffic",fill:"url(#barColor)",spacing:5}),e(dt,{type:"monotone",dataKey:"value",stroke:m,fillOpacity:1,fill:"url(#dimensionDriftColorUv)"}),t!=null?e(ps,{...Wr,x:t.getTime()}):null]})})}const pc=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}}();pc.hash="1e10d0449d6607d9292f355548c41c78";function jb(n){const a=I.useFragment(pc,n.dimension);return s(U,{children:[e(v,{elementType:"h3",size:"XS",color:"text-700",children:"% Empty"}),e(v,{size:"L",children:It(a.percentEmpty)}),a.referencePercentEmpty!=null&&e(v,{size:"M",color:"purple-800",children:It(a.referencePercentEmpty)})]})}const gc=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"granularity"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"InlineFragment",selections:[{alias:"percentEmptyTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"granularity"},{kind:"Literal",name:"metric",value:"percentEmpty"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DimensionPercentEmptyTimeSeriesQuery",selections:[{alias:"embedding",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"DimensionPercentEmptyTimeSeriesQuery",selections:[{alias:"embedding",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,r],storageKey:null}]},params:{cacheID:"9be05c72f19755036f4829777a96f97d",id:null,metadata:{},name:"DimensionPercentEmptyTimeSeriesQuery",operationKind:"query",text:`query DimensionPercentEmptyTimeSeriesQuery(
|
|
3366
3366
|
$dimensionId: GlobalID!
|
|
3367
3367
|
$timeRange: TimeRange!
|
|
3368
3368
|
$granularity: Granularity!
|
|
@@ -3388,7 +3388,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
3388
3388
|
display: flex;
|
|
3389
3389
|
flex-direction: column;
|
|
3390
3390
|
align-items: flex-end;
|
|
3391
|
-
`,children:[e(v,{elementType:"h3",size:"XS",color:"text-700",children:t}),e(v,{size:"S","data-raw":l,children:
|
|
3391
|
+
`,children:[e(v,{elementType:"h3",size:"XS",color:"text-700",children:t}),e(v,{size:"S","data-raw":l,children:Ul(l)})]},t)})})}const hc=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"granularity"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"Variable",name:"granularity",variableName:"granularity"},o={kind:"Variable",name:"timeRange",variableName:"timeRange"},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:"p99TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p99"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:d,storageKey:null},{alias:"p75TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p75"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:d,storageKey:null},{alias:"p50TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p50"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:d,storageKey:null},{alias:"p25TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p25"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:d,storageKey:null},{alias:"p01TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p01"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:d,storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DimensionQuantilesTimeSeriesQuery",selections:[{alias:"dimension",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,c],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"DimensionQuantilesTimeSeriesQuery",selections:[{alias:"dimension",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,c],storageKey:null}]},params:{cacheID:"0bb3d9faf9d7f0c2e27995120ae24e1c",id:null,metadata:{},name:"DimensionQuantilesTimeSeriesQuery",operationKind:"query",text:`query DimensionQuantilesTimeSeriesQuery(
|
|
3392
3392
|
$dimensionId: GlobalID!
|
|
3393
3393
|
$timeRange: TimeRange!
|
|
3394
3394
|
$granularity: Granularity!
|
|
@@ -3430,14 +3430,14 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
3430
3430
|
}
|
|
3431
3431
|
}
|
|
3432
3432
|
}
|
|
3433
|
-
`}}}();hc.hash="134f0dad0e0ecc7863dfbb0f437d829b";const Gb=_l("~s");var kc=(n=>(n.p99_p01="p99_p01",n.p75_p25="p75_p25",n.p50="p50",n))(kc||{});const Wb=new Intl.NumberFormat([],{maximumFractionDigits:2});function Xa(n){return typeof n=="number"?Wb.format(n):"--"}const bc=()=>{const n=jn();return{outerColor:n.gray500,innerColor:n.gray300,lineColor:n.default}};function Jb({active:n,payload:a,label:t}){const{outerColor:l,innerColor:i,lineColor:r}=bc();if(n&&a&&a.length){const o=a[0].payload;return s(zn,{children:[e(v,{weight:"heavy",size:"S",children:`${$n(new Date(t))}`}),e(Ne,{color:l,name:"p99",value:Xa(o.p99_p01[0])}),e(Ne,{color:i,name:"p75",value:Xa(o.p75_p25[0])}),e(Ne,{color:r,name:"p50",value:Xa(o.p50)}),e(Ne,{color:i,name:"p25",value:Xa(o.p75_p25[1])}),e(Ne,{color:l,name:"p01",value:Xa(o.p99_p01[1])})]})}return null}function Zb({dimensionId:n}){var x,L,P,D,$;const{timeRange:a}=Qn(),t=Oa(a),l=I.useLazyLoadQuery(hc,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:t}),i=((x=l.dimension.p99TimeSeries)==null?void 0:x.data.map(R=>R))||[],r=((L=l.dimension.p01TimeSeries)==null?void 0:L.data.map(R=>R))||[],o=((P=l.dimension.p75TimeSeries)==null?void 0:P.data.map(R=>R))||[],d=((D=l.dimension.p25TimeSeries)==null?void 0:D.data.map(R=>R))||[],c=(($=l.dimension.p50TimeSeries)==null?void 0:$.data.map(R=>R))||[],p=i.map((R,Q)=>({timestamp:new Date(R.timestamp).valueOf(),p99_p01:[R.value,r[Q].value],p75_p25:[o[Q].value,d[Q].value],p50:c[Q].value})),
|
|
3433
|
+
`}}}();hc.hash="134f0dad0e0ecc7863dfbb0f437d829b";const Gb=_l("~s");var kc=(n=>(n.p99_p01="p99_p01",n.p75_p25="p75_p25",n.p50="p50",n))(kc||{});const Wb=new Intl.NumberFormat([],{maximumFractionDigits:2});function Xa(n){return typeof n=="number"?Wb.format(n):"--"}const bc=()=>{const n=jn();return{outerColor:n.gray500,innerColor:n.gray300,lineColor:n.default}};function Jb({active:n,payload:a,label:t}){const{outerColor:l,innerColor:i,lineColor:r}=bc();if(n&&a&&a.length){const o=a[0].payload;return s(zn,{children:[e(v,{weight:"heavy",size:"S",children:`${$n(new Date(t))}`}),e(Ne,{color:l,name:"p99",value:Xa(o.p99_p01[0])}),e(Ne,{color:i,name:"p75",value:Xa(o.p75_p25[0])}),e(Ne,{color:r,name:"p50",value:Xa(o.p50)}),e(Ne,{color:i,name:"p25",value:Xa(o.p75_p25[1])}),e(Ne,{color:l,name:"p01",value:Xa(o.p99_p01[1])})]})}return null}function Zb({dimensionId:n}){var x,L,P,D,$;const{timeRange:a}=Qn(),t=Oa(a),l=I.useLazyLoadQuery(hc,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:t}),i=((x=l.dimension.p99TimeSeries)==null?void 0:x.data.map(R=>R))||[],r=((L=l.dimension.p01TimeSeries)==null?void 0:L.data.map(R=>R))||[],o=((P=l.dimension.p75TimeSeries)==null?void 0:P.data.map(R=>R))||[],d=((D=l.dimension.p25TimeSeries)==null?void 0:D.data.map(R=>R))||[],c=(($=l.dimension.p50TimeSeries)==null?void 0:$.data.map(R=>R))||[],p=i.map((R,Q)=>({timestamp:new Date(R.timestamp).valueOf(),p99_p01:[R.value,r[Q].value],p75_p25:[o[Q].value,d[Q].value],p50:c[Q].value})),f=Qa({samplingIntervalMinutes:t.samplingIntervalMinutes}),[m,g]=u.useState(Object.keys(kc).reduce((R,Q)=>(R[Q]=!1,R),{})),y=R=>{m[R.dataKey]||g({...m})},k=()=>{g({...m})},b=R=>{g({...m,[String(R.dataKey)]:!m[R.dataKey]})},{outerColor:S,innerColor:K,lineColor:T}=bc();return e(Bn,{width:"100%",height:"100%",children:s(ft,{data:p,margin:kt,syncId:"dimensionDetails",children:[s("defs",{children:[s("linearGradient",{id:"p99_p01ColorUV",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"10%",stopColor:S,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:S,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:S,stopOpacity:.7})]}),s("linearGradient",{id:"p75_p25ColorUV",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"10%",stopColor:K,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:K,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:K,stopOpacity:.7})]})]}),e(ma,{...ja,tickFormatter:R=>f(new Date(R))}),e(Pn,{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:R=>Gb(R),style:{fill:"var(--ac-global-text-color-700)"}}),e(pa,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(qn,{content:e(Jb,{})}),e(cy,{onClick:b,onMouseOver:y,onMouseOut:k}),e(dt,{type:"monotone",dataKey:"p99_p01",name:"p99 - p01",fillOpacity:1,fill:"url(#p99_p01ColorUV)",stroke:S,hide:m.p99_p01===!0}),e(dt,{type:"monotone",dataKey:"p75_p25",name:"p75 - p25",fillOpacity:1,stroke:K,fill:"url(#p75_p25ColorUV)",hide:m.p75_p25===!0}),e(gs,{type:"monotone",dataKey:"p50",stroke:T,hide:m.p50===!0})]})})}const Sc=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}}();Sc.hash="8cef9841e9a5bd7d0d50acb5db9028b0";const Xb=_l(".2f"),vc=()=>{const{primary:n}=jn();return{color:n}};function Yb({active:n,payload:a,label:t}){var i;const{color:l}=vc();if(n&&a&&a.length){const r=(i=a[0])==null?void 0:i.value;return e(zn,{children:e(Ne,{color:l,shape:"square",name:t,value:r!=null?`${Xb(r)}%`:"--"})})}return null}function eS(n){const a=I.useFragment(Sc,n.dimension),t=u.useMemo(()=>{var o,d,c;const i=((o=a.segmentsComparison)==null?void 0:o.segments)??[],r=((c=(d=a.segmentsComparison)==null?void 0:d.totalCounts)==null?void 0:c.primaryValue)??0;return i.map(p=>{var y;const f=((y=p.counts)==null?void 0:y.primaryValue)??0,m=Xr(p.bin),g=f/r*100;return{name:m,percent:g}})},[a]),{color:l}=vc();return e(Bn,{children:s(ti,{data:t,margin:{top:25,right:18,left:18,bottom:5},children:[e("defs",{children:s("linearGradient",{id:"dimensionSegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:l,stopOpacity:1}),e("stop",{offset:"95%",stopColor:l,stopOpacity:.5})]})}),e(ma,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(Pn,{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(pa,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(qn,{...ei,content:e(Yb,{})}),e(Ra,{dataKey:"percent",fill:"url(#dimensionSegmentsBarColor)",spacing:15})]})})}function S2(){const{dimensionId:n}=Be(),{timeRange:a}=Qn(),t=qe();Je(t);const{referenceInferences:l}=Ln(),i=l!==null,r=i,o=t.dimension.shape!=="continuous",d=t.dimension.dataType==="numeric",c=ue(),p=I.useLazyLoadQuery(nc,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},hasReference:i});if(!n)throw new Error("Dimension ID is required to display a dimension");return e(Zr,{initialTimestamp:new Date(a.end),children:e(ae,{type:"slideOver",isDismissable:!0,onDismiss:()=>c(-1),children:e(Z,{size:"L",title:t.dimension.name,children:e("main",{css:F`
|
|
3434
3434
|
padding: var(--ac-global-dimension-static-size-100);
|
|
3435
3435
|
display: flex;
|
|
3436
3436
|
flex-direction: column;
|
|
3437
3437
|
min-height: 400px;
|
|
3438
3438
|
overflow-y: auto;
|
|
3439
3439
|
height: 100%;
|
|
3440
|
-
`,children:e(
|
|
3440
|
+
`,children:e(u.Suspense,{fallback:e(Fe,{}),children:s(h,{direction:"column",gap:"size-100",children:[e(C,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:e(eS,{dimension:p.dimension})}),e(C,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600","data-testid":"dimension-count-time-series-view",children:s(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(Vb,{dimensionId:n}),e(fa,{children:e(Eb,{dimension:p.dimension})})]})}),r?e(C,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",children:s(h,{direction:"column",alignItems:"stretch",children:[e(C,{width:"100%",height:"size-1600",children:s(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(C,{flex:!0,children:e(Qb,{dimensionId:n})}),e(fa,{children:e($b,{dimension:p.dimension})})]})}),e(C,{height:"size-1600",width:"100%",borderTopColor:"dark",borderTopWidth:"thin",children:e(u.Suspense,{fallback:e(Fe,{}),children:e(zb,{dimensionId:n})})})]})}):null,d?e(C,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-3000",children:s(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(C,{flex:!0,children:e(Zb,{dimensionId:n})}),e(fa,{children:e(Hb,{dimension:p.dimension})})]})}):null,o?e(C,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:s(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(C,{flex:!0,children:e(wb,{dimensionId:n})}),e(fa,{children:e(Db,{dimension:p.dimension})})]})}):null,e(C,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:s(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(Ub,{dimensionId:n}),e(fa,{children:e(jb,{dimension:p.dimension})})]})})]})})})})})})}const Cc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"dataType",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"shape",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"dimensionLoaderQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[t,l,i,r],type:"Dimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"dimensionLoaderQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[l,i,r],type:"Dimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"03a9aafe3f08a9d093b029ff4a9e3253",id:null,metadata:{},name:"dimensionLoaderQuery",operationKind:"query",text:`query dimensionLoaderQuery(
|
|
3441
3441
|
$id: GlobalID!
|
|
3442
3442
|
) {
|
|
3443
3443
|
dimension: node(id: $id) {
|
|
@@ -3452,7 +3452,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
3452
3452
|
id
|
|
3453
3453
|
}
|
|
3454
3454
|
}
|
|
3455
|
-
`}}}();Cc.hash="5a662d77e69d2e9bb4eb2af4cad6b722";async function v2(n){const{dimensionId:a}=n.params;return I.fetchQuery(Ke,Cc,{id:a}).toPromise()}const C2=()=>{const n=rt(a=>a.defaultTab);return e(
|
|
3455
|
+
`}}}();Cc.hash="5a662d77e69d2e9bb4eb2af4cad6b722";async function v2(n){const{dimensionId:a}=n.params;return I.fetchQuery(Ke,Cc,{id:a}).toPromise()}const C2=()=>{const n=rt(a=>a.defaultTab);return e(kr,{to:n,replace:!0})},Fc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={kind:"Variable",name:"timeRange",variableName:"timeRange"},l=[t];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectPageQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"ProjectPageHeader_stats"},{args:null,kind:"FragmentSpread",name:"StreamToggle_data"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectPageQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:l,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:l,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:l,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:l,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},t],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:"latencyMsP99",args:[{kind:"Literal",name:"probability",value:.99},t],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentEvaluationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"streamingLastUpdatedAt",storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"662cf4bec023d1f6542eb6ab6e13ffc4",id:null,metadata:{},name:"ProjectPageQuery",operationKind:"query",text:`query ProjectPageQuery(
|
|
3456
3456
|
$id: GlobalID!
|
|
3457
3457
|
$timeRange: TimeRange!
|
|
3458
3458
|
) {
|
|
@@ -3481,7 +3481,7 @@ fragment StreamToggle_data on Project {
|
|
|
3481
3481
|
streamingLastUpdatedAt
|
|
3482
3482
|
id
|
|
3483
3483
|
}
|
|
3484
|
-
`}}}();Fc.hash="bc529abcda2506cd71b12e5f4d579f36";const Kc=
|
|
3484
|
+
`}}}();Fc.hash="bc529abcda2506cd71b12e5f4d579f36";const Kc=u.createContext(null);function Pa(){const n=he.useContext(Kc);if(n===null)throw new Error("useStreamState must be used within a StreamStateProvider");return n}function nS({initialFetchKey:n="initial",children:a}){const t=Kn(d=>d.traceStreamingEnabled),l=Kn(d=>d.setTraceStreamingEnabled),[i,r]=u.useState(n),o=u.useCallback(d=>{u.startTransition(()=>{r(d)})},[r]);return e(Kc.Provider,{value:{isStreaming:t,setIsStreaming:l,fetchKey:i,setFetchKey:o},children:a})}const Tc=function(){var n={defaultValue:null,kind:"LocalArgument",name:"id"},a={defaultValue:null,kind:"LocalArgument",name:"timeRange"},t=[{kind:"Variable",name:"id",variableName:"id"}],l={kind:"Variable",name:"timeRange",variableName:"timeRange"},i=[l];return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"ProjectPageHeaderQuery",selections:[{alias:null,args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"ProjectPageHeader_stats"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"ProjectPageHeaderQuery",selections:[{alias:null,args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:i,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:i,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:i,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:i,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},l],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:"latencyMsP99",args:[{kind:"Literal",name:"probability",value:.99},l],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentEvaluationNames",storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"2b81cd60d6a8a82b6814df7a5a658114",id:null,metadata:{},name:"ProjectPageHeaderQuery",operationKind:"query",text:`query ProjectPageHeaderQuery(
|
|
3485
3485
|
$timeRange: TimeRange
|
|
3486
3486
|
$id: GlobalID!
|
|
3487
3487
|
) {
|
|
@@ -3550,7 +3550,7 @@ fragment AnnotationSummaryValueFragment_4BTVrq on Project {
|
|
|
3550
3550
|
}
|
|
3551
3551
|
id
|
|
3552
3552
|
}
|
|
3553
|
-
`}}}();Dc.hash="6a15ba35fe9e1e35aa4c517ab6309a2b";function aS({annotationName:n}){var i,r;const{projectId:a}=Be(),{timeRange:t}=Zt(),l=I.useLazyLoadQuery(Dc,{annotationName:n,id:a,timeRange:{start:(i=t==null?void 0:t.start)==null?void 0:i.toISOString(),end:(r=t==null?void 0:t.end)==null?void 0:r.toISOString()}});return s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:n}),e(
|
|
3553
|
+
`}}}();Dc.hash="6a15ba35fe9e1e35aa4c517ab6309a2b";function aS({annotationName:n}){var i,r;const{projectId:a}=Be(),{timeRange:t}=Zt(),l=I.useLazyLoadQuery(Dc,{annotationName:n,id:a,timeRange:{start:(i=t==null?void 0:t.start)==null?void 0:i.toISOString(),end:(r=t==null?void 0:t.end)==null?void 0:r.toISOString()}});return s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:n}),e(u.Suspense,{fallback:e(v,{size:"L",children:"--"}),children:e(tS,{annotationName:n,project:l.project})})]})}function tS(n){var y,k;const{project:a,annotationName:t}=n,{fetchKey:l}=Pa(),[i,r]=I.useRefetchableFragment(xc,a);u.useEffect(()=>{u.startTransition(()=>{r({},{fetchPolicy:"store-and-network"})})},[l,r]);const o=jn(),c=[Yr(t),o.default,o.gray600,o.gray400,o.gray200],p=(y=i==null?void 0:i.spanAnnotationSummary)==null?void 0:y.meanScore,f=(k=i==null?void 0:i.spanAnnotationSummary)==null?void 0:k.labelFractions,m=typeof p=="number",g=Array.isArray(f)&&f.length>0;return!m&&!g?e(v,{size:"L",children:"--"}):s(ve,{delay:0,placement:"bottom",children:[e(Oe,{children:s(h,{direction:"row",alignItems:"center",gap:"size-50",children:[g?e(ms,{width:24,height:24,children:e(cs,{data:f,dataKey:"fraction",nameKey:"label",cx:"50%",cy:"50%",innerRadius:8,outerRadius:11,strokeWidth:0,stroke:"transparent",children:f.map((b,S)=>e(us,{fill:c[S%c.length]},`cell-${S}`))})}):null,e(v,{size:"L",children:m?Gn(p):"--"})]})}),e(la,{children:e(C,{width:"size-2400",children:s(h,{direction:"column",gap:"size-50",children:[g&&e("ul",{children:f.map((b,S)=>e("li",{children:e(Ne,{color:c[S%c.length],name:b.label,shape:"square",value:es(b.fraction*100)})},b.label))}),g&&m?e(Jt,{}):null,m?s(h,{direction:"row",justifyContent:"space-between",children:[e(v,{children:"mean"}),e(v,{children:Gn(p)})]}):null]})})})]})}const _c=function(){var n={defaultValue:null,kind:"LocalArgument",name:"evaluationName"},a={defaultValue:null,kind:"LocalArgument",name:"id"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"id"}],i=[{kind:"Variable",name:"evaluationName",variableName:"evaluationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}];return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DocumentEvaluationSummaryValueQuery",selections:[{alias:null,args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:i,kind:"FragmentSpread",name:"DocumentEvaluationSummaryValueFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"DocumentEvaluationSummaryValueQuery",selections:[{alias:null,args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"DocumentEvaluationSummary",kind:"LinkedField",name:"documentEvaluationSummary",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"averageNdcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averagePrecision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanReciprocalRank",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hitRate",storageKey:null}],storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"60d7798d88e1408e6b6b0bebdc1716f5",id:null,metadata:{},name:"DocumentEvaluationSummaryValueQuery",operationKind:"query",text:`query DocumentEvaluationSummaryValueQuery(
|
|
3554
3554
|
$evaluationName: String!
|
|
3555
3555
|
$timeRange: TimeRange!
|
|
3556
3556
|
$id: GlobalID!
|
|
@@ -3594,7 +3594,7 @@ fragment DocumentEvaluationSummaryValueFragment_1dJL9N on Project {
|
|
|
3594
3594
|
}
|
|
3595
3595
|
id
|
|
3596
3596
|
}
|
|
3597
|
-
`}}}();wc.hash="4d50474ffa9b9e4a68d07f6e0777c144";function lS({evaluationName:n}){var i,r;const{projectId:a}=Be(),{timeRange:t}=Zt(),l=I.useLazyLoadQuery(wc,{id:a,evaluationName:n,timeRange:{start:(i=t==null?void 0:t.start)==null?void 0:i.toISOString(),end:(r=t==null?void 0:t.end)==null?void 0:r.toISOString()}});return s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:n}),e(
|
|
3597
|
+
`}}}();wc.hash="4d50474ffa9b9e4a68d07f6e0777c144";function lS({evaluationName:n}){var i,r;const{projectId:a}=Be(),{timeRange:t}=Zt(),l=I.useLazyLoadQuery(wc,{id:a,evaluationName:n,timeRange:{start:(i=t==null?void 0:t.start)==null?void 0:i.toISOString(),end:(r=t==null?void 0:t.end)==null?void 0:r.toISOString()}});return s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:n}),e(u.Suspense,{fallback:e(v,{size:"L",children:"--"}),children:e(iS,{evaluationName:n,project:l==null?void 0:l.project})})]})}function iS(n){var p,f,m,g;const{project:a}=n,{fetchKey:t}=Pa(),[l,i]=I.useRefetchableFragment(Lc,a);u.useEffect(()=>{u.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[t,i]);const r=(p=l==null?void 0:l.documentEvaluationSummary)==null?void 0:p.averageNdcg,o=(f=l==null?void 0:l.documentEvaluationSummary)==null?void 0:f.averagePrecision,d=(m=l==null?void 0:l.documentEvaluationSummary)==null?void 0:m.hitRate,c=(g=l==null?void 0:l.documentEvaluationSummary)==null?void 0:g.meanReciprocalRank;return s(ve,{delay:0,placement:"bottom",children:[e(Oe,{children:e(h,{direction:"row",alignItems:"center",gap:"size-50",height:"28px",children:s(U,{children:[e(tn,{metric:"ndcg",score:r},"ndcg"),e(tn,{metric:"precision",score:o},"precision"),e(tn,{metric:"hit rate",score:d},"hit")]})})}),e(la,{children:e(C,{width:"size-2400",children:s(h,{direction:"column",children:[s(h,{justifyContent:"space-between",children:[e(v,{children:"average ndcg"}),e(v,{children:typeof r=="number"?Gn(r):"--"})]}),s(h,{justifyContent:"space-between",children:[e(v,{children:"average precision"}),e(v,{children:typeof o=="number"?Gn(o):"--"})]}),s(h,{justifyContent:"space-between",children:[e(v,{children:"mean reciprocal rank"}),e(v,{children:typeof c=="number"?Gn(c):"--"})]}),s(h,{justifyContent:"space-between",children:[e(v,{children:"hit rate"}),e(v,{children:typeof d=="number"?Gn(d):"--"})]})]})})})]})}function rS(n){const{extra:a}=n,{fetchKey:t}=Pa(),[l,i]=I.useRefetchableFragment(Pc,n.project);u.useEffect(()=>{u.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[t,i]);const r=l==null?void 0:l.latencyMsP50,o=l==null?void 0:l.latencyMsP99,d=l==null?void 0:l.tokenCountTotal,c=l==null?void 0:l.tokenCountPrompt,p=l==null?void 0:l.tokenCountCompletion,f=l==null?void 0:l.spanAnnotationNames,m=l==null?void 0:l.documentEvaluationNames;return e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-200",paddingBottom:"size-50",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e("div",{css:F`
|
|
3598
3598
|
overflow-x: auto;
|
|
3599
3599
|
overflow-y: hidden;
|
|
3600
3600
|
flex: 1 1 auto;
|
|
@@ -3630,7 +3630,7 @@ fragment DocumentEvaluationSummaryValueFragment_1dJL9N on Project {
|
|
|
3630
3630
|
left center,
|
|
3631
3631
|
right center;
|
|
3632
3632
|
background-attachment: local, local, scroll, scroll;
|
|
3633
|
-
`,children:s(h,{direction:"row",gap:"size-400",alignItems:"center",children:[s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Total Traces"}),e(v,{size:"L",children:Sa(l==null?void 0:l.traceCount)})]}),s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Total Tokens"}),s(ve,{delay:0,placement:"bottom",children:[e(Oe,{children:e(v,{size:"L",children:Sa(d)})}),e(la,{children:e(C,{width:"size-2400",children:s(h,{direction:"column",children:[s(h,{justifyContent:"space-between",children:[e(v,{children:"Prompt Tokens"}),e(v,{children:typeof c=="number"?ul(c):"--"})]}),s(h,{justifyContent:"space-between",children:[e(v,{children:"Completion Tokens"}),e(v,{children:typeof p=="number"?ul(p):"--"})]}),s(h,{justifyContent:"space-between",children:[e(v,{children:"Total Tokens"}),e(v,{children:typeof d=="number"?ul(d):"--"})]})]})})})]})]}),s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Latency P50"}),r!=null?e(Me,{latencyMs:r,size:"L"}):e(v,{size:"L",children:"--"})]}),s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Latency P99"}),o!=null?e(Me,{latencyMs:o,size:"L"}):e(v,{size:"L",children:"--"})]}),
|
|
3633
|
+
`,children:s(h,{direction:"row",gap:"size-400",alignItems:"center",children:[s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Total Traces"}),e(v,{size:"L",children:Sa(l==null?void 0:l.traceCount)})]}),s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Total Tokens"}),s(ve,{delay:0,placement:"bottom",children:[e(Oe,{children:e(v,{size:"L",children:Sa(d)})}),e(la,{children:e(C,{width:"size-2400",children:s(h,{direction:"column",children:[s(h,{justifyContent:"space-between",children:[e(v,{children:"Prompt Tokens"}),e(v,{children:typeof c=="number"?ul(c):"--"})]}),s(h,{justifyContent:"space-between",children:[e(v,{children:"Completion Tokens"}),e(v,{children:typeof p=="number"?ul(p):"--"})]}),s(h,{justifyContent:"space-between",children:[e(v,{children:"Total Tokens"}),e(v,{children:typeof d=="number"?ul(d):"--"})]})]})})})]})]}),s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Latency P50"}),r!=null?e(Me,{latencyMs:r,size:"L"}):e(v,{size:"L",children:"--"})]}),s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Latency P99"}),o!=null?e(Me,{latencyMs:o,size:"L"}):e(v,{size:"L",children:"--"})]}),f.map(g=>e(Bt,{fallback:Mg,children:e(aS,{annotationName:g},g)},g)),m.map(g=>e(lS,{evaluationName:g},`document-${g}`))]})}),e(C,{flex:"none",paddingStart:"size-100",children:a})]})})}const Ec=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"StreamToggleRefetchQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"StreamToggle_data"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"StreamToggleRefetchQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"streamingLastUpdatedAt",storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"4e136f41c0942f253822336dc0c5b291",id:null,metadata:{},name:"StreamToggleRefetchQuery",operationKind:"query",text:`query StreamToggleRefetchQuery(
|
|
3634
3634
|
$id: GlobalID!
|
|
3635
3635
|
) {
|
|
3636
3636
|
node(id: $id) {
|
|
@@ -3645,7 +3645,7 @@ fragment StreamToggle_data on Project {
|
|
|
3645
3645
|
streamingLastUpdatedAt
|
|
3646
3646
|
id
|
|
3647
3647
|
}
|
|
3648
|
-
`}}}();Ec.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";const Rc={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Ec,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"StreamToggle_data",selections:[{alias:null,args:null,kind:"ScalarField",name:"streamingLastUpdatedAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],type:"Project",abstractKey:null};Rc.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";const sS=2e3,oS=["spans","traces","sessions"];function dS(n){const{isStreaming:a,setIsStreaming:t,setFetchKey:l}=Pa(),r=mt().pathname.split("/").pop()||"",o=oS.includes(r)&&a,[d,c]=I.useRefetchableFragment(Rc,n.project),p=
|
|
3648
|
+
`}}}();Ec.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";const Rc={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Ec,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"StreamToggle_data",selections:[{alias:null,args:null,kind:"ScalarField",name:"streamingLastUpdatedAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],type:"Project",abstractKey:null};Rc.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";const sS=2e3,oS=["spans","traces","sessions"];function dS(n){const{isStreaming:a,setIsStreaming:t,setFetchKey:l}=Pa(),r=mt().pathname.split("/").pop()||"",o=oS.includes(r)&&a,[d,c]=I.useRefetchableFragment(Rc,n.project),p=u.useRef(d.streamingLastUpdatedAt),f=u.useCallback(()=>{o&&u.startTransition(()=>{c({},{fetchPolicy:"store-and-network"})})},[o,c]),m=d.streamingLastUpdatedAt;return u.useEffect(()=>{m!=null&&(p.current==null||p.current<m)&&(p.current=m,l(`fetch-traces-${m}`))},[l,m]),m0(f,sS),e(Fa,{labelPlacement:"start",isSelected:a,onChange:()=>{t(!a)},children:"Stream"})}const cS=F`
|
|
3649
3649
|
flex: 1 1 auto;
|
|
3650
3650
|
display: flex;
|
|
3651
3651
|
flex-direction: column;
|
|
@@ -3671,7 +3671,7 @@ fragment StreamToggle_data on Project {
|
|
|
3671
3671
|
}
|
|
3672
3672
|
}
|
|
3673
3673
|
}
|
|
3674
|
-
`;function F2(){const{projectId:n}=Be(),{timeRange:a}=Zt();return e(
|
|
3674
|
+
`;function F2(){const{projectId:n}=Be(),{timeRange:a}=Zt();return e(u.Suspense,{fallback:e(Fe,{}),children:e(mS,{projectId:n,timeRange:a})})}const uS=["spans","traces","sessions","config"],rr=n=>uS.includes(n),sr={spans:0,traces:1,sessions:2,config:3};function mS({projectId:n,timeRange:a}){const t=rt(D=>D.treatOrphansAsRoots),l=u.useMemo(()=>{var D,$;return{start:(D=a==null?void 0:a.start)==null?void 0:D.toISOString(),end:($=a==null?void 0:a.end)==null?void 0:$.toISOString()}},[a]),i=ue(),{rootPath:r,tab:o}=rl(),d=I.useLazyLoadQuery(Fc,{id:n,timeRange:l},{fetchPolicy:"store-and-network",fetchKey:`${n}-${l.start}-${l.end}`}),[c,p,f]=I.useQueryLoader(to),[m,g,y]=I.useQueryLoader(lo),[k,b,S]=I.useQueryLoader(io),[K,T,x]=I.useQueryLoader(ro),L=rr(o)?sr[o]:0;u.useEffect(()=>(L===0?g({id:n,timeRange:l,orphanSpanAsRootSpan:t}):L===1?p({id:n,timeRange:l}):L===2?b({id:n,timeRange:l}):L===3&&T({id:n}),()=>{y(),S(),f(),x()}),[p,n,l,L,y,S,f,g,b,T,x,t]);const P=u.useCallback(D=>{u.startTransition(()=>{i(D===1?`${r}/traces`:D===2?`${r}/sessions`:D===3?`${r}/config`:`${r}/spans`)})},[i,r]);return e(nS,{children:s("main",{css:cS,children:[e(rS,{project:d.project,extra:s(h,{direction:"row",alignItems:"center",gap:"size-100",children:[e(dS,{project:d.project}),e(ns,{})]})}),e(so.Provider,{value:{spansQueryReference:m??null,sessionsQueryReference:k??null,tracesQueryReference:c??null,projectConfigQueryReference:K??null},children:s(Ge,{onSelectionChange:D=>{typeof D=="string"&&rr(D)&&P(sr[D])},selectedKey:o,children:[s(He,{children:[e(ne,{id:"spans",children:"Spans"}),e(ne,{id:"traces",children:"Traces"}),e(ne,{id:"sessions",children:"Sessions"}),e(ne,{id:"config",children:"Config"})]}),e(ce,{padded:!1,id:"spans",children:e(Te,{})}),e(ce,{padded:!1,id:"traces",children:e(Te,{})}),e(ce,{padded:!1,id:"sessions",children:e(Te,{})}),e(ce,{padded:!1,id:"config",children:e(Te,{})})]})})]})})}const Mc=u.createContext(null);function Vc(){const n=u.useContext(Mc);if(n===null)throw new Error("useSessionSubstring must be used within a SessionSubstringProvider");return n}function pS(n){const[a,t]=u.useState(""),l=u.useCallback(i=>{u.startTransition(()=>{t(i)})},[]);return e(Mc.Provider,{value:{filterIoSubstring:a,setFilterIoSubstring:l},children:n.children})}const Ac=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterIoSubstring"},t={defaultValue:30,kind:"LocalArgument",name:"first"},l={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},r={defaultValue:null,kind:"LocalArgument",name:"timeRange"},o=[{kind:"Variable",name:"id",variableName:"id"}],d={kind:"Variable",name:"after",variableName:"after"},c={kind:"Variable",name:"filterIoSubstring",variableName:"filterIoSubstring"},p={kind:"Variable",name:"first",variableName:"first"},f={kind:"Variable",name:"sort",variableName:"sort"},m={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},y=[d,c,p,f,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],k=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}];return{fragment:{argumentDefinitions:[n,a,t,l,i,r],kind:"Fragment",metadata:null,name:"SessionsTableQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[d,c,p,f],kind:"FragmentSpread",name:"SessionsTable_sessions"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,t,i,r,l],kind:"Operation",name:"SessionsTableQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[m,{kind:"TypeDiscriminator",abstractKey:"__isNode"},g,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:y,concreteType:"ProjectSessionConnection",kind:"LinkedField",name:"sessions",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectSessionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"session",args:null,concreteType:"ProjectSession",kind:"LinkedField",name:"node",plural:!1,selections:[g,{alias:null,args:null,kind:"ScalarField",name:"sessionId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"numTraces",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"firstInput",plural:!1,selections:k,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"lastOutput",plural:!1,selections:k,storageKey:null},{alias:null,args:null,concreteType:"TokenUsage",kind:"LinkedField",name:"tokenUsage",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"prompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"completion",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"total",storageKey:null}],storageKey:null},{alias:"traceLatencyMsP50",args:[{kind:"Literal",name:"probability",value:.5}],kind:"ScalarField",name:"traceLatencyMsQuantile",storageKey:"traceLatencyMsQuantile(probability:0.5)"},{alias:"traceLatencyMsP99",args:[{kind:"Literal",name:"probability",value:.99}],kind:"ScalarField",name:"traceLatencyMsQuantile",storageKey:"traceLatencyMsQuantile(probability:0.99)"}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ProjectSession",kind:"LinkedField",name:"node",plural:!1,selections:[m],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:y,filters:["sort","filterIoSubstring","timeRange"],handle:"connection",key:"SessionsTable_sessions",kind:"LinkedHandle",name:"sessions"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"bc674951f109dbbbb72aa937d1165279",id:null,metadata:{},name:"SessionsTableQuery",operationKind:"query",text:`query SessionsTableQuery(
|
|
3675
3675
|
$after: String = null
|
|
3676
3676
|
$filterIoSubstring: String = null
|
|
3677
3677
|
$first: Int = 30
|
|
@@ -3723,7 +3723,7 @@ fragment SessionsTable_sessions_2MhLSo on Project {
|
|
|
3723
3723
|
}
|
|
3724
3724
|
id
|
|
3725
3725
|
}
|
|
3726
|
-
`}}}();Ac.hash="36dfca4fe1c2c0f19a1fd0e2ac1c6316";const zc=function(){var n=["sessions"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"filterIoSubstring"},{defaultValue:30,kind:"LocalArgument",name:"first"},{defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:Ac,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"SessionsTable_sessions",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:"sessions",args:[{kind:"Variable",name:"filterIoSubstring",variableName:"filterIoSubstring"},{kind:"Variable",name:"sort",variableName:"sort"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"ProjectSessionConnection",kind:"LinkedField",name:"__SessionsTable_sessions_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectSessionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"session",args:null,concreteType:"ProjectSession",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"sessionId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"numTraces",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"firstInput",plural:!1,selections:t,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"lastOutput",plural:!1,selections:t,storageKey:null},{alias:null,args:null,concreteType:"TokenUsage",kind:"LinkedField",name:"tokenUsage",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"prompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"completion",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"total",storageKey:null}],storageKey:null},{alias:"traceLatencyMsP50",args:[{kind:"Literal",name:"probability",value:.5}],kind:"ScalarField",name:"traceLatencyMsQuantile",storageKey:"traceLatencyMsQuantile(probability:0.5)"},{alias:"traceLatencyMsP99",args:[{kind:"Literal",name:"probability",value:.99}],kind:"ScalarField",name:"traceLatencyMsQuantile",storageKey:"traceLatencyMsQuantile(probability:0.99)"}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ProjectSession",kind:"LinkedField",name:"node",plural:!1,selections:[{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:"Project",abstractKey:null}}();zc.hash="36dfca4fe1c2c0f19a1fd0e2ac1c6316";const Nc=
|
|
3726
|
+
`}}}();Ac.hash="36dfca4fe1c2c0f19a1fd0e2ac1c6316";const zc=function(){var n=["sessions"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"filterIoSubstring"},{defaultValue:30,kind:"LocalArgument",name:"first"},{defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:Ac,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"SessionsTable_sessions",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:"sessions",args:[{kind:"Variable",name:"filterIoSubstring",variableName:"filterIoSubstring"},{kind:"Variable",name:"sort",variableName:"sort"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"ProjectSessionConnection",kind:"LinkedField",name:"__SessionsTable_sessions_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectSessionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"session",args:null,concreteType:"ProjectSession",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"sessionId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"numTraces",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"firstInput",plural:!1,selections:t,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"lastOutput",plural:!1,selections:t,storageKey:null},{alias:null,args:null,concreteType:"TokenUsage",kind:"LinkedField",name:"tokenUsage",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"prompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"completion",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"total",storageKey:null}],storageKey:null},{alias:"traceLatencyMsP50",args:[{kind:"Literal",name:"probability",value:.5}],kind:"ScalarField",name:"traceLatencyMsQuantile",storageKey:"traceLatencyMsQuantile(probability:0.5)"},{alias:"traceLatencyMsP99",args:[{kind:"Literal",name:"probability",value:.99}],kind:"ScalarField",name:"traceLatencyMsQuantile",storageKey:"traceLatencyMsQuantile(probability:0.99)"}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ProjectSession",kind:"LinkedField",name:"node",plural:!1,selections:[{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:"Project",abstractKey:null}}();zc.hash="36dfca4fe1c2c0f19a1fd0e2ac1c6316";const Nc=u.createContext(null);function gS({children:n,...a}){const[t]=u.useState(()=>Vg(a));return e(Nc.Provider,{value:t,children:n})}function je(n,a){const t=he.useContext(Nc);if(!t)throw new Error("Missing TracingContext.Provider in the tree");return ut(t,n,a)}const yS=F`
|
|
3727
3727
|
flex: 1 1 auto;
|
|
3728
3728
|
.cm-content {
|
|
3729
3729
|
padding: var(--ac-global-dimension-static-size-100) 0;
|
|
@@ -3754,7 +3754,7 @@ fragment SessionsTable_sessions_2MhLSo on Project {
|
|
|
3754
3754
|
border-color: var(--ac-global-color-danger);
|
|
3755
3755
|
}
|
|
3756
3756
|
box-sizing: border-box;
|
|
3757
|
-
`;function hS(n){const{placeholder:a="Search messages"}=n,[t,l]=
|
|
3757
|
+
`;function hS(n){const{placeholder:a="Search messages"}=n,[t,l]=u.useState(!1),{filterIoSubstring:i,setFilterIoSubstring:r}=Vc(),{theme:o}=On();return e("div",{"data-is-focused":t,className:"sessions-substring-field",css:fS,children:s(h,{direction:"row",children:[e(El,{children:e(_,{svg:e(ni,{})})}),e(ua,{css:yS,indentWithTab:!1,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!1,syntaxHighlighting:!1,highlightActiveLine:!1,highlightActiveLineGutter:!1,defaultKeymap:!1},onFocus:()=>l(!0),onBlur:()=>l(!1),value:i,onChange:r,height:"36px",width:"100%",theme:o==="light"?da:ca,placeholder:a}),e("button",{css:F`
|
|
3758
3758
|
margin-right: var(--ac-global-dimension-static-size-100);
|
|
3759
3759
|
color: var(--ac-global-text-color-700);
|
|
3760
3760
|
visibility: ${i!==""?"visible":"hidden"};
|
|
@@ -3864,11 +3864,11 @@ await assistant({
|
|
|
3864
3864
|
messages,
|
|
3865
3865
|
sessionId: sessionId,
|
|
3866
3866
|
});
|
|
3867
|
-
`;function FS(){return s("div",{children:[e(C,{paddingTop:"size-200",paddingBottom:"size-100",children:e(se,{level:2,weight:"heavy",children:"Install Dependencies"})}),e(C,{paddingBottom:"size-100",children:s(v,{children:["Sessions are tracked via the OpenTelemetry attribute ",e("b",{children:"session.id"}),". The easiest way to get started with sessions is to use the OpenInference instrumentation package."]})}),e(Xe,{children:e(kn,{value:vS})}),e(C,{paddingTop:"size-200",paddingBottom:"size-100",children:e(se,{level:2,weight:"heavy",children:"Add Session ID to your Traces"})}),e(C,{paddingBottom:"size-100",children:e(v,{children:"Below is an example of how to add session IDs to a simple OpenAI application."})}),e(Xe,{children:e(Ag,{value:CS})}),e(C,{paddingBottom:"size-100",children:s(v,{children:["For more information on how to use sessions, consult the"," ",e(sn,{href:"https://docs.arize.com/phoenix/tracing/how-to-tracing/setup-sessions",children:"documentation"})]})})]})}function KS(){const[n,a]=
|
|
3867
|
+
`;function FS(){return s("div",{children:[e(C,{paddingTop:"size-200",paddingBottom:"size-100",children:e(se,{level:2,weight:"heavy",children:"Install Dependencies"})}),e(C,{paddingBottom:"size-100",children:s(v,{children:["Sessions are tracked via the OpenTelemetry attribute ",e("b",{children:"session.id"}),". The easiest way to get started with sessions is to use the OpenInference instrumentation package."]})}),e(Xe,{children:e(kn,{value:vS})}),e(C,{paddingTop:"size-200",paddingBottom:"size-100",children:e(se,{level:2,weight:"heavy",children:"Add Session ID to your Traces"})}),e(C,{paddingBottom:"size-100",children:e(v,{children:"Below is an example of how to add session IDs to a simple OpenAI application."})}),e(Xe,{children:e(Ag,{value:CS})}),e(C,{paddingBottom:"size-100",children:s(v,{children:["For more information on how to use sessions, consult the"," ",e(sn,{href:"https://docs.arize.com/phoenix/tracing/how-to-tracing/setup-sessions",children:"documentation"})]})})]})}function KS(){const[n,a]=u.useState("Python");return e(Z,{title:"Setup Sessions for this Project",size:"L",children:s(C,{padding:"size-400",overflow:"auto",children:[e(C,{paddingBottom:"size-100",children:e(Qt,{language:n,onChange:a})}),n==="Python"?e(SS,{}):e(FS,{})]})})}function TS(){const[n,a]=u.useState(null),t=()=>{a(e(KS,{}))};return s("tbody",{className:"is-empty",children:[e("tr",{children:e("td",{colSpan:100,css:F`
|
|
3868
3868
|
text-align: center;
|
|
3869
3869
|
padding: var(--ac-global-dimension-size-300)
|
|
3870
3870
|
var(--ac-global-dimension-size-300) !important;
|
|
3871
|
-
`,children:s(h,{direction:"column",gap:"size-200",alignItems:"center",children:["No sessions found for this project",e(V,{leadingVisual:e(_,{svg:e(Ka,{})}),onPress:t,children:"Setup Sessions"})]})})}),e(ae,{onDismiss:()=>a(null),isDismissable:!0,type:"slideOver",children:n})]})}const
|
|
3871
|
+
`,children:s(h,{direction:"column",gap:"size-200",alignItems:"center",children:["No sessions found for this project",e(V,{leadingVisual:e(_,{svg:e(Ka,{})}),onPress:t,children:"Setup Sessions"})]})})}),e(ae,{onDismiss:()=>a(null),isDismissable:!0,type:"slideOver",children:n})]})}const bi=F`
|
|
3872
3872
|
display: flex;
|
|
3873
3873
|
flex-direction: column;
|
|
3874
3874
|
flex: 1 1 auto;
|
|
@@ -3881,10 +3881,10 @@ await assistant({
|
|
|
3881
3881
|
.ac-dropdown-button {
|
|
3882
3882
|
min-width: var(--ac-global-dimension-static-size-300);
|
|
3883
3883
|
}
|
|
3884
|
-
`,
|
|
3884
|
+
`,or=ii,$c=({table:n})=>{const a=ue();return e("tbody",{children:n.getRowModel().rows.map(t=>e("tr",{onClick:()=>a(`${encodeURIComponent(t.id)}`),children:t.getVisibleCells().map(l=>e("td",{style:{height:1,width:`calc(var(--col-${l.column.id}-size) * 1px)`,maxWidth:`calc(var(--col-${l.column.id}-size) * 1px)`,textWrap:"nowrap",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:J(l.column.columnDef.cell,l.getContext())},l.id))},t.id))})},PS=he.memo($c,(n,a)=>n.table.options.data===a.table.options.data);function IS(n){const a=u.useRef(null),[t,l]=u.useState([]),{filterIoSubstring:i}=Vc(),{fetchKey:r}=Pa(),{data:o,loadNext:d,hasNext:c,isLoadingNext:p,refetch:f}=I.usePaginationFragment(zc,n.project),m=u.useMemo(()=>o.sessions.edges.map(({session:A})=>({...A,tokenCountTotal:A.tokenUsage.total})),[o.sessions]),g=[{header:"session id",accessorKey:"sessionId",enableSorting:!1,cell:Ee},{header:"first input",accessorKey:"firstInput.value",enableSorting:!1,cell:Ee},{header:"last output",accessorKey:"lastOutput.value",enableSorting:!1,cell:Ee},{header:"start time",accessorKey:"startTime",enableSorting:!0,cell:Re},{header:"end time",accessorKey:"endTime",enableSorting:!0,cell:Re},{header:"p50 latency",accessorKey:"traceLatencyMsP50",enableSorting:!1,cell:({getValue:A})=>{const j=A();return j===null||typeof j!="number"?null:e(Me,{latencyMs:j})}},{header:"p99 latency",accessorKey:"traceLatencyMsP99",enableSorting:!1,cell:({getValue:A})=>{const j=A();return j===null||typeof j!="number"?null:e(Me,{latencyMs:j})}},{header:"total tokens",accessorKey:"tokenCountTotal",enableSorting:!0,minSize:80,cell:({row:A,getValue:j})=>{const Y=j();if(Y==null||typeof Y!="number")return"--";const{prompt:de,completion:be}=A.original.tokenUsage;return e(oa,{tokenCountTotal:Y,tokenCountPrompt:de||0,tokenCountCompletion:be||0})}},{header:"total traces",accessorKey:"numTraces",enableSorting:!0,cell:as}];u.useEffect(()=>{const A=t[0];u.startTransition(()=>{f({sort:A?{col:A.id,dir:A.desc?"desc":"asc"}:{col:"startTime",dir:"desc"},after:null,first:or,filterIoSubstring:i},{fetchPolicy:"store-and-network"})})},[t,f,i,r]);const y=he.useCallback(A=>{if(A){const{scrollHeight:j,scrollTop:Y,clientHeight:de}=A;j-Y-de<300&&!p&&c&&d(or)}},[c,p,d]),[k,b]=u.useState({}),S=je(A=>A.columnVisibility),K=je(A=>A.columnSizing),T=je(A=>A.setColumnSizing),x=Le({columns:g,data:m,onExpandedChange:b,manualSorting:!0,state:{sorting:t,expanded:k,columnVisibility:S,columnSizing:K},columnResizeMode:"onChange",onColumnSizingChange:T,enableSubRowSelection:!1,onSortingChange:l,getCoreRowModel:we(),getSortedRowModel:In(),getExpandedRowModel:br(),getRowId:A=>A.id}),P=x.getRowModel().rows.length===0,{columnSizingInfo:D,columnSizing:$}=x.getState(),R=x.getFlatHeaders,Q=g.length,z=he.useMemo(()=>{const A=R(),j={};for(let Y=0;Y<A.length;Y++){const de=A[Y];j[`--header-${de.id}-size`]=de.getSize(),j[`--col-${de.column.id}-size`]=de.column.getSize()}return j},[R,D,$,Q]);return s("div",{css:bi,children:[e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:e(hS,{})}),e("div",{css:F`
|
|
3885
3885
|
flex: 1 1 auto;
|
|
3886
3886
|
overflow: auto;
|
|
3887
|
-
`,onScroll:A=>
|
|
3887
|
+
`,onScroll:A=>y(A.target),ref:a,children:s("table",{css:sa,style:{...z,width:x.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:x.getHeaderGroups().map(A=>e("tr",{children:A.headers.map(j=>e("th",{style:{width:`calc(var(--header-${j.id}-size) * 1px)`},children:j.isPlaceholder?null:s(U,{children:[s("div",{"data-sortable":j.column.getCanSort(),className:j.column.getCanSort()?"cursor-pointer":"",onClick:j.column.getToggleSortingHandler(),style:{left:j.getStart(),width:j.getSize()},children:[J(j.column.columnDef.header,j.getContext()),j.column.getIsSorted()?e(_,{className:"sort-icon",svg:j.column.getIsSorted()==="asc"?e(cn,{}):e(un,{})}):null]}),e("div",{onMouseDown:j.getResizeHandler(),onTouchStart:j.getResizeHandler(),className:`resizer ${j.column.getIsResizing()?"isResizing":""}`})]})},j.id))},A.id))}),P?e(TS,{}):D.isResizingColumn?e(PS,{table:x}):e($c,{table:x})]})})]})}const Oc=u.createContext(null);function sl(){const n=u.useContext(Oc);if(n===null)throw new Error("useSpanFilterCondition must be used within a SpanFilterConditionProvider");return n}function Si(n){const[a,t]=u.useState(""),l=u.useCallback(r=>{u.startTransition(()=>{t(r)})},[]),i=u.useCallback(r=>{u.startTransition(()=>{a.length>0?t(a+" and "+r):t(r)})},[a]);return e(Oc.Provider,{value:{filterCondition:a,setFilterCondition:l,appendFilterCondition:i},children:n.children})}function vi({children:n}){const{projectId:a}=Be();if(!a)throw new Error("projectId is required");const{tab:t}=rl();if(!Xs(t))throw new Error(`Invalid tab: ${t}`);return e(gS,{projectId:a,tableId:t||"table",children:n})}function xS({queryReference:n}){const a=I.usePreloadedQuery(io,n);return e(pS,{children:e(IS,{project:a.project})})}const K2=()=>{const{sessionsQueryReference:n}=nl();return n?s(vi,{children:[e(Si,{children:e(u.Suspense,{fallback:e(Fe,{}),children:e(xS,{queryReference:n})})}),e(u.Suspense,{children:e(Te,{})})]}):null},Qc=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},t={defaultValue:30,kind:"LocalArgument",name:"first"},l={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:null,kind:"LocalArgument",name:"orphanSpanAsRootSpan"},r={defaultValue:!0,kind:"LocalArgument",name:"rootSpansOnly"},o={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},d={defaultValue:null,kind:"LocalArgument",name:"timeRange"},c=[{kind:"Variable",name:"id",variableName:"id"}],p={kind:"Variable",name:"after",variableName:"after"},f={kind:"Variable",name:"filterCondition",variableName:"filterCondition"},m={kind:"Variable",name:"first",variableName:"first"},g={kind:"Variable",name:"rootSpansOnly",variableName:"rootSpansOnly"},y={kind:"Variable",name:"sort",variableName:"sort"},k={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},b={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},K=[p,f,m,{kind:"Variable",name:"orphanSpanAsRootSpan",variableName:"orphanSpanAsRootSpan"},g,y,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],T=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}];return{fragment:{argumentDefinitions:[n,a,t,l,i,r,o,d],kind:"Fragment",metadata:null,name:"SpansTableSpansQuery",selections:[{alias:null,args:c,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[p,f,m,g,y],kind:"FragmentSpread",name:"SpansTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,t,i,r,o,d,l],kind:"Operation",name:"SpansTableSpansQuery",selections:[{alias:null,args:c,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[k,{kind:"TypeDiscriminator",abstractKey:"__isNode"},b,{kind:"InlineFragment",selections:[S,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:K,concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"span",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[b,{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},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountCompletion",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[b,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:T,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:T,storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[S,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[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:K,filters:["sort","rootSpansOnly","filterCondition","orphanSpanAsRootSpan","timeRange"],handle:"connection",key:"SpansTable_spans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"724a34c18ec17312b01be5ccae4d7159",id:null,metadata:{},name:"SpansTableSpansQuery",operationKind:"query",text:`query SpansTableSpansQuery(
|
|
3888
3888
|
$after: String = null
|
|
3889
3889
|
$filterCondition: String = null
|
|
3890
3890
|
$first: Int = 30
|
|
@@ -3977,7 +3977,7 @@ fragment SpansTable_spans_xYL0c on Project {
|
|
|
3977
3977
|
}
|
|
3978
3978
|
max-width: 100%;
|
|
3979
3979
|
height: var(--ac-global-dimension-size-200);
|
|
3980
|
-
`;function _S({metadata:n,onClick:a}){const t=
|
|
3980
|
+
`;function _S({metadata:n,onClick:a}){const t=u.useMemo(()=>{let l=n;return l.startsWith("{")&&(l=l.slice(1)),l.endsWith("}")&&(l=l.slice(0,-1)),l},[n]);return e("div",{css:F(DS),role:a?"button":"label","aria-label":"metadata",onClick:l=>{l.stopPropagation(),l.preventDefault(),a==null||a()},children:e(h,{direction:"row",justifyContent:"space-between",alignItems:"center",height:"100%",children:e(st,{maxWidth:"100%",children:e(v,{children:t})})})})}function LS(n){return n.replaceAll(`
|
|
3981
3981
|
`,"\\n").replaceAll('"','\\"')}function wS(n){return typeof n=="boolean"?n?"True":"False":typeof n=="number"?n.toString():typeof n=="string"?`"${LS(n)}"`:""}const qc=(n,a)=>`metadata['${n}'] == ${wS(a)}`;function ES({children:n,metadata:a,width:t}){const{appendFilterCondition:l}=sl(),i=Object.entries(a).map(([r,o])=>({key:r,value:String(o),filterCondition:qc(r,o)}));return s(ve,{delay:500,offset:3,children:[e(Oe,{children:n}),e(la,{UNSAFE_style:{minWidth:t},children:s(h,{direction:"row",wrap:"nowrap",gap:"size-100",children:[e(h,{flexBasis:"40%",children:s(h,{direction:"column",gap:"size-100",width:"100%",children:[e(v,{weight:"heavy",children:"Metadata"}),e("ul",{css:F`
|
|
3982
3982
|
display: flex;
|
|
3983
3983
|
flex-direction: column;
|
|
@@ -4004,7 +4004,7 @@ fragment SpansTable_spans_xYL0c on Project {
|
|
|
4004
4004
|
&:hover {
|
|
4005
4005
|
background-color: var(--ac-global-color-gray-300);
|
|
4006
4006
|
}
|
|
4007
|
-
`,children:["Match ",r]})},r))})]})})]})})]})}const Bc=({metadata:n})=>{const{appendFilterCondition:a}=sl(),[t,l]=he.useMemo(()=>{try{if(typeof n!="string")throw new Error("Metadata is not a string");const i=zg(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!t||!l?"--":e("div",{style:{maxWidth:"100%"},children:e(ES,{width:"800px",metadata:t,children:e(_S,{metadata:l,onClick:()=>{const[i,r]=Object.entries(t)[0],o=qc(i,r);a(o)}})})})};function Uc(n){const{appendFilterCondition:a}=sl(),{annotation:t}=n,{name:l,label:i,score:r}=t,o=
|
|
4007
|
+
`,children:["Match ",r]})},r))})]})})]})})]})}const Bc=({metadata:n})=>{const{appendFilterCondition:a}=sl(),[t,l]=he.useMemo(()=>{try{if(typeof n!="string")throw new Error("Metadata is not a string");const i=zg(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!t||!l?"--":e("div",{style:{maxWidth:"100%"},children:e(ES,{width:"800px",metadata:t,children:e(_S,{metadata:l,onClick:()=>{const[i,r]=Object.entries(t)[0],o=qc(i,r);a(o)}})})})};function Uc(n){const{appendFilterCondition:a}=sl(),{annotation:t}=n,{name:l,label:i,score:r}=t,o=u.useMemo(()=>{const d=[];return i!=null&&(d.push({filterName:"Match label",filterCondition:`annotations['${l}'].label == "${i}"`}),d.push({filterName:"Exclude label",filterCondition:`annotations['${l}'].label != "${i}"`})),typeof r=="number"&&(d.push({filterName:"Greater than score",filterCondition:`annotations['${l}'].score > ${r}`}),d.push({filterName:"Less than score",filterCondition:`annotations['${l}'].score < ${r}`}),d.push({filterName:"Equals score",filterCondition:`annotations['${l}'].score == ${r}`})),d},[l,i,r]);return s(C,{borderStartWidth:"thin",borderColor:"dark",paddingStart:"size-200",paddingEnd:"size-100",marginStart:"size-200",width:300,children:[e(v,{weight:"heavy",children:"Filters"}),e("ul",{css:F`
|
|
4008
4008
|
display: flex;
|
|
4009
4009
|
flex-direction: row;
|
|
4010
4010
|
gap: var(--ac-global-dimension-size-100);
|
|
@@ -4022,7 +4022,7 @@ fragment SpansTable_spans_xYL0c on Project {
|
|
|
4022
4022
|
&:hover {
|
|
4023
4023
|
background-color: var(--ac-global-color-gray-300);
|
|
4024
4024
|
}
|
|
4025
|
-
`,children:a})}function MS(){const n=rt(t=>t.treatOrphansAsRoots),a=rt(t=>t.setTreatOrphansAsRoots);return s(Lt,{children:[e(V,{size:"M","aria-label":"Filter Configuration",leadingVisual:e(_,{svg:e(Ng,{})})}),s(
|
|
4025
|
+
`,children:a})}function MS(){const n=rt(t=>t.treatOrphansAsRoots),a=rt(t=>t.setTreatOrphansAsRoots);return s(Lt,{children:[e(V,{size:"M","aria-label":"Filter Configuration",leadingVisual:e(_,{svg:e(Ng,{})})}),s(jr,{children:[e(qr,{}),e(_t,{children:e(C,{padding:"size-100",children:e(h,{direction:"column",gap:"size-100",children:e(Fa,{isSelected:n,onChange:t=>{a(t)},children:"Treat Orphan Spans as Roots"})})})})]})]})}function VS({projectName:n}){const[a,t]=u.useState("Python");return e(Z,{title:"Send Traces to this Project",size:"L",children:s(C,{padding:"size-400",overflow:"auto",children:[e(C,{paddingBottom:"size-100",children:e(Qt,{language:a,onChange:t})}),a==="Python"?e(ts,{projectName:n}):e(ls,{projectName:n})]})})}function Hc({projectName:n}){const[a,t]=u.useState(null),l=()=>{t(e(VS,{projectName:n}))};return s("tbody",{className:"is-empty",children:[e("tr",{children:e("td",{colSpan:100,css:F`
|
|
4026
4026
|
text-align: center;
|
|
4027
4027
|
padding: var(--ac-global-dimension-size-300)
|
|
4028
4028
|
var(--ac-global-dimension-size-300) !important;
|
|
@@ -4034,10 +4034,10 @@ fragment SpansTable_spans_xYL0c on Project {
|
|
|
4034
4034
|
align-items: center;
|
|
4035
4035
|
gap: var(--ac-global-dimension-static-size-100);
|
|
4036
4036
|
}
|
|
4037
|
-
`;function zS(n){const{columns:a}=n,t=je(c=>c.columnVisibility),l=je(c=>c.setColumnVisibility),i=
|
|
4037
|
+
`;function zS(n){const{columns:a}=n,t=je(c=>c.columnVisibility),l=je(c=>c.setColumnVisibility),i=u.useMemo(()=>a.filter(c=>!AS.includes(c.id)),[a]),r=u.useMemo(()=>i.every(c=>{const p=t[c.id];return p??!0}),[i,t]),o=u.useCallback(c=>{const{name:p,checked:f}=c.target;l({...t,[p]:f})},[t,l]),d=u.useCallback(c=>{const{checked:p}=c.target,f=i.reduce((m,g)=>({...m,[g.id]:p}),{});l(f)},[i,l]);return e("div",{css:F`
|
|
4038
4038
|
overflow-y: auto;
|
|
4039
4039
|
max-height: calc(100vh - 200px);
|
|
4040
|
-
`,children:s(C,{paddingTop:"size-50",paddingBottom:"size-50",children:[e(C,{borderBottomColor:"dark",borderBottomWidth:"thin",paddingBottom:"size-50",children:e("div",{css:xt,children:s("label",{children:[e("input",{type:"checkbox",name:"toggle-all",checked:r,onChange:d}),"span columns"]})})}),e("ul",{children:i.map(c=>{const p=t[c.id],
|
|
4040
|
+
`,children:s(C,{paddingTop:"size-50",paddingBottom:"size-50",children:[e(C,{borderBottomColor:"dark",borderBottomWidth:"thin",paddingBottom:"size-50",children:e("div",{css:xt,children:s("label",{children:[e("input",{type:"checkbox",name:"toggle-all",checked:r,onChange:d}),"span columns"]})})}),e("ul",{children:i.map(c=>{const p=t[c.id],f=p??!0,m=typeof c.columnDef.header=="string"?c.columnDef.header:c.id;return e("li",{css:xt,children:s("label",{children:[e("input",{type:"checkbox",name:c.id,checked:f,onChange:o}),m]})},c.id)})}),e(NS,{...n})]})})}function NS({query:n}){const a=I.useFragment(Gc,n),t=je(o=>o.annotationColumnVisibility),l=je(o=>o.setAnnotationColumnVisibility),i=u.useMemo(()=>a.spanAnnotationNames.every(o=>t[o]||!1),[a.spanAnnotationNames,t]),r=u.useCallback(()=>{const o=a.spanAnnotationNames.reduce((d,c)=>({...d,[c]:!i}),{});l(o)},[a.spanAnnotationNames,l,i]);return s("section",{children:[e(C,{paddingTop:"size-50",paddingBottom:"size-50",borderColor:"dark",borderTopWidth:"thin",borderBottomWidth:"thin",children:e("div",{css:xt,children:s("label",{children:[e("input",{type:"checkbox",name:"toggle-evaluations-all",checked:i,onChange:r}),"feedback"]})})}),e("ul",{children:a.spanAnnotationNames.map(o=>{const d=t[o]??!1;return e("li",{css:xt,children:s("label",{children:[e("input",{type:"checkbox",name:o,checked:d,onChange:()=>{l({...t,[o]:!d})}}),o]})},o)})})]})}const Jc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"condition"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"condition",variableName:"condition"}],concreteType:"ValidationResult",kind:"LinkedField",name:"validateSpanFilterCondition",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"isValid",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorMessage",storageKey:null}],storageKey:null}],type:"Project",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanFilterConditionFieldValidationQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanFilterConditionFieldValidationQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}]},params:{cacheID:"29583e7ec666cef832dc7effb9e75678",id:null,metadata:{},name:"SpanFilterConditionFieldValidationQuery",operationKind:"query",text:`query SpanFilterConditionFieldValidationQuery(
|
|
4041
4041
|
$condition: String!
|
|
4042
4042
|
$id: GlobalID!
|
|
4043
4043
|
) {
|
|
@@ -4084,7 +4084,7 @@ fragment SpansTable_spans_xYL0c on Project {
|
|
|
4084
4084
|
border-color: var(--ac-global-color-danger);
|
|
4085
4085
|
}
|
|
4086
4086
|
box-sizing: border-box;
|
|
4087
|
-
`;function $S(n){const a=n.matchBefore(/\w*/);return!a||a.from==a.to&&!n.explicit?null:{from:a.from,options:[{label:"span_kind",type:"variable",info:"The span variant: CHAIN, LLM, RETRIEVER, TOOL, etc."},{label:"status_code",type:"variable",info:"The span status: OK, UNSET, or ERROR"},{label:"input.value",type:"variable",info:"The input value of a span, typically a query"},{label:"output.value",type:"variable",info:"The output value of a span, typically a response"},{label:"name",type:"variable",info:"The name given to a span - e.x. OpenAI"},{label:"latency_ms",type:"variable",info:"Latency (i.e. duration) in milliseconds"},{label:"cumulative_token_count.prompt",type:"variable",info:"Sum of token count for prompt from self and all child spans"},{label:"cumulative_token_count.completion",type:"variable",info:"Sum of token count for completion from self and all child spans"},{label:"cumulative_token_count.total",type:"variable",info:"Sum of token count total (prompt + completion) from self and all child spans"},{label:"llm spans",type:"text",apply:"span_kind == 'LLM'",detail:"macro"},{label:"retriever spans",type:"text",apply:"span_kind == 'RETRIEVER'",detail:"macro"},{label:"search input",type:"text",apply:"'' in input.value",detail:"macro"},{label:"search output",type:"text",apply:"'' in output.value",detail:"macro"},{label:"status_code error",type:"text",apply:"status_code == 'ERROR'",detail:"macro"},{label:"Latency >= 10s",type:"text",apply:"latency_ms >= 10_000",detail:"macro"},{label:"Tokens >= 1,000",type:"text",apply:"llm.token_count.total >= 1_000",detail:"macro"},{label:"Hallucinations",type:"text",apply:"annotations['Hallucination'].label == 'hallucinated'",detail:"macro"},{label:"Annotations",type:"text",apply:"annotations['Hallucination'].label == 'hallucinated'",detail:"macro"},{label:"Metadata",type:"text",apply:"metadata['topic'] == 'agent'",detail:"macro"},{label:"Substring",type:"text",apply:"'agent' in input.value",detail:"macro"}]}}async function OS(n,a){if(!n)return{isValid:!0,errorMessage:null};const t=await pt.fetchQuery(Ke,Jc,{condition:n,id:a}).toPromise();if(!t)throw new Error("Filter condition validation is null");return t.project.validateSpanFilterCondition}const QS=[
|
|
4087
|
+
`;function $S(n){const a=n.matchBefore(/\w*/);return!a||a.from==a.to&&!n.explicit?null:{from:a.from,options:[{label:"span_kind",type:"variable",info:"The span variant: CHAIN, LLM, RETRIEVER, TOOL, etc."},{label:"status_code",type:"variable",info:"The span status: OK, UNSET, or ERROR"},{label:"input.value",type:"variable",info:"The input value of a span, typically a query"},{label:"output.value",type:"variable",info:"The output value of a span, typically a response"},{label:"name",type:"variable",info:"The name given to a span - e.x. OpenAI"},{label:"latency_ms",type:"variable",info:"Latency (i.e. duration) in milliseconds"},{label:"cumulative_token_count.prompt",type:"variable",info:"Sum of token count for prompt from self and all child spans"},{label:"cumulative_token_count.completion",type:"variable",info:"Sum of token count for completion from self and all child spans"},{label:"cumulative_token_count.total",type:"variable",info:"Sum of token count total (prompt + completion) from self and all child spans"},{label:"llm spans",type:"text",apply:"span_kind == 'LLM'",detail:"macro"},{label:"retriever spans",type:"text",apply:"span_kind == 'RETRIEVER'",detail:"macro"},{label:"search input",type:"text",apply:"'' in input.value",detail:"macro"},{label:"search output",type:"text",apply:"'' in output.value",detail:"macro"},{label:"status_code error",type:"text",apply:"status_code == 'ERROR'",detail:"macro"},{label:"Latency >= 10s",type:"text",apply:"latency_ms >= 10_000",detail:"macro"},{label:"Tokens >= 1,000",type:"text",apply:"llm.token_count.total >= 1_000",detail:"macro"},{label:"Hallucinations",type:"text",apply:"annotations['Hallucination'].label == 'hallucinated'",detail:"macro"},{label:"Annotations",type:"text",apply:"annotations['Hallucination'].label == 'hallucinated'",detail:"macro"},{label:"Metadata",type:"text",apply:"metadata['topic'] == 'agent'",detail:"macro"},{label:"Substring",type:"text",apply:"'agent' in input.value",detail:"macro"}]}}async function OS(n,a){if(!n)return{isValid:!0,errorMessage:null};const t=await pt.fetchQuery(Ke,Jc,{condition:n,id:a}).toPromise();if(!t)throw new Error("Filter condition validation is null");return t.project.validateSpanFilterCondition}const QS=[ai.of([{key:"Enter",run:n=>!0}]),yt(),ds({override:[$S]})];function Yc(n){const{onValidCondition:a,placeholder:t="filter condition (e.x. span_kind == 'LLM')"}=n,[l,i]=u.useState(!1),[r,o]=u.useState(""),{filterCondition:d,setFilterCondition:c,appendFilterCondition:p}=sl(),f=u.useDeferredValue(d),{theme:m}=On(),g=m==="light"?da:ca,{projectId:y}=Be();u.useEffect(()=>{OS(f,y).then(S=>{S!=null&&S.isValid?(o(""),u.startTransition(()=>{a(f)})):o((S==null?void 0:S.errorMessage)??"Invalid filter condition")})},[a,f,y]);const k=r!=="";return s("div",{"data-is-focused":l,"data-is-invalid":k,className:"span-filter-condition-field",css:Xc,children:[s(h,{direction:"row",children:[e(El,{children:e(_,{svg:e(ni,{})})}),e(ua,{css:Zc,indentWithTab:!1,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1,defaultKeymap:!1},onFocus:()=>i(!0),onBlur:()=>i(!1),value:d,onChange:c,height:"36px",width:"100%",theme:g,placeholder:t,extensions:QS}),e("button",{css:F`
|
|
4088
4088
|
margin-right: var(--ac-global-dimension-static-size-100);
|
|
4089
4089
|
color: var(--ac-global-text-color-700);
|
|
4090
4090
|
visibility: ${d!==""?"visible":"hidden"};
|
|
@@ -4094,7 +4094,7 @@ fragment SpansTable_spans_xYL0c on Project {
|
|
|
4094
4094
|
padding-left: var(--ac-global-dimension-static-size-100);
|
|
4095
4095
|
padding-right: var(--ac-global-dimension-static-size-100);
|
|
4096
4096
|
height: 100%;
|
|
4097
|
-
`,className:"button--reset",children:e(_,{svg:e(_n,{})})})}),e(jS,{onAddFilterConditionSnippet:p})]})]}),s(ve,{isOpen:k&&l,placement:"bottom",children:[e(Oe,{children:e("div",{})}),e(la,{children:r!=""?e(v,{color:"danger",children:r}):e(v,{color:"success",children:"Valid Expression"})})]})]})}function jS(n){const{onAddFilterConditionSnippet:a}=n;return e(C,{width:"500px",padding:"size-200",borderRadius:"medium",borderWidth:"thin",borderColor:"light",backgroundColor:"light",children:s(h,{direction:"column",gap:"size-100",children:[e(ya,{label:"filter by kind",initialSnippet:"span_kind == 'LLM'",onAddFilterConditionSnippet:a},"kind"),e(ya,{label:"filter by token count",initialSnippet:"cumulative_token_count.total > 1000",onAddFilterConditionSnippet:a},"token_count"),e(ya,{label:"filter by annotation label",initialSnippet:"annotations['Hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"annotation_label"),e(ya,{label:"filter by evaluation label",initialSnippet:"evals['Hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"eval_label"),e(ya,{label:"filter by evaluation score",initialSnippet:"evals['Hallucination'].score < 1",onAddFilterConditionSnippet:a},"eval_score"),e(ya,{label:"filter by metadata",initialSnippet:"metadata['topic'] == 'agent'",onAddFilterConditionSnippet:a},"metadata"),e(ya,{label:"filter by substring",initialSnippet:"'agent' in input.value",onAddFilterConditionSnippet:a},"substring")]})})}function ya(n){const{initialSnippet:a,onAddFilterConditionSnippet:t}=n,[l,i]=
|
|
4097
|
+
`,className:"button--reset",children:e(_,{svg:e(_n,{})})})}),e(jS,{onAddFilterConditionSnippet:p})]})]}),s(ve,{isOpen:k&&l,placement:"bottom",children:[e(Oe,{children:e("div",{})}),e(la,{children:r!=""?e(v,{color:"danger",children:r}):e(v,{color:"success",children:"Valid Expression"})})]})]})}function jS(n){const{onAddFilterConditionSnippet:a}=n;return e(C,{width:"500px",padding:"size-200",borderRadius:"medium",borderWidth:"thin",borderColor:"light",backgroundColor:"light",children:s(h,{direction:"column",gap:"size-100",children:[e(ya,{label:"filter by kind",initialSnippet:"span_kind == 'LLM'",onAddFilterConditionSnippet:a},"kind"),e(ya,{label:"filter by token count",initialSnippet:"cumulative_token_count.total > 1000",onAddFilterConditionSnippet:a},"token_count"),e(ya,{label:"filter by annotation label",initialSnippet:"annotations['Hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"annotation_label"),e(ya,{label:"filter by evaluation label",initialSnippet:"evals['Hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"eval_label"),e(ya,{label:"filter by evaluation score",initialSnippet:"evals['Hallucination'].score < 1",onAddFilterConditionSnippet:a},"eval_score"),e(ya,{label:"filter by metadata",initialSnippet:"metadata['topic'] == 'agent'",onAddFilterConditionSnippet:a},"metadata"),e(ya,{label:"filter by substring",initialSnippet:"'agent' in input.value",onAddFilterConditionSnippet:a},"substring")]})})}function ya(n){const{initialSnippet:a,onAddFilterConditionSnippet:t}=n,[l,i]=u.useState(a),{theme:r}=On(),o=r==="light"?da:ca;return e(ra,{label:n.label,children:s(h,{direction:"row",width:"100%",gap:"size-100",children:[e("div",{css:F(Xc,F`
|
|
4098
4098
|
flex: 1 1 auto;
|
|
4099
4099
|
`),children:e(ua,{value:l,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[yt()],editable:!0,onChange:i,theme:o,css:Zc})}),e(V,{"aria-label":"Add to filter condition",variant:"default",onPress:()=>t(l),leadingVisual:e(_,{svg:e(_n,{})})})]})})}const eu=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:"eb52eb7c9b255069f86fde333d3c1c75",id:null,metadata:{},name:"SpanSelectionToolbarDeleteTracesMutation",operationKind:"mutation",text:`mutation SpanSelectionToolbarDeleteTracesMutation(
|
|
4100
4100
|
$traceIds: [GlobalID!]!
|
|
@@ -4140,11 +4140,11 @@ fragment DatasetSelectorPopoverContent_datasets on Query {
|
|
|
4140
4140
|
}
|
|
4141
4141
|
}
|
|
4142
4142
|
}
|
|
4143
|
-
`}};lu.hash="7cd8a13144d97d2b5294f2a09c9e1351";function qS(n){const{onCreateNewDataset:a,onDatasetSelected:t}=n,[l,i]=
|
|
4143
|
+
`}};lu.hash="7cd8a13144d97d2b5294f2a09c9e1351";function qS(n){const{onCreateNewDataset:a,onDatasetSelected:t}=n,[l,i]=u.useState(""),r=I.useLazyLoadQuery(lu,{},{fetchPolicy:"network-only"});return s(B,{title:"Add to Dataset",variant:"compact",backgroundColor:"light",borderColor:"light",bodyStyle:{padding:0},extra:e(V,{variant:"default",size:"S",onPress:a,children:"New Dataset"}),children:[e(C,{padding:"size-100",children:e(Og,{onChange:o=>{i(o)},children:e(re,{placeholder:"Search datasets"})})}),e(C,{borderTopWidth:"thin",borderColor:"light",children:e("div",{css:F`
|
|
4144
4144
|
height: 400px;
|
|
4145
4145
|
overflow-y: auto;
|
|
4146
4146
|
min-width: 300px;
|
|
4147
|
-
`,children:e(BS,{query:r,search:l,onDatasetSelected:t})})})]})}function BS(n){const{search:a,onDatasetSelected:t}=n,[l]=I.useRefetchableFragment(tu,n.query),i=
|
|
4147
|
+
`,children:e(BS,{query:r,search:l,onDatasetSelected:t})})})]})}function BS(n){const{search:a,onDatasetSelected:t}=n,[l]=I.useRefetchableFragment(tu,n.query),i=u.useMemo(()=>{let o=l.datasets.edges.map(d=>d.dataset);return a&&(o=o.filter(d=>d.name.toLowerCase().includes(a.toLowerCase()))),o},[a,l]);return i.length===0?e(C,{padding:"size-200",children:e(h,{direction:"column",justifyContent:"center",alignItems:"center",flex:"1 1 auto",children:e(v,{children:"No datasets found"})})}):e(At,{selectionMode:"single",onSelectionChange:o=>{if(typeof o=="object"){const d=Array.from(o);t(d[0])}},children:i.map(o=>e(ie,{children:o.name},o.id))})}function iu(n){const a=ue(),[t,l]=u.useState(null),i=ke(),r=Ie(),[o,d]=u.useState(!1),{selectedSpans:c,onClearSelection:p}=n,[f,m]=I.useMutation(nu),[g,y]=I.useMutation(eu),k=c.length!==1,b=u.useCallback(T=>{f({variables:{input:{datasetId:T,spanIds:c.map(x=>x.id)}},onCompleted:()=>{i({title:"Examples added to dataset",message:`${c.length} example${k?"s have":" has"} been added to the dataset.`,action:{text:"View dataset",onClick:()=>{a(`/datasets/${T}/examples`)}}}),p()},onError:x=>{const L=De(x);r({title:"An error occurred",message:`Failed to add spans to dataset: ${(L==null?void 0:L[0])??x.message}`})}})},[f,c,i,k,p,a,r]),S=u.useCallback(()=>{const T=[...new Set(c.map(x=>x.traceId))];g({variables:{traceIds:T},onCompleted:()=>{i({title:"Traces deleted",message:`${T.length} trace${T.length!==1?"s have":" has"} been deleted.`}),p()},onError:x=>{const L=De(x);r({title:"An error occurred",message:`Failed to delete traces: ${(L==null?void 0:L[0])??x.message}`})}})},[g,c,i,p,r]),K=u.useCallback(()=>{l(s(Z,{size:"S",title:"Delete Traces",isDismissable:!0,onDismiss:()=>l(null),children:[e(C,{padding:"size-200",children:e(v,{color:"danger",children:"Are you sure you want to delete the selected spans and their traces?"})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(V,{variant:"danger",onPress:()=>{S(),l(null)},children:"Delete Traces"})})})]}))},[S]);return s("div",{css:F`
|
|
4148
4148
|
position: absolute;
|
|
4149
4149
|
bottom: var(--ac-global-dimension-size-600);
|
|
4150
4150
|
left: 50%;
|
|
@@ -4152,10 +4152,10 @@ fragment DatasetSelectorPopoverContent_datasets on Query {
|
|
|
4152
4152
|
z-index: 1000;
|
|
4153
4153
|
box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.4);
|
|
4154
4154
|
border-radius: var(--ac-global-rounding-medium);
|
|
4155
|
-
`,children:[e(C,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(v,{children:`${c.length} span${k?"s":""} selected`}),s(h,{direction:"row",gap:"size-100",children:[e(V,{variant:"default",size:"S",onPress:p,children:"Cancel"}),s(Va,{placement:"top end",crossOffset:300,isOpen:o,onOpenChange:T=>{d(T)},children:[e(Oe,{children:e(V,{variant:"default",size:"S",leadingVisual:
|
|
4155
|
+
`,children:[e(C,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(v,{children:`${c.length} span${k?"s":""} selected`}),s(h,{direction:"row",gap:"size-100",children:[e(V,{variant:"default",size:"S",onPress:p,children:"Cancel"}),s(Va,{placement:"top end",crossOffset:300,isOpen:o,onOpenChange:T=>{d(T)},children:[e(Oe,{children:e(V,{variant:"default",size:"S",leadingVisual:m?e(We,{}):e(Nt,{}),onPress:()=>{d(!0)},isDisabled:m,children:m?"Adding...":"Add to Dataset"})}),e(u.Suspense,{children:e(qS,{onDatasetSelected:T=>{b(T),d(!1)},onCreateNewDataset:()=>{d(!1),l(e(Z,{title:"New Dataset",isDismissable:!0,onDismiss:()=>l(null),children:e(is,{onDatasetCreateError:T=>{const x=De(T);r({title:"Dataset creation failed",message:`Failed to create dataset: ${(x==null?void 0:x[0])??T.message}`})},onDatasetCreated:T=>{l(null),i({title:"Dataset created",message:`${T.name} has been successfully created.`}),d(!0)}})}))}})})]}),e(V,{variant:"danger",size:"S",leadingVisual:e(_,{svg:y?e(We,{}):e(Ye,{})}),isDisabled:y,onPress:K,children:y?"Deleting...":"Delete"})]})]})}),e(ae,{onDismiss:()=>{l(null)},children:t})]})}const ct="annotations",Rn=":",ru={col:"startTime",dir:"desc"};function su(n){let a=null,t=null;if(n.id&&n.id.startsWith(ct)){const[,l,i]=n.id.split(Rn);t={attr:l,name:i}}else a=n.id;return{col:a,evalResultKey:t,dir:n.desc?"desc":"asc"}}const Ft=ii,US={minSize:100};function HS(n){return n==="root"||n==="all"}const ou=({table:n,hasNext:a,onLoadNext:t,tableWidth:l,isLoadingNext:i})=>{const r=ue();return s("tbody",{children:[n.getRowModel().rows.map(o=>e("tr",{onClick:()=>r(`${o.original.trace.traceId}?selectedSpanNodeId=${o.original.id}`),children:o.getVisibleCells().map(d=>e("td",{style:{height:1,width:`calc(var(--col-${d.column.id}-size) * 1px)`,maxWidth:`calc(var(--col-${d.column.id}-size) * 1px)`,textWrap:"nowrap",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:J(d.column.columnDef.cell,d.getContext())},d.id))},o.id)),a?e(Qg,{onLoadMore:t,width:l,isLoadingNext:i},"load-more"):null]})},GS=he.memo(ou,(n,a)=>n.table.options.data===a.table.options.data);function WS(n){const{fetchKey:a}=Pa(),t=u.useRef(null),l=u.useRef(!0),[i,r]=u.useState({}),[o,d]=u.useState([]),[c,p]=u.useState(""),[f,m]=u.useState(!0),g=je(E=>E.columnVisibility),{data:y,loadNext:k,hasNext:b,isLoadingNext:S,refetch:K}=I.usePaginationFragment(jc,n.project),T=je(E=>E.annotationColumnVisibility),x=u.useMemo(()=>Object.keys(T).filter(E=>T[E]),[T]),L=u.useMemo(()=>y.spans.edges.map(({span:N})=>N),[y]),P=x.map(E=>({header:E,columns:[{header:"label",accessorKey:`${ct}${Rn}label${Rn}${E}`,cell:({row:N})=>{const ee=N.original.spanAnnotations.find(ye=>ye.name===E);return ee?ee.label:null}},{header:"score",accessorKey:`${ct}${Rn}score${Rn}${E}`,cell:({row:N})=>{const ee=N.original.spanAnnotations.find(ye=>ye.name===E);return ee?ee.score:null}}]})),D=[{header:()=>s(h,{direction:"row",gap:"size-50",children:[e("span",{children:"feedback"}),s(Aa,{children:[e(se,{level:3,weight:"heavy",children:"Feedback"}),e(ia,{children:"Feedback includes evaluations and human annotations logged via the API or set via the UI."})]})]}),id:"feedback",accessorKey:"spanAnnotations",enableSorting:!1,cell:({row:E})=>s(h,{direction:"row",gap:"size-50",wrap:"wrap",children:[E.original.spanAnnotations.map(N=>e(za,{annotation:N,layout:"horizontal",width:"500px",extra:e(Uc,{annotation:N}),children:e(Nn,{annotation:N,annotationDisplayPreference:"label"})},N.name)),E.original.documentRetrievalMetrics.map(N=>s(U,{children:[e(tn,{name:N.evaluationName,metric:"ndcg",score:N.ndcg},"ndcg"),e(tn,{name:N.evaluationName,metric:"precision",score:N.precision},"precision"),e(tn,{name:N.evaluationName,metric:"hit",score:N.hit},"hit")]}))]})},...P],$=[{id:"select",maxSize:10,header:({table:E})=>e(na,{checked:E.getIsAllRowsSelected(),indeterminate:E.getIsSomeRowsSelected(),onChange:E.getToggleAllRowsSelectedHandler()}),cell:({row:E})=>e(na,{checked:E.getIsSelected(),disabled:!E.getCanSelect(),indeterminate:E.getIsSomeSelected(),onChange:E.getToggleSelectedHandler()})},{header:"status",accessorKey:"statusCode",maxSize:30,enableSorting:!1,cell:({getValue:E})=>{const N=E();return e(h,{direction:"row",gap:"size-50",alignItems:"center",children:e(qt,{statusCode:N})})}},{header:"kind",accessorKey:"spanKind",maxSize:100,enableSorting:!1,cell:({getValue:E})=>e(Bl,{spanKind:E()})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:E,row:N})=>{const ee=N.original,{traceId:ye}=ee.trace;return e(Ze,{to:`${ye}?selectedSpanNodeId=${ee.id}`,children:E()})}},{header:"input",accessorKey:"input.value",cell:Ee,enableSorting:!1},{header:"output",accessorKey:"output.value",cell:Ee,enableSorting:!1},{header:"metadata",accessorKey:"metadata",cell:({row:E})=>e(Bc,{metadata:E.original.metadata}),enableSorting:!1},...D,{header:"start time",accessorKey:"startTime",cell:Re},{header:"latency",accessorKey:"latencyMs",cell:({getValue:E})=>{const N=E();return N===null||typeof N!="number"?null:e(Me,{latencyMs:N})}},{header:f?"cumulative tokens":"total tokens",accessorKey:f?"cumulativeTokenCountTotal":"tokenCountTotal",cell:({row:E,getValue:N})=>{if(N()===null)return"--";const ye=E.original,en=f?ye.cumulativeTokenCountTotal:ye.tokenCountTotal,Un=f?ye.cumulativeTokenCountPrompt:ye.tokenCountPrompt,Ha=f?ye.cumulativeTokenCountCompletion:ye.tokenCountCompletion;return e(oa,{tokenCountTotal:en||0,tokenCountPrompt:Un||0,tokenCountCompletion:Ha||0})}}];u.useEffect(()=>{if(l.current===!0){l.current=!1;return}u.startTransition(()=>{const E=o[0];K({sort:E?su(E):ru,after:null,first:Ft,filterCondition:c,rootSpansOnly:f},{fetchPolicy:"store-and-network"})})},[o,K,c,a,f]);const R=u.useCallback(E=>{if(E){const{scrollHeight:N,scrollTop:ee,clientHeight:ye}=E;N-ee-ye<300&&!S&&b&&k(Ft)}},[b,S,k]),Q=je(E=>E.setColumnSizing),z=je(E=>E.columnSizing),A=Le({columns:$,data:L,state:{sorting:o,columnVisibility:g,rowSelection:i,columnSizing:z},defaultColumn:US,columnResizeMode:"onChange",manualSorting:!0,enableRowSelection:!0,onRowSelectionChange:r,onSortingChange:d,onColumnSizingChange:Q,getCoreRowModel:we(),getSortedRowModel:In()}),j=A.getRowModel().rows,Y=A.getSelectedRowModel().rows,de=Y.map(E=>({id:E.original.id,traceId:E.original.trace.id})),be=u.useCallback(()=>{r({})},[r]),wn=j.length===0,hn=A.getAllColumns().filter(E=>E.columns.length===0),{columnSizingInfo:ga,columnSizing:Ua}=A.getState(),q=A.getFlatHeaders,le=hn.length,[te,M]=he.useMemo(()=>{const E=q(),N={};let ee=0;for(let ye=0;ye<E.length;ye++){const en=E[ye];N[`--header-${en.id}-size`]=en.getSize(),N[`--col-${en.column.id}-size`]=en.column.getSize(),ee+=en.getSize()}return[N,ee]},[q,ga,Ua,le]);return s("div",{css:bi,children:[e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:s(h,{direction:"row",gap:"size-100",width:"100%",alignItems:"center",children:[e(Yc,{onValidCondition:p}),s(Xl,{"aria-label":"Toggle between root and all spans",selectionMode:"single",selectedKeys:[f?"root":"all"],onSelectionChange:E=>{if(E.size===0)return;const N=E.keys().next().value;if(HS(N))m(N==="root");else throw new Error(`Unknown root span filter selection: ${N}`)},children:[e(Xn,{"aria-label":"root spans",id:"root",children:"Root Spans"}),e(Xn,{"aria-label":"all spans",id:"all",children:"All"})]}),e(Wc,{columns:hn,query:y}),e(MS,{})]})}),e("div",{css:F`
|
|
4156
4156
|
flex: 1 1 auto;
|
|
4157
4157
|
overflow: auto;
|
|
4158
|
-
`,onScroll:E=>R(E.target),ref:t,children:s("table",{css:sa,style:{...te,width:A.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:A.getHeaderGroups().map(E=>e("tr",{children:E.headers.map(N=>e("th",{style:{width:`calc(var(--header-${N.id}-size) * 1px)`},children:N.isPlaceholder?null:s(U,{children:[s("div",{className:N.column.getCanSort()?"cursor-pointer":"",onClick:N.column.getToggleSortingHandler(),style:{left:N.getStart(),width:N.getSize()},children:[J(N.column.columnDef.header,N.getContext()),N.column.getIsSorted()?e(_,{className:"sort-icon",svg:N.column.getIsSorted()==="asc"?e(cn,{}):e(un,{})}):null]}),e("div",{onMouseDown:N.getResizeHandler(),onTouchStart:N.getResizeHandler(),className:`resizer ${N.column.getIsResizing()?"isResizing":""}`})]})},N.id))},E.id))}),wn?e(Hc,{projectName:
|
|
4158
|
+
`,onScroll:E=>R(E.target),ref:t,children:s("table",{css:sa,style:{...te,width:A.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:A.getHeaderGroups().map(E=>e("tr",{children:E.headers.map(N=>e("th",{style:{width:`calc(var(--header-${N.id}-size) * 1px)`},children:N.isPlaceholder?null:s(U,{children:[s("div",{className:N.column.getCanSort()?"cursor-pointer":"",onClick:N.column.getToggleSortingHandler(),style:{left:N.getStart(),width:N.getSize()},children:[J(N.column.columnDef.header,N.getContext()),N.column.getIsSorted()?e(_,{className:"sort-icon",svg:N.column.getIsSorted()==="asc"?e(cn,{}):e(un,{})}):null]}),e("div",{onMouseDown:N.getResizeHandler(),onTouchStart:N.getResizeHandler(),className:`resizer ${N.column.getIsResizing()?"isResizing":""}`})]})},N.id))},E.id))}),wn?e(Hc,{projectName:y.name}):ga.isResizingColumn?e(GS,{table:A,hasNext:b,onLoadNext:()=>k(Ft),tableWidth:M,isLoadingNext:S}):e(ou,{table:A,hasNext:b,onLoadNext:()=>k(Ft),tableWidth:M,isLoadingNext:S})]})}),Y.length?e(iu,{selectedSpans:de,onClearSelection:be}):null]})}function JS({queryReference:n}){const a=I.usePreloadedQuery(lo,n);return e(WS,{project:a.project})}const T2=()=>{const{spansQueryReference:n}=nl();return n?s(vi,{children:[e(Si,{children:e(u.Suspense,{fallback:e(Fe,{}),children:e(JS,{queryReference:n})})}),e(u.Suspense,{children:e(Te,{})})]}):null},du=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},t={defaultValue:30,kind:"LocalArgument",name:"first"},l={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},r={defaultValue:null,kind:"LocalArgument",name:"timeRange"},o=[{kind:"Variable",name:"id",variableName:"id"}],d={kind:"Variable",name:"after",variableName:"after"},c={kind:"Variable",name:"filterCondition",variableName:"filterCondition"},p={kind:"Variable",name:"first",variableName:"first"},f={kind:"Variable",name:"sort",variableName:"sort"},m={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},k=[d,c,p,{kind:"Literal",name:"rootSpansOnly",value:!0},f,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],b={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},K={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},T={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},x=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],L={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:x,storageKey:null},P={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:x,storageKey:null},D={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},$={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},R={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[g,y,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},Q={alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:[n,a,t,l,i,r],kind:"Fragment",metadata:null,name:"TracesTableQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[d,c,p,f],kind:"FragmentSpread",name:"TracesTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,t,i,r,l],kind:"Operation",name:"TracesTableQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[m,{kind:"TypeDiscriminator",abstractKey:"__isNode"},g,{kind:"InlineFragment",selections:[y,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:"rootSpans",args:k,concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"rootSpan",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[g,b,y,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},S,K,{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountCompletion",storageKey:null},T,L,P,D,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[g,$,{alias:null,args:null,kind:"ScalarField",name:"numSpans",storageKey:null}],storageKey:null},R,Q,{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:[g,b,y,{alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},S,K,T,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"cumulativeTokenCountPrompt",args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:"cumulativeTokenCountCompletion",args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},L,P,D,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[g,$],storageKey:null},R,Q],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:[m],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:"rootSpans",args:k,filters:["sort","rootSpansOnly","filterCondition","timeRange"],handle:"connection",key:"TracesTable_rootSpans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"d0a1b8418330452126093b027f027f43",id:null,metadata:{},name:"TracesTableQuery",operationKind:"query",text:`query TracesTableQuery(
|
|
4159
4159
|
$after: String = null
|
|
4160
4160
|
$filterCondition: String = null
|
|
4161
4161
|
$first: Int = 30
|
|
@@ -4270,11 +4270,11 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
4270
4270
|
}
|
|
4271
4271
|
id
|
|
4272
4272
|
}
|
|
4273
|
-
`}}}();du.hash="946e6d9bfbf43ac9def8bfcc2ff30661";const cu=function(){var n=["rootSpans"],a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},o={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},d=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],c={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:d,storageKey:null},p={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:d,storageKey:null},
|
|
4273
|
+
`}}}();du.hash="946e6d9bfbf43ac9def8bfcc2ff30661";const cu=function(){var n=["rootSpans"],a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},o={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},d=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],c={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:d,storageKey:null},p={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:d,storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},m={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},g={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[t,a,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},y={alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"filterCondition"},{defaultValue:30,kind:"LocalArgument",name:"first"},{defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:du,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"TracesTable_spans",selections:[a,{args:null,kind:"FragmentSpread",name:"SpanColumnSelector_annotations"},{alias:"rootSpans",args:[{kind:"Variable",name:"filterCondition",variableName:"filterCondition"},{kind:"Literal",name:"rootSpansOnly",value:!0},{kind:"Variable",name:"sort",variableName:"sort"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"SpanConnection",kind:"LinkedField",name:"__TracesTable_rootSpans_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"rootSpan",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[t,l,a,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},i,r,{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountCompletion",storageKey:null},o,c,p,f,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[t,m,{alias:null,args:null,kind:"ScalarField",name:"numSpans",storageKey:null}],storageKey:null},g,y,{alias:null,args:[{kind:"Literal",name:"first",value:50}],concreteType:"SpanConnection",kind:"LinkedField",name:"descendants",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[t,l,a,{alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},i,r,o,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"cumulativeTokenCountPrompt",args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:"cumulativeTokenCountCompletion",args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},c,p,f,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[t,m],storageKey:null},g,y],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:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},t],type:"Project",abstractKey:null}}();cu.hash="946e6d9bfbf43ac9def8bfcc2ff30661";const dr=ii,ZS=50,uu=({table:n})=>{const a=ue();return e("tbody",{children:n.getRowModel().rows.map(t=>e("tr",{onClick:()=>a(`${t.original.trace.traceId}`),"data-is-additional-row":t.original.__additionalRow,css:ev,children:t.getVisibleCells().map(l=>e("td",{style:{height:1,width:`calc(var(--col-${l.column.id}-size) * 1px)`,maxWidth:`calc(var(--col-${l.column.id}-size) * 1px)`,textWrap:"nowrap",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:J(l.column.columnDef.cell,l.getContext())},l.id))},t.id))})},XS=he.memo(uu,(n,a)=>n.table.options.data===a.table.options.data),YS=({row:n})=>n.original.__additionalRow?null:e(Bc,{metadata:n.original.metadata}),ev=F`
|
|
4274
4274
|
&[data-is-additional-row="true"] {
|
|
4275
4275
|
box-shadow: inset 0 -10px 20px var(--ac-global-color-grey-100);
|
|
4276
4276
|
}
|
|
4277
|
-
`;function mu(n){const{children:a}=n,t=[];for(const l of a){const i={...l.span,children:mu({children:l.children})};t.push(i)}return t}function nv(n){const a=
|
|
4277
|
+
`;function mu(n){const{children:a}=n,t=[];for(const l of a){const i={...l.span,children:mu({children:l.children})};t.push(i)}return t}function nv(n){const a=u.useRef(null),t=u.useRef(!0),[l,i]=u.useState({}),[r,o]=u.useState([]),[d,c]=u.useState(""),{fetchKey:p}=Pa(),{data:f,loadNext:m,hasNext:g,isLoadingNext:y,refetch:k}=I.usePaginationFragment(cu,n.project),b=je(M=>M.annotationColumnVisibility),S=u.useMemo(()=>Object.keys(b).filter(M=>b[M]),[b]),K=u.useMemo(()=>f.rootSpans.edges.map(({rootSpan:M})=>{const E=jg([M,...M.descendants.edges.map(({node:ye})=>ye)]),[N]=mu({children:E}),ee=M.trace.numSpans-ZS-1;return ee>0&&(N.children=[...N.children,{...N,__additionalRow:!0,name:`+ ${ee} more span${ee>1?"s":""}`,id:`additional-${N.id}`,input:{value:""},output:{value:""},metadata:null,spanAnnotations:[],documentRetrievalMetrics:[],children:[]}]),N}),[f]),T=u.useMemo(()=>S.map(M=>({header:M,columns:[{header:"label",accessorKey:`${ct}${Rn}label${Rn}${M}`,cell:({row:E})=>{const ee=E.original.spanAnnotations.find(ye=>ye.name===M);return ee?ee.label:null}},{header:"score",accessorKey:`${ct}${Rn}score${Rn}${M}`,cell:({row:E})=>{const N=E.original.spanAnnotations.find(ee=>ee.name===M);return N?N.score:null}}]})),[S]),x=u.useMemo(()=>[{header:()=>s(h,{direction:"row",gap:"size-50",children:[e("span",{children:"feedback"}),s(Aa,{children:[e(se,{level:3,weight:"heavy",children:"Feedback"}),e(ia,{children:"Feedback includes evaluations and human annotations logged via the API or set via the UI."})]})]}),id:"feedback",accessorKey:"spanAnnotations",enableSorting:!1,cell:({row:M})=>{if(M.original.__additionalRow)return null;const E=M.original.spanAnnotations.length===0&&M.original.documentRetrievalMetrics.length===0;return s(h,{direction:"row",gap:"size-50",wrap:"wrap",children:[M.original.spanAnnotations.map(N=>e(za,{annotation:N,layout:"horizontal",width:"500px",extra:e(Uc,{annotation:N}),children:e(Nn,{annotation:N,annotationDisplayPreference:"label"})},N.name)),M.original.documentRetrievalMetrics.map(N=>s(u.Fragment,{children:[e(tn,{name:N.evaluationName,metric:"ndcg",score:N.ndcg},"ndcg"),e(tn,{name:N.evaluationName,metric:"precision",score:N.precision},"precision"),e(tn,{name:N.evaluationName,metric:"hit",score:N.hit},"hit")]},"doc-evals")),E?"--":null]})}},...T],[T]),L=u.useMemo(()=>[{id:"select",maxSize:10,header:({table:M})=>e(na,{checked:M.getIsAllRowsSelected(),indeterminate:M.getIsSomeRowsSelected(),onChange:M.getToggleAllRowsSelectedHandler()}),cell:({row:M})=>M.original.__additionalRow?null:e(na,{checked:M.getIsSelected(),disabled:!M.getCanSelect(),indeterminate:M.getIsSomeSelected(),onChange:M.getToggleSelectedHandler()})},{header:"status",accessorKey:"statusCode",maxSize:30,enableSorting:!1,cell:({getValue:M,row:E})=>{if(E.original.__additionalRow)return null;const N=M();return e(qt,{statusCode:N})}},{header:({table:M})=>s(h,{gap:"size-50",direction:"row",alignItems:"center",children:[e(Vi,{isExpanded:M.getIsAllRowsExpanded(),onClick:M.getToggleAllRowsExpandedHandler(),"aria-label":"Expand all rows"}),"kind"]}),enableSorting:!1,accessorKey:"spanKind",maxSize:100,cell:M=>M.row.original.__additionalRow?e("div",{css:F`
|
|
4278
4278
|
// Since rows are flattened by default,
|
|
4279
4279
|
// we can use the row.depth property
|
|
4280
4280
|
// and paddingLeft to visually indicate the depth
|
|
@@ -4286,10 +4286,10 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
4286
4286
|
// and paddingLeft to visually indicate the depth
|
|
4287
4287
|
// of the row
|
|
4288
4288
|
padding-left: ${M.row.depth*2}rem;
|
|
4289
|
-
`,children:s(h,{gap:"size-50",children:[M.row.getCanExpand()?e(
|
|
4289
|
+
`,children:s(h,{gap:"size-50",children:[M.row.getCanExpand()?e(Vi,{isExpanded:M.row.getIsExpanded(),onClick:M.row.getToggleExpandedHandler(),"aria-label":"Expand row"}):null,e(Bl,{spanKind:M.getValue()})]})})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:M,row:E})=>{const{traceId:N}=E.original.trace,ee=E.original.isAdditionalSpansRow?null:E.original.id;return e(Ze,{to:`${N}${ee?`?selectedSpanNodeId=${ee}`:""}`,children:M()})}},{header:"input",accessorKey:"input.value",enableSorting:!1,cell:Ee},{header:"output",accessorKey:"output.value",enableSorting:!1,cell:Ee},{header:"metadata",accessorKey:"metadata",enableSorting:!1,cell:YS},...x,{header:"start time",accessorKey:"startTime",cell:M=>M.row.original.__additionalRow?null:e(Re,{...M})},{header:"latency",accessorKey:"latencyMs",cell:({getValue:M,row:E})=>{const N=M();return N===null||typeof N!="number"||E.original.__additionalRow?null:e(Me,{latencyMs:N})}},{header:"total tokens",minSize:80,accessorKey:"cumulativeTokenCountTotal",cell:({row:M,getValue:E})=>{if(M.original.__additionalRow)return null;const N=E();return N===null?"--":e(oa,{tokenCountTotal:N,tokenCountPrompt:M.original.cumulativeTokenCountPrompt||0,tokenCountCompletion:M.original.cumulativeTokenCountCompletion||0})}}],[x]);u.useEffect(()=>{if(t.current===!0){t.current=!1;return}const M=r[0];u.startTransition(()=>{k({sort:M?su(M):ru,after:null,first:dr,filterCondition:d},{fetchPolicy:"store-and-network"})})},[r,k,d,p]);const P=u.useCallback(M=>{if(M){const{scrollHeight:E,scrollTop:N,clientHeight:ee}=M;E-N-ee<300&&!y&&g&&m(dr)}},[g,y,m]),[D,$]=u.useState({}),R=je(M=>M.columnVisibility),Q=je(M=>M.setColumnSizing),z=je(M=>M.columnSizing),A=Le({columns:L,data:K,onExpandedChange:$,manualSorting:!0,getSubRows:M=>M.children,state:{sorting:r,expanded:D,columnVisibility:R,rowSelection:l,columnSizing:z},columnResizeMode:"onChange",onRowSelectionChange:i,enableSubRowSelection:!1,onSortingChange:o,onColumnSizingChange:Q,getCoreRowModel:we(),getSortedRowModel:In(),getExpandedRowModel:br(),getRowId:M=>M.id}),j=A.getRowModel().rows,Y=A.getSelectedRowModel().flatRows,de=Y.map(M=>({id:M.original.id,traceId:M.original.trace.id})),be=u.useCallback(()=>{i({})},[i]),wn=j.length===0,hn=A.getAllColumns().filter(M=>M.columns.length===0),{columnSizingInfo:ga,columnSizing:Ua}=A.getState(),q=A.getFlatHeaders,le=hn.length,te=he.useMemo(()=>{const M=q(),E={};for(let N=0;N<M.length;N++){const ee=M[N];E[`--header-${ee.id}-size`]=ee.getSize(),E[`--col-${ee.column.id}-size`]=ee.column.getSize()}return E},[q,ga,Ua,le]);return s("div",{css:bi,children:[e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:s(h,{direction:"row",gap:"size-100",width:"100%",alignItems:"center",children:[e(Yc,{onValidCondition:c}),e(Wc,{columns:hn,query:f})]})}),e("div",{css:F`
|
|
4290
4290
|
flex: 1 1 auto;
|
|
4291
4291
|
overflow: auto;
|
|
4292
|
-
`,onScroll:M=>P(M.target),ref:a,children:s("table",{css:sa,style:{...te,width:A.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:A.getHeaderGroups().map(M=>e("tr",{children:M.headers.map(E=>e("th",{style:{width:`calc(var(--header-${E.id}-size) * 1px)`},children:E.isPlaceholder?null:s(U,{children:[s("div",{"data-sortable":E.column.getCanSort(),className:E.column.getCanSort()?"cursor-pointer":"",onClick:E.column.getToggleSortingHandler(),style:{left:E.getStart(),width:E.getSize()},children:[J(E.column.columnDef.header,E.getContext()),E.column.getIsSorted()?e(_,{className:"sort-icon",svg:E.column.getIsSorted()==="asc"?e(cn,{}):e(un,{})}):null]}),e("div",{onMouseDown:E.getResizeHandler(),onTouchStart:E.getResizeHandler(),className:`resizer ${E.column.getIsResizing()?"isResizing":""}`})]})},E.id))},M.id))}),wn?e(Hc,{projectName:
|
|
4292
|
+
`,onScroll:M=>P(M.target),ref:a,children:s("table",{css:sa,style:{...te,width:A.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:A.getHeaderGroups().map(M=>e("tr",{children:M.headers.map(E=>e("th",{style:{width:`calc(var(--header-${E.id}-size) * 1px)`},children:E.isPlaceholder?null:s(U,{children:[s("div",{"data-sortable":E.column.getCanSort(),className:E.column.getCanSort()?"cursor-pointer":"",onClick:E.column.getToggleSortingHandler(),style:{left:E.getStart(),width:E.getSize()},children:[J(E.column.columnDef.header,E.getContext()),E.column.getIsSorted()?e(_,{className:"sort-icon",svg:E.column.getIsSorted()==="asc"?e(cn,{}):e(un,{})}):null]}),e("div",{onMouseDown:E.getResizeHandler(),onTouchStart:E.getResizeHandler(),className:`resizer ${E.column.getIsResizing()?"isResizing":""}`})]})},E.id))},M.id))}),wn?e(Hc,{projectName:f.name}):ga.isResizingColumn?e(XS,{table:A}):e(uu,{table:A})]})}),Y.length?e(iu,{selectedSpans:de,onClearSelection:be}):null]})}const av=({tracesQueryReference:n})=>{const a=I.usePreloadedQuery(to,n);return e(nv,{project:a.project})},P2=()=>{const{tracesQueryReference:n}=nl();return n?s(vi,{children:[e(Si,{children:e(u.Suspense,{fallback:e(Fe,{}),children:e(av,{tracesQueryReference:n})})}),e(u.Suspense,{children:e(Te,{})})]}):null},pu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],type:"Project",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"projectLoaderQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"projectLoaderQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,l],storageKey:null}]},params:{cacheID:"04c84b5bc2a01477851d347af75dcc11",id:null,metadata:{},name:"projectLoaderQuery",operationKind:"query",text:`query projectLoaderQuery(
|
|
4293
4293
|
$id: GlobalID!
|
|
4294
4294
|
) {
|
|
4295
4295
|
project: node(id: $id) {
|
|
@@ -4300,7 +4300,7 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
4300
4300
|
}
|
|
4301
4301
|
}
|
|
4302
4302
|
}
|
|
4303
|
-
`}}}();pu.hash="3d31e323c06df38ec2eaa6f3adb55e79";async function I2(n){const{projectId:a}=n.params;return await I.fetchQuery(Ke,pu,{id:a}).toPromise()}function x2(){const n=zm(),a=
|
|
4303
|
+
`}}}();pu.hash="3d31e323c06df38ec2eaa6f3adb55e79";async function I2(n){const{projectId:a}=n.params;return await I.fetchQuery(Ke,pu,{id:a}).toPromise()}function x2(){const n=zm(),a=u.useMemo(()=>n instanceof Error&&n.message==="Failed to fetch"?e(tv,{}):e(lv,{error:n}),[n]);return e("main",{css:F`
|
|
4304
4304
|
width: 100%;
|
|
4305
4305
|
height: 100%;
|
|
4306
4306
|
display: flex;
|
|
@@ -4422,7 +4422,7 @@ fragment ProjectsPageProjectsFragment on Query {
|
|
|
4422
4422
|
}
|
|
4423
4423
|
}
|
|
4424
4424
|
}
|
|
4425
|
-
`}}}();ku.hash="9091622e2fc47fff9434aeb3407882d4";const rv="https://docs.arize.com/phoenix/tracing/how-to-tracing/setup-tracing";function sv(){const[n,a]=
|
|
4425
|
+
`}}}();ku.hash="9091622e2fc47fff9434aeb3407882d4";const rv="https://docs.arize.com/phoenix/tracing/how-to-tracing/setup-tracing";function sv(){const[n,a]=u.useState(null);return s("div",{children:[e(V,{leadingVisual:e(_,{svg:e(Ir,{})}),size:"S",onPress:()=>{a(e(ov,{}))},children:"New Project"}),e(ae,{isDismissable:!0,type:"slideOver",onDismiss:()=>a(null),children:n})]})}function ov(){const[n,a]=u.useState("Python");return e(Z,{title:"Create a New Project",size:"L",children:s(C,{padding:"size-400",overflow:"auto",children:[e(C,{paddingBottom:"size-200",children:e(Qt,{language:n,onChange:a})}),e(C,{paddingBottom:"size-100",children:s(v,{children:["Projects are created when you log your first trace via OpenTelemetry. See the"," ",e(sn,{href:rv,children:"documentation"})," ","for a complete guide."]})}),n==="Python"?e(ts,{}):e(ls,{})]})})}const bu=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(
|
|
4426
4426
|
$input: ClearProjectInput!
|
|
4427
4427
|
) {
|
|
4428
4428
|
clearProject(input: $input) {
|
|
@@ -4443,23 +4443,23 @@ fragment ProjectsPageProjectsFragment on Query {
|
|
|
4443
4443
|
__typename
|
|
4444
4444
|
}
|
|
4445
4445
|
}
|
|
4446
|
-
`}}}();vu.hash="212501fe2d6367ec1503bd7a00c1730f";function dv(n){const{projectId:a}=n,t=p0(),l=
|
|
4446
|
+
`}}}();vu.hash="212501fe2d6367ec1503bd7a00c1730f";function dv(n){const{projectId:a}=n,t=p0(),l=u.useRef(null),[i,r]=I.useMutation(vu),{control:o,handleSubmit:d,setError:c,formState:{isValid:p}}=Qe({defaultValues:{endDate:Nm(new Date(Date.now()-Gg).toISOString())}}),f=u.useCallback(m=>{const g=m.endDate.toDate(Dl());if(!$m(g))return c("endDate",{message:"Date is not in a valid format"});i({variables:{input:{id:a,endTime:new Date(g).toISOString()}},onCompleted:()=>{n.onComplete()},onError:y=>{alert("Failed to clear project traces: "+y)}})},[i,a,n,c]);return s("form",{onSubmit:d(f),ref:l,children:[s(C,{padding:"size-200",children:[e(v,{color:"danger",children:" This will remove all data before the following date. This cannot be undone."}),e(G,{name:"endDate",control:o,rules:{required:"field is required"},render:({field:{name:m,onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(Wg,{isInvalid:b,onChange:g,name:m,onBlur:y,value:k,granularity:"second",hideTimeZone:!0,css:F`
|
|
4447
4447
|
.react-aria-DateInput {
|
|
4448
4448
|
width: 100%;
|
|
4449
4449
|
}
|
|
4450
|
-
`,children:[e(W,{children:"End Date"}),e(Om,{children:K=>e(Qm,{segment:K})}),S?e(xe,{children:S.message}):e(v,{slot:"description",children:`The date up to which you want to remove data. The format is ${t}.`})]})})]}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(V,{type:"submit",variant:"danger",isDisabled:!p||r,size:"S",leadingVisual:r?e(_,{svg:e(We,{})}):void 0,onPress:()=>{var
|
|
4450
|
+
`,children:[e(W,{children:"End Date"}),e(Om,{children:K=>e(Qm,{segment:K})}),S?e(xe,{children:S.message}):e(v,{slot:"description",children:`The date up to which you want to remove data. The format is ${t}.`})]})})]}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(V,{type:"submit",variant:"danger",isDisabled:!p||r,size:"S",leadingVisual:r?e(_,{svg:e(We,{})}):void 0,onPress:()=>{var m;(m=l.current)==null||m.requestSubmit()},children:r?"Removing...":"Remove Data"})})})]})}function cv({projectId:n,projectName:a,onProjectDelete:t,onProjectClear:l,onProjectRemoveData:i}){const[r,o]=u.useState(null),d=a!=="default",[c]=I.useMutation(Su),[p]=I.useMutation(bu),f=u.useCallback(()=>{u.startTransition(()=>{c({variables:{projectId:n}}),t()})},[c,n,t]),m=u.useCallback(()=>{u.startTransition(()=>{p({variables:{input:{id:n}},onCompleted:()=>{l()},onError:b=>{alert("Failed to clear project: "+b)}})})},[p,n,l]),g=u.useCallback(()=>{o(s(Z,{size:"S",title:"Delete Project",children:[e(C,{padding:"size-200",children:e(v,{color:"danger",children:`Are you sure you want to delete project ${a}? This cannot be undone.`})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(V,{variant:"danger",onPress:()=>{f(),o(null)},children:"Delete Project"})})})]}))},[f,a]),y=u.useCallback(()=>{o(s(Z,{size:"S",title:"Clear Project",children:[e(C,{padding:"size-200",children:e(v,{color:"danger",children:`Are you sure you want to clear project ${a}? All traces and evaluations for this project will be deleted. This cannot be undone.`})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(V,{variant:"danger",onPress:()=>{m(),o(null)},children:"Clear"})})})]}))},[m,a]),k=u.useCallback(()=>{o(e(Z,{size:"S",title:"Remove Data",children:e(dv,{projectId:n,onComplete:()=>{i(),o(null)}})}))},[i,n]);return s("div",{onClick:b=>{b.preventDefault(),b.stopPropagation()},children:[s(Dn,{buttonVariant:"quiet",buttonSize:"compact",align:"end",onAction:b=>{switch(b){case"deleteProject":return g();case"clearProject":return y();case"removeProjectData":return k()}},disabledKeys:d?[]:["deleteProject"],children:[e(ie,{textValue:"Clear All Traces",children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Tr,{})}),e(v,{children:"Clear All Data"})]})},"clearProject"),e(ie,{textValue:"Remove Data",children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Xt,{})}),e(v,{children:"Remove Data"})]})},"removeProjectData"),d?e(ie,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ye,{})}),e(v,{children:"Delete"})]})},"deleteProject"):null]}),e(ae,{type:"modal",isDismissable:!0,onDismiss:()=>o(null),children:r})]})}const uv=50;function L2(){const{timeRange:n}=Zt(),a=I.useLazyLoadQuery(ku,{});return e(mv,{timeRange:n,query:a})}function mv({timeRange:n,query:a}){const[t,l]=Wm(),i=u.useMemo(()=>{var S,K;return{start:(S=n==null?void 0:n.start)==null?void 0:S.toISOString(),end:(K=n==null?void 0:n.end)==null?void 0:K.toISOString()}},[n]),{data:r,loadNext:o,hasNext:d,isLoadingNext:c,refetch:p}=I.usePaginationFragment(hu,a),f=r==null?void 0:r.projects.edges.map(S=>S.project),m=u.useRef(null),g=u.useCallback(S=>{if(S){const{scrollHeight:K,scrollTop:T,clientHeight:x}=S;K-T-x<300&&!c&&d&&o(uv)}},[d,c,o]),y=u.useCallback(S=>{u.startTransition(()=>{p({},{fetchPolicy:"store-and-network"}),t({variant:"success",title:"Project Deleted",message:`Project ${S} has been deleted.`})})},[t,p]),k=u.useCallback(S=>{u.startTransition(()=>{p({},{fetchPolicy:"store-and-network"}),t({variant:"success",title:"Project Cleared",message:`Project ${S} has been cleared of traces.`})})},[t,p]),b=u.useCallback(S=>{u.startTransition(()=>{p({},{fetchPolicy:"store-and-network"}),t({variant:"success",title:"Project Data Removed",message:`Old data from project ${S} have been removed.`})})},[t,p]);return s("div",{css:F`
|
|
4451
4451
|
flex: 1 1 auto;
|
|
4452
4452
|
overflow-y: auto;
|
|
4453
4453
|
overflow-x: hidden;
|
|
4454
4454
|
padding-bottom: var(--ac-global-dimension-size-750);
|
|
4455
|
-
`,onScroll:S=>g(S.target),ref:
|
|
4455
|
+
`,onScroll:S=>g(S.target),ref:m,children:[e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",width:"100%",borderBottomColor:"grey-200",borderBottomWidth:"thin",children:s(h,{direction:"row",justifyContent:"end",alignItems:"center",gap:"size-100",children:[e(sv,{}),e(ns,{})]})}),e(C,{padding:"size-200",width:"100%",children:e("ul",{css:F`
|
|
4456
4456
|
display: flex;
|
|
4457
4457
|
flex-direction: row;
|
|
4458
4458
|
gap: var(--ac-global-dimension-size-200);
|
|
4459
4459
|
flex-wrap: wrap;
|
|
4460
|
-
`,children:
|
|
4460
|
+
`,children:f==null?void 0:f.map(S=>e("li",{children:e(Ze,{to:`/projects/${S.id}`,css:F`
|
|
4461
4461
|
text-decoration: none;
|
|
4462
|
-
`,children:e(gv,{project:S,timeRange:i,onProjectDelete:()=>
|
|
4462
|
+
`,children:e(gv,{project:S,timeRange:i,onProjectDelete:()=>y(S.name),onProjectClear:()=>k(S.name),onProjectRemoveData:()=>b(S.name)})})},S.id))})}),l]})}function pv({gradientStartColor:n,gradientEndColor:a}){return e("div",{css:F`
|
|
4463
4463
|
border-radius: 50%;
|
|
4464
4464
|
width: 32px;
|
|
4465
4465
|
height: 32px;
|
|
@@ -4469,7 +4469,7 @@ fragment ProjectsPageProjectsFragment on Query {
|
|
|
4469
4469
|
${a} 84.38%
|
|
4470
4470
|
);
|
|
4471
4471
|
flex-shrink: 0;
|
|
4472
|
-
`})}function gv({project:n,onProjectDelete:a,onProjectClear:t,onProjectRemoveData:l,timeRange:i}){const{gradientStartColor:r,gradientEndColor:o,endTime:d}=n,c=
|
|
4472
|
+
`})}function gv({project:n,onProjectDelete:a,onProjectClear:t,onProjectRemoveData:l,timeRange:i}){const{gradientStartColor:r,gradientEndColor:o,endTime:d}=n,c=u.useMemo(()=>d?`Last updated ${jm(new Date(d),new Date,{addSuffix:!0})}`:"No traces uploaded yet.",[d]);return s("div",{css:F`
|
|
4473
4473
|
padding: var(--ac-global-dimension-size-200);
|
|
4474
4474
|
border: 1px solid var(--ac-global-color-grey-400);
|
|
4475
4475
|
background-color: var(--ac-global-color-grey-100);
|
|
@@ -4490,7 +4490,7 @@ fragment ProjectsPageProjectsFragment on Query {
|
|
|
4490
4490
|
overflow: hidden;
|
|
4491
4491
|
white-space: nowrap;
|
|
4492
4492
|
text-overflow: ellipsis;
|
|
4493
|
-
`,children:n.name}),e(v,{color:"text-700",size:"XS",fontStyle:"italic",children:c})]})]}),e(cv,{projectId:n.id,projectName:n.name,onProjectDelete:a,onProjectClear:t,onProjectRemoveData:l})]}),e(hv,{projectId:n.id,timeRange:i})]})}const yv=yu;function fv(){return s(h,{direction:"row",justifyContent:"space-between",minHeight:"size-600",children:[s(h,{direction:"column",flex:"none",gap:"size-100",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Total Traces"}),e(ml,{width:60,height:20,animation:"wave"})]}),s(h,{direction:"column",flex:"none",gap:"size-100",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Total Tokens"}),e(ml,{width:60,height:20,animation:"wave"})]}),s(h,{direction:"column",flex:"none",gap:"size-100",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Latency P50"}),e(ml,{width:60,height:20,animation:"wave"})]})]})}function hv({projectId:n,timeRange:a}){const t=I.useRelayEnvironment(),l=
|
|
4493
|
+
`,children:n.name}),e(v,{color:"text-700",size:"XS",fontStyle:"italic",children:c})]})]}),e(cv,{projectId:n.id,projectName:n.name,onProjectDelete:a,onProjectClear:t,onProjectRemoveData:l})]}),e(hv,{projectId:n.id,timeRange:i})]})}const yv=yu;function fv(){return s(h,{direction:"row",justifyContent:"space-between",minHeight:"size-600",children:[s(h,{direction:"column",flex:"none",gap:"size-100",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Total Traces"}),e(ml,{width:60,height:20,animation:"wave"})]}),s(h,{direction:"column",flex:"none",gap:"size-100",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Total Tokens"}),e(ml,{width:60,height:20,animation:"wave"})]}),s(h,{direction:"column",flex:"none",gap:"size-100",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Latency P50"}),e(ml,{width:60,height:20,animation:"wave"})]})]})}function hv({projectId:n,timeRange:a}){const t=I.useRelayEnvironment(),l=u.useRef(null),[i,r]=u.useState(null),o=u.useCallback(()=>(r(null),I.fetchQuery(t,yv,{id:n,timeRange:a}).subscribe({next:p=>{r(p)},error:()=>{r(null)}})),[n,a,t]);return u.useEffect(()=>(l.current=o(),()=>{var d;(d=l.current)==null||d.unsubscribe(),l.current=null}),[o]),i==null?e(fv,{}):e(kv,{project:i})}function kv({project:n}){const{project:{traceCount:a,tokenCountTotal:t,latencyMsP50:l}}=n;return s(h,{direction:"row",justifyContent:"space-between",minHeight:"size-600",children:[s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Total Traces"}),e(v,{size:"L",children:Sa(a)})]}),s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Total Tokens"}),e(v,{size:"L",children:Sa(t)})]}),s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Latency P50"}),l!=null?e(Me,{latencyMs:l,size:"L"}):e(v,{size:"L",children:"--"})]})]})}const Cu=function(){var n=[{kind:"Literal",name:"first",value:100},{kind:"Literal",name:"sort",value:{col:"createdAt",dir:"desc"}}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"DatasetsPageQuery",selections:[{args:null,kind:"FragmentSpread",name:"DatasetsTable_datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"DatasetsPageQuery",selections:[{alias:null,args:n,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"experimentCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:'datasets(first:100,sort:{"col":"createdAt","dir":"desc"})'},{alias:null,args:n,filters:["sort"],handle:"connection",key:"DatasetsTable_datasets",kind:"LinkedHandle",name:"datasets"}]},params:{cacheID:"695b221e981c4795492d79faa7d007e4",id:null,metadata:{},name:"DatasetsPageQuery",operationKind:"query",text:`query DatasetsPageQuery {
|
|
4494
4494
|
...DatasetsTable_datasets
|
|
4495
4495
|
}
|
|
4496
4496
|
|
|
@@ -4516,12 +4516,12 @@ fragment DatasetsTable_datasets on Query {
|
|
|
4516
4516
|
}
|
|
4517
4517
|
}
|
|
4518
4518
|
`}}}();Cu.hash="985853a7939f44c0cefdd1a91472c67e";function bv(n){const a=n.split(`
|
|
4519
|
-
`);return a.length>0?a[0].split(",").map(t=>t.trim()):[]}function Sv(n){const{onDatasetCreated:a,onDatasetCreateError:t}=n,[l,i]=
|
|
4519
|
+
`);return a.length>0?a[0].split(",").map(t=>t.trim()):[]}function Sv(n){const{onDatasetCreated:a,onDatasetCreateError:t}=n,[l,i]=u.useState([]),{control:r,handleSubmit:o,resetField:d,formState:{isDirty:c,isValid:p}}=Qe({defaultValues:{name:"Dataset "+new Date().toISOString(),input_keys:[],output_keys:[],metadata_keys:[],description:"",metadata:{}}}),f=u.useCallback(m=>{const g=new FormData;return g.append("file",m.file[0]),g.append("name",m.name),g.append("description",m.description),g.append("metadata",JSON.stringify(m.metadata)),m.input_keys.forEach(y=>{g.append("input_keys[]",y)}),m.output_keys.forEach(y=>{g.append("output_keys[]",y)}),m.metadata_keys.forEach(y=>{g.append("metadata_keys[]",y)}),fetch(pn("/v1/datasets/upload?sync=true"),{method:"POST",body:g}).then(y=>{if(!y.ok)throw t(new Error(y.statusText||"Failed to create dataset"));return y.json()}).then(y=>{a({name:m.name,id:y.data.dataset_id})})},[t,a]);return s(ln,{onSubmit:o(f),children:[s("div",{css:F`
|
|
4520
4520
|
padding: var(--ac-global-dimension-size-200);
|
|
4521
4521
|
.ac-dropdown-button {
|
|
4522
4522
|
width: 100%;
|
|
4523
4523
|
}
|
|
4524
|
-
`,children:[e(G,{name:"name",control:r,rules:{required:"field is required"},render:({field:{onChange:
|
|
4524
|
+
`,children:[e(G,{name:"name",control:r,rules:{required:"field is required"},render:({field:{onChange:m,onBlur:g,value:y},fieldState:{invalid:k,error:b}})=>s(X,{isInvalid:k,onChange:m,onBlur:g,value:y.toString(),children:[e(W,{children:"Dataset Name"}),e(re,{placeholder:"e.x. Golden Dataset"}),b!=null&&b.message?e(xe,{children:b.message}):e(v,{slot:"description",children:"The name of the dataset"})]})}),e(G,{name:"description",control:r,render:({field:{onChange:m,onBlur:g,value:y},fieldState:{invalid:k,error:b}})=>s(X,{isInvalid:k,onChange:m,onBlur:g,value:y.toString(),children:[e(W,{children:"Description"}),e(Ca,{placeholder:"e.x. A dataset for structured data extraction"}),b!=null&&b.message?e(xe,{children:b.message}):e(v,{slot:"description",children:"The description of the dataset"})]})}),e(G,{control:r,name:"file",rules:{required:"CSV file is required"},render:({field:{value:m,onChange:g,...y},fieldState:{invalid:k,error:b}})=>e(ra,{label:"CSV file",validationState:k?"invalid":"valid",errorMessage:b==null?void 0:b.message,children:e("input",{...y,onChange:S=>{var T;g(S.target.files),d("input_keys"),d("output_keys"),d("metadata_keys");const K=(T=S.target.files)==null?void 0:T[0];if(K){const x=new FileReader;x.onload=function(L){if(!L.target)return;const P=L.target.result,D=bv(P);i(D)},x.readAsText(K)}},type:"file",id:"file",accept:".csv"})})}),e(G,{name:"input_keys",control:r,rules:{required:"field is required"},render:({field:{value:m,onChange:g},fieldState:{invalid:y,error:k}})=>e(Sl,{label:"input keys",validationState:y?"invalid":"valid",description:"the columns to use as input",columns:l,selectedColumns:m,onChange:g,errorMessage:k==null?void 0:k.message})}),e(G,{name:"output_keys",control:r,render:({field:{value:m,onChange:g},fieldState:{invalid:y,error:k}})=>e(Sl,{label:"output keys",validationState:y?"invalid":"valid",description:"the columns to use as output",columns:l,selectedColumns:m,onChange:g,errorMessage:k==null?void 0:k.message})}),e(G,{name:"metadata_keys",control:r,render:({field:{value:m,onChange:g},fieldState:{invalid:y,error:k}})=>e(Sl,{label:"metadata keys",validationState:y?"invalid":"valid",description:"the columns to use as metadata",columns:l,selectedColumns:m,onChange:g,errorMessage:k==null?void 0:k.message})})]}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(V,{type:"submit",isDisabled:!p,variant:c?"primary":"default",size:"S",children:"Create Dataset"})})})]})}function Sl(n){const{columns:a,selectedColumns:t,onChange:l,label:i,validationState:r,description:o,errorMessage:d,...c}=n,p=a.length===0,f=u.useMemo(()=>p?"No columns to select":t.length>0?`${t.join(", ")}`:"No columns selected",[t,p]);return e(ra,{label:i,isDisabled:p,validationState:r,description:o,errorMessage:d,children:e(Rl,{isDisabled:p,...c,menu:e(At,{selectionMode:"multiple",onSelectionChange:m=>{l(Array.from(m))},selectedKeys:new Set(t),children:a.map(m=>e(ie,{children:m},m))}),triggerProps:{placement:"bottom end"},children:f})})}const Fu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:{col:"createdAt",dir:"desc"},kind:"LocalArgument",name:"sort"}],a=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"},{kind:"Variable",name:"sort",variableName:"sort"}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DatasetsTableDatasetsQuery",selections:[{args:a,kind:"FragmentSpread",name:"DatasetsTable_datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DatasetsTableDatasetsQuery",selections:[{alias:null,args:a,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"experimentCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:a,filters:["sort"],handle:"connection",key:"DatasetsTable_datasets",kind:"LinkedHandle",name:"datasets"}]},params:{cacheID:"5ac1688f54e51f9bb3247c83e23d98fb",id:null,metadata:{},name:"DatasetsTableDatasetsQuery",operationKind:"query",text:`query DatasetsTableDatasetsQuery(
|
|
4525
4525
|
$after: String = null
|
|
4526
4526
|
$first: Int = 100
|
|
4527
4527
|
$sort: DatasetSort = {col: createdAt, dir: desc}
|
|
@@ -4557,10 +4557,10 @@ fragment DatasetsTable_datasets_dWkdd on Query {
|
|
|
4557
4557
|
__typename
|
|
4558
4558
|
}
|
|
4559
4559
|
}
|
|
4560
|
-
`}}}();Tu.hash="7066cca7015a7e344b77862b0bdab21c";function vv({datasetId:n,datasetName:a,onDatasetDelete:t,onDatasetDeleteError:l}){const[i,r]=I.useMutation(Tu),o=
|
|
4560
|
+
`}}}();Tu.hash="7066cca7015a7e344b77862b0bdab21c";function vv({datasetId:n,datasetName:a,onDatasetDelete:t,onDatasetDeleteError:l}){const[i,r]=I.useMutation(Tu),o=u.useCallback(()=>{u.startTransition(()=>{i({variables:{datasetId:n},onCompleted:()=>{t()},onError:d=>{l(d)}})})},[i,n,t,l]);return s(Z,{size:"S",title:"Delete Dataset",children:[e(C,{padding:"size-200",children:e(v,{color:"danger",children:`Are you sure you want to delete dataset ${a}? This will also delete all associated experiments and traces, and it cannot be undone.`})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(V,{variant:"danger",onPress:()=>{o()},isDisabled:r,leadingVisual:e(_,{svg:r?e(We,{}):e(Ye,{})}),children:"Delete Dataset"})})})]})}function Cv({datasetName:n,datasetId:a,datasetDescription:t,datasetMetadata:l,onDatasetEdited:i,onDatasetEditError:r}){return e(Z,{title:"Edit Dataset",size:"M",children:e(Jg,{datasetName:n,datasetId:a,datasetDescription:t,datasetMetadata:l,onDatasetEdited:i,onDatasetEditError:r})})}function Fv(n){const{datasetId:a,datasetName:t,datasetDescription:l,datasetMetadata:i,onDatasetDelete:r,onDatasetDeleteError:o,onDatasetEdit:d,onDatasetEditError:c}=n,[p,f]=u.useState(null),m=u.useCallback(()=>{f(e(vv,{datasetId:a,datasetName:t,onDatasetDelete:()=>{r(),f(null)},onDatasetDeleteError:o}))},[a,t,r,o]),g=u.useCallback(()=>{f(e(Cv,{datasetId:a,datasetName:t,datasetDescription:l,datasetMetadata:i,onDatasetEdited:()=>{d(),f(null)},onDatasetEditError:c}))},[l,a,i,t,d,c]);return s("div",{onClick:y=>{y.preventDefault(),y.stopPropagation()},children:[s(Dn,{align:"end",buttonSize:"compact",onAction:y=>{switch(y){case"deleteDataset":m();break;case"editDataset":g();break}},children:[e(ie,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ye,{})}),e(v,{children:"Delete"})]})},"deleteDataset"),e(ie,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(jl,{})}),e(v,{children:"Edit"})]})},"editDataset")]}),e(ae,{type:"modal",isDismissable:!0,onDismiss:()=>f(null),children:p})]})}const cr=100;function Kv(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 Tv(n){const[a,t]=u.useState([]),l=u.useRef(null),i=ue(),r=ke(),o=Ie(),{data:d,loadNext:c,hasNext:p,isLoadingNext:f,refetch:m}=I.usePaginationFragment(Ku,n.query),g=u.useMemo(()=>d.datasets.edges.map(K=>K.node),[d]),y=he.useCallback(K=>{if(K){const{scrollHeight:T,scrollTop:x,clientHeight:L}=K;T-x-L<300&&!f&&p&&c(cr)}},[p,f,c]),k=Le({columns:[{header:"name",accessorKey:"name",cell:({row:K})=>{const x=K.original.experimentCount>0?`${K.original.id}/experiments`:`${K.original.id}/examples`;return e(Ze,{to:x,children:K.original.name})}},{header:"description",accessorKey:"description",enableSorting:!1},{header:"created at",accessorKey:"createdAt",cell:Re},{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:wa},{header:"",id:"actions",enableSorting:!1,size:10,cell:({row:K})=>e(Fv,{datasetId:K.original.id,datasetName:K.original.name,datasetDescription:K.original.description,datasetMetadata:K.original.metadata,onDatasetEdit:()=>{r({title:"Dataset updated",message:`${K.original.name} has been successfully updated.`}),m({},{fetchPolicy:"store-and-network"})},onDatasetEditError:T=>{const x=De(T);o({title:"Dataset update failed",message:(x==null?void 0:x[0])??T.message})},onDatasetDelete:()=>{r({title:"Dataset deleted",message:`${K.original.name} has been successfully deleted.`}),m({},{fetchPolicy:"store-and-network"})},onDatasetDeleteError:T=>{const x=De(T);o({title:"Dataset deletion failed",message:(x==null?void 0:x[0])??T.message})}})}],data:g,state:{sorting:a},getCoreRowModel:we(),getSortedRowModel:In(),onSortingChange:t,manualSorting:!0});u.useEffect(()=>{const K=a[0];u.startTransition(()=>{m({sort:K?Kv(K):{col:"createdAt",dir:"desc"},after:null,first:cr},{fetchPolicy:"store-and-network"})})},[a,m]);const b=k.getRowModel().rows,S=b.length===0;return e("div",{css:F`
|
|
4561
4561
|
flex: 1 1 auto;
|
|
4562
4562
|
overflow: auto;
|
|
4563
|
-
`,onScroll:K=>
|
|
4563
|
+
`,onScroll:K=>y(K.target),ref:l,children:s("table",{css:sa,children:[e("thead",{children:k.getHeaderGroups().map(K=>e("tr",{children:K.headers.map(T=>{var x;return e("th",{colSpan:T.colSpan,children:T.isPlaceholder?null:s("div",{className:T.column.getCanSort()?"cursor-pointer":"",onClick:T.column.getToggleSortingHandler(),style:{textAlign:(x=T.column.columnDef.meta)==null?void 0:x.textAlign},children:[J(T.column.columnDef.header,T.getContext()),T.column.getIsSorted()?e(_,{className:"sort-icon",svg:T.column.getIsSorted()==="asc"?e(cn,{}):e(un,{})}):null]})},T.id)})},K.id))}),S?e(mn,{}):e("tbody",{children:b.map(K=>e("tr",{onClick:()=>{const x=K.original.experimentCount>0?`${K.original.id}/experiments`:`${K.original.id}/examples`;i(x)},children:K.getVisibleCells().map(T=>{var x;return e("td",{align:(x=T.column.columnDef.meta)==null?void 0:x.textAlign,children:J(T.column.columnDef.cell,T.getContext())},T.id)})},K.id))})]})})}function w2(){return e(u.Suspense,{fallback:e(Fe,{}),children:e(Pv,{})})}function Pv(){const[n,a]=u.useState(0),t=I.useLazyLoadQuery(Cu,{},{fetchKey:n,fetchPolicy:"store-and-network"}),l=u.useCallback(()=>{a(i=>i+1)},[a]);return s(h,{direction:"column",height:"100%",children:[e(C,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",children:[e(se,{level:1,children:"Datasets"}),e(Iv,{onDatasetCreated:l})]})}),e(Tv,{query:t})]})}function Iv({onDatasetCreated:n}){const a=ue(),t=ke(),l=Ie(),[i,r]=u.useState(null),o=()=>{r(e(Z,{size:"S",title:"New Dataset",children:e(is,{onDatasetCreated:c=>{t({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 p=De(c);l({title:"Dataset creation failed",message:(p==null?void 0:p[0])??c.message})}})}))},d=()=>{r(e(Z,{size:"M",title:"New Dataset from CSV",children:e(Sv,{onDatasetCreated:c=>{t({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 p=De(c);l({title:"Dataset creation failed",message:(p==null?void 0:p[0])??c.message})}})}))};return s(U,{children:[s(Dn,{buttonText:"Create Dataset",align:"end",icon:e(_,{svg:e(Nt,{})}),onAction:c=>{switch(c){case"newDataset":o();break;case"datasetFromCSV":d();break}},children:[e(ie,{children:"New Dataset"},"newDataset"),e(ie,{children:"Dataset from CSV"},"datasetFromCSV")]}),e(ae,{type:"modal",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}const Pu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{kind:"Variable",name:"id",variableName:"datasetId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={kind:"InlineFragment",selections:[{alias:"latestVersions",args:[{kind:"Literal",name:"first",value:1},{kind:"Literal",name:"sort",value:{col:"createdAt",dir:"desc"}}],concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"version",args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'versions(first:1,sort:{"col":"createdAt","dir":"desc"})'}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"datasetStore_latestVersionQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"datasetStore_latestVersionQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,l],storageKey:null}]},params:{cacheID:"d7075240e4dae8871997e57616c05302",id:null,metadata:{},name:"datasetStore_latestVersionQuery",operationKind:"query",text:`query datasetStore_latestVersionQuery(
|
|
4564
4564
|
$datasetId: GlobalID!
|
|
4565
4565
|
) {
|
|
4566
4566
|
dataset: node(id: $datasetId) {
|
|
@@ -4579,17 +4579,17 @@ fragment DatasetsTable_datasets_dWkdd on Query {
|
|
|
4579
4579
|
}
|
|
4580
4580
|
}
|
|
4581
4581
|
}
|
|
4582
|
-
`}}}();Pu.hash="a1349b92d8b0c745f5e8039c55b048c7";const xv=n=>{const a=(t,l)=>({...n,isRefreshingLatestVersion:!1,refreshLatestVersion:async()=>{const i=l();t({isRefreshingLatestVersion:!0});const r=await Dv({datasetId:i.datasetId});t({latestVersion:r,isRefreshingLatestVersion:!1})}});return
|
|
4582
|
+
`}}}();Pu.hash="a1349b92d8b0c745f5e8039c55b048c7";const xv=n=>{const a=(t,l)=>({...n,isRefreshingLatestVersion:!1,refreshLatestVersion:async()=>{const i=l();t({isRefreshingLatestVersion:!0});const r=await Dv({datasetId:i.datasetId});t({latestVersion:r,isRefreshingLatestVersion:!1})}});return yr()(qm(a))};async function Dv({datasetId:n}){var i;const a=await I.fetchQuery(Ke,Pu,{datasetId:n}).toPromise(),t=(i=a==null?void 0:a.dataset.latestVersions)==null?void 0:i.edges;return t&&t.length&&t[0].version||null}const Iu=u.createContext(null);function _v({children:n,...a}){const[t]=u.useState(()=>xv(a));return e(Iu.Provider,{value:t,children:n})}function va(n,a){const t=u.useContext(Iu);if(!t)throw new Error("Missing DatasetContext.Provider in the tree");return ut(t,n,a)}const xu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"addExamplesToDataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"AddDatasetExampleDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"AddDatasetExampleDialogMutation",selections:a},params:{cacheID:"718cf02ccb39b279132822bf503e51e6",id:null,metadata:{},name:"AddDatasetExampleDialogMutation",operationKind:"mutation",text:`mutation AddDatasetExampleDialogMutation(
|
|
4583
4583
|
$input: AddExamplesToDatasetInput!
|
|
4584
4584
|
) {
|
|
4585
4585
|
addExamplesToDataset(input: $input) {
|
|
4586
4586
|
__typename
|
|
4587
4587
|
}
|
|
4588
4588
|
}
|
|
4589
|
-
`}}}();xu.hash="8d99470f590cd5d28701fa6e3c0330e6";const vl={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function Lv(n){const{datasetId:a,onCompleted:t}=n,[l,i]=
|
|
4589
|
+
`}}}();xu.hash="8d99470f590cd5d28701fa6e3c0330e6";const vl={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function Lv(n){const{datasetId:a,onCompleted:t}=n,[l,i]=u.useState(null),[r,o]=I.useMutation(xu),{control:d,setError:c,handleSubmit:p,formState:{isValid:f}}=Qe({defaultValues:{input:"{}",output:"{}",metadata:"{}"}}),m=u.useCallback(g=>{if(i(null),!Mn(g==null?void 0:g.input))return c("input",{message:"Input must be a valid JSON object"});if(!Mn(g==null?void 0:g.output))return c("output",{message:"Output must be a valid JSON object"});if(!Mn(g==null?void 0:g.metadata))return c("metadata",{message:"Metadata must be a valid JSON object"});r({variables:{input:{datasetId:a,examples:[{input:JSON.parse(g.input),output:JSON.parse(g.output),metadata:JSON.parse(g.metadata)}],datasetVersionDescription:g.description}},onCompleted:()=>{t()},onError:y=>{const k=De(y);i((k==null?void 0:k[0])??y.message)}})},[r,a,c,t]);return s(Z,{size:"L",title:"Add Example",children:[e("div",{css:F`
|
|
4590
4590
|
overflow-y: auto;
|
|
4591
4591
|
padding: var(--ac-global-dimension-size-400);
|
|
4592
|
-
`,children:e(h,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(h,{direction:"column",gap:"size-200",children:[l?e(Se,{variant:"danger",children:l}):null,e(G,{control:d,name:"input",render:({field:{onChange:g,onBlur:
|
|
4592
|
+
`,children:e(h,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(h,{direction:"column",gap:"size-200",children:[l?e(Se,{variant:"danger",children:l}):null,e(G,{control:d,name:"input",render:({field:{onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(B,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...vl,children:[b?e(Se,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Ue,{value:k,onChange:g,onBlur:y})]})}),e(G,{control:d,name:"output",render:({field:{onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(B,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...vl,backgroundColor:"green-100",borderColor:"green-700",children:[b?e(Se,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Ue,{value:k,onChange:g,onBlur:y})]})}),e(G,{control:d,name:"metadata",render:({field:{onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(B,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...vl,children:[b?e(Se,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Ue,{value:k,onChange:g,onBlur:y})]})}),e(G,{control:d,name:"description",render:({field:{onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(X,{value:k,onChange:g,onBlur:y,isInvalid:b,children:[e(W,{children:"Version Description"}),e(Ca,{}),S?e(xe,{children:S.message}):e(v,{slot:"description",children:"A description of the changes made. Will be displayed in the version history."})]})})]})})})}),e(C,{padding:"size-200",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",gap:"size-100",children:e(V,{variant:"primary",size:"S",isDisabled:!f||o,leadingVisual:o?e(_,{svg:e(We,{})}):null,onPress:()=>p(m)(),children:o?"Adding Example...":"Add Example"})})})]})}function wv(n){const{datasetId:a,onAddExampleCompleted:t}=n,[l,i]=u.useState(null),r=u.useCallback(()=>{i(e(Lv,{datasetId:a,onCompleted:()=>{t(),i(null)}}))},[a,t]);return s(U,{children:[e(V,{leadingVisual:e(_,{svg:e(_n,{})}),size:"S",onPress:r,"aria-label":"Add Dataset Example",children:"Add Example"}),e(ae,{isDismissable:!0,onDismiss:()=>{i(null)},children:l})]})}function Ev(){const n=va(i=>i.datasetId),a=va(i=>i.latestVersion);let t=`${Kl}/v1/datasets/${n}/examples`;a&&(t+=`?version-id=${a.id}`);const l=u.useMemo(()=>`import phoenix as px
|
|
4593
4593
|
client = px.Client()
|
|
4594
4594
|
# Get the current dataset version
|
|
4595
4595
|
dataset = client.get_dataset(id="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return e("div",{css:F`
|
|
@@ -4599,7 +4599,7 @@ dataset = client.get_dataset(id="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);
|
|
|
4599
4599
|
padding-right: 10px;
|
|
4600
4600
|
}
|
|
4601
4601
|
}
|
|
4602
|
-
`,children:s(Va,{placement:"bottom right",children:[e(
|
|
4602
|
+
`,children:s(Va,{placement:"bottom right",children:[e(Sr,{addonBefore:e(_,{svg:e(Ql,{})}),children:"Code"}),e(wl,{children:s("section",{css:F`
|
|
4603
4603
|
width: 500px;
|
|
4604
4604
|
.ac-field {
|
|
4605
4605
|
flex: 1 1 auto;
|
|
@@ -4667,12 +4667,12 @@ fragment DatasetHistoryTable_versions_2HEEH6 on Dataset {
|
|
|
4667
4667
|
}
|
|
4668
4668
|
id
|
|
4669
4669
|
}
|
|
4670
|
-
`}}}();_u.hash="37e453bc58759a1e89bc5862c460de6b";const Lu=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:_u,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}}();Lu.hash="37e453bc58759a1e89bc5862c460de6b";const Rv=100;function Mv(n){const a=
|
|
4670
|
+
`}}}();_u.hash="37e453bc58759a1e89bc5862c460de6b";const Lu=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:_u,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}}();Lu.hash="37e453bc58759a1e89bc5862c460de6b";const Rv=100;function Mv(n){const a=u.useRef(null),{data:t,loadNext:l,hasNext:i,isLoadingNext:r}=I.usePaginationFragment(Lu,n.dataset),o=u.useMemo(()=>t.versions.edges.map(m=>m.node),[t]),d=he.useCallback(m=>{if(m){const{scrollHeight:g,scrollTop:y,clientHeight:k}=m;g-y-k<300&&!r&&i&&l(Rv)}},[i,r,l]),c=Le({columns:[{header:"version ID",accessorKey:"id"},{header:"description",accessorKey:"description"},{header:"created at",accessorKey:"createdAt",cell:Re}],data:o,getCoreRowModel:we(),getSortedRowModel:In()}),p=c.getRowModel().rows,f=p.length===0;return e("div",{css:F`
|
|
4671
4671
|
flex: 1 1 auto;
|
|
4672
4672
|
overflow: auto;
|
|
4673
|
-
`,onScroll:
|
|
4673
|
+
`,onScroll:m=>d(m.target),ref:a,children:s("table",{css:dn,children:[e("thead",{children:c.getHeaderGroups().map(m=>e("tr",{children:m.headers.map(g=>e("th",{colSpan:g.colSpan,children:g.isPlaceholder?null:s("div",{className:g.column.getCanSort()?"cursor-pointer":"",onClick:g.column.getToggleSortingHandler(),style:{left:g.getStart(),width:g.getSize()},children:[J(g.column.columnDef.header,g.getContext()),g.column.getIsSorted()?e(_,{className:"sort-icon",svg:g.column.getIsSorted()==="asc"?e(cn,{}):e(un,{})}):null]})},g.id))},m.id))}),f?e(mn,{}):e("tbody",{children:p.map(m=>e("tr",{children:m.getVisibleCells().map(g=>e("td",{children:J(g.column.columnDef.cell,g.getContext())},g.id))},m.id))})]})})}function Vv(n){const{datasetId:a}=n,t=I.useLazyLoadQuery(Du,{datasetId:a});return e(Z,{size:"L",title:"Dataset History",children:e("div",{css:F`
|
|
4674
4674
|
height: 500px;
|
|
4675
|
-
`,children:e(Mv,{dataset:t.dataset})})})}function Av(n){const{datasetId:a}=n,[t,l]=
|
|
4675
|
+
`,children:e(Mv,{dataset:t.dataset})})})}function Av(n){const{datasetId:a}=n,[t,l]=u.useState(null);return s(U,{children:[s(ve,{children:[e(V,{leadingVisual:e(_,{svg:e(Zg,{})}),"aria-label":"Version History",onPress:()=>{l(e(Vv,{datasetId:a}))}}),e($e,{children:"Dataset Version History"})]}),e(u.Suspense,{fallback:null,children:e(ae,{type:"modal",isDismissable:!0,onDismiss:()=>{l(null)},children:t})})]})}const zv=`pip install arize-phoenix>=${window.Config.platformVersion}`;function Nv({isAuthEnabled:n}){let a=`import os
|
|
4676
4676
|
# Set the phoenix collector endpoint. Commonly http://localhost:6006
|
|
4677
4677
|
os.environ["PHOENIX_COLLECTOR_ENDPOINT"] = "<your-phoenix-url>"`;return n&&(a+=`
|
|
4678
4678
|
# Configure access
|
|
@@ -4689,11 +4689,11 @@ def exact_match(input, output) -> float:
|
|
|
4689
4689
|
evaluators = [exact_match]`,Qv=`# Run an experiment
|
|
4690
4690
|
from phoenix.experiments import run_experiment
|
|
4691
4691
|
|
|
4692
|
-
experiment = run_experiment(dataset, my_task, evaluators=evaluators)`;function wu(){const[n,a]=
|
|
4692
|
+
experiment = run_experiment(dataset, my_task, evaluators=evaluators)`;function wu(){const[n,a]=u.useState(null),t=u.useCallback(()=>{a(e(Z,{title:"Run Experiment",size:"XL",children:e(jv,{})}))},[]);return s(U,{children:[e(V,{size:"S",leadingVisual:e(_,{svg:e(zr,{})}),onPress:t,children:"Run Experiment"}),e(ae,{isDismissable:!0,type:"slideOver",onDismiss:()=>{a(null)},children:n})]})}function jv(){const n=va(i=>i.datasetName),a=va(i=>i.latestVersion),t=window.Config.authenticationEnabled,l=u.useMemo(()=>`import phoenix as px
|
|
4693
4693
|
# Initialize a phoenix client
|
|
4694
4694
|
client = px.Client()
|
|
4695
4695
|
# Get the current dataset version. You can omit the version for the latest.
|
|
4696
|
-
dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return s(C,{padding:"size-400",overflow:"auto",children:[e(C,{paddingBottom:"size-100",children:e(v,{children:"Install Phoenix"})}),e(Xe,{children:e(kn,{value:zv})}),e(C,{paddingTop:"size-100",paddingBottom:"size-100",children:e(v,{children:"Point to a running instance of Phoenix"})}),e(Xe,{children:e(kn,{value:Nv({isAuthEnabled:t})})}),e(Xg,{children:e(C,{paddingBottom:"size-100",paddingTop:"size-100",children:e(
|
|
4696
|
+
dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return s(C,{padding:"size-400",overflow:"auto",children:[e(C,{paddingBottom:"size-100",children:e(v,{children:"Install Phoenix"})}),e(Xe,{children:e(kn,{value:zv})}),e(C,{paddingTop:"size-100",paddingBottom:"size-100",children:e(v,{children:"Point to a running instance of Phoenix"})}),e(Xe,{children:e(kn,{value:Nv({isAuthEnabled:t})})}),e(Xg,{children:e(C,{paddingBottom:"size-100",paddingTop:"size-100",children:e(Pr,{fallback:s(v,{children:["Your personal API keys can be created and managed on your"," ",e(sn,{href:"/profile",children:"Profile"})]}),children:s(v,{children:["System API keys can be created and managed in"," ",e(sn,{href:"/settings/general",children:"Settings"})]})})})}),e(C,{paddingTop:"size-100",paddingBottom:"size-100",children:e(v,{children:"Pull down this dataset"})}),e(Xe,{children:e(kn,{value:l})}),e(C,{paddingTop:"size-100",paddingBottom:"size-100",children:e(v,{children:"Define your task"})}),e(Xe,{children:e(kn,{value:$v})}),e(C,{paddingTop:"size-100",paddingBottom:"size-100",children:e(v,{children:"Define evaluators"})}),e(Xe,{children:e(kn,{value:Ov})}),e(C,{paddingTop:"size-100",paddingBottom:"size-100",children:e(v,{children:"Run an experiment"})}),e(Xe,{children:e(kn,{value:Qv})})]})}function E2(){const n=qe();Je(n);const a=u.useMemo(()=>{const t=n.dataset.latestVersions;return t!=null&&t.edges&&t.edges.length?t.edges[0].version:null},[n]);return e(_v,{datasetId:n.dataset.id,datasetName:n.dataset.name,latestVersion:a,children:e(u.Suspense,{fallback:e(Fe,{}),children:e(Bv,{dataset:n.dataset})})})}const qv=F`
|
|
4697
4697
|
flex: 1 1 auto;
|
|
4698
4698
|
display: flex;
|
|
4699
4699
|
flex-direction: column;
|
|
@@ -4719,7 +4719,7 @@ dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]
|
|
|
4719
4719
|
}
|
|
4720
4720
|
}
|
|
4721
4721
|
}
|
|
4722
|
-
`;function Bv({dataset:n}){const a=n.id,t=va(c=>c.refreshLatestVersion),l=ke(),i=ue(),r=
|
|
4722
|
+
`;function Bv({dataset:n}){const a=n.id,t=va(c=>c.refreshLatestVersion),l=ke(),i=ue(),r=u.useCallback(c=>{c===0?i(`/datasets/${a}/experiments`):c===1&&i(`/datasets/${a}/examples`)},[i,a]),d=mt().pathname.includes("examples")?1:0;return s("main",{css:qv,children:[e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-200",paddingBottom:"size-50",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(h,{direction:"column",justifyContent:"space-between",children:e(h,{direction:"row",gap:"size-200",alignItems:"center",children:s(h,{direction:"column",children:[e(v,{elementType:"h1",size:"L",weight:"heavy",children:n.name}),e(v,{color:"text-700",children:n.description||"--"})]})})}),s(h,{direction:"row",gap:"size-100",children:[s(Dn,{align:"end",icon:e(_,{svg:e(Gt,{})}),onAction:c=>{switch(c){case"csv":window.open(pn(`/v1/datasets/${n.id}/csv`),"_blank");break;case"openai-ft":window.open(pn(`/v1/datasets/${n.id}/jsonl/openai_ft`),"_blank");break;case"openai-evals":window.open(pn(`/v1/datasets/${n.id}/jsonl/openai_evals`),"_blank");break}},children:[e(ie,{children:"Download CSV"},"csv"),e(ie,{children:"Download OpenAI Fine-Tuning JSONL"},"openai-ft"),e(ie,{children:"Download OpenAI Evals JSONL"},"openai-evals")]}),e(Av,{datasetId:n.id}),e(Ev,{}),e(wu,{}),e(V,{leadingVisual:e(_,{svg:e(Ka,{})}),onPress:()=>{i(`/playground?datasetId=${n.id}`)},children:"Playground"}),e(wv,{datasetId:n.id,onAddExampleCompleted:()=>{l({title:"Example added",message:"The example has been added successfully and the version has been updated."}),t()}})]})]})}),s(Ge,{defaultSelectedKey:d===0?"experiments":"examples",onSelectionChange:c=>{switch(c){case"experiments":r(0);break;case"examples":r(1);break}},children:[s(He,{children:[s(ne,{id:"experiments",children:["Experiments ",e(fn,{children:n.experimentCount})]}),s(ne,{id:"examples",children:["Examples ",e(fn,{children:n.exampleCount})]})]}),e(ce,{id:"experiments",children:e(u.Suspense,{children:e(Te,{})})}),e(ce,{id:"examples",children:e(u.Suspense,{children:e(Te,{})})})]})]})}const Eu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},i={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},l,{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"experimentCount",storageKey:null},{alias:"latestVersions",args:[{kind:"Literal",name:"first",value:1},{kind:"Literal",name:"sort",value:{col:"createdAt",dir:"desc"}}],concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"version",args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'versions(first:1,sort:{"col":"createdAt","dir":"desc"})'}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"datasetLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,i],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"datasetLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,i],storageKey:null}]},params:{cacheID:"5b221627cf7e63f41fbec41027cc0951",id:null,metadata:{},name:"datasetLoaderQuery",operationKind:"query",text:`query datasetLoaderQuery(
|
|
4723
4723
|
$id: GlobalID!
|
|
4724
4724
|
) {
|
|
4725
4725
|
dataset: node(id: $id) {
|
|
@@ -4743,7 +4743,7 @@ dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]
|
|
|
4743
4743
|
}
|
|
4744
4744
|
}
|
|
4745
4745
|
}
|
|
4746
|
-
`}}}();Eu.hash="469da2debdebd608c88a6ef83c2540aa";async function R2(n){const{datasetId:a}=n.params;return await I.fetchQuery(Ke,Eu,{id:a}).toPromise()}function M2(){const{exampleId:n,datasetId:a}=Be(),t=ue();return e(
|
|
4746
|
+
`}}}();Eu.hash="469da2debdebd608c88a6ef83c2540aa";async function R2(n){const{datasetId:a}=n.params;return await I.fetchQuery(Ke,Eu,{id:a}).toPromise()}function M2(){const{exampleId:n,datasetId:a}=Be(),t=ue();return e(gi,{exampleId:n,onDismiss:()=>{t(`/datasets/${a}/examples`)}})}const Ru=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"examplesLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{args:null,kind:"FragmentSpread",name:"ExamplesTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"examplesLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t,{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"DatasetExampleConnection",kind:"LinkedField",name:"examples",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetExampleEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"example",args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"examples(first:100)"},{alias:null,args:i,filters:["datasetVersionId"],handle:"connection",key:"ExamplesTable_examples",kind:"LinkedHandle",name:"examples"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"7e303fa9a3c09ccd6a3dc1f3dbb2afb3",id:null,metadata:{},name:"examplesLoaderQuery",operationKind:"query",text:`query examplesLoaderQuery(
|
|
4747
4747
|
$id: GlobalID!
|
|
4748
4748
|
) {
|
|
4749
4749
|
dataset: node(id: $id) {
|
|
@@ -4822,15 +4822,15 @@ fragment ExamplesTableFragment_4a6F8Z on Dataset {
|
|
|
4822
4822
|
}
|
|
4823
4823
|
}
|
|
4824
4824
|
}
|
|
4825
|
-
`}}}();Au.hash="455bf9e5dc4b9cc655095dc829ef7e12";function Uv(n){const a=va(
|
|
4825
|
+
`}}}();Au.hash="455bf9e5dc4b9cc655095dc829ef7e12";function Uv(n){const a=va(y=>y.refreshLatestVersion),{selectedExamples:t,onExamplesDeleted:l,onClearSelection:i}=n,[r,o]=u.useState(null),d=ke(),c=Ie(),[p,f]=I.useMutation(Au),m=t.length!==1,g=u.useCallback(()=>{p({variables:{input:{exampleIds:t.map(y=>y.id)}},onCompleted:()=>{d({title:"Examples Deleted",message:`${t.length} example${m?"s":""} have been deleted.`}),l(),i(),a()},onError:y=>{const k=De(y);c({title:"An error occurred",message:`Failed to delete examples: ${(k==null?void 0:k[0])??y.message}`})}})},[p,t,d,m,l,i,a,c]);return s("div",{css:F`
|
|
4826
4826
|
position: absolute;
|
|
4827
4827
|
bottom: var(--ac-global-dimension-size-400);
|
|
4828
4828
|
left: 50%;
|
|
4829
4829
|
transform: translateX(-50%);
|
|
4830
|
-
`,children:[e(C,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(v,{children:`${t.length} example${
|
|
4830
|
+
`,children:[e(C,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(v,{children:`${t.length} example${m?"s":""} selected`}),s(h,{direction:"row",gap:"size-100",children:[e(V,{variant:"default",size:"S",onPress:i,children:"Cancel"}),e(V,{variant:"danger",size:"S",leadingVisual:e(_,{svg:f?e(We,{}):e(Ye,{})}),isDisabled:f,onPress:g,children:f?"Deleting...":"Delete Example"+(m?"s":"")})]})]})}),e(ae,{onDismiss:()=>{o(null)},children:r})]})}const Hv=100;function Gv({dataset:n}){const a=va(L=>L.latestVersion),t=u.useRef(null),[l,i]=he.useState({}),{data:r,loadNext:o,hasNext:d,isLoadingNext:c,refetch:p}=I.usePaginationFragment(Vu,n);u.useEffect(()=>{u.startTransition(()=>{p({datasetVersionId:(a==null?void 0:a.id)||null},{fetchPolicy:"store-and-network"})})},[a,p]);const f=u.useMemo(()=>r.examples.edges.map(L=>{const P=L.example,D=P.revision;return{id:P.id,input:D.input,output:D.output,metadata:D.metadata}}),[r]),g=Le({columns:[{id:"select",header:({table:L})=>e(na,{checked:L.getIsAllRowsSelected(),indeterminate:L.getIsSomeRowsSelected(),onChange:L.getToggleAllRowsSelectedHandler()}),cell:({row:L})=>e(na,{checked:L.getIsSelected(),disabled:!L.getCanSelect(),indeterminate:L.getIsSomeSelected(),onChange:L.getToggleSelectedHandler()})},{header:"example id",accessorKey:"id",cell:({getValue:L,row:P})=>{const D=P.original.id;return e(Ze,{to:`${D}`,children:L()})}},{header:"input",accessorKey:"input",cell:wa},{header:"output",accessorKey:"output",cell:wa},{header:"metadata",accessorKey:"metadata",cell:wa}],data:f,state:{rowSelection:l},onRowSelectionChange:i,getCoreRowModel:we()}),y=g.getRowModel().rows,k=y.length===0,b=g.getSelectedRowModel().rows,S=b.map(L=>L.original),K=u.useCallback(()=>{i({})},[i]),T=u.useCallback(L=>{if(L){const{scrollHeight:P,scrollTop:D,clientHeight:$}=L;P-D-$<300&&!c&&d&&o(Hv)}},[d,c,o]),x=ue();return s("div",{css:F`
|
|
4831
4831
|
flex: 1 1 auto;
|
|
4832
4832
|
overflow: auto;
|
|
4833
|
-
`,ref:t,onScroll:L=>T(L.target),children:[s("table",{css:sa,children:[e("thead",{children:g.getHeaderGroups().map(L=>e("tr",{children:L.headers.map(P=>e("th",{children:e("div",{children:J(P.column.columnDef.header,P.getContext())})},P.id))},L.id))}),k?e(mn,{}):e("tbody",{children:
|
|
4833
|
+
`,ref:t,onScroll:L=>T(L.target),children:[s("table",{css:sa,children:[e("thead",{children:g.getHeaderGroups().map(L=>e("tr",{children:L.headers.map(P=>e("th",{children:e("div",{children:J(P.column.columnDef.header,P.getContext())})},P.id))},L.id))}),k?e(mn,{}):e("tbody",{children:y.map(L=>e("tr",{onClick:()=>{x(`${L.original.id}`)},children:L.getVisibleCells().map(P=>e("td",{children:J(P.column.columnDef.cell,P.getContext())},P.id))},L.id))})]}),b.length?e(Uv,{selectedExamples:S,onClearSelection:K,onExamplesDeleted:()=>{p({},{fetchPolicy:"store-and-network"})}}):null]})}function A2(){const n=qe();return Je(n),s(U,{children:[e(Gv,{dataset:n.dataset})," ",e(u.Suspense,{children:e(Te,{})})]})}const zu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},r=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"experimentsLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"ExperimentsTableFragment"}],type:"Dataset",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"experimentsLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:null,args:r,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"experiments(first:100)"},{alias:null,args:r,filters:null,handle:"connection",key:"ExperimentsTable_experiments",kind:"LinkedHandle",name:"experiments"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"91f92395f5df4858554b124deed3f47a",id:null,metadata:{},name:"experimentsLoaderQuery",operationKind:"query",text:`query experimentsLoaderQuery(
|
|
4834
4834
|
$id: GlobalID!
|
|
4835
4835
|
) {
|
|
4836
4836
|
dataset: node(id: $id) {
|
|
@@ -4931,19 +4931,19 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
4931
4931
|
}
|
|
4932
4932
|
id
|
|
4933
4933
|
}
|
|
4934
|
-
`}}}();Nu.hash="c7c7580fe40888ceb86a1701fe4eedf4";const $u=function(){var n=["experiments"],a={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:Nu,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ExperimentsTableFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:"experiments",args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"__ExperimentsTable_experiments_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},t],type:"Dataset",abstractKey:null}}();$u.hash="c7c7580fe40888ceb86a1701fe4eedf4";function Wv({experimentId:n}){return e(Ht,{children:s(Dn,{buttonSize:"compact",align:"end",icon:e(_,{svg:e(Gt,{})}),onAction:a=>{a==="csv"&&window.open(pn(`/v1/experiments/${n}/csv`),"_blank"),a==="json"&&window.open(pn(`/v1/experiments/${n}/json`),"_blank")},children:[e(ie,{children:"Download CSV"},"csv"),e(ie,{children:"Download JSON"},"json")]})})}function Jv({getValue:n}){const a=n(),t=a!==null?a*100:null,l=
|
|
4934
|
+
`}}}();Nu.hash="c7c7580fe40888ceb86a1701fe4eedf4";const $u=function(){var n=["experiments"],a={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:Nu,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ExperimentsTableFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:"experiments",args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"__ExperimentsTable_experiments_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},t],type:"Dataset",abstractKey:null}}();$u.hash="c7c7580fe40888ceb86a1701fe4eedf4";function Wv({experimentId:n}){return e(Ht,{children:s(Dn,{buttonSize:"compact",align:"end",icon:e(_,{svg:e(Gt,{})}),onAction:a=>{a==="csv"&&window.open(pn(`/v1/experiments/${n}/csv`),"_blank"),a==="json"&&window.open(pn(`/v1/experiments/${n}/json`),"_blank")},children:[e(ie,{children:"Download CSV"},"csv"),e(ie,{children:"Download JSON"},"json")]})})}function Jv({getValue:n}){const a=n(),t=a!==null?a*100:null,l=u.useMemo(()=>{if(t!==null)return t>=80?"red-1100":t>0?"orange-1100":"green-1100"},[t]);return e(v,{color:l,children:It(t)})}const Ou=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"ExperimentMutationPayload",kind:"LinkedField",name:"deleteExperiments",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExperimentSelectionToolbarDeleteExperimentsMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExperimentSelectionToolbarDeleteExperimentsMutation",selections:a},params:{cacheID:"3af24cbaf3208c0d5ad1cd9313dd3823",id:null,metadata:{},name:"ExperimentSelectionToolbarDeleteExperimentsMutation",operationKind:"mutation",text:`mutation ExperimentSelectionToolbarDeleteExperimentsMutation(
|
|
4935
4935
|
$input: DeleteExperimentsInput!
|
|
4936
4936
|
) {
|
|
4937
4937
|
deleteExperiments(input: $input) {
|
|
4938
4938
|
__typename
|
|
4939
4939
|
}
|
|
4940
4940
|
}
|
|
4941
|
-
`}}}();Ou.hash="4ab310746eb51c6a3fcb799d2c972762";function Zv(n){const a=ue(),[t,l]=
|
|
4941
|
+
`}}}();Ou.hash="4ab310746eb51c6a3fcb799d2c972762";function Zv(n){const a=ue(),[t,l]=u.useState(null),[i,r]=I.useMutation(Ou),{datasetId:o,selectedExperiments:d,onClearSelection:c,onExperimentsDeleted:p}=n,f=d.length!==1,m=ke(),g=Ie(),y=u.useCallback(()=>{i({variables:{input:{experimentIds:d.map(b=>b.id)}},onCompleted:()=>{m({title:"Experiments Deleted",message:`${d.length} experiment${f?"s":""} have been deleted.`}),p(),c()},onError:b=>{const S=De(b);g({title:"An error occurred",message:`Failed to delete experiments: ${(S==null?void 0:S[0])??b.message}`})}})},[i,f,g,m,c,p,d]),k=u.useCallback(()=>{l(s(Z,{size:"S",title:"Delete Experiments",children:[e(C,{padding:"size-200",children:e(v,{color:"danger",children:"Are you sure you want to delete these experiments? This will also delete all associated annotations and traces, and it cannot be undone."})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(V,{variant:"danger",onPress:()=>{y(),l(null)},children:"Delete Experiments"})})})]}))},[y]);return s("div",{css:F`
|
|
4942
4942
|
position: absolute;
|
|
4943
4943
|
bottom: var(--ac-global-dimension-size-400);
|
|
4944
4944
|
left: 50%;
|
|
4945
4945
|
transform: translateX(-50%);
|
|
4946
|
-
`,children:[e(C,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",children:[e(v,{children:`${d.length} experiment${
|
|
4946
|
+
`,children:[e(C,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",children:[e(v,{children:`${d.length} experiment${f?"s":""} selected`}),s(h,{direction:"row",gap:"size-100",children:[e(V,{variant:"default",size:"S",onPress:c,children:"Cancel"}),e(V,{variant:"danger",size:"S",leadingVisual:e(_,{svg:r?e(We,{}):e(Ye,{})}),isDisabled:r,onPress:k,children:r?"Deleting...":"Delete"}),e(V,{variant:"primary",size:"S",onPress:()=>{a(`/datasets/${o}/compare?${d.map(b=>`experimentId=${b.id}`).join("&")}`)},leadingVisual:e(_,{svg:e(Yg,{})}),children:"Compare Experiments"})]})]})}),e(ae,{onDismiss:()=>{l(null)},children:t})]})}const Xv=100;function Yv(){return e("tbody",{className:"is-empty",children:e("tr",{children:s("td",{colSpan:100,css:F`
|
|
4947
4947
|
text-align: center;
|
|
4948
4948
|
padding: var(--ac-global-dimension-size-400) !important;
|
|
4949
4949
|
button {
|
|
@@ -4951,20 +4951,20 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
4951
4951
|
margin-left: auto;
|
|
4952
4952
|
margin-right: auto;
|
|
4953
4953
|
}
|
|
4954
|
-
`,children:["No experiments for this dataset. To see how to run experiments on a dataset, check out the documentation.",e(wu,{})]})})})}function eC({dataset:n}){const a=
|
|
4954
|
+
`,children:["No experiments for this dataset. To see how to run experiments on a dataset, check out the documentation.",e(wu,{})]})})})}function eC({dataset:n}){const a=u.useRef(null),[t,l]=u.useState({}),{data:i,loadNext:r,hasNext:o,isLoadingNext:d,refetch:c}=I.usePaginationFragment($u,n),p=u.useMemo(()=>i.experiments.edges.map(P=>{const D=P.experiment.annotationSummaries.reduce(($,R)=>($[R.annotationName]=R,$),{});return{...P.experiment,annotationSummaryMap:D}}),[i.experiments.edges]),f=[{id:"select",header:({table:P})=>e(na,{checked:P.getIsAllRowsSelected(),indeterminate:P.getIsSomeRowsSelected(),onChange:P.getToggleAllRowsSelectedHandler()}),cell:({row:P})=>e(na,{checked:P.getIsSelected(),disabled:!P.getCanSelect(),indeterminate:P.getIsSomeSelected(),onChange:P.getToggleSelectedHandler()})},{header:"name",accessorKey:"name",minSize:200,cell:({getValue:P,row:D})=>{const $=D.original.id,R=D.original.sequenceNumber;return s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Yt,{sequenceNumber:R}),e(Ze,{to:`/datasets/${n.id}/compare?experimentId=${$}`,children:P()})]})}},{header:"description",accessorKey:"description",minSize:300,cell:Ee},{header:"created at",accessorKey:"createdAt",cell:Re}],m=i.experimentAnnotationSummaries.map(P=>{const{annotationName:D,minScore:$,maxScore:R}=P;return{header:()=>s(h,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",justifyContent:"end",children:[e(v,{children:D}),e(ey,{annotationName:D})]}),id:`annotation-${D}`,meta:{textAlign:"right"},cell:({row:Q})=>{const z=Q.original.annotationSummaryMap[D];return!z||z.meanScore==null?e("span",{css:F`
|
|
4955
4955
|
float: right;
|
|
4956
|
-
`,children:"--"}):e(nC,{annotationName:D,value:z.meanScore,min:$,max:R})}}}),g=[{header:"run count",accessorKey:"runCount",meta:{textAlign:"right"},cell:
|
|
4956
|
+
`,children:"--"}):e(nC,{annotationName:D,value:z.meanScore,min:$,max:R})}}}),g=[{header:"run count",accessorKey:"runCount",meta:{textAlign:"right"},cell:as},{header:"avg latency",accessorKey:"averageRunLatencyMs",meta:{textAlign:"right"},cell:({getValue:P})=>{const D=P();return D===null||typeof D!="number"?"--":e(Me,{latencyMs:D})}},{header:"error rate",accessorKey:"errorRate",meta:{textAlign:"right"},cell:Jv},{header:"metadata",accessorKey:"metadata",minSize:200,cell:wa},{id:"actions",cell:({row:P})=>{const D=P.original.project,$=P.original.metadata;return s(h,{direction:"row",gap:"size-100",children:[e(Wv,{experimentId:P.original.id}),e(rs,{projectId:(D==null?void 0:D.id)||null,experimentId:P.original.id,metadata:$,canDeleteExperiment:!0,onExperimentDeleted:()=>{c({},{fetchPolicy:"store-and-network"})}})]})}}],y=Le({columns:[...f,...m,...g],data:p,getCoreRowModel:we(),state:{rowSelection:t},onRowSelectionChange:l}),k=y.getRowModel().rows,b=y.getSelectedRowModel().rows,S=b.map(P=>P.original),K=u.useCallback(()=>{l({})},[l]),T=k.length===0,x=u.useCallback(P=>{if(P){const{scrollHeight:D,scrollTop:$,clientHeight:R}=P;D-$-R<300&&!d&&o&&r(Xv)}},[o,d,r]),L=ue();return s("div",{css:F`
|
|
4957
4957
|
flex: 1 1 auto;
|
|
4958
4958
|
overflow: auto;
|
|
4959
4959
|
width: table.getTotalSize();
|
|
4960
|
-
`,ref:a,onScroll:P=>x(P.target),children:[s("table",{css:sa,children:[e("thead",{children:
|
|
4960
|
+
`,ref:a,onScroll:P=>x(P.target),children:[s("table",{css:sa,children:[e("thead",{children:y.getHeaderGroups().map(P=>e("tr",{children:P.headers.map(D=>{var $,R;return e("th",{align:(R=($=D.column.columnDef)==null?void 0:$.meta)==null?void 0:R.textAlign,children:e("div",{children:J(D.column.columnDef.header,D.getContext())})},D.id)})},P.id))}),T?e(Yv,{}):e("tbody",{children:k.map(P=>e("tr",{onClick:()=>{L(`/datasets/${n.id}/compare?experimentId=${P.original.id}`)},children:P.getVisibleCells().map(D=>e("td",{children:J(D.column.columnDef.cell,D.getContext())},D.id))},P.id))})]}),b.length?e(Zv,{datasetId:n.id,selectedExperiments:S,onClearSelection:K,onExperimentsDeleted:()=>{c({},{fetchPolicy:"store-and-network"})}}):null]})}function nC({annotationName:n,value:a,min:t,max:l}){const i=Yr(n),r=u.useMemo(()=>{const o=typeof t=="number"?t:0,d=typeof l=="number"?l:1;if(o===d&&d===a)return 100;const c=d-o||1;return(a-o)/c*100},[a,t,l]);return s(ve,{children:[e(Oe,{children:s("div",{css:F`
|
|
4961
4961
|
float: right;
|
|
4962
4962
|
--mod-barloader-fill-color: ${i};
|
|
4963
4963
|
display: flex;
|
|
4964
4964
|
flex-direction: row;
|
|
4965
4965
|
align-items: center;
|
|
4966
4966
|
gap: var(--ac-global-dimension-size-100);
|
|
4967
|
-
`,children:[_a(a),e(Jm,{width:"40px",value:r,"aria-label":"where the mean score lands between overall min max"})]})}),e(la,{children:s(C,{width:"size-2400",children:[e(se,{level:3,weight:"heavy",children:n}),s(h,{direction:"column",children:[s(h,{justifyContent:"space-between",children:[e(v,{weight:"heavy",size:"XS",children:"Mean Score"}),e(v,{size:"XS",children:_a(a)})]}),s(h,{justifyContent:"space-between",children:[e(v,{weight:"heavy",size:"XS",children:"All Experiments Min"}),e(v,{size:"XS",children:_a(t)})]}),s(h,{justifyContent:"space-between",children:[e(v,{weight:"heavy",size:"XS",children:"All Experiments Max"}),e(v,{size:"XS",children:_a(l)})]}),s(h,{justifyContent:"space-between",children:[e(v,{weight:"heavy",size:"XS",children:"Mean Score Percentile"}),e(v,{size:"XS",children:
|
|
4967
|
+
`,children:[_a(a),e(Jm,{width:"40px",value:r,"aria-label":"where the mean score lands between overall min max"})]})}),e(la,{children:s(C,{width:"size-2400",children:[e(se,{level:3,weight:"heavy",children:n}),s(h,{direction:"column",children:[s(h,{justifyContent:"space-between",children:[e(v,{weight:"heavy",size:"XS",children:"Mean Score"}),e(v,{size:"XS",children:_a(a)})]}),s(h,{justifyContent:"space-between",children:[e(v,{weight:"heavy",size:"XS",children:"All Experiments Min"}),e(v,{size:"XS",children:_a(t)})]}),s(h,{justifyContent:"space-between",children:[e(v,{weight:"heavy",size:"XS",children:"All Experiments Max"}),e(v,{size:"XS",children:_a(l)})]}),s(h,{justifyContent:"space-between",children:[e(v,{weight:"heavy",size:"XS",children:"Mean Score Percentile"}),e(v,{size:"XS",children:es(r)})]})]})]})})]})}function N2(){const n=qe();return Je(n),s(U,{children:[e(eC,{dataset:n.dataset}),e(u.Suspense,{children:e(Te,{})})]})}const Qu=function(){var n={defaultValue:null,kind:"LocalArgument",name:"datasetId"},a={defaultValue:null,kind:"LocalArgument",name:"experimentIds"},t={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},o={alias:"comparisons",args:[{kind:"Variable",name:"experimentIds",variableName:"experimentIds"},{kind:"Variable",name:"filterCondition",variableName:"filterCondition"}],concreteType:"ExperimentComparison",kind:"LinkedField",name:"compareExperiments",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"example",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:"referenceOutput",args:null,kind:"ScalarField",name:"output",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"RunComparisonItem",kind:"LinkedField",name:"runComparisonItems",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"experimentId",storageKey:null},{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"runs",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},i,{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:[l,r,{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},i],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},d=[{kind:"Variable",name:"id",variableName:"datasetId"}],c={kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[l,r,{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:[l],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"ExperimentCompareTableQuery",selections:[o,{alias:"dataset",args:d,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,c],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n,t],kind:"Operation",name:"ExperimentCompareTableQuery",selections:[o,{alias:"dataset",args:d,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l,c],storageKey:null}]},params:{cacheID:"2858d6862ebdeb9248578effd1944942",id:null,metadata:{},name:"ExperimentCompareTableQuery",operationKind:"query",text:`query ExperimentCompareTableQuery(
|
|
4968
4968
|
$experimentIds: [GlobalID!]!
|
|
4969
4969
|
$datasetId: GlobalID!
|
|
4970
4970
|
$filterCondition: String
|
|
@@ -5036,7 +5036,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
5036
5036
|
errorMessage
|
|
5037
5037
|
}
|
|
5038
5038
|
}
|
|
5039
|
-
`}}}();ju.hash="ebd42c04f1fa695bbd658ed88c167854";const qu=
|
|
5039
|
+
`}}}();ju.hash="ebd42c04f1fa695bbd658ed88c167854";const qu=u.createContext(null);function aC(){const n=u.useContext(qu);if(n===null)throw new Error("useExperimentRunFilterCondition must be used within a ExperimentRunFilterConditionProvider");return n}function tC(n){const[a,t]=u.useState(""),l=u.useCallback(r=>{u.startTransition(()=>{t(r)})},[]),i=u.useCallback(r=>{u.startTransition(()=>{a.length>0?t(a+" and "+r):t(r)})},[a]);return e(qu.Provider,{value:{filterCondition:a,setFilterCondition:l,appendFilterCondition:i},children:n.children})}const Bu=F`
|
|
5040
5040
|
flex: 1 1 auto;
|
|
5041
5041
|
.cm-content {
|
|
5042
5042
|
padding: var(--ac-global-dimension-static-size-100) 0;
|
|
@@ -5067,7 +5067,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
5067
5067
|
border-color: var(--ac-global-color-danger);
|
|
5068
5068
|
}
|
|
5069
5069
|
box-sizing: border-box;
|
|
5070
|
-
`;function lC(n){const a=n.matchBefore(/\w*/);return!a||a.from==a.to&&!n.explicit?null:{from:a.from,options:[{label:"input",type:"variable",info:"The input of the dataset example"},{label:"reference_output",type:"variable",info:"The reference output of the dataset example"},{label:"metadata",type:"variable",info:"The metadata of the dataset example"},{label:"output",type:"variable",info:"The output of the experiment run"},{label:"error",type:"variable",info:"The error message of the experiment run (if exists)"},{label:"latency_ms",type:"variable",info:"The duration of the experiment run in milliseconds"},{label:"evals",type:"variable",info:"The evaluations of the experiment run"},{label:"search input",type:"text",apply:"'' in input",detail:"macro"},{label:"search reference output",type:"text",apply:"'' in reference_output",detail:"macro"},{label:"search output",type:"text",apply:"'' in output",detail:"macro"},{label:"has error",type:"text",apply:"error is not None",detail:"macro"},{label:"Latency >= 10s",type:"text",apply:"latency_ms >= 10_000",detail:"macro"},{label:"Hallucinations",type:"text",apply:"evals['hallucination'].label == 'hallucinated'",detail:"macro"},{label:"Metadata",type:"text",apply:"metadata['category'] == 'hard_examples'",detail:"macro"}]}}async function iC(n,a){if(!n)return{isValid:!0,errorMessage:null};const t=await pt.fetchQuery(Ke,ju,{condition:n,experimentIds:a}).toPromise();if(!t)throw new Error("Filter condition validation is null");return t.validateExperimentRunFilterCondition}const rC=[
|
|
5070
|
+
`;function lC(n){const a=n.matchBefore(/\w*/);return!a||a.from==a.to&&!n.explicit?null:{from:a.from,options:[{label:"input",type:"variable",info:"The input of the dataset example"},{label:"reference_output",type:"variable",info:"The reference output of the dataset example"},{label:"metadata",type:"variable",info:"The metadata of the dataset example"},{label:"output",type:"variable",info:"The output of the experiment run"},{label:"error",type:"variable",info:"The error message of the experiment run (if exists)"},{label:"latency_ms",type:"variable",info:"The duration of the experiment run in milliseconds"},{label:"evals",type:"variable",info:"The evaluations of the experiment run"},{label:"search input",type:"text",apply:"'' in input",detail:"macro"},{label:"search reference output",type:"text",apply:"'' in reference_output",detail:"macro"},{label:"search output",type:"text",apply:"'' in output",detail:"macro"},{label:"has error",type:"text",apply:"error is not None",detail:"macro"},{label:"Latency >= 10s",type:"text",apply:"latency_ms >= 10_000",detail:"macro"},{label:"Hallucinations",type:"text",apply:"evals['hallucination'].label == 'hallucinated'",detail:"macro"},{label:"Metadata",type:"text",apply:"metadata['category'] == 'hard_examples'",detail:"macro"}]}}async function iC(n,a){if(!n)return{isValid:!0,errorMessage:null};const t=await pt.fetchQuery(Ke,ju,{condition:n,experimentIds:a}).toPromise();if(!t)throw new Error("Filter condition validation is null");return t.validateExperimentRunFilterCondition}const rC=[ai.of([{key:"Enter",run:n=>!0}]),yt(),ds({override:[lC]})];function sC(n){const{onValidCondition:a,placeholder:t=`filter condition (e.g., evals["Hallucination"].label == 'hallucinated')`}=n,[l,i]=u.useState(!1),[r,o]=u.useState(""),{filterCondition:d,setFilterCondition:c,appendFilterCondition:p}=aC(),f=u.useDeferredValue(d),{theme:m}=On(),g=m==="light"?da:ca,[y]=xn(),k=y.getAll("experimentId");u.useEffect(()=>{iC(f,k).then(K=>{K!=null&&K.isValid?(o(""),u.startTransition(()=>{a(f)})):o((K==null?void 0:K.errorMessage)??"Invalid filter condition")})},[a,f,k]);const b=r!=="";return s("div",{"data-is-focused":l,"data-is-invalid":b,css:Uu,children:[s(h,{direction:"row",children:[e(El,{children:e(_,{svg:e(ni,{})})}),e(ua,{css:Bu,indentWithTab:!1,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1,defaultKeymap:!1},onFocus:()=>i(!0),onBlur:()=>i(!1),value:d,onChange:c,height:"36px",width:"100%",theme:g,placeholder:t,extensions:rC}),e("button",{css:F`
|
|
5071
5071
|
margin-right: var(--ac-global-dimension-static-size-100);
|
|
5072
5072
|
color: var(--ac-global-text-color-700);
|
|
5073
5073
|
visibility: ${d!==""?"visible":"hidden"};
|
|
@@ -5077,7 +5077,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
5077
5077
|
padding-left: var(--ac-global-dimension-static-size-100);
|
|
5078
5078
|
padding-right: var(--ac-global-dimension-static-size-100);
|
|
5079
5079
|
height: 100%;
|
|
5080
|
-
`,className:"button--reset",children:e(_,{svg:e(_n,{})})})}),e(oC,{onAddFilterConditionSnippet:p})]})]}),s(ve,{isOpen:b&&l,placement:"bottom",children:[e(Oe,{children:e("div",{})}),e(la,{children:r!=""?e(v,{color:"danger",children:r}):e(v,{color:"success",children:"Valid Expression"})})]})]})}function oC(n){const{onAddFilterConditionSnippet:a}=n;return e(C,{width:"500px",paddingTop:"size-200",paddingStart:"size-200",paddingEnd:"size-200",borderRadius:"medium",borderWidth:"thin",borderColor:"light",backgroundColor:"light",children:s(ln,{children:[e(Hn,{label:"filter by substring",initialSnippet:"'search term' in output['key']",onAddFilterConditionSnippet:a},"substring"),e(Hn,{label:"filter on errors",initialSnippet:"error is not None",onAddFilterConditionSnippet:a},"errors"),e(Hn,{label:"filter by evaluation label",initialSnippet:"evals['hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"eval_label"),e(Hn,{label:"filter by evaluation score",initialSnippet:"evals['hallucination'].score >= 0.5",onAddFilterConditionSnippet:a},"eval_score"),e(Hn,{label:"filter by evaluation explanation",initialSnippet:"'search term' in evals['hallucination'].explanation",onAddFilterConditionSnippet:a},"eval_explanation"),e(Hn,{label:"filter for lower scores than first experiment",initialSnippet:"evals['hallucination'].score < experiments[0].evals['hallucination'].score",onAddFilterConditionSnippet:a},"compare_experiments"),e(Hn,{label:"filter by metadata",initialSnippet:"metadata['category'] == 'hard_examples'",onAddFilterConditionSnippet:a},"metadata"),e(Hn,{label:"filter by latency",initialSnippet:"latency_ms >= 10_000",onAddFilterConditionSnippet:a},"latency")]})})}function Hn(n){const{initialSnippet:a,onAddFilterConditionSnippet:t}=n,[l,i]=
|
|
5080
|
+
`,className:"button--reset",children:e(_,{svg:e(_n,{})})})}),e(oC,{onAddFilterConditionSnippet:p})]})]}),s(ve,{isOpen:b&&l,placement:"bottom",children:[e(Oe,{children:e("div",{})}),e(la,{children:r!=""?e(v,{color:"danger",children:r}):e(v,{color:"success",children:"Valid Expression"})})]})]})}function oC(n){const{onAddFilterConditionSnippet:a}=n;return e(C,{width:"500px",paddingTop:"size-200",paddingStart:"size-200",paddingEnd:"size-200",borderRadius:"medium",borderWidth:"thin",borderColor:"light",backgroundColor:"light",children:s(ln,{children:[e(Hn,{label:"filter by substring",initialSnippet:"'search term' in output['key']",onAddFilterConditionSnippet:a},"substring"),e(Hn,{label:"filter on errors",initialSnippet:"error is not None",onAddFilterConditionSnippet:a},"errors"),e(Hn,{label:"filter by evaluation label",initialSnippet:"evals['hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"eval_label"),e(Hn,{label:"filter by evaluation score",initialSnippet:"evals['hallucination'].score >= 0.5",onAddFilterConditionSnippet:a},"eval_score"),e(Hn,{label:"filter by evaluation explanation",initialSnippet:"'search term' in evals['hallucination'].explanation",onAddFilterConditionSnippet:a},"eval_explanation"),e(Hn,{label:"filter for lower scores than first experiment",initialSnippet:"evals['hallucination'].score < experiments[0].evals['hallucination'].score",onAddFilterConditionSnippet:a},"compare_experiments"),e(Hn,{label:"filter by metadata",initialSnippet:"metadata['category'] == 'hard_examples'",onAddFilterConditionSnippet:a},"metadata"),e(Hn,{label:"filter by latency",initialSnippet:"latency_ms >= 10_000",onAddFilterConditionSnippet:a},"latency")]})})}function Hn(n){const{initialSnippet:a,onAddFilterConditionSnippet:t}=n,[l,i]=u.useState(a),{theme:r}=On(),o=r==="light"?da:ca;return e(ra,{label:n.label,children:s(h,{direction:"row",width:"100%",gap:"size-100",children:[e("div",{css:F(Uu,F`
|
|
5081
5081
|
flex: 1 1 auto;
|
|
5082
5082
|
`),children:e(ua,{value:l,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[yt()],editable:!0,onChange:i,theme:o,css:Bu})}),e(V,{"aria-label":"Add to filter condition",variant:"default",onPress:()=>t(l),leadingVisual:e(_,{svg:e(_n,{})})})]})})}const Cl={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}},dC=F`
|
|
5083
5083
|
flex: 1 1 auto;
|
|
@@ -5095,13 +5095,13 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
5095
5095
|
align-items: center;
|
|
5096
5096
|
color: var(--ac-global-color-primary);
|
|
5097
5097
|
gap: var(--ac-global-dimension-size-50);
|
|
5098
|
-
`;function uC(n){const{datasetId:a,experimentIds:t,displayFullText:l}=n,[i,r]=
|
|
5098
|
+
`;function uC(n){const{datasetId:a,experimentIds:t,displayFullText:l}=n,[i,r]=u.useState(""),o=I.useLazyLoadQuery(Qu,{experimentIds:t,datasetId:a,filterCondition:i}),d=u.useMemo(()=>{var T,x;return((x=(T=o.dataset)==null?void 0:T.experiments)==null?void 0:x.edges.reduce((L,P)=>{var D,$;return L[P.experiment.id]={...P.experiment,projectId:(($=(D=P.experiment)==null?void 0:D.project)==null?void 0:$.id)||null},L},{}))||{}},[o]),c=u.useMemo(()=>o.comparisons.map(T=>{const x=T.runComparisonItems.reduce((L,P)=>(L[P.experimentId]=P,L),{});return{...T,id:T.example.id,input:T.example.revision.input,referenceOutput:T.example.revision.referenceOutput,runComparisonMap:x}}),[o]),[p,f]=u.useState(null),m=u.useMemo(()=>[{header:"input",accessorKey:"input",minWidth:500,cell:({row:T})=>e(Ai,{controls:s(ve,{children:[e(V,{size:"S","aria-label":"View example details",leadingVisual:e(_,{svg:e(ot,{})}),onPress:()=>{u.startTransition(()=>{f(e(u.Suspense,{children:e(gi,{exampleId:T.original.example.id,onDismiss:()=>{f(null)}})}))})}}),e($e,{children:"View Example"})]}),children:e(Kt,{children:e(Ci,{children:e($a,{json:T.original.input,disableTitle:!0,space:l?2:0})})})})},{header:"reference output",accessorKey:"referenceOutput",minWidth:500,cell:T=>e(Kt,{children:l?yC(T):wa(T)})}],[l]),g=u.useMemo(()=>t.map(T=>({header:()=>{var $,R,Q,z;const x=($=d[T])==null?void 0:$.name,L=(R=d[T])==null?void 0:R.metadata,P=(Q=d[T])==null?void 0:Q.projectId,D=((z=d[T])==null?void 0:z.sequenceNumber)||0;return s(h,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",justifyContent:"space-between",children:[s(h,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",children:[e(Yt,{sequenceNumber:D}),e(v,{children:x})]}),e(rs,{experimentId:T,metadata:L,isQuiet:!0,projectId:P,canDeleteExperiment:!1})]})},accessorKey:T,minSize:500,cell:({row:x})=>{var A,j;const L=x.original.runComparisonMap[T],P=(L==null?void 0:L.runs.length)||0;if(P===0)return e(ur,{});if(P>1)return e(v,{color:"warning",children:`${P} runs`});const D=L==null?void 0:L.runs[0];let $=null;const R=(A=D==null?void 0:D.trace)==null?void 0:A.traceId,Q=(j=D==null?void 0:D.trace)==null?void 0:j.projectId;return R&&Q&&($=s(ve,{children:[e(V,{variant:"default",className:"trace-button",size:"S","aria-label":"View run trace",leadingVisual:e(_,{svg:e(jt,{})}),onPress:()=>{u.startTransition(()=>{f(e(Ju,{traceId:R,projectId:Q,title:"Experiment Run Trace"}))})}}),e($e,{children:"View Trace"})]})),D?e(Ai,{controls:s(U,{children:[s(ve,{children:[e(V,{variant:"default",className:"expand-button",size:"S","aria-label":"View example run details",leadingVisual:e(_,{svg:e(ot,{})}),onPress:()=>{u.startTransition(()=>{f(e(fC,{selectedExample:x.original,datasetId:a,experimentInfoById:d}))})}}),e($e,{children:"View run details"})]}),$]}),children:e(Kt,{children:e(gC,{...D,displayFullText:l,setDialog:f})})}):e(Kt,{children:e(ur,{})})}})),[t,d,a,l]),y=u.useMemo(()=>[...m,...g],[m,g]),k=Le({columns:y,data:c,getCoreRowModel:we(),columnResizeMode:"onChange"}),b=he.useMemo(()=>{const T=k.getFlatHeaders(),x={};for(let L=0;L<T.length;L++){const P=T[L];x[`--header-${P.id}-size`]=P.getSize(),x[`--col-${P.column.id}-size`]=P.column.getSize()}return x},[k.getState().columnSizingInfo,k.getState().columnSizing]),K=k.getRowModel().rows.length===0;return e(C,{overflow:"auto",children:s(h,{direction:"column",height:"100%",children:[e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:e(sC,{onValidCondition:r})}),s("div",{css:dC,children:[s("table",{css:F(dn,Vr),style:{...b,width:k.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:k.getHeaderGroups().map(T=>e("tr",{children:T.headers.map(x=>s("th",{style:{width:`calc(var(--header-${x==null?void 0:x.id}-size) * 1px)`},children:[e("div",{children:J(x.column.columnDef.header,x.getContext())}),e("div",{onMouseDown:x.getResizeHandler(),onTouchStart:x.getResizeHandler(),className:`resizer ${x.column.getIsResizing()?"isResizing":""}`})]},x.id))},T.id))}),K?e(mn,{}):k.getState().columnSizingInfo.isResizingColumn?e(mC,{table:k}):e(Hu,{table:k})]}),e(ae,{isDismissable:!0,type:"slideOver",onDismiss:()=>{f(null)},children:p})]})]})})}function Hu({table:n}){return e("tbody",{children:n.getRowModel().rows.map(a=>e("tr",{children:a.getVisibleCells().map(t=>e("td",{style:{height:1,width:`calc(var(--col-${t.column.id}-size) * 1px)`,padding:0},children:J(t.column.columnDef.cell,t.getContext())},t.id))},a.id))})}const mC=he.memo(Hu,(n,a)=>n.table.options.data===a.table.options.data);function pC(n){const{datasetId:a,exampleId:t}=n,l=ue();return e("div",{onClick:i=>{i.preventDefault(),i.stopPropagation()},children:e(Dn,{buttonSize:"compact",align:"end",onAction:i=>{switch(i){case"gotoExample":return l(`/datasets/${a}/examples/${t}`);default:Ce()}},children:e(ie,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(ay,{})}),e(v,{children:"Go to example"})]})},"gotoExample")})})}function gC(n){const{output:a,error:t,startTime:l,endTime:i,annotations:r,displayFullText:o,setDialog:d}=n;if(t)return e(Gu,{error:t});const c=r!=null&&r.edges.length?r.edges.map(p=>p.annotation):[];return s(h,{direction:"column",gap:"size-100",height:"100%",justifyContent:"space-between",children:[e(Ci,{children:e($a,{json:a,disableTitle:!0,space:o?2:0})}),s("ul",{css:F`
|
|
5099
5099
|
display: flex;
|
|
5100
5100
|
flex-direction: row;
|
|
5101
5101
|
gap: var(--ac-global-dimension-static-size-100);
|
|
5102
5102
|
align-items: center;
|
|
5103
5103
|
flex-wrap: wrap;
|
|
5104
|
-
`,children:[e("li",{children:e(Wu,{startTime:l,endTime:i})},"run-latency"),c.map(p=>e("li",{children:e(za,{annotation:p,extra:p.trace&&e(C,{paddingTop:"size-100",children:s("div",{css:cC,children:[e(_,{svg:e(Vn,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(Nn,{annotation:p,onClick:()=>{const
|
|
5104
|
+
`,children:[e("li",{children:e(Wu,{startTime:l,endTime:i})},"run-latency"),c.map(p=>e("li",{children:e(za,{annotation:p,extra:p.trace&&e(C,{paddingTop:"size-100",children:s("div",{css:cC,children:[e(_,{svg:e(Vn,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(Nn,{annotation:p,onClick:()=>{const f=p.trace;f&&u.startTransition(()=>{d(e(Ju,{traceId:f.traceId,projectId:f.projectId,title:`Evaluator Trace: ${p.name}`}))})}})})},p.id))]})]})}function Gu({error:n}){return s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_,{svg:e(ql,{}),color:"danger"}),e(v,{color:"danger",children:n})]})}function Wu({startTime:n,endTime:a}){const t=u.useMemo(()=>{let l=null;return n&&a&&(l=new Date(a).getTime()-new Date(n).getTime()),l},[n,a]);return t===null?null:e(Me,{latencyMs:t})}function ur(){return s(h,{direction:"row",gap:"size-50",children:[e(_,{svg:e(ny,{}),color:"grey-800"}),e(v,{color:"text-700",children:"not run"})]})}function yC({getValue:n}){const a=n();return e(Ci,{children:e($a,{json:a,space:2})})}function Ci({children:n}){return e("div",{css:F`
|
|
5105
5105
|
max-height: 300px;
|
|
5106
5106
|
overflow-y: auto;
|
|
5107
5107
|
`,children:n})}function fC({selectedExample:n,datasetId:a,experimentInfoById:t}){return e(Z,{title:`Comparing Experiments for Example: ${n.id}`,size:"fullscreen",extra:e(pC,{datasetId:a,exampleId:n.id}),children:s(yn,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(_e,{defaultSize:35,children:e("div",{css:F`
|
|
@@ -5126,12 +5126,12 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
5126
5126
|
gap: var(
|
|
5127
5127
|
--ac-global-dimension-static-size-100
|
|
5128
5128
|
);
|
|
5129
|
-
`,children:(d=r.annotations)==null?void 0:d.edges.map(c=>e("li",{children:e(Nn,{annotation:c.annotation})},c.annotation.id))})]})]})},o)})})})},l.experimentId)})})})]})})]})})}function Ju({traceId:n,projectId:a,title:t}){const l=ue();return e(Z,{title:t,size:"fullscreen",extra:e(V,{onPress:()=>l(`/projects/${a}/traces/${n}`),children:"View Trace in Project"}),children:e(
|
|
5129
|
+
`,children:(d=r.annotations)==null?void 0:d.edges.map(c=>e("li",{children:e(Nn,{annotation:c.annotation})},c.annotation.id))})]})]})},o)})})})},l.experimentId)})})})]})})]})})}function Ju({traceId:n,projectId:a,title:t}){const l=ue();return e(Z,{title:t,size:"fullscreen",extra:e(V,{onPress:()=>l(`/projects/${a}/traces/${n}`),children:"View Trace in Project"}),children:e(fi,{traceId:n,projectId:a})})}function Kt({children:n}){return e(C,{paddingX:"size-200",paddingY:"size-100",children:n})}const Zu={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ExperimentMultiSelector__experiments",selections:[{alias:null,args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null};Zu.hash="1aa376b1e9425f49268ac231dc2c0412";function hC(n){const{dataset:a,selectedExperimentIds:t,onChange:l,label:i,validationState:r,description:o,errorMessage:d,...c}=n,p=I.useFragment(Zu,a),f=u.useMemo(()=>p.experiments.edges.map(y=>y.experiment),[p]),m=f.length===0,g=u.useMemo(()=>{if(m)return"No experiments";const y=t.length;return y>0?`${y} experiment${y>1?"s":""}`:"No experiments selected"},[t,m]);return e(ra,{label:i,isDisabled:m,validationState:r,description:o,errorMessage:d,children:e(Rl,{isDisabled:m,...c,menu:e(At,{selectionMode:"multiple",onSelectionChange:y=>{l(Array.from(y))},selectedKeys:new Set(t),children:f.map(y=>e(ie,{textValue:y.name,children:s(h,{direction:"column",gap:"size-50",children:[s(h,{direction:"row",gap:"size-100",children:[e(Yt,{sequenceNumber:y.sequenceNumber}),e(v,{children:y.name})]}),e(v,{size:"XS",color:"text-700",children:new Date(y.createdAt).toLocaleString()})]})},y.id))}),triggerProps:{placement:"bottom start"},children:g})})}function $2(){const n=qe();Je(n);const[a,t]=u.useState(!1),[l,i]=xn(),r=l.getAll("experimentId"),o=r.length>0;return s("main",{css:F`
|
|
5130
5130
|
height: 100%;
|
|
5131
5131
|
display: flex;
|
|
5132
5132
|
flex-direction: column;
|
|
5133
5133
|
overflow: hidden;
|
|
5134
|
-
`,children:[e(C,{padding:"size-200",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:s(h,{direction:"column",gap:"size-100",children:[e(se,{level:1,children:"Compare Experiments"}),s(h,{direction:"row",justifyContent:"space-between",alignItems:"end",children:[e(hC,{dataset:n.dataset,selectedExperimentIds:r,label:"experiments",onChange:d=>{
|
|
5134
|
+
`,children:[e(C,{padding:"size-200",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:s(h,{direction:"column",gap:"size-100",children:[e(se,{level:1,children:"Compare Experiments"}),s(h,{direction:"row",justifyContent:"space-between",alignItems:"end",children:[e(hC,{dataset:n.dataset,selectedExperimentIds:r,label:"experiments",onChange:d=>{u.startTransition(()=>{l.delete("experimentId"),d.forEach(c=>{l.append("experimentId",c)}),i(l)})}}),e(Fa,{onChange:d=>{t(d)},defaultSelected:!1,labelPlacement:"start",children:"Full Text"})]})]})}),o?e(tC,{children:e(u.Suspense,{fallback:e(Fe,{}),children:e(uC,{datasetId:n.dataset.id,experimentIds:r,displayFullText:a})})}):e(C,{padding:"size-200",children:e(Se,{variant:"info",title:"No Experiment Selected",children:"Please select one or more experiments."})})]})}const Xu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"experimentCompareLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[l,{args:null,kind:"FragmentSpread",name:"ExperimentMultiSelector__experiments"}],type:"Dataset",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"experimentCompareLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,{kind:"InlineFragment",selections:[l,{alias:null,args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"7e89f99f940098a21985137aae870de7",id:null,metadata:{},name:"experimentCompareLoaderQuery",operationKind:"query",text:`query experimentCompareLoaderQuery(
|
|
5135
5135
|
$id: GlobalID!
|
|
5136
5136
|
) {
|
|
5137
5137
|
dataset: node(id: $id) {
|
|
@@ -5169,7 +5169,7 @@ fragment ExperimentMultiSelector__experiments on Dataset {
|
|
|
5169
5169
|
margin-left: auto;
|
|
5170
5170
|
margin-right: auto;
|
|
5171
5171
|
height: 100%;
|
|
5172
|
-
`;function Q2(){const{pathname:n}=mt(),a=ue(),t=n.split("/settings")[1].replace("/",""),l=
|
|
5172
|
+
`;function Q2(){const{pathname:n}=mt(),a=ue(),t=n.split("/settings")[1].replace("/",""),l=u.useCallback(i=>{typeof i=="string"&&a(`/settings/${i}`,{replace:!0})},[a]);return t?e("main",{css:kC,children:e("div",{css:bC,children:s(Ge,{selectedKey:t,onSelectionChange:l,children:[s(He,{children:[e(ne,{id:"general",children:"General"}),e(ne,{id:"providers",children:"AI Providers"})]}),e(ce,{id:"general",padded:!0,children:e(Te,{})}),e(ce,{id:"providers",padded:!0,children:e(Te,{})}),e(ce,{id:"annotations",padded:!0,children:e(B,{title:"Annotations Settings",variant:"compact",children:s(h,{direction:"column",gap:"size-200",children:[e(v,{children:"Annotation settings and configurations will be available here."}),e(v,{children:"Configure annotation types, labels, and workflows for your projects."})]})})})]})})}):e(kr,{to:"/settings/general",replace:!0})}const Yu={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"settingsGeneralPageLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"DBUsagePieChart_data"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"settingsGeneralPageLoaderQuery",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}]},params:{cacheID:"b23054c72be2f3ddc335774d54407667",id:null,metadata:{},name:"settingsGeneralPageLoaderQuery",operationKind:"query",text:`query settingsGeneralPageLoaderQuery {
|
|
5173
5173
|
...DBUsagePieChart_data
|
|
5174
5174
|
}
|
|
5175
5175
|
|
|
@@ -5180,7 +5180,7 @@ fragment DBUsagePieChart_data on Query {
|
|
|
5180
5180
|
}
|
|
5181
5181
|
dbStorageCapacityBytes
|
|
5182
5182
|
}
|
|
5183
|
-
`}};Yu.hash="567b82d32463e4ba410f49c53bc9dcf2";async function j2(){return await I.fetchQuery(Ke,Yu,{}).toPromise()}const
|
|
5183
|
+
`}};Yu.hash="567b82d32463e4ba410f49c53bc9dcf2";async function j2(){return await I.fetchQuery(Ke,Yu,{}).toPromise()}const mr=window.Config.basename,pr={width:"100%",height:"100%",border:"none",backgroundColor:"white"};function q2(){return s("div",{css:F`
|
|
5184
5184
|
display: flex;
|
|
5185
5185
|
flex-direction: column;
|
|
5186
5186
|
flex: 1 1 auto;
|
|
@@ -5193,7 +5193,7 @@ fragment DBUsagePieChart_data on Query {
|
|
|
5193
5193
|
flex: 1 1 auto;
|
|
5194
5194
|
height: 100%;
|
|
5195
5195
|
}
|
|
5196
|
-
`,children:[e(Se,{variant:"info",banner:!0,icon:e(_,{svg:e(ty,{})}),children:"These APIs are under active development and are subject to change."}),s(Ge,{children:[s(He,{children:[e(ne,{id:"rest",children:"REST"}),e(ne,{id:"graphql",children:"GraphQL"})]}),e(ce,{id:"rest",children:e("iframe",{src:`${
|
|
5196
|
+
`,children:[e(Se,{variant:"info",banner:!0,icon:e(_,{svg:e(ty,{})}),children:"These APIs are under active development and are subject to change."}),s(Ge,{children:[s(He,{children:[e(ne,{id:"rest",children:"REST"}),e(ne,{id:"graphql",children:"GraphQL"})]}),e(ce,{id:"rest",children:e("iframe",{src:`${mr}/docs`,style:pr})}),e(ce,{id:"graphql",children:e("iframe",{src:`${mr}/graphql`,style:pr})})]})]})}function ol({children:n}){return s("main",{css:F`
|
|
5197
5197
|
padding-top: 200px;
|
|
5198
5198
|
width: 100%;
|
|
5199
5199
|
height: 100vh;
|
|
@@ -5221,7 +5221,7 @@ fragment DBUsagePieChart_data on Query {
|
|
|
5221
5221
|
text-decoration: underline;
|
|
5222
5222
|
}
|
|
5223
5223
|
}
|
|
5224
|
-
`,children:[e("a",{href:"https://docs.arize.com/phoenix",children:"Documentation"}),"|",e("a",{href:"https://join.slack.com/t/arize-ai/shared_invite/zt-1px8dcmlf-fmThhDFD_V_48oU7ALan4Q",children:"Community"}),"|",e("a",{href:"https://twitter.com/ArizePhoenix",children:"Social"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix",children:"GitHub"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix/releases",children:`arize-phoenix v${window.Config.platformVersion}`})]})]})}function SC(n){const a=ue(),{initialError:t,onSubmit:l}=n,[i,r]=
|
|
5224
|
+
`,children:[e("a",{href:"https://docs.arize.com/phoenix",children:"Documentation"}),"|",e("a",{href:"https://join.slack.com/t/arize-ai/shared_invite/zt-1px8dcmlf-fmThhDFD_V_48oU7ALan4Q",children:"Community"}),"|",e("a",{href:"https://twitter.com/ArizePhoenix",children:"Social"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix",children:"GitHub"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix/releases",children:`arize-phoenix v${window.Config.platformVersion}`})]})]})}function SC(n){const a=ue(),{initialError:t,onSubmit:l}=n,[i,r]=u.useState(t),[o,d]=u.useState(!1),c=u.useCallback(async m=>{l==null||l(),r(null),d(!0);try{const y=await fetch(pn("/auth/login"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(m)});if(!y.ok){const k=y.status===429?"Too many requests. Please try again later.":"Invalid login";r(k);return}}catch{r("Invalid login");return}finally{d(()=>!1)}const g=ly();a(g)},[a,l,r]),{control:p,handleSubmit:f}=Qe({defaultValues:{email:"",password:""}});return s(U,{children:[i?s(C,{paddingBottom:"size-100",children:[e(Se,{variant:"danger",children:i})," "]}):null,e(ln,{children:s(h,{direction:"column",gap:"size-100",children:[e(G,{name:"email",control:p,render:({field:{onChange:m,value:g}})=>s(X,{name:"email",isRequired:!0,type:"email",onChange:m,value:g,autoComplete:"email",children:[e(W,{children:"Email"}),e(re,{placeholder:"your email address"})]})}),s("div",{css:F`
|
|
5225
5225
|
position: relative;
|
|
5226
5226
|
a {
|
|
5227
5227
|
position: absolute;
|
|
@@ -5230,7 +5230,7 @@ fragment DBUsagePieChart_data on Query {
|
|
|
5230
5230
|
top: var(--ac-global-dimension-size-50);
|
|
5231
5231
|
font-size: 12px;
|
|
5232
5232
|
}
|
|
5233
|
-
`,children:[e(G,{name:"password",control:p,render:({field:{onChange:
|
|
5233
|
+
`,children:[e(G,{name:"password",control:p,render:({field:{onChange:m,value:g}})=>s(X,{name:"password",type:"password",isRequired:!0,onChange:m,value:g,onKeyDown:y=>{y.key==="Enter"&&f(c)()},autoComplete:"password",children:[e(W,{children:"Password"}),e(re,{placeholder:"your password"})]})}),e(Ze,{to:"/forgot-password",children:"Forgot your password?"})]}),e(V,{variant:"primary",isDisabled:o,leadingVisual:o?e(_,{svg:e(We,{})}):void 0,onPress:()=>f(c)(),children:o?"Logging In":"Log In"})]})})]})}const vC=F`
|
|
5234
5234
|
button {
|
|
5235
5235
|
width: 100%;
|
|
5236
5236
|
}
|
|
@@ -5271,7 +5271,7 @@ fragment DBUsagePieChart_data on Query {
|
|
|
5271
5271
|
&[data-provider^="aws"] {
|
|
5272
5272
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='400' height='334' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M236.578 94.824c-9.683.765-20.854 1.502-32.021 3.006-17.12 2.211-34.24 5.219-48.386 11.907-27.544 11.208-46.163 35.053-46.163 70.114 0 44.018 28.298 66.354 64.026 66.354 11.93 0 21.606-1.466 30.522-3.71 14.156-4.481 26.07-12.67 40.209-27.596 8.192 11.205 10.413 16.428 24.575 28.338 3.725 1.502 7.448 1.502 10.413-.742 8.932-7.458 24.561-20.873 32.773-28.33 3.71-3.012 2.955-7.463.739-11.204-8.198-10.435-16.381-19.401-16.381-39.506V96.324c0-28.359 2.214-54.453-18.614-73.822C261.147 6.815 234.34.86 213.5.86h-8.947c-37.965 2.247-78.169 18.635-87.122 65.629-1.462 5.955 3.012 8.198 5.989 8.962l41.677 5.224c4.471-.773 6.691-4.491 7.432-8.233 3.74-16.388 17.136-24.583 32.024-26.087h2.998c8.905 0 18.586 3.743 23.813 11.168 5.932 8.965 5.21 20.904 5.21 31.339v5.961h.004v.001zm0 43.278c0 17.162.723 30.571-8.195 45.461-5.208 10.437-14.141 17.154-23.827 19.4-1.481 0-3.698.766-5.947.766-16.371 0-26.077-12.673-26.077-31.334 0-23.856 14.159-35.056 32.023-40.277 9.687-2.241 20.86-2.982 32.021-2.982v8.966h.002z'/%3E%3Cpath d='M373.71 315.303c18.201-15.398 25.89-43.349 26.29-57.939v-2.44c0-3.255-.803-5.661-1.6-6.88-3.646-4.445-30.369-8.523-53.402-1.627-6.468 2.045-12.146 4.865-17.396 8.507-4.051 2.854-3.238 6.464.802 6.08 4.447-.823 10.126-1.208 16.594-2.048 14.159-1.18 30.742-1.592 34.784 3.662 5.642 6.87-6.468 36.868-11.749 49.838-1.593 4.065 2.03 5.696 5.677 2.847z' fill='%23FE9900'/%3E%3Cpath d='M2.008 257.364c52.17 47.404 120.925 75.775 197.791 75.775 47.725 0 102.727-13.381 145.199-38.899 5.676-3.27 11.316-6.912 16.565-10.952 7.286-5.25.817-13.38-6.463-10.147-3.229 1.215-6.873 2.857-10.103 4.066-46.539 18.248-95.441 26.76-140.762 26.76-72.008 0-141.56-19.87-197.786-52.684-5.259-2.822-8.907 2.428-4.441 6.081z' fill='%23FE9900'/%3E%3C/svg%3E");
|
|
5273
5273
|
}
|
|
5274
|
-
`,"data-provider":n})}):null}function Ci(){return s("svg",{width:"253",height:"63",viewBox:"0 0 682 169",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[s("g",{clipPath:"url(#clip0_290_1904)",children:[e("path",{d:"M147.458 105.593C147.022 103.63 146.028 101.824 144.492 100.222C143.901 99.6064 143.244 99.0233 142.529 98.4978C142.184 98.2432 141.815 98.005 141.437 97.7669C140.969 97.4712 140.484 97.192 139.95 96.921C137.995 95.9191 136.328 94.909 134.866 93.825C134.274 93.3897 133.699 92.9299 133.157 92.4535C131.851 91.312 130.972 90.3348 130.315 89.3C130.102 88.9715 129.913 88.6102 129.732 88.2653C129.658 88.1175 129.543 87.9943 129.412 87.8957C129.173 87.7233 128.869 87.6494 128.565 87.6986C128.097 87.789 127.736 88.1667 127.678 88.6431C127.637 89.0126 127.637 89.4068 127.687 89.8092C127.719 90.0474 127.588 90.2773 127.366 90.3758C127.317 90.4005 127.259 90.4087 127.21 90.4169C126.898 90.4498 126.619 90.6222 126.438 90.885C126.257 91.1478 126.208 91.4681 126.282 91.7719C126.348 92.0347 126.438 92.2236 126.512 92.3714L126.578 92.5028C126.627 92.5931 126.676 92.6917 126.726 92.782C126.873 93.0612 127.021 93.3405 127.202 93.6033C127.547 94.1042 127.933 94.6052 128.393 95.1389C128.541 95.3114 128.565 95.5578 128.459 95.7549C128.352 95.952 128.13 96.0669 127.908 96.0341C125.321 95.681 122.996 95.0979 120.836 94.3013C120.59 94.211 120.335 94.1206 120.097 94.0221C118.158 93.2009 121.658 89.7189 123.259 87.247C130.282 76.4479 131.736 64.0802 131.794 51.5647C131.851 39.4681 130.545 27.5357 128.138 15.7593V15.7429C126.569 5.87173 125.239 2.168 124.401 0.796558C124.22 0.435219 124.023 0.205276 123.818 0.0985162C123.588 -0.0575166 123.465 0.0163937 123.465 0.0163937C123.013 0.0328182 122.495 0.435219 121.871 1.08399C119.251 3.83509 119.399 7.11178 120.122 10.5363C123.432 26.0903 125.921 41.7346 124.787 57.7157C124.007 68.7365 121.953 79.3468 114.248 87.9779C113.789 88.4952 113.287 88.9798 112.786 89.4725C112.211 90.0391 111.316 91.1396 110.651 90.6797C109.764 90.0638 110.552 88.7991 110.831 88.1421C115.341 77.5729 116.639 66.5275 115.949 55.1453C115.932 54.8825 115.908 54.6197 115.891 54.3569V54.3405C115.883 54.1269 115.858 53.9298 115.842 53.7245C115.727 52.2217 115.587 50.7189 115.398 49.2242C113.46 31.1655 111.127 29.9911 111.127 29.9911C110.971 29.8515 110.782 29.7448 110.528 29.6955C109.304 29.4409 108.638 30.5167 108.096 31.3297C105.648 34.9924 106.733 38.8932 107.521 42.753C110.289 56.2703 110.33 69.6645 105.583 82.8124C105.147 84.0113 104.63 85.1775 104.08 86.3272C103.496 87.5508 103.119 89.0783 101.131 88.4213C99.2662 87.8054 99.7918 86.3929 100.03 85.1036C100.654 81.8269 101.155 78.542 101.467 75.2489V75.2653C101.509 74.9368 101.525 74.6247 101.55 74.3127C101.599 73.746 101.632 73.1712 101.665 72.6045C101.689 72.1282 101.714 71.6601 101.739 71.2002C101.747 70.9621 101.763 70.7321 101.763 70.494C102.141 60.0562 100.383 55.3095 99.7179 53.9052C99.644 53.7328 99.5619 53.5767 99.4715 53.4371C98.7815 52.4024 97.6398 52.5256 96.6541 53.5028C94.8388 55.2931 93.8367 57.4118 94.2967 60.0808C95.6438 67.8496 94.8552 75.5445 93.4096 83.1983C93.2124 84.2249 92.7524 86.0973 90.5593 85.6127C89.0644 85.2842 88.7194 84.6437 88.6372 83.3461C88.6537 82.3689 88.6372 81.3916 88.6044 80.4144C88.6044 80.3897 88.6044 80.3651 88.6044 80.3405C88.6044 80.2009 88.588 80.0612 88.588 79.9299C88.588 79.8559 88.5797 79.7902 88.5715 79.7245C88.5058 78.3942 88.399 77.0556 88.2347 75.717C88.2183 75.5856 88.1937 75.4624 88.1773 75.331C87.3394 67.7921 86.247 67.0612 86.247 67.0612C85.5488 66.1497 84.4563 66.3057 83.5117 67.2419C81.6964 69.0322 80.7764 71.1427 81.1543 73.8199C81.4336 75.7745 81.3596 75.175 81.5568 76.8831C81.7128 77.7618 81.8771 79.3632 81.8935 79.8724C81.8525 80.324 81.7375 80.7182 81.4582 81.0139C80.53 82.0076 79.0351 80.9892 77.9015 80.5211C55.9209 71.4302 37.1108 58.6683 20.691 42.523C14.2513 35.945 3.25273 22.6329 3.25273 22.6329C2.84203 22.1566 2.33276 21.8856 1.55243 22.2223C0.114982 22.8383 0.156052 24.6778 0.0246278 26.2217C-0.23822 29.3177 1.42101 31.5597 3.21987 33.662C28.0179 62.5856 58.2783 83.3708 94.8059 93.7675L101.377 95.5085C101.451 95.5249 101.533 95.5496 101.607 95.566C101.624 95.566 101.632 95.566 101.64 95.5742L107.299 97.077L107.456 97.1181C107.267 97.1756 107.061 97.2167 106.839 97.2577C100.613 98.4895 88.2923 96.223 78.3944 93.9153C73.4988 92.8888 68.6854 91.6405 63.9788 90.1541C63.7653 90.0884 63.642 90.0556 63.642 90.0556C45.3577 84.2331 28.6093 74.7972 13.9556 60.4093C12.5674 59.0461 11.286 57.5761 10.0211 56.0897C8.86289 54.71 6.47262 51.8275 5.643 50.8338C5.55265 50.7024 5.45408 50.5875 5.35551 50.4807C5.10909 50.2261 4.80517 50.0619 4.36983 50.1604C3.3513 50.3986 3.05559 51.4498 2.86667 52.3367C2.1192 55.9008 3.25273 58.8983 5.65122 61.5755C20.6582 78.3942 39.4929 89.1358 60.6439 96.1819C72.6528 100.181 85.0067 102.612 97.6069 104.164C90.0911 106.595 82.3617 107.334 74.5667 107.137C59.4775 106.759 45.3248 103.138 32.0264 96.6746C27.1226 94.1535 22.5556 91.3449 21.3564 90.5894C20.6664 90.1213 19.9518 89.8338 19.2454 90.3758C17.9229 91.4024 18.8347 93.2009 19.2618 94.6051C20.075 97.307 21.956 99.1712 24.3956 100.46C46.0641 111.917 68.9401 116.499 93.2946 112.434C95.7588 112.023 98.0998 111.572 100.679 110.701C96.6048 114.224 91.89 116.524 86.9369 118.339C71.6835 123.915 56.5287 123.693 41.4314 119.915C36.5851 118.618 30.9668 116.507 30.9668 116.507C30.1536 116.154 29.3486 116.031 28.7243 116.926C27.6237 118.503 28.5847 120.145 29.5375 121.632C31.7882 125.138 36.1416 125.483 39.5832 126.674C40.7578 127.052 37.5544 129.187 36.5276 129.975C31.5335 133.794 26.6462 137.284 21.6767 140.98L18.424 143.378C17.8654 143.764 17.3726 144.199 17.6272 145.004C17.9229 145.915 18.8675 146.08 19.7875 146.268C23.3442 147.008 26.3833 145.825 29.1925 143.723C35.2134 139.214 41.3493 134.837 47.2387 130.156C49.4811 128.374 51.5182 128.522 54.582 129.31C46.9183 135.083 39.7475 140.495 32.5685 145.899C25.2827 151.376 17.9969 156.854 10.711 162.323L5.89764 165.888C5.82371 165.937 5.758 165.986 5.69229 166.044L5.61836 166.093C5.20766 166.421 4.90374 166.791 4.9941 167.267C5.19123 168.351 6.4644 168.622 7.50758 168.803C11.8117 169.542 14.4813 167.924 17.4219 165.715C32.1496 154.661 46.9266 143.682 61.5721 132.521C64.8577 130.016 68.2337 128.604 72.9731 129.138C68.9401 132.152 65.0631 135.051 61.2436 137.908L50.8611 145.587C50.7871 145.636 50.7132 145.694 50.6475 145.751C50.0972 146.186 49.7111 146.695 49.9247 147.451C50.3189 148.822 51.97 148.987 53.3745 149.2C55.9537 149.586 58.1387 148.675 60.1675 147.164C61.3339 146.293 62.5085 145.439 63.6831 144.593L79.5361 132.004C79.5361 132.004 83.2817 129.327 87.6187 126.871C88.0048 126.633 88.3908 126.387 88.7851 126.148C88.9494 126.075 89.3601 125.886 89.9843 125.59C90.4525 125.352 90.9207 125.114 91.3807 124.892C92.0625 124.547 92.851 124.128 93.7381 123.644C96.2927 122.584 103.611 119.168 109.657 112.73C112.532 110.512 116.581 107.613 119.735 106.217H119.752C119.99 106.111 120.228 106.012 120.458 105.93C120.458 105.93 120.475 105.93 120.483 105.922C120.639 105.864 120.787 105.815 120.935 105.766L121.337 105.61C122.479 105.289 124.335 105.166 124.582 107.679C124.623 108.295 124.615 108.927 124.541 109.593C124.491 110.093 124.393 110.627 124.319 111.054C124.245 111.465 124.417 111.876 124.746 112.122C124.795 112.163 124.853 112.196 124.91 112.22C125.346 112.434 125.871 112.335 126.2 111.974C126.323 111.834 126.446 111.703 126.569 111.572C128.122 109.937 129.699 108.804 131.375 108.114C133.822 107.104 136.303 107.096 138.94 108.106C140.197 108.582 141.379 109.239 142.554 110.102C143.055 110.471 143.556 110.882 144.057 111.334C144.353 111.605 144.648 111.9 144.911 112.163L144.952 112.204L145.166 112.418C145.166 112.418 145.248 112.491 145.289 112.524C145.536 112.705 145.856 112.779 146.168 112.713C146.529 112.631 146.825 112.376 146.957 112.032C146.981 111.966 147.006 111.9 147.031 111.834C147.778 109.617 147.934 107.581 147.499 105.593H147.458Z",fill:"url(#paint0_linear_290_1904)"}),e("path",{d:"M120.113 94.0303C120.195 94.0632 120.269 94.096 120.351 94.1207C120.269 94.0878 120.187 94.0632 120.113 94.0303Z",fill:"#FEDBB5"}),e("path",{d:"M111.283 87.1238C111.283 87.1238 111.267 87.1567 111.267 87.1731C111.267 87.1567 111.283 87.1402 111.283 87.1238Z",fill:"#FEDBB5"}),e("path",{d:"M123.383 87.1074C123.383 87.1074 123.358 87.1487 123.341 87.1652C123.358 87.1487 123.366 87.1239 123.383 87.1074Z",fill:"#FEDBB5"}),e("path",{d:"M104.104 86.3354C103.965 86.6229 103.841 86.9267 103.71 87.2142C103.85 86.9267 103.973 86.6229 104.104 86.3354Z",fill:"#FEDBB5"}),e("path",{d:"M89.0233 84.7422C89.0233 84.7422 89.0233 84.7505 89.0316 84.7588C89.0316 84.7588 89.0316 84.7505 89.0233 84.7422Z",fill:"#FEDBB5"}),e("path",{d:"M89.0644 84.7998C89.1876 84.964 89.3437 85.1118 89.5408 85.235C89.3437 85.1118 89.1876 84.9722 89.0644 84.7998ZM89.0644 84.7833C89.0644 84.7833 89.0644 84.7833 89.0644 84.7915C89.0644 84.7915 89.0644 84.7915 89.0644 84.7833ZM89.0562 84.7751C89.0562 84.7751 89.0562 84.7751 89.0562 84.7833C89.0562 84.7833 89.0562 84.7833 89.0562 84.7751ZM88.6947 83.3626C88.6947 83.3626 88.6947 83.3708 88.6947 83.379C88.6947 83.379 88.6947 83.3708 88.6947 83.3626ZM79.1665 81.0878C79.1665 81.0878 79.1829 81.0878 79.1829 81.096C79.6429 81.2931 80.1029 81.4492 80.53 81.4492C80.7107 81.4492 80.8832 81.4245 81.0393 81.3588C80.875 81.4245 80.7025 81.4492 80.53 81.4492C80.0947 81.4492 79.6265 81.2849 79.1665 81.0878ZM88.629 79.6507C88.629 79.6507 88.629 79.6507 88.629 79.6589C88.629 79.6589 88.629 79.6589 88.629 79.6507Z",fill:"#E5B4A6"}),e("path",{d:"M120.36 94.1206C120.36 94.1206 120.434 94.1535 120.475 94.1617C120.475 94.1617 120.401 94.1289 120.36 94.1206ZM110.273 89.8749C110.273 90.187 110.38 90.4662 110.684 90.6797C110.79 90.7536 110.905 90.7865 111.029 90.7865C111.209 90.7865 111.398 90.7126 111.595 90.5894C111.406 90.7126 111.218 90.7865 111.029 90.7865C110.905 90.7865 110.79 90.7536 110.684 90.6797C110.38 90.4744 110.273 90.187 110.273 89.8749ZM110.914 88.0189C110.914 88.0189 110.881 88.1011 110.864 88.1421C110.881 88.1011 110.897 88.06 110.914 88.0189ZM111.226 87.2798C111.127 87.5262 111.02 87.7726 110.914 88.0189C111.02 87.7726 111.119 87.5262 111.226 87.2798ZM111.267 87.1731C111.267 87.1731 111.234 87.2388 111.226 87.2798C111.242 87.247 111.259 87.2141 111.267 87.1731ZM123.341 87.1731C123.341 87.1731 123.341 87.1813 123.333 87.1895C123.333 87.1895 123.333 87.1813 123.341 87.1731ZM123.391 87.0992C123.391 87.0992 123.391 87.1074 123.382 87.1156C123.382 87.1156 123.382 87.1074 123.391 87.0992ZM111.308 87.0992C111.308 87.0992 111.3 87.132 111.291 87.1402C111.291 87.1238 111.3 87.1074 111.308 87.0992ZM99.8001 86.7707C99.8001 87.4769 100.079 88.0928 101.155 88.446C101.484 88.5527 101.771 88.602 102.026 88.602C102.93 88.602 103.365 87.9615 103.71 87.2306C103.357 87.9697 102.921 88.602 102.026 88.602C101.78 88.602 101.492 88.5527 101.155 88.446C100.088 88.0928 99.8001 87.4769 99.8001 86.7707ZM92.7689 84.9886C92.4486 85.4074 91.9722 85.7195 91.2575 85.7195C91.1836 85.7195 91.1097 85.7195 91.0358 85.7113C91.1097 85.7113 91.1836 85.7195 91.2575 85.7195C91.9722 85.7195 92.4486 85.4157 92.7689 84.9886ZM106.651 79.7081C106.651 79.7081 106.651 79.7081 106.642 79.7081C106.322 80.7511 105.985 81.8023 105.616 82.8452C105.993 81.8023 106.338 80.7593 106.659 79.7081M94.1571 79.1251C93.9846 80.2748 93.7875 81.4163 93.5739 82.566C93.7875 81.4245 93.9846 80.2748 94.1571 79.1251ZM122.191 73.6311C120.623 78.7884 118.175 83.65 114.29 88.0025C113.83 88.5199 113.329 89.0044 112.828 89.4972C113.329 89.0126 113.821 88.5199 114.29 88.0025C118.175 83.65 120.623 78.7884 122.2 73.6311",fill:"#E5B4A6"}),e("path",{opacity:"0.4",d:"M2.20136 22.0745C2.00423 22.0745 1.79066 22.1238 1.55246 22.2223C0.53392 22.6658 0.254644 23.7252 0.139648 24.8503C5.61017 32.0196 27.213 58.4548 61.1943 76.5875C61.1943 76.5875 94.4692 94.1453 127.933 96.0423C125.346 95.6892 123.021 95.1061 120.861 94.3095C120.729 94.2602 120.606 94.2192 120.475 94.1699C108.318 91.542 97.9519 88.2571 90.6168 85.6292C90.7565 85.662 90.8961 85.6784 91.0193 85.6949C90.8879 85.6867 90.7401 85.662 90.5922 85.6292C90.1486 85.5306 89.8037 85.4074 89.5408 85.2432C83.7417 83.1244 80.0454 81.4984 79.1583 81.096C78.7312 80.9153 78.3123 80.6936 77.9344 80.5376C55.9538 71.4466 37.1437 58.6848 20.7239 42.5395C14.2513 35.945 3.25275 22.633 3.25275 22.633C2.97348 22.3045 2.6367 22.0745 2.20136 22.0745Z",fill:"url(#paint1_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M4.62448 50.1358C4.55056 50.1358 4.46842 50.144 4.37806 50.1687C3.35953 50.4068 3.06382 51.458 2.8749 52.3449C2.84204 52.5009 2.80919 52.6652 2.78455 52.8212C19.7711 75.832 42.5732 85.235 42.5732 85.235C65.3341 95.952 84.0128 98.12 95.3892 98.12C100.096 98.12 103.554 97.7505 105.533 97.463C104.63 97.5616 103.636 97.6109 102.568 97.6109C95.8984 97.6109 86.362 95.7795 78.4026 93.9235C73.5071 92.897 68.6937 91.6488 63.987 90.1623C63.7735 90.0966 63.6503 90.0638 63.6503 90.0638C45.3659 84.2413 28.6176 74.8054 13.9638 60.4175C12.5756 59.0543 11.2942 57.5843 10.0293 56.0979C8.87112 54.7182 6.48084 51.8357 5.65123 50.8421C5.56088 50.7107 5.46231 50.5957 5.36374 50.4889C5.16661 50.2836 4.9284 50.1358 4.62448 50.1358Z",fill:"url(#paint2_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M20.0669 90.1049C19.7958 90.1049 19.5247 90.187 19.2537 90.4005C18.1037 91.2874 18.6458 92.7738 19.0812 94.0632C27.5991 99.2287 47.132 109.289 70.2626 109.289C79.0023 109.289 88.243 107.86 97.607 104.189C90.8469 106.382 83.9061 107.195 76.9077 107.195C76.1274 107.195 75.3471 107.186 74.5667 107.162C59.4776 106.784 45.3249 103.162 32.0264 96.6993C27.1227 94.1781 22.5557 91.3695 21.3565 90.614C20.9293 90.3266 20.5022 90.1049 20.0669 90.1049Z",fill:"url(#paint3_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M99.1759 111.949C95.4632 114.791 91.2987 116.762 86.937 118.355C78.7559 121.344 70.5994 122.666 62.4675 122.666C55.4363 122.666 48.4298 121.681 41.4315 119.932C36.5852 118.634 30.9668 116.524 30.9668 116.524C30.6136 116.368 30.2604 116.261 29.9237 116.261C29.4883 116.261 29.0776 116.442 28.7326 116.951C28.2234 117.682 28.1577 118.429 28.3219 119.168C33.6939 121.665 45.2181 126.099 59.2723 126.099C71.4536 126.099 85.5406 122.765 99.1759 111.949Z",fill:"url(#paint4_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M62.9356 129.368C49.7358 129.368 39.7557 126.699 38.4908 126.346C38.8604 126.452 39.2218 126.567 39.5833 126.69C40.7579 127.068 37.5544 129.203 36.5276 129.992C32.8396 132.817 29.2008 135.461 25.5537 138.138H36.7576C40.2897 135.527 43.8052 132.907 47.2387 130.172C48.5119 129.154 49.7275 128.768 51.0993 128.768C52.1342 128.768 53.2678 128.99 54.582 129.335C46.9184 135.108 39.7475 140.52 32.5685 145.924C28.3711 149.077 24.1738 152.231 19.9764 155.384H31.246C41.3821 147.804 51.51 140.216 61.5721 132.546C63.8967 130.78 66.2623 129.557 69.1208 129.179C67.0016 129.318 64.9316 129.376 62.9439 129.376L62.9356 129.368Z",fill:"url(#paint5_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M60.5782 138.409H71.47L79.5115 132.02C79.5115 132.02 83.2571 129.343 87.5941 126.888C87.9801 126.649 88.3662 126.403 88.7605 126.165C88.9248 126.091 89.3354 125.902 89.9597 125.606C90.4279 125.368 90.8961 125.13 91.3561 124.908C92.0625 124.547 92.8921 124.112 93.8121 123.603C86.0499 126.855 78.0987 128.44 70.739 129.056C70.8375 129.056 70.9443 129.056 71.0429 129.056C71.6589 129.056 72.2996 129.088 72.965 129.162C68.9319 132.176 65.0549 135.075 61.2354 137.933L60.5782 138.418V138.409Z",fill:"url(#paint6_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M88.6701 83.3544C88.6865 82.3771 88.6701 81.3999 88.6373 80.4226V80.3487C88.6373 80.2091 88.6208 80.0695 88.6208 79.9381L88.6044 79.7328C88.5633 78.9115 88.4976 78.0903 88.4237 77.2609C85.8281 76.1687 83.3803 74.7726 81.1215 73.1301C81.1379 73.3601 81.1461 73.59 81.179 73.8364C81.4582 75.7909 81.3843 75.1914 81.5814 76.8995C81.7375 77.7783 81.9018 79.3797 81.9182 79.8888C81.8771 80.3405 81.7621 80.7347 81.4829 81.0303C81.1954 81.3342 80.8586 81.4491 80.4972 81.4491C80.0619 81.4491 79.5937 81.2849 79.1337 81.0878C79.9961 81.4738 83.7007 83.108 89.5408 85.2432C88.9165 84.8572 88.7194 84.2742 88.6619 83.3626L88.6701 83.3544Z",fill:"url(#paint7_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M131.022 64.885C128.59 68.2685 125.6 71.2331 122.175 73.6146C120.606 78.7719 118.158 83.6336 114.273 87.9861C113.813 88.5035 113.312 88.988 112.811 89.4807C112.326 89.9488 111.628 90.8029 111.02 90.8029C110.897 90.8029 110.782 90.77 110.675 90.6961C109.788 90.0802 110.577 88.8155 110.856 88.1585C112.31 84.7505 113.427 81.2931 114.257 77.7865C111.825 78.698 109.271 79.3386 106.634 79.6999C106.314 80.7429 105.977 81.794 105.607 82.837C105.172 84.036 104.655 85.2021 104.104 86.3518C103.62 87.3702 103.275 88.602 102.018 88.602C101.771 88.602 101.484 88.5527 101.147 88.446C99.2827 87.83 99.8084 86.4175 100.047 85.1282C100.367 83.4201 100.663 81.7119 100.909 79.9956C98.5927 79.9217 96.3256 79.626 94.1325 79.1168C93.9271 80.4883 93.6889 81.8515 93.4261 83.2148C93.2536 84.1263 92.8675 85.7113 91.2412 85.7113C91.044 85.7113 90.8305 85.6867 90.6005 85.6374C97.9356 88.2735 108.293 91.5584 120.458 94.1863C120.335 94.1371 120.22 94.096 120.105 94.0467C118.167 93.2255 121.666 89.7435 123.268 87.2716C127.777 80.3323 129.987 72.7523 131.005 64.8932L131.022 64.885Z",fill:"url(#paint8_linear_290_1904)"}),e("path",{opacity:"0.5",d:"M129.206 102.497C127.687 102.497 126.151 102.645 124.647 102.916C124.36 102.965 124.081 102.99 123.818 102.99C123.391 102.99 122.988 102.924 122.61 102.809C122.668 102.883 122.734 102.957 122.791 103.039C123.448 103.959 123.793 104.961 123.925 106.004C124.089 106.184 124.229 106.406 124.344 106.694C124.344 106.694 124.344 106.694 124.344 106.71C124.344 106.71 124.344 106.71 124.344 106.718C124.344 106.718 124.344 106.718 124.344 106.726C124.344 106.726 124.344 106.726 124.344 106.735C124.344 106.735 124.344 106.735 124.344 106.743C124.344 106.743 124.344 106.743 124.344 106.751C124.344 106.751 124.344 106.751 124.344 106.759C124.344 106.759 124.344 106.759 124.344 106.768V106.784C124.344 106.784 124.344 106.784 124.344 106.792C124.344 106.792 124.344 106.792 124.344 106.8C124.344 106.8 124.344 106.8 124.344 106.809C124.344 106.809 124.344 106.809 124.344 106.817C124.344 106.817 124.344 106.817 124.344 106.825C124.344 106.825 124.344 106.833 124.344 106.841C124.344 106.841 124.344 106.841 124.344 106.858C124.344 106.858 124.344 106.858 124.344 106.866C124.344 106.866 124.344 106.866 124.344 106.874C124.344 106.874 124.344 106.874 124.344 106.882C124.344 106.882 124.344 106.883 124.344 106.891C124.344 106.891 124.344 106.891 124.344 106.899C124.344 106.899 124.344 106.899 124.344 106.907C124.344 106.907 124.344 106.907 124.344 106.915C124.344 106.915 124.344 106.915 124.344 106.924C124.344 106.924 124.344 106.924 124.344 106.932C124.344 106.932 124.344 106.932 124.344 106.94C124.344 106.94 124.344 106.94 124.344 106.948C124.344 106.948 124.344 106.948 124.344 106.965C124.344 106.965 124.344 106.973 124.344 106.981C124.344 106.981 124.344 106.989 124.344 106.997V107.014C124.344 107.014 124.344 107.022 124.344 107.03C124.344 107.03 124.344 107.039 124.344 107.047C124.344 107.047 124.344 107.055 124.344 107.063C124.344 107.063 124.344 107.071 124.344 107.08C124.344 107.08 124.344 107.088 124.344 107.096C124.344 107.096 124.344 107.104 124.344 107.112C124.344 107.112 124.344 107.121 124.344 107.129C124.344 107.145 124.344 107.162 124.344 107.178C124.344 107.178 124.344 107.186 124.344 107.195C124.344 107.195 124.344 107.227 124.344 107.244C124.344 107.244 124.344 107.252 124.344 107.26V107.277C124.344 107.277 124.344 107.301 124.344 107.31C124.344 107.31 124.344 107.318 124.344 107.326V107.342V107.359C124.36 107.597 124.368 107.843 124.368 108.09C124.368 108.476 124.344 108.87 124.302 109.272C124.253 109.773 124.155 110.307 124.081 110.734C124.072 110.8 124.064 110.865 124.064 110.923C124.064 111.268 124.229 111.588 124.508 111.793L124.672 111.892C124.828 111.966 124.992 112.007 125.157 112.007C125.461 112.007 125.748 111.884 125.962 111.654C126.085 111.514 126.208 111.383 126.331 111.251C127.884 109.617 129.461 108.484 131.136 107.794C132.369 107.285 133.601 107.03 134.857 107.03C136.114 107.03 137.387 107.285 138.702 107.786C139.958 108.262 141.141 108.919 142.316 109.781C142.817 110.151 143.318 110.562 143.819 111.013C144.115 111.284 144.41 111.58 144.673 111.843L144.714 111.884L144.928 112.097L145.051 112.204C145.232 112.335 145.453 112.409 145.675 112.418C144.632 110.192 143.318 108.123 141.461 106.513C137.946 103.466 133.51 102.177 129.001 102.177",fill:"url(#paint9_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M128.779 87.6905L128.582 87.7069C128.114 87.7972 127.752 88.175 127.695 88.6513C127.654 89.0208 127.654 89.415 127.703 89.8174C127.72 89.9488 127.687 90.072 127.629 90.1706C129.51 92.9627 133.584 97.9065 139.769 99.7789C139.769 99.7789 149.331 104.78 146.916 112.032L146.99 111.834C147.737 109.617 147.893 107.581 147.458 105.593C147.022 103.63 146.029 101.824 144.492 100.222C143.901 99.6064 143.244 99.0234 142.529 98.4978C142.184 98.2432 141.815 98.0051 141.437 97.7669C140.969 97.4713 140.484 97.192 139.95 96.921C137.995 95.9191 136.328 94.909 134.866 93.825C134.274 93.3898 133.699 92.9299 133.157 92.4536C131.851 91.3121 130.972 90.3348 130.315 89.3001C130.102 88.9716 129.913 88.6102 129.732 88.2653C129.658 88.1175 129.543 87.9943 129.412 87.8958C129.231 87.7562 129.001 87.6823 128.763 87.6823",fill:"url(#paint10_linear_290_1904)"}),e("path",{opacity:"0.5",d:"M116.647 107.893L118.586 106.768L126.734 95.8535C126.734 95.8535 122.274 95.0076 120.122 94.0303C120.122 94.0303 117.887 104.222 109.632 112.738L112.672 110.488C113.887 109.634 114.988 108.903 116.647 107.893Z",fill:"url(#paint11_linear_290_1904)"}),e("path",{d:"M209.416 49.9962H230.197C245.221 49.9962 252.104 57.7157 252.104 73.5818V81.4409C252.104 97.307 245.221 105.027 230.197 105.027H218.123V148.264H209.416V49.9962ZM230.197 97.0196C239.323 97.0196 243.397 92.9463 243.397 81.8598V73.0152C243.397 62.0682 239.323 57.8553 230.197 57.8553H218.123V97.0196H230.197Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M284.114 49.9962H292.821V93.0941H319.64V49.9962H328.346V148.256H319.64V100.953H292.821V148.256H284.114V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M362.451 125.656V72.5963C362.451 57.0177 370.312 48.5919 384.497 48.5919C398.683 48.5919 406.544 57.0177 406.544 72.5963V125.656C406.544 141.234 398.683 149.66 384.497 149.66C370.312 149.66 362.451 141.234 362.451 125.656ZM397.829 126.214V72.0297C397.829 61.5016 393.056 56.451 384.489 56.451C375.922 56.451 371.15 61.5016 371.15 72.0297V126.214C371.15 136.742 375.922 141.653 384.489 141.653C393.056 141.653 397.829 136.742 397.829 126.214Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M440.796 49.9962H480.108V57.8553H449.503V93.0859H474.638V100.945H449.503V140.249H480.108V148.248H440.796V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M511.56 49.9962H523.076L548.629 125.935V49.9962H556.769V148.256H547.504L519.56 64.458V148.256H511.56V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M592.007 49.9962H600.714V148.256H592.007V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M651.674 98.1447L632.437 49.9962H641.702L657.144 89.0209L672.726 49.9962H681.154L661.917 98.1447L681.992 148.256H672.726L656.438 106.989L640.01 148.256H631.591L651.666 98.1447H651.674Z",fill:"var(--ac-global-text-color-900)"})]}),s("defs",{children:[s("linearGradient",{id:"paint0_linear_290_1904",x1:"22.0956",y1:"10.3474",x2:"97.4433",y2:"140.879",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#14BAB6"}),e("stop",{offset:"0.5",stopColor:"#00ADEE"}),e("stop",{offset:"1",stopColor:"#0095C4"})]}),s("linearGradient",{id:"paint1_linear_290_1904",x1:"95.422",y1:"114.807",x2:"31.8741",y2:"4.70214",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint2_linear_290_1904",x1:"76.6695",y1:"114.126",x2:"30.8746",y2:"34.7951",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint3_linear_290_1904",x1:"70.3612",y1:"119.915",x2:"44.7991",y2:"75.6384",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint4_linear_290_1904",x1:"71.4208",y1:"128.85",x2:"55.5071",y2:"101.279",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint5_linear_290_1904",x1:"44.5363",y1:"126.346",x2:"44.5363",y2:"155.384",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.03",stopColor:"#231F20",stopOpacity:"0.9"}),e("stop",{offset:"0.22",stopColor:"#231F20",stopOpacity:"0.4"}),e("stop",{offset:"0.42",stopColor:"#231F20",stopOpacity:"0.1"}),e("stop",{offset:"0.65",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint6_linear_290_1904",x1:"77.1952",y1:"123.603",x2:"77.1952",y2:"138.409",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint7_linear_290_1904",x1:"84.3413",y1:"85.235",x2:"84.3413",y2:"73.1301",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.03",stopColor:"#231F20",stopOpacity:"0.95"}),e("stop",{offset:"0.51",stopColor:"#231F20",stopOpacity:"0.26"}),e("stop",{offset:"0.81",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint8_linear_290_1904",x1:"110.815",y1:"94.1699",x2:"110.815",y2:"64.885",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.18",stopColor:"#231F20",stopOpacity:"0.48"}),e("stop",{offset:"0.38",stopColor:"#231F20",stopOpacity:"0.12"}),e("stop",{offset:"0.58",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint9_linear_290_1904",x1:"138.077",y1:"117.246",x2:"127.969",y2:"99.7278",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint10_linear_290_1904",x1:"146.226",y1:"112.434",x2:"131.084",y2:"86.1931",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint11_linear_290_1904",x1:"106.889",y1:"107.999",x2:"128.941",y2:"95.2581",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.31",stopColor:"#231F20",stopOpacity:"0.5"}),e("stop",{offset:"0.67",stopColor:"#231F20",stopOpacity:"0.13"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),e("clipPath",{id:"clip0_290_1904",children:e("rect",{width:"682",height:"169",fill:"white"})})]})]})}const KC=F`
|
|
5274
|
+
`,"data-provider":n})}):null}function Fi(){return s("svg",{width:"253",height:"63",viewBox:"0 0 682 169",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[s("g",{clipPath:"url(#clip0_290_1904)",children:[e("path",{d:"M147.458 105.593C147.022 103.63 146.028 101.824 144.492 100.222C143.901 99.6064 143.244 99.0233 142.529 98.4978C142.184 98.2432 141.815 98.005 141.437 97.7669C140.969 97.4712 140.484 97.192 139.95 96.921C137.995 95.9191 136.328 94.909 134.866 93.825C134.274 93.3897 133.699 92.9299 133.157 92.4535C131.851 91.312 130.972 90.3348 130.315 89.3C130.102 88.9715 129.913 88.6102 129.732 88.2653C129.658 88.1175 129.543 87.9943 129.412 87.8957C129.173 87.7233 128.869 87.6494 128.565 87.6986C128.097 87.789 127.736 88.1667 127.678 88.6431C127.637 89.0126 127.637 89.4068 127.687 89.8092C127.719 90.0474 127.588 90.2773 127.366 90.3758C127.317 90.4005 127.259 90.4087 127.21 90.4169C126.898 90.4498 126.619 90.6222 126.438 90.885C126.257 91.1478 126.208 91.4681 126.282 91.7719C126.348 92.0347 126.438 92.2236 126.512 92.3714L126.578 92.5028C126.627 92.5931 126.676 92.6917 126.726 92.782C126.873 93.0612 127.021 93.3405 127.202 93.6033C127.547 94.1042 127.933 94.6052 128.393 95.1389C128.541 95.3114 128.565 95.5578 128.459 95.7549C128.352 95.952 128.13 96.0669 127.908 96.0341C125.321 95.681 122.996 95.0979 120.836 94.3013C120.59 94.211 120.335 94.1206 120.097 94.0221C118.158 93.2009 121.658 89.7189 123.259 87.247C130.282 76.4479 131.736 64.0802 131.794 51.5647C131.851 39.4681 130.545 27.5357 128.138 15.7593V15.7429C126.569 5.87173 125.239 2.168 124.401 0.796558C124.22 0.435219 124.023 0.205276 123.818 0.0985162C123.588 -0.0575166 123.465 0.0163937 123.465 0.0163937C123.013 0.0328182 122.495 0.435219 121.871 1.08399C119.251 3.83509 119.399 7.11178 120.122 10.5363C123.432 26.0903 125.921 41.7346 124.787 57.7157C124.007 68.7365 121.953 79.3468 114.248 87.9779C113.789 88.4952 113.287 88.9798 112.786 89.4725C112.211 90.0391 111.316 91.1396 110.651 90.6797C109.764 90.0638 110.552 88.7991 110.831 88.1421C115.341 77.5729 116.639 66.5275 115.949 55.1453C115.932 54.8825 115.908 54.6197 115.891 54.3569V54.3405C115.883 54.1269 115.858 53.9298 115.842 53.7245C115.727 52.2217 115.587 50.7189 115.398 49.2242C113.46 31.1655 111.127 29.9911 111.127 29.9911C110.971 29.8515 110.782 29.7448 110.528 29.6955C109.304 29.4409 108.638 30.5167 108.096 31.3297C105.648 34.9924 106.733 38.8932 107.521 42.753C110.289 56.2703 110.33 69.6645 105.583 82.8124C105.147 84.0113 104.63 85.1775 104.08 86.3272C103.496 87.5508 103.119 89.0783 101.131 88.4213C99.2662 87.8054 99.7918 86.3929 100.03 85.1036C100.654 81.8269 101.155 78.542 101.467 75.2489V75.2653C101.509 74.9368 101.525 74.6247 101.55 74.3127C101.599 73.746 101.632 73.1712 101.665 72.6045C101.689 72.1282 101.714 71.6601 101.739 71.2002C101.747 70.9621 101.763 70.7321 101.763 70.494C102.141 60.0562 100.383 55.3095 99.7179 53.9052C99.644 53.7328 99.5619 53.5767 99.4715 53.4371C98.7815 52.4024 97.6398 52.5256 96.6541 53.5028C94.8388 55.2931 93.8367 57.4118 94.2967 60.0808C95.6438 67.8496 94.8552 75.5445 93.4096 83.1983C93.2124 84.2249 92.7524 86.0973 90.5593 85.6127C89.0644 85.2842 88.7194 84.6437 88.6372 83.3461C88.6537 82.3689 88.6372 81.3916 88.6044 80.4144C88.6044 80.3897 88.6044 80.3651 88.6044 80.3405C88.6044 80.2009 88.588 80.0612 88.588 79.9299C88.588 79.8559 88.5797 79.7902 88.5715 79.7245C88.5058 78.3942 88.399 77.0556 88.2347 75.717C88.2183 75.5856 88.1937 75.4624 88.1773 75.331C87.3394 67.7921 86.247 67.0612 86.247 67.0612C85.5488 66.1497 84.4563 66.3057 83.5117 67.2419C81.6964 69.0322 80.7764 71.1427 81.1543 73.8199C81.4336 75.7745 81.3596 75.175 81.5568 76.8831C81.7128 77.7618 81.8771 79.3632 81.8935 79.8724C81.8525 80.324 81.7375 80.7182 81.4582 81.0139C80.53 82.0076 79.0351 80.9892 77.9015 80.5211C55.9209 71.4302 37.1108 58.6683 20.691 42.523C14.2513 35.945 3.25273 22.6329 3.25273 22.6329C2.84203 22.1566 2.33276 21.8856 1.55243 22.2223C0.114982 22.8383 0.156052 24.6778 0.0246278 26.2217C-0.23822 29.3177 1.42101 31.5597 3.21987 33.662C28.0179 62.5856 58.2783 83.3708 94.8059 93.7675L101.377 95.5085C101.451 95.5249 101.533 95.5496 101.607 95.566C101.624 95.566 101.632 95.566 101.64 95.5742L107.299 97.077L107.456 97.1181C107.267 97.1756 107.061 97.2167 106.839 97.2577C100.613 98.4895 88.2923 96.223 78.3944 93.9153C73.4988 92.8888 68.6854 91.6405 63.9788 90.1541C63.7653 90.0884 63.642 90.0556 63.642 90.0556C45.3577 84.2331 28.6093 74.7972 13.9556 60.4093C12.5674 59.0461 11.286 57.5761 10.0211 56.0897C8.86289 54.71 6.47262 51.8275 5.643 50.8338C5.55265 50.7024 5.45408 50.5875 5.35551 50.4807C5.10909 50.2261 4.80517 50.0619 4.36983 50.1604C3.3513 50.3986 3.05559 51.4498 2.86667 52.3367C2.1192 55.9008 3.25273 58.8983 5.65122 61.5755C20.6582 78.3942 39.4929 89.1358 60.6439 96.1819C72.6528 100.181 85.0067 102.612 97.6069 104.164C90.0911 106.595 82.3617 107.334 74.5667 107.137C59.4775 106.759 45.3248 103.138 32.0264 96.6746C27.1226 94.1535 22.5556 91.3449 21.3564 90.5894C20.6664 90.1213 19.9518 89.8338 19.2454 90.3758C17.9229 91.4024 18.8347 93.2009 19.2618 94.6051C20.075 97.307 21.956 99.1712 24.3956 100.46C46.0641 111.917 68.9401 116.499 93.2946 112.434C95.7588 112.023 98.0998 111.572 100.679 110.701C96.6048 114.224 91.89 116.524 86.9369 118.339C71.6835 123.915 56.5287 123.693 41.4314 119.915C36.5851 118.618 30.9668 116.507 30.9668 116.507C30.1536 116.154 29.3486 116.031 28.7243 116.926C27.6237 118.503 28.5847 120.145 29.5375 121.632C31.7882 125.138 36.1416 125.483 39.5832 126.674C40.7578 127.052 37.5544 129.187 36.5276 129.975C31.5335 133.794 26.6462 137.284 21.6767 140.98L18.424 143.378C17.8654 143.764 17.3726 144.199 17.6272 145.004C17.9229 145.915 18.8675 146.08 19.7875 146.268C23.3442 147.008 26.3833 145.825 29.1925 143.723C35.2134 139.214 41.3493 134.837 47.2387 130.156C49.4811 128.374 51.5182 128.522 54.582 129.31C46.9183 135.083 39.7475 140.495 32.5685 145.899C25.2827 151.376 17.9969 156.854 10.711 162.323L5.89764 165.888C5.82371 165.937 5.758 165.986 5.69229 166.044L5.61836 166.093C5.20766 166.421 4.90374 166.791 4.9941 167.267C5.19123 168.351 6.4644 168.622 7.50758 168.803C11.8117 169.542 14.4813 167.924 17.4219 165.715C32.1496 154.661 46.9266 143.682 61.5721 132.521C64.8577 130.016 68.2337 128.604 72.9731 129.138C68.9401 132.152 65.0631 135.051 61.2436 137.908L50.8611 145.587C50.7871 145.636 50.7132 145.694 50.6475 145.751C50.0972 146.186 49.7111 146.695 49.9247 147.451C50.3189 148.822 51.97 148.987 53.3745 149.2C55.9537 149.586 58.1387 148.675 60.1675 147.164C61.3339 146.293 62.5085 145.439 63.6831 144.593L79.5361 132.004C79.5361 132.004 83.2817 129.327 87.6187 126.871C88.0048 126.633 88.3908 126.387 88.7851 126.148C88.9494 126.075 89.3601 125.886 89.9843 125.59C90.4525 125.352 90.9207 125.114 91.3807 124.892C92.0625 124.547 92.851 124.128 93.7381 123.644C96.2927 122.584 103.611 119.168 109.657 112.73C112.532 110.512 116.581 107.613 119.735 106.217H119.752C119.99 106.111 120.228 106.012 120.458 105.93C120.458 105.93 120.475 105.93 120.483 105.922C120.639 105.864 120.787 105.815 120.935 105.766L121.337 105.61C122.479 105.289 124.335 105.166 124.582 107.679C124.623 108.295 124.615 108.927 124.541 109.593C124.491 110.093 124.393 110.627 124.319 111.054C124.245 111.465 124.417 111.876 124.746 112.122C124.795 112.163 124.853 112.196 124.91 112.22C125.346 112.434 125.871 112.335 126.2 111.974C126.323 111.834 126.446 111.703 126.569 111.572C128.122 109.937 129.699 108.804 131.375 108.114C133.822 107.104 136.303 107.096 138.94 108.106C140.197 108.582 141.379 109.239 142.554 110.102C143.055 110.471 143.556 110.882 144.057 111.334C144.353 111.605 144.648 111.9 144.911 112.163L144.952 112.204L145.166 112.418C145.166 112.418 145.248 112.491 145.289 112.524C145.536 112.705 145.856 112.779 146.168 112.713C146.529 112.631 146.825 112.376 146.957 112.032C146.981 111.966 147.006 111.9 147.031 111.834C147.778 109.617 147.934 107.581 147.499 105.593H147.458Z",fill:"url(#paint0_linear_290_1904)"}),e("path",{d:"M120.113 94.0303C120.195 94.0632 120.269 94.096 120.351 94.1207C120.269 94.0878 120.187 94.0632 120.113 94.0303Z",fill:"#FEDBB5"}),e("path",{d:"M111.283 87.1238C111.283 87.1238 111.267 87.1567 111.267 87.1731C111.267 87.1567 111.283 87.1402 111.283 87.1238Z",fill:"#FEDBB5"}),e("path",{d:"M123.383 87.1074C123.383 87.1074 123.358 87.1487 123.341 87.1652C123.358 87.1487 123.366 87.1239 123.383 87.1074Z",fill:"#FEDBB5"}),e("path",{d:"M104.104 86.3354C103.965 86.6229 103.841 86.9267 103.71 87.2142C103.85 86.9267 103.973 86.6229 104.104 86.3354Z",fill:"#FEDBB5"}),e("path",{d:"M89.0233 84.7422C89.0233 84.7422 89.0233 84.7505 89.0316 84.7588C89.0316 84.7588 89.0316 84.7505 89.0233 84.7422Z",fill:"#FEDBB5"}),e("path",{d:"M89.0644 84.7998C89.1876 84.964 89.3437 85.1118 89.5408 85.235C89.3437 85.1118 89.1876 84.9722 89.0644 84.7998ZM89.0644 84.7833C89.0644 84.7833 89.0644 84.7833 89.0644 84.7915C89.0644 84.7915 89.0644 84.7915 89.0644 84.7833ZM89.0562 84.7751C89.0562 84.7751 89.0562 84.7751 89.0562 84.7833C89.0562 84.7833 89.0562 84.7833 89.0562 84.7751ZM88.6947 83.3626C88.6947 83.3626 88.6947 83.3708 88.6947 83.379C88.6947 83.379 88.6947 83.3708 88.6947 83.3626ZM79.1665 81.0878C79.1665 81.0878 79.1829 81.0878 79.1829 81.096C79.6429 81.2931 80.1029 81.4492 80.53 81.4492C80.7107 81.4492 80.8832 81.4245 81.0393 81.3588C80.875 81.4245 80.7025 81.4492 80.53 81.4492C80.0947 81.4492 79.6265 81.2849 79.1665 81.0878ZM88.629 79.6507C88.629 79.6507 88.629 79.6507 88.629 79.6589C88.629 79.6589 88.629 79.6589 88.629 79.6507Z",fill:"#E5B4A6"}),e("path",{d:"M120.36 94.1206C120.36 94.1206 120.434 94.1535 120.475 94.1617C120.475 94.1617 120.401 94.1289 120.36 94.1206ZM110.273 89.8749C110.273 90.187 110.38 90.4662 110.684 90.6797C110.79 90.7536 110.905 90.7865 111.029 90.7865C111.209 90.7865 111.398 90.7126 111.595 90.5894C111.406 90.7126 111.218 90.7865 111.029 90.7865C110.905 90.7865 110.79 90.7536 110.684 90.6797C110.38 90.4744 110.273 90.187 110.273 89.8749ZM110.914 88.0189C110.914 88.0189 110.881 88.1011 110.864 88.1421C110.881 88.1011 110.897 88.06 110.914 88.0189ZM111.226 87.2798C111.127 87.5262 111.02 87.7726 110.914 88.0189C111.02 87.7726 111.119 87.5262 111.226 87.2798ZM111.267 87.1731C111.267 87.1731 111.234 87.2388 111.226 87.2798C111.242 87.247 111.259 87.2141 111.267 87.1731ZM123.341 87.1731C123.341 87.1731 123.341 87.1813 123.333 87.1895C123.333 87.1895 123.333 87.1813 123.341 87.1731ZM123.391 87.0992C123.391 87.0992 123.391 87.1074 123.382 87.1156C123.382 87.1156 123.382 87.1074 123.391 87.0992ZM111.308 87.0992C111.308 87.0992 111.3 87.132 111.291 87.1402C111.291 87.1238 111.3 87.1074 111.308 87.0992ZM99.8001 86.7707C99.8001 87.4769 100.079 88.0928 101.155 88.446C101.484 88.5527 101.771 88.602 102.026 88.602C102.93 88.602 103.365 87.9615 103.71 87.2306C103.357 87.9697 102.921 88.602 102.026 88.602C101.78 88.602 101.492 88.5527 101.155 88.446C100.088 88.0928 99.8001 87.4769 99.8001 86.7707ZM92.7689 84.9886C92.4486 85.4074 91.9722 85.7195 91.2575 85.7195C91.1836 85.7195 91.1097 85.7195 91.0358 85.7113C91.1097 85.7113 91.1836 85.7195 91.2575 85.7195C91.9722 85.7195 92.4486 85.4157 92.7689 84.9886ZM106.651 79.7081C106.651 79.7081 106.651 79.7081 106.642 79.7081C106.322 80.7511 105.985 81.8023 105.616 82.8452C105.993 81.8023 106.338 80.7593 106.659 79.7081M94.1571 79.1251C93.9846 80.2748 93.7875 81.4163 93.5739 82.566C93.7875 81.4245 93.9846 80.2748 94.1571 79.1251ZM122.191 73.6311C120.623 78.7884 118.175 83.65 114.29 88.0025C113.83 88.5199 113.329 89.0044 112.828 89.4972C113.329 89.0126 113.821 88.5199 114.29 88.0025C118.175 83.65 120.623 78.7884 122.2 73.6311",fill:"#E5B4A6"}),e("path",{opacity:"0.4",d:"M2.20136 22.0745C2.00423 22.0745 1.79066 22.1238 1.55246 22.2223C0.53392 22.6658 0.254644 23.7252 0.139648 24.8503C5.61017 32.0196 27.213 58.4548 61.1943 76.5875C61.1943 76.5875 94.4692 94.1453 127.933 96.0423C125.346 95.6892 123.021 95.1061 120.861 94.3095C120.729 94.2602 120.606 94.2192 120.475 94.1699C108.318 91.542 97.9519 88.2571 90.6168 85.6292C90.7565 85.662 90.8961 85.6784 91.0193 85.6949C90.8879 85.6867 90.7401 85.662 90.5922 85.6292C90.1486 85.5306 89.8037 85.4074 89.5408 85.2432C83.7417 83.1244 80.0454 81.4984 79.1583 81.096C78.7312 80.9153 78.3123 80.6936 77.9344 80.5376C55.9538 71.4466 37.1437 58.6848 20.7239 42.5395C14.2513 35.945 3.25275 22.633 3.25275 22.633C2.97348 22.3045 2.6367 22.0745 2.20136 22.0745Z",fill:"url(#paint1_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M4.62448 50.1358C4.55056 50.1358 4.46842 50.144 4.37806 50.1687C3.35953 50.4068 3.06382 51.458 2.8749 52.3449C2.84204 52.5009 2.80919 52.6652 2.78455 52.8212C19.7711 75.832 42.5732 85.235 42.5732 85.235C65.3341 95.952 84.0128 98.12 95.3892 98.12C100.096 98.12 103.554 97.7505 105.533 97.463C104.63 97.5616 103.636 97.6109 102.568 97.6109C95.8984 97.6109 86.362 95.7795 78.4026 93.9235C73.5071 92.897 68.6937 91.6488 63.987 90.1623C63.7735 90.0966 63.6503 90.0638 63.6503 90.0638C45.3659 84.2413 28.6176 74.8054 13.9638 60.4175C12.5756 59.0543 11.2942 57.5843 10.0293 56.0979C8.87112 54.7182 6.48084 51.8357 5.65123 50.8421C5.56088 50.7107 5.46231 50.5957 5.36374 50.4889C5.16661 50.2836 4.9284 50.1358 4.62448 50.1358Z",fill:"url(#paint2_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M20.0669 90.1049C19.7958 90.1049 19.5247 90.187 19.2537 90.4005C18.1037 91.2874 18.6458 92.7738 19.0812 94.0632C27.5991 99.2287 47.132 109.289 70.2626 109.289C79.0023 109.289 88.243 107.86 97.607 104.189C90.8469 106.382 83.9061 107.195 76.9077 107.195C76.1274 107.195 75.3471 107.186 74.5667 107.162C59.4776 106.784 45.3249 103.162 32.0264 96.6993C27.1227 94.1781 22.5557 91.3695 21.3565 90.614C20.9293 90.3266 20.5022 90.1049 20.0669 90.1049Z",fill:"url(#paint3_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M99.1759 111.949C95.4632 114.791 91.2987 116.762 86.937 118.355C78.7559 121.344 70.5994 122.666 62.4675 122.666C55.4363 122.666 48.4298 121.681 41.4315 119.932C36.5852 118.634 30.9668 116.524 30.9668 116.524C30.6136 116.368 30.2604 116.261 29.9237 116.261C29.4883 116.261 29.0776 116.442 28.7326 116.951C28.2234 117.682 28.1577 118.429 28.3219 119.168C33.6939 121.665 45.2181 126.099 59.2723 126.099C71.4536 126.099 85.5406 122.765 99.1759 111.949Z",fill:"url(#paint4_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M62.9356 129.368C49.7358 129.368 39.7557 126.699 38.4908 126.346C38.8604 126.452 39.2218 126.567 39.5833 126.69C40.7579 127.068 37.5544 129.203 36.5276 129.992C32.8396 132.817 29.2008 135.461 25.5537 138.138H36.7576C40.2897 135.527 43.8052 132.907 47.2387 130.172C48.5119 129.154 49.7275 128.768 51.0993 128.768C52.1342 128.768 53.2678 128.99 54.582 129.335C46.9184 135.108 39.7475 140.52 32.5685 145.924C28.3711 149.077 24.1738 152.231 19.9764 155.384H31.246C41.3821 147.804 51.51 140.216 61.5721 132.546C63.8967 130.78 66.2623 129.557 69.1208 129.179C67.0016 129.318 64.9316 129.376 62.9439 129.376L62.9356 129.368Z",fill:"url(#paint5_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M60.5782 138.409H71.47L79.5115 132.02C79.5115 132.02 83.2571 129.343 87.5941 126.888C87.9801 126.649 88.3662 126.403 88.7605 126.165C88.9248 126.091 89.3354 125.902 89.9597 125.606C90.4279 125.368 90.8961 125.13 91.3561 124.908C92.0625 124.547 92.8921 124.112 93.8121 123.603C86.0499 126.855 78.0987 128.44 70.739 129.056C70.8375 129.056 70.9443 129.056 71.0429 129.056C71.6589 129.056 72.2996 129.088 72.965 129.162C68.9319 132.176 65.0549 135.075 61.2354 137.933L60.5782 138.418V138.409Z",fill:"url(#paint6_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M88.6701 83.3544C88.6865 82.3771 88.6701 81.3999 88.6373 80.4226V80.3487C88.6373 80.2091 88.6208 80.0695 88.6208 79.9381L88.6044 79.7328C88.5633 78.9115 88.4976 78.0903 88.4237 77.2609C85.8281 76.1687 83.3803 74.7726 81.1215 73.1301C81.1379 73.3601 81.1461 73.59 81.179 73.8364C81.4582 75.7909 81.3843 75.1914 81.5814 76.8995C81.7375 77.7783 81.9018 79.3797 81.9182 79.8888C81.8771 80.3405 81.7621 80.7347 81.4829 81.0303C81.1954 81.3342 80.8586 81.4491 80.4972 81.4491C80.0619 81.4491 79.5937 81.2849 79.1337 81.0878C79.9961 81.4738 83.7007 83.108 89.5408 85.2432C88.9165 84.8572 88.7194 84.2742 88.6619 83.3626L88.6701 83.3544Z",fill:"url(#paint7_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M131.022 64.885C128.59 68.2685 125.6 71.2331 122.175 73.6146C120.606 78.7719 118.158 83.6336 114.273 87.9861C113.813 88.5035 113.312 88.988 112.811 89.4807C112.326 89.9488 111.628 90.8029 111.02 90.8029C110.897 90.8029 110.782 90.77 110.675 90.6961C109.788 90.0802 110.577 88.8155 110.856 88.1585C112.31 84.7505 113.427 81.2931 114.257 77.7865C111.825 78.698 109.271 79.3386 106.634 79.6999C106.314 80.7429 105.977 81.794 105.607 82.837C105.172 84.036 104.655 85.2021 104.104 86.3518C103.62 87.3702 103.275 88.602 102.018 88.602C101.771 88.602 101.484 88.5527 101.147 88.446C99.2827 87.83 99.8084 86.4175 100.047 85.1282C100.367 83.4201 100.663 81.7119 100.909 79.9956C98.5927 79.9217 96.3256 79.626 94.1325 79.1168C93.9271 80.4883 93.6889 81.8515 93.4261 83.2148C93.2536 84.1263 92.8675 85.7113 91.2412 85.7113C91.044 85.7113 90.8305 85.6867 90.6005 85.6374C97.9356 88.2735 108.293 91.5584 120.458 94.1863C120.335 94.1371 120.22 94.096 120.105 94.0467C118.167 93.2255 121.666 89.7435 123.268 87.2716C127.777 80.3323 129.987 72.7523 131.005 64.8932L131.022 64.885Z",fill:"url(#paint8_linear_290_1904)"}),e("path",{opacity:"0.5",d:"M129.206 102.497C127.687 102.497 126.151 102.645 124.647 102.916C124.36 102.965 124.081 102.99 123.818 102.99C123.391 102.99 122.988 102.924 122.61 102.809C122.668 102.883 122.734 102.957 122.791 103.039C123.448 103.959 123.793 104.961 123.925 106.004C124.089 106.184 124.229 106.406 124.344 106.694C124.344 106.694 124.344 106.694 124.344 106.71C124.344 106.71 124.344 106.71 124.344 106.718C124.344 106.718 124.344 106.718 124.344 106.726C124.344 106.726 124.344 106.726 124.344 106.735C124.344 106.735 124.344 106.735 124.344 106.743C124.344 106.743 124.344 106.743 124.344 106.751C124.344 106.751 124.344 106.751 124.344 106.759C124.344 106.759 124.344 106.759 124.344 106.768V106.784C124.344 106.784 124.344 106.784 124.344 106.792C124.344 106.792 124.344 106.792 124.344 106.8C124.344 106.8 124.344 106.8 124.344 106.809C124.344 106.809 124.344 106.809 124.344 106.817C124.344 106.817 124.344 106.817 124.344 106.825C124.344 106.825 124.344 106.833 124.344 106.841C124.344 106.841 124.344 106.841 124.344 106.858C124.344 106.858 124.344 106.858 124.344 106.866C124.344 106.866 124.344 106.866 124.344 106.874C124.344 106.874 124.344 106.874 124.344 106.882C124.344 106.882 124.344 106.883 124.344 106.891C124.344 106.891 124.344 106.891 124.344 106.899C124.344 106.899 124.344 106.899 124.344 106.907C124.344 106.907 124.344 106.907 124.344 106.915C124.344 106.915 124.344 106.915 124.344 106.924C124.344 106.924 124.344 106.924 124.344 106.932C124.344 106.932 124.344 106.932 124.344 106.94C124.344 106.94 124.344 106.94 124.344 106.948C124.344 106.948 124.344 106.948 124.344 106.965C124.344 106.965 124.344 106.973 124.344 106.981C124.344 106.981 124.344 106.989 124.344 106.997V107.014C124.344 107.014 124.344 107.022 124.344 107.03C124.344 107.03 124.344 107.039 124.344 107.047C124.344 107.047 124.344 107.055 124.344 107.063C124.344 107.063 124.344 107.071 124.344 107.08C124.344 107.08 124.344 107.088 124.344 107.096C124.344 107.096 124.344 107.104 124.344 107.112C124.344 107.112 124.344 107.121 124.344 107.129C124.344 107.145 124.344 107.162 124.344 107.178C124.344 107.178 124.344 107.186 124.344 107.195C124.344 107.195 124.344 107.227 124.344 107.244C124.344 107.244 124.344 107.252 124.344 107.26V107.277C124.344 107.277 124.344 107.301 124.344 107.31C124.344 107.31 124.344 107.318 124.344 107.326V107.342V107.359C124.36 107.597 124.368 107.843 124.368 108.09C124.368 108.476 124.344 108.87 124.302 109.272C124.253 109.773 124.155 110.307 124.081 110.734C124.072 110.8 124.064 110.865 124.064 110.923C124.064 111.268 124.229 111.588 124.508 111.793L124.672 111.892C124.828 111.966 124.992 112.007 125.157 112.007C125.461 112.007 125.748 111.884 125.962 111.654C126.085 111.514 126.208 111.383 126.331 111.251C127.884 109.617 129.461 108.484 131.136 107.794C132.369 107.285 133.601 107.03 134.857 107.03C136.114 107.03 137.387 107.285 138.702 107.786C139.958 108.262 141.141 108.919 142.316 109.781C142.817 110.151 143.318 110.562 143.819 111.013C144.115 111.284 144.41 111.58 144.673 111.843L144.714 111.884L144.928 112.097L145.051 112.204C145.232 112.335 145.453 112.409 145.675 112.418C144.632 110.192 143.318 108.123 141.461 106.513C137.946 103.466 133.51 102.177 129.001 102.177",fill:"url(#paint9_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M128.779 87.6905L128.582 87.7069C128.114 87.7972 127.752 88.175 127.695 88.6513C127.654 89.0208 127.654 89.415 127.703 89.8174C127.72 89.9488 127.687 90.072 127.629 90.1706C129.51 92.9627 133.584 97.9065 139.769 99.7789C139.769 99.7789 149.331 104.78 146.916 112.032L146.99 111.834C147.737 109.617 147.893 107.581 147.458 105.593C147.022 103.63 146.029 101.824 144.492 100.222C143.901 99.6064 143.244 99.0234 142.529 98.4978C142.184 98.2432 141.815 98.0051 141.437 97.7669C140.969 97.4713 140.484 97.192 139.95 96.921C137.995 95.9191 136.328 94.909 134.866 93.825C134.274 93.3898 133.699 92.9299 133.157 92.4536C131.851 91.3121 130.972 90.3348 130.315 89.3001C130.102 88.9716 129.913 88.6102 129.732 88.2653C129.658 88.1175 129.543 87.9943 129.412 87.8958C129.231 87.7562 129.001 87.6823 128.763 87.6823",fill:"url(#paint10_linear_290_1904)"}),e("path",{opacity:"0.5",d:"M116.647 107.893L118.586 106.768L126.734 95.8535C126.734 95.8535 122.274 95.0076 120.122 94.0303C120.122 94.0303 117.887 104.222 109.632 112.738L112.672 110.488C113.887 109.634 114.988 108.903 116.647 107.893Z",fill:"url(#paint11_linear_290_1904)"}),e("path",{d:"M209.416 49.9962H230.197C245.221 49.9962 252.104 57.7157 252.104 73.5818V81.4409C252.104 97.307 245.221 105.027 230.197 105.027H218.123V148.264H209.416V49.9962ZM230.197 97.0196C239.323 97.0196 243.397 92.9463 243.397 81.8598V73.0152C243.397 62.0682 239.323 57.8553 230.197 57.8553H218.123V97.0196H230.197Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M284.114 49.9962H292.821V93.0941H319.64V49.9962H328.346V148.256H319.64V100.953H292.821V148.256H284.114V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M362.451 125.656V72.5963C362.451 57.0177 370.312 48.5919 384.497 48.5919C398.683 48.5919 406.544 57.0177 406.544 72.5963V125.656C406.544 141.234 398.683 149.66 384.497 149.66C370.312 149.66 362.451 141.234 362.451 125.656ZM397.829 126.214V72.0297C397.829 61.5016 393.056 56.451 384.489 56.451C375.922 56.451 371.15 61.5016 371.15 72.0297V126.214C371.15 136.742 375.922 141.653 384.489 141.653C393.056 141.653 397.829 136.742 397.829 126.214Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M440.796 49.9962H480.108V57.8553H449.503V93.0859H474.638V100.945H449.503V140.249H480.108V148.248H440.796V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M511.56 49.9962H523.076L548.629 125.935V49.9962H556.769V148.256H547.504L519.56 64.458V148.256H511.56V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M592.007 49.9962H600.714V148.256H592.007V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M651.674 98.1447L632.437 49.9962H641.702L657.144 89.0209L672.726 49.9962H681.154L661.917 98.1447L681.992 148.256H672.726L656.438 106.989L640.01 148.256H631.591L651.666 98.1447H651.674Z",fill:"var(--ac-global-text-color-900)"})]}),s("defs",{children:[s("linearGradient",{id:"paint0_linear_290_1904",x1:"22.0956",y1:"10.3474",x2:"97.4433",y2:"140.879",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#14BAB6"}),e("stop",{offset:"0.5",stopColor:"#00ADEE"}),e("stop",{offset:"1",stopColor:"#0095C4"})]}),s("linearGradient",{id:"paint1_linear_290_1904",x1:"95.422",y1:"114.807",x2:"31.8741",y2:"4.70214",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint2_linear_290_1904",x1:"76.6695",y1:"114.126",x2:"30.8746",y2:"34.7951",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint3_linear_290_1904",x1:"70.3612",y1:"119.915",x2:"44.7991",y2:"75.6384",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint4_linear_290_1904",x1:"71.4208",y1:"128.85",x2:"55.5071",y2:"101.279",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint5_linear_290_1904",x1:"44.5363",y1:"126.346",x2:"44.5363",y2:"155.384",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.03",stopColor:"#231F20",stopOpacity:"0.9"}),e("stop",{offset:"0.22",stopColor:"#231F20",stopOpacity:"0.4"}),e("stop",{offset:"0.42",stopColor:"#231F20",stopOpacity:"0.1"}),e("stop",{offset:"0.65",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint6_linear_290_1904",x1:"77.1952",y1:"123.603",x2:"77.1952",y2:"138.409",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint7_linear_290_1904",x1:"84.3413",y1:"85.235",x2:"84.3413",y2:"73.1301",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.03",stopColor:"#231F20",stopOpacity:"0.95"}),e("stop",{offset:"0.51",stopColor:"#231F20",stopOpacity:"0.26"}),e("stop",{offset:"0.81",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint8_linear_290_1904",x1:"110.815",y1:"94.1699",x2:"110.815",y2:"64.885",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.18",stopColor:"#231F20",stopOpacity:"0.48"}),e("stop",{offset:"0.38",stopColor:"#231F20",stopOpacity:"0.12"}),e("stop",{offset:"0.58",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint9_linear_290_1904",x1:"138.077",y1:"117.246",x2:"127.969",y2:"99.7278",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),s("linearGradient",{id:"paint10_linear_290_1904",x1:"146.226",y1:"112.434",x2:"131.084",y2:"86.1931",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),s("linearGradient",{id:"paint11_linear_290_1904",x1:"106.889",y1:"107.999",x2:"128.941",y2:"95.2581",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.31",stopColor:"#231F20",stopOpacity:"0.5"}),e("stop",{offset:"0.67",stopColor:"#231F20",stopOpacity:"0.13"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),e("clipPath",{id:"clip0_290_1904",children:e("rect",{width:"682",height:"169",fill:"white"})})]})]})}const KC=F`
|
|
5275
5275
|
text-align: center;
|
|
5276
5276
|
margin-top: var(--ac-global-dimension-size-200);
|
|
5277
5277
|
margin-bottom: var(--ac-global-dimension-size-200);
|
|
@@ -5282,14 +5282,14 @@ fragment DBUsagePieChart_data on Query {
|
|
|
5282
5282
|
gap: var(--ac-global-dimension-size-100);
|
|
5283
5283
|
flex-wrap: wrap;
|
|
5284
5284
|
justify-content: center;
|
|
5285
|
-
`;function B2(){const n=window.Config.oAuth2Idps,a=n.length>0,[t,l]=xn(),i=t.get("returnUrl"),r=t.get("message");return s(ol,{children:[e(h,{direction:"column",gap:"size-200",alignItems:"center",children:e(C,{paddingBottom:"size-200",children:e(
|
|
5285
|
+
`;function B2(){const n=window.Config.oAuth2Idps,a=n.length>0,[t,l]=xn(),i=t.get("returnUrl"),r=t.get("message");return s(ol,{children:[e(h,{direction:"column",gap:"size-200",alignItems:"center",children:e(C,{paddingBottom:"size-200",children:e(Fi,{})})}),r&&e(C,{paddingBottom:"size-100",children:e(Se,{variant:"success",children:r})}),e(SC,{initialError:t.get("error"),onSubmit:()=>{l(o=>{const d=new URLSearchParams(o);return d.delete("message"),d.delete("error"),d})}}),a&&s(U,{children:[e("div",{css:KC,children:"or"}),e("ul",{css:TC,children:n.map(o=>e("li",{children:e(CC,{idpName:o.name,idpDisplayName:o.displayName,returnUrl:i},o.name)},o.name))})]})]})}const em=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(
|
|
5286
5286
|
$input: PatchViewerInput!
|
|
5287
5287
|
) {
|
|
5288
5288
|
patchViewer(input: $input) {
|
|
5289
5289
|
__typename
|
|
5290
5290
|
}
|
|
5291
5291
|
}
|
|
5292
|
-
`}}}();em.hash="f8f5c30b0e00c17cdda7557c73c3c2d3";const nm={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ResetPasswordFormQuery",selections:[{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"viewer",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};nm.hash="1161643b76edb6ef437d8f136038cf21";const Ya=4;function PC(n){var p;const a=ue(),t=Ie(),l=I.useFragment(nm,n.query),[i,r]=I.useMutation(em),{control:o,handleSubmit:d}=Qe({defaultValues:{currentPassword:"",newPassword:"",confirmPassword:""}}),c=
|
|
5292
|
+
`}}}();em.hash="f8f5c30b0e00c17cdda7557c73c3c2d3";const nm={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ResetPasswordFormQuery",selections:[{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"viewer",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};nm.hash="1161643b76edb6ef437d8f136038cf21";const Ya=4;function PC(n){var p;const a=ue(),t=Ie(),l=I.useFragment(nm,n.query),[i,r]=I.useMutation(em),{control:o,handleSubmit:d}=Qe({defaultValues:{currentPassword:"",newPassword:"",confirmPassword:""}}),c=u.useCallback(f=>{i({variables:{input:{currentPassword:f.currentPassword,newPassword:f.newPassword}},onCompleted:()=>{const m=ss({path:"/login",searchParams:{message:"Password has been reset."}});a(m)},onError:m=>{t({title:"Failed to reset password",message:m.message})}})},[i,a,t]);return s(Vt,{onSubmit:d(c),children:[e(Pl,{children:s(X,{name:"email",type:"email",autoComplete:"email",isRequired:!0,isReadOnly:!0,value:(p=l.viewer)==null?void 0:p.email,children:[e(W,{children:"Email"}),e(re,{})]})}),e(G,{name:"currentPassword",control:o,rules:{required:"the current is required"},render:({field:{name:f,onChange:m,onBlur:g,value:y},fieldState:{invalid:k,error:b}})=>s(X,{type:"password",name:f,isRequired:!0,isInvalid:k,onChange:m,onBlur:g,value:y,id:"current-password",autoComplete:"current-password",children:[e(W,{children:"Old Password"}),e(re,{}),b?e(xe,{children:b==null?void 0:b.message}):e(v,{slot:"description",children:"The current password"})]})}),e(G,{name:"newPassword",control:o,rules:{required:"Password is required",minLength:{value:Ya,message:`Password must be at least ${Ya} characters`},validate:(f,m)=>f!==m.currentPassword||"New password must be different"},render:({field:{name:f,onChange:m,onBlur:g,value:y},fieldState:{invalid:k,error:b}})=>s(X,{type:"password",isRequired:!0,name:f,isInvalid:k,onChange:m,onBlur:g,defaultValue:y,id:"new-password",autoComplete:"new-password",children:[e(W,{children:"New Password"}),e(re,{}),b?e(xe,{children:b==null?void 0:b.message}):s(v,{slot:"description",children:["Password must be at least ",Ya," characters"]})]})}),e(G,{name:"confirmPassword",control:o,rules:{required:"Password is required",minLength:{value:Ya,message:`Password must be at least ${Ya} characters`},validate:(f,m)=>f===m.newPassword||"Passwords do not match"},render:({field:{name:f,onChange:m,onBlur:g,value:y},fieldState:{invalid:k,error:b}})=>s(X,{isRequired:!0,type:"password",name:f,isInvalid:k,onChange:m,onBlur:g,defaultValue:y,autoComplete:"new-password",children:[e(W,{children:"Confirm Password"}),e(re,{}),b?e(xe,{children:b==null?void 0:b.message}):e(v,{slot:"description",children:"Confirm the new password"})]})}),s("div",{css:F`
|
|
5293
5293
|
display: flex;
|
|
5294
5294
|
flex-direction: row;
|
|
5295
5295
|
gap: var(--ac-global-dimension-size-200);
|
|
@@ -5297,13 +5297,13 @@ fragment DBUsagePieChart_data on Query {
|
|
|
5297
5297
|
& > * {
|
|
5298
5298
|
width: 50%;
|
|
5299
5299
|
}
|
|
5300
|
-
`,children:[e(V,{onPress:()=>{a(-1)},children:"Cancel"}),e(V,{variant:"primary",type:"submit",isDisabled:r,children:r?"Resetting...":"Reset Password"})]})]})}function U2(){const n=qe();return s(ol,{children:[e(h,{direction:"column",gap:"size-200",alignItems:"center",children:e(C,{paddingBottom:"size-200",children:e(
|
|
5300
|
+
`,children:[e(V,{onPress:()=>{a(-1)},children:"Cancel"}),e(V,{variant:"primary",type:"submit",isDisabled:r,children:r?"Resetting...":"Reset Password"})]})]})}function U2(){const n=qe();return s(ol,{children:[e(h,{direction:"column",gap:"size-200",alignItems:"center",children:e(C,{paddingBottom:"size-200",children:e(Fi,{})})}),e(PC,{query:n})]})}const et=4,IC="An error occurred. Please try resetting again.";function xC({resetToken:n}){const a=ue(),[t,l]=u.useState(null),[i,r]=u.useState(!1),o=u.useCallback(async({resetToken:f,newPassword:m})=>{l(null),r(!0);try{const g=await fetch(pn("/auth/password-reset"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({token:f,password:m})});if(!g.ok){const y=await g.text();l(y);return}}catch{l(IC);return}finally{r(()=>!1)}a(`/login?message=${encodeURIComponent("Password has been reset.")}`)},[l,a]),{control:d,handleSubmit:c,formState:{isDirty:p}}=Qe({defaultValues:{resetToken:n,newPassword:"",confirmPassword:""}});return s(U,{children:[t?e(C,{paddingBottom:"size-100",children:e(Se,{variant:"danger",children:t})}):null,s(Vt,{onSubmit:c(o),children:[e(G,{name:"newPassword",control:d,rules:{required:"Password is required",minLength:{value:et,message:`Password must be at least ${et} characters`}},render:({field:{name:f,onChange:m,onBlur:g,value:y},fieldState:{invalid:k,error:b}})=>s(X,{type:"password",isRequired:!0,name:f,isInvalid:k,id:"new-password",autoComplete:"new-password",onChange:m,onBlur:g,defaultValue:y,children:[e(W,{children:"New Password"}),e(re,{}),b?e(xe,{children:b==null?void 0:b.message}):s(v,{slot:"description",children:["Password must be at least ",et," characters"]})]})}),e(G,{name:"confirmPassword",control:d,rules:{required:"Password is required",minLength:{value:et,message:`Password must be at least ${et} characters`},validate:(f,m)=>f===m.newPassword||"Passwords do not match"},render:({field:{name:f,onChange:m,onBlur:g,value:y},fieldState:{invalid:k,error:b}})=>s(X,{type:"password",isRequired:!0,name:f,isInvalid:k,onChange:m,onBlur:g,defaultValue:y,children:[e(W,{children:"Confirm Password"}),e(re,{}),b?e(xe,{children:b==null?void 0:b.message}):e(v,{slot:"description",children:"Confirm the new password"})]})}),e("div",{css:F`
|
|
5301
5301
|
margin-top: var(--ac-global-dimension-size-200);
|
|
5302
5302
|
margin-bottom: var(--ac-global-dimension-size-50);
|
|
5303
5303
|
button {
|
|
5304
5304
|
width: 100%;
|
|
5305
5305
|
}
|
|
5306
|
-
`,children:e(V,{variant:p?"primary":"default",type:"submit",isDisabled:i,children:i?"Resetting...":"Reset Password"})})]})]})}function H2(){const n=ue(),[a]=xn(),t=a.get("token");return t?s(ol,{children:[e(h,{direction:"column",gap:"size-200",alignItems:"center",children:e(C,{paddingBottom:"size-200",children:e(
|
|
5306
|
+
`,children:e(V,{variant:p?"primary":"default",type:"submit",isDisabled:i,children:i?"Resetting...":"Reset Password"})})]})]})}function H2(){const n=ue(),[a]=xn(),t=a.get("token");return t?s(ol,{children:[e(h,{direction:"column",gap:"size-200",alignItems:"center",children:e(C,{paddingBottom:"size-200",children:e(Fi,{})})}),e(xC,{resetToken:t}),e(C,{paddingTop:"size-200",children:e(h,{direction:"column",alignItems:"center",justifyContent:"center",children:e(Ze,{to:"/login",children:"Back to Login"})})})]}):(n("/login"),null)}const am=function(){var n={alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"viewer",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"resetPasswordLoaderQuery",selections:[n,{args:null,kind:"FragmentSpread",name:"ResetPasswordFormQuery"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"resetPasswordLoaderQuery",selections:[n]},params:{cacheID:"558e2fa85c0dc24da6318db9ebbd7958",id:null,metadata:{},name:"resetPasswordLoaderQuery",operationKind:"query",text:`query resetPasswordLoaderQuery {
|
|
5307
5307
|
viewer {
|
|
5308
5308
|
id
|
|
5309
5309
|
email
|
|
@@ -5316,13 +5316,13 @@ fragment ResetPasswordFormQuery on Query {
|
|
|
5316
5316
|
email
|
|
5317
5317
|
}
|
|
5318
5318
|
}
|
|
5319
|
-
`}}}();am.hash="17bb397eaa3a44dd33996854e538f2ef";async function G2(){const n=await I.fetchQuery(Ke,am,{}).toPromise();return n!=null&&n.viewer?n:it("/login")}function DC({onResetSent:n}){const[a,t]=
|
|
5319
|
+
`}}}();am.hash="17bb397eaa3a44dd33996854e538f2ef";async function G2(){const n=await I.fetchQuery(Ke,am,{}).toPromise();return n!=null&&n.viewer?n:it("/login")}function DC({onResetSent:n}){const[a,t]=u.useState(null),[l,i]=u.useState(!1),r=u.useCallback(async c=>{t(null),i(!0);try{const p=await fetch(pn("/auth/password-reset-email"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(c)});if(!p.ok){const f=await p.text();t(f);return}n()}finally{i(()=>!1)}},[n,t]),{control:o,handleSubmit:d}=Qe({defaultValues:{email:""}});return s(U,{children:[a?e(C,{paddingBottom:"size-100",children:e(Se,{variant:"danger",children:a})}):null,s(ln,{onSubmit:d(r),children:[e(G,{name:"email",control:o,render:({field:{onChange:c,value:p}})=>s(X,{name:"email",isRequired:!0,type:"email",onChange:c,value:p,children:[e(W,{children:"Email"}),e(re,{placeholder:"your email address"}),e(v,{slot:"description",children:"Enter the email address associated with your account."})]})}),e("div",{css:F`
|
|
5320
5320
|
margin-top: var(--ac-global-dimension-size-200);
|
|
5321
5321
|
margin-bottom: var(--ac-global-dimension-size-50);
|
|
5322
5322
|
button {
|
|
5323
5323
|
width: 100%;
|
|
5324
5324
|
}
|
|
5325
|
-
`,children:e(V,{variant:"primary",type:"submit",isDisabled:l,children:l?"Sending...":"Send"})})]})]})}function W2(){const[n,a]=
|
|
5325
|
+
`,children:e(V,{variant:"primary",type:"submit",isDisabled:l,children:l?"Sending...":"Send"})})]})]})}function W2(){const[n,a]=u.useState(!1),t=n?s(h,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-100",children:[e(se,{level:1,children:"Check your email"}),e("p",{children:"Thanks! If an account with that email address exists, we sent you a link to reset your password."})]}):s(U,{children:[s(h,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-100",children:[e(se,{level:1,children:"Forgot Password"}),e("p",{children:`Enter the email address associated with your account and we'll send you
|
|
5326
5326
|
a link to reset your password.`})]}),e(DC,{onResetSent:()=>a(!0)})]});return e(ol,{children:s("div",{css:F`
|
|
5327
5327
|
& a {
|
|
5328
5328
|
text-align: center;
|
|
@@ -5400,14 +5400,14 @@ fragment APIKeysTableFragment on User {
|
|
|
5400
5400
|
}
|
|
5401
5401
|
id
|
|
5402
5402
|
}
|
|
5403
|
-
`}}}();im.hash="6c32098d55e4cba859dcec73f3ccd28c";const rm=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:im,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}}();rm.hash="6c32098d55e4cba859dcec73f3ccd28c";const
|
|
5403
|
+
`}}}();im.hash="6c32098d55e4cba859dcec73f3ccd28c";const rm=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:im,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}}();rm.hash="6c32098d55e4cba859dcec73f3ccd28c";const gr=70;function _C({query:n}){const[a,t]=I.useRefetchableFragment(rm,n),l=ke(),[i]=I.useMutation(lm),r=u.useCallback(m=>{i({variables:{input:{id:m}},onCompleted:()=>{l({title:"API key deleted",message:"The key has been deleted and is no longer active."}),u.startTransition(()=>{t({},{fetchPolicy:"network-only"})})}})},[i,l,t]),o=u.useMemo(()=>[...a.apiKeys],[a]),d=u.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:Ee},{header:"Description",accessorKey:"description",cell:Ee},{header:"Created At",accessorKey:"createdAt",size:gr,cell:Re},{header:"Expires At",accessorKey:"expiresAt",size:gr,cell:Re},{header:"",accessorKey:"id",size:10,cell:({row:g})=>e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(zl,{handleDelete:()=>{r(g.original.id)}})}),meta:{textAlign:"right"}}],[r]),c=Le({columns:d,data:o,getCoreRowModel:we()}),p=c.getRowModel().rows,f=c.getRowModel().rows.length===0;return s("table",{css:dn,children:[e("thead",{children:c.getHeaderGroups().map(m=>e("tr",{children:m.headers.map(g=>e("th",{colSpan:g.colSpan,children:g.isPlaceholder?null:s("div",{className:g.column.getCanSort()?"cursor-pointer":"",onClick:g.column.getToggleSortingHandler(),style:{left:g.getStart(),width:g.getSize()},children:[J(g.column.columnDef.header,g.getContext()),g.column.getIsSorted()?e(_,{className:"sort-icon",svg:g.column.getIsSorted()==="asc"?e(cn,{}):e(un,{})}):null]})},g.id))},m.id))}),f?e(mn,{message:"No Keys"}):e("tbody",{children:p.map(m=>e("tr",{children:m.getVisibleCells().map(g=>e("td",{children:J(g.column.columnDef.cell,g.getContext())},g.id))},m.id))})]})}function LC({viewer:n}){const[a,t]=u.useState(null),l=Ie(),[i,r]=I.useMutation(tm),o=u.useCallback(d=>{var c;i({variables:{input:{...d,expiresAt:((c=d.expiresAt)==null?void 0:c.toDate(Dl()).toISOString())||null}},onCompleted:p=>{t(e(Fr,{jwt:p.createUserApiKey.jwt}))},onError:p=>{l({title:"Error creating API key",message:p.message})}})},[i,l]);return s(B,{title:"API Keys",variant:"compact",bodyStyle:{padding:0},extra:e(V,{size:"S",leadingVisual:e(_,{svg:e(_n,{})}),onPress:()=>t(e(Kr,{onSubmit:o,isCommitting:r})),children:"New Key"}),children:[e(_C,{query:n}),e(ae,{onDismiss:()=>{t(null)},children:a})]})}const sm=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(
|
|
5404
5404
|
$input: PatchViewerInput!
|
|
5405
5405
|
) {
|
|
5406
5406
|
patchViewer(input: $input) {
|
|
5407
5407
|
__typename
|
|
5408
5408
|
}
|
|
5409
5409
|
}
|
|
5410
|
-
`}}}();sm.hash="4a11ca65151d84fe95f636763c91dc68";function wC(){const{viewer:n,refetchViewer:a}=
|
|
5410
|
+
`}}}();sm.hash="4a11ca65151d84fe95f636763c91dc68";function wC(){const{viewer:n,refetchViewer:a}=Nl(),t=Ie(),l=ke(),[i,r]=I.useMutation(sm),{control:o,handleSubmit:d,formState:{isDirty:c},reset:p}=Qe({defaultValues:{username:(n==null?void 0:n.username)||""}}),f=u.useCallback(m=>{i({variables:{input:{newUsername:m.username}},onCompleted:()=>{l({title:"Profile updated",message:"Your profile has been updated"}),p({username:m.username}),a()},onError:g=>{t({title:"Failed update profile",message:g.message})}})},[i,l,p,a,t]);return n?s(B,{title:"Profile",variant:"compact",bodyStyle:{padding:0},extra:n.authMethod==="LOCAL"&&e(Ta,{size:"S",to:"/reset-password",children:"Reset Password"}),children:[e(C,{paddingTop:"size-200",paddingStart:"size-200",paddingEnd:"size-200",children:s(h,{direction:"row",gap:"size-200",alignItems:"center",children:[e($l,{name:n.username||n.email,profilePictureUrl:n.profilePictureUrl}),s(h,{direction:"column",gap:"size-50",children:[e(se,{level:2,weight:"heavy",children:n.username||n.email}),e(v,{children:n.role.name.toLocaleLowerCase()})]})]})}),e(C,{children:s(ln,{onSubmit:d(f),children:[e(C,{padding:"size-200",children:s(h,{direction:"column",gap:"size-100",children:[s(X,{value:n.email,isReadOnly:!0,size:"S",children:[e(W,{children:"Email"}),e(re,{})]}),e(G,{name:"username",control:o,rules:{required:"A username is required as it needs to be unique"},render:({field:{name:m,onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(X,{isRequired:!0,name:m,isInvalid:b,onChange:g,onBlur:y,defaultValue:k,size:"S",children:[e(W,{children:"Username"}),e(re,{}),S?e(xe,{children:S.message}):e(v,{slot:"description",children:"A unique username"})]})})]})}),e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderTopColor:"dark",borderTopWidth:"thin",children:e(h,{direction:"row",gap:"size-100",justifyContent:"end",children:e(V,{variant:c?"primary":"default",size:"S",isDisabled:!c,onPress:()=>{d(f)()},children:r?"Saving...":"Save"})})})]})})]}):null}const EC=F`
|
|
5411
5411
|
overflow-y: auto;
|
|
5412
5412
|
`,RC=F`
|
|
5413
5413
|
padding: var(--ac-global-dimension-size-400);
|
|
@@ -5417,7 +5417,7 @@ fragment APIKeysTableFragment on User {
|
|
|
5417
5417
|
width: 100%;
|
|
5418
5418
|
margin-left: auto;
|
|
5419
5419
|
margin-right: auto;
|
|
5420
|
-
`;function J2(){const{viewer:n}=
|
|
5420
|
+
`;function J2(){const{viewer:n}=Nl();return n?e("main",{css:EC,children:e("div",{css:RC,children:s(h,{direction:"column",gap:"size-200",children:[e(wC,{}),e(LC,{viewer:n})]})})}):null}function Z2(){return e(ki,{})}function X2(){const n=qe();Je(n);const a=u.useMemo(()=>n.span.__typename==="Span"?n.span:null,[n.span]);if(!a)throw new Error("Span not found");const{playgroundInstance:t,parsingErrors:l,playgroundInput:i}=u.useMemo(()=>Jy(a),[a]),r=i!=null?{input:i}:{};return s(h,{direction:"column",height:"100%",children:[e(MC,{span:a,parsingErrors:l}),e(ki,{instances:[t],...r},a.id)]})}function MC({span:n,parsingErrors:a}){const t=ue(),l=a&&a.length>0,[i,r]=u.useState(!0),[o,d]=u.useState(l);return s(h,{direction:"column",children:[i&&e(Se,{variant:"info",title:"LLM Span Replay",banner:!0,dismissable:!0,onDismissClick:()=>{r(!1)},extra:e(V,{leadingVisual:e(_,{svg:e(iy,{})}),onPress:()=>{t(`/projects/${n.project.id}/traces/${n.trace.traceId}?selectedSpanNodeId=${n.id}`)},children:"Back to Trace"}),children:`Replay and iterate on your LLM call from your ${n.project.name} project`}),o&&l&&e(Se,{variant:"warning",banner:!0,dismissable:!0,onDismissClick:()=>{d(!1)},title:"The following errors occurred when parsing span attributes:",children:e("ul",{children:a.map(c=>e("li",{children:c},c))})})]})}const om=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},o={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"attributes",storageKey:null},c=[{alias:null,args:null,kind:"ScalarField",name:"invocationInputField",storageKey:null}],p={alias:null,args:null,concreteType:null,kind:"LinkedField",name:"invocationParameters",plural:!0,selections:[t,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"invocationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"canonicalName",storageKey:null}],type:"InvocationParameterBase",abstractKey:"__isInvocationParameterBase"},{kind:"InlineFragment",selections:c,type:"BooleanInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:c,type:"StringInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:c,type:"BoundedFloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:c,type:"FloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:c,type:"IntInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:c,type:"JSONInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:c,type:"StringListInvocationParameter",abstractKey:null}],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"spanPlaygroundPageLoaderQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[l,i,r,o,d,p],type:"Span",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"spanPlaygroundPageLoaderQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[i,r,o,d,p],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"a386c63f2da095f3c0f5bbb383ffd74d",id:null,metadata:{},name:"spanPlaygroundPageLoaderQuery",operationKind:"query",text:`query spanPlaygroundPageLoaderQuery(
|
|
5421
5421
|
$spanId: GlobalID!
|
|
5422
5422
|
) {
|
|
5423
5423
|
span: node(id: $spanId) {
|
|
@@ -5531,10 +5531,10 @@ fragment PromptsTable_prompts on Query {
|
|
|
5531
5531
|
}
|
|
5532
5532
|
}
|
|
5533
5533
|
}
|
|
5534
|
-
`}}}();um.hash="209a27a82eef96e2c39abfe579346bcc";function VC({promptId:n,onDeleted:a,onClose:t}){const[l,i]=I.useMutation(um),r=ke(),o=Ie(),d=
|
|
5534
|
+
`}}}();um.hash="209a27a82eef96e2c39abfe579346bcc";function VC({promptId:n,onDeleted:a,onClose:t}){const[l,i]=I.useMutation(um),r=ke(),o=Ie(),d=u.useCallback(()=>{l({variables:{promptId:n},onCompleted:()=>{r({title:"Delete Successful",message:"Prompt has been deleted."}),a(),t()},onError:c=>{o({title:"Failed to delete prompt",message:c.message})}})},[l,o,r,t,a,n]);return s(Z,{title:"Delete Prompt",isDismissable:!0,onDismiss:t,children:[e(C,{padding:"size-200",children:e(v,{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(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:s(h,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(V,{variant:"default",onPress:t,size:"S",children:"Cancel"}),e(V,{variant:"danger",onPress:()=>{d()},size:"S",isDisabled:i,children:"Delete Prompt"})]})})]})}function AC({onDeleted:n,promptId:a}){const[t,l]=u.useState(null),i=u.useCallback(()=>{l(e(VC,{promptId:a,onClose:()=>l(null),onDeleted:()=>{n(),l(null)}}))},[a,n]);return s(Ht,{children:[e(Dn,{align:"end","aria-label":"User Actions",buttonSize:"compact",onAction:r=>{switch(r){case"DELETE":i();break}},children:e(ie,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ye,{})}),e(U,{children:"Delete"})]})},"DELETE")}),e(ae,{type:"modal",isDismissable:!0,onDismiss:()=>l(null),children:t})]})}const zC=100;function NC(n){const a=ue(),t=u.useRef(null),{data:l,loadNext:i,hasNext:r,isLoadingNext:o,refetch:d}=I.usePaginationFragment(cm,n.query),c=u.useMemo(()=>l.prompts.edges.map(k=>({lastUpdatedAt:k.prompt.version.createdAt,...k.prompt})),[l]),p=he.useCallback(k=>{if(k){const{scrollHeight:b,scrollTop:S,clientHeight:K}=k;b-S-K<300&&!o&&r&&i(zC)}},[r,o,i]),f=u.useMemo(()=>[{header:"name",accessorKey:"name",cell:({row:b})=>e(Ze,{to:`${b.original.id}`,children:b.original.name})},{header:"description",accessorKey:"description",cell:Ee},{header:"created at",accessorKey:"createdAt",cell:Re},{header:"last updated",accessorKey:"lastUpdatedAt",cell:Re},{id:"actions",header:"",size:5,accessorKey:"id",cell:({row:b})=>s(h,{direction:"row",gap:"size-100",justifyContent:"end",width:"100%",children:[e(Ht,{children:e(Ta,{leadingVisual:e(_,{svg:e(Ka,{})}),size:"S","aria-label":"Open in playground",to:`${b.original.id}/playground`,children:"Playground"})}),e(AC,{promptId:b.original.id,onDeleted:()=>{d({},{fetchPolicy:"network-only"})}})]})}],[d]),m=Le({columns:f,data:c,getCoreRowModel:we(),getSortedRowModel:In()}),g=m.getRowModel().rows,y=g.length===0;return e("div",{css:F`
|
|
5535
5535
|
flex: 1 1 auto;
|
|
5536
5536
|
overflow: auto;
|
|
5537
|
-
`,onScroll:k=>p(k.target),ref:t,children:s("table",{css:sa,children:[e("thead",{children:
|
|
5537
|
+
`,onScroll:k=>p(k.target),ref:t,children:s("table",{css:sa,children:[e("thead",{children:m.getHeaderGroups().map(k=>e("tr",{children:k.headers.map(b=>{var S;return e("th",{colSpan:b.colSpan,children:b.isPlaceholder?null:s("div",{className:b.column.getCanSort()?"cursor-pointer":"","aria-role":b.column.getCanSort()?"button":null,onClick:b.column.getToggleSortingHandler(),style:{textAlign:(S=b.column.columnDef.meta)==null?void 0:S.textAlign},children:[J(b.column.columnDef.header,b.getContext()),b.column.getIsSorted()?e(_,{className:"sort-icon",svg:b.column.getIsSorted()==="asc"?e(cn,{}):e(un,{})}):null]})},b.id)})},k.id))}),y?e(mn,{}):e("tbody",{children:g.map(k=>e("tr",{onClick:()=>{a(`${k.original.id}`)},children:k.getVisibleCells().map(b=>{var S;return e("td",{align:(S=b.column.columnDef.meta)==null?void 0:S.textAlign,children:J(b.column.columnDef.cell,b.getContext())},b.id)})},k.id))})]})})}function eF(){const n=qe();return Je(n),s(h,{direction:"column",height:"100%",children:[e(C,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(se,{level:1,children:"Prompts"}),e(Ta,{size:"M",leadingVisual:e(_,{svg:e(Ol,{})}),variant:"primary",to:"/playground",children:"Create Prompt"})]})}),e(NC,{query:n})]})}const mm=function(){var n=[{kind:"Literal",name:"first",value:100}],a={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:[{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},a,{alias:null,args:null,concreteType:"PromptVersion",kind:"LinkedField",name:"version",plural:!1,selections:[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}],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:null,handle:"connection",key:"PromptsTable_prompts",kind:"LinkedHandle",name:"prompts"}]},params:{cacheID:"191e9b9974109498195fdef708db636b",id:null,metadata:{},name:"promptsLoaderQuery",operationKind:"query",text:`query promptsLoaderQuery {
|
|
5538
5538
|
...PromptsTable_prompts
|
|
5539
5539
|
}
|
|
5540
5540
|
|
|
@@ -5561,7 +5561,7 @@ fragment PromptsTable_prompts on Query {
|
|
|
5561
5561
|
}
|
|
5562
5562
|
}
|
|
5563
5563
|
}
|
|
5564
|
-
`}}}();mm.hash="ed4295f193bd2a6d2402a82966d45a7f";async function nF(n){return await I.fetchQuery(Ke,mm,{}).toPromise()}const pm=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"toolCallId",storageKey:null},o=[{alias:null,args:null,kind:"ScalarField",name:"definition",storageKey:null}],d={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},
|
|
5564
|
+
`}}}();mm.hash="ed4295f193bd2a6d2402a82966d45a7f";async function nF(n){return await I.fetchQuery(Ke,mm,{}).toPromise()}const pm=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"toolCallId",storageKey:null},o=[{alias:null,args:null,kind:"ScalarField",name:"definition",storageKey:null}],d={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},f={alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null}],storageKey:null},m=[l,i],g={alias:null,args:null,concreteType:"PromptVersionTag",kind:"LinkedField",name:"tags",plural:!0,selections:m,storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"promptLoaderQuery",selections:[{alias:"prompt",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{kind:"InlineFragment",selections:[i,{args:null,kind:"FragmentSpread",name:"PromptIndexPage__main"},{args:null,kind:"FragmentSpread",name:"PromptVersionsPageContent__main"},{args:null,kind:"FragmentSpread",name:"PromptLayout__main"}],type:"Prompt",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"promptLoaderQuery",selections:[{alias:"prompt",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{kind:"InlineFragment",selections:[i,{alias:null,args:null,concreteType:"PromptVersionConnection",kind:"LinkedField",name:"promptVersions",plural:!1,selections:[{alias:null,args:null,concreteType:"PromptVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"PromptVersion",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"invocationParameters",storageKey:null},{alias:"provider",args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"template",plural:!1,selections:[t,{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:[t,{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:[r,{alias:null,args:null,concreteType:"ToolCallFunction",kind:"LinkedField",name:"toolCall",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null},i],storageKey:null}],storageKey:null}],type:"ToolCallContentPart",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ToolResultContentValue",kind:"LinkedField",name:"toolResult",plural:!1,selections:[r,{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},l,{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:o,storageKey:null},{alias:null,args:null,concreteType:"ToolDefinition",kind:"LinkedField",name:"tools",plural:!0,selections:o,storageKey:null},{alias:"model",args:null,kind:"ScalarField",name:"modelName",storageKey:null}],storageKey:null},{alias:"version",args:null,concreteType:"PromptVersion",kind:"LinkedField",name:"node",plural:!1,selections:[l,d,c,p,f,g],storageKey:null}],storageKey:null}],storageKey:null},d,{alias:"latestVersions",args:[{kind:"Literal",name:"first",value:5}],concreteType:"PromptVersionConnection",kind:"LinkedField",name:"promptVersions",plural:!1,selections:[{alias:null,args:null,concreteType:"PromptVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"version",args:null,concreteType:"PromptVersion",kind:"LinkedField",name:"node",plural:!1,selections:[l,d,p,c,f,g],storageKey:null}],storageKey:null}],storageKey:"promptVersions(first:5)"},{alias:null,args:null,concreteType:"Prompt",kind:"LinkedField",name:"sourcePrompt",plural:!1,selections:m,storageKey:null}],type:"Prompt",abstractKey:null}],storageKey:null}]},params:{cacheID:"cc1c86124ed137944acd05f33823e920",id:null,metadata:{},name:"promptLoaderQuery",operationKind:"query",text:`query promptLoaderQuery(
|
|
5565
5565
|
$id: GlobalID!
|
|
5566
5566
|
) {
|
|
5567
5567
|
prompt: node(id: $id) {
|
|
@@ -5813,7 +5813,7 @@ fragment PromptVersionTagsConfigCard_data on Prompt {
|
|
|
5813
5813
|
promptVersionId
|
|
5814
5814
|
}
|
|
5815
5815
|
}
|
|
5816
|
-
`}}}();ym.hash="9a239d04f2789c811b994f09bd0a814a";function $C({promptVersionTagId:n,promptId:a}){const[t,l]=
|
|
5816
|
+
`}}}();ym.hash="9a239d04f2789c811b994f09bd0a814a";function $C({promptVersionTagId:n,promptId:a}){const[t,l]=u.useState(!1),i=ke(),[r,o]=I.useMutation(ym);return s(Lt,{isOpen:t,onOpenChange:l,children:[e(V,{"aria-label":"Delete tag",size:"S",leadingVisual:e(_,{svg:e(Ye,{})})}),e(Dr,{size:"S",isDismissable:!0,children:s(_t,{children:[e(se,{slot:"title",children:"Delete Tag"}),e(C,{padding:"size-200",children:e(C,{paddingBottom:"size-100",children:e(v,{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(C,{paddingX:"size-200",paddingY:"size-100",borderTopWidth:"thin",borderColor:"light",children:s(h,{gap:"size-100",justifyContent:"end",children:[e(V,{size:"S",onPress:()=>l(!1),children:"Cancel"}),e(V,{variant:"danger",size:"S",onPress:()=>r({variables:{input:{promptVersionTagId:n},promptId:a},onCompleted:()=>{i({title:"Tag Deleted",message:"The tag has been deleted"})}}),children:o?"Deleting...":"Delete Tag"})]})})]})})]})}function OC({prompt:n}){const a=I.useFragment(gm,n),t=u.useMemo(()=>[{header:"Name",accessorKey:"name"},{header:"Description",accessorKey:"description",cell:Ee},{header:"Version",accessorKey:"promptVersionId",cell:({row:d})=>{const{promptId:c,promptVersionId:p}=d.original;return e(Ze,{to:`/prompts/${c}/versions/${p}`,children:d.original.promptVersionId})}},{id:"actions",header:"",size:5,accessorKey:"id",cell:({row:d})=>e(h,{direction:"row",gap:"size-100",justifyContent:"end",width:"100%",children:e($C,{promptVersionTagId:d.original.id,promptId:d.original.promptId},d.original.id)})}],[]),l=u.useMemo(()=>a.versionTags.map(d=>({id:d.id,name:d.name,description:d.description,promptId:a.id,promptVersionId:d.promptVersionId})),[a]),i=Le({columns:t,data:l,getCoreRowModel:we(),getSortedRowModel:In()}),r=i.getRowModel().rows,o=r.length===0;return e(B,{title:"Tags",variant:"compact",bodyStyle:{padding:0},children:s("table",{css:dn,children:[e("thead",{children:i.getHeaderGroups().map(d=>e("tr",{children:d.headers.map(c=>e("th",{colSpan:c.colSpan,children:c.isPlaceholder?null:s("div",{className:c.column.getCanSort()?"cursor-pointer":"",onClick:c.column.getToggleSortingHandler(),style:{left:c.getStart(),width:c.getSize()},children:[J(c.column.columnDef.header,c.getContext()),c.column.getIsSorted()?e(_,{className:"sort-icon",svg:c.column.getIsSorted()==="asc"?e(cn,{}):e(un,{})}):null]})},c.id))},d.id))}),o?e(mn,{message:"No Tags"}):e("tbody",{children:r.map(d=>e("tr",{children:d.getVisibleCells().map(c=>e("td",{children:J(c.column.columnDef.cell,c.getContext())},c.id))},d.id))})]})})}function tF(){const n=qe();return Je(n),e(h,{direction:"row",height:"100%",children:e(C,{height:"100%",overflow:"auto",width:"100%","data-testid":"scroll-container",children:e(C,{padding:"size-200",children:e(h,{direction:"column",gap:"size-200",marginStart:"auto",marginEnd:"auto",maxWidth:900,children:e(OC,{prompt:n.prompt})})})})})}function lF(){const n=qe();return Je(n),e(ry,{query:n,children:e(Te,{})})}const fm=function(){var n={alias:null,args:null,kind:"ScalarField",name:"passwordNeedsReset",storageKey:null},a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"authenticatedRootLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"ViewerContext_viewer"},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"viewer",plural:!1,selections:[n],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"authenticatedRootLoaderQuery",selections:[{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"viewer",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},{alias:null,args:null,concreteType:"UserRole",kind:"LinkedField",name:"role",plural:!1,selections:[t],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"authMethod",storageKey:null},{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKeys",plural:!0,selections:[a,t,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null},n],storageKey:null}]},params:{cacheID:"d63c6184305079deb38a6f6235ba88e6",id:null,metadata:{},name:"authenticatedRootLoaderQuery",operationKind:"query",text:`query authenticatedRootLoaderQuery {
|
|
5817
5817
|
...ViewerContext_viewer
|
|
5818
5818
|
viewer {
|
|
5819
5819
|
passwordNeedsReset
|
|
@@ -5844,12 +5844,12 @@ fragment ViewerContext_viewer on Query {
|
|
|
5844
5844
|
...APIKeysTableFragment
|
|
5845
5845
|
}
|
|
5846
5846
|
}
|
|
5847
|
-
`}}}();fm.hash="d30a68846023740517243e9394be73a8";async function iF(){var a;const n=await I.fetchQuery(Ke,fm,{}).toPromise();if((a=n==null?void 0:n.viewer)!=null&&a.passwordNeedsReset){const t=
|
|
5847
|
+
`}}}();fm.hash="d30a68846023740517243e9394be73a8";async function iF(){var a;const n=await I.fetchQuery(Ke,fm,{}).toPromise();if((a=n==null?void 0:n.viewer)!=null&&a.passwordNeedsReset){const t=ss({path:"/reset-password"});return it(t)}return n}const QC=F`
|
|
5848
5848
|
display: grid;
|
|
5849
5849
|
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
|
|
5850
5850
|
gap: var(--ac-global-dimension-size-200);
|
|
5851
5851
|
padding: var(--ac-global-dimension-size-200);
|
|
5852
|
-
`;function rF(){return e("main",{children:s(h,{direction:"column",width:"100%",children:[e(C,{padding:"size-200",borderBottomColor:"dark",borderBottomWidth:"thin",children:s(h,{direction:"column",gap:"size-50",children:[e(se,{level:1,children:"Support"}),e(v,{color:"text-700",children:"We are here to help. Pick a channel below to get in touch with us."})]})}),s("div",{css:QC,children:[e(nt,{leadingVisual:e(_,{svg:e(sy,{})}),href:"https://docs.arize.com/phoenix",title:"Documentation",description:"Visit our documentation for tutorials and AI support."}),e(nt,{leadingVisual:e(_,{svg:e(
|
|
5852
|
+
`;function rF(){return e("main",{children:s(h,{direction:"column",width:"100%",children:[e(C,{padding:"size-200",borderBottomColor:"dark",borderBottomWidth:"thin",children:s(h,{direction:"column",gap:"size-50",children:[e(se,{level:1,children:"Support"}),e(v,{color:"text-700",children:"We are here to help. Pick a channel below to get in touch with us."})]})}),s("div",{css:QC,children:[e(nt,{leadingVisual:e(_,{svg:e(sy,{})}),href:"https://docs.arize.com/phoenix",title:"Documentation",description:"Visit our documentation for tutorials and AI support."}),e(nt,{leadingVisual:e(_,{svg:e(zi,{})}),href:"https://github.com/Arize-ai/phoenix/issues",title:"GitHub Issues",description:"Create an issue on Github to report bugs or request new features."}),e(nt,{leadingVisual:e(_,{svg:e(zi,{})}),href:"https://github.com/Arize-ai/phoenix/discussions",title:"GitHub Discussions",description:"Create a discussion on Github to ask questions or share feedback."}),e(nt,{leadingVisual:e(_,{svg:e(Ni,{})}),href:"https://arize-ai.slack.com/join/shared_invite/zt-11t1vbu4x-xkBIHmOREQnYnYDH1GDfCg?__hstc=259489365.a667dfafcfa0169c8aee4178d115dc81.1733501603539.1733501603539.1733501603539.1&__hssc=259489365.1.1733501603539&__hsfp=3822854628&submissionGuid=381a0676-8f38-437b-96f2-fc10875658df#/shared-invite/email",title:"Slack",description:"Join our Slack community to chat with other users and the team."}),e(nt,{leadingVisual:e(_,{svg:e(Ni,{})}),href:"mailto:phoenix-support@arize.com?subject=Slack%20Connect%20Request",title:"Slack Connect",description:"Get a dedicated support channel for you and your team."})]})]})})}const jC=F`
|
|
5853
5853
|
padding: var(--ac-global-dimension-size-200)
|
|
5854
5854
|
var(--ac-global-dimension-size-200) var(--ac-global-dimension-size-200);
|
|
5855
5855
|
border: var(--ac-global-border-size-thin) solid
|