arize-phoenix 10.9.0__py3-none-any.whl → 10.9.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-10.9.0.dist-info → arize_phoenix-10.9.1.dist-info}/METADATA +1 -1
- {arize_phoenix-10.9.0.dist-info → arize_phoenix-10.9.1.dist-info}/RECORD +12 -12
- phoenix/server/api/routers/auth.py +4 -2
- phoenix/server/static/.vite/manifest.json +9 -9
- phoenix/server/static/assets/{components-ZmA3MOqd.js → components-TNA2umj6.js} +1 -1
- phoenix/server/static/assets/{index-HQYi9mWh.js → index-B8ipHSk3.js} +1 -1
- phoenix/server/static/assets/{pages-B7IYB-OW.js → pages--wvbJBGT.js} +87 -87
- phoenix/version.py +1 -1
- {arize_phoenix-10.9.0.dist-info → arize_phoenix-10.9.1.dist-info}/WHEEL +0 -0
- {arize_phoenix-10.9.0.dist-info → arize_phoenix-10.9.1.dist-info}/entry_points.txt +0 -0
- {arize_phoenix-10.9.0.dist-info → arize_phoenix-10.9.1.dist-info}/licenses/IP_NOTICE +0 -0
- {arize_phoenix-10.9.0.dist-info → arize_phoenix-10.9.1.dist-info}/licenses/LICENSE +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{B as R,bl as Se,bm as Ne,bn as qe,bo as Gl,D as at,r as m,j as e,u as Dl,aX as ya,l as o,Q as J,R as pn,o as P,aH as Fe,aI as rn,aK as Ke,aL as W,ak as Ue,T as H,bp as Me,q as Oe,af as Ve,bq as bp,aj as G,U as Z,V as be,aF as Ka,F,ac as $e,br as Sp,bs as vp,bt as Cp,bu as Fp,aP as xe,ag as pi,bv as cr,bw as Zl,bx as ve,aN as oe,aC as lt,by as Qe,bz as Kp,a_ as Pn,bA as Tp,aO as Pp,bB as xp,J as ur,b1 as el,aZ as Ie,aY as xn,bC as Sn,bD as mn,m as mo,$ as Ip,S as mr,G as gr,aV as go,I as Dp,X as Lp,bE as _p,bF as $t,bG as jt,bH as ml,b3 as Za,b2 as Xa,t as Ll,bI as Ap,b8 as Xl,bJ as wp,bK as pr,bL as Rp,bM as Ep,bN as Mp,bO as Vp,bP as zp,bQ as Np,bR as $p,bS as jp,bT as Op,bU as Kl,E as Qp,bV as Bp,g as po,bW as qp,aE as tt,bX as yo,bY as fo,bZ as Up,al as Hp,b_ as Gp,ah as Wp,ai as Jp,b$ as Zp,n as Xp}from"./vendor-BGydpIbI.js";import{d as re,s as Ta,D as ce,C as B,b as Ye,a as Vn,T as Ee,r as na,q as yi,L as it,t as rt,v as ho,l as fi,P as _l,c as aa,E as ot,n as $a,o as Al,e as Pa,p as st,w as Yp,x as dt,y as ey,z as ny,A as hi,B as ki,u as ay,G as ly}from"./vendor-arizeai-Bn0g3gct.js";import{s as ty,l as iy,j as bi,a as Be,i as Si,b as ry,c as oy,d as fa,e as zn,f as ko,D as bo,g as ua,h as vl,C as Wl,k as sy,m as Te,T as hn,n as dy,o as vi,p as yr,q as cy,r as fr,t as uy,u as my,P as wl,v as gy,_ as v,G as Rl,w as b,x as C,y as E,I as _,E as ja,z as He,A as So,B as vo,R as fe,F as he,H as ue,J as Y,K as hr,L as kr,N as ma,M as Ge,O as ga,Q as en,S as yn,U as nn,V as We,W as Je,X as gn,Y as Nn,Z as nl,$ as an,a0 as Fn,a1 as De,a2 as ae,a3 as me,a4 as dn,a5 as El,a6 as Co,a7 as we,a8 as Fo,a9 as ha,aa as ka,ab as ba,ac as al,ad as ll,ae as Re,af as _e,ag as Ci,ah as jn,ai as Ko,aj as ln,ak as ne,al as ie,am as tn,an as To,ao as Yl,ap as ze,aq as On,ar as py,as as yy,at as Po,au as ai,av as Fi,aw as ct,ax as fy,ay as hy,az as li,aA as Ql,aB as de,aC as xo,aD as Kn,aE as ut,aF as Qn,aG as la,aH as Io,aI as Do,aJ as ky,aK as by,aL as Tn,aM as Sy,aN as An,aO as vy,aP as Lo,aQ as mt,aR as xa,aS as Ki,aT as Ti,aU as Cy,aV as _o,aW as Fy,aX as Ky,aY as Ty,aZ as Py,a_ as xy,a$ as Iy,b0 as Dy,b1 as Ce,b2 as Ly,b3 as _y,b4 as Tl,b5 as gt,b6 as pt,b7 as Xn,b8 as Ml,b9 as Wn,ba as Ay,bb as ge,bc as ti,bd as pe,be as ye,bf as kn,bg as wy,bh as Ry,bi as Ey,bj as vn,bk as My,bl as Vy,bm as zy,bn as yt,bo as ft,bp as Ao,bq as Ny,br as $y,bs as jy,bt as Vl,bu as Oy,bv as wo,bw as Qy,bx as ht,by as In,bz as By,bA as qy,bB as Uy,bC as Jn,bD as sn,bE as Ro,bF as je,bG as Eo,bH as Yn,bI as kt,bJ as Oa,bK as Mo,bL as Hy,bM as Dn,bN as Pi,bO as Ra,bP as Gy,bQ as Ha,bR as Wy,bS as Jy,bT as xi,bU as bt,bV as ta,bW as Ia,bX as Vo,bY as ii,bZ as cn,b_ as St,b$ as zo,c0 as vt,c1 as Ln,c2 as No,c3 as Ct,c4 as Zy,c5 as $o,c6 as jo,c7 as br,c8 as Sr,c9 as Xy,ca as Pl,cb as ri,cc as Ft,cd as Ya,ce as Yy,cf as ef,cg as tl,ch as nf,ci as af,cj as xl,ck as Oo,cl as lf,cm as Qo,cn as Kt,co as Tt,cp as ia,cq as tf,cr as rf,cs as Cn,ct as $n,cu as Ma,cv as Ii,cw as Bo,cx as Di,cy as qo,cz as of,cA as sf,cB as df,cC as cf,cD as uf,cE as mf,cF as gf,cG as Li,cH as Uo,cI as Ho,cJ as Go,cK as Wo,cL as Ze,cM as Jo,cN as Zo,cO as oi,cP as _i,cQ as Ai,cR as pf,cS as yf,cT as ff,cU as wi,cV as hf,cW as kf,cX as Pt,cY as bf,cZ as Xo,c_ as Sf,c$ as vf,d0 as Cf,d1 as Ff,d2 as Kf,d3 as Tf,d4 as Pf,d5 as xf,d6 as If,d7 as Yo,d8 as vr,d9 as Df,da as Bn,db as ra,dc as Ri,dd as es,de as ns,df as Cr,dg as Fr,dh as Lf,di as _f,dj as X,dk as xt,dl as il,dm as as,dn as rl,dp as ol,dq as ls,dr as Af,ds as wf,dt as Ei,du as Rf,dv as Ef,dw as Mf,dx as Vf,dy as zf,dz as Va,dA as ts,dB as is,dC as Nf,dD as $f,dE as Kr,dF as jf,dG as Of,dH as Qf,dI as Bf,dJ as qf,dK as Uf,dL as rs,dM as Hf,dN as Gf,dO as Wf,dP as Jf,dQ as Zf,dR as za,dS as Mi,dT as os,dU as Ga,dV as Ot,dW as Xf,dX as Yf,dY as Vi,dZ as It,d_ as wn,d$ as si,e0 as ss,e1 as eh,e2 as nh,e3 as ds,e4 as cs,e5 as ah,e6 as us,e7 as ms,e8 as lh,e9 as Tr,ea as th,eb as ih,ec as rh,ed as oh,ee as sh,ef as dh,eg as Qt,eh as gs,ei as ch,ej as zi,ek as Ni,el as uh,em as Wa,en as mh,eo as gh,ep as ph,eq as ps,er as zl,es as yh,et as fh,eu as hh,ev as ys,ew as Pr,ex as kh,ey as bh,ez as Sh,eA as vh,eB as fs,eC as Ch,eD as Fh,eE as Kh,eF as xr,eG as Ir}from"./components-ZmA3MOqd.js";import{g as Da,i as La,d as Th,E as hs,R as _a,k as $i,b as Ph,p as Nl,n as ks}from"./vendor-codemirror-ZeEsB-WT.js";import{P as bs,C as Ss,T as qn,a as vs,R as _n,X as Un,Y as fn,b as Hn,B as Sa,c as Dt,d as sl,A as Il,e as Cs,L as ji,f as xh}from"./vendor-recharts-Od8QBFh1.js";const Ih=4,Dh="Unable to parse span input messages, expected messages which include a role and content.",Lh="Unable to parse span output messages, expected messages which include a role and content.",_h="Unable to parse span output expected output.value to be present.",Ah="Unable to parse span attributes, attributes must be valid JSON.",wh="Unable to parse model config, expected llm.model_name to be present.",Rh="Unable to parse model config, expected llm.invocation_parameters JSON string to be present.",Eh="Unable to parse invocation parameters response_format, expected llm.invocation_parameters.response_format to be a well formed json object or undefined.",Mh="Unable to parse tools, expected tools to be an array of valid tools.",Vh="Unable to parse prompt template variables, expected prompt template variables to be a valid JSON object string.",Dr={AZURE_OPENAI:[],ANTHROPIC:["claude"],OPENAI:["gpt","o1"],GOOGLE:["gemini"],DEEPSEEK:["deepseek"],XAI:["grok"],OLLAMA:[]},pa="TOOL_CHOICE",Ja="tool_choice",Mn="RESPONSE_FORMAT",Rn="response_format",zh=[pa,Mn],Nh=R.object({tool_call:R.object({id:R.string().optional(),function:R.object({name:R.string(),arguments:R.string()}).partial()}).partial()}).partial(),Fs=R.object({[Se.message]:R.object({[Ne.role]:R.string(),[Ne.content]:R.union([R.string(),R.array(R.record(R.string(),R.unknown()))]).default(""),[Ne.contents]:R.array(R.object({message_content:R.record(R.string())})).optional(),[Ne.tool_calls]:R.array(Nh).optional(),[Ne.tool_call_id]:R.string().optional()})}),$h=R.object({[Se.llm]:R.object({[qe.input_messages]:R.array(Fs)})}),jh=R.object({[Se.llm]:R.object({[qe.output_messages]:R.array(Fs)})}),Oh=R.object({[Se.output]:R.object({value:R.string()})}),Ks=ty()(R.enum(["user","ai","system","tool"])),Qh=R.object({id:R.number(),role:Ks,content:R.string().optional(),toolCallId:R.string().optional(),toolCalls:R.array(iy).optional()}),Bh=R.array(Qh),Ts=R.lazy(()=>R.record(bi)),qh=Ts,Ps=R.string().transform((n,a)=>{const{json:l}=Be(n);if(!Si(l))return a.addIssue({code:R.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),R.NEVER;const{success:t,data:i}=qh.safeParse(l);return t?i:(a.addIssue({code:R.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),R.NEVER)}).default("{}"),Uh=R.object({[Se.llm]:R.object({[qe.provider]:R.string().optional(),[qe.model_name]:R.string()})}),xs=R.object({[Se.llm]:R.object({[qe.invocation_parameters]:Ps})}),Hh=R.object({[Se.llm]:R.object({[qe.invocation_parameters]:Ps.pipe(R.object({response_format:Ts.optional()}))})}),Gh=R.object({url:R.object({full:R.string(),path:R.string().optional()})}),Wh=R.string().transform((n,a)=>{const{json:l}=Be(n);return l==null||!Si(l)?(a.addIssue({code:R.ZodIssueCode.custom,message:"The tool JSON schema must be a valid JSON object"}),R.NEVER):l}).transform((n,a)=>{const{data:l,success:t}=ry.safeParse(n);return t?l:(a.addIssue({code:R.ZodIssueCode.custom,message:"The tool JSON schema must be a valid tool schema"}),R.NEVER)}),Jh=R.object({[Se.llm]:R.object({[qe.tools]:R.array(R.object({[Se.tool]:R.object({[Gl.json_schema]:Wh})}).optional()).optional()}).optional()}).optional(),Zh=R.lazy(()=>R.object({type:R.literal("json_schema"),json_schema:R.object({name:R.string().describe("The name of the schema"),schema:oy.describe("The schema itself in JSON schema format"),strict:R.literal(!0).describe("The schema must be strict")})})),Xh=at(Zh,{removeAdditionalStrategy:"passthrough"}),Yh=R.string().transform((n,a)=>{const{json:l}=Be(n);return fa(l)?Object.entries(l).reduce((i,[r,s])=>{if(typeof s=="string")i[r]=s;else{const{json:d}=zn(s);d!=null&&(i[r]=d)}return i},{}):(a.addIssue({code:R.ZodIssueCode.custom,message:"The prompt template variables must be a valid JSON object"}),R.NEVER)}),e0=R.object({[Se.llm]:R.object({[qe.prompt_template]:R.object({variables:Yh}).optional()}).optional()}).optional();function Is(n){return Ks.safeParse(n).success}function da(n){const a=n.toLowerCase();if(Is(a))return a;for(const[l,t]of Object.entries(Wl))if(t.includes(a))return l;return sy}function n0({toolCalls:n,provider:a}){if(n!=null)return n.map(({tool_call:l})=>{var i,r,s,d;if(l==null)return null;let t={};if(((i=l.function)==null?void 0:i.arguments)!=null){const{json:c}=Be(l.function.arguments);fa(c)&&(t=c)}switch(a){case"OPENAI":case"AZURE_OPENAI":case"DEEPSEEK":case"XAI":case"OLLAMA":return{id:l.id??"",type:"function",function:{name:((r=l.function)==null?void 0:r.name)??"",arguments:t}};case"ANTHROPIC":return{id:l.id??"",type:"tool_use",name:((s=l.function)==null?void 0:s.name)??"",input:t};case"GOOGLE":return{id:l.id??"",function:{name:((d=l.function)==null?void 0:d.name)??"",arguments:t}};default:Te()}}).filter(l=>l!=null)}function Ds({messages:n,provider:a}){return n.map(({message:l})=>{var t,i;return{id:ua(),role:l.tool_call_id!=null?da("tool"):da(l.role),content:Array.isArray(l.contents)?((i=(t=l.contents.find(r=>r.message_content.type==="text"))==null?void 0:t.message_content)==null?void 0:i.text)??void 0:typeof l.content=="string"?l.content:void 0,toolCalls:n0({provider:a,toolCalls:l.tool_calls}),toolCallId:l.tool_call_id}})}function a0({provider:n,parsedAttributes:a}){var t;const l=$h.safeParse(a);if(!l.success)return{messageParsingErrors:[Dh],messages:null};if(n==="ANTHROPIC"){const{success:i,data:r}=xs.safeParse(a);if(i){const s=l.data.llm.input_messages,d=(t=r.llm.invocation_parameters)==null?void 0:t.system;typeof d=="string"&&d&&(!s||s[0].message.role!=="system")&&l.data.llm.input_messages.unshift({message:{role:"system",content:d}})}}return{messageParsingErrors:[],messages:Ds({provider:n,messages:l.data.llm.input_messages})}}function l0({provider:n,parsedAttributes:a}){const l=[],t=jh.safeParse(a);if(t.success)return{output:Ds({provider:n,messages:t.data.llm.output_messages}),outputParsingErrors:l};l.push(Lh);const i=Oh.safeParse(a);return i.success?{output:i.data.output.value,outputParsingErrors:l}:(l.push(_h),{output:void 0,outputParsingErrors:l})}function Ls(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 t0(n){for(const a of Object.keys(Dr))if(Dr[a].some(t=>n.includes(t)))return a;return bo}function i0(n){const{success:a,data:l}=Uh.safeParse(n);if(a){const t=Ls(l.llm.provider)||t0(l.llm.model_name),i=r0(n);return{modelConfig:{...Object.fromEntries(Object.entries(i).filter(([r,s])=>s!==null)),modelName:l.llm.model_name,provider:t,invocationParameters:[],supportedInvocationParameters:[]},parsingErrors:[]}}return{modelConfig:null,parsingErrors:[wh]}}function r0(n){const{success:a,data:l}=Gh.safeParse(n);if(a)try{const t=new URL(l.url.full);let i=t;if(l.url.path)try{i=new URL(l.url.full.split(l.url.path)[0])}catch{}return{baseUrl:`${i.origin}${i.pathname}`,endpoint:t.origin,apiVersion:t.searchParams.get("api-version")||null}}catch{}return{baseUrl:null,apiVersion:null,endpoint:null}}function o0(n,a=[]){const{success:l,data:t}=xs.safeParse(n),i=[];return l||i.push(Rh),{invocationParameters:f0((t==null?void 0:t.llm.invocation_parameters)??{},a),parsingErrors:i}}function s0(n){const{success:a,data:l}=Hh.safeParse(n);return a?{responseFormat:l.llm.invocation_parameters.response_format,parsingErrors:[]}:{responseFormat:void 0,parsingErrors:[Eh]}}function d0(n){var a;return(((a=n==null?void 0:n.llm)==null?void 0:a.tools)??[]).map(l=>(l==null?void 0:l.tool)==null?null:{id:vl(),definition:l.tool.json_schema}).filter(l=>l!=null)}function c0(n){var t;const{data:a,success:l}=Jh.safeParse(n);return l?((t=a==null?void 0:a.llm)==null?void 0:t.tools)==null?{tools:null,parsingErrors:[]}:{tools:d0(a),parsingErrors:[]}:{tools:null,parsingErrors:[Mh]}}function u0(n){var t;const{success:a,data:l}=e0.safeParse(n);return a?((t=l==null?void 0:l.llm)==null?void 0:t.prompt_template)==null?{variables:null,parsingErrors:[]}:{variables:l.llm.prompt_template.variables,parsingErrors:[]}:{variables:null,parsingErrors:[Vh]}}function m0(n){const{instance:a,instanceMessages:l}=ko(),t={...a,template:{__type:"chat",messages:Object.values(l)}},{json:i,parseError:r}=Be(n.attributes);if(r)return{playgroundInstance:{...t,spanId:(n==null?void 0:n.id)??null},parsingErrors:[Ah]};const s=n.invocationParameters,d=i0(i);let{modelConfig:c}=d;const{parsingErrors:g}=d,{messages:f,messageParsingErrors:u}=a0({provider:(c==null?void 0:c.provider)??t.model.provider,parsedAttributes:i}),{output:p,outputParsingErrors:y}=l0({provider:(c==null?void 0:c.provider)??t.model.provider,parsedAttributes:i}),{invocationParameters:h,parsingErrors:k}=o0(i,s),{variables:S,parsingErrors:K}=u0(i),{parsingErrors:T}=s0(i);c=c!=null?{...c,invocationParameters:T.length>0?h.filter(w=>w.invocationName!==Rn&&w.canonicalName!==Mn):h}:null;const{tools:x,parsingErrors:I}=c0(i),L=f==null?void 0:f.map(w=>({...w,content:w.role==="tool"?Oi(w.content):w.content}));return{playgroundInstance:{...t,model:c??t.model,template:L!=null?{__type:"chat",messages:L}:t.template,output:p,spanId:n.id,tools:x??t.tools},playgroundInput:S!=null?{variablesValueCache:S}:void 0,parsingErrors:[...u,...y,...g,...I,...k,...T,...K]}}const g0=n=>Bh.safeParse(n).success,_s=({instance:n,templateFormat:a})=>{if(a==hn.NONE)return[];const l=new Set,t=n.template.__type,i=dy(a);switch(t){case"chat":{n.template.messages.forEach(r=>{(r.content==null?[]:i.extractVariables(r.content)).forEach(d=>{l.add(d)})});break}case"text_completion":{i.extractVariables(n.template.prompt).forEach(s=>{l.add(s)});break}default:Te()}return Array.from(l)},p0=({instances:n,templateFormat:a})=>a==hn.NONE?[]:Array.from(new Set(n.flatMap(l=>_s({instance:l,templateFormat:a})))),As=({instances:n,templateFormat:a,input:l})=>{if(a==hn.NONE)return{variablesMap:{},variableKeys:[]};const t=p0({instances:n,templateFormat:a}),i=l.variablesValueCache??{};return{variablesMap:t.reduce((s,d)=>(s[d]=i[d]||"",s),{}),variableKeys:t}};function va(n,a){return n.invocationName===a.invocationName||n.canonicalName!=null&&a.canonicalName!=null&&n.canonicalName===a.canonicalName}const y0=(n,a)=>n.filter(l=>a.some(t=>va(t,l))).map(l=>{var t;return{...l,invocationName:((t=a.find(i=>va(i,l)))==null?void 0:t.invocationName)??l.invocationName}}),dl=n=>n.replace(/_([a-z])/g,(a,l)=>l.toUpperCase()),f0=(n,a)=>Object.entries(n).map(([l,t])=>{const i=a.find(r=>r.canonicalName&&r.canonicalName.toLowerCase()===l.toLowerCase()||r.invocationName&&r.invocationName.toLowerCase()===l.toLowerCase());return i==null||i.invocationInputField==null||i.invocationName==null?null:{canonicalName:i.canonicalName,invocationName:i.invocationName,[dl(i.invocationInputField)]:t}}).filter(l=>l!=null),ws=n=>{const{provider:a,validatedToolDefinition:l}=my(n.definition);switch(a){case"OPENAI":case"AZURE_OPENAI":return l.function.name;case"ANTHROPIC":return l.name;case"UNKNOWN":return null;default:Te()}},h0=({provider:n,toolNumber:a})=>{switch(n){case"OPENAI":case"DEEPSEEK":case"XAI":case"OLLAMA":case"AZURE_OPENAI":return{id:vl(),definition:fr(a)};case"ANTHROPIC":return{id:vl(),definition:uy(a)};case"GOOGLE":return{id:vl(),definition:fr(a)};default:Te()}},k0=n=>{switch(n){case"OPENAI":case"AZURE_OPENAI":case"DEEPSEEK":case"XAI":case"OLLAMA":return yr();case"ANTHROPIC":return cy();case"GOOGLE":return yr();default:Te()}};function b0(n){return{content:n.content,role:S0(n.role),toolCalls:n.toolCalls,toolCallId:n.toolCallId}}function S0(n){switch(n){case"system":return"SYSTEM";case"user":return"USER";case"tool":return"TOOL";case"ai":return"AI";default:Te()}}const Rs=({playgroundStore:n,instanceId:a,credentials:l})=>{var u;const{instances:t,allInstanceMessages:i}=n.getState(),r=t.find(p=>p.id===a);if(!r)throw new Error(`No instance found for id ${a}`);if(r.template.__type!=="chat")throw new Error("We only support chat templates for now");const s=r.template.messageIds.map(p=>i[p]).filter(p=>p!=null),d=r.model.supportedInvocationParameters;let c=[...r.model.invocationParameters];const g=vi({toolChoice:r.toolChoice,targetProvider:r.model.provider});r.tools.length>0?(c=c.filter(p=>p.invocationName!==Ja&&p.canonicalName!==pa),c.push({canonicalName:pa,invocationName:Ja,valueJson:g})):c=c.filter(p=>p.invocationName!==Ja&&p.canonicalName!==pa),c=d.length?y0(c,d):c;const f=r.model.provider==="AZURE_OPENAI"?{endpoint:r.model.endpoint,apiVersion:r.model.apiVersion}:{};return{messages:s.map(b0),model:{providerKey:r.model.provider,name:r.model.modelName||"",baseUrl:r.model.baseUrl,...f},invocationParameters:Ms(c,r.model.provider,r.model.modelName),tools:r.tools.length?r.tools.map(p=>p.definition):void 0,credentials:v0(l,r.model.provider),promptName:(u=r.prompt)==null?void 0:u.name}},Lt=(n,a)=>{if(n.template.__type==="chat"){const{messageIds:l,...t}=n.template;return{...n,template:{...t,messages:n.template.messageIds.map(i=>a[i])}}}return n};function v0(n,a){const l=n[a],t=wl[a];return l?t.length===0?[]:t.map(i=>({envVarName:i.envVarName,value:l[i.envVarName]??""})):[]}const C0=({playgroundStore:n,instanceId:a,credentials:l})=>{const t=Rs({playgroundStore:n,instanceId:a,credentials:l}),{instances:i,templateFormat:r,input:s,allInstanceMessages:d}=n.getState(),c=i.map(f=>Lt(f,d)),{variablesMap:g}=As({instances:c,input:s,templateFormat:r});return{...t,template:{variables:g,format:r}}},Lr=({playgroundStore:n,instanceId:a,credentials:l,datasetId:t})=>({...Rs({playgroundStore:n,instanceId:a,credentials:l}),templateFormat:n.getState().templateFormat,datasetId:t});function Oi(n){if(typeof n=="string"){const a=n.startsWith('"{')||n.startsWith('"[')||n.startsWith('"\\"');try{if(a){const t=JSON.parse(n),i=typeof t=="string"?JSON.parse(t):t;return JSON.stringify(i,null,2)}}catch{}if(/^\s*[0-9{[]|true|false|null/.test(n))return n}return JSON.stringify(n,null,2)}function Es(n,a){return a.filter(l=>l.required).every(l=>n.some(t=>va(t,l)))}const F0=n=>{for(const[a,l]of Object.entries(n))if(a.endsWith("DefaultValue")&&l!=null)return n[a]};function dT(n,a){const l=new Map(n.map(t=>[t.invocationName,t]));return a.forEach(t=>{var c;const i=t.invocationName,r=F0(t),s=dl(t.invocationInputField||"");if(!t.invocationName||!t.invocationInputField||!i||r==null||((c=l.get(i))==null?void 0:c[s])!=null)return;const d={canonicalName:t.canonicalName,invocationName:t.invocationName,[s]:r};l.set(i,d)}),Array.from(l.values())}const K0=R.object({type:R.literal("enabled")}).passthrough(),T0=R.object({type:R.enum(["any","tool"])}).passthrough(),P0=(n,a)=>{if(!a)return n;const l=n.some(t=>t.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&t.valueJson&&K0.safeParse(t.valueJson).success);return n.filter(t=>{if(t.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&!t.valueJson)return!1;if(l){if(t.canonicalName==="TEMPERATURE"||t.canonicalName==="TOP_P")return!1;if(t.canonicalName===pa)return!T0.safeParse(t.valueJson).success}return!0})},x0=["frequency_penalty","presence_penalty"],I0=n=>n.filter(l=>l.invocationName&&x0.includes(l.invocationName)?!(l.valueFloat==0||l.valueInt==0):!0),Ms=(n,a,l)=>{const t=I0(n);return a==="ANTHROPIC"?P0(t,l):t},Vs=m.createContext(null);function cT({children:n,...a}){const[l]=m.useState(()=>gy(a));return e(Vs.Provider,{value:l,children:n})}function Na(n,a){const l=m.useContext(Vs);if(!l)throw new Error("Missing CredentialsContext.Provider in the tree");return Dl(l,n,a)}const zs="arize-phoenix-feature-flags",Bt={dashboards:!1};function D0(){const n=localStorage.getItem(zs);if(!n)return Bt;try{const a=JSON.parse(n);return Object.assign({},Bt,a)}catch{return Bt}}const Ns=m.createContext(null);function $s(){const n=pn.useContext(Ns);if(n===null)throw new Error("useFeatureFlags must be used within a FeatureFlagsProvider");return n}function L0(n){const{featureFlags:a}=$s();return a[n]}function uT(n){const[a,l]=m.useState(D0()),t=i=>{localStorage.setItem(zs,JSON.stringify(i)),l(i)};return e(Ns.Provider,{value:{featureFlags:a,setFeatureFlags:t},children:e(_0,{children:n.children})})}function _0(n){const{children:a}=n,{featureFlags:l,setFeatureFlags:t}=$s(),[i,r]=m.useState(!1);return ya("ctrl+shift+f",()=>r(!0)),o(J,{children:[a,e(ce,{type:"modal",isDismissable:!0,onDismiss:()=>r(!1),children:i&&e(re,{title:"Feature Flags",children:e(v,{height:"size-1000",padding:"size-100",children:Object.keys(l).map(s=>e(Ta,{isSelected:l[s],onChange:d=>t({...l,[s]:d}),children:s},s))})})})]})}const js=m.createContext(null);function A0(){const n=m.useContext(js);if(n===null)throw new Error("useFunctionality must be used within a FunctionalityProvider");return n}function mT(n){return e(js.Provider,{value:{authenticationEnabled:window.Config.authenticationEnabled},children:n.children})}const Os={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"GenerativeProvidersCard_data",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null},{alias:null,args:null,concreteType:"GenerativeProviderCredentialConfig",kind:"LinkedField",name:"credentialRequirements",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"envVarName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"isRequired",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"credentialsSet",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};Os.hash="4062531cfa3f77e541172a44101f5331";function w0({query:n}){const[a,l]=m.useState(null),t=Na(g=>g),i=P.useFragment(Os,n),r=m.useMemo(()=>[...i.modelProviders],[i]),s=m.useMemo(()=>[{header:"Name",accessorKey:"name",cell:({row:g})=>o(b,{direction:"row",alignItems:"center",gap:"size-100",children:[e(Rl,{provider:g.original.key,height:18}),g.original.name]})},{header:"Environment Variables",accessorKey:"apiKeyEnvVar",cell:({row:g})=>{const f=wl[g.original.key],u=(f==null?void 0:f.map(p=>p.envVarName).join(", "))||g.original.credentialRequirements.map(p=>p.envVarName).join(", ")||"--";return e(C,{children:u})}},{header:"configuration",accessorKey:"credentialsSet",cell:({row:g})=>{if(!g.original.dependenciesInstalled)return e(C,{color:"warning",children:"missing dependencies"});const f=g.original.credentialRequirements,u=t[g.original.key];return f.every(({envVarName:y,isRequired:h})=>(u==null?void 0:u[y])!==void 0||!h)?e(C,{color:"success",children:"local"}):g.original.credentialsSet?e(C,{color:"success",children:"configured on the server"}):e(C,{color:"text-700",children:"not configured"})}},{header:"",accessorKey:"id",cell:({row:g})=>e(b,{direction:"row",justifyContent:"end",gap:"size-100",width:"100%",children:e(E,{size:"S",leadingVisual:e(_,{svg:e(ja,{})}),onPress:()=>{l(g.original)}})})}],[t]),d=Fe({columns:s,data:r,getCoreRowModel:Ke(),getSortedRowModel:rn()}),c=d.getRowModel().rows;return o(B,{title:"AI Providers",bodyStyle:{padding:0},variant:"compact",children:[o("table",{css:He,children:[e("thead",{children:d.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(f=>e("th",{colSpan:f.colSpan,children:f.isPlaceholder?null:e("div",{children:W(f.column.columnDef.header,f.getContext())})},f.id))},g.id))}),e("tbody",{children:c.map(g=>e("tr",{children:g.getVisibleCells().map(f=>e("td",{children:W(f.column.columnDef.cell,f.getContext())},f.id))},g.id))})]}),e(ce,{type:"modal",isDismissable:!0,onDismiss:()=>l(null),children:a&&e(re,{title:`Configure ${a.name} Credentials`,size:"S",children:o(v,{padding:"size-200",children:[e(v,{paddingBottom:"size-100",children:o(C,{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."]})}),o(Ue,{onSubmit:g=>{g.preventDefault(),l(null)},children:[e(R0,{provider:a.key}),e(v,{paddingTop:"size-200",children:o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(E,{variant:"default",size:"S",onPress:()=>{l(null)},children:"Cancel"}),e(E,{variant:"primary",size:"S",onPress:()=>{l(null)},children:"Save Credentials"})]})})]})]})})})]})}function R0({provider:n}){const a=Na(i=>i.setCredential),l=wl[n],t=Na(i=>i[n]);return e(b,{direction:"column",gap:"size-100",children:l.map(i=>o(vo,{isRequired:i.isRequired,onChange:r=>{a({provider:n,envVarName:i.envVarName,value:r})},value:(t==null?void 0:t[i.envVarName])??void 0,children:[e(H,{children:i.envVarName}),e(So,{})]},i.envVarName))})}function gT(){const n=Me();return Oe(n),e(w0,{query:n})}const Qs={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"settingsAIProvidersPageLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"GenerativeProvidersCard_data"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"settingsAIProvidersPageLoaderQuery",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null},{alias:null,args:null,concreteType:"GenerativeProviderCredentialConfig",kind:"LinkedField",name:"credentialRequirements",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"envVarName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"isRequired",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"credentialsSet",storageKey:null}],storageKey:null}]},params:{cacheID:"1238ea27e05b70fd2c203ab4be6a1209",id:null,metadata:{},name:"settingsAIProvidersPageLoaderQuery",operationKind:"query",text:`query settingsAIProvidersPageLoaderQuery {
|
|
1
|
+
import{B as R,bl as Se,bm as Ne,bn as qe,bo as Gl,D as at,r as m,j as e,u as Dl,aX as ya,l as o,Q as J,R as pn,o as P,aH as Fe,aI as rn,aK as Ke,aL as W,ak as Ue,T as H,bp as Me,q as Oe,af as Ve,bq as bp,aj as G,U as Z,V as ke,aF as Ka,F,ac as $e,br as Sp,bs as vp,bt as Cp,bu as Fp,aP as xe,ag as pi,bv as cr,bw as Zl,bx as ve,aC as lt,by as Qe,bz as Kp,a_ as Pn,bA as Tp,aO as Pp,bB as xp,J as ur,aN as de,b1 as el,aZ as Ie,aY as xn,bC as Sn,bD as mn,m as mo,$ as Ip,S as mr,G as gr,aV as go,I as Dp,X as Lp,bE as _p,bF as $t,bG as jt,bH as ml,b3 as Za,b2 as Xa,t as Ll,bI as Ap,b8 as Xl,bJ as wp,bK as pr,bL as Rp,bM as Ep,bN as Mp,bO as Vp,bP as zp,bQ as Np,bR as $p,bS as jp,bT as Op,bU as Kl,E as Qp,bV as Bp,g as po,bW as qp,aE as tt,bX as yo,bY as fo,bZ as Up,al as Hp,b_ as Gp,ah as Wp,ai as Jp,b$ as Zp,n as Xp}from"./vendor-BGydpIbI.js";import{d as re,s as Ta,D as ce,C as B,b as Ye,a as Vn,T as Ee,r as na,q as yi,L as it,t as rt,v as ho,l as fi,P as _l,c as aa,E as ot,n as $a,o as Al,e as Pa,p as st,w as Yp,x as dt,y as ey,z as ny,A as hi,B as ki,u as ay,G as ly}from"./vendor-arizeai-Bn0g3gct.js";import{s as ty,l as iy,j as bi,a as Be,i as Si,b as ry,c as oy,d as fa,e as zn,f as ko,D as bo,g as ua,h as vl,C as Wl,k as sy,m as Te,T as hn,n as dy,o as vi,p as yr,q as cy,r as fr,t as uy,u as my,P as wl,v as gy,_ as v,G as Rl,w as b,x as C,y as E,I as _,E as ja,z as He,A as So,B as vo,R as fe,F as be,H as ue,J as Y,K as hr,L as kr,N as ma,M as Ge,O as ga,Q as en,S as yn,U as nn,V as We,W as Je,X as gn,Y as Nn,Z as nl,$ as an,a0 as Fn,a1 as De,a2 as ae,a3 as me,a4 as dn,a5 as El,a6 as Co,a7 as we,a8 as Fo,a9 as ha,aa as ka,ab as ba,ac as al,ad as ll,ae as Re,af as _e,ag as Ci,ah as jn,ai as Ko,aj as ln,ak as ne,al as ie,am as tn,an as To,ao as Yl,ap as ze,aq as On,ar as py,as as yy,at as Po,au as ai,av as Fi,aw as ct,ax as fy,ay as hy,az as li,aA as Ql,aB as se,aC as xo,aD as Kn,aE as ut,aF as Qn,aG as la,aH as Io,aI as Do,aJ as ky,aK as by,aL as Tn,aM as Sy,aN as An,aO as vy,aP as Lo,aQ as mt,aR as xa,aS as Ki,aT as Ti,aU as Cy,aV as _o,aW as Fy,aX as Ky,aY as Ty,aZ as Py,a_ as xy,a$ as Iy,b0 as Dy,b1 as Ce,b2 as Ly,b3 as _y,b4 as Tl,b5 as gt,b6 as pt,b7 as Xn,b8 as Ml,b9 as Wn,ba as Ay,bb as ge,bc as ti,bd as pe,be as ye,bf as kn,bg as wy,bh as Ry,bi as Ey,bj as vn,bk as My,bl as Vy,bm as zy,bn as yt,bo as ft,bp as Ao,bq as Ny,br as $y,bs as jy,bt as Vl,bu as Oy,bv as wo,bw as Qy,bx as ht,by as In,bz as By,bA as qy,bB as Uy,bC as Jn,bD as sn,bE as Ro,bF as je,bG as Eo,bH as Yn,bI as kt,bJ as Oa,bK as Mo,bL as Hy,bM as Dn,bN as Pi,bO as Ra,bP as Gy,bQ as Ha,bR as Wy,bS as Jy,bT as xi,bU as bt,bV as ta,bW as Ia,bX as Vo,bY as ii,bZ as cn,b_ as St,b$ as zo,c0 as vt,c1 as Ln,c2 as No,c3 as Ct,c4 as Zy,c5 as $o,c6 as jo,c7 as br,c8 as Sr,c9 as Xy,ca as Pl,cb as ri,cc as Ft,cd as Ya,ce as Yy,cf as ef,cg as tl,ch as nf,ci as af,cj as xl,ck as Oo,cl as lf,cm as Qo,cn as Kt,co as Tt,cp as ia,cq as tf,cr as rf,cs as Cn,ct as $n,cu as Ma,cv as Ii,cw as Bo,cx as Di,cy as qo,cz as of,cA as sf,cB as df,cC as cf,cD as uf,cE as mf,cF as gf,cG as Li,cH as Uo,cI as Ho,cJ as Go,cK as Wo,cL as Ze,cM as Jo,cN as Zo,cO as oi,cP as _i,cQ as Ai,cR as pf,cS as yf,cT as ff,cU as wi,cV as hf,cW as kf,cX as Pt,cY as bf,cZ as Xo,c_ as Sf,c$ as vf,d0 as Cf,d1 as Ff,d2 as Kf,d3 as Tf,d4 as Pf,d5 as xf,d6 as If,d7 as Yo,d8 as vr,d9 as Df,da as Bn,db as ra,dc as Ri,dd as es,de as ns,df as Cr,dg as Fr,dh as Lf,di as _f,dj as X,dk as xt,dl as il,dm as as,dn as rl,dp as ol,dq as ls,dr as Af,ds as wf,dt as Ei,du as Rf,dv as Ef,dw as Mf,dx as Vf,dy as zf,dz as Va,dA as ts,dB as is,dC as Nf,dD as $f,dE as Kr,dF as jf,dG as Of,dH as Qf,dI as Bf,dJ as qf,dK as Uf,dL as rs,dM as Hf,dN as Gf,dO as Wf,dP as Jf,dQ as Zf,dR as za,dS as Mi,dT as os,dU as Ga,dV as Ot,dW as Xf,dX as Yf,dY as Vi,dZ as It,d_ as wn,d$ as si,e0 as ss,e1 as eh,e2 as nh,e3 as ds,e4 as cs,e5 as ah,e6 as us,e7 as ms,e8 as lh,e9 as Tr,ea as th,eb as ih,ec as rh,ed as oh,ee as sh,ef as dh,eg as Qt,eh as gs,ei as ch,ej as zi,ek as Ni,el as uh,em as Wa,en as mh,eo as gh,ep as ph,eq as ps,er as zl,es as yh,et as fh,eu as hh,ev as ys,ew as Pr,ex as kh,ey as bh,ez as Sh,eA as vh,eB as fs,eC as Ch,eD as Fh,eE as Kh,eF as xr,eG as Ir}from"./components-TNA2umj6.js";import{g as Da,i as La,d as Th,E as hs,R as _a,k as $i,b as Ph,p as Nl,n as ks}from"./vendor-codemirror-ZeEsB-WT.js";import{P as bs,C as Ss,T as qn,a as vs,R as _n,X as Un,Y as fn,b as Hn,B as Sa,c as Dt,d as sl,A as Il,e as Cs,L as ji,f as xh}from"./vendor-recharts-Od8QBFh1.js";const Ih=4,Dh="Unable to parse span input messages, expected messages which include a role and content.",Lh="Unable to parse span output messages, expected messages which include a role and content.",_h="Unable to parse span output expected output.value to be present.",Ah="Unable to parse span attributes, attributes must be valid JSON.",wh="Unable to parse model config, expected llm.model_name to be present.",Rh="Unable to parse model config, expected llm.invocation_parameters JSON string to be present.",Eh="Unable to parse invocation parameters response_format, expected llm.invocation_parameters.response_format to be a well formed json object or undefined.",Mh="Unable to parse tools, expected tools to be an array of valid tools.",Vh="Unable to parse prompt template variables, expected prompt template variables to be a valid JSON object string.",Dr={AZURE_OPENAI:[],ANTHROPIC:["claude"],OPENAI:["gpt","o1"],GOOGLE:["gemini"],DEEPSEEK:["deepseek"],XAI:["grok"],OLLAMA:[]},pa="TOOL_CHOICE",Ja="tool_choice",Mn="RESPONSE_FORMAT",Rn="response_format",zh=[pa,Mn],Nh=R.object({tool_call:R.object({id:R.string().optional(),function:R.object({name:R.string(),arguments:R.string()}).partial()}).partial()}).partial(),Fs=R.object({[Se.message]:R.object({[Ne.role]:R.string(),[Ne.content]:R.union([R.string(),R.array(R.record(R.string(),R.unknown()))]).default(""),[Ne.contents]:R.array(R.object({message_content:R.record(R.string())})).optional(),[Ne.tool_calls]:R.array(Nh).optional(),[Ne.tool_call_id]:R.string().optional()})}),$h=R.object({[Se.llm]:R.object({[qe.input_messages]:R.array(Fs)})}),jh=R.object({[Se.llm]:R.object({[qe.output_messages]:R.array(Fs)})}),Oh=R.object({[Se.output]:R.object({value:R.string()})}),Ks=ty()(R.enum(["user","ai","system","tool"])),Qh=R.object({id:R.number(),role:Ks,content:R.string().optional(),toolCallId:R.string().optional(),toolCalls:R.array(iy).optional()}),Bh=R.array(Qh),Ts=R.lazy(()=>R.record(bi)),qh=Ts,Ps=R.string().transform((n,a)=>{const{json:l}=Be(n);if(!Si(l))return a.addIssue({code:R.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),R.NEVER;const{success:t,data:i}=qh.safeParse(l);return t?i:(a.addIssue({code:R.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),R.NEVER)}).default("{}"),Uh=R.object({[Se.llm]:R.object({[qe.provider]:R.string().optional(),[qe.model_name]:R.string()})}),xs=R.object({[Se.llm]:R.object({[qe.invocation_parameters]:Ps})}),Hh=R.object({[Se.llm]:R.object({[qe.invocation_parameters]:Ps.pipe(R.object({response_format:Ts.optional()}))})}),Gh=R.object({url:R.object({full:R.string(),path:R.string().optional()})}),Wh=R.string().transform((n,a)=>{const{json:l}=Be(n);return l==null||!Si(l)?(a.addIssue({code:R.ZodIssueCode.custom,message:"The tool JSON schema must be a valid JSON object"}),R.NEVER):l}).transform((n,a)=>{const{data:l,success:t}=ry.safeParse(n);return t?l:(a.addIssue({code:R.ZodIssueCode.custom,message:"The tool JSON schema must be a valid tool schema"}),R.NEVER)}),Jh=R.object({[Se.llm]:R.object({[qe.tools]:R.array(R.object({[Se.tool]:R.object({[Gl.json_schema]:Wh})}).optional()).optional()}).optional()}).optional(),Zh=R.lazy(()=>R.object({type:R.literal("json_schema"),json_schema:R.object({name:R.string().describe("The name of the schema"),schema:oy.describe("The schema itself in JSON schema format"),strict:R.literal(!0).describe("The schema must be strict")})})),Xh=at(Zh,{removeAdditionalStrategy:"passthrough"}),Yh=R.string().transform((n,a)=>{const{json:l}=Be(n);return fa(l)?Object.entries(l).reduce((i,[r,s])=>{if(typeof s=="string")i[r]=s;else{const{json:d}=zn(s);d!=null&&(i[r]=d)}return i},{}):(a.addIssue({code:R.ZodIssueCode.custom,message:"The prompt template variables must be a valid JSON object"}),R.NEVER)}),e0=R.object({[Se.llm]:R.object({[qe.prompt_template]:R.object({variables:Yh}).optional()}).optional()}).optional();function Is(n){return Ks.safeParse(n).success}function da(n){const a=n.toLowerCase();if(Is(a))return a;for(const[l,t]of Object.entries(Wl))if(t.includes(a))return l;return sy}function n0({toolCalls:n,provider:a}){if(n!=null)return n.map(({tool_call:l})=>{var i,r,s,d;if(l==null)return null;let t={};if(((i=l.function)==null?void 0:i.arguments)!=null){const{json:c}=Be(l.function.arguments);fa(c)&&(t=c)}switch(a){case"OPENAI":case"AZURE_OPENAI":case"DEEPSEEK":case"XAI":case"OLLAMA":return{id:l.id??"",type:"function",function:{name:((r=l.function)==null?void 0:r.name)??"",arguments:t}};case"ANTHROPIC":return{id:l.id??"",type:"tool_use",name:((s=l.function)==null?void 0:s.name)??"",input:t};case"GOOGLE":return{id:l.id??"",function:{name:((d=l.function)==null?void 0:d.name)??"",arguments:t}};default:Te()}}).filter(l=>l!=null)}function Ds({messages:n,provider:a}){return n.map(({message:l})=>{var t,i;return{id:ua(),role:l.tool_call_id!=null?da("tool"):da(l.role),content:Array.isArray(l.contents)?((i=(t=l.contents.find(r=>r.message_content.type==="text"))==null?void 0:t.message_content)==null?void 0:i.text)??void 0:typeof l.content=="string"?l.content:void 0,toolCalls:n0({provider:a,toolCalls:l.tool_calls}),toolCallId:l.tool_call_id}})}function a0({provider:n,parsedAttributes:a}){var t;const l=$h.safeParse(a);if(!l.success)return{messageParsingErrors:[Dh],messages:null};if(n==="ANTHROPIC"){const{success:i,data:r}=xs.safeParse(a);if(i){const s=l.data.llm.input_messages,d=(t=r.llm.invocation_parameters)==null?void 0:t.system;typeof d=="string"&&d&&(!s||s[0].message.role!=="system")&&l.data.llm.input_messages.unshift({message:{role:"system",content:d}})}}return{messageParsingErrors:[],messages:Ds({provider:n,messages:l.data.llm.input_messages})}}function l0({provider:n,parsedAttributes:a}){const l=[],t=jh.safeParse(a);if(t.success)return{output:Ds({provider:n,messages:t.data.llm.output_messages}),outputParsingErrors:l};l.push(Lh);const i=Oh.safeParse(a);return i.success?{output:i.data.output.value,outputParsingErrors:l}:(l.push(_h),{output:void 0,outputParsingErrors:l})}function Ls(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 t0(n){for(const a of Object.keys(Dr))if(Dr[a].some(t=>n.includes(t)))return a;return bo}function i0(n){const{success:a,data:l}=Uh.safeParse(n);if(a){const t=Ls(l.llm.provider)||t0(l.llm.model_name),i=r0(n);return{modelConfig:{...Object.fromEntries(Object.entries(i).filter(([r,s])=>s!==null)),modelName:l.llm.model_name,provider:t,invocationParameters:[],supportedInvocationParameters:[]},parsingErrors:[]}}return{modelConfig:null,parsingErrors:[wh]}}function r0(n){const{success:a,data:l}=Gh.safeParse(n);if(a)try{const t=new URL(l.url.full);let i=t;if(l.url.path)try{i=new URL(l.url.full.split(l.url.path)[0])}catch{}return{baseUrl:`${i.origin}${i.pathname}`,endpoint:t.origin,apiVersion:t.searchParams.get("api-version")||null}}catch{}return{baseUrl:null,apiVersion:null,endpoint:null}}function o0(n,a=[]){const{success:l,data:t}=xs.safeParse(n),i=[];return l||i.push(Rh),{invocationParameters:f0((t==null?void 0:t.llm.invocation_parameters)??{},a),parsingErrors:i}}function s0(n){const{success:a,data:l}=Hh.safeParse(n);return a?{responseFormat:l.llm.invocation_parameters.response_format,parsingErrors:[]}:{responseFormat:void 0,parsingErrors:[Eh]}}function d0(n){var a;return(((a=n==null?void 0:n.llm)==null?void 0:a.tools)??[]).map(l=>(l==null?void 0:l.tool)==null?null:{id:vl(),definition:l.tool.json_schema}).filter(l=>l!=null)}function c0(n){var t;const{data:a,success:l}=Jh.safeParse(n);return l?((t=a==null?void 0:a.llm)==null?void 0:t.tools)==null?{tools:null,parsingErrors:[]}:{tools:d0(a),parsingErrors:[]}:{tools:null,parsingErrors:[Mh]}}function u0(n){var t;const{success:a,data:l}=e0.safeParse(n);return a?((t=l==null?void 0:l.llm)==null?void 0:t.prompt_template)==null?{variables:null,parsingErrors:[]}:{variables:l.llm.prompt_template.variables,parsingErrors:[]}:{variables:null,parsingErrors:[Vh]}}function m0(n){const{instance:a,instanceMessages:l}=ko(),t={...a,template:{__type:"chat",messages:Object.values(l)}},{json:i,parseError:r}=Be(n.attributes);if(r)return{playgroundInstance:{...t,spanId:(n==null?void 0:n.id)??null},parsingErrors:[Ah]};const s=n.invocationParameters,d=i0(i);let{modelConfig:c}=d;const{parsingErrors:g}=d,{messages:f,messageParsingErrors:u}=a0({provider:(c==null?void 0:c.provider)??t.model.provider,parsedAttributes:i}),{output:p,outputParsingErrors:y}=l0({provider:(c==null?void 0:c.provider)??t.model.provider,parsedAttributes:i}),{invocationParameters:h,parsingErrors:k}=o0(i,s),{variables:S,parsingErrors:K}=u0(i),{parsingErrors:T}=s0(i);c=c!=null?{...c,invocationParameters:T.length>0?h.filter(w=>w.invocationName!==Rn&&w.canonicalName!==Mn):h}:null;const{tools:x,parsingErrors:I}=c0(i),L=f==null?void 0:f.map(w=>({...w,content:w.role==="tool"?Oi(w.content):w.content}));return{playgroundInstance:{...t,model:c??t.model,template:L!=null?{__type:"chat",messages:L}:t.template,output:p,spanId:n.id,tools:x??t.tools},playgroundInput:S!=null?{variablesValueCache:S}:void 0,parsingErrors:[...u,...y,...g,...I,...k,...T,...K]}}const g0=n=>Bh.safeParse(n).success,_s=({instance:n,templateFormat:a})=>{if(a==hn.NONE)return[];const l=new Set,t=n.template.__type,i=dy(a);switch(t){case"chat":{n.template.messages.forEach(r=>{(r.content==null?[]:i.extractVariables(r.content)).forEach(d=>{l.add(d)})});break}case"text_completion":{i.extractVariables(n.template.prompt).forEach(s=>{l.add(s)});break}default:Te()}return Array.from(l)},p0=({instances:n,templateFormat:a})=>a==hn.NONE?[]:Array.from(new Set(n.flatMap(l=>_s({instance:l,templateFormat:a})))),As=({instances:n,templateFormat:a,input:l})=>{if(a==hn.NONE)return{variablesMap:{},variableKeys:[]};const t=p0({instances:n,templateFormat:a}),i=l.variablesValueCache??{};return{variablesMap:t.reduce((s,d)=>(s[d]=i[d]||"",s),{}),variableKeys:t}};function va(n,a){return n.invocationName===a.invocationName||n.canonicalName!=null&&a.canonicalName!=null&&n.canonicalName===a.canonicalName}const y0=(n,a)=>n.filter(l=>a.some(t=>va(t,l))).map(l=>{var t;return{...l,invocationName:((t=a.find(i=>va(i,l)))==null?void 0:t.invocationName)??l.invocationName}}),dl=n=>n.replace(/_([a-z])/g,(a,l)=>l.toUpperCase()),f0=(n,a)=>Object.entries(n).map(([l,t])=>{const i=a.find(r=>r.canonicalName&&r.canonicalName.toLowerCase()===l.toLowerCase()||r.invocationName&&r.invocationName.toLowerCase()===l.toLowerCase());return i==null||i.invocationInputField==null||i.invocationName==null?null:{canonicalName:i.canonicalName,invocationName:i.invocationName,[dl(i.invocationInputField)]:t}}).filter(l=>l!=null),ws=n=>{const{provider:a,validatedToolDefinition:l}=my(n.definition);switch(a){case"OPENAI":case"AZURE_OPENAI":return l.function.name;case"ANTHROPIC":return l.name;case"UNKNOWN":return null;default:Te()}},h0=({provider:n,toolNumber:a})=>{switch(n){case"OPENAI":case"DEEPSEEK":case"XAI":case"OLLAMA":case"AZURE_OPENAI":return{id:vl(),definition:fr(a)};case"ANTHROPIC":return{id:vl(),definition:uy(a)};case"GOOGLE":return{id:vl(),definition:fr(a)};default:Te()}},k0=n=>{switch(n){case"OPENAI":case"AZURE_OPENAI":case"DEEPSEEK":case"XAI":case"OLLAMA":return yr();case"ANTHROPIC":return cy();case"GOOGLE":return yr();default:Te()}};function b0(n){return{content:n.content,role:S0(n.role),toolCalls:n.toolCalls,toolCallId:n.toolCallId}}function S0(n){switch(n){case"system":return"SYSTEM";case"user":return"USER";case"tool":return"TOOL";case"ai":return"AI";default:Te()}}const Rs=({playgroundStore:n,instanceId:a,credentials:l})=>{var u;const{instances:t,allInstanceMessages:i}=n.getState(),r=t.find(p=>p.id===a);if(!r)throw new Error(`No instance found for id ${a}`);if(r.template.__type!=="chat")throw new Error("We only support chat templates for now");const s=r.template.messageIds.map(p=>i[p]).filter(p=>p!=null),d=r.model.supportedInvocationParameters;let c=[...r.model.invocationParameters];const g=vi({toolChoice:r.toolChoice,targetProvider:r.model.provider});r.tools.length>0?(c=c.filter(p=>p.invocationName!==Ja&&p.canonicalName!==pa),c.push({canonicalName:pa,invocationName:Ja,valueJson:g})):c=c.filter(p=>p.invocationName!==Ja&&p.canonicalName!==pa),c=d.length?y0(c,d):c;const f=r.model.provider==="AZURE_OPENAI"?{endpoint:r.model.endpoint,apiVersion:r.model.apiVersion}:{};return{messages:s.map(b0),model:{providerKey:r.model.provider,name:r.model.modelName||"",baseUrl:r.model.baseUrl,...f},invocationParameters:Ms(c,r.model.provider,r.model.modelName),tools:r.tools.length?r.tools.map(p=>p.definition):void 0,credentials:v0(l,r.model.provider),promptName:(u=r.prompt)==null?void 0:u.name}},Lt=(n,a)=>{if(n.template.__type==="chat"){const{messageIds:l,...t}=n.template;return{...n,template:{...t,messages:n.template.messageIds.map(i=>a[i])}}}return n};function v0(n,a){const l=n[a],t=wl[a];return l?t.length===0?[]:t.map(i=>({envVarName:i.envVarName,value:l[i.envVarName]??""})):[]}const C0=({playgroundStore:n,instanceId:a,credentials:l})=>{const t=Rs({playgroundStore:n,instanceId:a,credentials:l}),{instances:i,templateFormat:r,input:s,allInstanceMessages:d}=n.getState(),c=i.map(f=>Lt(f,d)),{variablesMap:g}=As({instances:c,input:s,templateFormat:r});return{...t,template:{variables:g,format:r}}},Lr=({playgroundStore:n,instanceId:a,credentials:l,datasetId:t})=>({...Rs({playgroundStore:n,instanceId:a,credentials:l}),templateFormat:n.getState().templateFormat,datasetId:t});function Oi(n){if(typeof n=="string"){const a=n.startsWith('"{')||n.startsWith('"[')||n.startsWith('"\\"');try{if(a){const t=JSON.parse(n),i=typeof t=="string"?JSON.parse(t):t;return JSON.stringify(i,null,2)}}catch{}if(/^\s*[0-9{[]|true|false|null/.test(n))return n}return JSON.stringify(n,null,2)}function Es(n,a){return a.filter(l=>l.required).every(l=>n.some(t=>va(t,l)))}const F0=n=>{for(const[a,l]of Object.entries(n))if(a.endsWith("DefaultValue")&&l!=null)return n[a]};function dT(n,a){const l=new Map(n.map(t=>[t.invocationName,t]));return a.forEach(t=>{var c;const i=t.invocationName,r=F0(t),s=dl(t.invocationInputField||"");if(!t.invocationName||!t.invocationInputField||!i||r==null||((c=l.get(i))==null?void 0:c[s])!=null)return;const d={canonicalName:t.canonicalName,invocationName:t.invocationName,[s]:r};l.set(i,d)}),Array.from(l.values())}const K0=R.object({type:R.literal("enabled")}).passthrough(),T0=R.object({type:R.enum(["any","tool"])}).passthrough(),P0=(n,a)=>{if(!a)return n;const l=n.some(t=>t.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&t.valueJson&&K0.safeParse(t.valueJson).success);return n.filter(t=>{if(t.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&!t.valueJson)return!1;if(l){if(t.canonicalName==="TEMPERATURE"||t.canonicalName==="TOP_P")return!1;if(t.canonicalName===pa)return!T0.safeParse(t.valueJson).success}return!0})},x0=["frequency_penalty","presence_penalty"],I0=n=>n.filter(l=>l.invocationName&&x0.includes(l.invocationName)?!(l.valueFloat==0||l.valueInt==0):!0),Ms=(n,a,l)=>{const t=I0(n);return a==="ANTHROPIC"?P0(t,l):t},Vs=m.createContext(null);function cT({children:n,...a}){const[l]=m.useState(()=>gy(a));return e(Vs.Provider,{value:l,children:n})}function Na(n,a){const l=m.useContext(Vs);if(!l)throw new Error("Missing CredentialsContext.Provider in the tree");return Dl(l,n,a)}const zs="arize-phoenix-feature-flags",Bt={dashboards:!1};function D0(){const n=localStorage.getItem(zs);if(!n)return Bt;try{const a=JSON.parse(n);return Object.assign({},Bt,a)}catch{return Bt}}const Ns=m.createContext(null);function $s(){const n=pn.useContext(Ns);if(n===null)throw new Error("useFeatureFlags must be used within a FeatureFlagsProvider");return n}function L0(n){const{featureFlags:a}=$s();return a[n]}function uT(n){const[a,l]=m.useState(D0()),t=i=>{localStorage.setItem(zs,JSON.stringify(i)),l(i)};return e(Ns.Provider,{value:{featureFlags:a,setFeatureFlags:t},children:e(_0,{children:n.children})})}function _0(n){const{children:a}=n,{featureFlags:l,setFeatureFlags:t}=$s(),[i,r]=m.useState(!1);return ya("ctrl+shift+f",()=>r(!0)),o(J,{children:[a,e(ce,{type:"modal",isDismissable:!0,onDismiss:()=>r(!1),children:i&&e(re,{title:"Feature Flags",children:e(v,{height:"size-1000",padding:"size-100",children:Object.keys(l).map(s=>e(Ta,{isSelected:l[s],onChange:d=>t({...l,[s]:d}),children:s},s))})})})]})}const js=m.createContext(null);function A0(){const n=m.useContext(js);if(n===null)throw new Error("useFunctionality must be used within a FunctionalityProvider");return n}function mT(n){return e(js.Provider,{value:{authenticationEnabled:window.Config.authenticationEnabled},children:n.children})}const Os={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"GenerativeProvidersCard_data",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null},{alias:null,args:null,concreteType:"GenerativeProviderCredentialConfig",kind:"LinkedField",name:"credentialRequirements",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"envVarName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"isRequired",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"credentialsSet",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};Os.hash="4062531cfa3f77e541172a44101f5331";function w0({query:n}){const[a,l]=m.useState(null),t=Na(g=>g),i=P.useFragment(Os,n),r=m.useMemo(()=>[...i.modelProviders],[i]),s=m.useMemo(()=>[{header:"Name",accessorKey:"name",cell:({row:g})=>o(b,{direction:"row",alignItems:"center",gap:"size-100",children:[e(Rl,{provider:g.original.key,height:18}),g.original.name]})},{header:"Environment Variables",accessorKey:"apiKeyEnvVar",cell:({row:g})=>{const f=wl[g.original.key],u=(f==null?void 0:f.map(p=>p.envVarName).join(", "))||g.original.credentialRequirements.map(p=>p.envVarName).join(", ")||"--";return e(C,{children:u})}},{header:"configuration",accessorKey:"credentialsSet",cell:({row:g})=>{if(!g.original.dependenciesInstalled)return e(C,{color:"warning",children:"missing dependencies"});const f=g.original.credentialRequirements,u=t[g.original.key];return f.every(({envVarName:y,isRequired:h})=>(u==null?void 0:u[y])!==void 0||!h)?e(C,{color:"success",children:"local"}):g.original.credentialsSet?e(C,{color:"success",children:"configured on the server"}):e(C,{color:"text-700",children:"not configured"})}},{header:"",accessorKey:"id",cell:({row:g})=>e(b,{direction:"row",justifyContent:"end",gap:"size-100",width:"100%",children:e(E,{size:"S",leadingVisual:e(_,{svg:e(ja,{})}),onPress:()=>{l(g.original)}})})}],[t]),d=Fe({columns:s,data:r,getCoreRowModel:Ke(),getSortedRowModel:rn()}),c=d.getRowModel().rows;return o(B,{title:"AI Providers",bodyStyle:{padding:0},variant:"compact",children:[o("table",{css:He,children:[e("thead",{children:d.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(f=>e("th",{colSpan:f.colSpan,children:f.isPlaceholder?null:e("div",{children:W(f.column.columnDef.header,f.getContext())})},f.id))},g.id))}),e("tbody",{children:c.map(g=>e("tr",{children:g.getVisibleCells().map(f=>e("td",{children:W(f.column.columnDef.cell,f.getContext())},f.id))},g.id))})]}),e(ce,{type:"modal",isDismissable:!0,onDismiss:()=>l(null),children:a&&e(re,{title:`Configure ${a.name} Credentials`,size:"S",children:o(v,{padding:"size-200",children:[e(v,{paddingBottom:"size-100",children:o(C,{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."]})}),o(Ue,{onSubmit:g=>{g.preventDefault(),l(null)},children:[e(R0,{provider:a.key}),e(v,{paddingTop:"size-200",children:o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(E,{variant:"default",size:"S",onPress:()=>{l(null)},children:"Cancel"}),e(E,{variant:"primary",size:"S",onPress:()=>{l(null)},children:"Save Credentials"})]})})]})]})})})]})}function R0({provider:n}){const a=Na(i=>i.setCredential),l=wl[n],t=Na(i=>i[n]);return e(b,{direction:"column",gap:"size-100",children:l.map(i=>o(vo,{isRequired:i.isRequired,onChange:r=>{a({provider:n,envVarName:i.envVarName,value:r})},value:(t==null?void 0:t[i.envVarName])??void 0,children:[e(H,{children:i.envVarName}),e(So,{})]},i.envVarName))})}function gT(){const n=Me();return Oe(n),e(w0,{query:n})}const Qs={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"settingsAIProvidersPageLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"GenerativeProvidersCard_data"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"settingsAIProvidersPageLoaderQuery",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null},{alias:null,args:null,concreteType:"GenerativeProviderCredentialConfig",kind:"LinkedField",name:"credentialRequirements",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"envVarName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"isRequired",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"credentialsSet",storageKey:null}],storageKey:null}]},params:{cacheID:"1238ea27e05b70fd2c203ab4be6a1209",id:null,metadata:{},name:"settingsAIProvidersPageLoaderQuery",operationKind:"query",text:`query settingsAIProvidersPageLoaderQuery {
|
|
2
2
|
...GenerativeProvidersCard_data
|
|
3
3
|
}
|
|
4
4
|
|
|
@@ -194,11 +194,11 @@ fragment AnnotationConfigTableFragment on Query {
|
|
|
194
194
|
}
|
|
195
195
|
}
|
|
196
196
|
}
|
|
197
|
-
`}}}();Us.hash="dd6584e233bd3299d9546d2bc1a7762f";const Hs={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SettingsAnnotationsPageFragment",selections:[{args:null,kind:"FragmentSpread",name:"AnnotationConfigTableFragment"}],type:"Query",abstractKey:null};Hs.hash="899b97b5d6aabeea206cd9b4ffb1a773";const _r="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split(""),E0=["MAXIMIZE","MINIMIZE","NONE"],M0=["CATEGORICAL","CONTINUOUS","FREEFORM"],Gs=({onAddAnnotationConfig:n,initialAnnotationConfig:a})=>{const l=
|
|
197
|
+
`}}}();Us.hash="dd6584e233bd3299d9546d2bc1a7762f";const Hs={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SettingsAnnotationsPageFragment",selections:[{args:null,kind:"FragmentSpread",name:"AnnotationConfigTableFragment"}],type:"Query",abstractKey:null};Hs.hash="899b97b5d6aabeea206cd9b4ffb1a773";const _r="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split(""),E0=["MAXIMIZE","MINIMIZE","NONE"],M0=["CATEGORICAL","CONTINUOUS","FREEFORM"],Gs=({onAddAnnotationConfig:n,initialAnnotationConfig:a})=>{const l=be(),t=ue(),i=a?"edit":"new",{control:r,handleSubmit:s,watch:d}=Ve({defaultValues:a||{annotationType:"CATEGORICAL",values:[{label:"",score:null},{label:"",score:null}],optimizationDirection:"MAXIMIZE"}}),{fields:c,append:g,remove:f}=bp({control:r,name:"values"}),u=(y,h)=>{const k=()=>{t({title:i==="new"?"Annotation config created!":"Annotation config updated!"}),h()},S=K=>{l({title:i==="new"?"Failed to create annotation config":"Failed to update annotation config",message:K})};switch(y.annotationType){case"CATEGORICAL":{const K={annotationType:"CATEGORICAL",name:y.name,values:y.values,id:(a==null?void 0:a.id)||"",optimizationDirection:y.optimizationDirection,description:y.description};n(K,{onCompleted:k,onError:S});break}case"CONTINUOUS":{const K={annotationType:"CONTINUOUS",name:y.name,lowerBound:y.lowerBound,upperBound:y.upperBound,id:(a==null?void 0:a.id)||"",optimizationDirection:y.optimizationDirection,description:y.description};n(K,{onCompleted:k,onError:S});break}case"FREEFORM":{const K={annotationType:"FREEFORM",name:y.name,id:(a==null?void 0:a.id)||"",description:y.description};n(K,{onCompleted:k,onError:S});break}}},p=d("annotationType");return e(en,{css:F`
|
|
198
198
|
border: none;
|
|
199
199
|
width: 700px;
|
|
200
200
|
max-width: 90%;
|
|
201
|
-
`,children:({close:y})=>e(B,{title:i==="new"?"New Annotation Config":"Edit Annotation Config",variant:"compact",bodyStyle:{padding:0},children:o(Ue,{onSubmit:h=>{s(k=>{u(k,y)})(h)},children:[e(v,{minWidth:"200px",padding:"size-200",maxHeight:"620px",overflow:"auto",children:o(b,{direction:"column",gap:"size-200",className:"new-annotation-dialog-container",children:[e(G,{name:"name",control:r,rules:{required:"Name is required"},render:({field:h,fieldState:{error:k}})=>o(Y,{...h,isInvalid:!!k,autoFocus:!0,children:[e(H,{children:"Annotation Name"}),e(Z,{placeholder:"e.g. correctness"}),e(
|
|
201
|
+
`,children:({close:y})=>e(B,{title:i==="new"?"New Annotation Config":"Edit Annotation Config",variant:"compact",bodyStyle:{padding:0},children:o(Ue,{onSubmit:h=>{s(k=>{u(k,y)})(h)},children:[e(v,{minWidth:"200px",padding:"size-200",maxHeight:"620px",overflow:"auto",children:o(b,{direction:"column",gap:"size-200",className:"new-annotation-dialog-container",children:[e(G,{name:"name",control:r,rules:{required:"Name is required"},render:({field:h,fieldState:{error:k}})=>o(Y,{...h,isInvalid:!!k,autoFocus:!0,children:[e(H,{children:"Annotation Name"}),e(Z,{placeholder:"e.g. correctness"}),e(ke,{children:k==null?void 0:k.message})]})}),e(G,{name:"description",control:r,render:({field:h})=>o(Y,{...h,value:h.value??void 0,css:F`
|
|
202
202
|
& .react-aria-TextArea {
|
|
203
203
|
resize: vertical;
|
|
204
204
|
transition: none;
|
|
@@ -210,7 +210,7 @@ fragment AnnotationConfigTableFragment on Query {
|
|
|
210
210
|
& input {
|
|
211
211
|
max-height: fit-content;
|
|
212
212
|
}
|
|
213
|
-
`,children:[e(G,{control:r,name:"lowerBound",rules:{required:"Min is required"},render:({field:{value:h,...k},fieldState:{error:S}})=>o(ma,{...k,value:typeof h=="number"?h:void 0,isInvalid:!!S,children:[e(H,{children:"Min"}),e(Z,{placeholder:"0"}),e(
|
|
213
|
+
`,children:[e(G,{control:r,name:"lowerBound",rules:{required:"Min is required"},render:({field:{value:h,...k},fieldState:{error:S}})=>o(ma,{...k,value:typeof h=="number"?h:void 0,isInvalid:!!S,children:[e(H,{children:"Min"}),e(Z,{placeholder:"0"}),e(ke,{children:S==null?void 0:S.message})]})}),e(G,{control:r,name:"upperBound",rules:{validate:h=>{const k=d("lowerBound");return k!=null&&h!=null&&h<=k?"Max must be greater than min":h!=null&&isNaN(h)?"Max is required":!0}},render:({field:{value:h,...k},fieldState:{error:S}})=>{const K=d("lowerBound");return o(ma,{...k,value:typeof h=="number"?h:void 0,isInvalid:!!S,minValue:typeof K=="number"?K:void 0,children:[e(H,{children:"Max"}),e(Z,{placeholder:"1"}),e(ke,{children:S==null?void 0:S.message})]})}})]}),p==="CATEGORICAL"&&o(J,{children:[e(C,{size:"XS",weight:"heavy",children:"Categories"}),c.map((h,k)=>o(b,{direction:"row",gap:"size-100",alignItems:"start",children:[e(G,{control:r,name:`values.${k}.label`,rules:{required:"Category label is required"},render:({field:S,fieldState:{error:K}})=>o(Y,{...S,"aria-label":`Value ${k+1}`,isInvalid:!!K,autoFocus:k>0,children:[e(Z,{placeholder:`e.g. ${_r[k%_r.length]}`}),e(ke,{children:K==null?void 0:K.message})]})}),e(G,{control:r,name:`values.${k}.score`,render:({field:S,fieldState:{error:K}})=>o(ma,{...S,value:typeof S.value=="number"?S.value:void 0,"aria-label":`Score ${k+1}`,isInvalid:!!K,children:[e(b,{direction:"row",gap:"size-100",alignItems:"center",children:e(Z,{placeholder:`e.g. ${k} (optional)`})}),e(ke,{children:K==null?void 0:K.message})]})}),e(E,{type:"button",leadingVisual:e(_,{svg:e(Ge,{})}),"aria-label":"Remove category",onPress:()=>f(k)})]},h.id)),e(b,{justifyContent:"end",width:"100%",children:e(E,{type:"button",onPress:()=>{g({label:"",score:null})},leadingVisual:e(_,{svg:e(ga,{})}),children:"Add category"})})]})]})}),e(v,{paddingX:"size-200",paddingY:"size-200",borderTopColor:"dark",borderTopWidth:"thin",children:o(b,{gap:"size-100",justifyContent:"end",children:[e(E,{type:"button",onPress:y,children:"Cancel"}),e(E,{type:"submit",variant:"primary",children:i==="new"?"Create Annotation Config":"Update Annotation Config"})]})})]})})})},Ws=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"annotationType",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"optimizationDirection",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"AnnotationConfigTableFragment",selections:[{alias:null,args:null,concreteType:"AnnotationConfigConnection",kind:"LinkedField",name:"annotationConfigs",plural:!1,selections:[{alias:null,args:null,concreteType:"AnnotationConfigEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotationConfig",args:null,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[n,a,l,t,i,{alias:null,args:null,concreteType:"CategoricalAnnotationValue",kind:"LinkedField",name:"values",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null}],type:"CategoricalAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[n,a,l,t,i,{alias:null,args:null,kind:"ScalarField",name:"upperBound",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"lowerBound",storageKey:null}],type:"ContinuousAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[n,a,l,t],type:"FreeformAnnotationConfig",abstractKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null}}();Ws.hash="21da6fc76dc125423a2f4ecd8ef70866";const V0=({selectedConfig:n,onClearSelection:a,onEditAnnotationConfig:l,onDeleteAnnotationConfig:t})=>{const[i,r]=m.useState(!1);if(!n)return null;const s=n==null?void 0:n.id;return e("div",{"data-editing":i,css:F`
|
|
214
214
|
position: fixed;
|
|
215
215
|
bottom: var(--ac-global-dimension-size-600);
|
|
216
216
|
left: 50%;
|
|
@@ -313,7 +313,7 @@ fragment RetentionPoliciesTable_retentionPolicy on ProjectTraceRetentionPolicy {
|
|
|
313
313
|
}
|
|
314
314
|
}
|
|
315
315
|
}
|
|
316
|
-
`}}}();Zs.hash="a111dbcaa8facd112289cd919cca3a3b";const Xs=({numberOfDays:n,numberOfTraces:a})=>{if(n===0&&!a)return"This policy will not delete any traces.";const l=typeof n=="number"?`older than ${n} days`:"",t=typeof a=="number"?`when there are more than ${a} traces`:"";return`This policy will delete traces ${l&&t?`${l} or ${t}`:l||t}`},Qi=({schedule:n})=>{let a="unknown";try{vp.parse(n)}catch{return"invalid schedule"}try{a=Cp.toString(n)}catch{return"invalid schedule"}return`${a} (UTC)`};function Ys(n){const{onSubmit:a,mode:l,isSubmitting:t,defaultValues:i}=n,{control:r,watch:s,handleSubmit:d}=Ve({defaultValues:i??{name:"New Policy",numberOfTraces:void 0,numberOfDays:400,schedule:"0 0 * * 0"},mode:"onChange"}),[c,g,f]=s(["numberOfDays","numberOfTraces","schedule"]);return o(Ue,{onSubmit:d(a),children:[o(v,{padding:"size-200",children:[e("p",{children:"A retention policy can be defined so that either a certain number of traces or traces for a certain amount of time is retained in certain projects. If both are defined, the policy will delete traces that are either older than the number of days or have more than the number of traces, whichever comes first."}),e("p",{children:"Once a retention policy is defined, you can associate multiple projects to the same policy."}),o(b,{direction:"row",gap:"size-100",children:[o(v,{flex:"1 1 auto",children:[e(G,{control:r,name:"name",rules:{required:"Name is required"},render:({field:u})=>o(Y,{...u,size:"S",value:u.value,children:[e(H,{children:"Name"}),e(Z,{}),e(C,{slot:"description",children:"The name of the retention policy"})]})}),e(G,{control:r,name:"numberOfDays",rules:{required:"Number of days is required. 0 means infinite.",min:{value:0,message:"Number of days must be at least 0"}},render:({field:u})=>o(ma,{step:1,size:"S",...u,children:[e(H,{children:"Number of Days"}),e(Z,{}),e(C,{slot:"description",children:"The number of days that will be kept"})]})}),e(G,{control:r,name:"numberOfTraces",rules:{min:{value:0,message:"Number of traces must be at least 0"}},render:({field:u})=>o(ma,{step:1,size:"S",value:u.value??void 0,onChange:u.onChange,onBlur:u.onBlur,children:[e(H,{children:"Number of Traces"}),e(Z,{}),e(C,{slot:"description",children:"The number of traces that will be kept"})]})}),e(G,{control:r,name:"schedule",rules:{required:"Schedule is required",validate:u=>{try{const p=Fp.CronExpressionParser.parse(u);if(!p.fields.dayOfMonth.isWildcard)return"Cannot set day of month, must be *";if(!p.fields.month.isWildcard)return"Cannot set month, must be *";if(p.fields.minute.values.length>=1&&p.fields.minute.values[0]!==0)return"Cannot set minute, must be 0"}catch(p){return p instanceof Error?p.message:"Invalid cron expression"}}},render:({field:u,fieldState:p})=>o(Y,{...u,size:"S",...u,isInvalid:!!p.error,children:[e(H,{children:"Schedule"}),e(Z,{}),p.error?e(C,{slot:"errorMessage",color:"danger",children:p.error.message}):e(C,{slot:"description",children:"A cron expression for the hour of the week"})]})})]}),o(v,{width:"300px",paddingX:"size-200",children:[e(ae,{level:2,children:"Retention Policy"}),e("br",{}),e(C,{color:"text-700",children:Xs({numberOfDays:c,numberOfTraces:g})}),e("br",{}),e("br",{}),e(C,{color:"text-700",children:`Enforcement Schedule: ${Qi({schedule:f})}`})]})]})]}),e(v,{paddingY:"size-100",paddingX:"size-200",borderTopWidth:"thin",borderColor:"dark",children:o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(E,{size:"S",slot:"close",onPress:n.onCancel,children:"Cancel"}),e(E,{size:"S",variant:"primary",type:"submit",isDisabled:t,children:t?"Submitting...":l==="create"?"Create":"Update"})]})})]})}function j0(n){const a=ue(),l=
|
|
316
|
+
`}}}();Zs.hash="a111dbcaa8facd112289cd919cca3a3b";const Xs=({numberOfDays:n,numberOfTraces:a})=>{if(n===0&&!a)return"This policy will not delete any traces.";const l=typeof n=="number"?`older than ${n} days`:"",t=typeof a=="number"?`when there are more than ${a} traces`:"";return`This policy will delete traces ${l&&t?`${l} or ${t}`:l||t}`},Qi=({schedule:n})=>{let a="unknown";try{vp.parse(n)}catch{return"invalid schedule"}try{a=Cp.toString(n)}catch{return"invalid schedule"}return`${a} (UTC)`};function Ys(n){const{onSubmit:a,mode:l,isSubmitting:t,defaultValues:i}=n,{control:r,watch:s,handleSubmit:d}=Ve({defaultValues:i??{name:"New Policy",numberOfTraces:void 0,numberOfDays:400,schedule:"0 0 * * 0"},mode:"onChange"}),[c,g,f]=s(["numberOfDays","numberOfTraces","schedule"]);return o(Ue,{onSubmit:d(a),children:[o(v,{padding:"size-200",children:[e("p",{children:"A retention policy can be defined so that either a certain number of traces or traces for a certain amount of time is retained in certain projects. If both are defined, the policy will delete traces that are either older than the number of days or have more than the number of traces, whichever comes first."}),e("p",{children:"Once a retention policy is defined, you can associate multiple projects to the same policy."}),o(b,{direction:"row",gap:"size-100",children:[o(v,{flex:"1 1 auto",children:[e(G,{control:r,name:"name",rules:{required:"Name is required"},render:({field:u})=>o(Y,{...u,size:"S",value:u.value,children:[e(H,{children:"Name"}),e(Z,{}),e(C,{slot:"description",children:"The name of the retention policy"})]})}),e(G,{control:r,name:"numberOfDays",rules:{required:"Number of days is required. 0 means infinite.",min:{value:0,message:"Number of days must be at least 0"}},render:({field:u})=>o(ma,{step:1,size:"S",...u,children:[e(H,{children:"Number of Days"}),e(Z,{}),e(C,{slot:"description",children:"The number of days that will be kept"})]})}),e(G,{control:r,name:"numberOfTraces",rules:{min:{value:0,message:"Number of traces must be at least 0"}},render:({field:u})=>o(ma,{step:1,size:"S",value:u.value??void 0,onChange:u.onChange,onBlur:u.onBlur,children:[e(H,{children:"Number of Traces"}),e(Z,{}),e(C,{slot:"description",children:"The number of traces that will be kept"})]})}),e(G,{control:r,name:"schedule",rules:{required:"Schedule is required",validate:u=>{try{const p=Fp.CronExpressionParser.parse(u);if(!p.fields.dayOfMonth.isWildcard)return"Cannot set day of month, must be *";if(!p.fields.month.isWildcard)return"Cannot set month, must be *";if(p.fields.minute.values.length>=1&&p.fields.minute.values[0]!==0)return"Cannot set minute, must be 0"}catch(p){return p instanceof Error?p.message:"Invalid cron expression"}}},render:({field:u,fieldState:p})=>o(Y,{...u,size:"S",...u,isInvalid:!!p.error,children:[e(H,{children:"Schedule"}),e(Z,{}),p.error?e(C,{slot:"errorMessage",color:"danger",children:p.error.message}):e(C,{slot:"description",children:"A cron expression for the hour of the week"})]})})]}),o(v,{width:"300px",paddingX:"size-200",children:[e(ae,{level:2,children:"Retention Policy"}),e("br",{}),e(C,{color:"text-700",children:Xs({numberOfDays:c,numberOfTraces:g})}),e("br",{}),e("br",{}),e(C,{color:"text-700",children:`Enforcement Schedule: ${Qi({schedule:f})}`})]})]})]}),e(v,{paddingY:"size-100",paddingX:"size-200",borderTopWidth:"thin",borderColor:"dark",children:o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(E,{size:"S",slot:"close",onPress:n.onCancel,children:"Cancel"}),e(E,{size:"S",variant:"primary",type:"submit",isDisabled:t,children:t?"Submitting...":l==="create"?"Create":"Update"})]})})]})}function j0(n){const a=ue(),l=be(),[t,i]=P.useMutation(Zs);return e(Ys,{onSubmit:s=>{let d;if(s.numberOfDays&&s.numberOfTraces)d={maxDaysOrCount:{maxDays:s.numberOfDays,maxCount:s.numberOfTraces}};else if(s.numberOfDays)d={maxDays:{maxDays:s.numberOfDays}};else if(s.numberOfTraces)d={maxCount:{maxCount:s.numberOfTraces}};else throw new Error("Invalid retention policy rule");const c=P.ConnectionHandler.getConnectionID(n.queryId,"RetentionPoliciesTable_projectTraceRetentionPolicies");t({variables:{input:{cronExpression:s.schedule,rule:d,name:s.name},connectionId:c},onCompleted:()=>{a({title:"Retention policy created successfully",message:"The retention policy has been created. You can now add this policy to projects."}),n.onCreate()},onError:()=>{l({title:"Error creating retention policy",message:"Please try again."})}})},isSubmitting:i,mode:"create"})}const ed=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:1e3,kind:"LocalArgument",name:"first"}],a=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"maxCount",storageKey:null},s={alias:null,args:null,kind:"ScalarField",name:"maxDays",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"RetentionPoliciesTablePoliciesQuery",selections:[{args:a,kind:"FragmentSpread",name:"RetentionPoliciesTable_policies"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"RetentionPoliciesTablePoliciesQuery",selections:[{alias:null,args:a,concreteType:"ProjectTraceRetentionPolicyConnection",kind:"LinkedField",name:"projectTraceRetentionPolicies",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectTraceRetentionPolicyEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"ProjectTraceRetentionPolicy",kind:"LinkedField",name:"node",plural:!1,selections:[l,t,{alias:null,args:null,kind:"ScalarField",name:"cronExpression",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"rule",plural:!1,selections:[i,{kind:"InlineFragment",selections:[r],type:"TraceRetentionRuleMaxCount",abstractKey:null},{kind:"InlineFragment",selections:[s],type:"TraceRetentionRuleMaxDays",abstractKey:null},{kind:"InlineFragment",selections:[s,r],type:"TraceRetentionRuleMaxDaysOrCount",abstractKey:null}],storageKey:null},{alias:null,args:null,concreteType:"ProjectConnection",kind:"LinkedField",name:"projects",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[t,l],storageKey:null}],storageKey:null}],storageKey:null},i],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},{kind:"ClientExtension",selections:[{alias:null,args:null,kind:"ScalarField",name:"__id",storageKey:null}]}],storageKey:null},{alias:null,args:a,filters:null,handle:"connection",key:"RetentionPoliciesTable_projectTraceRetentionPolicies",kind:"LinkedHandle",name:"projectTraceRetentionPolicies"}]},params:{cacheID:"67d653235070dbcfe47baecdadd89b38",id:null,metadata:{},name:"RetentionPoliciesTablePoliciesQuery",operationKind:"query",text:`query RetentionPoliciesTablePoliciesQuery(
|
|
317
317
|
$after: String = null
|
|
318
318
|
$first: Int = 1000
|
|
319
319
|
) {
|
|
@@ -498,7 +498,7 @@ fragment RetentionPoliciesTable_retentionPolicy on ProjectTraceRetentionPolicy {
|
|
|
498
498
|
id
|
|
499
499
|
}
|
|
500
500
|
}
|
|
501
|
-
`}}}();id.hash="3bf941d551e8fb7a6940d8774075be73";function O0(n){var d,c;const a=ue(),l=
|
|
501
|
+
`}}}();id.hash="3bf941d551e8fb7a6940d8774075be73";function O0(n){var d,c;const a=ue(),l=be(),t=P.useLazyLoadQuery(id,{id:n.policyId});if(!(t!=null&&t.retentionPolicy))throw new Error("Retention policy not found");const[i,r]=P.useMutation(td);return e(Ys,{onSubmit:g=>{let f;if(g.numberOfDays&&g.numberOfTraces)f={maxDaysOrCount:{maxDays:g.numberOfDays,maxCount:g.numberOfTraces}};else if(g.numberOfDays)f={maxDays:{maxDays:g.numberOfDays}};else if(g.numberOfTraces)f={maxCount:{maxCount:g.numberOfTraces}};else throw new Error("Invalid retention policy rule");i({variables:{input:{id:n.policyId,cronExpression:g.schedule,rule:f,name:g.name}},onCompleted:()=>{a({title:"Retention policy updated successfully",message:"The retention policy has been updated successfully."}),n.onEditCompleted()},onError:()=>{l({title:"Error updating retention policy",message:"Please try again."})}})},isSubmitting:r,mode:"edit",defaultValues:{name:t.retentionPolicy.name??"New Policy",schedule:t.retentionPolicy.cronExpression??"0 0 * * 0",numberOfDays:(d=t.retentionPolicy.rule)==null?void 0:d.maxDays,numberOfTraces:(c=t.retentionPolicy.rule)==null?void 0:c.maxCount},onCancel:n.onCancel})}const Q0="Default",B0=({policyId:n,policyName:a,projectNames:l,onPolicyEdit:t,onPolicyDelete:i,connectionId:r})=>{const s=a!==Q0,[d,c]=m.useState(null),g=m.useCallback(()=>{c(e(re,{size:"M",title:"Edit Retention Policy",children:e(m.Suspense,{fallback:e(me,{}),children:e(O0,{policyId:n,onEditCompleted:()=>{t(),c(null)},onCancel:()=>{c(null)}})})}))},[t,n]),[f,u]=P.useMutation(ld),p=m.useCallback(()=>{c(o(re,{size:"S",title:"Delete Retention Policy",children:[o(v,{padding:"size-200",children:[e(C,{color:"danger",children:`Are you sure you want to delete retention policy "${a}"? This cannot be undone.`}),e("br",{}),l.length>0&&e(C,{color:"danger",children:`This policy is associated with the following projects: ${l.join(", ")}. These projects will fall back to the default policy.`})]}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(E,{variant:"danger",size:"S",onPress:()=>{f({variables:{policyId:n,connectionId:r}}),c(null),i()},isDisabled:u,leadingVisual:u?e(_,{svg:e(dn,{})}):void 0,children:u?"Deleting...":"Delete Policy"})})})]}))},[n,a,l,f,i,u,r]);return o(El,{children:[o(na,{buttonSize:"compact",disabledKeys:s?[]:["deletePolicy"],align:"end",onAction:y=>{switch(y){case"editPolicy":return g();case"deletePolicy":return p()}},children:[e(xe,{textValue:"Edit Policy",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(ja,{})}),e(C,{children:"Edit"})]})},"editPolicy"),e(xe,{textValue:"Delete Policy",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ge,{})}),e(C,{children:"Delete"})]})},"deletePolicy")]}),e(ce,{type:"modal",isDismissable:!0,onDismiss:()=>c(null),children:d})]})},q0=ad,U0=({query:n})=>{const a=ue(),l=Co(),{data:t}=P.usePaginationFragment(nd,n),i=t.projectTraceRetentionPolicies.__id,r=t.projectTraceRetentionPolicies.edges.map(g=>{const f=g.node;return P.readInlineData(q0,f)}),s=m.useMemo(()=>{const g=[{header:"Name",accessorKey:"name"},{header:"Schedule",accessorKey:"cronExpression",cell:({row:f})=>Qi({schedule:f.original.cronExpression})},{header:"Rule",accessorKey:"rule",cell:({row:f})=>{const u=f.original.rule;if(u.__typename==="TraceRetentionRuleMaxCount")return`${u.maxCount} traces`;if(u.__typename==="TraceRetentionRuleMaxDays")return u.maxDays===0?"Infinite":`${u.maxDays} days`;if(u.__typename==="TraceRetentionRuleMaxDaysOrCount")return`${u.maxDays} days or ${u.maxCount} traces`;if(u.__typename==="%other")return"Unknown";Te()}},{header:"Projects",accessorKey:"projects",cell:({row:f})=>e("ul",{css:F`
|
|
502
502
|
li {
|
|
503
503
|
display: inline;
|
|
504
504
|
}
|
|
@@ -579,7 +579,7 @@ fragment SystemAPIKeysTableFragment on Query {
|
|
|
579
579
|
expiresAt
|
|
580
580
|
}
|
|
581
581
|
}
|
|
582
|
-
`}};dd.hash="de0fc04de739f0adfcbdeaff28b16265";const cd={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:dd}},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};cd.hash="de0fc04de739f0adfcbdeaff28b16265";function H0({query:n}){const[a,l]=P.useRefetchableFragment(cd,n),t=
|
|
582
|
+
`}};dd.hash="de0fc04de739f0adfcbdeaff28b16265";const cd={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:dd}},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};cd.hash="de0fc04de739f0adfcbdeaff28b16265";function H0({query:n}){const[a,l]=P.useRefetchableFragment(cd,n),t=be(),i=ue(),[r]=P.useMutation(sd),s=m.useCallback(p=>{r({variables:{input:{id:p}},onCompleted:()=>{i({title:"System key deleted",message:"The system key has been deleted and is no longer active."}),m.startTransition(()=>{l({},{fetchPolicy:"network-only"})})},onError:y=>{const h=De(y);t({title:"Error deleting system key",message:(h==null?void 0:h[0])??y.message})}})},[r,t,i,l]),d=m.useMemo(()=>[...a.systemApiKeys],[a]),c=m.useMemo(()=>[{header:"Name",accessorKey:"name"},{header:"Description",accessorKey:"description",cell:Re},{header:"Created At",accessorKey:"createdAt",cell:_e},{header:"Expires At",accessorKey:"expiresAt",cell:_e},{header:"",accessorKey:"id",size:10,cell:({row:y})=>e(b,{direction:"row",justifyContent:"end",width:"100%",children:e(Ci,{handleDelete:()=>{s(y.original.id)}})}),meta:{textAlign:"right"}}],[s]),g=Fe({columns:c,data:d,getCoreRowModel:Ke()}),f=g.getRowModel().rows,u=g.getRowModel().rows.length===0;return o("table",{css:He,children:[e("thead",{children:g.getHeaderGroups().map(p=>e("tr",{children:p.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:o("div",{className:y.column.getCanSort()?"sort":"",onClick:y.column.getToggleSortingHandler(),style:{left:y.getStart(),width:y.getSize()},children:[W(y.column.columnDef.header,y.getContext()),y.column.getIsSorted()?e(_,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]})},y.id))},p.id))}),u?e(gn,{message:"No Keys"}):e("tbody",{children:f.map(p=>e("tr",{children:p.getVisibleCells().map(y=>e("td",{children:W(y.column.columnDef.cell,y.getContext())},y.id))},p.id))})]})}const ud=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(
|
|
583
583
|
$input: DeleteApiKeyInput!
|
|
584
584
|
) {
|
|
585
585
|
deleteUserApiKey(input: $input) {
|
|
@@ -604,7 +604,7 @@ fragment UserAPIKeysTableFragment on Query {
|
|
|
604
604
|
}
|
|
605
605
|
}
|
|
606
606
|
}
|
|
607
|
-
`}}}();md.hash="c2b3a579bcb0ba915523ecb35cae3b44";const gd={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:md}},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};gd.hash="c2b3a579bcb0ba915523ecb35cae3b44";const Ar=70;function G0({query:n}){const[a,l]=P.useRefetchableFragment(gd,n),t=
|
|
607
|
+
`}}}();md.hash="c2b3a579bcb0ba915523ecb35cae3b44";const gd={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:md}},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};gd.hash="c2b3a579bcb0ba915523ecb35cae3b44";const Ar=70;function G0({query:n}){const[a,l]=P.useRefetchableFragment(gd,n),t=be(),i=ue(),[r]=P.useMutation(ud),s=m.useCallback(p=>{r({variables:{input:{id:p}},onCompleted:()=>{i({title:"User key deleted",message:"The user key has been deleted and is no longer active."}),m.startTransition(()=>{l({},{fetchPolicy:"network-only"})})},onError:y=>{const h=De(y);t({title:"Error deleting user key",message:(h==null?void 0:h[0])??y.message})}})},[r,t,i,l]),d=m.useMemo(()=>[...a.userApiKeys],[a]),c=m.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:Re},{header:"Description",accessorKey:"description",cell:Re},{header:"Created At",accessorKey:"createdAt",size:Ar,cell:_e},{header:"Expires At",accessorKey:"expiresAt",size:Ar,cell:_e},{header:"User",size:120,accessorKey:"user.email",cell:Re},{header:"",accessorKey:"id",size:10,cell:({row:y})=>e(b,{direction:"row",justifyContent:"end",width:"100%",children:e(Ci,{handleDelete:()=>{s(y.original.id)}})}),meta:{textAlign:"right"}}],[s]),g=Fe({columns:c,data:d,getCoreRowModel:Ke()}),f=g.getRowModel().rows,u=g.getRowModel().rows.length===0;return o("table",{css:He,children:[e("thead",{children:g.getHeaderGroups().map(p=>e("tr",{children:p.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:o("div",{className:y.column.getCanSort()?"sort":"",onClick:y.column.getToggleSortingHandler(),style:{left:y.getStart(),width:y.getSize()},children:[W(y.column.columnDef.header,y.getContext()),y.column.getIsSorted()?e(_,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]})},y.id))},p.id))}),u?e(gn,{message:"No Keys"}):e("tbody",{children:f.map(p=>e("tr",{children:p.getVisibleCells().map(y=>e("td",{children:W(y.column.columnDef.cell,y.getContext())},y.id))},p.id))})]})}function W0(){const n=P.useLazyLoadQuery(od,{},{fetchPolicy:"network-only"});return o(tn,{children:[o(ln,{children:[e(ne,{id:"system",children:"System Keys"}),e(ne,{id:"user",children:"User Keys"})]}),e(ie,{id:"system",children:e(H0,{query:n})}),e(ie,{id:"user",children:e(G0,{query:n})})]})}function J0(){const[n,a]=m.useState(null),l=be(),t=c=>{a(e(Ko,{jwt:c}))},[i,r]=P.useMutation(rd),s=m.useCallback(c=>{var g;i({variables:{...c,expiresAt:((g=c.expiresAt)==null?void 0:g.toDate(pi()).toISOString())||null},onCompleted:f=>{t(f.createSystemApiKey.jwt)},onError:f=>{l({title:"Error creating system key",message:f.message})}})},[i,l]);return o("div",{children:[e(yi,{title:"API Keys",variant:"compact",extra:e(E,{size:"S",leadingVisual:e(_,{svg:e(jn,{})}),onPress:()=>{a(e(To,{onSubmit:s,isCommitting:r,defaultName:"System"}))},children:"System Key"}),children:e(m.Suspense,{fallback:e(v,{padding:"size-100",children:e(me,{})}),children:e(W0,{})})}),e(ce,{onDismiss:()=>{a(null)},children:n})]})}const pd={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};pd.hash="922bf6de312a4be0c38025ffbb868d6d";function yd(n,a){const{si:l=!1,decimalPlaces:t=1}={},i=l?1e3:1024;if(Math.abs(n)<i)return n+" B";const r=l?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let s=-1;const d=10**t;do n/=i,++s;while(Math.round(Math.abs(n)*d)/d>=i&&s<r.length-1);return n.toFixed(t)+" "+r[s]}const wr="remaining";function Z0({active:n,payload:a}){return n&&a&&a.length?e(On,{children:e(ze,{shape:"square",color:a[0].payload.fill||"transparent",name:a[0].name||"--",value:yd(a[0].value||0)})}):null}function X0({query:n}){const a=P.useFragment(pd,n),l=a.dbTableStats.reduce((r,s)=>r+s.numBytes,0),t=typeof a.dbStorageCapacityBytes=="number"?a.dbStorageCapacityBytes-l:null,i=m.useMemo(()=>{const r=[...a.dbTableStats];return t!==null&&r.push({tableName:wr,numBytes:t}),r},[a.dbTableStats,t]);return e(_n,{width:"100%",height:245,children:o(vs,{children:[e(bs,{data:i,dataKey:"numBytes",nameKey:"tableName",cx:"50%",cy:"50%",innerRadius:70,outerRadius:110,strokeWidth:0,stroke:"transparent",children:i.map((r,s)=>e(Ss,{stroke:"0",fill:r.tableName===wr?"var(--ac-global-color-grey-200)":`${cr[s%cr.length]}`},`cell-${s}`))}),e(qn,{content:e(Z0,{})}),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"?Yl(l/a.dbStorageCapacityBytes*100):yd(l)}`}),e("text",{x:"50%",y:"50%",dy:25,textAnchor:"middle",fill:"var(--ac-global-text-color-900",fontSize:"var(--ac-global-font-size-s)",children:"Used"}),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 fd=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"ProjectTraceRetentionPolicyMutationPayload",kind:"LinkedField",name:"patchProjectTraceRetentionPolicy",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectTraceRetentionPolicy",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"rule",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"maxDays",storageKey:null}],type:"TraceRetentionRuleMaxDays",abstractKey:null}],storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"GlobalRetentionPolicyCardMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"GlobalRetentionPolicyCardMutation",selections:a},params:{cacheID:"096e3d4c546229fc771e14be03b168a3",id:null,metadata:{},name:"GlobalRetentionPolicyCardMutation",operationKind:"mutation",text:`mutation GlobalRetentionPolicyCardMutation(
|
|
608
608
|
$input: PatchProjectTraceRetentionPolicyInput!
|
|
609
609
|
) {
|
|
610
610
|
patchProjectTraceRetentionPolicy(input: $input) {
|
|
@@ -632,7 +632,7 @@ fragment UserAPIKeysTableFragment on Query {
|
|
|
632
632
|
}
|
|
633
633
|
}
|
|
634
634
|
}
|
|
635
|
-
`}}}();hd.hash="15a513ac6f9c30b739810e2e18d6f0ab";const Y0=()=>{var f,u,p;const n=ue(),a=
|
|
635
|
+
`}}}();hd.hash="15a513ac6f9c30b739810e2e18d6f0ab";const Y0=()=>{var f,u,p;const n=ue(),a=be(),l=P.useLazyLoadQuery(hd,{}),[t]=P.useMutation(fd),{control:i,handleSubmit:r,formState:{isDirty:s},reset:d}=Ve({defaultValues:{maxDays:((u=(f=l.defaultProjectTraceRetentionPolicy)==null?void 0:f.rule)==null?void 0:u.__typename)==="TraceRetentionRuleMaxDays"?l.defaultProjectTraceRetentionPolicy.rule.maxDays:0}}),c=(p=l.defaultProjectTraceRetentionPolicy)==null?void 0:p.id,g=m.useCallback(y=>{t({variables:{input:{id:c,rule:{maxDays:{maxDays:y.maxDays}}}},onCompleted:h=>{var S,K,T;const k=((T=(K=(S=h.patchProjectTraceRetentionPolicy)==null?void 0:S.node)==null?void 0:K.rule)==null?void 0:T.__typename)==="TraceRetentionRuleMaxDays"?h.patchProjectTraceRetentionPolicy.node.rule.maxDays:null;k!==null&&d({maxDays:k}),n(k===0?{title:"Default retention policy disabled",expireMs:5e3}:{title:`Default retention policy has been set to ${k} ${k===1?"day":"days"}`,expireMs:5e3})},onError:()=>{a({title:"Failed to update default retention policy",expireMs:5e3})}})},[c,a,n,t,d]);return o(B,{title:"Default Project Retention Policy",variant:"compact",bodyStyle:{padding:0},children:[e(v,{padding:"size-200",children:o(b,{direction:"row",gap:"size-200",justifyContent:"space-between",children:[e(v,{paddingTop:"size-100",children:e(C,{children:"The default retention policy for all projects that do not have their own custom retention policy. Traces that are older than the specified number of days will be deleted automatically in order to free up storage space."})}),e(v,{width:"1000px",children:e(Ue,{onSubmit:r(g),children:o(b,{gap:"size-100",direction:"row",alignItems:"center",children:[e(G,{control:i,name:"maxDays",rules:{validate:y=>isNaN(y)?"Maximum trace retention is required. Set to 0 to disable.":!0,min:{value:0,message:"Maximum trace retention must be at least 0 days"},required:"Maximum trace retention is required. Set to 0 to disable."},render:({field:y,fieldState:h})=>{var k;return o(ma,{...y,minValue:0,isInvalid:!!h.error,children:[e(H,{children:"Maximum Trace Retention in Days"}),e(Z,{}),h.error?e(ke,{children:(k=h.error)==null?void 0:k.message}):e(C,{slot:"description",children:"0 days is equal to no policy."})]})}}),e("div",{css:F`
|
|
636
636
|
margin-top: 3px;
|
|
637
637
|
`,children:e(E,{type:"submit",isDisabled:!s,children:"Update"})})]})})})]})}),e(v,{paddingX:"size-200",paddingY:"size-100",borderTopWidth:"thin",borderColor:"dark",children:e(b,{direction:"row",justifyContent:"end",children:e(we,{to:"/settings/data",children:"All Retention Policies"})})})]})},kd=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{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:[n,{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"authMethod",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},{alias:null,args:null,concreteType:"UserRole",kind:"LinkedField",name:"role",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},n],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"7198a3944688637f02a72e35643511d0",id:null,metadata:{},name:"UsersCardQuery",operationKind:"query",text:`query UsersCardQuery {
|
|
638
638
|
...UsersTable_users
|
|
@@ -693,21 +693,21 @@ fragment UsersTable_users on Query {
|
|
|
693
693
|
) {
|
|
694
694
|
deleteUsers(input: $input)
|
|
695
695
|
}
|
|
696
|
-
`}}}();Cd.hash="a718ceab0ec0a7d461f6cd5e5b178a1f";function nk({userId:n,onDeleted:a,onClose:l}){const[t,i]=P.useMutation(Cd),r=ue(),s=
|
|
696
|
+
`}}}();Cd.hash="a718ceab0ec0a7d461f6cd5e5b178a1f";function nk({userId:n,onDeleted:a,onClose:l}){const[t,i]=P.useMutation(Cd),r=ue(),s=be(),d=m.useCallback(()=>{t({variables:{input:{userIds:[n]}},onCompleted:()=>{r({title:"User deleted",message:"User has been deleted."}),a(),l()},onError:c=>{const g=De(c);s({title:"Failed to delete user",message:(g==null?void 0:g[0])??c.message})}})},[t,s,r,l,a,n]);return o(re,{title:"Delete User",isDismissable:!0,onDismiss:l,children:[e(v,{padding:"size-200",children:e(C,{color:"danger",children:"Are you sure you want to delete this user? This action cannot be undone."})}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(E,{variant:"default",onPress:l,children:"Cancel"}),e(E,{variant:"danger",onPress:()=>{d()},isDisabled:i,children:"Delete user"})]})})]})}const Fd=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(
|
|
697
697
|
$input: PatchUserInput!
|
|
698
698
|
) {
|
|
699
699
|
patchUser(input: $input) {
|
|
700
700
|
__typename
|
|
701
701
|
}
|
|
702
702
|
}
|
|
703
|
-
`}}}();Fd.hash="85b22da61ec094c28e97db2759622b69";const gl=4;function ak({userId:n,onClose:a}){const l=
|
|
703
|
+
`}}}();Fd.hash="85b22da61ec094c28e97db2759622b69";const gl=4;function ak({userId:n,onClose:a}){const l=be(),t=ue(),[i,r]=P.useMutation(Fd),{control:s,handleSubmit:d,formState:{isDirty:c}}=Ve({defaultValues:{newPassword:"",confirmPassword:""}}),g=m.useCallback(f=>{i({variables:{input:{userId:n,newPassword:f.newPassword}},onCompleted:()=>{t({title:"Password reset",message:"Users password has been reset."}),a()},onError:u=>{l({title:"Failed to reset password",message:u.message})}})},[i,l,t,a,n]);return e(re,{title:"Reset Password",isDismissable:!0,onDismiss:a,children:e(Ue,{children:o(v,{padding:"size-200",children:[o(b,{direction:"column",gap:"size-100",children:[e(G,{name:"newPassword",control:s,rules:{required:"Password is required",minLength:{value:gl,message:`Password must be at least ${gl} characters`}},render:({field:{name:f,onChange:u,onBlur:p,value:y},fieldState:{invalid:h,error:k}})=>o(Y,{isInvalid:h,onChange:u,name:f,onBlur:p,value:y.toString(),type:"password",id:"new-password",autoComplete:"new-password",children:[e(H,{children:"New Password"}),e(Z,{placeholder:"New password"}),k!=null&&k.message?e(ke,{children:k.message}):o(C,{slot:"description",children:["Password must be at least ",gl," characters"]})]})}),e(G,{name:"confirmPassword",control:s,rules:{required:"Password is required",minLength:{value:gl,message:`Password must be at least ${gl} characters`},validate:(f,u)=>f===u.newPassword||"Passwords do not match"},render:({field:{name:f,onChange:u,onBlur:p,value:y},fieldState:{invalid:h,error:k}})=>o(Y,{isInvalid:h,onChange:u,name:f,onBlur:p,value:y.toString(),type:"password",children:[e(H,{children:"Confirm Password"}),e(Z,{placeholder:"Repeat new password"}),k!=null&&k.message?e(ke,{children:k.message}):e(C,{slot:"description",children:"Repeat new password to confirm"})]})})]}),e(v,{paddingTop:"size-200",children:e(b,{direction:"row",gap:"size-100",justifyContent:"end",children:e(E,{variant:c?"primary":"default",type:"submit",isDisabled:r,onPress:()=>d(g)(),children:r?"Resetting...":"Reset Password"})})})]})})})}function lk(n){return n==="LOCAL"}function tk(n){const{userId:a,onUserDeleted:l,authMethod:t}=n,[i,r]=m.useState(null),s=m.useCallback(()=>{r(e(nk,{userId:a,onClose:()=>r(null),onDeleted:()=>{l(),r(null)}}))},[a,l]),d=m.useCallback(()=>{r(e(ak,{userId:a,onClose:()=>r(null)}))},[a]),c=m.useMemo(()=>{const g=e(xe,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ge,{})}),e(J,{children:"Delete"})]})},"deleteUser"),f=e(xe,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Po,{})}),e(J,{children:"Reset Password"})]})},"resetPassword"),u=[g];return lk(t)&&u.push(f),u},[t]);return o("div",{onClick:g=>{g.preventDefault(),g.stopPropagation()},children:[e(na,{align:"end","aria-label":"User Actions",buttonSize:"compact",onAction:g=>{switch(g){case"deleteUser":s();break;case"resetPassword":d();break}},children:c}),e(ce,{type:"modal",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}const Kd=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(
|
|
704
704
|
$input: PatchUserInput!
|
|
705
705
|
) {
|
|
706
706
|
patchUser(input: $input) {
|
|
707
707
|
__typename
|
|
708
708
|
}
|
|
709
709
|
}
|
|
710
|
-
`}}}();Kd.hash="468eff05b42e39b55f9aa5b9a7d2c483";function ik({userId:n,email:a,currentRole:l,newRole:t,onRoleChanged:i,onClose:r}){const[s,d]=P.useMutation(Kd),c=ue(),g=
|
|
710
|
+
`}}}();Kd.hash="468eff05b42e39b55f9aa5b9a7d2c483";function ik({userId:n,email:a,currentRole:l,newRole:t,onRoleChanged:i,onClose:r}){const[s,d]=P.useMutation(Kd),c=ue(),g=be(),f=m.useCallback(()=>{s({variables:{input:{userId:n,newRole:t}},onCompleted:()=>{c({title:"Role Changed",message:"Users role has been changed."}),i(),r()},onError:u=>{g({title:"Failed to delete user",message:u.message})}})},[s,t,g,c,r,i,n]);return o(re,{title:"Confirm role change",children:[e(v,{padding:"size-200",children:o(C,{children:[`Are you sure you want to change the role for ${a} from `," ",e("b",{children:ai(l)})," to"," ",e("b",{children:ai(t)}),"?"]})}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(E,{onPress:r,size:"S",children:"Cancel"}),e(E,{variant:"primary",size:"S",onPress:()=>{f()},isDisabled:d,children:"Change role"})]})})]})}const rk=55,ok=F`
|
|
711
711
|
text-decoration: none;
|
|
712
712
|
color: var(--ac-global-color-grey-600);
|
|
713
713
|
font-size: 12px;
|
|
@@ -716,12 +716,12 @@ fragment UsersTable_users on Query {
|
|
|
716
716
|
}
|
|
717
717
|
`,sk=F`
|
|
718
718
|
height: ${rk}px;
|
|
719
|
-
`,Rr=n=>n.email==="admin@localhost"||n.username==="admin";function dk({query:n}){const[a,l]=m.useState(null),[t,i]=P.useRefetchableFragment(vd,n),r=m.useMemo(()=>t.users.edges.map(({user:p})=>({id:p.id,email:p.email,username:p.username,profilePictureUrl:p.profilePictureUrl,createdAt:p.createdAt,role:p.role.name,authMethod:p.authMethod})),[t]),s=m.useCallback(()=>{m.startTransition(()=>{i({},{fetchPolicy:"network-only"})})},[i]),{viewer:d}=Fi(),c=m.useMemo(()=>[{header:"user",accessorKey:"username",cell:({row:p})=>o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[e(ct,{name:p.original.username,profilePictureUrl:p.original.profilePictureUrl,size:20}),e("span",{children:p.original.username}),e("a",{href:`mailto:${p.original.email}`,css:ok,children:p.original.email})]})},{header:"method",accessorKey:"authMethod",size:10,cell:({row:p})=>p.original.authMethod.toLowerCase()},{header:"role",accessorKey:"role",cell:({row:p})=>Rr(p.original)||d&&d.email==p.original.email?ai(p.original.role):e(hy,{includeLabel:!1,size:"S",onChange:y=>{y!==p.original.role&&l(e(ik,{onClose:()=>l(null),onRoleChanged:s,currentRole:p.original.role,newRole:y,email:p.original.email,userId:p.original.id}))},role:fy(p.original.role)?p.original.role:void 0})},{header:"created at",accessorKey:"createdAt",cell:_e},{header:"",accessorKey:"id",size:10,cell:({row:p})=>Rr(p.original)?null:e(b,{direction:"row",justifyContent:"end",width:"100%",children:e(tk,{userId:p.original.id,onUserDeleted:s,authMethod:p.original.authMethod})}),meta:{textAlign:"right"}}],[s,d]),g=Fe({columns:c,data:r,getCoreRowModel:Ke(),getSortedRowModel:rn()}),f=g.getRowModel().rows,u=g.getRowModel().rows.length===0;return o("table",{css:He,children:[e("thead",{children:g.getHeaderGroups().map(p=>e("tr",{children:p.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:o("div",{className:y.column.getCanSort()?"sort":"",onClick:y.column.getToggleSortingHandler(),style:{left:y.getStart(),width:y.getSize()},children:[W(y.column.columnDef.header,y.getContext()),y.column.getIsSorted()?e(_,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]})},y.id))},p.id))}),u?e(gn,{}):e("tbody",{children:f.map(p=>e("tr",{css:sk,children:p.getVisibleCells().map(y=>e("td",{children:W(y.column.columnDef.cell,y.getContext())},y.id))},p.id))}),e(ce,{onDismiss:()=>l(null),isDismissable:!0,type:"modal",children:a})]})}function ck(){const[n,a]=m.useState(0),[l,t]=m.useState(null),i=ue(),r=
|
|
719
|
+
`,Rr=n=>n.email==="admin@localhost"||n.username==="admin";function dk({query:n}){const[a,l]=m.useState(null),[t,i]=P.useRefetchableFragment(vd,n),r=m.useMemo(()=>t.users.edges.map(({user:p})=>({id:p.id,email:p.email,username:p.username,profilePictureUrl:p.profilePictureUrl,createdAt:p.createdAt,role:p.role.name,authMethod:p.authMethod})),[t]),s=m.useCallback(()=>{m.startTransition(()=>{i({},{fetchPolicy:"network-only"})})},[i]),{viewer:d}=Fi(),c=m.useMemo(()=>[{header:"user",accessorKey:"username",cell:({row:p})=>o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[e(ct,{name:p.original.username,profilePictureUrl:p.original.profilePictureUrl,size:20}),e("span",{children:p.original.username}),e("a",{href:`mailto:${p.original.email}`,css:ok,children:p.original.email})]})},{header:"method",accessorKey:"authMethod",size:10,cell:({row:p})=>p.original.authMethod.toLowerCase()},{header:"role",accessorKey:"role",cell:({row:p})=>Rr(p.original)||d&&d.email==p.original.email?ai(p.original.role):e(hy,{includeLabel:!1,size:"S",onChange:y=>{y!==p.original.role&&l(e(ik,{onClose:()=>l(null),onRoleChanged:s,currentRole:p.original.role,newRole:y,email:p.original.email,userId:p.original.id}))},role:fy(p.original.role)?p.original.role:void 0})},{header:"created at",accessorKey:"createdAt",cell:_e},{header:"",accessorKey:"id",size:10,cell:({row:p})=>Rr(p.original)?null:e(b,{direction:"row",justifyContent:"end",width:"100%",children:e(tk,{userId:p.original.id,onUserDeleted:s,authMethod:p.original.authMethod})}),meta:{textAlign:"right"}}],[s,d]),g=Fe({columns:c,data:r,getCoreRowModel:Ke(),getSortedRowModel:rn()}),f=g.getRowModel().rows,u=g.getRowModel().rows.length===0;return o("table",{css:He,children:[e("thead",{children:g.getHeaderGroups().map(p=>e("tr",{children:p.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:o("div",{className:y.column.getCanSort()?"sort":"",onClick:y.column.getToggleSortingHandler(),style:{left:y.getStart(),width:y.getSize()},children:[W(y.column.columnDef.header,y.getContext()),y.column.getIsSorted()?e(_,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]})},y.id))},p.id))}),u?e(gn,{}):e("tbody",{children:f.map(p=>e("tr",{css:sk,children:p.getVisibleCells().map(y=>e("td",{children:W(y.column.columnDef.cell,y.getContext())},y.id))},p.id))}),e(ce,{onDismiss:()=>l(null),isDismissable:!0,type:"modal",children:a})]})}function ck(){const[n,a]=m.useState(0),[l,t]=m.useState(null),i=ue(),r=be(),s=P.useLazyLoadQuery(kd,{},{fetchKey:n,fetchPolicy:"store-and-network"});return o(B,{title:"Users",variant:"compact",bodyStyle:{padding:0,overflowX:"auto"},extra:e(E,{onPress:()=>{t(e(ek,{onDismiss:()=>{t(null)},onNewUserCreated:d=>{t(null),i({title:"User added",message:`User ${d} has been added.`}),a(c=>c+1)},onNewUserCreationError:d=>{const c=De(d);r({title:"Error adding user",message:(c==null?void 0:c[0])??d.message})}}))},size:"S",leadingVisual:e(_,{svg:e(jn,{})}),children:"Add User"}),children:[e(m.Suspense,{fallback:e(v,{padding:"size-200",children:e(me,{})}),children:e(dk,{query:s})}),e(ce,{onDismiss:()=>{t(null)},children:l})]})}const uk=F`
|
|
720
720
|
.ac-field {
|
|
721
721
|
// Hacky solution to make the text fields fill the remaining space
|
|
722
722
|
width: calc(100% - var(--ac-global-dimension-size-600));
|
|
723
723
|
}
|
|
724
|
-
`;function kT(){const n=Me();return Oe(n),o(b,{direction:"column",gap:"size-200",width:"100%",children:[o(b,{direction:"row",gap:"size-200",alignItems:"baseline",children:[e(v,{flex:"2",children:e(B,{title:"Platform Settings",variant:"compact",children:o("form",{css:uk,children:[o(b,{direction:"row",gap:"size-100",alignItems:"end",children:[o(Y,{value:li,isReadOnly:!0,children:[e(H,{children:"Hostname"}),e(Z,{}),e(C,{slot:"description",children:"Connect to Phoenix over HTTP"})]}),e(Er,{text:li})]}),o(b,{direction:"row",gap:"size-100",alignItems:"end",children:[o(Y,{value:Ql,isReadOnly:!0,children:[e(H,{children:"Platform Version"}),e(Z,{}),e(C,{slot:"description",children:"The version of the Phoenix server"})]}),e(Er,{text:Ql})]}),o(b,{direction:"row",gap:"size-100",alignItems:"start",children:[o(Y,{value:`pip install 'arize-phoenix==${Ql}'`,isReadOnly:!0,children:[e(H,{children:"Python Version"}),e(Z,{}),e(C,{slot:"description",children:"The version of the Python client library to use to connect to this Phoenix"})]}),e(v,{flex:"none",paddingTop:"size-300",children:e(
|
|
724
|
+
`;function kT(){const n=Me();return Oe(n),o(b,{direction:"column",gap:"size-200",width:"100%",children:[o(b,{direction:"row",gap:"size-200",alignItems:"baseline",children:[e(v,{flex:"2",children:e(B,{title:"Platform Settings",variant:"compact",children:o("form",{css:uk,children:[o(b,{direction:"row",gap:"size-100",alignItems:"end",children:[o(Y,{value:li,isReadOnly:!0,children:[e(H,{children:"Hostname"}),e(Z,{}),e(C,{slot:"description",children:"Connect to Phoenix over HTTP"})]}),e(Er,{text:li})]}),o(b,{direction:"row",gap:"size-100",alignItems:"end",children:[o(Y,{value:Ql,isReadOnly:!0,children:[e(H,{children:"Platform Version"}),e(Z,{}),e(C,{slot:"description",children:"The version of the Phoenix server"})]}),e(Er,{text:Ql})]}),o(b,{direction:"row",gap:"size-100",alignItems:"start",children:[o(Y,{value:`pip install 'arize-phoenix==${Ql}'`,isReadOnly:!0,children:[e(H,{children:"Python Version"}),e(Z,{}),e(C,{slot:"description",children:"The version of the Python client library to use to connect to this Phoenix"})]}),e(v,{flex:"none",paddingTop:"size-300",children:e(se,{size:"M",text:Ql})})]})]})})}),e(v,{flex:"1",minWidth:280,children:e(B,{title:"Database Usage",variant:"compact",children:e(X0,{query:n})})})]}),o(xo,{children:[e(J0,{}),e(ck,{})]}),e(Fo,{children:e(Y0,{})})]})}function Er(n){return e(v,{paddingBottom:"20px",flex:"none",children:e(se,{text:n.text,size:"M"})})}const mk=[{name:"Page A",uv:4e3,pv:2400,amt:2400},{name:"Page B",uv:3e3,pv:1398,amt:2210},{name:"Page C",uv:2e3,pv:9800,amt:2290},{name:"Page D",uv:2780,pv:3908,amt:2e3},{name:"Page E",uv:1890,pv:4800,amt:2181},{name:"Page F",uv:2390,pv:3800,amt:2500},{name:"Page G",uv:3490,pv:4300,amt:2100}],Mr="#8884d8";function Cl(){return e(_n,{children:o(Dt,{data:mk,margin:{top:25,right:18,left:18,bottom:50},children:[e("defs",{children:o("linearGradient",{id:"dashboardBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:Mr,stopOpacity:1}),e("stop",{offset:"95%",stopColor:Mr,stopOpacity:.5})]})}),e(Un,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(fn,{stroke:"var(--ac-global-color-grey-500)",label:{value:"Value",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(Hn,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(Sa,{dataKey:"pv",fill:"url(#dashboardBarColor)",spacing:15})]})})}function gk({title:n,subtitle:a}){return o("div",{css:F`
|
|
725
725
|
padding: var(--ac-global-dimension-size-100)
|
|
726
726
|
var(--ac-global-dimension-size-200);
|
|
727
727
|
border-bottom: 1px solid var(--ac-global-color-grey-200);
|
|
@@ -845,7 +845,7 @@ fragment ProjectDashboardsTable_projects on Query {
|
|
|
845
845
|
display: flex;
|
|
846
846
|
flex-direction: column;
|
|
847
847
|
gap: var(--ac-global-dimension-size-50);
|
|
848
|
-
`;function TT(){return o("div",{css:Ck,"data-testid":"layout",children:[e(xk,{}),o("div",{css:Fk,children:[e(by,{children:e(ky,{})}),e("div",{"data-testid":"content",css:Kk,children:e(m.Suspense,{fallback:e(me,{}),children:e(ve,{})})})]})]})}function xk(){const n=L0("dashboards"),a=m.useMemo(()=>window.Config.hasInferences,[]),
|
|
848
|
+
`;function TT(){return o("div",{css:Ck,"data-testid":"layout",children:[e(xk,{}),o("div",{css:Fk,children:[e(by,{children:e(ky,{})}),e("div",{"data-testid":"content",css:Kk,children:e(m.Suspense,{fallback:e(me,{}),children:e(ve,{})})})]})]})}function xk(){const n=L0("dashboards"),a=m.useMemo(()=>window.Config.hasInferences,[]),{authenticationEnabled:l}=A0(),t=m.useCallback(()=>{window.location.replace(Tn("/auth/logout"))},[]);return o(Dy,{children:[e(Sy,{}),o(b,{direction:"column",justifyContent:"space-between",flex:"1 1 auto",children:[o("ul",{css:Pk,children:[a&&e("li",{children:e(An,{to:"/model",text:"Model",leadingVisual:e(_,{svg:e(vy,{})})})},"model"),e("li",{children:e(An,{to:"/projects",text:"Projects",leadingVisual:e(_,{svg:e(Lo,{})})})}),n&&e("li",{children:e(An,{to:"/dashboards",text:"Dashboards",leadingVisual:e(_,{svg:e(Io,{})})})},"dashboards"),e("li",{children:e(An,{to:"/datasets",text:"Datasets",leadingVisual:e(_,{svg:e(mt,{})})})},"datasets"),e("li",{children:e(An,{to:"/playground",text:"Playground",leadingVisual:e(_,{svg:e(xa,{})})})},"playground"),e("li",{children:e(An,{to:"/prompts",text:"Prompts",leadingVisual:e(_,{svg:e(Ki,{})})})},"prompts"),e("li",{children:e(An,{to:"/apis",text:"APIs",leadingVisual:e(_,{svg:e(Ti,{})})})},"apis")]}),o("ul",{css:Tk,children:[e("li",{children:e(Cy,{})},"github"),e("li",{children:e(An,{to:"/settings/general",text:"Settings",leadingVisual:e(_,{svg:e(_o,{})})})},"settings"),e("li",{children:e(Fy,{})},"docs"),e("li",{children:e(An,{to:"/support",text:"Support",leadingVisual:e(_,{svg:e(Ky,{})})})},"support"),e("li",{children:e(Ty,{})},"theme-toggle"),l&&o(J,{children:[e("li",{children:e(An,{to:"/profile",text:"Profile",leadingVisual:e(_,{svg:e(Py,{})})})},"profile"),e("li",{children:e(xy,{text:"Log Out",leadingVisual:e(_,{svg:e(Iy,{})}),onClick:t})},"logout")]})]})]})]})}const Dd=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectConfigPageProjectConfigCardQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"ProjectConfigPage_projectConfigCard"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectConfigPageProjectConfigCardQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientStartColor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientEndColor",storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"492e0693e4facc2052015087af2e9de5",id:null,metadata:{},name:"ProjectConfigPageProjectConfigCardQuery",operationKind:"query",text:`query ProjectConfigPageProjectConfigCardQuery(
|
|
849
849
|
$id: ID!
|
|
850
850
|
) {
|
|
851
851
|
node(id: $id) {
|
|
@@ -997,7 +997,7 @@ fragment ProjectAnnotationConfigCardContent_project_annotations on Project {
|
|
|
997
997
|
}
|
|
998
998
|
`}}}();Md.hash="57a24bc659f8d1c2e7e761194c83231d";const Dk=n=>o(B,{title:"Project Annotations",variant:"compact",bodyStyle:{padding:0},children:[e(Ce,{variant:"info",banner:!0,children:"Annotation Configs are configured globally and can be associated with multiple projects. Select the annotation configs you want to use for this project."}),e(m.Suspense,{fallback:e(Ly,{}),children:e(_k,{projectId:n.projectId})}),e(v,{paddingX:"size-200",paddingY:"size-100",borderTopWidth:"thin",borderColor:"dark",children:e(b,{direction:"row",justifyContent:"end",children:e(we,{to:"/settings/annotations",children:"Configure Annotation Configs"})})})]}),Lk=[{id:"select",maxSize:10,header:()=>null,cell:({row:n})=>e(Nn,{checked:n.original.isEnabled,disabled:n.original.isLoading,onChange:a=>{const l=n.original.id;if(!l)throw new Error("Annotation config ID is required");a.target.checked?n.original.onAdd(l):n.original.onRemove(l)}})},{id:"name",header:"Name",accessorKey:"name",cell:({row:n})=>e(nl,{annotation:{name:n.original.name||""},annotationDisplayPreference:"none",css:F`
|
|
999
999
|
width: fit-content;
|
|
1000
|
-
`},n.original.name)},{id:"type",header:"Type",accessorKey:"annotationType",cell:({row:n})=>{var a,l;return e(C,{children:((a=n.original.annotationType)==null?void 0:a.charAt(0).toUpperCase())+((l=n.original.annotationType)==null?void 0:l.slice(1).toLowerCase())})}}],_k=n=>{const{projectId:a}=n,[l,t]=m.useState({}),i=ue(),r=
|
|
1000
|
+
`},n.original.name)},{id:"type",header:"Type",accessorKey:"annotationType",cell:({row:n})=>{var a,l;return e(C,{children:((a=n.original.annotationType)==null?void 0:a.charAt(0).toUpperCase())+((l=n.original.annotationType)==null?void 0:l.slice(1).toLowerCase())})}}],_k=n=>{const{projectId:a}=n,[l,t]=m.useState({}),i=ue(),r=be(),s=P.useLazyLoadQuery(Md,{projectId:a}),[d]=P.useRefetchableFragment(Ed,s.project),[c]=P.useMutation(wd),[g]=P.useMutation(Ad),f=m.useCallback(k=>{t(S=>({...S,[k]:!0})),m.startTransition(()=>{c({variables:{projectId:a,annotationConfigId:k},onCompleted:()=>{t(S=>({...S,[k]:!1})),i({title:"Annotation config added",message:"The annotation config has been added to the project."})},onError:S=>{t(K=>({...K,[k]:!1})),r({title:"Failed to add annotation config",message:S.message||"An unknown error occurred"})}})})},[a,c,i,r]),u=m.useCallback(k=>{t(S=>({...S,[k]:!0})),g({variables:{projectId:a,annotationConfigId:k},onCompleted:()=>{t(S=>({...S,[k]:!1})),i({title:"Annotation config removed",message:"The annotation config has been removed from the project."})},onError:S=>{t(K=>({...K,[k]:!1})),r({title:"Failed to remove annotation config",message:S.message||"An unknown error occurred"})}})},[a,g,i,r]),{allAnnotationConfigs:p}=s,y=m.useMemo(()=>{var S;const k=((S=d==null?void 0:d.annotationConfigs)==null?void 0:S.edges.map(K=>{var T;return(T=K==null?void 0:K.node)==null?void 0:T.name}))||[];return p.edges.map(K=>({id:K.node.id||"",name:K.node.name||"",annotationType:K.node.annotationType||"",isEnabled:k.includes(K.node.name),isLoading:l[K.node.id||""],onAdd:f,onRemove:u}))},[p.edges,d,l,f,u]),h=Fe({data:y,columns:Lk,getCoreRowModel:Ke()});return p.edges.length===0?e(b,{direction:"row",justifyContent:"center",children:e(C,{children:"No annotation configurations available."})}):e("div",{css:F`
|
|
1001
1001
|
overflow: auto;
|
|
1002
1002
|
`,children:o("table",{css:He,style:{width:h.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:h.getHeaderGroups().map(k=>e("tr",{children:k.headers.map(S=>e("th",{colSpan:S.colSpan,children:S.isPlaceholder?null:e("div",{style:{left:S.getStart(),width:S.getSize()},children:W(S.column.columnDef.header,S.getContext())})},S.id))},k.id))}),e("tbody",{children:h.getRowModel().rows.map(k=>e("tr",{children:k.getVisibleCells().map(S=>e("td",{style:{width:S.column.getSize(),maxWidth:S.column.getSize()},children:W(S.column.columnDef.cell,S.getContext())},S.id))},k.id))})]})})},Vd=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"cronExpression",storageKey:null},s={alias:null,args:null,kind:"ScalarField",name:"maxDays",storageKey:null},d={kind:"InlineFragment",selections:[s],type:"TraceRetentionRuleMaxDays",abstractKey:null},c={alias:null,args:null,kind:"ScalarField",name:"maxCount",storageKey:null},g={kind:"InlineFragment",selections:[c],type:"TraceRetentionRuleMaxCount",abstractKey:null},f={kind:"InlineFragment",selections:[s,c],type:"TraceRetentionRuleMaxDaysOrCount",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectPageQueriesProjectConfigQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{args:null,kind:"FragmentSpread",name:"ProjectConfigPage_projectConfigCard"},{args:null,kind:"FragmentSpread",name:"ProjectRetentionPolicyCard_policy"}],storageKey:null},{args:null,kind:"FragmentSpread",name:"ProjectRetentionPolicyCard_query"}],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:[t,l,{kind:"InlineFragment",selections:[i,{alias:null,args:null,kind:"ScalarField",name:"gradientStartColor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientEndColor",storageKey:null},{alias:null,args:null,concreteType:"ProjectTraceRetentionPolicy",kind:"LinkedField",name:"traceRetentionPolicy",plural:!1,selections:[l,i,r,{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"rule",plural:!1,selections:[t,d,g,f],storageKey:null}],storageKey:null}],type:"Project",abstractKey:null}],storageKey:null},{alias:null,args:null,concreteType:"ProjectTraceRetentionPolicyConnection",kind:"LinkedField",name:"projectTraceRetentionPolicies",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectTraceRetentionPolicyEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"ProjectTraceRetentionPolicy",kind:"LinkedField",name:"node",plural:!1,selections:[l,i,r,{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"rule",plural:!1,selections:[t,g,d,f],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"21b6f510ef6ac701854b1c2f750f30ad",id:null,metadata:{},name:"ProjectPageQueriesProjectConfigQuery",operationKind:"query",text:`query ProjectPageQueriesProjectConfigQuery(
|
|
1003
1003
|
$id: ID!
|
|
@@ -1459,7 +1459,7 @@ fragment ProjectRetentionPolicyCard_policy on Project {
|
|
|
1459
1459
|
}
|
|
1460
1460
|
}
|
|
1461
1461
|
}
|
|
1462
|
-
`}}}();Ud.hash="7b5534147b50d4a3232a2d5d94705212";const Hd=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"maxDays",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"maxCount",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ProjectRetentionPolicyCard_policy",selections:[n,a,{alias:null,args:null,concreteType:"ProjectTraceRetentionPolicy",kind:"LinkedField",name:"traceRetentionPolicy",plural:!1,selections:[n,a,{alias:null,args:null,kind:"ScalarField",name:"cronExpression",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"rule",plural:!1,selections:[{kind:"InlineFragment",selections:[l],type:"TraceRetentionRuleMaxDays",abstractKey:null},{kind:"InlineFragment",selections:[t],type:"TraceRetentionRuleMaxCount",abstractKey:null},{kind:"InlineFragment",selections:[l,t],type:"TraceRetentionRuleMaxDaysOrCount",abstractKey:null}],storageKey:null}],storageKey:null}],type:"Project",abstractKey:null}}();Hd.hash="6069a92b50f5083a8c8fbeee6982b6b5";const Gd={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ProjectRetentionPolicyCard_query",selections:[{args:null,kind:"FragmentSpread",name:"ProjectTraceRetentionPolicySelectFragment"}],type:"Query",abstractKey:null};Gd.hash="ae8f95394a5ca83acf7326a90809b351";const Ak=({project:n,query:a})=>{var u,p,y,h,k,S;const l=Co(),t=ue(),i=
|
|
1462
|
+
`}}}();Ud.hash="7b5534147b50d4a3232a2d5d94705212";const Hd=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"maxDays",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"maxCount",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ProjectRetentionPolicyCard_policy",selections:[n,a,{alias:null,args:null,concreteType:"ProjectTraceRetentionPolicy",kind:"LinkedField",name:"traceRetentionPolicy",plural:!1,selections:[n,a,{alias:null,args:null,kind:"ScalarField",name:"cronExpression",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"rule",plural:!1,selections:[{kind:"InlineFragment",selections:[l],type:"TraceRetentionRuleMaxDays",abstractKey:null},{kind:"InlineFragment",selections:[t],type:"TraceRetentionRuleMaxCount",abstractKey:null},{kind:"InlineFragment",selections:[l,t],type:"TraceRetentionRuleMaxDaysOrCount",abstractKey:null}],storageKey:null}],storageKey:null}],type:"Project",abstractKey:null}}();Hd.hash="6069a92b50f5083a8c8fbeee6982b6b5";const Gd={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ProjectRetentionPolicyCard_query",selections:[{args:null,kind:"FragmentSpread",name:"ProjectTraceRetentionPolicySelectFragment"}],type:"Query",abstractKey:null};Gd.hash="ae8f95394a5ca83acf7326a90809b351";const Ak=({project:n,query:a})=>{var u,p,y,h,k,S;const l=Co(),t=ue(),i=be(),r=P.useFragment(Gd,a),s=P.useFragment(Hd,n),[d,c]=P.useMutation(Ud),g=m.useMemo(()=>{var K;return Qi({schedule:((K=s.traceRetentionPolicy)==null?void 0:K.cronExpression)||""})},[(u=s.traceRetentionPolicy)==null?void 0:u.cronExpression]),f=K=>{d({variables:{projectId:s.id,policyId:K},onCompleted:()=>{t({title:"Project retention policy updated",message:"The new policy will take effect at the configured schedule."})},onError:()=>{i({title:"Failed to update retention policy",message:"Please try again."})}})};return o(B,{title:"Data Retention",variant:"compact",bodyStyle:{padding:0},children:[e(v,{paddingX:"size-200",paddingY:"size-100",children:o(b,{direction:"row",gap:"size-400",alignItems:"center",children:[e("section",{children:e(_y,{defaultValue:(p=s.traceRetentionPolicy)==null?void 0:p.id,onChange:f,query:r,isDisabled:c||!l})}),e("section",{children:o(b,{direction:"column",gap:"size-100",children:[e(C,{children:Xs({numberOfDays:(h=(y=s.traceRetentionPolicy)==null?void 0:y.rule)==null?void 0:h.maxDays,numberOfTraces:(S=(k=s.traceRetentionPolicy)==null?void 0:k.rule)==null?void 0:S.maxCount})}),o(C,{children:[e("b",{children:"Schedule:"})," ",g]})]})})]})}),e(v,{paddingX:"size-200",paddingY:"size-100",borderTopWidth:"thin",borderColor:"dark",children:e(b,{direction:"row",justifyContent:"end",children:e(we,{to:"/settings/data",children:"Configure Retention Policies"})})})]})},wk=F`
|
|
1463
1463
|
overflow-y: auto;
|
|
1464
1464
|
`,Rk=F`
|
|
1465
1465
|
padding: var(--ac-global-dimension-size-400);
|
|
@@ -1483,7 +1483,7 @@ fragment ProjectRetentionPolicyCard_policy on Project {
|
|
|
1483
1483
|
}
|
|
1484
1484
|
`,children:o(b,{direction:"column",gap:"size-100",width:"100%",children:[o(b,{direction:"row",gap:"size-100",alignItems:"end",width:"100%",children:[o(Y,{value:a.name,isReadOnly:!0,css:F`
|
|
1485
1485
|
width: 100%;
|
|
1486
|
-
`,children:[e(H,{children:"Project Name"}),e(Z,{})]}),e(
|
|
1486
|
+
`,children:[e(H,{children:"Project Name"}),e(Z,{})]}),e(se,{text:a.name,size:"M"})]}),o(gt,{selectedKey:l,onSelectionChange:i=>{typeof i=="string"&&_d(i)&&t(i)},placeholder:"Select a default tab",children:[e(H,{children:"Default Project Tab"}),o(E,{children:[e(lt,{}),e(pt,{})]}),e(Xn,{children:o(Ml,{children:[e(Wn,{id:"spans",children:"Spans"},"spans"),e(Wn,{id:"traces",children:"Traces"},"traces"),e(Wn,{id:"sessions",children:"Sessions"},"sessions")]})})]})]})})]})})};function xT(){const{projectId:n}=Qe();return Oe(n),e(Ay,{projectId:n,children:e(ve,{})})}const Wd=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"promptConfigLoaderQuery",selections:[{alias:"prompt",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"PromptVersionTagsConfigCard_data"}],type:"Prompt",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"promptConfigLoaderQuery",selections:[{alias:"prompt",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"PromptVersionTag",kind:"LinkedField",name:"versionTags",plural:!0,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"promptVersionId",storageKey:null}],storageKey:null}],type:"Prompt",abstractKey:null}],storageKey:null}]},params:{cacheID:"bb3d56ec191577418a8de0eaf53b6bde",id:null,metadata:{},name:"promptConfigLoaderQuery",operationKind:"query",text:`query promptConfigLoaderQuery(
|
|
1487
1487
|
$id: ID!
|
|
1488
1488
|
) {
|
|
1489
1489
|
prompt: node(id: $id) {
|
|
@@ -1702,7 +1702,7 @@ fragment PromptVersionTagsList_data on PromptVersion {
|
|
|
1702
1702
|
name
|
|
1703
1703
|
}
|
|
1704
1704
|
}
|
|
1705
|
-
`}}}();tc.hash="3ce25c8fbe5598ec1ee037a9778a6957";const ic={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};ic.hash="24788aacf7830c0e5037befe576f4968";function Qk(n){const[a,l]=m.useState(!1),t=ue(),i=he(),r=P.useFragment(ic,n.prompt),[s,d]=P.useMutation(tc),{control:c,handleSubmit:g}=Ve({defaultValues:{description:r.description??""}}),f=m.useCallback(u=>{s({variables:{input:{promptId:r.id,description:u.description}},onCompleted:()=>{l(!1),t({title:"Prompt updated",message:"The prompt has been updated successfully"})},onError:p=>{var y;i({title:"Error updating prompt",message:(y=De(p))==null?void 0:y[0]})}})},[r.id,s,i,t]);return o($e,{isOpen:a,onOpenChange:l,children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(_o,{})}),variant:"quiet","aria-label":"configure prompt",onPress:()=>l(!0)}),e(nn,{size:"S",isDismissable:!0,children:o(en,{children:[e(ae,{slot:"title",children:"Edit Prompt Details"}),o(Ue,{children:[e(v,{padding:"size-200",children:e(G,{name:"description",control:c,render:({field:u})=>o(Y,{value:u.value,onChange:u.onChange,children:[e(H,{children:"Prompt Description"}),e(Ka,{placeholder:"Enter a description for the prompt"}),e(C,{slot:"description",children:"A description of the prompt"})]})})}),e(v,{paddingX:"size-200",paddingY:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:o(b,{direction:"row",gap:"size-100",justifyContent:"end",children:[e(E,{slot:"close",size:"S",children:"Cancel"}),e(E,{variant:"primary",size:"S",isDisabled:d,onPress:()=>g(f)(),children:d?"Saving...":"Save"})]})})]})]})})]})}const rc=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}}();rc.hash="e0d9c12926330e5e774cbc64de158a82";const qi=R.object({text:R.object({text:R.string()})}),Ui=R.object({toolCall:R.object({toolCallId:R.string(),toolCall:R.object({name:R.string(),arguments:R.string()})})}),Hi=R.object({toolResult:R.object({toolCallId:R.string(),result:bi})}),At=n=>{const a=qi.safeParse(n);return a.success?a.data:null},oc=n=>{const a={text:{text:n}},l=qi.safeParse(a);return l.success?l.data:null},Gi=n=>{const a=Ui.safeParse(n);return a.success?a.data:null},sc=n=>{const a=My(n),l=Vy(n),t=zy(n);if(!a)return null;const i=zn(t).json||"",r={toolCall:{toolCallId:a,toolCall:{name:l||a,arguments:i}}},s=Ui.safeParse(r);return s.success?s.data:null},Wi=n=>{const a=Hi.safeParse(n);return a.success?a.data:null},dc=(n,a)=>{const l={toolResult:{toolCallId:n,result:a}},t=Hi.safeParse(l);return t.success?t.data:null};function $l(n){return m.useMemo(()=>{const a=n.toLowerCase();return Wl.user.includes(a)?{backgroundColor:"grey-200",borderColor:"grey-500"}:Wl.ai.includes(a)?{backgroundColor:"blue-100",borderColor:"blue-700"}:Wl.system.includes(a)?{backgroundColor:"indigo-100",borderColor:"indigo-700"}:["function","tool"].includes(a)?{backgroundColor:"yellow-100",borderColor:"yellow-700"}:{backgroundColor:"grey-100",borderColor:"grey-700"}},[n])}const wt={text:"Text",toolCall:"Tool Call",toolResult:"Tool Result"},Bk=Object.values(wt);function qk({toolResult:n,isOnlyChild:a}){const l=m.useMemo(()=>{const t=n.toolResult.result;return Oi(t)},[n]);return e(Ji,{title:wt.toolResult,isOnlyChild:a,children:o(b,{direction:"column",children:[e(v,{paddingX:"size-200",paddingTop:"size-100",children:o(b,{direction:"column",justifyContent:"start",gap:"size-100",children:[e(C,{weight:"heavy",size:"XS",children:"Tool ID"}),e(v,{paddingX:"size-300",children:e(C,{size:"XS",children:n.toolResult.toolCallId})})]})}),o(b,{direction:"column",children:[e(v,{paddingX:"size-200",paddingTop:"size-100",children:e(C,{weight:"heavy",size:"XS",children:"Tool Result"})}),e(yt,{readOnly:!0,children:e(ft,{readOnly:!0,height:"100%",defaultValue:l,templateFormat:hn.NONE})})]})]})})}function Uk({provider:n,toolCall:a,isOnlyChild:l}){const t=m.useMemo(()=>{const i=Ao(a,n);return zn(i,null,2).json||""},[n,a]);return e(Ji,{title:wt.toolCall,isOnlyChild:l,children:e(yt,{readOnly:!0,children:e(ft,{readOnly:!0,height:"100%",defaultValue:t,templateFormat:hn.NONE})})})}function Hk(n){const{text:a,templateFormat:l,isOnlyChild:t}=n;return e(Ji,{title:wt.text,isOnlyChild:t,children:e(yt,{readOnly:!0,children:e(ft,{readOnly:!0,height:"100%",defaultValue:a,templateFormat:l})})})}function Ji({title:n,children:a,isOnlyChild:l}){return l?e(J,{children:a}):o(ye,{id:n,children:[e(ge,{children:e(C,{weight:"heavy",size:"S",children:n})}),e(pe,{children:a})]})}function Gk(n){const{role:a,children:l}=n,t=$l(a);return e(B,{title:a,variant:"compact",...t,bodyStyle:{padding:0},collapsible:!0,children:e(vn,{defaultExpandedKeys:Bk,children:l})})}function Wk({promptVersion:n}){const{template:a,templateFormat:l,provider:t}=P.useFragment(rc,n);if(a.__typename==="PromptStringTemplate")return e(C,{children:a.template});if(a.__typename==="PromptChatTemplate")return e(Zk,{template:a,templateFormat:l,provider:Ls(t)||bo});if(a.__typename==="%other")throw new Error("Unknown template type"+a.__typename)}function Jk({part:n,templateFormat:a,provider:l,isOnlyChild:t}){let i=At(n);return i?e(Hk,{text:i.text.text,templateFormat:a,isOnlyChild:t}):(i=Gi(n),i?e(Uk,{toolCall:i,provider:l,isOnlyChild:t}):(i=Wi(n),i?e(qk,{toolResult:i,isOnlyChild:t}):null))}function Zk({template:n,templateFormat:a,provider:l}){const{messages:t}=n;return e(b,{direction:"column",gap:"size-100","data-testid":"chat-messages",children:t.map((i,r)=>{const s=i.content.length===1&&i.content.find(At)!=null;return e(Gk,{role:i.role,children:i.content.map((d,c)=>e(Jk,{part:d,templateFormat:a,provider:l,isOnlyChild:s},`${c}-${d.__typename}`))},r)})})}function cc({title:n="Prompt",promptVersion:a}){return e(B,{title:n,variant:"compact",collapsible:!0,"data-testid":"prompt-chat-messages-card",children:e(Wk,{promptVersion:a})})}const uc=function(){var n=[{alias:null,args:null,kind:"ScalarField",name:"definition",storageKey:null}],a={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"toolCallId",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptCodeExportCard__main",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"invocationParameters",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"modelName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{alias:null,args:null,concreteType:"ResponseFormat",kind:"LinkedField",name:"responseFormat",plural:!1,selections:n,storageKey:null},{alias:null,args:null,concreteType:"ToolDefinition",kind:"LinkedField",name:"tools",plural:!0,selections:n,storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"template",plural:!1,selections:[a,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"PromptMessage",kind:"LinkedField",name:"messages",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"role",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"content",plural:!0,selections:[{kind:"InlineFragment",selections:[a,{alias:null,args:null,concreteType:"TextContentValue",kind:"LinkedField",name:"text",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"text",storageKey:null}],storageKey:null}],type:"TextContentPart",abstractKey:null},{kind:"InlineFragment",selections:[a,{alias:null,args:null,concreteType:"ToolCallContentValue",kind:"LinkedField",name:"toolCall",plural:!1,selections:[l,{alias:null,args:null,concreteType:"ToolCallFunction",kind:"LinkedField",name:"toolCall",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null}],storageKey:null}],storageKey:null}],type:"ToolCallContentPart",abstractKey:null},{kind:"InlineFragment",selections:[a,{alias:null,args:null,concreteType:"ToolResultContentValue",kind:"LinkedField",name:"toolResult",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"result",storageKey:null}],storageKey:null}],type:"ToolResultContentPart",abstractKey:null}],storageKey:null}],storageKey:null}],type:"PromptChatTemplate",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"template",storageKey:null}],type:"PromptStringTemplate",abstractKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateFormat",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateType",storageKey:null}],type:"PromptVersion",abstractKey:null}}();uc.hash="3fa95713c234bb0cfa4c36e8e4f9cea0";const Xk=R.enum(["system","user","assistant","developer","tool","function"]),Rt=R.object({role:Xk,content:R.string().nullable(),name:R.string().optional(),tool_call_id:R.string().optional(),tool_calls:R.array(Ny).optional()}).passthrough(),Yk=R.array(Rt);at(Yk,{removeAdditionalStrategy:"passthrough"});const e1=R.enum(["user","assistant","tool"]),n1=$y.extend({type:R.string(),text:R.string().optional(),id:R.string().optional(),tool_use_id:R.string().optional(),name:R.string().optional(),input:R.record(R.unknown()).optional(),source:R.object({type:R.string(),media_type:R.string().optional(),data:R.string().optional()}).optional()}),mc=R.object({role:e1,content:R.union([R.string(),R.array(n1)])}),a1=R.array(mc);at(a1,{removeAdditionalStrategy:"passthrough"});const l1=R.enum(["SYSTEM","USER","AI","TOOL"]),t1=R.object({image:R.object({url:R.string()})}),i1=R.discriminatedUnion("__typename",[qi.extend({__typename:R.literal("TextContentPart")}),t1.extend({__typename:R.literal("ImageContentPart")}),Ui.extend({__typename:R.literal("ToolCallContentPart")}),Hi.extend({__typename:R.literal("ToolResultContentPart")})]),Et=R.object({role:l1,content:R.array(i1)}).passthrough(),r1=R.array(Et);at(r1,{removeAdditionalStrategy:"passthrough"});const gc=Rt.transform(n=>{const a={role:n.role==="assistant"?"assistant":"user",content:n.content?[{type:"text",text:n.content}]:[]};return n.tool_calls?{...a,content:[...a.content,...n.tool_calls.map(l=>jy.parse(l))]}:n.tool_call_id?{...a,content:[{type:"tool_result",tool_use_id:n.tool_call_id,content:n.content}]}:a}),pc=Et.transform(n=>{if(n.role==="TOOL"){const t=n.content.map(i=>Wi(i)).find(i=>!!i);if(!t)throw new Error("TOOL role message must have a ToolResultContentPart");return{role:"tool",content:Oi(t.toolResult.result),tool_call_id:t.toolResult.toolCallId}}const a={role:{SYSTEM:"system",USER:"user",AI:"assistant",TOOL:"tool"}[n.role],content:n.content.map(t=>At(t)).filter(t=>!!t).map(t=>t.text.text).join(`
|
|
1705
|
+
`}}}();tc.hash="3ce25c8fbe5598ec1ee037a9778a6957";const ic={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};ic.hash="24788aacf7830c0e5037befe576f4968";function Qk(n){const[a,l]=m.useState(!1),t=ue(),i=be(),r=P.useFragment(ic,n.prompt),[s,d]=P.useMutation(tc),{control:c,handleSubmit:g}=Ve({defaultValues:{description:r.description??""}}),f=m.useCallback(u=>{s({variables:{input:{promptId:r.id,description:u.description}},onCompleted:()=>{l(!1),t({title:"Prompt updated",message:"The prompt has been updated successfully"})},onError:p=>{var y;i({title:"Error updating prompt",message:(y=De(p))==null?void 0:y[0]})}})},[r.id,s,i,t]);return o($e,{isOpen:a,onOpenChange:l,children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(_o,{})}),variant:"quiet","aria-label":"configure prompt",onPress:()=>l(!0)}),e(nn,{size:"S",isDismissable:!0,children:o(en,{children:[e(ae,{slot:"title",children:"Edit Prompt Details"}),o(Ue,{children:[e(v,{padding:"size-200",children:e(G,{name:"description",control:c,render:({field:u})=>o(Y,{value:u.value,onChange:u.onChange,children:[e(H,{children:"Prompt Description"}),e(Ka,{placeholder:"Enter a description for the prompt"}),e(C,{slot:"description",children:"A description of the prompt"})]})})}),e(v,{paddingX:"size-200",paddingY:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:o(b,{direction:"row",gap:"size-100",justifyContent:"end",children:[e(E,{slot:"close",size:"S",children:"Cancel"}),e(E,{variant:"primary",size:"S",isDisabled:d,onPress:()=>g(f)(),children:d?"Saving...":"Save"})]})})]})]})})]})}const rc=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}}();rc.hash="e0d9c12926330e5e774cbc64de158a82";const qi=R.object({text:R.object({text:R.string()})}),Ui=R.object({toolCall:R.object({toolCallId:R.string(),toolCall:R.object({name:R.string(),arguments:R.string()})})}),Hi=R.object({toolResult:R.object({toolCallId:R.string(),result:bi})}),At=n=>{const a=qi.safeParse(n);return a.success?a.data:null},oc=n=>{const a={text:{text:n}},l=qi.safeParse(a);return l.success?l.data:null},Gi=n=>{const a=Ui.safeParse(n);return a.success?a.data:null},sc=n=>{const a=My(n),l=Vy(n),t=zy(n);if(!a)return null;const i=zn(t).json||"",r={toolCall:{toolCallId:a,toolCall:{name:l||a,arguments:i}}},s=Ui.safeParse(r);return s.success?s.data:null},Wi=n=>{const a=Hi.safeParse(n);return a.success?a.data:null},dc=(n,a)=>{const l={toolResult:{toolCallId:n,result:a}},t=Hi.safeParse(l);return t.success?t.data:null};function $l(n){return m.useMemo(()=>{const a=n.toLowerCase();return Wl.user.includes(a)?{backgroundColor:"grey-200",borderColor:"grey-500"}:Wl.ai.includes(a)?{backgroundColor:"blue-100",borderColor:"blue-700"}:Wl.system.includes(a)?{backgroundColor:"indigo-100",borderColor:"indigo-700"}:["function","tool"].includes(a)?{backgroundColor:"yellow-100",borderColor:"yellow-700"}:{backgroundColor:"grey-100",borderColor:"grey-700"}},[n])}const wt={text:"Text",toolCall:"Tool Call",toolResult:"Tool Result"},Bk=Object.values(wt);function qk({toolResult:n,isOnlyChild:a}){const l=m.useMemo(()=>{const t=n.toolResult.result;return Oi(t)},[n]);return e(Ji,{title:wt.toolResult,isOnlyChild:a,children:o(b,{direction:"column",children:[e(v,{paddingX:"size-200",paddingTop:"size-100",children:o(b,{direction:"column",justifyContent:"start",gap:"size-100",children:[e(C,{weight:"heavy",size:"XS",children:"Tool ID"}),e(v,{paddingX:"size-300",children:e(C,{size:"XS",children:n.toolResult.toolCallId})})]})}),o(b,{direction:"column",children:[e(v,{paddingX:"size-200",paddingTop:"size-100",children:e(C,{weight:"heavy",size:"XS",children:"Tool Result"})}),e(yt,{readOnly:!0,children:e(ft,{readOnly:!0,height:"100%",defaultValue:l,templateFormat:hn.NONE})})]})]})})}function Uk({provider:n,toolCall:a,isOnlyChild:l}){const t=m.useMemo(()=>{const i=Ao(a,n);return zn(i,null,2).json||""},[n,a]);return e(Ji,{title:wt.toolCall,isOnlyChild:l,children:e(yt,{readOnly:!0,children:e(ft,{readOnly:!0,height:"100%",defaultValue:t,templateFormat:hn.NONE})})})}function Hk(n){const{text:a,templateFormat:l,isOnlyChild:t}=n;return e(Ji,{title:wt.text,isOnlyChild:t,children:e(yt,{readOnly:!0,children:e(ft,{readOnly:!0,height:"100%",defaultValue:a,templateFormat:l})})})}function Ji({title:n,children:a,isOnlyChild:l}){return l?e(J,{children:a}):o(ye,{id:n,children:[e(ge,{children:e(C,{weight:"heavy",size:"S",children:n})}),e(pe,{children:a})]})}function Gk(n){const{role:a,children:l}=n,t=$l(a);return e(B,{title:a,variant:"compact",...t,bodyStyle:{padding:0},collapsible:!0,children:e(vn,{defaultExpandedKeys:Bk,children:l})})}function Wk({promptVersion:n}){const{template:a,templateFormat:l,provider:t}=P.useFragment(rc,n);if(a.__typename==="PromptStringTemplate")return e(C,{children:a.template});if(a.__typename==="PromptChatTemplate")return e(Zk,{template:a,templateFormat:l,provider:Ls(t)||bo});if(a.__typename==="%other")throw new Error("Unknown template type"+a.__typename)}function Jk({part:n,templateFormat:a,provider:l,isOnlyChild:t}){let i=At(n);return i?e(Hk,{text:i.text.text,templateFormat:a,isOnlyChild:t}):(i=Gi(n),i?e(Uk,{toolCall:i,provider:l,isOnlyChild:t}):(i=Wi(n),i?e(qk,{toolResult:i,isOnlyChild:t}):null))}function Zk({template:n,templateFormat:a,provider:l}){const{messages:t}=n;return e(b,{direction:"column",gap:"size-100","data-testid":"chat-messages",children:t.map((i,r)=>{const s=i.content.length===1&&i.content.find(At)!=null;return e(Gk,{role:i.role,children:i.content.map((d,c)=>e(Jk,{part:d,templateFormat:a,provider:l,isOnlyChild:s},`${c}-${d.__typename}`))},r)})})}function cc({title:n="Prompt",promptVersion:a}){return e(B,{title:n,variant:"compact",collapsible:!0,"data-testid":"prompt-chat-messages-card",children:e(Wk,{promptVersion:a})})}const uc=function(){var n=[{alias:null,args:null,kind:"ScalarField",name:"definition",storageKey:null}],a={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"toolCallId",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptCodeExportCard__main",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"invocationParameters",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"modelName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{alias:null,args:null,concreteType:"ResponseFormat",kind:"LinkedField",name:"responseFormat",plural:!1,selections:n,storageKey:null},{alias:null,args:null,concreteType:"ToolDefinition",kind:"LinkedField",name:"tools",plural:!0,selections:n,storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"template",plural:!1,selections:[a,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"PromptMessage",kind:"LinkedField",name:"messages",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"role",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"content",plural:!0,selections:[{kind:"InlineFragment",selections:[a,{alias:null,args:null,concreteType:"TextContentValue",kind:"LinkedField",name:"text",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"text",storageKey:null}],storageKey:null}],type:"TextContentPart",abstractKey:null},{kind:"InlineFragment",selections:[a,{alias:null,args:null,concreteType:"ToolCallContentValue",kind:"LinkedField",name:"toolCall",plural:!1,selections:[l,{alias:null,args:null,concreteType:"ToolCallFunction",kind:"LinkedField",name:"toolCall",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null}],storageKey:null}],storageKey:null}],type:"ToolCallContentPart",abstractKey:null},{kind:"InlineFragment",selections:[a,{alias:null,args:null,concreteType:"ToolResultContentValue",kind:"LinkedField",name:"toolResult",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"result",storageKey:null}],storageKey:null}],type:"ToolResultContentPart",abstractKey:null}],storageKey:null}],storageKey:null}],type:"PromptChatTemplate",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"template",storageKey:null}],type:"PromptStringTemplate",abstractKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateFormat",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateType",storageKey:null}],type:"PromptVersion",abstractKey:null}}();uc.hash="3fa95713c234bb0cfa4c36e8e4f9cea0";const Xk=R.enum(["system","user","assistant","developer","tool","function"]),Rt=R.object({role:Xk,content:R.string().nullable(),name:R.string().optional(),tool_call_id:R.string().optional(),tool_calls:R.array(Ny).optional()}).passthrough(),Yk=R.array(Rt);at(Yk,{removeAdditionalStrategy:"passthrough"});const e1=R.enum(["user","assistant","tool"]),n1=$y.extend({type:R.string(),text:R.string().optional(),id:R.string().optional(),tool_use_id:R.string().optional(),name:R.string().optional(),input:R.record(R.unknown()).optional(),source:R.object({type:R.string(),media_type:R.string().optional(),data:R.string().optional()}).optional()}),mc=R.object({role:e1,content:R.union([R.string(),R.array(n1)])}),a1=R.array(mc);at(a1,{removeAdditionalStrategy:"passthrough"});const l1=R.enum(["SYSTEM","USER","AI","TOOL"]),t1=R.object({image:R.object({url:R.string()})}),i1=R.discriminatedUnion("__typename",[qi.extend({__typename:R.literal("TextContentPart")}),t1.extend({__typename:R.literal("ImageContentPart")}),Ui.extend({__typename:R.literal("ToolCallContentPart")}),Hi.extend({__typename:R.literal("ToolResultContentPart")})]),Et=R.object({role:l1,content:R.array(i1)}).passthrough(),r1=R.array(Et);at(r1,{removeAdditionalStrategy:"passthrough"});const gc=Rt.transform(n=>{const a={role:n.role==="assistant"?"assistant":"user",content:n.content?[{type:"text",text:n.content}]:[]};return n.tool_calls?{...a,content:[...a.content,...n.tool_calls.map(l=>jy.parse(l))]}:n.tool_call_id?{...a,content:[{type:"tool_result",tool_use_id:n.tool_call_id,content:n.content}]}:a}),pc=Et.transform(n=>{if(n.role==="TOOL"){const t=n.content.map(i=>Wi(i)).find(i=>!!i);if(!t)throw new Error("TOOL role message must have a ToolResultContentPart");return{role:"tool",content:Oi(t.toolResult.result),tool_call_id:t.toolResult.toolCallId}}const a={role:{SYSTEM:"system",USER:"user",AI:"assistant",TOOL:"tool"}[n.role],content:n.content.map(t=>At(t)).filter(t=>!!t).map(t=>t.text.text).join(`
|
|
1706
1706
|
`)},l=n.content.map(t=>Gi(t)).filter(t=>!!t).map(t=>({id:t.toolCall.toolCallId,type:"function",function:{name:t.toolCall.toolCall.name,arguments:typeof t.toolCall.toolCall.arguments=="string"?JSON.parse(t.toolCall.toolCall.arguments):t.toolCall.toolCall.arguments}}));return l.length>0?{...a,tool_calls:l}:a});Rt.transform(n=>{const a=[];if(n.role==="tool"&&n.tool_call_id){const t=dc(n.tool_call_id,n.content);return t&&a.push({__typename:"ToolResultContentPart",...t}),{role:"TOOL",content:a}}if(n.content){const t=oc(n.content);t&&a.push({__typename:"TextContentPart",...t})}return n.tool_calls&&n.tool_calls.forEach(t=>{const i=sc({id:t.id,name:t.function.name,arguments:t.function.arguments});i&&a.push({__typename:"ToolCallContentPart",...i})}),{role:{system:"SYSTEM",user:"USER",assistant:"AI",tool:"TOOL",developer:"SYSTEM",function:"TOOL"}[n.role],content:a}});const o1=({message:n,targetProvider:a})=>{switch(a){case"AZURE_OPENAI":case"OPENAI":case"DEEPSEEK":case"XAI":case"OLLAMA":return n;case"ANTHROPIC":return gc.parse(n);case"GOOGLE":return n;default:return Te()}};R.union([Rt,mc,Et,bi]);Et.transform(n=>gc.parse(pc.parse(n)));const En=" ",Bl=({json:n,level:a,removeKeyQuotes:l=!1})=>{const t=En.repeat(a);let i=JSON.stringify(n,null,En);return i=i.split(`
|
|
1707
1707
|
`).map((r,s)=>s>0?t+r:r).join(`
|
|
1708
1708
|
`),l&&(i=i.replace(/"([a-zA-Z_$][a-zA-Z0-9_$]*)"\s*:/g,"$1:")),i},s1=Pn.template(`
|
|
@@ -1831,7 +1831,7 @@ const response = await anthropic.messages.create({
|
|
|
1831
1831
|
});
|
|
1832
1832
|
|
|
1833
1833
|
console.log(response.content);
|
|
1834
|
-
`.trim()),ca={python:{openai:{assignmentOperator:"=",removeKeyQuotes:!1,stringQuote:'"',sdkTemplate:s1,clientTemplate:c1},anthropic:{assignmentOperator:"=",removeKeyQuotes:!1,stringQuote:'"',sdkTemplate:m1,clientTemplate:p1}},typescript:{openai:{assignmentOperator:": ",removeKeyQuotes:!0,stringQuote:'"',sdkTemplate:d1,clientTemplate:u1},anthropic:{assignmentOperator:": ",removeKeyQuotes:!0,stringQuote:'"',sdkTemplate:g1,clientTemplate:y1}}},ql=(n,a)=>{if(!("messages"in n.template))throw new Error("Prompt template does not contain messages");const l=[],{assignmentOperator:t,removeKeyQuotes:i,stringQuote:r}=a;if(n.modelName&&l.push(`model${t}${r}${n.modelName}${r}`),n.invocationParameters){const d=Object.entries(n.invocationParameters).map(([c,g])=>typeof g=="string"?`${c}${t}${r}${g}${r}`:Si(g)?`${c}${t}${Bl({json:g,level:1,removeKeyQuotes:i})}`:`${c}${t}${g}`);l.push(...d)}let s="";if(n.template.messages.length>0&&(s=Bl({json:n.template.messages,level:0,removeKeyQuotes:i}),l.push(t==="="?"messages=messages":"messages")),n.tools&&n.tools.length>0){const d=Bl({json:n.tools.map(c=>c.definition),level:1,removeKeyQuotes:i});l.push(`tools${t}${d}`)}if(n.responseFormat&&"definition"in n.responseFormat){const d=Bl({json:n.responseFormat.definition,level:1,removeKeyQuotes:i});l.push(`response_format${t}${d}`)}return{args:l,messages:s}},zr=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,f1={python:{openai:n=>{const a=ca.python.openai,l={...n,template:{...n.template,messages:n.template.messages.map(r=>zr(r))}},{args:t,messages:i}=ql(l,a);return a.sdkTemplate({tab:En,args:t,messages:i})},anthropic:n=>{const a=ca.python.anthropic,{args:l,messages:t}=ql(n,a);return a.sdkTemplate({tab:En,args:l,messages:t})}},typescript:{openai:n=>{const a=ca.typescript.openai,l={...n,template:{...n.template,messages:n.template.messages.map(r=>zr(r))}},{args:t,messages:i}=ql(l,a);return a.sdkTemplate({tab:En,args:t,messages:i})},anthropic:n=>{const a=ca.typescript.anthropic,{args:l,messages:t}=ql(n,a);return a.sdkTemplate({tab:En,args:l,messages:t})}}},h1={python:{openai:n=>ca.python.openai.clientTemplate({tab:En,versionId:n.versionId}),anthropic:n=>ca.python.openai.clientTemplate({tab:En,versionId:n.versionId})},typescript:{openai:n=>ca.typescript.openai.clientTemplate({tab:En,versionId:n.versionId}),anthropic:n=>ca.typescript.anthropic.clientTemplate({tab:En,versionId:n.versionId})}},k1=({promptVersion:n,language:a})=>{var i;const l=f1[a.toLocaleLowerCase()][(i=n.modelProvider)==null?void 0:i.toLocaleLowerCase()];if(!l||!("messages"in n.template))return null;const t={...n,template:{...n.template,messages:n.template.messages.map(r=>{try{return o1({message:pc.parse(r),targetProvider:n.modelProvider})}catch(s){return console.warn("Cannot convert message"),console.error(s),null}}).filter(Boolean)}};return l(t)};function b1({promptVersion:n,language:a}){var i;const l=h1[a.toLocaleLowerCase()][(i=n.modelProvider)==null?void 0:i.toLocaleLowerCase()];if(!l)return null;const t={versionId:n.id};return l(t)}function yc({promptVersion:n}){const[a,l]=m.useState("Python"),t=P.useFragment(uc,n),i=m.useMemo(()=>k1({promptVersion:t,language:a}),[t,a]),r=m.useMemo(()=>b1({promptVersion:t,language:a}),[t,a]);return e(B,{title:"Code",variant:"compact",bodyStyle:{padding:0},extra:e(b,{gap:"size-100",alignItems:"center",children:e(Vl,{language:a,onChange:l,size:"S"})}),children:o(vn,{defaultExpandedKeys:["sdk-inline","client"],children:[o(ye,{id:"sdk-inline",children:[e(ge,{arrowPosition:"start",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",width:"100%",children:[e(C,{children:"SDK Inline"}),i?e(
|
|
1834
|
+
`.trim()),ca={python:{openai:{assignmentOperator:"=",removeKeyQuotes:!1,stringQuote:'"',sdkTemplate:s1,clientTemplate:c1},anthropic:{assignmentOperator:"=",removeKeyQuotes:!1,stringQuote:'"',sdkTemplate:m1,clientTemplate:p1}},typescript:{openai:{assignmentOperator:": ",removeKeyQuotes:!0,stringQuote:'"',sdkTemplate:d1,clientTemplate:u1},anthropic:{assignmentOperator:": ",removeKeyQuotes:!0,stringQuote:'"',sdkTemplate:g1,clientTemplate:y1}}},ql=(n,a)=>{if(!("messages"in n.template))throw new Error("Prompt template does not contain messages");const l=[],{assignmentOperator:t,removeKeyQuotes:i,stringQuote:r}=a;if(n.modelName&&l.push(`model${t}${r}${n.modelName}${r}`),n.invocationParameters){const d=Object.entries(n.invocationParameters).map(([c,g])=>typeof g=="string"?`${c}${t}${r}${g}${r}`:Si(g)?`${c}${t}${Bl({json:g,level:1,removeKeyQuotes:i})}`:`${c}${t}${g}`);l.push(...d)}let s="";if(n.template.messages.length>0&&(s=Bl({json:n.template.messages,level:0,removeKeyQuotes:i}),l.push(t==="="?"messages=messages":"messages")),n.tools&&n.tools.length>0){const d=Bl({json:n.tools.map(c=>c.definition),level:1,removeKeyQuotes:i});l.push(`tools${t}${d}`)}if(n.responseFormat&&"definition"in n.responseFormat){const d=Bl({json:n.responseFormat.definition,level:1,removeKeyQuotes:i});l.push(`response_format${t}${d}`)}return{args:l,messages:s}},zr=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,f1={python:{openai:n=>{const a=ca.python.openai,l={...n,template:{...n.template,messages:n.template.messages.map(r=>zr(r))}},{args:t,messages:i}=ql(l,a);return a.sdkTemplate({tab:En,args:t,messages:i})},anthropic:n=>{const a=ca.python.anthropic,{args:l,messages:t}=ql(n,a);return a.sdkTemplate({tab:En,args:l,messages:t})}},typescript:{openai:n=>{const a=ca.typescript.openai,l={...n,template:{...n.template,messages:n.template.messages.map(r=>zr(r))}},{args:t,messages:i}=ql(l,a);return a.sdkTemplate({tab:En,args:t,messages:i})},anthropic:n=>{const a=ca.typescript.anthropic,{args:l,messages:t}=ql(n,a);return a.sdkTemplate({tab:En,args:l,messages:t})}}},h1={python:{openai:n=>ca.python.openai.clientTemplate({tab:En,versionId:n.versionId}),anthropic:n=>ca.python.openai.clientTemplate({tab:En,versionId:n.versionId})},typescript:{openai:n=>ca.typescript.openai.clientTemplate({tab:En,versionId:n.versionId}),anthropic:n=>ca.typescript.anthropic.clientTemplate({tab:En,versionId:n.versionId})}},k1=({promptVersion:n,language:a})=>{var i;const l=f1[a.toLocaleLowerCase()][(i=n.modelProvider)==null?void 0:i.toLocaleLowerCase()];if(!l||!("messages"in n.template))return null;const t={...n,template:{...n.template,messages:n.template.messages.map(r=>{try{return o1({message:pc.parse(r),targetProvider:n.modelProvider})}catch(s){return console.warn("Cannot convert message"),console.error(s),null}}).filter(Boolean)}};return l(t)};function b1({promptVersion:n,language:a}){var i;const l=h1[a.toLocaleLowerCase()][(i=n.modelProvider)==null?void 0:i.toLocaleLowerCase()];if(!l)return null;const t={versionId:n.id};return l(t)}function yc({promptVersion:n}){const[a,l]=m.useState("Python"),t=P.useFragment(uc,n),i=m.useMemo(()=>k1({promptVersion:t,language:a}),[t,a]),r=m.useMemo(()=>b1({promptVersion:t,language:a}),[t,a]);return e(B,{title:"Code",variant:"compact",bodyStyle:{padding:0},extra:e(b,{gap:"size-100",alignItems:"center",children:e(Vl,{language:a,onChange:l,size:"S"})}),children:o(vn,{defaultExpandedKeys:["sdk-inline","client"],children:[o(ye,{id:"sdk-inline",children:[e(ge,{arrowPosition:"start",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",width:"100%",children:[e(C,{children:"SDK Inline"}),i?e(se,{text:i}):null]})}),e(pe,{children:i==null?e(v,{width:"100%",padding:"size-200",children:e(C,{color:"text-300",children:"No code snippet available for this prompt"})}):e(Nr,{language:a,value:i})})]}),o(ye,{id:"client",children:[e(ge,{arrowPosition:"start",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",width:"100%",gap:"size-100",children:[e(C,{children:"Using the Client"}),r?e(se,{text:r}):null]})}),e(pe,{children:r==null?e(v,{width:"100%",padding:"size-200",children:e(C,{color:"text-300",children:"No client code snippet available for this prompt"})}):e(Nr,{language:a,value:r})})]})]})})}function Nr({language:n,value:a}){switch(n){case"Python":return e(wo,{value:a,basicSetup:{lineNumbers:!0}});case"TypeScript":return e(Oy,{value:a,basicSetup:{lineNumbers:!0}});default:Te()}}const fc={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};fc.hash="a473a6f0d927379542694312449a4c63";const hc=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}}();hc.hash="80901eff49852a413f643ee876638174";const kc={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};kc.hash="25265fbc7ea915534615a56b4331236e";function bc({promptVersion:n}){const a=P.useFragment(kc,n);return e(b,{direction:"row",gap:"size-50",alignItems:"center",wrap:"wrap",children:a.tags.map(l=>e(S1,{children:l.name},l.id))})}function S1({children:n}){const a=m.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(Fn,{color:a,children:n})}function Sc(n){const a=P.useFragment(hc,n.promptVersion);return o(b,{direction:"column",gap:"size-50",children:[e(v,{width:"100%",children:e(b,{direction:"row",justifyContent:"space-between",alignItems:"center",width:"100%",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Fn,{color:"var(--ac-global-color-blue-900)",children:a.sequenceNumber}),e("span",{children:`${a.id}`})]})})}),e(v,{"data-testid":"prompt-version-item-description",paddingStart:"size-400",children:o(b,{direction:"column",gap:"size-100",children:[e(an,{maxWidth:"100%",children:e(C,{color:"text-700",size:"XS",children:a.description||"No Description"})}),o(b,{justifyContent:"space-between",alignItems:"center",gap:"size-100",children:[e(bc,{promptVersion:a}),o(b,{direction:"row",gap:"size-100",alignItems:"center",flex:"none",children:[a.user&&o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[e(ct,{size:14,name:a.user.username,profilePictureUrl:a.user.profilePictureUrl}),e(C,{size:"XS",children:a.user.username})]}),e(C,{color:"text-300",size:"XS",children:Tp(a.createdAt,Date.now())})]})]})]})})]})}const v1=5,C1=F`
|
|
1835
1835
|
padding-bottom: var(--ac-global-dimension-size-200);
|
|
1836
1836
|
position: relative;
|
|
1837
1837
|
`;function F1(n){const{prompt:a}=n,l=P.useFragment(fc,a),t=m.useMemo(()=>{var i,r;return(r=(i=l==null?void 0:l.latestVersions)==null?void 0:i.edges)==null?void 0:r.map(s=>s.version)},[l]);if(!t)throw new Error("Expected prompt versions to be defined");return o("div",{children:[e("ul",{children:t.map((i,r)=>{const s=r===v1-1;return o("li",{css:C1,children:[e(Sc,{promptVersion:i}),i.sequenceNumber!=1?e(T1,{isLastConnector:s}):null]},i.id)})}),e(b,{direction:"row",justifyContent:"end",children:e(we,{to:"versions",children:"View all versions"})})]})}const K1=F`
|
|
@@ -1865,7 +1865,7 @@ console.log(response.content);
|
|
|
1865
1865
|
id
|
|
1866
1866
|
}
|
|
1867
1867
|
}
|
|
1868
|
-
`}}}();Cc.hash="081b8cf05c35b46579fe5cbb85f7a761";const I1=({promptId:n,promptName:a,promptDescription:l,setDialog:t})=>{var k;const i=ue(),r=
|
|
1868
|
+
`}}}();Cc.hash="081b8cf05c35b46579fe5cbb85f7a761";const I1=({promptId:n,promptName:a,promptDescription:l,setDialog:t})=>{var k;const i=ue(),r=de(),[s,d]=P.useMutation(Cc),c=Ve({disabled:d,reValidateMode:"onBlur",mode:"onChange",defaultValues:{name:`${a}-clone`,description:l}}),{control:g,handleSubmit:f,formState:{isValid:u,errors:p},setError:y}=c,h=f(S=>{s({variables:{input:{promptId:n,name:S.name,description:S.description}},onCompleted:K=>{t(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(re,{title:"Clone Prompt",children:e(m.Suspense,{fallback:e(me,{}),children:e(v,{padding:"size-200",children:o("form",{onSubmit:h,children:[e(G,{control:g,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:I}})=>o(Y,{isInvalid:!!(I!=null&&I.message),children:[e(H,{children:"Name"}),e(Z,{name:"name",type:"text",onChange:S,onBlur:K,value:T,disabled:x}),!I&&e(C,{slot:"description",children:"A name for the cloned prompt."}),e(ke,{children:I==null?void 0:I.message})]})}),e(G,{control:g,name:"description",render:({field:{onChange:S,onBlur:K,value:T,disabled:x},fieldState:{error:I}})=>o(Y,{isInvalid:!!(I!=null&&I.message),isDisabled:x,value:T,onChange:S,onBlur:K,children:[e(H,{children:"Description"}),e(Ka,{name:"description"}),!I&&e(C,{slot:"description",children:"A description for the cloned prompt."}),e(ke,{children:I==null?void 0:I.message})]})}),(p==null?void 0:p.root)&&e(C,{color:"danger",children:(k=p==null?void 0:p.root)==null?void 0:k.message}),o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(E,{variant:"default",onPress:()=>t(null),isDisabled:d,children:"Cancel"}),e(E,{type:"submit",variant:"primary",isDisabled:!u,isPending:d,children:"Clone"})]})]})})})})},D1=F`
|
|
1869
1869
|
flex: 1 1 auto;
|
|
1870
1870
|
display: flex;
|
|
1871
1871
|
flex-direction: column;
|
|
@@ -1891,7 +1891,7 @@ console.log(response.content);
|
|
|
1891
1891
|
}
|
|
1892
1892
|
}
|
|
1893
1893
|
}
|
|
1894
|
-
`;function LT(){const[n,a]=m.useState(null),l=Zi(),t=
|
|
1894
|
+
`;function LT(){const[n,a]=m.useState(null),l=Zi(),t=de(),{pathname:i}=el();let r="prompt";i.includes("versions")?r="versions":i.includes("config")&&(r="config");const s=P.useFragment(vc,l.prompt);return o("main",{css:D1,children:[e(v,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",flex:"none",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[o(b,{direction:"column",children:[e(ae,{level:1,children:l.prompt.name}),s.sourcePrompt&&o(C,{color:"text-700",children:["cloned from"," ",e(we,{to:`/prompts/${s.sourcePrompt.id}`,children:s.sourcePrompt.name})]})]}),o(b,{direction:"row",gap:"size-100",children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(Qy,{})}),onPress:()=>{a(e(I1,{promptId:s.id,promptName:s.name,promptDescription:s.description??void 0,setDialog:a}))},children:"Clone"}),e(E,{size:"S",leadingVisual:e(_,{svg:e(ht,{})}),onPress:()=>{t(`/prompts/${l.prompt.id}/playground`)},children:"Edit in Playground"})]})]})}),o(tn,{defaultSelectedKey:r,onSelectionChange:d=>{let c;d==="versions"?c=`/prompts/${l.prompt.id}/versions`:d==="config"?c=`/prompts/${l.prompt.id}/config`:c=`/prompts/${l.prompt.id}`,t(c)},children:[o(ln,{children:[e(ne,{id:"prompt",children:"Prompt"}),o(ne,{id:"versions",children:["Versions ",e(In,{children:s.promptVersions.edges.length})]}),e(ne,{id:"config",children:"Config"})]}),e(ie,{id:"prompt",children:e(ve,{})}),e(ie,{id:"versions",children:e(ve,{})}),e(ie,{id:"config",children:e(ve,{})})]}),e(ce,{onDismiss:()=>a(null),children:n})]})}const Fc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"modelsInput"}],a={alias:null,args:null,kind:"ScalarField",name:"invocationInputField",storageKey:null},l={alias:"floatDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},t=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"modelsInput"}],concreteType:null,kind:"LinkedField",name:"modelInvocationParameters",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"invocationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"canonicalName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"required",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null}],type:"InvocationParameterBase",abstractKey:"__isInvocationParameterBase"},{kind:"InlineFragment",selections:[{alias:"booleanDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"BooleanInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[l,a,{alias:null,args:null,kind:"ScalarField",name:"minValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxValue",storageKey:null}],type:"BoundedFloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[l,a],type:"FloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"intDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"IntInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"jsonDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"JSONInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"stringDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"StringInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"stringListDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"StringListInvocationParameter",abstractKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"fetchPlaygroundPromptSupportedInvocationParametersQuery",selections:t,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"fetchPlaygroundPromptSupportedInvocationParametersQuery",selections:t},params:{cacheID:"530366c9a8cc3b47d685ca0600a39bb5",id:null,metadata:{},name:"fetchPlaygroundPromptSupportedInvocationParametersQuery",operationKind:"query",text:`query fetchPlaygroundPromptSupportedInvocationParametersQuery(
|
|
1895
1895
|
$modelsInput: ModelsInput!
|
|
1896
1896
|
) {
|
|
1897
1897
|
modelInvocationParameters(input: $modelsInput) {
|
|
@@ -2093,7 +2093,7 @@ fragment ExampleExperimentRunsTableFragment on DatasetExample {
|
|
|
2093
2093
|
width: 100%;
|
|
2094
2094
|
}
|
|
2095
2095
|
}
|
|
2096
|
-
`,children:e(b,{direction:"row",justifyContent:"center",children:e(v,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:o(b,{direction:"column",gap:"size-200",children:[t?e(Ce,{variant:"danger",children:t}):null,e(G,{control:d,name:"input",render:({field:{onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(B,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...qt,children:[k?e(Ce,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(sn,{value:h,onChange:p,onBlur:y})]})}),e(G,{control:d,name:"output",render:({field:{onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(B,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...qt,backgroundColor:"green-100",borderColor:"green-700",children:[k?e(Ce,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(sn,{value:h,onChange:p,onBlur:y})]})}),e(G,{control:d,name:"metadata",render:({field:{onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(B,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...qt,children:[k?e(Ce,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(sn,{value:h,onChange:p,onBlur:y})]})}),e(G,{control:d,name:"description",render:({field:{onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(Y,{value:h,onChange:p,onBlur:y,isInvalid:k,children:[e(H,{children:"Revision Description"}),e(Ka,{}),S?e(
|
|
2096
|
+
`,children:e(b,{direction:"row",justifyContent:"center",children:e(v,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:o(b,{direction:"column",gap:"size-200",children:[t?e(Ce,{variant:"danger",children:t}):null,e(G,{control:d,name:"input",render:({field:{onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(B,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...qt,children:[k?e(Ce,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(sn,{value:h,onChange:p,onBlur:y})]})}),e(G,{control:d,name:"output",render:({field:{onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(B,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...qt,backgroundColor:"green-100",borderColor:"green-700",children:[k?e(Ce,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(sn,{value:h,onChange:p,onBlur:y})]})}),e(G,{control:d,name:"metadata",render:({field:{onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(B,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...qt,children:[k?e(Ce,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(sn,{value:h,onChange:p,onBlur:y})]})}),e(G,{control:d,name:"description",render:({field:{onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(Y,{value:h,onChange:p,onBlur:y,isInvalid:k,children:[e(H,{children:"Revision Description"}),e(Ka,{}),S?e(ke,{children:S==null?void 0:S.message}):e(C,{slot:"description",children:"A description of the changes made in this revision. Will be displayed in the version history."})]})})]})})})})})}function Q1(n){const{onCompleted:a,...l}=n,[t,i]=m.useState(null);return o(J,{children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(ja,{})}),onPress:()=>i(e(O1,{...l,onCompleted:()=>{i(null),a()}})),children:"Edit Example"}),e(ce,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:t})]})}const Dc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExampleExperimentRunsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:l,kind:"FragmentSpread",name:"ExampleExperimentRunsTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExampleExperimentRunsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,i,{kind:"InlineFragment",selections:[{alias:null,args:l,concreteType:"ExperimentRunConnection",kind:"LinkedField",name:"experimentRuns",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"run",args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},r,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},r],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[t,i],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:l,filters:null,handle:"connection",key:"ExampleExperimentRunsTable_experimentRuns",kind:"LinkedHandle",name:"experimentRuns"}],type:"DatasetExample",abstractKey:null}],storageKey:null}]},params:{cacheID:"0b278c0b360ced38183ea75b27edca2d",id:null,metadata:{},name:"ExampleExperimentRunsTableQuery",operationKind:"query",text:`query ExampleExperimentRunsTableQuery(
|
|
2097
2097
|
$after: String = null
|
|
2098
2098
|
$first: Int = 100
|
|
2099
2099
|
$id: ID!
|
|
@@ -2160,13 +2160,13 @@ fragment ExampleExperimentRunsTableFragment_2HEEH6 on DatasetExample {
|
|
|
2160
2160
|
align-items: center;
|
|
2161
2161
|
color: var(--ac-global-color-primary);
|
|
2162
2162
|
gap: var(--ac-global-dimension-size-50);
|
|
2163
|
-
`;function H1({example:n}){const a=m.useRef(null),l=
|
|
2163
|
+
`;function H1({example:n}){const a=m.useRef(null),l=de(),{data:t,loadNext:i,hasNext:r,isLoadingNext:s}=P.usePaginationFragment(Lc,n),d=m.useMemo(()=>t.experimentRuns.edges.map(y=>{let h=null;return y.run.startTime&&y.run.endTime&&(h=new Date(y.run.endTime).getTime()-new Date(y.run.startTime).getTime()),{...y.run,output:JSON.stringify(y.run.output),latencyMs:h}}),[t]),g=Fe({columns:[{header:"start time",accessorKey:"startTime",cell:_e},{header:"output",accessorKey:"output",cell:y=>{var k;const h=(k=y.row.original)==null?void 0:k.error;return h!==null?e(C,{color:"danger",children:h}):e(Re,{...y})}},{header:"latency",accessorKey:"latencyMs",cell:({getValue:y})=>{const h=y();return h===null||typeof h!="number"?"--":e(je,{latencyMs:h})}},{header:"evaluations",accessorKey:"annotations",cell:({row:y})=>e(b,{direction:"row",gap:"size-50",wrap:"wrap",children:y.original.annotations.edges.map((h,k)=>{const S=h.annotation;return e(Eo,{annotation:S,extra:S.trace&&e(v,{paddingTop:"size-100",children:o("div",{css:U1,children:[e(_,{svg:e(Yn,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(nl,{annotation:S,onClick:()=>{S.trace&&l(`/projects/${S.trace.projectId}/traces/${S.trace.traceId}`)}},k)},k)})})},{id:"actions",cell:({row:y})=>{const h=y.original.trace;if(h)return e(E,{size:"S",leadingVisual:e(_,{svg:e(kt,{})}),onPress:()=>{l(`/projects/${h.projectId}/traces/${h.traceId}`)},"aria-label":"view trace"})}}],data:d,getCoreRowModel:Ke()}),f=g.getRowModel().rows,u=f.length===0,p=m.useCallback(y=>{if(y){const{scrollHeight:h,scrollTop:k,clientHeight:S}=y;h-k-S<300&&!s&&r&&i(B1)}},[r,s,i]);return e("div",{css:F`
|
|
2164
2164
|
flex: 1 1 auto;
|
|
2165
2165
|
overflow: auto;
|
|
2166
2166
|
`,ref:a,onScroll:y=>p(y.target),children:o("table",{css:Qn,children:[e("thead",{children:g.getHeaderGroups().map(y=>e("tr",{children:y.headers.map(h=>e("th",{children:e("div",{children:W(h.column.columnDef.header,h.getContext())})},h.id))},y.id))}),u?e(q1,{}):e("tbody",{children:f.map(y=>e("tr",{children:y.getVisibleCells().map(h=>e("td",{children:W(h.column.columnDef.cell,h.getContext())},h.id))},y.id))})]})})}function Yi({exampleId:n,onDismiss:a}){const[l,t]=m.useState(0),i=P.useLazyLoadQuery(xc,{exampleId:n},{fetchKey:l,fetchPolicy:"store-and-network"}),r=m.useMemo(()=>{const u=i.example.latestRevision;return{input:JSON.stringify(u==null?void 0:u.input,null,2),output:JSON.stringify(u==null?void 0:u.output,null,2),metadata:JSON.stringify(u==null?void 0:u.metadata,null,2)}},[i]),s=m.useMemo(()=>{const u=i.example.span;return u?{id:u.id,traceId:u.trace.traceId,projectId:u.trace.project.id}:null},[i]),{input:d,output:c,metadata:g}=r,f=ue();return e(ce,{type:"slideOver",isDismissable:!0,onDismiss:a,children:e(re,{size:"XL",title:`Example: ${n}`,extra:o(b,{direction:"row",gap:"size-100",children:[s?e(la,{size:"S",to:`/projects/${s.projectId}/traces/${s.traceId}?${un}=${s.id}`,children:"View Source Span"}):null,e(Q1,{exampleId:n,currentRevision:r,onCompleted:()=>{f({title:"Example updated",message:`Example ${n} has been updated.`}),t(u=>u+1)}})]}),children:o(Sn,{direction:"vertical",autoSaveId:"example-panel-group",children:[e(Ie,{defaultSize:65,children:e("div",{css:F`
|
|
2167
2167
|
overflow-y: auto;
|
|
2168
2168
|
height: 100%;
|
|
2169
|
-
`,children:e(b,{direction:"row",justifyContent:"center",children:e(v,{width:"900px",paddingStart:"auto",paddingEnd:"auto",paddingTop:"size-200",paddingBottom:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[e(B,{title:"Input",...Ut,extra:e(
|
|
2169
|
+
`,children:e(b,{direction:"row",justifyContent:"center",children:e(v,{width:"900px",paddingStart:"auto",paddingEnd:"auto",paddingTop:"size-200",paddingBottom:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[e(B,{title:"Input",...Ut,extra:e(se,{text:d}),children:e(kn,{value:d})}),e(B,{title:"Output",...Ut,extra:e(se,{text:c}),children:e(kn,{value:c})}),e(B,{title:"Metadata",...Ut,extra:e(se,{text:g}),children:e(kn,{value:g})})]})})})})}),e(xn,{css:Oa}),e(Ie,{defaultSize:35,children:o(b,{direction:"column",height:"100%",children:[e(v,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(ae,{level:3,children:"Experiment Runs"})}),e(H1,{example:i.example})]})})]})})})}const Ut={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}};function G1(){const[n,a]=mn(),l=n.get("exampleId"),t=n.get("datasetId");return!l||!t?null:e(Yi,{exampleId:l,onDismiss:()=>{a(i=>(i.delete("exampleId"),i))}})}const W1=`
|
|
2170
2170
|
The playground is not available until an LLM provider client is installed on the server.
|
|
2171
2171
|
`,J1=n=>`
|
|
2172
2172
|
# Installing one or more of the clients will enable the playground
|
|
@@ -2375,7 +2375,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
2375
2375
|
id
|
|
2376
2376
|
}
|
|
2377
2377
|
}
|
|
2378
|
-
`}}}();zc.hash="e2203e071e6fce91c764fa6fee48dfc1";function ab({runId:n}){var d,c,g;const l=P.useLazyLoadQuery(zc,{runId:n}).run,t=(d=l.example)==null?void 0:d.id,i=(c=l.example)==null?void 0:c.revision,r=i==null?void 0:i.input,s=i==null?void 0:i.output;return e(re,{title:`Experiment Run for Example: ${t}`,size:"fullscreen",children:o(Sn,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(Ie,{defaultSize:33,children:e(v,{overflow:"auto",height:"100%",padding:"size-200",children:o(b,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(v,{width:"50%",children:e(B,{title:"Input",...$r,bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},extra:e(
|
|
2378
|
+
`}}}();zc.hash="e2203e071e6fce91c764fa6fee48dfc1";function ab({runId:n}){var d,c,g;const l=P.useLazyLoadQuery(zc,{runId:n}).run,t=(d=l.example)==null?void 0:d.id,i=(c=l.example)==null?void 0:c.revision,r=i==null?void 0:i.input,s=i==null?void 0:i.output;return e(re,{title:`Experiment Run for Example: ${t}`,size:"fullscreen",children:o(Sn,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(Ie,{defaultSize:33,children:e(v,{overflow:"auto",height:"100%",padding:"size-200",children:o(b,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(v,{width:"50%",children:e(B,{title:"Input",...$r,bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},extra:e(se,{text:JSON.stringify(r)}),children:e(kn,{value:JSON.stringify(r,null,2)})})}),e(v,{width:"50%",children:e(B,{title:"Reference Output",...$r,extra:e(se,{text:JSON.stringify(s)}),bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},children:e(kn,{value:JSON.stringify(s,null,2)})})})]})})}),e(xn,{css:Oa}),e(Ie,{defaultSize:67,children:o(b,{direction:"column",height:"100%",children:[e(v,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(ae,{level:2,children:"Experiment Run Output"})}),e("div",{css:F`
|
|
2379
2379
|
overflow-y: auto;
|
|
2380
2380
|
height: 100%;
|
|
2381
2381
|
padding: var(--ac-global-dimension-static-size-200);
|
|
@@ -2429,7 +2429,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
2429
2429
|
id
|
|
2430
2430
|
}
|
|
2431
2431
|
}
|
|
2432
|
-
`}}}();Nc.hash="7f8f1e64c42b5e66d51dc1325c064d8c";const $c=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},r={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},s={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},c={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"statusMessage",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},u={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},h={alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},k=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"mimeType",storageKey:null}],S={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:k,storageKey:null},K={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:k,storageKey:null},T={alias:null,args:null,kind:"ScalarField",name:"attributes",storageKey:null},x={alias:null,args:null,concreteType:"SpanEvent",kind:"LinkedField",name:"events",plural:!0,selections:[s,{alias:null,args:null,kind:"ScalarField",name:"message",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null}],storageKey:null},I={alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null},L={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},w={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},$={alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},D={alias:null,args:null,concreteType:"DocumentEvaluation",kind:"LinkedField",name:"documentEvaluations",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"documentPosition",storageKey:null},s,L,w,$],storageKey:null},V={kind:"InlineFragment",selections:[t],type:"Node",abstractKey:"__isNode"},M={alias:null,args:null,kind:"ScalarField",name:"annotationType",storageKey:null},z={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},j={alias:null,args:null,concreteType:"CategoricalAnnotationValue",kind:"LinkedField",name:"values",plural:!0,selections:[L,w],storageKey:null},q={alias:null,args:null,kind:"ScalarField",name:"optimizationDirection",storageKey:null},
|
|
2432
|
+
`}}}();Nc.hash="7f8f1e64c42b5e66d51dc1325c064d8c";const $c=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},r={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},s={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},c={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"statusMessage",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},u={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},h={alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},k=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"mimeType",storageKey:null}],S={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:k,storageKey:null},K={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:k,storageKey:null},T={alias:null,args:null,kind:"ScalarField",name:"attributes",storageKey:null},x={alias:null,args:null,concreteType:"SpanEvent",kind:"LinkedField",name:"events",plural:!0,selections:[s,{alias:null,args:null,kind:"ScalarField",name:"message",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null}],storageKey:null},I={alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null},L={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},w={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},$={alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},D={alias:null,args:null,concreteType:"DocumentEvaluation",kind:"LinkedField",name:"documentEvaluations",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"documentPosition",storageKey:null},s,L,w,$],storageKey:null},V={kind:"InlineFragment",selections:[t],type:"Node",abstractKey:"__isNode"},M={alias:null,args:null,kind:"ScalarField",name:"annotationType",storageKey:null},z={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},j={alias:null,args:null,concreteType:"CategoricalAnnotationValue",kind:"LinkedField",name:"values",plural:!0,selections:[L,w],storageKey:null},q={alias:null,args:null,kind:"ScalarField",name:"optimizationDirection",storageKey:null},oe={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"lowerBound",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"upperBound",storageKey:null},q],type:"ContinuousAnnotationConfig",abstractKey:null},he={kind:"InlineFragment",selections:[s],type:"FreeformAnnotationConfig",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanDetailsQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"InlineFragment",selections:[t,i,r,s,d,c,g,f,u,p,y,h,S,K,T,{kind:"RequiredField",field:x,action:"THROW"},I,D,{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[t,s],storageKey:null},{args:null,kind:"FragmentSpread",name:"SpanHeader_span"},{args:null,kind:"FragmentSpread",name:"SpanFeedback_annotations"},{args:null,kind:"FragmentSpread",name:"SpanAside_span"}],type:"Span",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanDetailsQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t,{kind:"InlineFragment",selections:[i,r,s,d,c,g,f,u,p,y,h,S,K,T,x,I,D,{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[t,s,L,w,$,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"identifier",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"source",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"updatedAt",storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null}],storageKey:null}],storageKey:null},{alias:"code",args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t,{alias:null,args:null,concreteType:"AnnotationConfigConnection",kind:"LinkedField",name:"annotationConfigs",plural:!1,selections:[{alias:null,args:null,concreteType:"AnnotationConfigEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,V,{kind:"InlineFragment",selections:[s,M,z],type:"AnnotationConfigBase",abstractKey:"__isAnnotationConfigBase"},{kind:"InlineFragment",selections:[j,t,s,q],type:"CategoricalAnnotationConfig",abstractKey:null},oe,he],storageKey:null}],storageKey:null},{alias:"configs",args:null,concreteType:"AnnotationConfigEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"config",args:null,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,V,{kind:"InlineFragment",selections:[s,z,M],type:"AnnotationConfigBase",abstractKey:"__isAnnotationConfigBase"},{kind:"InlineFragment",selections:[j],type:"CategoricalAnnotationConfig",abstractKey:null},oe,he],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummaries",plural:!0,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null},L],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null},s],storageKey:null}],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"ba00d31f2c648dcb3b2afdc351c20bda",id:null,metadata:{},name:"SpanDetailsQuery",operationKind:"query",text:`query SpanDetailsQuery(
|
|
2433
2433
|
$id: ID!
|
|
2434
2434
|
) {
|
|
2435
2435
|
span: node(id: $id) {
|
|
@@ -2866,7 +2866,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
2866
2866
|
}
|
|
2867
2867
|
`;function kb(n){var f;const[a,l]=m.useState(0),t=m.useRef(null),i=P.useLazyLoadQuery(eu,{spanNodeId:n.spanNodeId},{fetchKey:a,fetchPolicy:"store-and-network"}),[r,s]=P.useMutation(Yc),d=u=>{m.startTransition(()=>{r({variables:{input:{note:u,spanId:n.spanNodeId}}}),l(a+1)})},g=(((f=i.span)==null?void 0:f.spanAnnotations)||[]).filter(u=>u.name==="note");return m.useEffect(()=>{t.current&&t.current.scrollIntoView({behavior:"smooth"})},[g]),o(b,{direction:"column",height:"100%",justifyContent:"space-between",children:[o("ul",{css:hb,children:[g.map(u=>{var p,y,h,k;return e("li",{children:e(Zy,{text:u.explanation||"",timestamp:new Date(u.createdAt),userName:((p=u.user)==null?void 0:p.username)||"system",userPicture:(y=u.user)==null?void 0:y.profilePictureUrl,isOutgoing:((h=u.user)==null?void 0:h.id)===((k=i.viewer)==null?void 0:k.id)})},u.id)}),e("div",{ref:t,"aria-hidden":"true"})]}),o(go,{restoreFocus:!0,children:[e($o,{hotkey:di}),e(jo,{onSendMessage:d,placeholder:"Add a note",isSending:s})]})]})}function bb(){return o(b,{direction:"column",height:"100%",justifyContent:"space-between",children:[e(v,{padding:"size-100",children:o(b,{direction:"column",gap:"size-100",height:"100%",children:[e(br,{isOutgoing:!1,height:70}),e(br,{isOutgoing:!0,height:40})]})}),e(jo,{onSendMessage:()=>{},placeholder:"Add a note"})]})}const Gt="s";function Sb(n){const a=P.useFragment(Qc,n.span),l=m.useRef(null),t=m.useRef(null);return ya(Sr,()=>{l.current&&l.current.isCollapsed()&&l.current.expand(50)}),ya(di,()=>{t.current&&t.current.isCollapsed()&&t.current.expand(50)}),o(Sn,{direction:"vertical",autoSaveId:"span-aside-layout",children:[e(m.Suspense,{children:e(vb,{span:a})}),e(ri,{ref:l,resizable:!0,title:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{children:"Edit Annotations"}),e(Pl,{children:Sr})]}),panelProps:{order:2,minSize:10},children:e(v,{height:"100%",maxHeight:"100%",children:e(Xy,{projectId:a.project.id,spanNodeId:a.id},a.id)})}),e(ri,{ref:t,resizable:!0,title:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{children:"Notes"}),e(Pl,{children:di})]}),panelProps:{order:3,minSize:10},children:e(v,{height:"100%",maxHeight:"100%",padding:"size-100",children:e(m.Suspense,{fallback:e(bb,{}),children:e(kb,{spanNodeId:a.id})})})})]})}function vb(n){const a=P.useFragment(Oc,n.span),l=m.useRef(null);ya(Gt,()=>{l.current&&l.current.isCollapsed()&&l.current.expand(50)});const t=a.spanAnnotations.length>0;return e(ri,{ref:l,title:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{children:"Annotation Summary"}),e(Pl,{children:Gt})]}),disabled:!t,panelProps:{order:1,defaultSize:t?20:0,minSize:t?20:0},children:o(go,{children:[e($o,{hotkey:Gt}),e(v,{paddingY:"size-200",paddingX:"size-200",overflow:"auto",maxHeight:"100%",children:e(Ft,{span:a})})]})})}const nu=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanFeedback_annotations",selections:[n,{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[n,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"identifier",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"source",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"updatedAt",storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[n,{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null}],storageKey:null}],storageKey:null}],type:"Span",abstractKey:null}}();nu.hash="9a73b57370acadba7a0398c1439e9893";function Cb(){return e(v,{padding:"size-200",children:o(b,{direction:"column",gap:"size-100",alignItems:"center",children:[e(ot,{graphicKey:"documents"}),e(C,{children:"No annotations for this span"}),e(Ya,{leadingVisual:e(_,{svg:e(ht,{})}),href:"https://arize.com/docs/phoenix/tracing/concepts-tracing/how-to-evaluate-traces",size:"S",children:"How to Annotate"})]})})}const Fb=F`
|
|
2868
2868
|
overflow: auto;
|
|
2869
|
-
`;function Kb({annotations:n,spanNodeId:a}){const l=m.useMemo(()=>n.map(u=>({...u,spanNodeId:a})),[n,a]),t=ue(),i=
|
|
2869
|
+
`;function Kb({annotations:n,spanNodeId:a}){const l=m.useMemo(()=>n.map(u=>({...u,spanNodeId:a})),[n,a]),t=ue(),i=be(),r=m.useMemo(()=>[{header:"name",accessorKey:"name",size:100},{header:"annotator kind",accessorKey:"annotatorKind",size:100,cell:({row:u})=>{const p=u.original.annotatorKind;return e(ef,{kind:p})}},{header:"user",accessorKey:"user",size:100,cell:({row:u})=>{const p=u.original.user,y=(p==null?void 0:p.username)||"system";return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(ct,{name:y,profilePictureUrl:(p==null?void 0:p.profilePictureUrl)||null,size:18}),e("span",{children:y})]})}},{header:"label",accessorKey:"label",size:100},{header:"score",accessorKey:"score",size:100},{header:"explanation",accessorKey:"explanation",cell:Yy,size:400},{header:"source",accessorKey:"source",size:100},{header:"identifier",accessorKey:"identifier",size:100},{header:"metadata",accessorKey:"metadata",minSize:100,cell:({row:u})=>{const p=u.original.metadata;return p?e(tl,{json:p,collapseSingleKey:!1}):"--"}},{header:"created at",accessorKey:"createdAt",size:100,cell:_e},{header:"updated at",accessorKey:"updatedAt",size:100,cell:_e},{header:"",accessorKey:"actions",size:100,cell:({row:u})=>e(nf,{annotationId:u.original.id,spanNodeId:u.original.spanNodeId,annotationName:u.original.name,onSpanAnnotationActionSuccess:t,onSpanAnnotationActionError:p=>{i({title:"Failed to update span annotation",message:p.message})}})}],[i,t]),[s,d]=m.useState([{id:"createdAt",desc:!0}]),c=Fe({columns:r,data:l,getCoreRowModel:Ke(),getSortedRowModel:rn(),onSortingChange:d,state:{sorting:s}}),f=c.getRowModel().rows.length===0;return e("div",{css:Fb,children:o("table",{css:He,"data-testid":"span-annotations-table",children:[e("thead",{children:c.getHeaderGroups().map(u=>e("tr",{children:u.headers.map(p=>e("th",{colSpan:p.colSpan,children:p.isPlaceholder?null:e(J,{children:o("div",{className:p.column.getCanSort()?"sort":"",onClick:p.column.getToggleSortingHandler(),style:{display:"flex",alignItems:"center",left:p.getStart(),width:p.getSize()},children:[e(an,{maxWidth:"100%",children:W(p.column.columnDef.header,p.getContext())}),p.column.getIsSorted()?e(_,{className:"sort-icon",svg:p.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]})})},p.id))},u.id))}),f?e(gn,{}):e("tbody",{children:c.getRowModel().rows.map(u=>e("tr",{children:u.getVisibleCells().map(p=>e("td",{style:{width:p.column.getSize()},children:W(p.column.columnDef.cell,p.getContext())},p.id))},u.id))})]})})}function Tb({span:n}){const a=P.useFragment(nu,n),l=a.spanAnnotations;return a.spanAnnotations.length>0?e(Kb,{annotations:l,spanNodeId:a.id}):e(Cb,{})}function Pb(n){return n==="__REDACTED__"}const xb=F`
|
|
2870
2870
|
position: relative;
|
|
2871
2871
|
overflow: hidden;
|
|
2872
2872
|
width: 200px;
|
|
@@ -2936,7 +2936,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
2936
2936
|
.dataset-picker {
|
|
2937
2937
|
width: 100%;
|
|
2938
2938
|
}
|
|
2939
|
-
`,children:e(b,{direction:"row",justifyContent:"center",children:e(v,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:o(b,{direction:"column",gap:"size-200",children:[l?e(Ce,{variant:"danger",children:l}):null,e(G,{control:c,name:"datasetId",render:({field:{onChange:h,onBlur:k},fieldState:{invalid:S,error:K}})=>o(b,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Oo,{isRequired:!0,onSelectionChange:h,onBlur:k,validationState:S?"invalid":"valid",errorMessage:K==null?void 0:K.message,label:"Dataset"}),e(lf,{})]})}),e(G,{control:c,name:"input",render:({field:{onChange:h,onBlur:k,value:S},fieldState:{invalid:K,error:T}})=>o(B,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...Wt,children:[K?e(Ce,{variant:"danger",banner:!0,children:T==null?void 0:T.message}):null,e(sn,{value:S,onChange:h,onBlur:k})]})}),e(G,{control:c,name:"output",render:({field:{onChange:h,onBlur:k,value:S},fieldState:{invalid:K,error:T}})=>o(B,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...Wt,backgroundColor:"green-100",borderColor:"green-700",children:[K?e(Ce,{variant:"danger",banner:!0,children:T==null?void 0:T.message}):null,e(sn,{value:S,onChange:h,onBlur:k})]})}),e(G,{control:c,name:"metadata",render:({field:{onChange:h,onBlur:k,value:S},fieldState:{invalid:K,error:T}})=>o(B,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...Wt,children:[K?e(Ce,{variant:"danger",banner:!0,children:T==null?void 0:T.message}):null,e(sn,{value:S,onChange:h,onBlur:k})]})})]})})})})]})})}const _b=n=>m.useMemo(()=>Be(n),[n]),Ab=n=>n.events.some(a=>a.name==="exception"),Le={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}},wb=900,Jt=33,Qr="e";function Rb({spanNodeId:n}){const a=cn(g=>g.isAnnotatingSpans),l=cn(g=>g.setIsAnnotatingSpans),t=m.useRef(null),i=m.useRef(null),r=ob(i),s=r!=null&&r.width?r.width<wb:!0,{span:d}=P.useLazyLoadQuery($c,{id:n});if(d.__typename!=="Span")throw new Error("Expected a span, but got a different type"+d.__typename);ya(Qr,()=>{a||l(!0)},{preventDefault:!0});const c=m.useMemo(()=>Ab(d),[d]);return o(Sn,{direction:"horizontal",autoSaveId:"span-details-layout",children:[e(Ie,{order:1,children:o(b,{direction:"column",flex:"1 1 auto",height:"100%",ref:i,children:[e(v,{paddingTop:"size-100",paddingBottom:"size-50",paddingStart:"size-150",paddingEnd:"size-200",flex:"none",children:o(b,{direction:"row",alignItems:"center","data-testid":"span-header-row",children:[e(db,{span:d}),o(b,{flex:"none",direction:"row",alignItems:"center",gap:"size-100",children:[e(la,{variant:d.spanKind!=="llm"?"default":"primary",leadingVisual:e(_,{svg:e(xa,{})}),isDisabled:d.spanKind!=="llm",to:`/playground/spans/${d.id}`,size:"S","aria-label":"Prompt Playground",children:s?null:"Playground"}),e(Vb,{span:d,buttonText:s?null:"Add to Dataset"}),e(Kn,{size:"S",isSelected:a,onPress:()=>{l(!a);const g=t.current;g&&g.getSize()<Jt&&g.resize(Jt)},leadingVisual:e(_,{svg:e(ht,{})}),trailingVisual:!s&&!a&&e(Qo,{children:Qr}),children:s?null:"Annotate"}),e(cb,{traceId:d.trace.traceId,spanId:d.spanId})]})]})}),o(tn,{children:[o(ln,{children:[e(ne,{id:"info",children:"Info"}),o(ne,{id:"annotations",children:["Annotations ",e(In,{children:d.spanAnnotations.length})]}),e(ne,{id:"attributes",children:"Attributes"}),o(ne,{id:"events",children:["Events"," ",e(In,{variant:c?"danger":"default",children:d.events.length})]})]}),e(ie,{id:"info",children:e(b,{direction:"row",height:"100%",children:e(Mb,{children:e(Kt,{children:e(zb,{span:d})})})})}),e(ie,{id:"annotations",children:e(Tb,{span:d})}),e(ie,{id:"attributes",children:e(v,{padding:"size-200",height:"100%",maxHeight:"100%",overflow:"auto",children:e(B,{title:"All Attributes",...Le,titleExtra:ru,extra:e(
|
|
2939
|
+
`,children:e(b,{direction:"row",justifyContent:"center",children:e(v,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:o(b,{direction:"column",gap:"size-200",children:[l?e(Ce,{variant:"danger",children:l}):null,e(G,{control:c,name:"datasetId",render:({field:{onChange:h,onBlur:k},fieldState:{invalid:S,error:K}})=>o(b,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Oo,{isRequired:!0,onSelectionChange:h,onBlur:k,validationState:S?"invalid":"valid",errorMessage:K==null?void 0:K.message,label:"Dataset"}),e(lf,{})]})}),e(G,{control:c,name:"input",render:({field:{onChange:h,onBlur:k,value:S},fieldState:{invalid:K,error:T}})=>o(B,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...Wt,children:[K?e(Ce,{variant:"danger",banner:!0,children:T==null?void 0:T.message}):null,e(sn,{value:S,onChange:h,onBlur:k})]})}),e(G,{control:c,name:"output",render:({field:{onChange:h,onBlur:k,value:S},fieldState:{invalid:K,error:T}})=>o(B,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...Wt,backgroundColor:"green-100",borderColor:"green-700",children:[K?e(Ce,{variant:"danger",banner:!0,children:T==null?void 0:T.message}):null,e(sn,{value:S,onChange:h,onBlur:k})]})}),e(G,{control:c,name:"metadata",render:({field:{onChange:h,onBlur:k,value:S},fieldState:{invalid:K,error:T}})=>o(B,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...Wt,children:[K?e(Ce,{variant:"danger",banner:!0,children:T==null?void 0:T.message}):null,e(sn,{value:S,onChange:h,onBlur:k})]})})]})})})})]})})}const _b=n=>m.useMemo(()=>Be(n),[n]),Ab=n=>n.events.some(a=>a.name==="exception"),Le={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}},wb=900,Jt=33,Qr="e";function Rb({spanNodeId:n}){const a=cn(g=>g.isAnnotatingSpans),l=cn(g=>g.setIsAnnotatingSpans),t=m.useRef(null),i=m.useRef(null),r=ob(i),s=r!=null&&r.width?r.width<wb:!0,{span:d}=P.useLazyLoadQuery($c,{id:n});if(d.__typename!=="Span")throw new Error("Expected a span, but got a different type"+d.__typename);ya(Qr,()=>{a||l(!0)},{preventDefault:!0});const c=m.useMemo(()=>Ab(d),[d]);return o(Sn,{direction:"horizontal",autoSaveId:"span-details-layout",children:[e(Ie,{order:1,children:o(b,{direction:"column",flex:"1 1 auto",height:"100%",ref:i,children:[e(v,{paddingTop:"size-100",paddingBottom:"size-50",paddingStart:"size-150",paddingEnd:"size-200",flex:"none",children:o(b,{direction:"row",alignItems:"center","data-testid":"span-header-row",children:[e(db,{span:d}),o(b,{flex:"none",direction:"row",alignItems:"center",gap:"size-100",children:[e(la,{variant:d.spanKind!=="llm"?"default":"primary",leadingVisual:e(_,{svg:e(xa,{})}),isDisabled:d.spanKind!=="llm",to:`/playground/spans/${d.id}`,size:"S","aria-label":"Prompt Playground",children:s?null:"Playground"}),e(Vb,{span:d,buttonText:s?null:"Add to Dataset"}),e(Kn,{size:"S",isSelected:a,onPress:()=>{l(!a);const g=t.current;g&&g.getSize()<Jt&&g.resize(Jt)},leadingVisual:e(_,{svg:e(ht,{})}),trailingVisual:!s&&!a&&e(Qo,{children:Qr}),children:s?null:"Annotate"}),e(cb,{traceId:d.trace.traceId,spanId:d.spanId})]})]})}),o(tn,{children:[o(ln,{children:[e(ne,{id:"info",children:"Info"}),o(ne,{id:"annotations",children:["Annotations ",e(In,{children:d.spanAnnotations.length})]}),e(ne,{id:"attributes",children:"Attributes"}),o(ne,{id:"events",children:["Events"," ",e(In,{variant:c?"danger":"default",children:d.events.length})]})]}),e(ie,{id:"info",children:e(b,{direction:"row",height:"100%",children:e(Mb,{children:e(Kt,{children:e(zb,{span:d})})})})}),e(ie,{id:"annotations",children:e(Tb,{span:d})}),e(ie,{id:"attributes",children:e(v,{padding:"size-200",height:"100%",maxHeight:"100%",overflow:"auto",children:e(B,{title:"All Attributes",...Le,titleExtra:ru,extra:e(se,{text:d.attributes}),children:e(Ca,{children:d.attributes})})})}),e(ie,{id:"events",children:e(nS,{events:d.events})})]})]})}),a&&e(xn,{css:Tt}),a&&e(Ie,{order:2,ref:t,defaultSize:Jt,minSize:10,collapsible:!0,onCollapse:()=>{l(!1)},children:e(Sb,{span:d})})]})}const Eb=F`
|
|
2940
2940
|
flex: 1 1 auto;
|
|
2941
2941
|
overflow-y: auto;
|
|
2942
2942
|
// Overflow fails to take into account padding
|
|
@@ -2945,7 +2945,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
2945
2945
|
display: block;
|
|
2946
2946
|
height: var(--ac-global-dimension-static-size-400);
|
|
2947
2947
|
}
|
|
2948
|
-
`;function Mb({children:n}){return e("div",{css:Eb,"data-testid":"span-info-wrap",children:n})}function Vb({span:n,buttonText:a}){const l=ue(),t=
|
|
2948
|
+
`;function Mb({children:n}){return e("div",{css:Eb,"data-testid":"span-info-wrap",children:n})}function Vb({span:n,buttonText:a}){const l=ue(),t=de();return o($e,{children:[e(E,{variant:"default",size:"S",leadingVisual:e(_,{svg:e(mt,{})}),children:a}),e(Lp,{children:e(nn,{variant:"slideover",size:"L",children:e(m.Suspense,{fallback:e(me,{}),children:e(Lb,{spanId:n.id,onCompleted:i=>{l({title:"Span Added to Dataset",message:"Successfully added span to dataset",action:{text:"View Dataset",onClick:()=>{t(`/datasets/${i}/examples`)}}})}})})})})]})}function zb({span:n}){const{spanKind:a,attributes:l}=n,{json:t,parseError:i}=_b(l),r=m.useMemo(()=>n.statusMessage?e(Ce,{variant:"danger",title:"Status Description",children:n.statusMessage}):null,[n]);if(i||!t)return e(v,{padding:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[r,e(Ce,{variant:"warning",title:"Un-parsable attributes",children:`Failed to parse span attributes. ${i instanceof Error?i.message:""}`}),e(B,{...Le,title:"Attributes",children:e(v,{padding:"size-100",children:l})})]})});let s;switch(a){case"llm":{s=e(Nb,{span:n,spanAttributes:t});break}case"retriever":{s=e($b,{span:n,spanAttributes:t});break}case"reranker":{s=e(jb,{span:n,spanAttributes:t});break}case"embedding":{s=e(Ob,{span:n,spanAttributes:t});break}case"tool":{s=e(Qb,{span:n,spanAttributes:t});break}default:s=e(tu,{span:n})}return e(v,{padding:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[r,s,t!=null&&t.metadata?e(B,{...Le,title:"Metadata",children:e(Ca,{children:JSON.stringify(t.metadata)})}):null]})})}function Nb(n){const{spanAttributes:a,span:l}=n,{input:t,output:i}=l,r=m.useMemo(()=>a[Se.llm]||null,[a]),s=r==null?void 0:r[qe.provider],d=m.useMemo(()=>{if(r==null)return null;const D=r[qe.model_name];return typeof D=="string"?D:null},[r]),c=m.useMemo(()=>{if(r==null)return[];const D=r[qe.input_messages];return jr(D)?(D==null?void 0:D.map(V=>V[Se.message]).filter(Boolean))||[]:[]},[r]),g=m.useMemo(()=>{if(r==null)return[];const D=r[qe.tools];return Array.isArray(D)?D==null?void 0:D.map(M=>M[Se.tool]).filter(Boolean):[]},[r]),f=m.useMemo(()=>g.reduce((D,V)=>(V!=null&&V.json_schema&&D.push(V.json_schema),D),[]),[g]),u=m.useMemo(()=>{if(r==null)return[];const D=r[qe.output_messages];return jr(D)?D.map(V=>V[Se.message]).filter(Boolean)||[]:[]},[r]),p=m.useMemo(()=>{if(r==null)return[];const D=r[qe.prompts];return rf(D)?D:[]},[r]),y=m.useMemo(()=>{if(r==null)return null;const D=r[qe.prompt_template];return D??null},[r]),h=m.useMemo(()=>r==null?"{}":r[qe.invocation_parameters]||"{}",[r]),k=m.useMemo(()=>{if(d==null)return null;let D=e(Di,{spanKind:"llm"});const V=s==null?void 0:s.toUpperCase();return typeof V=="string"&&qo(V)&&(D=e(Rl,{provider:V})),o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[D,e(C,{size:"M",weight:"heavy",children:d})]})},[d,s]),S=t!=null&&t.value!=null,K=c.length>0,T=f.length>0,x=i!=null&&i.value!=null,I=u.length>0,L=p.length>0,w=Object.keys(Be(h).json||{}).length>0,$=y!=null;return o(b,{direction:"column",gap:"size-200",children:[e(B,{collapsible:!0,backgroundColor:"light",borderColor:"light",bodyStyle:{padding:0},titleSeparator:!1,variant:"compact",title:k,children:o(tn,{children:[o(ln,{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"}),L&&e(ne,{id:"prompts",children:"Prompts"}),w&&e(ne,{id:"invocation-params",children:"Invocation Params"})]}),K&&e(ie,{id:"input-messages",children:e(Br,{messages:c})}),T&&e(ie,{id:"tools",children:e(Hb,{toolSchemas:f})}),S&&e(ie,{id:"input",children:e(v,{padding:"size-200",children:e(Cn,{children:e(B,{...Le,title:"LLM Input",extra:o(b,{direction:"row",gap:"size-100",children:[e($n,{}),e(se,{text:t.value})]}),children:e(ea,{...t})})})})}),$&&e(ie,{id:"prompt-template",children:e(v,{padding:"size-200",children:o(b,{direction:"column",gap:"size-100",children:[e(v,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:o(Jl,{text:y.template,children:[e(C,{color:"text-700",fontStyle:"italic",children:"prompt template"}),e(iu,{children:y.template})]})}),e(v,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:o(Jl,{text:JSON.stringify(y.variables),children:[e(C,{color:"text-700",fontStyle:"italic",children:"template variables"}),e(Ca,{children:JSON.stringify(y.variables)})]})})]})})}),L&&e(ie,{id:"prompts",children:e(Gb,{prompts:p})}),w&&e(ie,{id:"invocation-params",children:e(Jl,{text:h,padding:"size-100",children:e(Ca,{children:h})})})]})}),x||I?e(yi,{...Le,children:o(tn,{children:[o(ln,{children:[I&&e(ne,{id:"output-messages",children:"Output Messages"}),x&&e(ne,{id:"output",children:"Output"})]}),I&&e(ie,{id:"output-messages",children:e(Br,{messages:u})}),x&&e(ie,{id:"output",children:e(v,{padding:"size-200",children:e(Cn,{children:e(B,{...Le,title:"LLM Output",extra:o(b,{direction:"row",gap:"size-100",children:[e($n,{}),e(se,{text:i.value})]}),children:e(ea,{...i})})})})})]})}):null]})}function $b(n){const{spanAttributes:a,span:l}=n,{input:t}=l,i=m.useMemo(()=>a[Se.retrieval]||null,[a]),r=m.useMemo(()=>{var u;return i==null?[]:((u=i[_p.documents])==null?void 0:u.map(p=>p[Se.document]).filter(Boolean))||[]},[i]),s=m.useMemo(()=>l.documentEvaluations.reduce((p,y)=>{const h=y.documentPosition,k=p[h]||[];return{...p,[h]:[...k,y]}},{}),[l.documentEvaluations]),d=t!=null&&t.value!=null,c=d&&t.mimeType==="text",g=r.length>0,f=l.documentRetrievalMetrics.length>0;return o(b,{direction:"column",gap:"size-200",children:[d?e(Cn,{children:e(B,{title:"Input",...Le,extra:e(b,{direction:"row",gap:"size-100",alignItems:"center",children:c?e($n,{}):e(se,{text:t.value})}),children:e(ea,{...t})})}):null,g?e(Cn,{children:e(B,{title:"Documents",...Le,titleExtra:f&&e(b,{direction:"row",alignItems:"center",gap:"size-100",children:l.documentRetrievalMetrics.map(u=>o(J,{children:[e(bn,{name:u.evaluationName,metric:"ndcg",score:u.ndcg},"ndcg"),e(bn,{name:u.evaluationName,metric:"precision",score:u.precision},"precision"),e(bn,{name:u.evaluationName,metric:"hit",score:u.hit},"hit")]}))}),extra:e($n,{}),children:e("ul",{css:F`
|
|
2949
2949
|
display: flex;
|
|
2950
2950
|
flex-direction: column;
|
|
2951
2951
|
gap: var(--ac-global-dimension-static-size-200);
|
|
@@ -2965,7 +2965,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
2965
2965
|
flex-direction: column;
|
|
2966
2966
|
gap: var(--ac-global-dimension-static-size-200);
|
|
2967
2967
|
padding: var(--ac-global-dimension-static-size-200);
|
|
2968
|
-
`,children:t.map((s,d)=>e("li",{children:e(Cn,{children:e(B,{...Le,backgroundColor:"purple-100",borderColor:"purple-700",title:"Embedded Text",children:e(Ma,{children:s[jt.text]||""})})})},d))})}):e(tu,{span:n.span})})}function Qb(n){const{span:a,spanAttributes:l}=n,{input:t,output:i}=a,r=typeof(t==null?void 0:t.value)=="string",s=typeof(i==null?void 0:i.value)=="string",d=(t==null?void 0:t.mimeType)==="text",c=(i==null?void 0:i.mimeType)==="text",g=m.useMemo(()=>l[Se.tool]||{},[l]),f=Object.keys(g).length>0,u=g[Gl.name],p=g[Gl.description],y=g[Gl.parameters];return!r&&!s&&!f?null:o(b,{direction:"column",gap:"size-200",children:[r?e(Cn,{children:e(B,{title:"Input",...Le,extra:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[d?e($n,{}):null,e(
|
|
2968
|
+
`,children:t.map((s,d)=>e("li",{children:e(Cn,{children:e(B,{...Le,backgroundColor:"purple-100",borderColor:"purple-700",title:"Embedded Text",children:e(Ma,{children:s[jt.text]||""})})})},d))})}):e(tu,{span:n.span})})}function Qb(n){const{span:a,spanAttributes:l}=n,{input:t,output:i}=a,r=typeof(t==null?void 0:t.value)=="string",s=typeof(i==null?void 0:i.value)=="string",d=(t==null?void 0:t.mimeType)==="text",c=(i==null?void 0:i.mimeType)==="text",g=m.useMemo(()=>l[Se.tool]||{},[l]),f=Object.keys(g).length>0,u=g[Gl.name],p=g[Gl.description],y=g[Gl.parameters];return!r&&!s&&!f?null:o(b,{direction:"column",gap:"size-200",children:[r?e(Cn,{children:e(B,{title:"Input",...Le,extra:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[d?e($n,{}):null,e(se,{text:t.value})]}),children:e(ea,{...t})})}):null,s?e(Cn,{children:e(B,{title:"Output",...Le,backgroundColor:"green-100",borderColor:"green-700",extra:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[c?e($n,{}):null,e(se,{text:i.value})]}),children:e(ea,{...i})})}):null,f?e(B,{title:"Tool"+(typeof u=="string"?`: ${u}`:""),...Le,children:o(b,{direction:"column",children:[p!=null?e(v,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",backgroundColor:"light",children:o(b,{direction:"column",alignItems:"start",gap:"size-50",children:[e(C,{color:"text-700",fontStyle:"italic",children:"Description"}),e(C,{children:p})]})}):null,y!=null?e(v,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",children:o(b,{direction:"column",alignItems:"start",width:"100%",children:[e(C,{color:"text-700",fontStyle:"italic",children:"Parameters"}),e("div",{css:F`
|
|
2969
2969
|
.cm-editor {
|
|
2970
2970
|
background-color: transparent !important;
|
|
2971
2971
|
}
|
|
@@ -2974,7 +2974,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
2974
2974
|
--ac-global-dimension-static-size-100
|
|
2975
2975
|
);
|
|
2976
2976
|
margin-bottom: 0;
|
|
2977
|
-
`,children:c.explanation})]})})},g)})})]})})]})})}function qb({message:n}){var g;const a=n[Ne.content],l=n[Ne.contents],t=(g=n[Ne.tool_calls])==null?void 0:g.map(f=>f[Se.tool_call]).filter(Boolean),i=n[Ne.function_call_arguments_json]&&n[Ne.function_call_name],r=n[Ne.role]||"unknown",s=$l(r),d=m.useMemo(()=>(t==null?void 0:t.map((f,u)=>`tool-call-${u}`))||[],[t]),c=n[Ne.tool_call_id];return e(Cn,{children:o(B,{...Le,...s,title:r+(n[Ne.name]?`: ${n[Ne.name]}`:""),extra:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e($n,{}),e(
|
|
2977
|
+
`,children:c.explanation})]})})},g)})})]})})]})})}function qb({message:n}){var g;const a=n[Ne.content],l=n[Ne.contents],t=(g=n[Ne.tool_calls])==null?void 0:g.map(f=>f[Se.tool_call]).filter(Boolean),i=n[Ne.function_call_arguments_json]&&n[Ne.function_call_name],r=n[Ne.role]||"unknown",s=$l(r),d=m.useMemo(()=>(t==null?void 0:t.map((f,u)=>`tool-call-${u}`))||[],[t]),c=n[Ne.tool_call_id];return e(Cn,{children:o(B,{...Le,...s,title:r+(n[Ne.name]?`: ${n[Ne.name]}`:""),extra:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e($n,{}),e(se,{text:a||JSON.stringify(n)})]}),children:[e(Kt,{children:l?e(Jb,{messageContents:l}):null}),e(b,{direction:"column",alignItems:"start",children:o(vn,{css:F`
|
|
2978
2978
|
width: 100%;
|
|
2979
2979
|
// when any .ac-disclosure-trigger is hovered, show the child .copy-to-clipboard-button
|
|
2980
2980
|
.ac-disclosure-trigger {
|
|
@@ -2990,17 +2990,17 @@ fragment SpanFeedback_annotations on Span {
|
|
|
2990
2990
|
visibility: visible;
|
|
2991
2991
|
}
|
|
2992
2992
|
}
|
|
2993
|
-
`,defaultExpandedKeys:["tool-content",...d,"function-call"],children:[a&&r.toLowerCase()==="tool"?o(ye,{id:"tool-content",children:[o(ge,{arrowPosition:"start",justifyContent:"space-between",children:[o(C,{children:["Tool Result",c?`: ${c}`:""]}),c?e(
|
|
2993
|
+
`,defaultExpandedKeys:["tool-content",...d,"function-call"],children:[a&&r.toLowerCase()==="tool"?o(ye,{id:"tool-content",children:[o(ge,{arrowPosition:"start",justifyContent:"space-between",children:[o(C,{children:["Tool Result",c?`: ${c}`:""]}),c?e(se,{text:c}):null]}),e(pe,{children:e(v,{width:"100%",children:e(Ma,{children:a})})})]}):a?e(v,{width:"100%",children:e(Ma,{children:a})}):null,((t==null?void 0:t.length)??0)>0?t==null?void 0:t.map((f,u)=>{var h,k,S;if(!f)return null;const p=f.id,y=Be((h=f==null?void 0:f.function)==null?void 0:h.arguments);return o(ye,{id:d[u],css:u===0?F`
|
|
2994
2994
|
border-top: 1px solid
|
|
2995
2995
|
var(--ac-global-border-color-default);
|
|
2996
|
-
`:null,children:[o(ge,{arrowPosition:"start",justifyContent:"space-between",children:[o("span",{children:["Tool Call",p?`: ${p}`:""]}),p?e(
|
|
2996
|
+
`:null,children:[o(ge,{arrowPosition:"start",justifyContent:"space-between",children:[o("span",{children:["Tool Call",p?`: ${p}`:""]}),p?e(se,{text:p}):null]}),e(pe,{children:o("pre",{css:F`
|
|
2997
2997
|
text-wrap: wrap;
|
|
2998
2998
|
margin: var(--ac-global-dimension-static-size-100) 0;
|
|
2999
2999
|
padding: var(--ac-global-dimension-static-size-200);
|
|
3000
3000
|
`,children:[(k=f==null?void 0:f.function)==null?void 0:k.name,"(",y.json?JSON.stringify(y.json,null,2):`${(S=f==null?void 0:f.function)==null?void 0:S.arguments}`,")"]},u)})]},u)}):null,i?o(ye,{id:"function-call",children:[e(ge,{children:e(C,{children:"Function Call"})}),e(pe,{children:o("pre",{css:F`
|
|
3001
3001
|
text-wrap: wrap;
|
|
3002
3002
|
margin: var(--ac-global-dimension-static-size-100) 0;
|
|
3003
|
-
`,children:[n[Ne.function_call_name],"(",JSON.stringify(JSON.parse(n[Ne.function_call_arguments_json]),null,2),")"]})})]}):null]})})]})})}function Ub({toolSchema:n,index:a}){return e(B,{title:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Di,{spanKind:"tool"}),e(C,{weight:"heavy",children:"Tool"})]}),titleExtra:o(In,{children:["#",a+1]}),...Le,backgroundColor:"yellow-100",borderColor:"yellow-700",bodyStyle:{padding:0},extra:e(
|
|
3003
|
+
`,children:[n[Ne.function_call_name],"(",JSON.stringify(JSON.parse(n[Ne.function_call_arguments_json]),null,2),")"]})})]}):null]})})]})})}function Ub({toolSchema:n,index:a}){return e(B,{title:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Di,{spanKind:"tool"}),e(C,{weight:"heavy",children:"Tool"})]}),titleExtra:o(In,{children:["#",a+1]}),...Le,backgroundColor:"yellow-100",borderColor:"yellow-700",bodyStyle:{padding:0},extra:e(se,{text:n}),children:e(ea,{value:n,mimeType:"json"})})}function Br({messages:n}){return e("ul",{css:F`
|
|
3004
3004
|
display: flex;
|
|
3005
3005
|
flex-direction: column;
|
|
3006
3006
|
gap: var(--ac-global-dimension-static-size-100);
|
|
@@ -3027,7 +3027,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
3027
3027
|
white-space: pre-wrap;
|
|
3028
3028
|
padding: 0;
|
|
3029
3029
|
margin: 0;
|
|
3030
|
-
`,children:l}):null,i?e(Ib,{url:i}):null]})}function tu({span:n}){const{input:a,output:l}=n,t=a==null&&l==null,i=(a==null?void 0:a.mimeType)==="text",r=(l==null?void 0:l.mimeType)==="text";return o(b,{direction:"column",gap:"size-200",children:[a&&a.value!=null?e(Cn,{children:e(B,{title:"Input",...Le,extra:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[i?e($n,{}):null,e(
|
|
3030
|
+
`,children:l}):null,i?e(Ib,{url:i}):null]})}function tu({span:n}){const{input:a,output:l}=n,t=a==null&&l==null,i=(a==null?void 0:a.mimeType)==="text",r=(l==null?void 0:l.mimeType)==="text";return o(b,{direction:"column",gap:"size-200",children:[a&&a.value!=null?e(Cn,{children:e(B,{title:"Input",...Le,extra:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[i?e($n,{}):null,e(se,{text:a.value})]}),children:e(ea,{...a})})}):null,l&&l.value!=null?e(Cn,{children:e(B,{title:"Output",...Le,backgroundColor:"green-100",borderColor:"green-700",extra:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[r?e($n,{}):null,e(se,{text:l.value})]}),children:e(ea,{...l})})}):null,t?e(B,{title:"All Attributes",titleExtra:ru,...Le,extra:e(se,{text:n.attributes}),children:e(Ca,{children:n.attributes})}):null]})}const Yb=F`
|
|
3031
3031
|
width: 100%;
|
|
3032
3032
|
.cm-editor,
|
|
3033
3033
|
.cm-gutters {
|
|
@@ -3046,7 +3046,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
3046
3046
|
&:hover .copy-to-clipboard-button {
|
|
3047
3047
|
opacity: 1;
|
|
3048
3048
|
}
|
|
3049
|
-
`,children:[e(
|
|
3049
|
+
`,children:[e(se,{text:n}),a]})}function Ca({children:n,basicSetup:a={}}){const{theme:l}=ia(),t=l==="light"?Da:La,{value:i,mimeType:r}=m.useMemo(()=>{try{return{value:JSON.stringify(JSON.parse(n),null,2),mimeType:"json"}}catch{return{value:n,mimeType:"text"}}},[n]);return r==="json"?e(_a,{value:i,basicSetup:{lineNumbers:!0,foldGutter:!0,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1,...a},extensions:[Th.json(),hs.lineWrapping],editable:!1,theme:t,css:Yb}):e(iu,{children:i})}function iu({children:n}){return e("pre",{"data-testid":"pre-block",css:F`
|
|
3050
3050
|
white-space: pre-wrap;
|
|
3051
3051
|
padding: var(--ac-global-dimension-static-size-200);
|
|
3052
3052
|
font-size: var(--ac-global-font-size-s);
|
|
@@ -3161,13 +3161,13 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
3161
3161
|
`,children:n})}function rS({children:n}){return e("div",{"data-testid":"scrolling-panel-content",css:F`
|
|
3162
3162
|
height: 100%;
|
|
3163
3163
|
overflow-y: auto;
|
|
3164
|
-
`,children:n})}const Vt=()=>{const{projectId:n}=Qe();if(!n)throw new Error("projectId is required");const l=el().pathname.split("/"),t=l.indexOf(n);if(t===-1)throw new Error("projectId not found in path");const i=l.slice(0,t+1).join("/"),r=l[t+1];return{rootPath:i,tab:r}},du=m.createContext(null),lr=()=>m.useContext(du),cu=(n,a)=>{const l=n.findIndex(({traceId:d,spanId:c})=>a&&(d===a||c===a)),t=l-1,i=l+1,r=n[t],s=n[i];return{nextTraceId:s==null?void 0:s.traceId,nextSpanId:s==null?void 0:s.spanId,previousTraceId:r==null?void 0:r.traceId,previousSpanId:r==null?void 0:r.spanId}},qr=(n,a,l)=>{const{nextTraceId:t,previousTraceId:i,nextSpanId:r,previousSpanId:s}=cu(a,l),[d,c,g]=n.pathname.split("/").filter(y=>y!==""),f=(y,h)=>{let k=`/${d}/${c}/${g}/${y}`;return h&&(k+=`?${un}=${h}`),k},u=!!t,p=!!i;return{nextTracePath:u?f(t,r):null,previousTracePath:p?f(i,s):null}},uu=({children:n})=>{const a=
|
|
3164
|
+
`,children:n})}const Vt=()=>{const{projectId:n}=Qe();if(!n)throw new Error("projectId is required");const l=el().pathname.split("/"),t=l.indexOf(n);if(t===-1)throw new Error("projectId not found in path");const i=l.slice(0,t+1).join("/"),r=l[t+1];return{rootPath:i,tab:r}},du=m.createContext(null),lr=()=>m.useContext(du),cu=(n,a)=>{const l=n.findIndex(({traceId:d,spanId:c})=>a&&(d===a||c===a)),t=l-1,i=l+1,r=n[t],s=n[i];return{nextTraceId:s==null?void 0:s.traceId,nextSpanId:s==null?void 0:s.spanId,previousTraceId:r==null?void 0:r.traceId,previousSpanId:r==null?void 0:r.spanId}},qr=(n,a,l)=>{const{nextTraceId:t,previousTraceId:i,nextSpanId:r,previousSpanId:s}=cu(a,l),[d,c,g]=n.pathname.split("/").filter(y=>y!==""),f=(y,h)=>{let k=`/${d}/${c}/${g}/${y}`;return h&&(k+=`?${un}=${h}`),k},u=!!t,p=!!i;return{nextTracePath:u?f(t,r):null,previousTracePath:p?f(i,s):null}},uu=({children:n})=>{const a=de(),l=el(),[t,i]=m.useState([]),r=m.useCallback(d=>{const{nextTracePath:c}=qr(l,t,d);c&&a(c)},[a,l,t]),s=m.useCallback(d=>{const{previousTracePath:c}=qr(l,t,d);c&&a(c)},[a,l,t]);return e(du.Provider,{value:{traceSequence:t,next:r,previous:s,setTraceSequence:i},children:n})},Ur="j",Hr="k",oS=({currentId:n})=>{const a=lr();if(ya(Ur,()=>{a&&a.next(n)}),ya(Hr,()=>{a&&a.previous(n)}),!a||!a.traceSequence.length)return null;const{previous:l,next:t,traceSequence:i}=a,{nextTraceId:r,previousTraceId:s}=cu(i,n),d=!!s,c=!!r;return e(b,{gap:"size-50",css:F`
|
|
3165
3165
|
button {
|
|
3166
3166
|
// either the icons or the trigger wrap are making the buttons slightly too small
|
|
3167
3167
|
// so just spot adjust the min height here
|
|
3168
3168
|
min-height: 31px;
|
|
3169
3169
|
}
|
|
3170
|
-
`,children:o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[o(Za,{delay:100,children:[e(E,{size:"S",id:"next",leadingVisual:e(_,{svg:e(cf,{})}),"aria-label":"Next trace",isDisabled:!c,onPress:()=>{m.startTransition(()=>{t(n)})}}),e(Xa,{offset:4,children:e(v,{backgroundColor:"dark",borderWidth:"thin",borderColor:"dark",borderRadius:"medium",padding:"size-100",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{children:"Next trace"}),e(Pl,{children:Ur})]})})})]}),o(Za,{delay:100,children:[e(E,{size:"S",id:"previous",leadingVisual:e(_,{svg:e(uf,{})}),"aria-label":"Previous trace",isDisabled:!d,onPress:()=>{m.startTransition(()=>{l(n)})}}),e(Xa,{offset:4,children:e(v,{backgroundColor:"dark",borderWidth:"thin",borderColor:"dark",borderRadius:"medium",padding:"size-100",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{children:"Previous trace"}),e(Pl,{children:Hr})]})})})]})]})})};function RT(){const{traceId:n,projectId:a}=Qe(),[l]=mn(),t=
|
|
3170
|
+
`,children:o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[o(Za,{delay:100,children:[e(E,{size:"S",id:"next",leadingVisual:e(_,{svg:e(cf,{})}),"aria-label":"Next trace",isDisabled:!c,onPress:()=>{m.startTransition(()=>{t(n)})}}),e(Xa,{offset:4,children:e(v,{backgroundColor:"dark",borderWidth:"thin",borderColor:"dark",borderRadius:"medium",padding:"size-100",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{children:"Next trace"}),e(Pl,{children:Ur})]})})})]}),o(Za,{delay:100,children:[e(E,{size:"S",id:"previous",leadingVisual:e(_,{svg:e(uf,{})}),"aria-label":"Previous trace",isDisabled:!d,onPress:()=>{m.startTransition(()=>{l(n)})}}),e(Xa,{offset:4,children:e(v,{backgroundColor:"dark",borderWidth:"thin",borderColor:"dark",borderRadius:"medium",padding:"size-100",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{children:"Previous trace"}),e(Pl,{children:Hr})]})})})]})]})})};function RT(){const{traceId:n,projectId:a}=Qe(),[l]=mn(),t=de(),{rootPath:i,tab:r}=Vt(),d=l.get(un)||n;return e(yn,{isOpen:!0,onOpenChange:c=>{c||t(`${i}/${r}`)},children:e(nn,{variant:"slideover",size:"fullscreen",children:e(en,{children:({close:c})=>o(ha,{children:[o(ka,{children:[e(ba,{children:"Trace Details"}),o(al,{children:[e(oS,{currentId:d}),e(mf,{preserveSearchParams:!0,buttonText:"Share",tooltipText:"Copy trace link to clipboard",successText:"Trace link copied to clipboard"}),e(ll,{close:c})]})]}),e(m.Suspense,{fallback:e(me,{}),children:e(ar,{traceId:n,projectId:a})})]})})})})}function mu({traceId:n,projectId:a,title:l}){return e(en,{children:({close:t})=>o(ha,{children:[o(ka,{children:[e(ba,{children:l}),o(al,{children:[e(la,{size:"S",to:`/projects/${a}/traces/${n}`,children:"View Trace in Project"}),e(ll,{close:t})]})]}),e(m.Suspense,{fallback:e(me,{}),children:e(ar,{traceId:n,projectId:a})})]})})}const sS=n=>{const a=n;return fa(a.function)?typeof a.function.arguments=="string":!1};function gu({toolCall:n}){const a=m.useMemo(()=>{const{provider:l,validatedToolCall:t}=gf(n);switch(l){case"OPENAI":case"AZURE_OPENAI":return{name:t.function.name,input:t.function.arguments};case"ANTHROPIC":return{name:t.name,input:t.input};case"UNKNOWN":{if(!sS(n))return null;const{json:i}=Be(n.function.arguments);return{name:n.function.name??"",input:fa(i)?i:n.function.arguments}}default:return Te()}},[n]);return a==null?o(C,{children:["Invalid tool call format: ",JSON.stringify(n)]}):o("pre",{css:F`
|
|
3171
3171
|
text-wrap: wrap;
|
|
3172
3172
|
margin: var(--ac-global-dimension-static-size-100) 0;
|
|
3173
3173
|
`,children:[a.name,"(",typeof a.input=="string"?a.input:JSON.stringify(a.input,null,2),")"]})}const dS=10,cS=n=>n.examples.reduce((a,l)=>{const{datasetExampleId:t,result:i,experimentRunId:r}=l,s={experimentRunId:r};switch(i.__typename){case"ChatCompletionMutationError":return{...a,[t]:{...s,errorMessage:i.message}};case"ChatCompletionMutationPayload":{const{errorMessage:d,content:c,span:g,toolCalls:f}=i;return{...a,[t]:{...s,span:g,content:c,errorMessage:d,toolCalls:f.reduce((u,p)=>(u[p.id]=p,u),{})}}}case"%other":return a;default:Te()}},{}),uS=F`
|
|
@@ -3203,13 +3203,13 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
3203
3203
|
overflow-y: auto;
|
|
3204
3204
|
padding: var(--ac-global-dimension-static-size-100)
|
|
3205
3205
|
var(--ac-global-dimension-static-size-200);
|
|
3206
|
-
`,children:n})}function gS({getValue:n,collapseSingleKey:a}){const l=n();return e(yu,{children:e(tl,{json:l,space:2,collapseSingleKey:a})})}function pS({isRunning:n,instanceVariables:a,datasetExampleInput:l}){const t=m.useMemo(()=>{const i=fa(l)?l:{};return a.filter(r=>i[r]==null)},[l,a]);return n?e(me,{}):t.length===0?null:e(er,{children:`Missing input for variable${t.length>1?"s":""}: ${t.join(", ")}`})}function yS({exampleData:n,setDialog:a}){const{span:l,content:t,toolCalls:i,errorMessage:r,experimentRunId:s}=n,d=l!=null,c=s!=null,g=m.useMemo(()=>{if(d||c)return o(J,{children:[c&&o(Ee,{children:[e(E,{size:"S","aria-label":"View experiment run details",leadingVisual:e(_,{svg:e(xl,{})}),onPress:()=>{m.startTransition(()=>{a(e(ab,{runId:s}))})}}),e(Vn,{children:"View run details"})]}),d&&e(J,{children:o($e,{children:[e(E,{size:"S","aria-label":"View run trace",leadingVisual:e(_,{svg:e(kt,{})})}),e(yn,{children:e(nn,{size:"fullscreen",variant:"slideover",children:e(mu,{traceId:l.context.traceId,projectId:l.project.id,title:"Experiment Run Trace"})})})]})})]})},[s,c,d,a,l]);return e(pu,{controls:g,children:e(v,{padding:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[r!=null?e(er,{children:r}):null,e(C,{children:t}),i!=null?Object.values(i).map(f=>f==null?null:e(gu,{toolCall:f},f.id)):null,d?e(hS,{span:l}):null]})})})}const fS=m.memo(function({isRunning:a,instanceId:l,exampleId:t,setDialog:i,instanceVariables:r,datasetExampleInput:s}){const d=qa(c=>{var g;return(g=c.exampleResponsesMap[l])==null?void 0:g[t]});return d==null?e(pS,{isRunning:a,instanceVariables:r,datasetExampleInput:s}):e(yS,{exampleData:d,setDialog:i})});function hS({span:n}){return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ia,{tokenCountTotal:n.tokenCountTotal||0,nodeId:n.id}),e(je,{latencyMs:n.latencyMs||0})]})}function fu({table:n}){return e("tbody",{children:n.getRowModel().rows.map(a=>e("tr",{children:a.getVisibleCells().map(l=>e("td",{style:{padding:0,width:`calc(var(--col-${l.column.id}-size) * 1px)`,wordBreak:"break-all"},children:W(l.column.columnDef.cell,l.getContext())},l.id))},a.id))})}const kS=pn.memo(fu,(n,a)=>n.table.options.data===a.table.options.data);function bS({datasetId:n}){const a=P.useRelayEnvironment(),l=O(Q=>Q.instances),t=O(Q=>Q.allInstanceMessages),i=O(Q=>Q.templateFormat),r=O(Q=>Q.updateInstance),s=qa(Q=>Q.updateExampleData),d=qa(Q=>Q.setExampleDataForInstance),c=qa(Q=>Q.resetExampleData),g=qa(Q=>Q.appendExampleDataToolCallChunk),f=qa(Q=>Q.appendExampleDataTextChunk),[u,p]=m.useState(null),[,y]=mn(),h=l.some(Q=>Q.activeRunId!==null),k=Na(Q=>Q),S=O(Q=>Q.markPlaygroundInstanceComplete),K=cl(),T=
|
|
3206
|
+
`,children:n})}function gS({getValue:n,collapseSingleKey:a}){const l=n();return e(yu,{children:e(tl,{json:l,space:2,collapseSingleKey:a})})}function pS({isRunning:n,instanceVariables:a,datasetExampleInput:l}){const t=m.useMemo(()=>{const i=fa(l)?l:{};return a.filter(r=>i[r]==null)},[l,a]);return n?e(me,{}):t.length===0?null:e(er,{children:`Missing input for variable${t.length>1?"s":""}: ${t.join(", ")}`})}function yS({exampleData:n,setDialog:a}){const{span:l,content:t,toolCalls:i,errorMessage:r,experimentRunId:s}=n,d=l!=null,c=s!=null,g=m.useMemo(()=>{if(d||c)return o(J,{children:[c&&o(Ee,{children:[e(E,{size:"S","aria-label":"View experiment run details",leadingVisual:e(_,{svg:e(xl,{})}),onPress:()=>{m.startTransition(()=>{a(e(ab,{runId:s}))})}}),e(Vn,{children:"View run details"})]}),d&&e(J,{children:o($e,{children:[e(E,{size:"S","aria-label":"View run trace",leadingVisual:e(_,{svg:e(kt,{})})}),e(yn,{children:e(nn,{size:"fullscreen",variant:"slideover",children:e(mu,{traceId:l.context.traceId,projectId:l.project.id,title:"Experiment Run Trace"})})})]})})]})},[s,c,d,a,l]);return e(pu,{controls:g,children:e(v,{padding:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[r!=null?e(er,{children:r}):null,e(C,{children:t}),i!=null?Object.values(i).map(f=>f==null?null:e(gu,{toolCall:f},f.id)):null,d?e(hS,{span:l}):null]})})})}const fS=m.memo(function({isRunning:a,instanceId:l,exampleId:t,setDialog:i,instanceVariables:r,datasetExampleInput:s}){const d=qa(c=>{var g;return(g=c.exampleResponsesMap[l])==null?void 0:g[t]});return d==null?e(pS,{isRunning:a,instanceVariables:r,datasetExampleInput:s}):e(yS,{exampleData:d,setDialog:i})});function hS({span:n}){return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ia,{tokenCountTotal:n.tokenCountTotal||0,nodeId:n.id}),e(je,{latencyMs:n.latencyMs||0})]})}function fu({table:n}){return e("tbody",{children:n.getRowModel().rows.map(a=>e("tr",{children:a.getVisibleCells().map(l=>e("td",{style:{padding:0,width:`calc(var(--col-${l.column.id}-size) * 1px)`,wordBreak:"break-all"},children:W(l.column.columnDef.cell,l.getContext())},l.id))},a.id))})}const kS=pn.memo(fu,(n,a)=>n.table.options.data===a.table.options.data);function bS({datasetId:n}){const a=P.useRelayEnvironment(),l=O(Q=>Q.instances),t=O(Q=>Q.allInstanceMessages),i=O(Q=>Q.templateFormat),r=O(Q=>Q.updateInstance),s=qa(Q=>Q.updateExampleData),d=qa(Q=>Q.setExampleDataForInstance),c=qa(Q=>Q.resetExampleData),g=qa(Q=>Q.appendExampleDataToolCallChunk),f=qa(Q=>Q.appendExampleDataTextChunk),[u,p]=m.useState(null),[,y]=mn(),h=l.some(Q=>Q.activeRunId!==null),k=Na(Q=>Q),S=O(Q=>Q.markPlaygroundInstanceComplete),K=cl(),T=be(),x=m.useCallback(Q=>te=>{var Ae;if(te==null)return;const le=te.chatCompletionOverDataset;switch(le.__typename){case"ChatCompletionSubscriptionExperiment":r({instanceId:Q,patch:{experimentId:le.experiment.id},dirty:null});break;case"ChatCompletionSubscriptionResult":if(le.datasetExampleId==null)return;s({instanceId:Q,exampleId:le.datasetExampleId,patch:{span:le.span,experimentRunId:(Ae=le.experimentRun)==null?void 0:Ae.id}});break;case"ChatCompletionSubscriptionError":if(le.datasetExampleId==null)return;s({instanceId:Q,exampleId:le.datasetExampleId,patch:{errorMessage:le.message}});break;case"TextChunk":if(le.datasetExampleId==null)return;f({instanceId:Q,exampleId:le.datasetExampleId,textChunk:le.content});break;case"ToolCallChunk":{if(le.datasetExampleId==null)return;g({instanceId:Q,exampleId:le.datasetExampleId,toolCallChunk:le});break}case"%other":return;default:return Te()}},[f,g,s,r]),[I]=P.useMutation(Ac),L=m.useCallback(Q=>(te,le)=>{if(S(Q),le){T({title:"Chat completion failed",message:le[0].message});return}r({instanceId:Q,patch:{experimentId:te.chatCompletionOverDataset.experimentId},dirty:null}),d({instanceId:Q,data:cS(te.chatCompletionOverDataset)})},[S,T,d,r]);m.useEffect(()=>{if(!h)return;const{instances:Q,streaming:te,updateInstance:le}=K.getState();if(c(),te){const Ae=[];for(const Pe of Q){const{activeRunId:A}=Pe;if(le({instanceId:Pe.id,patch:{experimentId:null},dirty:null}),A===null)continue;const N={input:Lr({credentials:k,instanceId:Pe.id,playgroundStore:K,datasetId:n})},U={subscription:wc,variables:N,onNext:x(Pe.id),onCompleted:()=>{S(Pe.id)},onError:on=>{S(Pe.id);const Nt=Ho(on);Nt!=null&&Nt.length>0?T({title:"Failed to get output",message:Nt.join(`
|
|
3207
3207
|
`),expireMs:1e4}):T({title:"Failed to get output",message:on.message,expireMs:1e4})}},ee=Ll.requestSubscription(a,U);Ae.push(ee)}return()=>{for(const Pe of Ae)Pe.dispose()}}else{const Ae=[];for(const Pe of Q){const{activeRunId:A}=Pe;if(A===null)continue;le({instanceId:Pe.id,patch:{experimentId:null},dirty:null});const N={input:Lr({credentials:k,instanceId:Pe.id,playgroundStore:K,datasetId:n})},U=I({variables:N,onCompleted:L(Pe.id),onError(ee){S(Pe.id);const on=De(ee);on!=null&&on.length>0?T({title:"Failed to get output",message:on.join(`
|
|
3208
|
-
`),expireMs:1e4}):T({title:"Failed to get output",message:ee.message,expireMs:1e4})}});Ae.push(U)}return()=>{for(const Pe of Ae)Pe.dispose()}}},[k,n,a,I,h,S,T,L,x,K,c]);const{dataset:w}=P.useLazyLoadQuery(Mc,{datasetId:n}),$=m.useRef(null),{data:D,loadNext:V,hasNext:M,isLoadingNext:z}=P.usePaginationFragment(Ec,w),j=m.useMemo(()=>D.examples.edges.map(Q=>{const te=Q.example,le=te.revision;return{id:te.id,input:le.input,output:le.output}}),[D]),q=m.useMemo(()=>l.map((Q,te)=>{const le=Lt(Q,t),Ae=_s({instance:le,templateFormat:i});return{id:`instance-${Q.id}`,header:()=>o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Li,{index:te}),e("span",{children:"Output"})]}),cell:({row:Pe})=>e(fS,{instanceId:Q.id,exampleId:Pe.original.id,isRunning:h,setDialog:p,instanceVariables:Ae,datasetExampleInput:Pe.original.input}),size:500}}),[h,l,i,t]),
|
|
3208
|
+
`),expireMs:1e4}):T({title:"Failed to get output",message:ee.message,expireMs:1e4})}});Ae.push(U)}return()=>{for(const Pe of Ae)Pe.dispose()}}},[k,n,a,I,h,S,T,L,x,K,c]);const{dataset:w}=P.useLazyLoadQuery(Mc,{datasetId:n}),$=m.useRef(null),{data:D,loadNext:V,hasNext:M,isLoadingNext:z}=P.usePaginationFragment(Ec,w),j=m.useMemo(()=>D.examples.edges.map(Q=>{const te=Q.example,le=te.revision;return{id:te.id,input:le.input,output:le.output}}),[D]),q=m.useMemo(()=>l.map((Q,te)=>{const le=Lt(Q,t),Ae=_s({instance:le,templateFormat:i});return{id:`instance-${Q.id}`,header:()=>o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Li,{index:te}),e("span",{children:"Output"})]}),cell:({row:Pe})=>e(fS,{instanceId:Q.id,exampleId:Pe.original.id,isRunning:h,setDialog:p,instanceVariables:Ae,datasetExampleInput:Pe.original.input}),size:500}}),[h,l,i,t]),oe=[{header:"input",accessorKey:"input",cell:({row:Q})=>e(pu,{controls:o(Ee,{children:[e(E,{size:"S","aria-label":"View example details",leadingVisual:e(_,{svg:e(xl,{})}),onPress:()=>{y(te=>(te.set("exampleId",Q.original.id),te))}}),e(Vn,{children:"View Example"})]}),children:e(yu,{children:e(tl,{json:Q.original.input,disableTitle:!0,space:2,collapseSingleKey:!1})})}),size:200},{header:"reference output",accessorKey:"output",cell:Q=>gS({...Q,collapseSingleKey:!0}),size:200},...q],he=Fe({columns:oe,data:j,getCoreRowModel:Ke(),columnResizeMode:"onChange"}),oa=he.getRowModel().rows.length===0,ul=m.useCallback(Q=>{if(Q){const{scrollHeight:te,scrollTop:le,clientHeight:Ae}=Q;te-le-Ae<300&&!z&&M&&V(dS)}},[M,z,V]),Aa=pn.useMemo(()=>{const Q=he.getFlatHeaders(),te={};for(let le=0;le<Q.length;le++){const Ae=Q[le];te[`--header-${Ae.id}-size`]=Ae.getSize(),te[`--col-${Ae.column.id}-size`]=Ae.column.getSize()}return te},[he.getState().columnSizingInfo,he.getState().columnSizing,oe.length]);return o("div",{css:F`
|
|
3209
3209
|
flex: 1 1 auto;
|
|
3210
3210
|
overflow: auto;
|
|
3211
3211
|
height: 100%;
|
|
3212
|
-
`,ref:$,onScroll:Q=>ul(Q.target),children:[o("table",{css:F(He,Uo),style:{...Aa,width:
|
|
3212
|
+
`,ref:$,onScroll:Q=>ul(Q.target),children:[o("table",{css:F(He,Uo),style:{...Aa,width:he.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:he.getHeaderGroups().map(Q=>e("tr",{children:Q.headers.map(te=>o("th",{style:{width:`calc(var(--header-${te==null?void 0:te.id}-size) * 1px)`},children:[e("div",{children:W(te.column.columnDef.header,te.getContext())}),e("div",{onMouseDown:te.getResizeHandler(),onTouchStart:te.getResizeHandler(),className:`resizer ${te.column.getIsResizing()?"isResizing":""}`})]},te.id))},Q.id))}),oa?e(gn,{}):he.getState().columnSizingInfo.isResizingColumn?e(kS,{table:he}):e(fu,{table:he})]}),e(ce,{isDismissable:!0,type:"slideOver",onDismiss:()=>{p(null),y(Q=>(Q.delete(un),Q))},children:u})]})}function SS({datasetId:n}){const a=O(s=>s.instances),l=a.some(s=>s.activeRunId!=null),t=m.useMemo(()=>a.map(s=>s.experimentId).filter(s=>s!=null),[a]),i=de(),r=P.useLazyLoadQuery(_c,{datasetId:n});return o(b,{direction:"column",height:"100%",children:[e(v,{flex:"none",backgroundColor:"dark",paddingX:"size-200",paddingY:"size-100",borderBottomColor:"light",borderBottomWidth:"thin",height:50,children:o(b,{justifyContent:"space-between",alignItems:"center",height:"100%",children:[o(b,{gap:"size-100",children:[o(C,{children:[r.dataset.name??"Dataset"," results"]}),r.dataset.exampleCount!=null?o(C,{fontStyle:"italic",color:"text-700",children:[r.dataset.exampleCount," examples"]}):null]}),t.length>0&&o(E,{size:"S",isDisabled:l,leadingVisual:e(_,{svg:l?e(dn,{}):e(Go,{})}),onPress:()=>{i(`/datasets/${n}/compare?experimentId=${t.join("&experimentId=")}`)},children:["View Experiment",a.length>1?"s":""]})]})}),e(nb,{children:e(bS,{datasetId:n})})]})}const Gr=30,vS=F`
|
|
3213
3213
|
display: flex;
|
|
3214
3214
|
direction: row;
|
|
3215
3215
|
align-items: center;
|
|
@@ -3294,8 +3294,8 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
3294
3294
|
}
|
|
3295
3295
|
}
|
|
3296
3296
|
}
|
|
3297
|
-
`}}}();bu.hash="f511626560567f113e6b977bfea1efd3";function DS({spanId:n}){const[,a]=mn(),l=P.useLazyLoadQuery(bu,{spanId:n},{fetchPolicy:"store-and-network"});if(!l.span||!l.span.trace||!l.span.trace.project)return null;const{trace:t}=l.span;return e(v,{borderTopColor:"light",borderTopWidth:"thin",paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",children:o(b,{direction:"row",gap:"size-200",justifyContent:"space-between",children:[o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ia,{tokenCountTotal:l.span.tokenCountTotal||0,nodeId:l.span.id}),e(je,{latencyMs:l.span.latencyMs||0})]}),o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[o($e,{children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(ja,{})}),children:"Annotate"}),e(yn,{children:e(nn,{variant:"slideover",size:"S",children:e(Zo,{spanNodeId:n,projectId:t.project.id})})})]}),o($e,{onOpenChange:i=>{i||a(r=>(r.delete(un),r))},children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(kt,{})}),children:"View Trace"}),e(yn,{children:e(nn,{variant:"slideover",size:"fullscreen",children:e(m.Suspense,{fallback:e(me,{}),children:e(mu,{traceId:t.traceId,projectId:t.project.id,title:"Playground Trace"})})})})]})]})]})})}function LS({index:n,title:a}){return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Li,{index:n}),e("span",{children:a})]})}const _S=n=>fa(n)&&(typeof n.id=="string"||typeof n.id=="number")?n.id:JSON.stringify(n);function Wr({message:n}){const{role:a,content:l,toolCalls:t}=n,i=$l(a);return o(B,{title:a,...i,variant:"compact",extra:e($n,{}),bodyStyle:{padding:0},children:[l!=null&&!Array.isArray(l)&&e(Ma,{children:l}),t&&t.length>0?t.map(r=>e(gu,{toolCall:r},_S(r))):null]})}function AS({content:n,partialToolCalls:a}){return g0(n)?n.map((l,t)=>e(Wr,{message:l},t)):typeof n=="string"||a.length>0?e(Wr,{message:{id:ua(),content:n,role:"ai",toolCalls:a}}):"click run to see output"}function wS(n){const a=n.playgroundInstanceId,l=O(M=>M.instances),t=O(M=>M.streaming),i=Na(M=>M),r=O(M=>M.instances.findIndex(z=>z.id===a)),s=l.find(M=>M.id===a),d=O(M=>M.updateInstance),[c,g]=m.useState(null),f=O(M=>M.markPlaygroundInstanceComplete),u=P.useRelayEnvironment(),p=cl();if(!s)throw new Error(`No instance found for id ${a}`);if(s.template.__type!=="chat")throw new Error("We only support chat templates for now");const[y,h]=m.useState(!1),[k]=P.useMutation(hu),S=(s==null?void 0:s.activeRunId)!=null,K=
|
|
3298
|
-
`)}):T({title:"Failed to get output",message:
|
|
3297
|
+
`}}}();bu.hash="f511626560567f113e6b977bfea1efd3";function DS({spanId:n}){const[,a]=mn(),l=P.useLazyLoadQuery(bu,{spanId:n},{fetchPolicy:"store-and-network"});if(!l.span||!l.span.trace||!l.span.trace.project)return null;const{trace:t}=l.span;return e(v,{borderTopColor:"light",borderTopWidth:"thin",paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",children:o(b,{direction:"row",gap:"size-200",justifyContent:"space-between",children:[o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ia,{tokenCountTotal:l.span.tokenCountTotal||0,nodeId:l.span.id}),e(je,{latencyMs:l.span.latencyMs||0})]}),o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[o($e,{children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(ja,{})}),children:"Annotate"}),e(yn,{children:e(nn,{variant:"slideover",size:"S",children:e(Zo,{spanNodeId:n,projectId:t.project.id})})})]}),o($e,{onOpenChange:i=>{i||a(r=>(r.delete(un),r))},children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(kt,{})}),children:"View Trace"}),e(yn,{children:e(nn,{variant:"slideover",size:"fullscreen",children:e(m.Suspense,{fallback:e(me,{}),children:e(mu,{traceId:t.traceId,projectId:t.project.id,title:"Playground Trace"})})})})]})]})]})})}function LS({index:n,title:a}){return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Li,{index:n}),e("span",{children:a})]})}const _S=n=>fa(n)&&(typeof n.id=="string"||typeof n.id=="number")?n.id:JSON.stringify(n);function Wr({message:n}){const{role:a,content:l,toolCalls:t}=n,i=$l(a);return o(B,{title:a,...i,variant:"compact",extra:e($n,{}),bodyStyle:{padding:0},children:[l!=null&&!Array.isArray(l)&&e(Ma,{children:l}),t&&t.length>0?t.map(r=>e(gu,{toolCall:r},_S(r))):null]})}function AS({content:n,partialToolCalls:a}){return g0(n)?n.map((l,t)=>e(Wr,{message:l},t)):typeof n=="string"||a.length>0?e(Wr,{message:{id:ua(),content:n,role:"ai",toolCalls:a}}):"click run to see output"}function wS(n){const a=n.playgroundInstanceId,l=O(M=>M.instances),t=O(M=>M.streaming),i=Na(M=>M),r=O(M=>M.instances.findIndex(z=>z.id===a)),s=l.find(M=>M.id===a),d=O(M=>M.updateInstance),[c,g]=m.useState(null),f=O(M=>M.markPlaygroundInstanceComplete),u=P.useRelayEnvironment(),p=cl();if(!s)throw new Error(`No instance found for id ${a}`);if(s.template.__type!=="chat")throw new Error("We only support chat templates for now");const[y,h]=m.useState(!1),[k]=P.useMutation(hu),S=(s==null?void 0:s.activeRunId)!=null,K=be(),T=m.useCallback(({title:M,message:z,...j})=>{g({title:M,message:z}),K({title:M,message:z,...j})},[K]),[x,I]=m.useState(s.output),[L,w]=m.useState([]),$=m.useCallback(({chatCompletion:M})=>{if(h(!1),M.__typename==="TextChunk"){const z=M.content;I(j=>j!=null?j+z:z);return}else if(M.__typename==="ToolCallChunk"){w(z=>{let j=!1;const q=z.map(oe=>oe.id===M.id?(j=!0,{...oe,function:{...oe.function,arguments:oe.function.arguments+M.function.arguments}}):oe);return j||q.push({id:M.id,function:{name:M.function.name,arguments:M.function.arguments}}),q});return}if(M.__typename==="ChatCompletionSubscriptionResult"&&M.span!=null){d({instanceId:a,patch:{spanId:M.span.id},dirty:null});return}M.__typename==="ChatCompletionSubscriptionError"&&(f(n.playgroundInstanceId),M.message!=null&&T({title:"Chat completion failed",message:M.message}))},[a,f,T,n.playgroundInstanceId,d]),D=m.useCallback((M,z)=>{if(h(!1),f(n.playgroundInstanceId),d({instanceId:a,patch:{spanId:M.chatCompletion.span.id},dirty:null}),z){T({title:"Chat completion failed",message:z[0].message});return}if(M.chatCompletion.errorMessage!=null){T({title:"Chat completion failed",message:M.chatCompletion.errorMessage});return}I(M.chatCompletion.content??void 0),w(M.chatCompletion.toolCalls)},[a,f,T,n.playgroundInstanceId,d]),V=m.useCallback(()=>{I(void 0),w([]),g(null),d({instanceId:a,patch:{spanId:null},dirty:null})},[a,d]);return m.useEffect(()=>{if(!S){h(!1);return}h(!0),V();const M=C0({playgroundStore:p,instanceId:a,credentials:i});if(t){const j={subscription:ku,variables:{input:M},onNext:oe=>{oe&&$(oe)},onCompleted:()=>{h(!1),f(n.playgroundInstanceId)},onError:oe=>{h(!1),f(n.playgroundInstanceId);const he=Ho(oe);he!=null&&he.length>0?T({title:"Failed to get output",message:he.join(`
|
|
3298
|
+
`)}):T({title:"Failed to get output",message:oe.message})}};return Ll.requestSubscription(u,j).dispose}return k({variables:{input:M},onCompleted:D,onError(j){h(!1),f(n.playgroundInstanceId);const q=De(j);q!=null&&q.length>0?T({title:"Failed to get output",message:q.join(`
|
|
3299
3299
|
`)}):T({title:"Failed to get output",message:j.message})}}).dispose},[V,i,u,k,S,a,f,T,D,$,p,n.playgroundInstanceId,t,d]),e(B,{title:e(LS,{index:r,title:"Output"}),extra:x!=null||(L==null?void 0:L.length)>0?e(IS,{outputContent:x,toolCalls:L,instance:s,cleanupOutput:V}):null,titleSeparator:!0,collapsible:!0,variant:"compact",bodyStyle:{padding:0},children:y?e(v,{padding:"size-200",children:e(me,{message:"Running..."})}):c?e(v,{padding:"size-200",children:e(er,{children:c.message})}):o(J,{children:[e(v,{padding:"size-200",children:e(Cn,{children:e(AS,{content:x,partialToolCalls:L})})}),e(m.Suspense,{children:s.spanId?e(DS,{spanId:s.spanId}):null})]})})}function RS(){return m.useMemo(()=>window.navigator.userAgent.toLowerCase().includes("mac")?"Cmd":"Ctrl",[])}function ES(){const n=RS(),a=O(r=>r.runPlaygroundInstances),l=O(r=>r.cancelPlaygroundInstances),t=O(r=>r.instances.some(s=>s.activeRunId!=null)),i=m.useCallback(()=>{t?l():a()},[t,l,a]);return ya("mod+enter",r=>{r.preventDefault(),r.stopPropagation(),i()},{enableOnFormTags:!0,enableOnContentEditable:!0,preventDefault:!0}),e(E,{variant:"primary",leadingVisual:e(_,{svg:t?e(dn,{}):e(xa,{})}),size:"S",onPress:()=>{i()},trailingVisual:o(Qo,{children:[e(oi,{children:n}),e("span",{"aria-hidden":"true",children:n==="Cmd"?"⌘":"Ctrl"}),e(oi,{children:"enter"}),e("span",{"aria-hidden":"true",children:"⏎"})]}),children:t?"Cancel":"Run"})}function MS(){const n=O(i=>i.streaming),a=O(i=>i.setStreaming),l=cn(i=>i.setPlaygroundStreamingEnabled),t=O(i=>i.instances.some(r=>r.activeRunId!=null));return e(Ta,{labelPlacement:"start",isSelected:n,onChange:()=>{a(!n),l(!n)},isDisabled:t,children:"Stream"})}const Su=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(
|
|
3300
3300
|
$input: CreateChatPromptVersionInput!
|
|
3301
3301
|
) {
|
|
@@ -3333,7 +3333,7 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
3333
3333
|
}
|
|
3334
3334
|
}
|
|
3335
3335
|
}
|
|
3336
|
-
`}}}();Fu.hash="42af63a75d1f1b2184518e94395121cd";function Ku({onChange:n,container:a,promptId:l,...t}){const r=P.useLazyLoadQuery(Fu,{},{fetchPolicy:"store-and-network",fetchKey:l??void 0}).prompts.edges,s=m.useMemo(()=>r.map(d=>d.prompt),[r]);return e(Ai,{size:"M","data-testid":"prompt-picker",selectedKey:l??null,"aria-label":"prompt picker",width:"100%",menuTrigger:"focus",stopPropagation:!0,container:a,defaultItems:s,placeholder:"Select a prompt...",renderEmptyState:()=>e("div",{children:"No prompts found"}),onSelectionChange:d=>{if(!(typeof d!="string"&&d!=null)){if(d===l){n(null);return}n(d)}},...t,children:d=>e(_i,{textValue:d.name,id:d.id,children:d.name},d.id)})}const VS=/^[a-z0-9]([_a-z0-9-]*[a-z0-9])?$/,Tu={value:VS,message:"Invalid identifier. Must be alphanumeric and with dashes or underscores"};function zS({onCreate:n,onUpdate:a,isSubmitting:l=!1,defaultSelectedPromptId:t}){var x,I,L,w;const i=m.useRef(null),r=P.useLazyLoadQuery(Cu,{},{fetchPolicy:"network-only"}),[s,d]=m.useState(t??null),c=(I=(x=r==null?void 0:r.prompts)==null?void 0:x.edges)==null?void 0:I.find($=>{var D;return((D=$==null?void 0:$.prompt)==null?void 0:D.id)===s}),[g,f]=m.useState(((L=c==null?void 0:c.prompt)==null?void 0:L.name)??""),u=c?"update":"create",p=u==="create"?"Create Prompt":"Update Prompt",{control:y,handleSubmit:h,formState:{isDirty:k,isValid:S},trigger:K}=Ve({values:{promptId:s??void 0,name:u==="update"&&c?(w=c==null?void 0:c.prompt)==null?void 0:w.name:g},defaultValues:{description:""},reValidateMode:"onChange",resetOptions:{keepDefaultValues:!0}}),T=m.useCallback($=>{u==="create"?n($):a($)},[n,a,u]);return o(b,{direction:"column",gap:"size-100",ref:i,children:[e(v,{paddingX:"size-200",paddingTop:"size-200",children:e(G,{name:"name",control:y,rules:{required:{message:"Prompt is required",value:!0},pattern:Tu},render:({field:{onBlur:$,onChange:D},fieldState:V})=>{var M;return e(Ku,{label:"Prompt",description:"The prompt to update, or prompt name to create",placeholder:"Select or enter new prompt name",isRequired:!0,onBlur:$,defaultInputValue:g,onInputChange:z=>{f(z),D(z),K("name")},container:i.current??void 0,errorMessage:(M=V.error)==null?void 0:M.message,allowsCustomValue:!0,onChange:z=>{D(z),d(z)},promptId:s})}})}),o(Ue,{onSubmit:h(T),children:[e(v,{paddingX:"size-200",paddingBottom:"size-200",children:e(G,{name:"description",control:y,render:({field:{onChange:$,onBlur:D,value:V},fieldState:{invalid:M,error:z}})=>o(Y,{isInvalid:M,onChange:$,onBlur:D,value:V,size:"S",children:[e(H,{children:u==="create"?"Prompt Description":"Change Description"}),e(Ka,{}),z?e(
|
|
3336
|
+
`}}}();Fu.hash="42af63a75d1f1b2184518e94395121cd";function Ku({onChange:n,container:a,promptId:l,...t}){const r=P.useLazyLoadQuery(Fu,{},{fetchPolicy:"store-and-network",fetchKey:l??void 0}).prompts.edges,s=m.useMemo(()=>r.map(d=>d.prompt),[r]);return e(Ai,{size:"M","data-testid":"prompt-picker",selectedKey:l??null,"aria-label":"prompt picker",width:"100%",menuTrigger:"focus",stopPropagation:!0,container:a,defaultItems:s,placeholder:"Select a prompt...",renderEmptyState:()=>e("div",{children:"No prompts found"}),onSelectionChange:d=>{if(!(typeof d!="string"&&d!=null)){if(d===l){n(null);return}n(d)}},...t,children:d=>e(_i,{textValue:d.name,id:d.id,children:d.name},d.id)})}const VS=/^[a-z0-9]([_a-z0-9-]*[a-z0-9])?$/,Tu={value:VS,message:"Invalid identifier. Must be alphanumeric and with dashes or underscores"};function zS({onCreate:n,onUpdate:a,isSubmitting:l=!1,defaultSelectedPromptId:t}){var x,I,L,w;const i=m.useRef(null),r=P.useLazyLoadQuery(Cu,{},{fetchPolicy:"network-only"}),[s,d]=m.useState(t??null),c=(I=(x=r==null?void 0:r.prompts)==null?void 0:x.edges)==null?void 0:I.find($=>{var D;return((D=$==null?void 0:$.prompt)==null?void 0:D.id)===s}),[g,f]=m.useState(((L=c==null?void 0:c.prompt)==null?void 0:L.name)??""),u=c?"update":"create",p=u==="create"?"Create Prompt":"Update Prompt",{control:y,handleSubmit:h,formState:{isDirty:k,isValid:S},trigger:K}=Ve({values:{promptId:s??void 0,name:u==="update"&&c?(w=c==null?void 0:c.prompt)==null?void 0:w.name:g},defaultValues:{description:""},reValidateMode:"onChange",resetOptions:{keepDefaultValues:!0}}),T=m.useCallback($=>{u==="create"?n($):a($)},[n,a,u]);return o(b,{direction:"column",gap:"size-100",ref:i,children:[e(v,{paddingX:"size-200",paddingTop:"size-200",children:e(G,{name:"name",control:y,rules:{required:{message:"Prompt is required",value:!0},pattern:Tu},render:({field:{onBlur:$,onChange:D},fieldState:V})=>{var M;return e(Ku,{label:"Prompt",description:"The prompt to update, or prompt name to create",placeholder:"Select or enter new prompt name",isRequired:!0,onBlur:$,defaultInputValue:g,onInputChange:z=>{f(z),D(z),K("name")},container:i.current??void 0,errorMessage:(M=V.error)==null?void 0:M.message,allowsCustomValue:!0,onChange:z=>{D(z),d(z)},promptId:s})}})}),o(Ue,{onSubmit:h(T),children:[e(v,{paddingX:"size-200",paddingBottom:"size-200",children:e(G,{name:"description",control:y,render:({field:{onChange:$,onBlur:D,value:V},fieldState:{invalid:M,error:z}})=>o(Y,{isInvalid:M,onChange:$,onBlur:D,value:V,size:"S",children:[e(H,{children:u==="create"?"Prompt Description":"Change Description"}),e(Ka,{}),z?e(ke,{children:z.message}):e(C,{slot:"description",children:u==="create"?"A description of your prompt (optional)":"A description of your changes to the prompt (optional)"})]})})}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(E,{variant:k?"primary":"default",size:"S",isDisabled:l||!S,type:"submit",children:p})})})]})]})}const Jr=(n,a)=>{const l=a.getState(),t=l.allInstanceMessages,i=l.instances.find(c=>c.id===n);if(!i)throw new Error(`Instance ${n} not found`);const r=Lt(i,t),s=E1(r);if(!s)throw new Error(`Could not convert instance ${n} to prompt`);const d=l.templateFormat;return{promptInput:s,templateFormat:d}},NS=({instanceId:n,setDialog:a,selectedPromptId:l})=>{const t=de(),i=ue(),r=be(),s=cl(),[d,c]=P.useMutation(vu),[g,f]=P.useMutation(Su),u=m.useCallback((h,k)=>{const S=s.getState();S.instances.find(T=>T.id===n)&&S.updateInstance({instanceId:n,patch:{prompt:{id:h,name:k}},dirty:!1})},[s,n]),p=m.useCallback(h=>{const{promptInput:k,templateFormat:S}=Jr(n,s);d({variables:{input:{name:h.name,description:h.description,promptVersion:{...k,templateFormat:S}}},onCompleted:K=>{i({title:"Prompt successfully created",action:{text:"View Prompt",onClick:()=>{t(`/prompts/${K.createChatPrompt.id}`)}}}),u(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,t,r,i,u,a,s]),y=m.useCallback(h=>{if(!h.promptId)throw new Error("Prompt ID is required");const{promptInput:k,templateFormat:S}=Jr(n,s);g({variables:{input:{promptId:h.promptId,promptVersion:{...k,templateFormat:S,description:h.description}}},onCompleted:K=>{i({title:"Prompt successfully updated",action:{text:"View Prompt",onClick:()=>{t(`/prompts/${K.createChatPromptVersion.id}`)}}}),u(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,t,r,i,a,s,g,u]);return e(re,{title:"Create Prompt from Template",children:e(m.Suspense,{fallback:e(me,{}),children:e(zS,{onCreate:p,onUpdate:y,isSubmitting:c||f,defaultSelectedPromptId:l})})})},Pu={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ModelConfigButtonDialogQuery",selections:[{args:null,kind:"FragmentSpread",name:"ModelProviderSelectFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"ModelConfigButtonDialogQuery",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null}],storageKey:null}]},params:{cacheID:"f6e033b9adc17b674922615d30065fbc",id:null,metadata:{},name:"ModelConfigButtonDialogQuery",operationKind:"query",text:`query ModelConfigButtonDialogQuery {
|
|
3337
3337
|
...ModelProviderSelectFragment
|
|
3338
3338
|
}
|
|
3339
3339
|
|
|
@@ -3349,7 +3349,7 @@ fragment ModelProviderSelectFragment on Query {
|
|
|
3349
3349
|
& .ac-view {
|
|
3350
3350
|
width: 100%;
|
|
3351
3351
|
}
|
|
3352
|
-
`,children:e(Pa,{label:l,errorMessage:t,validationState:t?"invalid":void 0,children:e(Ze,{children:e(sn,{value:i,onChange:s,optionalLint:!0})})})})}const QS=({field:n,value:a,onChange:l,errors:t,control:i})=>{var u;const r=n.invocationName;if(!r)throw new Error("Invocation name is required");const s=(u=t[r])==null?void 0:u.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,g=n.maxValue!=null?`${n.label||r} must be at most ${n.maxValue}`:void 0;if(n.canonicalName==="ANTHROPIC_EXTENDED_THINKING")return e(jS,{onChange:l,value:a});const{__typename:f}=n;switch(f){case"InvocationParameterBase":return null;case"BoundedFloatInvocationParameter":return typeof a!="number"&&a!==void 0?null:e(yf,{label:n.label,defaultValue:a,step:.1,minValue:n.minValue,maxValue:n.maxValue,onChange:p=>l(p),children:e(pf,{})});case"FloatInvocationParameter":case"IntInvocationParameter":return e(G,{control:i,name:r,rules:{required:d,min:c,max:g},render:({field:{onBlur:p}})=>o(ma,{isRequired:n.required,value:Number(a),onBlur:p,onChange:y=>{l(y)},children:[e(H,{children:n.label}),e(Z,{}),s?e(
|
|
3352
|
+
`,children:e(Pa,{label:l,errorMessage:t,validationState:t?"invalid":void 0,children:e(Ze,{children:e(sn,{value:i,onChange:s,optionalLint:!0})})})})}const QS=({field:n,value:a,onChange:l,errors:t,control:i})=>{var u;const r=n.invocationName;if(!r)throw new Error("Invocation name is required");const s=(u=t[r])==null?void 0:u.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,g=n.maxValue!=null?`${n.label||r} must be at most ${n.maxValue}`:void 0;if(n.canonicalName==="ANTHROPIC_EXTENDED_THINKING")return e(jS,{onChange:l,value:a});const{__typename:f}=n;switch(f){case"InvocationParameterBase":return null;case"BoundedFloatInvocationParameter":return typeof a!="number"&&a!==void 0?null:e(yf,{label:n.label,defaultValue:a,step:.1,minValue:n.minValue,maxValue:n.maxValue,onChange:p=>l(p),children:e(pf,{})});case"FloatInvocationParameter":case"IntInvocationParameter":return e(G,{control:i,name:r,rules:{required:d,min:c,max:g},render:({field:{onBlur:p}})=>o(ma,{isRequired:n.required,value:Number(a),onBlur:p,onChange:y=>{l(y)},children:[e(H,{children:n.label}),e(Z,{}),s?e(ke,{children:s}):null]})});case"StringListInvocationParameter":return!Array.isArray(a)&&a!==void 0?null:e(G,{control:i,name:r,rules:{required:d},render:({field:{onBlur:p}})=>o(Y,{isRequired:n.required,defaultValue:(a==null?void 0:a.join(", "))??"",onBlur:p,onChange:y=>{if(y===""){l(void 0);return}l(y.split(/, */g))},children:[e(H,{children:n.label}),e(Z,{}),s?e(ke,{children:s}):e(C,{slot:"description",children:"A comma separated list of strings"})]})});case"StringInvocationParameter":return e(G,{control:i,name:r,rules:{required:d},render:({field:{onBlur:p}})=>o(Y,{isRequired:n.required,defaultValue:(a==null?void 0:a.toString())||"",type:"text",onBlur:p,onChange:y=>{if(y===""){l(void 0);return}l(y)},children:[e(H,{children:n.label}),e(Z,{}),s?e(ke,{children:s}):null]})});case"BooleanInvocationParameter":return e(Ta,{onChange:l,defaultSelected:!!a,children:n.label});case"JSONInvocationParameter":return e(G,{control:i,name:r,rules:{required:d},render:()=>e(OS,{defaultValue:a,onChange:l,label:n.label??n.invocationName??"",errorMessage:s})});default:return null}},BS=(n,a)=>{if(n.invocationInputField===void 0)throw new Error("Invocation input field is required");return a[dl(n.invocationInputField)]},qS=(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,[dl(n.invocationInputField)]:a}},US=({instanceId:n})=>{const a=O(y=>y.instances.find(h=>h.id===n));if(!a)throw new Error("Instance not found");const{model:l}=a,t=O(y=>y.upsertInvocationParameterInput),i=O(y=>y.deleteInvocationParameterInput),r=a.model.supportedInvocationParameters,s=a.model.invocationParameters,d=m.useCallback((y,h)=>{if(!y.invocationName)throw new Error("Invocation name is required");h===void 0?i({instanceId:n,invocationParameterInputInvocationName:y.invocationName}):t({instanceId:n,invocationParameterInput:qS(y,h)})},[n,t,i]),c=m.useMemo(()=>r.filter(y=>!(y.canonicalName!=null&&zh.includes(y.canonicalName))).reduce((y,h)=>{const k=s.find(K=>va(K,h)),S=k?BS(h,k):void 0;return{...y,[h.invocationName]:S??null}},{}),[s,r]),g=Ve({values:c,mode:"onBlur",delayError:0,shouldFocusError:!1,resetOptions:{keepErrors:!0}}),f=g.trigger,u=m.useMemo(()=>Pn.debounce(f,250),[f]);return m.useEffect(()=>{u()},[c,u]),l.provider!=="AZURE_OPENAI"&&l.modelName===null?null:Object.entries(c).map(([y,h])=>{const k=r.find(K=>K.invocationName===y);if(!k)return null;const S=`${l.provider??"model"}-${k.invocationName}`;return e(QS,{field:k,value:h,onChange:K=>d(k,K),control:g.control,errors:g.formState.errors},S)})},tr=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(
|
|
3353
3353
|
$providerKey: GenerativeProviderKey!
|
|
3354
3354
|
) {
|
|
3355
3355
|
models(input: {providerKey: $providerKey}) {
|
|
@@ -3420,7 +3420,7 @@ fragment ModelProviderSelectFragment on Query {
|
|
|
3420
3420
|
.ac-field-label {
|
|
3421
3421
|
display: none;
|
|
3422
3422
|
}
|
|
3423
|
-
`;function sv({role:n,includeLabel:a=!0,onChange:l}){return o(gt,{selectedKey:n,css:a?void 0:ov,"data-testid":"messages-role-picker","aria-label":"Role for the chat message",size:"S",onSelectionChange:t=>{if(!Is(t))throw new Error(`Invalid chat message role: ${t}`);l(t)},children:[a&&e(H,{children:"Role"}),o(E,{children:[e(lt,{}),e(pt,{})]}),e(Xn,{placement:"bottom start",offset:4,shouldFlip:!0,containerPadding:8,children:o(Ml,{children:[e(Wn,{id:"system",children:"System"}),e(Wn,{id:"user",children:"User"}),e(Wn,{id:"ai",children:"AI"}),e(Wn,{id:"tool",children:"Tool"})]})})]})}const dv=32;function cv({instanceId:n,hasResponseFormat:a}){const l=O(u=>u.instances),t=O(u=>u.updateInstance),i=O(u=>u.addMessage),r=O(u=>u.upsertInvocationParameterInput),s=l.find(u=>u.id===n);if(!s)throw new Error(`Playground instance ${n} not found`);const{template:d}=s;if(d.__type!=="chat")throw new Error(`Invalid template type ${d.__type}`);const c=s.model.supportedInvocationParameters,g=c==null?void 0:c.some(u=>va(u,{canonicalName:Mn,invocationName:Rn})),f=c==null?void 0:c.some(u=>va(u,{canonicalName:pa,invocationName:Ja}));return o(b,{direction:"row",justifyContent:"end",gap:"size-100",minHeight:dv,children:[g?e(E,{size:"S","aria-label":"response format",leadingVisual:e(_,{svg:e(ga,{})}),isDisabled:a,onPress:()=>{r({instanceId:n,invocationParameterInput:{valueJson:bf(),invocationName:Rn,canonicalName:Mn}})},children:"Response Format"}):null,f?e(E,{"aria-label":"add tool",size:"S",leadingVisual:e(_,{svg:e(ga,{})}),onPress:()=>{const u={tools:[...s.tools,h0({provider:s.model.provider,toolNumber:s.tools.length+1})]};if(s.tools.length===0){const p=vi({toolChoice:"auto",targetProvider:s.model.provider});p&&(u.toolChoice=p)}t({instanceId:n,patch:u,dirty:!0})},children:"Tool"}):null,e(E,{"aria-label":"add message",size:"S",leadingVisual:e(_,{svg:e(ga,{})}),onPress:()=>{i({playgroundInstanceId:n,messages:[{id:ua(),role:"user",content:""}]})},children:"Message"})]})}const uv=400;function mv({playgroundInstanceId:n}){const a=O(u=>u.deleteInvocationParameterInput),l=O(u=>u.instances.find(p=>p.id===n)),t=l==null?void 0:l.model.provider,i=O(u=>u.upsertInvocationParameterInput);if(!l)throw new Error(`Instance ${n} not found`);const r=l.model.invocationParameters.find(u=>u.invocationName===Rn||u.canonicalName===Mn),[s,d]=m.useState(()=>JSON.stringify((r==null?void 0:r.valueJson)??{},null,2)),c=m.useRef(s),g=cl();m.useEffect(()=>{const p=g.getState().instances.find(k=>k.id===n);if(p==null)return;const y=p.model.invocationParameters.find(k=>k.invocationName===Rn||k.canonicalName===Mn);if(y==null)return;const h=JSON.stringify(y.valueJson,null,2);wi({str:h,excludeNull:!0})&&d(h)},[t,g,n]);const f=m.useCallback(u=>{c.current=u;const{json:p}=Be(u);i({instanceId:n,invocationParameterInput:{invocationName:Rn,valueJson:p,canonicalName:Mn}})},[n,i]);return o(ye,{id:"response-format",children:[e(ge,{arrowPosition:"start",children:"Response Format"}),e(pe,{children:e(v,{padding:"size-200",children:e(B,{variant:"compact",title:"Schema",bodyStyle:{padding:0},extra:o(b,{direction:"row",gap:"size-100",children:[e(
|
|
3423
|
+
`;function sv({role:n,includeLabel:a=!0,onChange:l}){return o(gt,{selectedKey:n,css:a?void 0:ov,"data-testid":"messages-role-picker","aria-label":"Role for the chat message",size:"S",onSelectionChange:t=>{if(!Is(t))throw new Error(`Invalid chat message role: ${t}`);l(t)},children:[a&&e(H,{children:"Role"}),o(E,{children:[e(lt,{}),e(pt,{})]}),e(Xn,{placement:"bottom start",offset:4,shouldFlip:!0,containerPadding:8,children:o(Ml,{children:[e(Wn,{id:"system",children:"System"}),e(Wn,{id:"user",children:"User"}),e(Wn,{id:"ai",children:"AI"}),e(Wn,{id:"tool",children:"Tool"})]})})]})}const dv=32;function cv({instanceId:n,hasResponseFormat:a}){const l=O(u=>u.instances),t=O(u=>u.updateInstance),i=O(u=>u.addMessage),r=O(u=>u.upsertInvocationParameterInput),s=l.find(u=>u.id===n);if(!s)throw new Error(`Playground instance ${n} not found`);const{template:d}=s;if(d.__type!=="chat")throw new Error(`Invalid template type ${d.__type}`);const c=s.model.supportedInvocationParameters,g=c==null?void 0:c.some(u=>va(u,{canonicalName:Mn,invocationName:Rn})),f=c==null?void 0:c.some(u=>va(u,{canonicalName:pa,invocationName:Ja}));return o(b,{direction:"row",justifyContent:"end",gap:"size-100",minHeight:dv,children:[g?e(E,{size:"S","aria-label":"response format",leadingVisual:e(_,{svg:e(ga,{})}),isDisabled:a,onPress:()=>{r({instanceId:n,invocationParameterInput:{valueJson:bf(),invocationName:Rn,canonicalName:Mn}})},children:"Response Format"}):null,f?e(E,{"aria-label":"add tool",size:"S",leadingVisual:e(_,{svg:e(ga,{})}),onPress:()=>{const u={tools:[...s.tools,h0({provider:s.model.provider,toolNumber:s.tools.length+1})]};if(s.tools.length===0){const p=vi({toolChoice:"auto",targetProvider:s.model.provider});p&&(u.toolChoice=p)}t({instanceId:n,patch:u,dirty:!0})},children:"Tool"}):null,e(E,{"aria-label":"add message",size:"S",leadingVisual:e(_,{svg:e(ga,{})}),onPress:()=>{i({playgroundInstanceId:n,messages:[{id:ua(),role:"user",content:""}]})},children:"Message"})]})}const uv=400;function mv({playgroundInstanceId:n}){const a=O(u=>u.deleteInvocationParameterInput),l=O(u=>u.instances.find(p=>p.id===n)),t=l==null?void 0:l.model.provider,i=O(u=>u.upsertInvocationParameterInput);if(!l)throw new Error(`Instance ${n} not found`);const r=l.model.invocationParameters.find(u=>u.invocationName===Rn||u.canonicalName===Mn),[s,d]=m.useState(()=>JSON.stringify((r==null?void 0:r.valueJson)??{},null,2)),c=m.useRef(s),g=cl();m.useEffect(()=>{const p=g.getState().instances.find(k=>k.id===n);if(p==null)return;const y=p.model.invocationParameters.find(k=>k.invocationName===Rn||k.canonicalName===Mn);if(y==null)return;const h=JSON.stringify(y.valueJson,null,2);wi({str:h,excludeNull:!0})&&d(h)},[t,g,n]);const f=m.useCallback(u=>{c.current=u;const{json:p}=Be(u);i({instanceId:n,invocationParameterInput:{invocationName:Rn,valueJson:p,canonicalName:Mn}})},[n,i]);return o(ye,{id:"response-format",children:[e(ge,{arrowPosition:"start",children:"Response Format"}),e(pe,{children:e(v,{padding:"size-200",children:e(B,{variant:"compact",title:"Schema",bodyStyle:{padding:0},extra:o(b,{direction:"row",gap:"size-100",children:[e(se,{text:c}),e(E,{"aria-label":"Delete Response Format",leadingVisual:e(_,{svg:e(Ge,{})}),size:"S",onPress:()=>{a({instanceId:n,invocationParameterInputInvocationName:Rn})}})]}),children:e(Xo,{preInitializationMinHeight:uv,children:e(sn,{value:s,onChange:f,jsonSchema:Xh})})})})})]})}const gv=400;function pv({playgroundInstanceId:n,toolId:a}){const l=cl(),t=O(h=>h.updateInstance),i=O(h=>h.instances.find(k=>k.id===n));if(i==null)throw new Error(`Playground instance ${n} not found`);const r=i.model.provider,s=i.tools,d=s.find(h=>h.id===a);if(d==null)throw new Error(`Tool ${a} not found`);const[c,g]=m.useState(()=>JSON.stringify(d.definition,null,2)),f=m.useRef(c);m.useEffect(()=>{const k=l.getState().instances.find(T=>T.id===n);if(k==null)return;const S=k.tools.find(T=>T.id===a);if(S==null)return;const K=JSON.stringify(S.definition,null,2);wi({str:K,excludeNull:!0})&&g(K)},[r,l,n,a]);const u=m.useCallback(h=>{f.current=h;const{json:k}=Be(h);t({instanceId:n,patch:{tools:s.map(S=>S.id===d.id?{...S,definition:k}:S)},dirty:!0})},[s,n,d.id,t]),p=m.useMemo(()=>ws(d),[d]),y=m.useMemo(()=>{switch(i.model.provider){case"OPENAI":case"AZURE_OPENAI":case"DEEPSEEK":case"XAI":case"OLLAMA":return vf;case"ANTHROPIC":return Sf;case"GOOGLE":return null}},[i.model.provider]);return e(B,{collapsible:!0,backgroundColor:"yellow-100",borderColor:"yellow-700",variant:"compact",title:o(b,{direction:"row",gap:"size-100",children:[e(Di,{spanKind:"tool"}),e(C,{children:p??"Tool"})]}),bodyStyle:{padding:0},extra:o(b,{direction:"row",gap:"size-100",children:[e(se,{text:f}),e(E,{"aria-label":"Delete tool",leadingVisual:e(_,{svg:e(Ge,{})}),size:"S",onPress:()=>{const h=s.filter(K=>K.id!==d.id),k=typeof i.toolChoice=="object"&&p!=null&&Cf(i.toolChoice)===p;let S=i.toolChoice;h.length===0?S=void 0:k&&(S="auto"),t({instanceId:n,patch:{tools:h,toolChoice:S},dirty:!0})}})]}),children:e(Xo,{preInitializationMinHeight:gv,children:e(sn,{value:c,onChange:u,jsonSchema:y})})})}function yv(n){const a=n.playgroundInstanceId,l=O(d=>d.instances.find(c=>c.id===n.playgroundInstanceId)),t=O(d=>d.updateInstance);if(l==null)throw new Error(`Playground instance ${a} not found`);const{tools:i}=l;if(i==null)throw new Error(`Playground instance ${a} does not have tools`);const r=m.useMemo(()=>i.map(d=>ws(d)).filter(d=>d!=null),[i]),s=l.model.provider;return Ff(s)?o(ye,{id:"tools",children:[o(ge,{arrowPosition:"start",children:["Tools",e(In,{children:i.length})]}),e(pe,{children:e(v,{padding:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[e(st,{children:e(Kf,{provider:s,choice:l.toolChoice,onChange:d=>{t({instanceId:a,patch:{toolChoice:d},dirty:!0})},toolNames:r})}),e(b,{direction:"column",gap:"size-200",children:i.map(d=>e(pv,{playgroundInstanceId:a,toolId:d.id},d.id))})]})})})]}):null}const _u=1,fv=_u+1;function hv(n){const a=n.playgroundInstanceId,l=O(u=>u.templateFormat),t=O(u=>u.updateInstance),i=m.useMemo(()=>Lu(a),[a]),r=O(i);if(!r)throw new Error(`Playground instance ${a} not found`);const s=r.tools.length>0,d=r.model.invocationParameters.find(u=>va(u,{canonicalName:Mn,invocationName:Rn}))!=null,{template:c}=r;if(c.__type!=="chat")throw new Error(`Invalid template type ${c.__type}`);const g=c.messageIds,f=wp(pr(Np),pr(zp,{coordinateGetter:Vp}));return o(Mp,{sensors:f,onDragEnd:({active:u,over:p})=>{if(!p||u.id===p.id)return;const y=g.findIndex(S=>S===u.id),h=g.findIndex(S=>S===p.id),k=Ep(g,y,h);t({instanceId:a,patch:{template:{__type:"chat",messageIds:k}},dirty:!0})},children:[e(Rp,{items:g,children:e("ul",{css:F`
|
|
3424
3424
|
display: flex;
|
|
3425
3425
|
flex-direction: column;
|
|
3426
3426
|
gap: var(--ac-global-dimension-size-200);
|
|
@@ -3428,7 +3428,7 @@ fragment ModelProviderSelectFragment on Query {
|
|
|
3428
3428
|
`,children:g.map(u=>e(bv,{playgroundInstanceId:a,templateFormat:l,messageId:u},u))})}),e(v,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderColor:"dark",borderTopWidth:"thin",borderBottomWidth:s||d?"thin":void 0,children:e(cv,{instanceId:a,hasResponseFormat:d})}),s||d?o(vn,{defaultExpandedKeys:["tools","response-format"],children:[s?e(yv,{...n}):null,d?e(mv,{...n}):null]}):null]})}function kv({message:n,updateMessage:a,templateFormat:l,playgroundInstanceId:t,messageMode:i}){const r=m.useCallback(s=>{a({content:s})},[a]);return i==="toolCalls"?e(v,{paddingTop:"size-100",paddingStart:"size-250",paddingEnd:"size-250",paddingBottom:"size-200",children:e(Pa,{label:"Tool Calls",children:e(Ze,{width:"100%",children:e(tv,{playgroundInstanceId:t,messageId:n.id})})})}):n.role==="tool"?o(st,{onSubmit:s=>{s.preventDefault()},children:[e(v,{paddingX:"size-200",paddingY:"size-100",borderColor:"yellow-700",borderBottomWidth:"thin",children:e(Y,{value:n.toolCallId,onChange:s=>a({toolCallId:s}),"aria-label":"Tool Call ID",size:"S",children:e(Z,{placeholder:"Tool Call ID"})})}),e(sn,{value:n.content??'""',"aria-label":"tool message content",height:"100%",onChange:s=>a({content:s})})]}):e(yt,{children:e(ft,{height:"100%",defaultValue:n.content||"","aria-label":"Message content",templateFormat:l,onChange:r})})}function bv({playgroundInstanceId:n,templateFormat:a,messageId:l}){const t=O(M=>M.updateMessage),i=O(M=>M.deleteMessage),{attributes:r,listeners:s,setNodeRef:d,transform:c,transition:g,setActivatorNodeRef:f,isDragging:u}=$p({id:l}),p=m.useMemo(()=>M=>{var z;return(z=M.instances.find(j=>j.id===n))==null?void 0:z.model},[n]),y=O(p);if(!y)throw new Error(`Instance model not found for instance ${n}`);const h=m.useMemo(()=>ui(l),[l]),k=O(h),S=$l(k.role),K={transform:jp.Translate.toString(c),transition:g,zIndex:u?fv:_u},T=k.toolCalls!=null&&k.toolCalls.length>0,[x,I]=m.useState(T?"toolCalls":"text"),[L,w]=m.useState(k.content),[$,D]=m.useState(k.toolCalls),V=m.useCallback(M=>{t({instanceId:n,messageId:l,patch:M})},[n,l,t]);return e("li",{ref:d,style:K,children:e(B,{collapsible:!0,variant:"compact",bodyStyle:{padding:0},...S,title:e("div",{css:F`
|
|
3429
3429
|
// Align the role picker with the prompt picker in PlaygroundTemplate header
|
|
3430
3430
|
margin-left: var(--ac-global-dimension-size-150);
|
|
3431
|
-
`,children:e(sv,{includeLabel:!1,role:k.role,onChange:M=>{let z=k.content,j=k.toolCalls;M!=="ai"&&(j=void 0,I("text")),M==="tool"&&(z='""'),t({instanceId:n,messageId:l,patch:{role:M,toolCalls:j,content:z}})}})}),extra:o(b,{direction:"row",gap:"size-100",children:[k.role==="ai"?e(rv,{messageMode:x,onChange:M=>{switch(I(M),M){case"text":D(k.toolCalls),t({instanceId:n,messageId:l,patch:{content:L,toolCalls:void 0}});break;case"toolCalls":w(k.content),t({instanceId:n,messageId:l,patch:{content:"",toolCalls:$!=null?Jo({toolCalls:$,provider:y.provider}):[k0(y.provider)]}});break;default:Te()}}}):null,e(
|
|
3431
|
+
`,children:e(sv,{includeLabel:!1,role:k.role,onChange:M=>{let z=k.content,j=k.toolCalls;M!=="ai"&&(j=void 0,I("text")),M==="tool"&&(z='""'),t({instanceId:n,messageId:l,patch:{role:M,toolCalls:j,content:z}})}})}),extra:o(b,{direction:"row",gap:"size-100",children:[k.role==="ai"?e(rv,{messageMode:x,onChange:M=>{switch(I(M),M){case"text":D(k.toolCalls),t({instanceId:n,messageId:l,patch:{content:L,toolCalls:void 0}});break;case"toolCalls":w(k.content),t({instanceId:n,messageId:l,patch:{content:"",toolCalls:$!=null?Jo({toolCalls:$,provider:y.provider}):[k0(y.provider)]}});break;default:Te()}}}):null,e(se,{text:x==="toolCalls"?zn(k.toolCalls).json??"":k.content??""}),e(E,{"aria-label":"Delete message",leadingVisual:e(_,{svg:e(Ge,{})}),size:"S",onPress:()=>{i({instanceId:n,messageId:l})}}),e(Tf,{ref:f,listeners:s,attributes:r})]}),children:e("div",{children:e(kv,{message:k,messageMode:x,playgroundInstanceId:n,templateFormat:a,updateMessage:V})})})})}function Sv(n){const[a,l]=m.useState(null),t=n.playgroundInstanceId,i=O(k=>k.updateInstance),r=O(k=>k.addMessage),s=O(k=>k.setDirty),d=O(k=>k.instances),c=d.find(k=>k.id===t),g=d.findIndex(k=>k.id===t),f=c==null?void 0:c.prompt,u=f==null?void 0:f.id,p=O(k=>k.dirtyInstances[t]),y=m.useCallback(async k=>{if(!k){i({instanceId:t,patch:{prompt:null},dirty:!1});return}const S=await Tc(k);S&&(i({instanceId:t,patch:{...S.instance,template:{__type:"chat",messageIds:[]}},dirty:!1}),r({playgroundInstanceId:t,messages:S.instance.template.messages}),s(t,!1))},[t,i,r,s]);if(!c)throw new Error(`Playground instance ${t} not found`);const{template:h}=c;return o(J,{children:[e(B,{title:o(b,{direction:"row",gap:"size-100",alignItems:"center",marginEnd:"size-100",children:[e(Li,{index:g}),e(Ku,{promptId:u,onChange:y})]}),collapsible:!0,variant:"compact",bodyStyle:{padding:0},extra:o(b,{direction:"row",gap:"size-100",children:[e(m.Suspense,{fallback:e("div",{children:e(me,{size:"S"})}),children:e(lv,{instanceId:t})}),e(ev,{...n}),e(Cv,{instanceId:t,setDialog:l,dirty:p}),d.length>1?e(vv,{...n}):null]}),children:h.__type==="chat"?e(m.Suspense,{children:e(hv,{...n})}):"Completion Template"}),e(ce,{isDismissable:!0,onDismiss:()=>{l(null)},children:a})]})}function vv(n){const a=O(l=>l.deleteInstance);return o(Ee,{children:[e(Ye,{children:e(E,{size:"S","aria-label":"Delete this instance of the playground",leadingVisual:e(_,{svg:e(Ge,{})}),onPress:()=>{a(n.playgroundInstanceId)}})}),e(Vn,{children:e($a,{children:"Delete this instance of the playground"})})]})}function Cv({instanceId:n,setDialog:a,dirty:l}){const t=O(r=>r.instances.find(s=>s.id===n));if(!t)throw new Error(`Instance ${n} not found`);return e(J,{children:o(Ee,{delay:100,offset:5,placement:"top",children:[e(Ye,{children:e(E,{variant:l?"primary":void 0,size:"S",onPress:()=>{var r;a(e(NS,{instanceId:n,setDialog:a,selectedPromptId:(r=t.prompt)==null?void 0:r.id}))},children:"Save"})}),e(Vn,{children:e($a,{children:"Save this prompt"})})]})})}function Fv({size:n}){const a=O(t=>t.templateFormat),l=O(t=>t.setTemplateFormat);return e("div",{css:F`
|
|
3432
3432
|
& * {
|
|
3433
3433
|
white-space: nowrap;
|
|
3434
3434
|
}
|
|
@@ -3571,9 +3571,9 @@ fragment PromptVersionTagsList_data on PromptVersion {
|
|
|
3571
3571
|
name
|
|
3572
3572
|
}
|
|
3573
3573
|
}
|
|
3574
|
-
`}}}();Ru.hash="a6e4352854be2ab5fd0c10368a3469ad";function wv({onNewTagCreated:n,promptVersionId:a,onDismiss:l}){const{control:t,handleSubmit:i,formState:{isDirty:r}}=Ve({defaultValues:{name:"",description:""}}),[s,d]=m.useState(null),[c,g]=P.useMutation(Ru);return e(ce,{onDismiss:l,isDismissable:!0,type:"modal",children:o(re,{title:"New Prompt Tag",children:[s?e(Ce,{variant:"danger",banner:!0,children:s}):null,o(Ue,{onSubmit:i(u=>{d(null),c({variables:{input:{name:u.name,description:u.description,promptVersionId:a},promptVersionId:a},onCompleted:()=>{n(u),l()},onError:p=>{d(p.message)}})}),children:[o(v,{padding:"size-200",children:[e(G,{name:"name",control:t,rules:{required:"Name is required",pattern:Tu},render:({field:{name:u,onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(Y,{isInvalid:k,onChange:p,onBlur:y,name:u,value:h.toString(),children:[e(H,{children:"Tag Name"}),e(Z,{placeholder:"e.x. prod"}),S!=null&&S.message?e(
|
|
3574
|
+
`}}}();Ru.hash="a6e4352854be2ab5fd0c10368a3469ad";function wv({onNewTagCreated:n,promptVersionId:a,onDismiss:l}){const{control:t,handleSubmit:i,formState:{isDirty:r}}=Ve({defaultValues:{name:"",description:""}}),[s,d]=m.useState(null),[c,g]=P.useMutation(Ru);return e(ce,{onDismiss:l,isDismissable:!0,type:"modal",children:o(re,{title:"New Prompt Tag",children:[s?e(Ce,{variant:"danger",banner:!0,children:s}):null,o(Ue,{onSubmit:i(u=>{d(null),c({variables:{input:{name:u.name,description:u.description,promptVersionId:a},promptVersionId:a},onCompleted:()=>{n(u),l()},onError:p=>{d(p.message)}})}),children:[o(v,{padding:"size-200",children:[e(G,{name:"name",control:t,rules:{required:"Name is required",pattern:Tu},render:({field:{name:u,onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(Y,{isInvalid:k,onChange:p,onBlur:y,name:u,value:h.toString(),children:[e(H,{children:"Tag Name"}),e(Z,{placeholder:"e.x. prod"}),S!=null&&S.message?e(ke,{children:S.message}):e(C,{slot:"description",children:"The identifier of the tag"})]})}),e(G,{name:"description",control:t,render:({field:{name:u,onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(Y,{isInvalid:k,onChange:p,name:u,onBlur:y,value:h.toString(),children:[e(H,{children:"Description"}),e(Ka,{placeholder:"A description of the tag"}),S!=null&&S.message?e(ke,{children:S.message}):e(C,{slot:"description",children:"A description of the tag (optional)"})]})})]}),e(v,{paddingX:"size-200",paddingY:"size-100",borderTopColor:"dark",borderTopWidth:"thin",children:e(b,{gap:"size-100",justifyContent:"end",children:e(E,{variant:r?"primary":"default",size:"S",type:"submit",isDisabled:g,children:"Create Tag"})})})]})]})})}function Rv(){const[n,a]=m.useState(!1),[l,t]=m.useState(0),i=ue(),{promptId:r,versionId:s}=Qe();if(!r)throw new Error("Expected promptId to be defined");if(!s)throw new Error("Expected versionId to be defined");return o("div",{children:[o($e,{children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(If,{})}),children:"Tag Version"}),o(Xn,{placement:"bottom end",children:[e(Yo,{}),o(en,{children:[e(m.Suspense,{fallback:e(v,{padding:"size-100",children:e(me,{size:"S"})}),children:e(Ev,{promptId:r,versionId:s,fetchKey:l,onTagSet:d=>{t(c=>c+1),i({title:"Tag Set",message:`The tag ${d} has been set on the version`})}})}),e(v,{padding:"size-100",width:"250px",children:e(E,{leadingVisual:e(_,{svg:e(ga,{})}),size:"S",css:F`
|
|
3575
3575
|
width: 100%;
|
|
3576
|
-
`,onPress:()=>a(!0),children:"New Tag"})})]})]})]}),n&&e(wv,{promptVersionId:s,onDismiss:()=>a(!1),onNewTagCreated:d=>{t(c=>c+1),i({title:"Tag Created",message:`The tag ${d.name} has been created and been set on the version`})}})]})}function Ev({promptId:n,versionId:a,fetchKey:l,onTagSet:t}){var f,u;const i=P.useLazyLoadQuery(wu,{promptId:n,versionId:a},{fetchKey:l,fetchPolicy:"store-and-network"}),r=m.useMemo(()=>{var p,y;return((y=(p=i==null?void 0:i.prompt)==null?void 0:p.versionTags)==null?void 0:y.map(h=>h.name))||[]},[(f=i==null?void 0:i.prompt)==null?void 0:f.versionTags]),s=m.useMemo(()=>{var p,y;return((y=(p=i==null?void 0:i.promptVersion)==null?void 0:p.tags)==null?void 0:y.map(h=>h.name))||[]},[(u=i==null?void 0:i.promptVersion)==null?void 0:u.tags]),d=m.useMemo(()=>Array.from(new Set([...vr.map(p=>p.name),...r])),[r]),[c,g]=P.useMutation(Au);return e("ul",{children:d.map(p=>{const y=s.includes(p);return e("li",{children:e(v,{paddingY:"size-100",paddingX:"size-200",borderBottomColor:"light",borderBottomWidth:"thin",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("input",{type:"checkbox",name:p,checked:y,disabled:y||g,onChange:h=>{if(h.target.checked){const k=!s.includes(p);let S="";if(k){const K=vr.find(T=>T.name===p);S=(K==null?void 0:K.description)||""}c({variables:{input:{name:p,promptVersionId:a,description:S},promptId:n},onCompleted:()=>{t(p)}})}}}),e("span",{children:p})]})})},p)})})}function MT(){const n=Me();return Oe(n),e(Mv,{promptVersion:n.promptVersion})}function Mv({promptVersion:n}){return e(v,{width:"100%",overflow:"auto",elementType:"section",children:e(v,{padding:"size-200",width:"100%",overflow:"auto",children:o(b,{direction:"column",gap:"size-200",maxWidth:900,marginStart:"auto",marginEnd:"auto",children:[o(b,{direction:"row",justifyContent:"space-between",children:[o(b,{direction:"row",gap:"size-100",children:[e(ae,{level:2,children:`Version: ${n.id}`}),e(bc,{promptVersion:n})]}),o(b,{direction:"row",gap:"size-100",children:[e(
|
|
3576
|
+
`,onPress:()=>a(!0),children:"New Tag"})})]})]})]}),n&&e(wv,{promptVersionId:s,onDismiss:()=>a(!1),onNewTagCreated:d=>{t(c=>c+1),i({title:"Tag Created",message:`The tag ${d.name} has been created and been set on the version`})}})]})}function Ev({promptId:n,versionId:a,fetchKey:l,onTagSet:t}){var f,u;const i=P.useLazyLoadQuery(wu,{promptId:n,versionId:a},{fetchKey:l,fetchPolicy:"store-and-network"}),r=m.useMemo(()=>{var p,y;return((y=(p=i==null?void 0:i.prompt)==null?void 0:p.versionTags)==null?void 0:y.map(h=>h.name))||[]},[(f=i==null?void 0:i.prompt)==null?void 0:f.versionTags]),s=m.useMemo(()=>{var p,y;return((y=(p=i==null?void 0:i.promptVersion)==null?void 0:p.tags)==null?void 0:y.map(h=>h.name))||[]},[(u=i==null?void 0:i.promptVersion)==null?void 0:u.tags]),d=m.useMemo(()=>Array.from(new Set([...vr.map(p=>p.name),...r])),[r]),[c,g]=P.useMutation(Au);return e("ul",{children:d.map(p=>{const y=s.includes(p);return e("li",{children:e(v,{paddingY:"size-100",paddingX:"size-200",borderBottomColor:"light",borderBottomWidth:"thin",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("input",{type:"checkbox",name:p,checked:y,disabled:y||g,onChange:h=>{if(h.target.checked){const k=!s.includes(p);let S="";if(k){const K=vr.find(T=>T.name===p);S=(K==null?void 0:K.description)||""}c({variables:{input:{name:p,promptVersionId:a,description:S},promptId:n},onCompleted:()=>{t(p)}})}}}),e("span",{children:p})]})})},p)})})}function MT(){const n=Me();return Oe(n),e(Mv,{promptVersion:n.promptVersion})}function Mv({promptVersion:n}){return e(v,{width:"100%",overflow:"auto",elementType:"section",children:e(v,{padding:"size-200",width:"100%",overflow:"auto",children:o(b,{direction:"column",gap:"size-200",maxWidth:900,marginStart:"auto",marginEnd:"auto",children:[o(b,{direction:"row",justifyContent:"space-between",children:[o(b,{direction:"row",gap:"size-100",children:[e(ae,{level:2,children:`Version: ${n.id}`}),e(bc,{promptVersion:n})]}),o(b,{direction:"row",gap:"size-100",children:[e(se,{text:n.id,children:"Version ID"}),e(Rv,{})]})]}),e(cc,{promptVersion:n}),e(lc,{promptVersion:n}),e(yc,{promptVersion:n})]})})})}const Eu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"invocationParameters",storageKey:null},s={alias:null,args:null,kind:"ScalarField",name:"modelName",storageKey:null},d=[{alias:null,args:null,kind:"ScalarField",name:"definition",storageKey:null}],c={alias:null,args:null,concreteType:"ToolDefinition",kind:"LinkedField",name:"tools",plural:!0,selections:d,storageKey:null},g={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:[l,t,{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"PromptInvocationParameters__main"},{args:null,kind:"FragmentSpread",name:"PromptChatMessagesCard__main"},{args:null,kind:"FragmentSpread",name:"PromptCodeExportCard__main"},{args:null,kind:"FragmentSpread",name:"PromptModelConfigurationCard__main"},{args:null,kind:"FragmentSpread",name:"PromptVersionTagsList_data"},i,r,s,c,{alias:null,args:null,concreteType:"PromptVersionTag",kind:"LinkedField",name:"tags",plural:!0,selections:[g],storageKey:null}],type:"PromptVersion",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"promptVersionLoaderQuery",selections:[{alias:"promptVersion",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t,{kind:"InlineFragment",selections:[r,{alias:"provider",args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"template",plural:!1,selections:[l,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"PromptMessage",kind:"LinkedField",name:"messages",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"role",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"content",plural:!0,selections:[l,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"TextContentValue",kind:"LinkedField",name:"text",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"text",storageKey:null}],storageKey:null}],type:"TextContentPart",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ToolCallContentValue",kind:"LinkedField",name:"toolCall",plural:!1,selections:[f,{alias:null,args:null,concreteType:"ToolCallFunction",kind:"LinkedField",name:"toolCall",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null},g],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},s,{alias:null,args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{alias:null,args:null,concreteType:"ResponseFormat",kind:"LinkedField",name:"responseFormat",plural:!1,selections:d,storageKey:null},c,{alias:"model",args:null,kind:"ScalarField",name:"modelName",storageKey:null},{alias:null,args:null,concreteType:"PromptVersionTag",kind:"LinkedField",name:"tags",plural:!0,selections:[t,g],storageKey:null},i],type:"PromptVersion",abstractKey:null}],storageKey:null}]},params:{cacheID:"4f37a4d04a5a5999d2f9f42875519473",id:null,metadata:{},name:"promptVersionLoaderQuery",operationKind:"query",text:`query promptVersionLoaderQuery(
|
|
3577
3577
|
$id: ID!
|
|
3578
3578
|
) {
|
|
3579
3579
|
promptVersion: node(id: $id) {
|
|
@@ -3916,7 +3916,7 @@ fragment AnnotationSummaryGroup on Span {
|
|
|
3916
3916
|
flex-direction: column;
|
|
3917
3917
|
height: 100%;
|
|
3918
3918
|
overflow: hidden;
|
|
3919
|
-
`,children:[e(Uv,{traceCount:l.session.numTraces??0,tokenUsage:l.session.tokenUsage,latencyP50:l.session.latencyP50,sessionId:a}),e(qv,{traces:l.session.traces})]})}function OT(){var i;const n=Me();Oe(n);const{sessionId:a}=Qe(),l=
|
|
3919
|
+
`,children:[e(Uv,{traceCount:l.session.numTraces??0,tokenUsage:l.session.tokenUsage,latencyP50:l.session.latencyP50,sessionId:a}),e(qv,{traces:l.session.traces})]})}function OT(){var i;const n=Me();Oe(n);const{sessionId:a}=Qe(),l=de(),{rootPath:t}=Vt();return e(ce,{type:"slideOver",isDismissable:!0,onDismiss:()=>l(`${t}/sessions`),children:e(re,{size:"fullscreen",title:`Session ID: ${((i=n.session)==null?void 0:i.sessionId)??"--"}`,children:e(Kt,{children:e(Hv,{sessionId:a})})})})}const Ou=function(){var n=[{alias:null,args:null,concreteType:"Functionality",kind:"LinkedField",name:"functionality",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"modelInferences",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"homeLoaderQuery",selections:n,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"homeLoaderQuery",selections:n},params:{cacheID:"8bfba02258509f0b645b86f3322838d8",id:null,metadata:{},name:"homeLoaderQuery",operationKind:"query",text:`query homeLoaderQuery {
|
|
3920
3920
|
functionality {
|
|
3921
3921
|
modelInferences
|
|
3922
3922
|
}
|
|
@@ -4486,7 +4486,7 @@ dataframe`,yC=F`
|
|
|
4486
4486
|
}
|
|
4487
4487
|
}
|
|
4488
4488
|
}
|
|
4489
|
-
`;function FC({event:n,relevance:a}){return{id:n.eventMetadata.predictionId||"unknown id",text:n.documentText??"empty document",relevance:a}}function KC(){const n=X(L=>L.selectedEventIds),a=X(L=>L.setSelectedEventIds),l=X(L=>L.setSelectedClusterId),t=X(L=>L.selectionDisplay),[i,r]=m.useState(null),{primaryEventIds:s,referenceEventIds:d,corpusEventIds:c}=m.useMemo(()=>{const L=[],w=[],$=[];return n.forEach(D=>{D.includes("PRIMARY")?L.push(D):D.includes("CORPUS")?$.push(D):w.push(D)}),{primaryEventIds:L,referenceEventIds:w,corpusEventIds:$}},[n]),g=P.useLazyLoadQuery(Ju,{primaryEventIds:[...s],referenceEventIds:[...d],corpusEventIds:[...c]}),f=m.useMemo(()=>{var D,V,M,z,j,q;const L=((V=(D=g.model)==null?void 0:D.primaryInferences)==null?void 0:V.events)??[],w=((z=(M=g.model)==null?void 0:M.referenceInferences)==null?void 0:z.events)??[],$=((q=(j=g.model)==null?void 0:j.corpusInferences)==null?void 0:q.events)??[];return[...L,...w,...$]},[g]),u=()=>{a(new Set),l(null)},p=X(L=>L.eventIdToDataMap),y=X(L=>L.pointData),h=X(L=>L.selectionSearchText),k=m.useMemo(()=>f.map(L=>{var D,V,M,z,j,q,
|
|
4489
|
+
`;function FC({event:n,relevance:a}){return{id:n.eventMetadata.predictionId||"unknown id",text:n.documentText??"empty document",relevance:a}}function KC(){const n=X(L=>L.selectedEventIds),a=X(L=>L.setSelectedEventIds),l=X(L=>L.setSelectedClusterId),t=X(L=>L.selectionDisplay),[i,r]=m.useState(null),{primaryEventIds:s,referenceEventIds:d,corpusEventIds:c}=m.useMemo(()=>{const L=[],w=[],$=[];return n.forEach(D=>{D.includes("PRIMARY")?L.push(D):D.includes("CORPUS")?$.push(D):w.push(D)}),{primaryEventIds:L,referenceEventIds:w,corpusEventIds:$}},[n]),g=P.useLazyLoadQuery(Ju,{primaryEventIds:[...s],referenceEventIds:[...d],corpusEventIds:[...c]}),f=m.useMemo(()=>{var D,V,M,z,j,q;const L=((V=(D=g.model)==null?void 0:D.primaryInferences)==null?void 0:V.events)??[],w=((z=(M=g.model)==null?void 0:M.referenceInferences)==null?void 0:z.events)??[],$=((q=(j=g.model)==null?void 0:j.corpusInferences)==null?void 0:q.events)??[];return[...L,...w,...$]},[g]),u=()=>{a(new Set),l(null)},p=X(L=>L.eventIdToDataMap),y=X(L=>L.pointData),h=X(L=>L.selectionSearchText),k=m.useMemo(()=>f.map(L=>{var D,V,M,z,j,q,oe;const w=p.get(L.id),$=[];return y!=null&&(w==null?void 0:w.retrievals)!=null&&w.retrievals.forEach(({documentId:he,relevance:Gn})=>{const oa=y[he];oa!=null&&$.push(FC({event:oa,relevance:Gn}))}),{id:L.id,predictionId:((D=L.eventMetadata)==null?void 0:D.predictionId)??null,actualLabel:((V=L.eventMetadata)==null?void 0:V.actualLabel)??null,actualScore:((M=L.eventMetadata)==null?void 0:M.actualScore)??null,predictionLabel:((z=L.eventMetadata)==null?void 0:z.predictionLabel)??null,predictionScore:((j=L.eventMetadata)==null?void 0:j.predictionScore)??null,rawData:(w==null?void 0:w.embeddingMetadata.rawData)??null,linkToData:(w==null?void 0:w.embeddingMetadata.linkToData)??null,dimensions:L.dimensions,prompt:((q=L.promptAndResponse)==null?void 0:q.prompt)??null,response:((oe=L.promptAndResponse)==null?void 0:oe.response)??null,retrievedDocuments:$,documentText:L.documentText??null}}),[f,p,y]),S=m.useMemo(()=>{if(h){const L=h.toLowerCase();return k.filter(w=>{var $,D,V,M;return w.id.includes(L)||(($=w.documentText)==null?void 0:$.toLowerCase().includes(L))||((D=w.predictionId)==null?void 0:D.includes(L))||((V=w.prompt)==null?void 0:V.toLowerCase().includes(L))||((M=w.response)==null?void 0:M.toLowerCase().includes(L))})}return k},[k,h]),K=m.useMemo(()=>{if(h){const L=h.toLowerCase();return f.filter(w=>{var $,D,V,M,z,j,q;return w.id.includes(L)||(($=w.documentText)==null?void 0:$.toLowerCase().includes(L))||((V=(D=w.eventMetadata)==null?void 0:D.predictionId)==null?void 0:V.includes(L))||((z=(M=w.promptAndResponse)==null?void 0:M.prompt)==null?void 0:z.toLowerCase().includes(L))||((q=(j=w.promptAndResponse)==null?void 0:j.response)==null?void 0:q.toLowerCase().includes(L))})}return f},[f,h]),T=m.useMemo(()=>i?k.find(w=>w.id===i)??null:null,[k,i]),x=f.length,I=K.length;return o("section",{css:CC,children:[o("div",{role:"toolbar",css:F`
|
|
4490
4490
|
position: absolute;
|
|
4491
4491
|
top: var(--ac-global-dimension-static-size-100);
|
|
4492
4492
|
right: var(--ac-global-dimension-static-size-200);
|
|
@@ -4734,7 +4734,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
4734
4734
|
}
|
|
4735
4735
|
}
|
|
4736
4736
|
}
|
|
4737
|
-
`}}}();sm.hash="f42c6bfff21c628edc1e297e0a0462d4";const no=tt(".2f"),dm=()=>{const{primary:n,reference:a}=Ln();return{primaryBarColor:n,referenceBarColor:a}};function OC({active:n,payload:a,label:l}){var r,s,d,c,g,f;const{primaryBarColor:t,referenceBarColor:i}=dm();if(n&&a&&a.length){const u=(s=(r=a[0])==null?void 0:r.payload)==null?void 0:s.primaryName,p=(d=a[0])==null?void 0:d.value,y=(g=(c=a[0])==null?void 0:c.payload)==null?void 0:g.referenceName,h=(f=a[1])==null?void 0:f.value;return o(On,{children:[e(C,{elementType:"h3",size:"S",weight:"heavy",children:l}),e(ze,{color:t,shape:"square",name:u,value:p!=null?`${no(p)}%`:"--"}),e(ze,{color:i,shape:"square",name:y,value:h!=null?`${no(h)}%`:"--"})]})}return null}function QC(n){var p,y,h,k,S;const{primaryInferences:a,referenceInferences:l}=Bn(),t=a.name,i=(l==null?void 0:l.name)||"reference",{selectedTimestamp:r}=xt(),s=m.useMemo(()=>r??new Date(a.endTime),[r,a.endTime]),d=m.useMemo(()=>({start:po(s,2).toISOString(),end:s.toISOString()}),[s]),c=P.useLazyLoadQuery(sm,{dimensionId:n.dimensionId,timeRange:d}),g=m.useMemo(()=>{var I,L,w,$,D;const K=((I=c.dimension.segmentsComparison)==null?void 0:I.segments)??[],T=((w=(L=c.dimension.segmentsComparison)==null?void 0:L.totalCounts)==null?void 0:w.primaryValue)??0,x=((D=($=c.dimension.segmentsComparison)==null?void 0:$.totalCounts)==null?void 0:D.referenceValue)??0;return K.map(V=>{var
|
|
4737
|
+
`}}}();sm.hash="f42c6bfff21c628edc1e297e0a0462d4";const no=tt(".2f"),dm=()=>{const{primary:n,reference:a}=Ln();return{primaryBarColor:n,referenceBarColor:a}};function OC({active:n,payload:a,label:l}){var r,s,d,c,g,f;const{primaryBarColor:t,referenceBarColor:i}=dm();if(n&&a&&a.length){const u=(s=(r=a[0])==null?void 0:r.payload)==null?void 0:s.primaryName,p=(d=a[0])==null?void 0:d.value,y=(g=(c=a[0])==null?void 0:c.payload)==null?void 0:g.referenceName,h=(f=a[1])==null?void 0:f.value;return o(On,{children:[e(C,{elementType:"h3",size:"S",weight:"heavy",children:l}),e(ze,{color:t,shape:"square",name:u,value:p!=null?`${no(p)}%`:"--"}),e(ze,{color:i,shape:"square",name:y,value:h!=null?`${no(h)}%`:"--"})]})}return null}function QC(n){var p,y,h,k,S;const{primaryInferences:a,referenceInferences:l}=Bn(),t=a.name,i=(l==null?void 0:l.name)||"reference",{selectedTimestamp:r}=xt(),s=m.useMemo(()=>r??new Date(a.endTime),[r,a.endTime]),d=m.useMemo(()=>({start:po(s,2).toISOString(),end:s.toISOString()}),[s]),c=P.useLazyLoadQuery(sm,{dimensionId:n.dimensionId,timeRange:d}),g=m.useMemo(()=>{var I,L,w,$,D;const K=((I=c.dimension.segmentsComparison)==null?void 0:I.segments)??[],T=((w=(L=c.dimension.segmentsComparison)==null?void 0:L.totalCounts)==null?void 0:w.primaryValue)??0,x=((D=($=c.dimension.segmentsComparison)==null?void 0:$.totalCounts)==null?void 0:D.referenceValue)??0;return K.map(V=>{var he,Gn;const M=((he=V.counts)==null?void 0:he.primaryValue)??0,z=((Gn=V.counts)==null?void 0:Gn.referenceValue)??0,j=os(V.bin),q=M/T*100,oe=z/x*100;return{name:j,primaryName:t,referenceName:i,primaryPercent:q,referencePercent:oe}})},[(p=c.dimension.segmentsComparison)==null?void 0:p.segments,(h=(y=c.dimension.segmentsComparison)==null?void 0:y.totalCounts)==null?void 0:h.primaryValue,(S=(k=c.dimension.segmentsComparison)==null?void 0:k.totalCounts)==null?void 0:S.referenceValue,t,i]),{primaryBarColor:f,referenceBarColor:u}=dm();return o(b,{direction:"column",height:"100%",children:[e(v,{flex:"none",paddingTop:"size-100",paddingStart:"size-200",children:e(C,{elementType:"h3",size:"S",color:"text-700",children:`Distribution comparison at ${ta(new Date(d.end))}`})}),e(v,{flex:!0,children:e(_n,{children:o(Dt,{data:g,margin:{top:15,right:18,left:18,bottom:5},children:[o("defs",{children:[o("linearGradient",{id:"dimensionPrimarySegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:f,stopOpacity:1}),e("stop",{offset:"95%",stopColor:f,stopOpacity:.5})]}),o("linearGradient",{id:"dimensionReferenceSegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:u,stopOpacity:1}),e("stop",{offset:"95%",stopColor:u,stopOpacity:.5})]})]}),e(Un,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(fn,{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(Hn,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)"}),e(qn,{...Mi,content:e(OC,{})}),e(Sa,{dataKey:"primaryPercent",fill:"url(#dimensionPrimarySegmentsBarColor)"}),e(Sa,{dataKey:"referencePercent",fill:"url(#dimensionReferenceSegmentsBarColor)"})]})})})]})}const cm={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};cm.hash="f8a9fb08a14f63906e38bc247d50b189";const BC=o(Al,{variant:"info",placement:"top end",children:[e(ae,{weight:"heavy",level:4,children:"Population Stability Index"}),e($a,{children:e(C,{children:"PSI is a symmetric metric that measures the relative entropy, or difference in information represented by two distributions. It can be thought of as measuring the distance between two data distributions showing how different the two distributions are from each other."})}),e("footer",{children:e(Dn,{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 qC(n){const a=P.useFragment(cm,n.dimension);return o(J,{children:[o(b,{direction:"row",alignItems:"center",gap:"size-25",children:[e(C,{elementType:"h3",size:"XS",color:"text-700",children:"PSI"}),BC]}),e(C,{size:"L",children:Ga(a.psi)})]})}const um=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},l={defaultValue:null,kind:"LocalArgument",name:"driftGranularity"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},i=[{kind:"Variable",name:"id",variableName:"dimensionId"}],r={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},s={kind:"Variable",name:"timeRange",variableName:"timeRange"},d=[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],c={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"granularity",variableName:"driftGranularity"},{kind:"Literal",name:"metric",value:"psi"},s],concreteType:"DriftTimeSeries",kind:"LinkedField",name:"driftTimeSeries",plural:!1,selections:d,storageKey:null},{alias:"trafficTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"countGranularity"},{kind:"Literal",name:"metric",value:"count"},s],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:d,storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,l,t],kind:"Fragment",metadata:null,name:"DimensionDriftTimeSeriesQuery",selections:[{alias:"embedding",args:i,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[r,c],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,t,l,n],kind:"Operation",name:"DimensionDriftTimeSeriesQuery",selections:[{alias:"embedding",args:i,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r,c],storageKey:null}]},params:{cacheID:"76a27456cd1f545ddb16fc0d9ef09fc1",id:null,metadata:{},name:"DimensionDriftTimeSeriesQuery",operationKind:"query",text:`query DimensionDriftTimeSeriesQuery(
|
|
4738
4738
|
$dimensionId: ID!
|
|
4739
4739
|
$timeRange: TimeRange!
|
|
4740
4740
|
$driftGranularity: Granularity!
|
|
@@ -4835,7 +4835,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
4835
4835
|
}
|
|
4836
4836
|
}
|
|
4837
4837
|
}
|
|
4838
|
-
`}}}();hm.hash="83342058bb8f50dad5bec299b4bc034d";const YC=tt("~s");var km=(n=>(n.p99_p01="p99_p01",n.p75_p25="p75_p25",n.p50="p50",n))(km||{});const eF=new Intl.NumberFormat([],{maximumFractionDigits:2});function fl(n){return typeof n=="number"?eF.format(n):"--"}const bm=()=>{const n=Ln();return{outerColor:n.gray500,innerColor:n.gray300,lineColor:n.default}};function nF({active:n,payload:a,label:l}){const{outerColor:t,innerColor:i,lineColor:r}=bm();if(n&&a&&a.length){const s=a[0].payload;return o(On,{children:[e(C,{weight:"heavy",size:"S",children:`${ta(new Date(l))}`}),e(ze,{color:t,name:"p99",value:fl(s.p99_p01[0])}),e(ze,{color:i,name:"p75",value:fl(s.p75_p25[0])}),e(ze,{color:r,name:"p50",value:fl(s.p50)}),e(ze,{color:i,name:"p25",value:fl(s.p75_p25[1])}),e(ze,{color:t,name:"p01",value:fl(s.p99_p01[1])})]})}return null}function aF({dimensionId:n}){var x,I,L,w,$;const{timeRange:a}=ra(),l=il(a),t=P.useLazyLoadQuery(hm,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:l}),i=((x=t.dimension.p99TimeSeries)==null?void 0:x.data.map(D=>D))||[],r=((I=t.dimension.p01TimeSeries)==null?void 0:I.data.map(D=>D))||[],s=((L=t.dimension.p75TimeSeries)==null?void 0:L.data.map(D=>D))||[],d=((w=t.dimension.p25TimeSeries)==null?void 0:w.data.map(D=>D))||[],c=(($=t.dimension.p50TimeSeries)==null?void 0:$.data.map(D=>D))||[],g=i.map((D,V)=>({timestamp:new Date(D.timestamp).valueOf(),p99_p01:[D.value,r[V].value],p75_p25:[s[V].value,d[V].value],p50:c[V].value})),f=rl({samplingIntervalMinutes:l.samplingIntervalMinutes}),[u,p]=m.useState(Object.keys(km).reduce((D,V)=>(D[V]=!1,D),{})),y=D=>{u[D.dataKey]||p({...u})},h=()=>{p({...u})},k=D=>{p({...u,[String(D.dataKey)]:!u[D.dataKey]})},{outerColor:S,innerColor:K,lineColor:T}=bm();return e(_n,{width:"100%",height:"100%",children:o(sl,{data:g,margin:jl,syncId:"dimensionDetails",children:[o("defs",{children:[o("linearGradient",{id:"p99_p01ColorUV",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"10%",stopColor:S,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:S,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:S,stopOpacity:.7})]}),o("linearGradient",{id:"p75_p25ColorUV",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"10%",stopColor:K,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:K,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:K,stopOpacity:.7})]})]}),e(Un,{...ol,tickFormatter:D=>f(new Date(D))}),e(fn,{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:D=>YC(D),style:{fill:"var(--ac-global-text-color-700)"}}),e(Hn,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(qn,{content:e(nF,{})}),e(xh,{onClick:k,onMouseOver:y,onMouseOut:h}),e(Il,{type:"monotone",dataKey:"p99_p01",name:"p99 - p01",fillOpacity:1,fill:"url(#p99_p01ColorUV)",stroke:S,hide:u.p99_p01===!0}),e(Il,{type:"monotone",dataKey:"p75_p25",name:"p75 - p25",fillOpacity:1,stroke:K,fill:"url(#p75_p25ColorUV)",hide:u.p75_p25===!0}),e(ji,{type:"monotone",dataKey:"p50",stroke:T,hide:u.p50===!0})]})})}const Sm=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}}();Sm.hash="8cef9841e9a5bd7d0d50acb5db9028b0";const lF=tt(".2f"),vm=()=>{const{primary:n}=Ln();return{color:n}};function tF({active:n,payload:a,label:l}){var i;const{color:t}=vm();if(n&&a&&a.length){const r=(i=a[0])==null?void 0:i.value;return e(On,{children:e(ze,{color:t,shape:"square",name:l,value:r!=null?`${lF(r)}%`:"--"})})}return null}function iF(n){const a=P.useFragment(Sm,n.dimension),l=m.useMemo(()=>{var s,d,c;const i=((s=a.segmentsComparison)==null?void 0:s.segments)??[],r=((c=(d=a.segmentsComparison)==null?void 0:d.totalCounts)==null?void 0:c.primaryValue)??0;return i.map(g=>{var y;const f=((y=g.counts)==null?void 0:y.primaryValue)??0,u=os(g.bin),p=f/r*100;return{name:u,percent:p}})},[a]),{color:t}=vm();return e(_n,{children:o(Dt,{data:l,margin:{top:25,right:18,left:18,bottom:5},children:[e("defs",{children:o("linearGradient",{id:"dimensionSegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:t,stopOpacity:1}),e("stop",{offset:"95%",stopColor:t,stopOpacity:.5})]})}),e(Un,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(fn,{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(Hn,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(qn,{...Mi,content:e(tF,{})}),e(Sa,{dataKey:"percent",fill:"url(#dimensionSegmentsBarColor)",spacing:15})]})})}function HT(){const{dimensionId:n}=Qe(),{timeRange:a}=ra(),l=Me();Oe(l);const{referenceInferences:t}=Bn(),i=t!==null,r=i,s=l.dimension.shape!=="continuous",d=l.dimension.dataType==="numeric",c=
|
|
4838
|
+
`}}}();hm.hash="83342058bb8f50dad5bec299b4bc034d";const YC=tt("~s");var km=(n=>(n.p99_p01="p99_p01",n.p75_p25="p75_p25",n.p50="p50",n))(km||{});const eF=new Intl.NumberFormat([],{maximumFractionDigits:2});function fl(n){return typeof n=="number"?eF.format(n):"--"}const bm=()=>{const n=Ln();return{outerColor:n.gray500,innerColor:n.gray300,lineColor:n.default}};function nF({active:n,payload:a,label:l}){const{outerColor:t,innerColor:i,lineColor:r}=bm();if(n&&a&&a.length){const s=a[0].payload;return o(On,{children:[e(C,{weight:"heavy",size:"S",children:`${ta(new Date(l))}`}),e(ze,{color:t,name:"p99",value:fl(s.p99_p01[0])}),e(ze,{color:i,name:"p75",value:fl(s.p75_p25[0])}),e(ze,{color:r,name:"p50",value:fl(s.p50)}),e(ze,{color:i,name:"p25",value:fl(s.p75_p25[1])}),e(ze,{color:t,name:"p01",value:fl(s.p99_p01[1])})]})}return null}function aF({dimensionId:n}){var x,I,L,w,$;const{timeRange:a}=ra(),l=il(a),t=P.useLazyLoadQuery(hm,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:l}),i=((x=t.dimension.p99TimeSeries)==null?void 0:x.data.map(D=>D))||[],r=((I=t.dimension.p01TimeSeries)==null?void 0:I.data.map(D=>D))||[],s=((L=t.dimension.p75TimeSeries)==null?void 0:L.data.map(D=>D))||[],d=((w=t.dimension.p25TimeSeries)==null?void 0:w.data.map(D=>D))||[],c=(($=t.dimension.p50TimeSeries)==null?void 0:$.data.map(D=>D))||[],g=i.map((D,V)=>({timestamp:new Date(D.timestamp).valueOf(),p99_p01:[D.value,r[V].value],p75_p25:[s[V].value,d[V].value],p50:c[V].value})),f=rl({samplingIntervalMinutes:l.samplingIntervalMinutes}),[u,p]=m.useState(Object.keys(km).reduce((D,V)=>(D[V]=!1,D),{})),y=D=>{u[D.dataKey]||p({...u})},h=()=>{p({...u})},k=D=>{p({...u,[String(D.dataKey)]:!u[D.dataKey]})},{outerColor:S,innerColor:K,lineColor:T}=bm();return e(_n,{width:"100%",height:"100%",children:o(sl,{data:g,margin:jl,syncId:"dimensionDetails",children:[o("defs",{children:[o("linearGradient",{id:"p99_p01ColorUV",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"10%",stopColor:S,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:S,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:S,stopOpacity:.7})]}),o("linearGradient",{id:"p75_p25ColorUV",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"10%",stopColor:K,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:K,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:K,stopOpacity:.7})]})]}),e(Un,{...ol,tickFormatter:D=>f(new Date(D))}),e(fn,{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:D=>YC(D),style:{fill:"var(--ac-global-text-color-700)"}}),e(Hn,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(qn,{content:e(nF,{})}),e(xh,{onClick:k,onMouseOver:y,onMouseOut:h}),e(Il,{type:"monotone",dataKey:"p99_p01",name:"p99 - p01",fillOpacity:1,fill:"url(#p99_p01ColorUV)",stroke:S,hide:u.p99_p01===!0}),e(Il,{type:"monotone",dataKey:"p75_p25",name:"p75 - p25",fillOpacity:1,stroke:K,fill:"url(#p75_p25ColorUV)",hide:u.p75_p25===!0}),e(ji,{type:"monotone",dataKey:"p50",stroke:T,hide:u.p50===!0})]})})}const Sm=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}}();Sm.hash="8cef9841e9a5bd7d0d50acb5db9028b0";const lF=tt(".2f"),vm=()=>{const{primary:n}=Ln();return{color:n}};function tF({active:n,payload:a,label:l}){var i;const{color:t}=vm();if(n&&a&&a.length){const r=(i=a[0])==null?void 0:i.value;return e(On,{children:e(ze,{color:t,shape:"square",name:l,value:r!=null?`${lF(r)}%`:"--"})})}return null}function iF(n){const a=P.useFragment(Sm,n.dimension),l=m.useMemo(()=>{var s,d,c;const i=((s=a.segmentsComparison)==null?void 0:s.segments)??[],r=((c=(d=a.segmentsComparison)==null?void 0:d.totalCounts)==null?void 0:c.primaryValue)??0;return i.map(g=>{var y;const f=((y=g.counts)==null?void 0:y.primaryValue)??0,u=os(g.bin),p=f/r*100;return{name:u,percent:p}})},[a]),{color:t}=vm();return e(_n,{children:o(Dt,{data:l,margin:{top:25,right:18,left:18,bottom:5},children:[e("defs",{children:o("linearGradient",{id:"dimensionSegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:t,stopOpacity:1}),e("stop",{offset:"95%",stopColor:t,stopOpacity:.5})]})}),e(Un,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(fn,{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(Hn,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(qn,{...Mi,content:e(tF,{})}),e(Sa,{dataKey:"percent",fill:"url(#dimensionSegmentsBarColor)",spacing:15})]})})}function HT(){const{dimensionId:n}=Qe(),{timeRange:a}=ra(),l=Me();Oe(l);const{referenceInferences:t}=Bn(),i=t!==null,r=i,s=l.dimension.shape!=="continuous",d=l.dimension.dataType==="numeric",c=de(),g=P.useLazyLoadQuery(nm,{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(rs,{initialTimestamp:new Date(a.end),children:e(ce,{type:"slideOver",isDismissable:!0,onDismiss:()=>c(-1),children:e(re,{size:"L",title:l.dimension.name,children:e("main",{css:F`
|
|
4839
4839
|
padding: var(--ac-global-dimension-static-size-100);
|
|
4840
4840
|
display: flex;
|
|
4841
4841
|
flex-direction: column;
|
|
@@ -5024,7 +5024,7 @@ fragment StreamToggle_data on Project {
|
|
|
5024
5024
|
}
|
|
5025
5025
|
}
|
|
5026
5026
|
}
|
|
5027
|
-
`;function JT(){const{projectId:n}=Qe(),{timeRange:a}=Ct();return e(m.Suspense,{fallback:e(me,{}),children:e(pF,{projectId:n,timeRange:a})})}const gF=["spans","traces","sessions","config"],ao=n=>gF.includes(n),lo={spans:0,traces:1,sessions:2,config:3};function pF({projectId:n,timeRange:a}){const l=Tl(w=>w.treatOrphansAsRoots),t=m.useMemo(()=>{var w,$;return{start:(w=a==null?void 0:a.start)==null?void 0:w.toISOString(),end:($=a==null?void 0:a.end)==null?void 0:$.toISOString()}},[a]),i=
|
|
5027
|
+
`;function JT(){const{projectId:n}=Qe(),{timeRange:a}=Ct();return e(m.Suspense,{fallback:e(me,{}),children:e(pF,{projectId:n,timeRange:a})})}const gF=["spans","traces","sessions","config"],ao=n=>gF.includes(n),lo={spans:0,traces:1,sessions:2,config:3};function pF({projectId:n,timeRange:a}){const l=Tl(w=>w.treatOrphansAsRoots),t=m.useMemo(()=>{var w,$;return{start:(w=a==null?void 0:a.start)==null?void 0:w.toISOString(),end:($=a==null?void 0:a.end)==null?void 0:$.toISOString()}},[a]),i=de(),{rootPath:r,tab:s}=Vt(),d=P.useLazyLoadQuery(Fm,{id:n,timeRange:t},{fetchPolicy:"store-and-network",fetchKey:`${n}-${t.start}-${t.end}`}),[c,g,f]=P.useQueryLoader(jd),[u,p,y]=P.useQueryLoader(Od),[h,k,S]=P.useQueryLoader(Qd),[K,T,x]=P.useQueryLoader(Bd),I=ao(s)?lo[s]:0;m.useEffect(()=>(I===0?p({id:n,timeRange:t,orphanSpanAsRootSpan:l}):I===1?g({id:n,timeRange:t}):I===2?k({id:n,timeRange:t}):I===3&&T({id:n}),()=>{y(),S(),f(),x()}),[g,n,t,I,y,S,f,p,k,T,x,l]);const L=m.useCallback(w=>{m.startTransition(()=>{i(w===1?`${r}/traces`:w===2?`${r}/sessions`:w===3?`${r}/config`:`${r}/spans`)})},[i,r]);return e(ub,{children:o("main",{css:mF,children:[e(sF,{project:d.project,extra:o(b,{direction:"row",alignItems:"center",gap:"size-100",children:[e(uF,{project:d.project}),e(ut,{})]})}),e(qd.Provider,{value:{spansQueryReference:u??null,sessionsQueryReference:h??null,tracesQueryReference:c??null,projectConfigQueryReference:K??null},children:o(tn,{onSelectionChange:w=>{typeof w=="string"&&ao(w)&&L(lo[w])},selectedKey:s,children:[o(ln,{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(ie,{padded:!1,id:"spans",children:e(ve,{})}),e(ie,{padded:!1,id:"traces",children:e(ve,{})}),e(ie,{padded:!1,id:"sessions",children:e(ve,{})}),e(ie,{padded:!1,id:"config",children:e(ve,{})})]})})]})})}const _m=m.createContext(null);function Am(){const n=m.useContext(_m);if(n===null)throw new Error("useSessionSubstring must be used within a SessionSubstringProvider");return n}function yF(n){const[a,l]=m.useState(""),t=m.useCallback(i=>{m.startTransition(()=>{l(i)})},[]);return e(_m.Provider,{value:{filterIoSubstring:a,setFilterIoSubstring:t},children:n.children})}const wm=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterIoSubstring"},l={defaultValue:30,kind:"LocalArgument",name:"first"},t={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},r={defaultValue:null,kind:"LocalArgument",name:"timeRange"},s=[{kind:"Variable",name:"id",variableName:"id"}],d={kind:"Variable",name:"after",variableName:"after"},c={kind:"Variable",name:"filterIoSubstring",variableName:"filterIoSubstring"},g={kind:"Variable",name:"first",variableName:"first"},f={kind:"Variable",name:"sort",variableName:"sort"},u={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},y=[d,c,g,f,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],h=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}];return{fragment:{argumentDefinitions:[n,a,l,t,i,r],kind:"Fragment",metadata:null,name:"SessionsTableQuery",selections:[{alias:null,args:s,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[d,c,g,f],kind:"FragmentSpread",name:"SessionsTable_sessions"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,l,i,r,t],kind:"Operation",name:"SessionsTableQuery",selections:[{alias:null,args:s,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[u,p,{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:[p,{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:h,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"lastOutput",plural:!1,selections:h,storageKey:null},{alias:null,args:null,concreteType:"TokenUsage",kind:"LinkedField",name:"tokenUsage",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"total",storageKey:null}],storageKey:null},{alias:"traceLatencyMsP50",args:[{kind:"Literal",name:"probability",value:.5}],kind:"ScalarField",name:"traceLatencyMsQuantile",storageKey:"traceLatencyMsQuantile(probability:0.5)"},{alias:"traceLatencyMsP99",args:[{kind:"Literal",name:"probability",value:.99}],kind:"ScalarField",name:"traceLatencyMsQuantile",storageKey:"traceLatencyMsQuantile(probability:0.99)"}],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:[u,p],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:"44404d501ccfaf7aba76d62aaa10371d",id:null,metadata:{},name:"SessionsTableQuery",operationKind:"query",text:`query SessionsTableQuery(
|
|
5028
5028
|
$after: String = null
|
|
5029
5029
|
$filterIoSubstring: String = null
|
|
5030
5030
|
$first: Int = 30
|
|
@@ -5232,7 +5232,7 @@ await assistant({
|
|
|
5232
5232
|
.ac-dropdown-button {
|
|
5233
5233
|
min-width: var(--ac-global-dimension-static-size-300);
|
|
5234
5234
|
}
|
|
5235
|
-
`,to=Bi,Mm=({table:n})=>{const a=
|
|
5235
|
+
`,to=Bi,Mm=({table:n})=>{const a=de();return e("tbody",{children:n.getRowModel().rows.map(l=>e("tr",{onClick:()=>a(`${encodeURIComponent(l.id)}`),children:l.getVisibleCells().map(t=>e("td",{style:{width:`calc(var(--col-${t.column.id}-size) * 1px)`,maxWidth:`calc(var(--col-${t.column.id}-size) * 1px)`,textWrap:"nowrap",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:W(t.column.columnDef.cell,t.getContext())},t.id))},l.id))})},IF=pn.memo(Mm,(n,a)=>n.table.options.data===a.table.options.data);function DF(n){const a=m.useRef(null),[l,t]=m.useState([]),{filterIoSubstring:i}=Am(),{fetchKey:r}=Qa(),{data:s,loadNext:d,hasNext:c,isLoadingNext:g,refetch:f}=P.usePaginationFragment(Rm,n.project),u=m.useMemo(()=>s.sessions.edges.map(({session:z})=>({...z,tokenCountTotal:z.tokenUsage.total})),[s.sessions]),p=[{header:"session id",accessorKey:"sessionId",enableSorting:!1,cell:Re},{header:"first input",accessorKey:"firstInput.value",enableSorting:!1,cell:Re},{header:"last output",accessorKey:"lastOutput.value",enableSorting:!1,cell:Re},{header:"start time",accessorKey:"startTime",enableSorting:!0,cell:_e},{header:"end time",accessorKey:"endTime",enableSorting:!0,cell:_e},{header:"p50 latency",accessorKey:"traceLatencyMsP50",enableSorting:!1,cell:({getValue:z})=>{const j=z();return j===null||typeof j!="number"?null:e(je,{latencyMs:j})}},{header:"p99 latency",accessorKey:"traceLatencyMsP99",enableSorting:!1,cell:({getValue:z})=>{const j=z();return j===null||typeof j!="number"?null:e(je,{latencyMs:j})}},{header:"total tokens",accessorKey:"tokenCountTotal",enableSorting:!0,minSize:80,cell:({row:z,getValue:j})=>{const q=j();return q==null||typeof q!="number"?"--":e(Ia,{tokenCountTotal:q,nodeId:z.original.id})}},{header:"total traces",accessorKey:"numTraces",enableSorting:!0,cell:ss}];m.useEffect(()=>{const z=l[0];m.startTransition(()=>{f({sort:z?{col:z.id,dir:z.desc?"desc":"asc"}:{col:"startTime",dir:"desc"},after:null,first:to,filterIoSubstring:i},{fetchPolicy:"store-and-network"})})},[l,f,i,r]);const y=pn.useCallback(z=>{if(z){const{scrollHeight:j,scrollTop:q,clientHeight:oe}=z;j-q-oe<300&&!g&&c&&d(to)}},[c,g,d]),[h,k]=m.useState({}),S=Xe(z=>z.columnVisibility),K=Xe(z=>z.columnSizing),T=Xe(z=>z.setColumnSizing),x=Fe({columns:p,data:u,onExpandedChange:k,manualSorting:!0,state:{sorting:l,expanded:h,columnVisibility:S,columnSizing:K},columnResizeMode:"onChange",onColumnSizingChange:T,enableSubRowSelection:!1,onSortingChange:t,getCoreRowModel:Ke(),getSortedRowModel:rn(),getExpandedRowModel:fo(),getRowId:z=>z.id}),L=x.getRowModel().rows.length===0,{columnSizingInfo:w,columnSizing:$}=x.getState(),D=x.getFlatHeaders,V=p.length,M=pn.useMemo(()=>{const z=D(),j={};for(let q=0;q<z.length;q++){const oe=z[q];j[`--header-${oe.id}-size`]=oe.getSize(),j[`--col-${oe.column.id}-size`]=oe.column.getSize()}return j},[D,w,$,V]);return o("div",{css:rr,children:[e(v,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:e(bF,{})}),e("div",{css:F`
|
|
5236
5236
|
flex: 1 1 auto;
|
|
5237
5237
|
overflow: auto;
|
|
5238
5238
|
`,onScroll:z=>y(z.target),ref:a,children:o("table",{css:Qn,style:{...M,width:x.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:x.getHeaderGroups().map(z=>e("tr",{children:z.headers.map(j=>e("th",{style:{width:`calc(var(--header-${j.id}-size) * 1px)`},children:j.isPlaceholder?null:o(J,{children:[o("div",{"data-sortable":j.column.getCanSort(),className:j.column.getCanSort()?"sort":"",onClick:j.column.getToggleSortingHandler(),style:{left:j.getStart(),width:j.getSize()},children:[W(j.column.columnDef.header,j.getContext()),j.column.getIsSorted()?e(_,{className:"sort-icon",svg:j.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]}),e("div",{onMouseDown:j.getResizeHandler(),onTouchStart:j.getResizeHandler(),className:`resizer ${j.column.getIsResizing()?"isResizing":""}`})]})},j.id))},z.id))}),L?e(xF,{}):w.isResizingColumn?e(IF,{table:x}):e(Mm,{table:x})]})})]})}function or({children:n}){const{projectId:a}=Qe();if(!a)throw new Error("projectId is required");const{tab:l}=Vt();if(!_d(l))throw new Error(`Invalid tab: ${l}`);return e(fF,{projectId:a,tableId:l||"table",children:n})}function LF({queryReference:n}){const a=P.usePreloadedQuery(Qd,n);return e(yF,{children:e(DF,{project:a.project})})}const ZT=()=>{const{sessionsQueryReference:n}=_t();return n?o(or,{children:[e(nr,{children:e(m.Suspense,{fallback:e(me,{}),children:e(LF,{queryReference:n})})}),e(m.Suspense,{children:e(ve,{})})]}):null},Vm=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},l={defaultValue:30,kind:"LocalArgument",name:"first"},t={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:null,kind:"LocalArgument",name:"orphanSpanAsRootSpan"},r={defaultValue:!0,kind:"LocalArgument",name:"rootSpansOnly"},s={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},d={defaultValue:null,kind:"LocalArgument",name:"timeRange"},c=[{kind:"Variable",name:"id",variableName:"id"}],g={kind:"Variable",name:"after",variableName:"after"},f={kind:"Variable",name:"filterCondition",variableName:"filterCondition"},u={kind:"Variable",name:"first",variableName:"first"},p={kind:"Variable",name:"rootSpansOnly",variableName:"rootSpansOnly"},y={kind:"Variable",name:"sort",variableName:"sort"},h={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},k={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},K=[g,f,u,{kind:"Variable",name:"orphanSpanAsRootSpan",variableName:"orphanSpanAsRootSpan"},p,y,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],T=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],x={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},I={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null};return{fragment:{argumentDefinitions:[n,a,l,t,i,r,s,d],kind:"Fragment",metadata:null,name:"SpansTableSpansQuery",selections:[{alias:null,args:c,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[g,f,u,p,y],kind:"FragmentSpread",name:"SpansTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,l,i,r,s,d,t],kind:"Operation",name:"SpansTableSpansQuery",selections:[{alias:null,args:c,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[h,k,{kind:"InlineFragment",selections:[S,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args: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:[k,{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},S,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[k,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],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:[k,S,x,I,{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},k],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummaries",plural:!0,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null},x],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null},S],storageKey:null},{alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[k,{alias:null,args:null,concreteType:"AnnotationConfigConnection",kind:"LinkedField",name:"annotationConfigs",plural:!1,selections:[{alias:null,args:null,concreteType:"AnnotationConfigEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[h,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"annotationType",storageKey:null}],type:"AnnotationConfigBase",abstractKey:"__isAnnotationConfigBase"},{kind:"InlineFragment",selections:[k,S,{alias:null,args:null,kind:"ScalarField",name:"optimizationDirection",storageKey:null},{alias:null,args:null,concreteType:"CategoricalAnnotationValue",kind:"LinkedField",name:"values",plural:!0,selections:[x,I],storageKey:null}],type:"CategoricalAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[k],type:"Node",abstractKey:"__isNode"}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[h,k],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:K,filters:["sort","rootSpansOnly","filterCondition","orphanSpanAsRootSpan","timeRange"],handle:"connection",key:"SpansTable_spans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"fc79d02f18fbddd3427e6290828530b7",id:null,metadata:{},name:"SpansTableSpansQuery",operationKind:"query",text:`query SpansTableSpansQuery(
|
|
@@ -5534,7 +5534,7 @@ fragment DatasetSelectorPopoverContent_datasets on Query {
|
|
|
5534
5534
|
height: 400px;
|
|
5535
5535
|
overflow-y: auto;
|
|
5536
5536
|
min-width: 300px;
|
|
5537
|
-
`,children:e(UF,{query:r,search:t,onDatasetSelected:l})})})]})}function UF(n){const{search:a,onDatasetSelected:l}=n,[t]=P.useRefetchableFragment(Zm,n.query),i=m.useMemo(()=>{let s=t.datasets.edges.map(d=>d.dataset);return a&&(s=s.filter(d=>d.name.toLowerCase().includes(a.toLowerCase()))),s},[a,t]);return i.length===0?e(v,{padding:"size-200",children:e(b,{direction:"column",justifyContent:"center",alignItems:"center",flex:"1 1 auto",children:e(C,{children:"No datasets found"})})}):e(dt,{selectionMode:"single",onSelectionChange:s=>{if(typeof s=="object"){const d=Array.from(s);l(d[0])}},children:i.map(s=>e(xe,{children:s.name},s.id))})}function Ym(n){const a=
|
|
5537
|
+
`,children:e(UF,{query:r,search:t,onDatasetSelected:l})})})]})}function UF(n){const{search:a,onDatasetSelected:l}=n,[t]=P.useRefetchableFragment(Zm,n.query),i=m.useMemo(()=>{let s=t.datasets.edges.map(d=>d.dataset);return a&&(s=s.filter(d=>d.name.toLowerCase().includes(a.toLowerCase()))),s},[a,t]);return i.length===0?e(v,{padding:"size-200",children:e(b,{direction:"column",justifyContent:"center",alignItems:"center",flex:"1 1 auto",children:e(C,{children:"No datasets found"})})}):e(dt,{selectionMode:"single",onSelectionChange:s=>{if(typeof s=="object"){const d=Array.from(s);l(d[0])}},children:i.map(s=>e(xe,{children:s.name},s.id))})}function Ym(n){const a=de(),l=ue(),t=be(),[i,r]=m.useState(!1),[s,d]=m.useState(!1),[c,g]=m.useState(!1),{selectedSpans:f,onClearSelection:u}=n,[p,y]=P.useMutation(Wm),[h,k]=P.useMutation(Gm),S=f.length!==1,K=m.useCallback(I=>{p({variables:{input:{datasetId:I,spanIds:f.map(L=>L.id)}},onCompleted:()=>{l({title:"Examples added to dataset",message:`${f.length} example${S?"s have":" has"} been added to the dataset.`,action:{text:"View dataset",onClick:()=>{a(`/datasets/${I}/examples`)}}}),u()},onError:L=>{const w=De(L);t({title:"An error occurred",message:`Failed to add spans to dataset: ${(w==null?void 0:w[0])??L.message}`})}})},[p,f,l,S,u,a,t]),T=m.useCallback(()=>{const I=[...new Set(f.map(L=>L.traceId))];h({variables:{traceIds:I},onCompleted:()=>{l({title:"Traces deleted",message:`${I.length} trace${I.length!==1?"s have":" has"} been deleted.`}),u()},onError:L=>{const w=De(L);t({title:"An error occurred",message:`Failed to delete traces: ${(w==null?void 0:w[0])??L.message}`})}})},[h,f,l,u,t]),x=()=>{g(!0)};return e("div",{css:F`
|
|
5538
5538
|
position: absolute;
|
|
5539
5539
|
bottom: var(--ac-global-dimension-size-600);
|
|
5540
5540
|
left: 50%;
|
|
@@ -5542,10 +5542,10 @@ fragment DatasetSelectorPopoverContent_datasets on Query {
|
|
|
5542
5542
|
z-index: 10;
|
|
5543
5543
|
box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.4);
|
|
5544
5544
|
border-radius: var(--ac-global-rounding-medium);
|
|
5545
|
-
`,children:e(v,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(C,{children:`${f.length} span${S?"s":""} selected`}),o(b,{direction:"row",gap:"size-100",children:[e(E,{variant:"default",size:"S",onPress:u,children:"Cancel"}),o($e,{isOpen:s,onOpenChange:I=>{d(I)},children:[e(E,{variant:"default",size:"S",leadingVisual:y?e(dn,{}):e(mt,{}),onPress:()=>{d(!0)},isDisabled:y,children:y?"Adding...":"Add to Dataset"}),e(m.Suspense,{children:e(Xn,{placement:"top end",crossOffset:300,children:e(qF,{onDatasetSelected:I=>{K(I),d(!1)},onCreateNewDataset:()=>{d(!1),r(!0)}})})})]}),e($e,{isOpen:i,onOpenChange:r,children:e(Xn,{children:e(yn,{children:e(nn,{children:e(en,{children:o(ha,{children:[o(ka,{children:[e(ba,{children:"New Dataset"}),e(al,{children:e(E,{variant:"default",size:"S",onPress:()=>{r(!1)},leadingVisual:e(_,{svg:e(Wo,{})})})})]}),e(us,{onDatasetCreateError:I=>{const L=De(I);t({title:"Dataset creation failed",message:`Failed to create dataset: ${(L==null?void 0:L[0])??I.message}`})},onDatasetCreated:I=>{r(!1),l({title:"Dataset created",message:`${I.name} has been successfully created.`}),d(!0)}})]})})})})})}),e(E,{variant:"danger",size:"S",leadingVisual:e(_,{svg:k?e(dn,{}):e(Ge,{})}),isDisabled:k,onPress:x,children:k?"Deleting...":"Delete"}),e($e,{isOpen:c,onOpenChange:g,children:e(yn,{children:e(nn,{children:e(en,{children:o(ha,{children:[e(ka,{children:e(ba,{children:"Delete Traces"})}),e(v,{padding:"size-200",children:e(C,{color:"danger",children:"Are you sure you want to delete the selected spans and their traces?"})}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(E,{variant:"default",onPress:()=>{g(!1)},children:"Cancel"}),e(E,{variant:"danger",onPress:()=>{T(),g(!1)},children:"Delete Traces"})]})})]})})})})})]})]})})})}const eg="annotations",mi="-",ng={col:"startTime",dir:"desc"};function ag(n){let a=null,l=null;if(n.id&&n.id.startsWith(eg)){const[,t,i]=n.id.split(mi);l={attr:t,name:i}}else a=n.id;return{col:a,evalResultKey:l,dir:n.desc?"desc":"asc"}}function nt(n,a){return`${eg}${mi}${a}${mi}${n}`.replace(/[^a-zA-Z0-9]/g,"-")}const Ul=Bi,HF={minSize:100};function GF(n){return n==="root"||n==="all"}const lg=({table:n,hasNext:a,onLoadNext:l,isLoadingNext:t})=>{const i=
|
|
5545
|
+
`,children:e(v,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(C,{children:`${f.length} span${S?"s":""} selected`}),o(b,{direction:"row",gap:"size-100",children:[e(E,{variant:"default",size:"S",onPress:u,children:"Cancel"}),o($e,{isOpen:s,onOpenChange:I=>{d(I)},children:[e(E,{variant:"default",size:"S",leadingVisual:y?e(dn,{}):e(mt,{}),onPress:()=>{d(!0)},isDisabled:y,children:y?"Adding...":"Add to Dataset"}),e(m.Suspense,{children:e(Xn,{placement:"top end",crossOffset:300,children:e(qF,{onDatasetSelected:I=>{K(I),d(!1)},onCreateNewDataset:()=>{d(!1),r(!0)}})})})]}),e($e,{isOpen:i,onOpenChange:r,children:e(Xn,{children:e(yn,{children:e(nn,{children:e(en,{children:o(ha,{children:[o(ka,{children:[e(ba,{children:"New Dataset"}),e(al,{children:e(E,{variant:"default",size:"S",onPress:()=>{r(!1)},leadingVisual:e(_,{svg:e(Wo,{})})})})]}),e(us,{onDatasetCreateError:I=>{const L=De(I);t({title:"Dataset creation failed",message:`Failed to create dataset: ${(L==null?void 0:L[0])??I.message}`})},onDatasetCreated:I=>{r(!1),l({title:"Dataset created",message:`${I.name} has been successfully created.`}),d(!0)}})]})})})})})}),e(E,{variant:"danger",size:"S",leadingVisual:e(_,{svg:k?e(dn,{}):e(Ge,{})}),isDisabled:k,onPress:x,children:k?"Deleting...":"Delete"}),e($e,{isOpen:c,onOpenChange:g,children:e(yn,{children:e(nn,{children:e(en,{children:o(ha,{children:[e(ka,{children:e(ba,{children:"Delete Traces"})}),e(v,{padding:"size-200",children:e(C,{color:"danger",children:"Are you sure you want to delete the selected spans and their traces?"})}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(E,{variant:"default",onPress:()=>{g(!1)},children:"Cancel"}),e(E,{variant:"danger",onPress:()=>{T(),g(!1)},children:"Delete Traces"})]})})]})})})})})]})]})})})}const eg="annotations",mi="-",ng={col:"startTime",dir:"desc"};function ag(n){let a=null,l=null;if(n.id&&n.id.startsWith(eg)){const[,t,i]=n.id.split(mi);l={attr:t,name:i}}else a=n.id;return{col:a,evalResultKey:l,dir:n.desc?"desc":"asc"}}function nt(n,a){return`${eg}${mi}${a}${mi}${n}`.replace(/[^a-zA-Z0-9]/g,"-")}const Ul=Bi,HF={minSize:100};function GF(n){return n==="root"||n==="all"}const lg=({table:n,hasNext:a,onLoadNext:l,isLoadingNext:t})=>{const i=de(),[r]=mn(),{traceId:s}=Qe(),d=r.get(un);return o("tbody",{children:[n.getRowModel().rows.map(c=>{const g=d===c.original.id||!d&&c.original.trace.traceId===s;return e("tr",{"data-selected":g,onClick:()=>i(`${c.original.trace.traceId}?${un}=${c.original.id}`),children:c.getVisibleCells().map(f=>{const u=`--col-${f.column.id}-size`;return e("td",{style:{width:`calc(var(${u}) * 1px)`,maxWidth:`calc(var(${u}) * 1px)`,textWrap:"nowrap",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:W(f.column.columnDef.cell,f.getContext())},f.id)})},c.id)}),a?e(ms,{onLoadMore:l,isLoadingNext:t},"load-more"):null]})},WF=pn.memo(lg,(n,a)=>n.table.options.data===a.table.options.data);function JF(n){const{fetchKey:a}=Qa(),l=m.useRef(null),t=m.useRef(!0),[i,r]=m.useState({}),[s,d]=m.useState([]),[c,g]=m.useState(""),[f,u]=m.useState(!0),p=Xe(A=>A.columnVisibility),{data:y,loadNext:h,hasNext:k,isLoadingNext:S,refetch:K}=P.usePaginationFragment(zm,n.project),T=lr(),x=T==null?void 0:T.setTraceSequence;m.useEffect(()=>{if(x)return x(y.spans.edges.map(({span:A})=>({traceId:A.trace.traceId,spanId:A.id}))),()=>{x([])}},[y.spans.edges,x]);const I=Xe(A=>A.annotationColumnVisibility),L=m.useMemo(()=>Object.keys(I).filter(A=>I[A]),[I]),w=m.useMemo(()=>y.spans.edges.map(({span:N})=>N),[y]),$=L.map(A=>({header:A,columns:[{header:"labels",accessorKey:nt(A,"label"),cell:({row:N})=>{const U=N.original.spanAnnotationSummaries.find(ee=>ee.name===A);return U?e(Xc,{name:A,labelFractions:U.labelFractions}):null}},{header:"mean score",accessorKey:nt(A,"score"),cell:({row:N})=>{const U=N.original.spanAnnotationSummaries.find(ee=>ee.name===A);return U?e(St,{value:U.meanScore,fallback:null}):null}}]})),D=[{header:()=>o(b,{direction:"row",gap:"size-50",children:[e("span",{children:"annotations"}),o(Al,{children:[e(ae,{level:3,weight:"heavy",children:"Annotations"}),e($a,{children:"Evaluations and human annotations logged via the API or set via the UI."})]})]}),id:"annotations",accessorKey:"spanAnnotations",enableSorting:!1,cell:({row:A})=>o(b,{direction:"row",gap:"size-50",wrap:"wrap",children:[e(Ft,{span:A.original,showFilterActions:!0}),A.original.documentRetrievalMetrics.map(N=>o(J,{children:[e(bn,{name:N.evaluationName,metric:"ndcg",score:N.ndcg},"ndcg"),e(bn,{name:N.evaluationName,metric:"precision",score:N.precision},"precision"),e(bn,{name:N.evaluationName,metric:"hit",score:N.hit},"hit")]}))]})},...$],V=[{id:"select",maxSize:10,header:({table:A})=>e(Nn,{checked:A.getIsAllRowsSelected(),indeterminate:A.getIsSomeRowsSelected(),onChange:A.getToggleAllRowsSelectedHandler()}),cell:({row:A})=>e(Nn,{checked:A.getIsSelected(),disabled:!A.getCanSelect(),indeterminate:A.getIsSomeSelected(),onChange:A.getToggleSelectedHandler()})},{header:"status",accessorKey:"statusCode",maxSize:30,enableSorting:!1,cell:({getValue:A})=>{const N=A();return e(b,{direction:"row",gap:"size-50",alignItems:"center",children:e(bt,{statusCode:N})})}},{header:"kind",accessorKey:"spanKind",maxSize:100,enableSorting:!1,cell:({getValue:A})=>e(xi,{spanKind:A()})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:A,row:N})=>{const U=N.original,{traceId:ee}=U.trace;return e(we,{to:`${ee}?${un}=${U.id}`,children:A()})}},{header:"input",accessorKey:"input.value",cell:Re,enableSorting:!1},{header:"output",accessorKey:"output.value",cell:Re,enableSorting:!1},{header:"metadata",accessorKey:"metadata",cell:({row:A})=>e($m,{metadata:A.original.metadata}),enableSorting:!1},...D,{header:"start time",accessorKey:"startTime",cell:_e},{header:"latency",accessorKey:"latencyMs",cell:({getValue:A})=>{const N=A();return N===null||typeof N!="number"?null:e(je,{latencyMs:N})}},{header:f?"cumulative tokens":"total tokens",accessorKey:f?"cumulativeTokenCountTotal":"tokenCountTotal",cell:({row:A,getValue:N})=>{if(N()===null)return"--";const ee=A.original,on=f?ee.cumulativeTokenCountTotal:ee.tokenCountTotal;return e(Ia,{tokenCountTotal:on||0,nodeId:ee.id})}}];m.useEffect(()=>{if(t.current===!0){t.current=!1;return}m.startTransition(()=>{const A=s[0];K({sort:A?ag(A):ng,after:null,first:Ul,filterCondition:c,rootSpansOnly:f},{fetchPolicy:"store-and-network"})})},[s,K,c,a,f]);const M=m.useCallback(A=>{if(A){const{scrollHeight:N,scrollTop:U,clientHeight:ee}=A;N-U-ee<300&&!S&&k&&h(Ul)}},[k,S,h]),z=Xe(A=>A.setColumnSizing),j=Xe(A=>A.columnSizing),q=Fe({columns:V,data:w,state:{sorting:s,columnVisibility:p,rowSelection:i,columnSizing:j},defaultColumn:HF,columnResizeMode:"onChange",manualSorting:!0,enableRowSelection:!0,onRowSelectionChange:r,onSortingChange:d,onColumnSizingChange:z,getCoreRowModel:Ke(),getSortedRowModel:rn()}),oe=q.getRowModel().rows,he=q.getSelectedRowModel().rows,Gn=he.map(A=>({id:A.original.id,traceId:A.original.trace.id})),oa=m.useCallback(()=>{r({})},[r]),ul=oe.length===0,Aa=q.getAllColumns().filter(A=>A.columns.length===0),{columnSizingInfo:Q,columnSizing:te}=q.getState(),le=q.getFlatHeaders,Ae=Aa.length,[Pe]=m.useMemo(()=>{const A=le(),N={};for(let U=0;U<A.length;U++){const ee=A[U];N[`--header-${ee.id}-size`]=ee.getSize(),N[`--col-${ee.column.id}-size`]=ee.column.getSize()}return[N]},[le,Q,te,Ae]);return o("div",{css:rr,children:[e(v,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:o(b,{direction:"row",gap:"size-100",width:"100%",alignItems:"center",children:[e(Hm,{onValidCondition:g}),o(Pt,{"aria-label":"Toggle between root and all spans",selectionMode:"single",selectedKeys:[f?"root":"all"],onSelectionChange:A=>{if(A.size===0)return;const N=A.keys().next().value;if(GF(N))u(N==="root");else throw new Error(`Unknown root span filter selection: ${N}`)},children:[e(Kn,{"aria-label":"root spans",id:"root",children:"Root Spans"}),e(Kn,{"aria-label":"all spans",id:"all",children:"All"})]}),e(Qm,{columns:Aa,query:y}),e(MF,{})]})}),e("div",{css:F`
|
|
5546
5546
|
flex: 1 1 auto;
|
|
5547
5547
|
overflow: auto;
|
|
5548
|
-
`,onScroll:A=>M(A.target),ref:l,children:o("table",{css:Qn,style:{...Pe,width:q.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:q.getHeaderGroups().map(A=>e("tr",{children:A.headers.map(N=>e("th",{colSpan:N.colSpan,style:{width:`calc(var(--header-${N.id}-size) * 1px)`},children:N.isPlaceholder?null:o(J,{children:[o("div",{className:N.column.getCanSort()?"sort":"",onClick:N.column.getToggleSortingHandler(),style:{left:N.getStart(),width:N.getSize()},children:[e(an,{maxWidth:"100%",children:W(N.column.columnDef.header,N.getContext())}),N.column.getIsSorted()?e(_,{className:"sort-icon",svg:N.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]}),e("div",{onMouseDown:N.getResizeHandler(),onTouchStart:N.getResizeHandler(),className:`resizer ${N.column.getIsResizing()?"isResizing":""}`})]})},N.id))},A.id))}),ul?e(jm,{projectName:y.name}):Q.isResizingColumn?e(WF,{table:q,hasNext:k,onLoadNext:()=>h(Ul),isLoadingNext:S}):e(lg,{table:q,hasNext:k,onLoadNext:()=>h(Ul),isLoadingNext:S})]})}),
|
|
5548
|
+
`,onScroll:A=>M(A.target),ref:l,children:o("table",{css:Qn,style:{...Pe,width:q.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:q.getHeaderGroups().map(A=>e("tr",{children:A.headers.map(N=>e("th",{colSpan:N.colSpan,style:{width:`calc(var(--header-${N.id}-size) * 1px)`},children:N.isPlaceholder?null:o(J,{children:[o("div",{className:N.column.getCanSort()?"sort":"",onClick:N.column.getToggleSortingHandler(),style:{left:N.getStart(),width:N.getSize()},children:[e(an,{maxWidth:"100%",children:W(N.column.columnDef.header,N.getContext())}),N.column.getIsSorted()?e(_,{className:"sort-icon",svg:N.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]}),e("div",{onMouseDown:N.getResizeHandler(),onTouchStart:N.getResizeHandler(),className:`resizer ${N.column.getIsResizing()?"isResizing":""}`})]})},N.id))},A.id))}),ul?e(jm,{projectName:y.name}):Q.isResizingColumn?e(WF,{table:q,hasNext:k,onLoadNext:()=>h(Ul),isLoadingNext:S}):e(lg,{table:q,hasNext:k,onLoadNext:()=>h(Ul),isLoadingNext:S})]})}),he.length?e(Ym,{selectedSpans:Gn,onClearSelection:oa}):null]})}function ZF({queryReference:n}){const a=P.usePreloadedQuery(Od,n);return e(JF,{project:a.project})}const XT=()=>{const{spansQueryReference:n}=_t();return n?e(or,{children:o(uu,{children:[e(nr,{children:e(m.Suspense,{fallback:e(me,{}),children:e(ZF,{queryReference:n})})}),e(m.Suspense,{children:e(ve,{})})]})}):null},tg=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},l={defaultValue:30,kind:"LocalArgument",name:"first"},t={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},r={defaultValue:null,kind:"LocalArgument",name:"timeRange"},s=[{kind:"Variable",name:"id",variableName:"id"}],d={kind:"Variable",name:"after",variableName:"after"},c={kind:"Variable",name:"filterCondition",variableName:"filterCondition"},g={kind:"Variable",name:"first",variableName:"first"},f={kind:"Variable",name:"sort",variableName:"sort"},u={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},h=[d,c,g,{kind:"Literal",name:"rootSpansOnly",value:!0},f,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],k={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},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}],I={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:x,storageKey:null},L={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:x,storageKey:null},w={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},$={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},D={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},V={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},M={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[p,y,D,V,{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},p],storageKey:null}],storageKey:null},z={alias:null,args:null,concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummaries",plural:!0,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null},D],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null},y],storageKey:null},j={alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[p,{alias:null,args:null,concreteType:"AnnotationConfigConnection",kind:"LinkedField",name:"annotationConfigs",plural:!1,selections:[{alias:null,args:null,concreteType:"AnnotationConfigEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[u,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"annotationType",storageKey:null}],type:"AnnotationConfigBase",abstractKey:"__isAnnotationConfigBase"},{kind:"InlineFragment",selections:[p,y,{alias:null,args:null,kind:"ScalarField",name:"optimizationDirection",storageKey:null},{alias:null,args:null,concreteType:"CategoricalAnnotationValue",kind:"LinkedField",name:"values",plural:!0,selections:[D,V],storageKey:null}],type:"CategoricalAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[p],type:"Node",abstractKey:"__isNode"}],storageKey:null}],storageKey:null}],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,l,t,i,r],kind:"Fragment",metadata:null,name:"TracesTableQuery",selections:[{alias:null,args:s,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[d,c,g,f],kind:"FragmentSpread",name:"TracesTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,l,i,r,t],kind:"Operation",name:"TracesTableQuery",selections:[{alias:null,args:s,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[u,p,{kind:"InlineFragment",selections:[y,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:"rootSpans",args:h,concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"rootSpan",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[p,k,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},T,I,L,w,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[p,$,{alias:null,args:null,kind:"ScalarField",name:"numSpans",storageKey:null}],storageKey:null},M,z,j,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:[p,k,y,{alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},S,K,T,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},I,L,w,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[p,$],storageKey:null},M,j,z,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:[u,p],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:"rootSpans",args:h,filters:["sort","rootSpansOnly","filterCondition","timeRange"],handle:"connection",key:"TracesTable_rootSpans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"dcad31a9f81b32615240143982c91514",id:null,metadata:{},name:"TracesTableQuery",operationKind:"query",text:`query TracesTableQuery(
|
|
5549
5549
|
$after: String = null
|
|
5550
5550
|
$filterCondition: String = null
|
|
5551
5551
|
$first: Int = 30
|
|
@@ -5724,7 +5724,7 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
5724
5724
|
}
|
|
5725
5725
|
id
|
|
5726
5726
|
}
|
|
5727
|
-
`}}}();tg.hash="193763dc6db3300bf3b3b1395effdfe5";const ig=function(){var n=["rootSpans"],a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={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},s={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},g={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},u={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},y={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[l,a,p,{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null},h={args:null,kind:"FragmentSpread",name:"AnnotationSummaryGroup"},k={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:tg,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:[l,t,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},s,c,g,f,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[l,u,{alias:null,args:null,kind:"ScalarField",name:"numSpans",storageKey:null}],storageKey:null},y,{alias:null,args:null,concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummaries",plural:!0,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null},p],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null},a],storageKey:null},h,k,{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,t,a,{alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},i,r,s,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},c,g,f,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[l,u],storageKey:null},y,h,k,{args:null,kind:"FragmentSpread",name:"TraceHeaderRootSpanAnnotationsFragment"}],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},l],type:"Project",abstractKey:null}}();ig.hash="193763dc6db3300bf3b3b1395effdfe5";const io=Bi,XF=50,rg=({table:n})=>{const a=
|
|
5727
|
+
`}}}();tg.hash="193763dc6db3300bf3b3b1395effdfe5";const ig=function(){var n=["rootSpans"],a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={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},s={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},g={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},u={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},y={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[l,a,p,{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null},h={args:null,kind:"FragmentSpread",name:"AnnotationSummaryGroup"},k={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:tg,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:[l,t,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},s,c,g,f,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[l,u,{alias:null,args:null,kind:"ScalarField",name:"numSpans",storageKey:null}],storageKey:null},y,{alias:null,args:null,concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummaries",plural:!0,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null},p],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null},a],storageKey:null},h,k,{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,t,a,{alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},i,r,s,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},c,g,f,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[l,u],storageKey:null},y,h,k,{args:null,kind:"FragmentSpread",name:"TraceHeaderRootSpanAnnotationsFragment"}],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},l],type:"Project",abstractKey:null}}();ig.hash="193763dc6db3300bf3b3b1395effdfe5";const io=Bi,XF=50,rg=({table:n})=>{const a=de(),{traceId:l}=Qe();return e("tbody",{children:n.getRowModel().rows.map(t=>{const i=t.original.trace.traceId===l;return e("tr",{onClick:()=>a(`${t.original.trace.traceId}`),"data-is-additional-row":t.original.__additionalRow,"data-selected":i,css:F(n2),children:t.getVisibleCells().map(r=>{const s=`--col-${r.column.id}-size`;return e("td",{style:{width:`calc(var(${s}) * 1px)`,maxWidth:`calc(var(${s}) * 1px)`,textWrap:"nowrap",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:W(r.column.columnDef.cell,r.getContext())},r.id)})},t.id)})})},YF=pn.memo(rg,(n,a)=>n.table.options.data===a.table.options.data),e2=({row:n})=>n.original.__additionalRow?null:e($m,{metadata:n.original.metadata}),n2=F`
|
|
5728
5728
|
&[data-is-additional-row="true"] {
|
|
5729
5729
|
box-shadow: inset 0 -10px 20px var(--ac-global-color-grey-100);
|
|
5730
5730
|
}
|
|
@@ -5740,10 +5740,10 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
5740
5740
|
// and paddingLeft to visually indicate the depth
|
|
5741
5741
|
// of the row
|
|
5742
5742
|
padding-left: ${A.row.depth*2}rem;
|
|
5743
|
-
`,children:o(b,{gap:"size-50",children:[A.row.getCanExpand()?e(Tr,{isExpanded:A.row.getIsExpanded(),onClick:A.row.getToggleExpandedHandler(),"aria-label":"Expand row"}):null,e(xi,{spanKind:A.getValue()})]})})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:A,row:N})=>{const{traceId:U}=N.original.trace,ee=N.original.isAdditionalSpansRow?null:N.original.id;return e(we,{to:`${U}${ee?`?${un}=${ee}`:""}`,children:A()})}},{header:"input",accessorKey:"input.value",enableSorting:!1,cell:Re},{header:"output",accessorKey:"output.value",enableSorting:!1,cell:Re},{header:"metadata",accessorKey:"metadata",enableSorting:!1,cell:e2},...x,{header:"start time",accessorKey:"startTime",cell:A=>A.row.original.__additionalRow?null:e(_e,{...A})},{header:"latency",accessorKey:"latencyMs",cell:({getValue:A,row:N})=>{const U=A();return U===null||typeof U!="number"||N.original.__additionalRow?null:e(je,{latencyMs:U})}},{header:"total tokens",minSize:80,accessorKey:"cumulativeTokenCountTotal",cell:({row:A,getValue:N})=>{if(A.original.__additionalRow)return null;const U=N();return U===null?"--":e(Ia,{tokenCountTotal:U,nodeId:A.original.trace.id})}}],[x]);m.useEffect(()=>{if(l.current===!0){l.current=!1;return}const A=r[0];m.startTransition(()=>{h({sort:A?ag(A):ng,after:null,first:io,filterCondition:d},{fetchPolicy:"store-and-network"})})},[r,h,d,g]);const L=m.useCallback(A=>{if(A){const{scrollHeight:N,scrollTop:U,clientHeight:ee}=A;N-U-ee<300&&!y&&p&&u(io)}},[p,y,u]),w=lr(),$=w==null?void 0:w.setTraceSequence;m.useEffect(()=>{if($)return $(f.rootSpans.edges.map(({rootSpan:A})=>({traceId:A.trace.traceId,spanId:A.id}))),()=>{$([])}},[f.rootSpans.edges,$]);const[D,V]=m.useState({}),M=Xe(A=>A.columnVisibility),z=Xe(A=>A.setColumnSizing),j=Xe(A=>A.columnSizing),q=Fe({columns:I,data:K,onExpandedChange:V,manualSorting:!0,getSubRows:A=>A.children,state:{sorting:r,expanded:D,columnVisibility:M,rowSelection:t,columnSizing:j},columnResizeMode:"onChange",onRowSelectionChange:i,enableSubRowSelection:!1,onSortingChange:s,onColumnSizingChange:z,getCoreRowModel:Ke(),getSortedRowModel:rn(),getExpandedRowModel:fo(),getRowId:A=>A.id}),
|
|
5743
|
+
`,children:o(b,{gap:"size-50",children:[A.row.getCanExpand()?e(Tr,{isExpanded:A.row.getIsExpanded(),onClick:A.row.getToggleExpandedHandler(),"aria-label":"Expand row"}):null,e(xi,{spanKind:A.getValue()})]})})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:A,row:N})=>{const{traceId:U}=N.original.trace,ee=N.original.isAdditionalSpansRow?null:N.original.id;return e(we,{to:`${U}${ee?`?${un}=${ee}`:""}`,children:A()})}},{header:"input",accessorKey:"input.value",enableSorting:!1,cell:Re},{header:"output",accessorKey:"output.value",enableSorting:!1,cell:Re},{header:"metadata",accessorKey:"metadata",enableSorting:!1,cell:e2},...x,{header:"start time",accessorKey:"startTime",cell:A=>A.row.original.__additionalRow?null:e(_e,{...A})},{header:"latency",accessorKey:"latencyMs",cell:({getValue:A,row:N})=>{const U=A();return U===null||typeof U!="number"||N.original.__additionalRow?null:e(je,{latencyMs:U})}},{header:"total tokens",minSize:80,accessorKey:"cumulativeTokenCountTotal",cell:({row:A,getValue:N})=>{if(A.original.__additionalRow)return null;const U=N();return U===null?"--":e(Ia,{tokenCountTotal:U,nodeId:A.original.trace.id})}}],[x]);m.useEffect(()=>{if(l.current===!0){l.current=!1;return}const A=r[0];m.startTransition(()=>{h({sort:A?ag(A):ng,after:null,first:io,filterCondition:d},{fetchPolicy:"store-and-network"})})},[r,h,d,g]);const L=m.useCallback(A=>{if(A){const{scrollHeight:N,scrollTop:U,clientHeight:ee}=A;N-U-ee<300&&!y&&p&&u(io)}},[p,y,u]),w=lr(),$=w==null?void 0:w.setTraceSequence;m.useEffect(()=>{if($)return $(f.rootSpans.edges.map(({rootSpan:A})=>({traceId:A.trace.traceId,spanId:A.id}))),()=>{$([])}},[f.rootSpans.edges,$]);const[D,V]=m.useState({}),M=Xe(A=>A.columnVisibility),z=Xe(A=>A.setColumnSizing),j=Xe(A=>A.columnSizing),q=Fe({columns:I,data:K,onExpandedChange:V,manualSorting:!0,getSubRows:A=>A.children,state:{sorting:r,expanded:D,columnVisibility:M,rowSelection:t,columnSizing:j},columnResizeMode:"onChange",onRowSelectionChange:i,enableSubRowSelection:!1,onSortingChange:s,onColumnSizingChange:z,getCoreRowModel:Ke(),getSortedRowModel:rn(),getExpandedRowModel:fo(),getRowId:A=>A.id}),oe=q.getRowModel().rows,he=q.getSelectedRowModel().flatRows,Gn=he.map(A=>({id:A.original.id,traceId:A.original.trace.id})),oa=m.useCallback(()=>{i({})},[i]),ul=oe.length===0,Aa=q.getAllColumns().filter(A=>A.columns.length===0),{columnSizingInfo:Q,columnSizing:te}=q.getState(),le=q.getFlatHeaders,Ae=Aa.length,Pe=pn.useMemo(()=>{const A=le(),N={};for(let U=0;U<A.length;U++){const ee=A[U];N[`--header-${ee.id}-size`]=ee.getSize(),N[`--col-${ee.column.id}-size`]=ee.column.getSize()}return N},[le,Q,te,Ae]);return o("div",{css:rr,children:[e(v,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:o(b,{direction:"row",gap:"size-100",width:"100%",alignItems:"center",children:[e(Hm,{onValidCondition:c}),e(Qm,{columns:Aa,query:f})]})}),e("div",{css:F`
|
|
5744
5744
|
flex: 1 1 auto;
|
|
5745
5745
|
overflow: auto;
|
|
5746
|
-
`,onScroll:A=>L(A.target),ref:a,children:o("table",{css:Qn,style:{...Pe,width:q.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:q.getHeaderGroups().map(A=>e("tr",{children:A.headers.map(N=>e("th",{style:{width:`calc(var(--header-${N.id}-size) * 1px)`},colSpan:N.colSpan,children:N.isPlaceholder?null:o(J,{children:[o("div",{"data-sortable":N.column.getCanSort(),className:N.column.getCanSort()?"sort":"",onClick:N.column.getToggleSortingHandler(),style:{left:N.getStart(),width:N.getSize()},children:[e(an,{maxWidth:"100%",children:W(N.column.columnDef.header,N.getContext())}),N.column.getIsSorted()?e(_,{className:"sort-icon",svg:N.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]}),e("div",{onMouseDown:N.getResizeHandler(),onTouchStart:N.getResizeHandler(),className:`resizer ${N.column.getIsResizing()?"isResizing":""}`})]})},N.id))},A.id))}),ul?e(jm,{projectName:f.name}):Q.isResizingColumn?e(YF,{table:q}):e(rg,{table:q})]})}),
|
|
5746
|
+
`,onScroll:A=>L(A.target),ref:a,children:o("table",{css:Qn,style:{...Pe,width:q.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:q.getHeaderGroups().map(A=>e("tr",{children:A.headers.map(N=>e("th",{style:{width:`calc(var(--header-${N.id}-size) * 1px)`},colSpan:N.colSpan,children:N.isPlaceholder?null:o(J,{children:[o("div",{"data-sortable":N.column.getCanSort(),className:N.column.getCanSort()?"sort":"",onClick:N.column.getToggleSortingHandler(),style:{left:N.getStart(),width:N.getSize()},children:[e(an,{maxWidth:"100%",children:W(N.column.columnDef.header,N.getContext())}),N.column.getIsSorted()?e(_,{className:"sort-icon",svg:N.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]}),e("div",{onMouseDown:N.getResizeHandler(),onTouchStart:N.getResizeHandler(),className:`resizer ${N.column.getIsResizing()?"isResizing":""}`})]})},N.id))},A.id))}),ul?e(jm,{projectName:f.name}):Q.isResizingColumn?e(YF,{table:q}):e(rg,{table:q})]})}),he.length?e(Ym,{selectedSpans:Gn,onClearSelection:oa}):null]})}const l2=({tracesQueryReference:n})=>{const a=P.usePreloadedQuery(jd,n);return e(a2,{project:a.project})},YT=()=>{const{tracesQueryReference:n}=_t();return n?e(or,{children:o(uu,{children:[e(nr,{children:e(m.Suspense,{fallback:e(me,{}),children:e(l2,{tracesQueryReference:n})})}),e(m.Suspense,{children:e(ve,{})})]})}):null},sg=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],type:"Project",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"projectLoaderQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"projectLoaderQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l,t],storageKey:null}]},params:{cacheID:"146b6f58a3f2f95565821ff5d976155d",id:null,metadata:{},name:"projectLoaderQuery",operationKind:"query",text:`query projectLoaderQuery(
|
|
5747
5747
|
$id: ID!
|
|
5748
5748
|
) {
|
|
5749
5749
|
project: node(id: $id) {
|
|
@@ -5912,7 +5912,7 @@ fragment ProjectsPageProjectsFragment_1bvy9D on Query {
|
|
|
5912
5912
|
.react-aria-DateInput {
|
|
5913
5913
|
width: 100%;
|
|
5914
5914
|
}
|
|
5915
|
-
`,children:[e(H,{children:"End Date"}),e(Wp,{children:K=>e(Jp,{segment:K})}),S?e(
|
|
5915
|
+
`,children:[e(H,{children:"End Date"}),e(Wp,{children:K=>e(Jp,{segment:K})}),S?e(ke,{children:S.message}):e(C,{slot:"description",children:`The date up to which you want to remove data. The format is ${l}.`})]})})]}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(E,{type:"submit",variant:"danger",isDisabled:!g||r,size:"S",leadingVisual:r?e(_,{svg:e(dn,{})}):void 0,onPress:()=>{var u;(u=t.current)==null||u.requestSubmit()},children:r?"Removing...":"Remove Data"})})})]})}function hg({projectId:n,projectName:a,onProjectDelete:l,onProjectClear:t,onProjectRemoveData:i,variant:r="quiet"}){const[s,d]=m.useState(null),c=a!=="default",[g]=P.useMutation(yg),[f]=P.useMutation(pg),u=m.useCallback(()=>{m.startTransition(()=>{g({variables:{projectId:n}}),l()})},[g,n,l]),p=m.useCallback(()=>{m.startTransition(()=>{f({variables:{input:{id:n}},onCompleted:()=>{t()},onError:S=>{alert("Failed to clear project: "+S)}})})},[f,n,t]),y=m.useCallback(()=>{d(o(re,{size:"S",title:"Delete Project",children:[e(v,{padding:"size-200",children:e(C,{color:"danger",children:`Are you sure you want to delete project ${a}? This cannot be undone.`})}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(E,{variant:"danger",onPress:()=>{u(),d(null)},children:"Delete Project"})})})]}))},[u,a]),h=m.useCallback(()=>{d(o(re,{size:"S",title:"Clear Project",children:[e(v,{padding:"size-200",children:e(C,{color:"danger",children:`Are you sure you want to clear project ${a}? All traces and evaluations for this project will be deleted. This cannot be undone.`})}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(E,{variant:"danger",onPress:()=>{p(),d(null)},children:"Clear"})})})]}))},[p,a]),k=m.useCallback(()=>{d(e(re,{size:"S",title:"Remove Data",children:e(u2,{projectId:n,onComplete:()=>{i(),d(null)}})}))},[i,n]);return o("div",{onClick:S=>{S.preventDefault(),S.stopPropagation()},children:[o(na,{buttonVariant:r,buttonSize:"compact",align:"end",onAction:S=>{switch(S){case"copyName":{navigator.clipboard.writeText(a);return}case"deleteProject":return y();case"clearProject":return h();case"removeProjectData":return k()}},disabledKeys:c?[]:["deleteProject"],children:[e(xe,{textValue:"Copy Name",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(ii,{})}),e(C,{children:"Copy Name"})]})},"copyName"),e(xe,{textValue:"Clear All Traces",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Po,{})}),e(C,{children:"Clear All Data"})]})},"clearProject"),e(xe,{textValue:"Remove Data",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(It,{})}),e(C,{children:"Remove Data"})]})},"removeProjectData"),c?e(xe,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ge,{})}),e(C,{children:"Delete"})]})},"deleteProject"):null]}),e(ce,{type:"modal",isDismissable:!0,onDismiss:()=>d(null),children:s})]})}const m2=200;function g2({onChange:n}){const a=m.useMemo(()=>Xl(t=>{m.startTransition(()=>{n(t)})},m2),[n]),l=m.useCallback(t=>{a(t)},[a]);return e(Y,{size:"S",css:F`
|
|
5916
5916
|
flex-basis: 100%;
|
|
5917
5917
|
`,"aria-label":"Search projects by name",name:"filter",type:"search",onChange:l,children:e(Z,{placeholder:"Search projects by name"})})}const gi=10,sr=()=>{const{projectSortOrder:n}=cn(l=>({projectViewMode:l.projectViewMode,projectSortOrder:l.projectSortOrder}));return m.useMemo(()=>({sort:{col:n.column,dir:n.direction}}),[n])};function tP(){const{timeRange:n}=Ct(),a=sr(),[l]=m.useState(()=>a),t=P.useLazyLoadQuery(gg,{first:gi,filter:{value:"",col:"name"},...l});return e(m.Suspense,{fallback:e(me,{}),children:e(p2,{timeRange:n,query:t})})}function p2({timeRange:n,query:a}){const{projectViewMode:l}=cn(D=>({projectViewMode:D.projectViewMode})),t=sr(),[i,r]=m.useState(""),[s,d]=ay(),c=m.useMemo(()=>{var D,V;return{start:(D=n==null?void 0:n.start)==null?void 0:D.toISOString(),end:(V=n==null?void 0:n.end)==null?void 0:V.toISOString()}},[n]),{data:g,loadNext:f,hasNext:u,isLoadingNext:p,refetch:y}=P.usePaginationFragment(mg,a),h=m.useMemo(()=>({...t,filter:{value:i,col:"name"}}),[t,i]),k=m.useCallback(({vars:D,onComplete:V})=>{m.startTransition(()=>{y({...h,...D},{fetchPolicy:"store-and-network",onComplete:()=>{V==null||V()}})})},[y,h]),S=g==null?void 0:g.projects.edges.map(D=>D.project),K=m.useRef(null),T=m.useCallback(D=>{if(D){const{scrollHeight:V,scrollTop:M,clientHeight:z}=D;V-M-z<300&&!p&&u&&f(gi,{UNSTABLE_extraVariables:h})}},[u,p,f,h]),x=m.useCallback(D=>{k({vars:{sort:D}})},[k]),I=m.useCallback(D=>{m.startTransition(()=>{k({onComplete:()=>{s({variant:"success",title:"Project Deleted",message:`Project ${D} has been deleted.`})}})})},[s,k]),L=m.useCallback(D=>{m.startTransition(()=>{k({onComplete:()=>{s({variant:"success",title:"Project Cleared",message:`Project ${D} has been cleared of traces.`})}})})},[s,k]),w=m.useCallback(D=>{m.startTransition(()=>{k({onComplete:()=>{s({variant:"success",title:"Project Data Removed",message:`Old data from project ${D} have been removed.`})}})})},[s,k]),$=m.useCallback(()=>{f(gi,{UNSTABLE_extraVariables:h})},[f,h]);return o("div",{css:F`
|
|
5918
5918
|
display: flex;
|
|
@@ -5982,7 +5982,7 @@ fragment ProjectsPageProjectsFragment_1bvy9D on Query {
|
|
|
5982
5982
|
-webkit-box-orient: vertical;
|
|
5983
5983
|
-webkit-line-clamp: 1;
|
|
5984
5984
|
overflow: hidden;
|
|
5985
|
-
`,children:n.name}),e(C,{color:"text-700",size:"XS",fontStyle:"italic",children:c})]})]}),e(hg,{projectId:n.id,projectName:n.name,onProjectDelete:a,onProjectClear:l,onProjectRemoveData:t})]}),e(bg,{projectId:n.id,timeRange:i})]})}const h2=cg;function k2(){return o(b,{direction:"row",justifyContent:"space-between",minHeight:"size-600",children:[o(b,{direction:"column",flex:"none",gap:"size-100",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Total Traces"}),e(Qt,{width:60,height:20,animation:"wave"})]}),o(b,{direction:"column",flex:"none",gap:"size-100",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Total Tokens"}),e(Qt,{width:60,height:20,animation:"wave"})]}),o(b,{direction:"column",flex:"none",gap:"size-100",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Latency P50"}),e(Qt,{width:60,height:20,animation:"wave"})]})]})}const bg=m.memo(function({projectId:a,timeRange:l,flexProps:t}){const i=P.useRelayEnvironment(),r=m.useRef(null),[s,d]=m.useState(null),c=m.useCallback(()=>(d(null),P.fetchQuery(i,h2,{id:a,timeRange:l}).subscribe({next:u=>{d(u)},error:()=>{d(null)}})),[a,l,i]);return m.useEffect(()=>(r.current=c(),()=>{var g;(g=r.current)==null||g.unsubscribe(),r.current=null}),[c]),s==null?e(k2,{}):e(b2,{project:s,flexProps:t})});function b2({project:n,flexProps:a}){const{project:{traceCount:l,tokenCountTotal:t,latencyMsP50:i}}=n;return o(b,{direction:"row",justifyContent:"space-between",minHeight:"size-600",...a,children:[o(b,{direction:"column",flex:"none",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Total Traces"}),e(C,{size:"L",children:za(l)})]}),o(b,{direction:"column",flex:"none",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Total Tokens"}),e(C,{size:"L",children:za(t)})]}),o(b,{direction:"column",flex:"none",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Latency P50"}),i!=null?e(je,{latencyMs:i,size:"L"}):e(C,{size:"L",children:"--"})]})]})}const S2=["name","endTime"];function v2({projects:n,onDelete:a,onClear:l,onRemove:t,timeRangeVariable:i,hasNext:r,loadNext:s,isLoadingNext:d,onSort:c}){const g=
|
|
5985
|
+
`,children:n.name}),e(C,{color:"text-700",size:"XS",fontStyle:"italic",children:c})]})]}),e(hg,{projectId:n.id,projectName:n.name,onProjectDelete:a,onProjectClear:l,onProjectRemoveData:t})]}),e(bg,{projectId:n.id,timeRange:i})]})}const h2=cg;function k2(){return o(b,{direction:"row",justifyContent:"space-between",minHeight:"size-600",children:[o(b,{direction:"column",flex:"none",gap:"size-100",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Total Traces"}),e(Qt,{width:60,height:20,animation:"wave"})]}),o(b,{direction:"column",flex:"none",gap:"size-100",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Total Tokens"}),e(Qt,{width:60,height:20,animation:"wave"})]}),o(b,{direction:"column",flex:"none",gap:"size-100",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Latency P50"}),e(Qt,{width:60,height:20,animation:"wave"})]})]})}const bg=m.memo(function({projectId:a,timeRange:l,flexProps:t}){const i=P.useRelayEnvironment(),r=m.useRef(null),[s,d]=m.useState(null),c=m.useCallback(()=>(d(null),P.fetchQuery(i,h2,{id:a,timeRange:l}).subscribe({next:u=>{d(u)},error:()=>{d(null)}})),[a,l,i]);return m.useEffect(()=>(r.current=c(),()=>{var g;(g=r.current)==null||g.unsubscribe(),r.current=null}),[c]),s==null?e(k2,{}):e(b2,{project:s,flexProps:t})});function b2({project:n,flexProps:a}){const{project:{traceCount:l,tokenCountTotal:t,latencyMsP50:i}}=n;return o(b,{direction:"row",justifyContent:"space-between",minHeight:"size-600",...a,children:[o(b,{direction:"column",flex:"none",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Total Traces"}),e(C,{size:"L",children:za(l)})]}),o(b,{direction:"column",flex:"none",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Total Tokens"}),e(C,{size:"L",children:za(t)})]}),o(b,{direction:"column",flex:"none",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Latency P50"}),i!=null?e(je,{latencyMs:i,size:"L"}):e(C,{size:"L",children:"--"})]})]})}const S2=["name","endTime"];function v2({projects:n,onDelete:a,onClear:l,onRemove:t,timeRangeVariable:i,hasNext:r,loadNext:s,isLoadingNext:d,onSort:c}){const g=de(),f=m.useMemo(()=>[{header:"name",accessorKey:"name",maxSize:135,cell:({row:T})=>o(b,{direction:"row",gap:"size-200",alignItems:"center",children:[e(kg,{gradientStartColor:T.original.gradientStartColor,gradientEndColor:T.original.gradientEndColor}),e(we,{to:`/projects/${T.original.id}`,children:e(an,{maxWidth:"300px",children:T.original.name})})]})},{header:"last updated at",accessorKey:"endTime",maxSize:30,cell:_e},{header:"metrics",id:"metrics",enableSorting:!1,cell:({row:T})=>e("div",{css:F`
|
|
5986
5986
|
max-width: 100%;
|
|
5987
5987
|
`,children:e(bg,{flexProps:{justifyContent:"start",gap:"size-800",wrap:"wrap",rowGap:"size-100"},projectId:T.original.id,timeRange:i})})},{header:"",id:"actions",enableSorting:!1,size:10,maxSize:10,minSize:10,cell:({row:T})=>e(hg,{variant:"default",projectId:T.original.id,projectName:T.original.name,onProjectClear:()=>l(T.original.name),onProjectRemoveData:()=>t(T.original.name),onProjectDelete:()=>a(T.original.name)})}],[i,l,a,t]),u=sr(),{setProjectSortOrder:p}=cn(T=>({setProjectSortOrder:T.setProjectSortOrder})),y=m.useMemo(()=>[{id:u.sort.col,desc:u.sort.dir==="desc"}],[u.sort.col,u.sort.dir]),h=m.useCallback(T=>{if(typeof T=="function"){const x=T(y),[I]=x;if(I==null)return;const L=I.id;if(!S2.includes(L))return;c({col:L,dir:I.desc?"desc":"asc"}),p({column:L,direction:I.desc?"desc":"asc"})}},[p,y,c]),k=Fe({data:n,columns:f,getCoreRowModel:Ke(),state:{sorting:y},enableSortingRemoval:!1,onSortingChange:h}),K=k.getRowModel().rows.length===0;return e(v,{flex:"none",height:"100%",width:"100%",children:o("div",{css:F`
|
|
5988
5988
|
flex: 1 1 auto;
|
|
@@ -6019,7 +6019,7 @@ fragment DatasetsTable_datasets on Query {
|
|
|
6019
6019
|
.ac-dropdown-button {
|
|
6020
6020
|
width: 100%;
|
|
6021
6021
|
}
|
|
6022
|
-
`,children:[e(G,{name:"name",control:r,rules:{required:"field is required"},render:({field:{onChange:u,onBlur:p,value:y},fieldState:{invalid:h,error:k}})=>o(Y,{isInvalid:h,onChange:u,onBlur:p,value:y.toString(),children:[e(H,{children:"Dataset Name"}),e(Z,{placeholder:"e.x. Golden Dataset"}),k!=null&&k.message?e(
|
|
6022
|
+
`,children:[e(G,{name:"name",control:r,rules:{required:"field is required"},render:({field:{onChange:u,onBlur:p,value:y},fieldState:{invalid:h,error:k}})=>o(Y,{isInvalid:h,onChange:u,onBlur:p,value:y.toString(),children:[e(H,{children:"Dataset Name"}),e(Z,{placeholder:"e.x. Golden Dataset"}),k!=null&&k.message?e(ke,{children:k.message}):e(C,{slot:"description",children:"The name of the dataset"})]})}),e(G,{name:"description",control:r,render:({field:{onChange:u,onBlur:p,value:y},fieldState:{invalid:h,error:k}})=>o(Y,{isInvalid:h,onChange:u,onBlur:p,value:y.toString(),children:[e(H,{children:"Description"}),e(Ka,{placeholder:"e.x. A dataset for structured data extraction"}),k!=null&&k.message?e(ke,{children:k.message}):e(C,{slot:"description",children:"The description of the dataset"})]})}),e(G,{control:r,name:"file",rules:{required:"CSV file is required"},render:({field:{value:u,onChange:p,...y},fieldState:{invalid:h,error:k}})=>e(Pa,{label:"CSV file",validationState:h?"invalid":"valid",errorMessage:k==null?void 0:k.message,children:e("input",{...y,onChange:S=>{var T;p(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(I){if(!I.target)return;const L=I.target.result,w=C2(L);i(w)},x.readAsText(K)}},type:"file",id:"file",accept:".csv"})})}),e(G,{name:"input_keys",control:r,rules:{required:"field is required"},render:({field:{value:u,onChange:p},fieldState:{invalid:y,error:h}})=>e(Xt,{label:"input keys",validationState:y?"invalid":"valid",description:"the columns to use as input",columns:t,selectedColumns:u,onChange:p,errorMessage:h==null?void 0:h.message})}),e(G,{name:"output_keys",control:r,render:({field:{value:u,onChange:p},fieldState:{invalid:y,error:h}})=>e(Xt,{label:"output keys",validationState:y?"invalid":"valid",description:"the columns to use as output",columns:t,selectedColumns:u,onChange:p,errorMessage:h==null?void 0:h.message})}),e(G,{name:"metadata_keys",control:r,render:({field:{value:u,onChange:p},fieldState:{invalid:y,error:h}})=>e(Xt,{label:"metadata keys",validationState:y?"invalid":"valid",description:"the columns to use as metadata",columns:t,selectedColumns:u,onChange:p,errorMessage:h==null?void 0:h.message})})]}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(E,{type:"submit",isDisabled:!g,variant:c?"primary":"default",size:"S",children:"Create Dataset"})})})]})}function Xt(n){const{columns:a,selectedColumns:l,onChange:t,label:i,validationState:r,description:s,errorMessage:d,...c}=n,g=a.length===0,f=m.useMemo(()=>g?"No columns to select":l.length>0?`${l.join(", ")}`:"No columns selected",[l,g]);return e(Pa,{label:i,isDisabled:g,validationState:r,description:s,errorMessage:d,children:e(ki,{isDisabled:g,...c,menu:e(dt,{selectionMode:"multiple",onSelectionChange:u=>{t(Array.from(u))},selectedKeys:new Set(l),children:a.map(u=>e(xe,{children:u},u))}),triggerProps:{placement:"bottom end"},children:f})})}const vg=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(
|
|
6023
6023
|
$after: String = null
|
|
6024
6024
|
$first: Int = 100
|
|
6025
6025
|
$sort: DatasetSort = {col: createdAt, dir: desc}
|
|
@@ -6055,10 +6055,10 @@ fragment DatasetsTable_datasets_dWkdd on Query {
|
|
|
6055
6055
|
__typename
|
|
6056
6056
|
}
|
|
6057
6057
|
}
|
|
6058
|
-
`}}}();Fg.hash="bd97316dd472eec18504f66e16088abc";function K2({datasetId:n,datasetName:a,onDatasetDelete:l,onDatasetDeleteError:t}){const[i,r]=P.useMutation(Fg),s=m.useCallback(()=>{m.startTransition(()=>{i({variables:{datasetId:n},onCompleted:()=>{l()},onError:d=>{t(d)}})})},[i,n,l,t]);return o(re,{size:"S",title:"Delete Dataset",children:[e(v,{padding:"size-200",children:e(C,{color:"danger",children:`Are you sure you want to delete dataset ${a}? This will also delete all associated experiments and traces, and it cannot be undone.`})}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(E,{variant:"danger",onPress:()=>{s()},isDisabled:r,leadingVisual:e(_,{svg:r?e(dn,{}):e(Ge,{})}),children:"Delete Dataset"})})})]})}function T2({datasetName:n,datasetId:a,datasetDescription:l,datasetMetadata:t,onDatasetEdited:i,onDatasetEditError:r}){return e(re,{title:"Edit Dataset",size:"M",children:e(ch,{datasetName:n,datasetId:a,datasetDescription:l,datasetMetadata:t,onDatasetEdited:i,onDatasetEditError:r})})}function P2(n){const{datasetId:a,datasetName:l,datasetDescription:t,datasetMetadata:i,onDatasetDelete:r,onDatasetDeleteError:s,onDatasetEdit:d,onDatasetEditError:c}=n,[g,f]=m.useState(null),u=m.useCallback(()=>{f(e(K2,{datasetId:a,datasetName:l,onDatasetDelete:()=>{r(),f(null)},onDatasetDeleteError:s}))},[a,l,r,s]),p=m.useCallback(()=>{f(e(T2,{datasetId:a,datasetName:l,datasetDescription:t,datasetMetadata:i,onDatasetEdited:()=>{d(),f(null)},onDatasetEditError:c}))},[t,a,i,l,d,c]);return o("div",{onClick:y=>{y.preventDefault(),y.stopPropagation()},children:[o(na,{align:"end",buttonSize:"compact",onAction:y=>{switch(y){case"deleteDataset":u();break;case"editDataset":p();break}},children:[e(xe,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ge,{})}),e(C,{children:"Delete"})]})},"deleteDataset"),e(xe,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(ht,{})}),e(C,{children:"Edit"})]})},"editDataset")]}),e(ce,{type:"modal",isDismissable:!0,onDismiss:()=>f(null),children:g})]})}function x2(){return e(v,{width:"100%",paddingY:"size-400",children:e(b,{direction:"column",width:"100%",alignItems:"center",justifyContent:"center",children:e(v,{width:"100%",maxWidth:"780px",children:o(b,{direction:"column",gap:"size-400",alignItems:"center",children:[e(C,{size:"XL",children:"Create datasets for testing prompts, experimentation, and fine-tuning."}),e(zi,{src:"https://storage.googleapis.com/arize-phoenix-assets/assets/videos/datasets.mp4",autoPlay:!0,muted:!0,loop:!0}),o(b,{direction:"row",gap:"size-200",children:[e(Ya,{href:"https://arize.com/docs/phoenix/datasets-and-experiments/overview-datasets",target:"_blank",leadingVisual:e(_,{svg:e(Ni,{})}),children:"Documentation"}),e(Ya,{href:"https://colab.research.google.com/github/arize-ai/phoenix/blob/main/tutorials/experiments/datasets_and_experiments_quickstart.ipynb",target:"_blank",leadingVisual:e(_,{svg:e(uh,{})}),children:"Quickstart"})]})]})})})})}const ro=100;function I2(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 D2(n){const[a,l]=m.useState([]),t=m.useRef(null),i=
|
|
6058
|
+
`}}}();Fg.hash="bd97316dd472eec18504f66e16088abc";function K2({datasetId:n,datasetName:a,onDatasetDelete:l,onDatasetDeleteError:t}){const[i,r]=P.useMutation(Fg),s=m.useCallback(()=>{m.startTransition(()=>{i({variables:{datasetId:n},onCompleted:()=>{l()},onError:d=>{t(d)}})})},[i,n,l,t]);return o(re,{size:"S",title:"Delete Dataset",children:[e(v,{padding:"size-200",children:e(C,{color:"danger",children:`Are you sure you want to delete dataset ${a}? This will also delete all associated experiments and traces, and it cannot be undone.`})}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(E,{variant:"danger",onPress:()=>{s()},isDisabled:r,leadingVisual:e(_,{svg:r?e(dn,{}):e(Ge,{})}),children:"Delete Dataset"})})})]})}function T2({datasetName:n,datasetId:a,datasetDescription:l,datasetMetadata:t,onDatasetEdited:i,onDatasetEditError:r}){return e(re,{title:"Edit Dataset",size:"M",children:e(ch,{datasetName:n,datasetId:a,datasetDescription:l,datasetMetadata:t,onDatasetEdited:i,onDatasetEditError:r})})}function P2(n){const{datasetId:a,datasetName:l,datasetDescription:t,datasetMetadata:i,onDatasetDelete:r,onDatasetDeleteError:s,onDatasetEdit:d,onDatasetEditError:c}=n,[g,f]=m.useState(null),u=m.useCallback(()=>{f(e(K2,{datasetId:a,datasetName:l,onDatasetDelete:()=>{r(),f(null)},onDatasetDeleteError:s}))},[a,l,r,s]),p=m.useCallback(()=>{f(e(T2,{datasetId:a,datasetName:l,datasetDescription:t,datasetMetadata:i,onDatasetEdited:()=>{d(),f(null)},onDatasetEditError:c}))},[t,a,i,l,d,c]);return o("div",{onClick:y=>{y.preventDefault(),y.stopPropagation()},children:[o(na,{align:"end",buttonSize:"compact",onAction:y=>{switch(y){case"deleteDataset":u();break;case"editDataset":p();break}},children:[e(xe,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ge,{})}),e(C,{children:"Delete"})]})},"deleteDataset"),e(xe,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(ht,{})}),e(C,{children:"Edit"})]})},"editDataset")]}),e(ce,{type:"modal",isDismissable:!0,onDismiss:()=>f(null),children:g})]})}function x2(){return e(v,{width:"100%",paddingY:"size-400",children:e(b,{direction:"column",width:"100%",alignItems:"center",justifyContent:"center",children:e(v,{width:"100%",maxWidth:"780px",children:o(b,{direction:"column",gap:"size-400",alignItems:"center",children:[e(C,{size:"XL",children:"Create datasets for testing prompts, experimentation, and fine-tuning."}),e(zi,{src:"https://storage.googleapis.com/arize-phoenix-assets/assets/videos/datasets.mp4",autoPlay:!0,muted:!0,loop:!0}),o(b,{direction:"row",gap:"size-200",children:[e(Ya,{href:"https://arize.com/docs/phoenix/datasets-and-experiments/overview-datasets",target:"_blank",leadingVisual:e(_,{svg:e(Ni,{})}),children:"Documentation"}),e(Ya,{href:"https://colab.research.google.com/github/arize-ai/phoenix/blob/main/tutorials/experiments/datasets_and_experiments_quickstart.ipynb",target:"_blank",leadingVisual:e(_,{svg:e(uh,{})}),children:"Quickstart"})]})]})})})})}const ro=100;function I2(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 D2(n){const[a,l]=m.useState([]),t=m.useRef(null),i=de(),r=ue(),s=be(),{data:d,loadNext:c,hasNext:g,isLoadingNext:f,refetch:u}=P.usePaginationFragment(Cg,n.query),p=m.useMemo(()=>d.datasets.edges.map(K=>K.node),[d]),y=m.useCallback(K=>{if(K){const{scrollHeight:T,scrollTop:x,clientHeight:I}=K;T-x-I<300&&!f&&g&&c(ro)}},[g,f,c]),h=Fe({columns:[{header:"name",accessorKey:"name",cell:({row:K})=>{const x=K.original.experimentCount>0?`${K.original.id}/experiments`:`${K.original.id}/examples`;return e(we,{to:x,children:K.original.name})}},{header:"description",accessorKey:"description",enableSorting:!1},{header:"created at",accessorKey:"createdAt",cell:_e},{header:"example count",accessorKey:"exampleCount",enableSorting:!1,meta:{textAlign:"right"}},{header:"experiment count",accessorKey:"experimentCount",enableSorting:!1,meta:{textAlign:"right"}},{header:"metadata",accessorKey:"metadata",enableSorting:!1,cell:Wa},{header:"",id:"actions",enableSorting:!1,size:10,cell:({row:K})=>e(P2,{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.`}),u({},{fetchPolicy:"store-and-network"})},onDatasetEditError:T=>{const x=De(T);s({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.`}),u({},{fetchPolicy:"store-and-network"})},onDatasetDeleteError:T=>{const x=De(T);s({title:"Dataset deletion failed",message:(x==null?void 0:x[0])??T.message})}})}],data:p,state:{sorting:a},getCoreRowModel:Ke(),getSortedRowModel:rn(),onSortingChange:l,manualSorting:!0});m.useEffect(()=>{const K=a[0];m.startTransition(()=>{u({sort:K?I2(K):{col:"createdAt",dir:"desc"},after:null,first:ro},{fetchPolicy:"store-and-network"})})},[a,u]);const k=h.getRowModel().rows,S=k.length===0;return e("div",{css:F`
|
|
6059
6059
|
flex: 1 1 auto;
|
|
6060
6060
|
overflow: auto;
|
|
6061
|
-
`,onScroll:K=>y(K.target),ref:t,children:o("table",{css:Qn,children:[e("thead",{children:h.getHeaderGroups().map(K=>e("tr",{children:K.headers.map(T=>{var x;return e("th",{colSpan:T.colSpan,children:T.isPlaceholder?null:o("div",{className:T.column.getCanSort()?"sort":"",onClick:T.column.getToggleSortingHandler(),style:{textAlign:(x=T.column.columnDef.meta)==null?void 0:x.textAlign},children:[W(T.column.columnDef.header,T.getContext()),T.column.getIsSorted()?e(_,{className:"sort-icon",svg:T.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]})},T.id)})},K.id))}),S?e(mh,{children:e(x2,{})}):e("tbody",{children:k.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:W(T.column.columnDef.cell,T.getContext())},T.id)})},K.id))})]})})}function iP(){return e(m.Suspense,{fallback:e(me,{}),children:e(L2,{})})}function L2(){const[n,a]=m.useState(0),l=P.useLazyLoadQuery(Sg,{},{fetchKey:n,fetchPolicy:"store-and-network"}),t=m.useCallback(()=>{a(i=>i+1)},[a]);return o(b,{direction:"column",height:"100%",children:[e(v,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",flex:"none",children:o(b,{direction:"row",justifyContent:"space-between",children:[e(ae,{level:1,children:"Datasets"}),e(_2,{onDatasetCreated:t})]})}),e(D2,{query:l})]})}function _2({onDatasetCreated:n}){const a=
|
|
6061
|
+
`,onScroll:K=>y(K.target),ref:t,children:o("table",{css:Qn,children:[e("thead",{children:h.getHeaderGroups().map(K=>e("tr",{children:K.headers.map(T=>{var x;return e("th",{colSpan:T.colSpan,children:T.isPlaceholder?null:o("div",{className:T.column.getCanSort()?"sort":"",onClick:T.column.getToggleSortingHandler(),style:{textAlign:(x=T.column.columnDef.meta)==null?void 0:x.textAlign},children:[W(T.column.columnDef.header,T.getContext()),T.column.getIsSorted()?e(_,{className:"sort-icon",svg:T.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]})},T.id)})},K.id))}),S?e(mh,{children:e(x2,{})}):e("tbody",{children:k.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:W(T.column.columnDef.cell,T.getContext())},T.id)})},K.id))})]})})}function iP(){return e(m.Suspense,{fallback:e(me,{}),children:e(L2,{})})}function L2(){const[n,a]=m.useState(0),l=P.useLazyLoadQuery(Sg,{},{fetchKey:n,fetchPolicy:"store-and-network"}),t=m.useCallback(()=>{a(i=>i+1)},[a]);return o(b,{direction:"column",height:"100%",children:[e(v,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",flex:"none",children:o(b,{direction:"row",justifyContent:"space-between",children:[e(ae,{level:1,children:"Datasets"}),e(_2,{onDatasetCreated:t})]})}),e(D2,{query:l})]})}function _2({onDatasetCreated:n}){const a=de(),l=ue(),t=be(),[i,r]=m.useState(null),s=()=>{r(e(re,{size:"S",title:"New Dataset",children:e(us,{onDatasetCreated:c=>{l({title:"Dataset created",message:`${c.name} has been successfully created.`,action:{text:"Go to Dataset",onClick:()=>{a(`/datasets/${c.id}`)}}}),r(null),n()},onDatasetCreateError:c=>{const g=De(c);t({title:"Dataset creation failed",message:(g==null?void 0:g[0])??c.message})}})}))},d=()=>{r(e(re,{size:"M",title:"New Dataset from CSV",children:e(F2,{onDatasetCreated:c=>{l({title:"Dataset created",message:`${c.name} has been successfully created.`,action:{text:"Go to Dataset",onClick:()=>{a(`/datasets/${c.id}`)}}}),r(null),n()},onDatasetCreateError:c=>{const g=De(c);t({title:"Dataset creation failed",message:(g==null?void 0:g[0])??c.message})}})}))};return o(J,{children:[o(na,{buttonText:"Create Dataset",align:"end",icon:e(_,{svg:e(mt,{})}),onAction:c=>{switch(c){case"newDataset":s();break;case"datasetFromCSV":d();break}},children:[e(xe,{children:"New Dataset"},"newDataset"),e(xe,{children:"Dataset from CSV"},"datasetFromCSV")]}),e(ce,{type:"modal",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}const Kg=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{kind:"Variable",name:"id",variableName:"datasetId"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={kind:"InlineFragment",selections:[{alias:"latestVersions",args:[{kind:"Literal",name:"first",value:1},{kind:"Literal",name:"sort",value:{col:"createdAt",dir:"desc"}}],concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"version",args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'versions(first:1,sort:{"col":"createdAt","dir":"desc"})'}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"datasetStore_latestVersionQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"datasetStore_latestVersionQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l,t],storageKey:null}]},params:{cacheID:"8d1b89f8e5b4cd2774b9862c9aff1d3e",id:null,metadata:{},name:"datasetStore_latestVersionQuery",operationKind:"query",text:`query datasetStore_latestVersionQuery(
|
|
6062
6062
|
$datasetId: ID!
|
|
6063
6063
|
) {
|
|
6064
6064
|
dataset: node(id: $datasetId) {
|
|
@@ -6087,7 +6087,7 @@ fragment DatasetsTable_datasets_dWkdd on Query {
|
|
|
6087
6087
|
`}}}();Pg.hash="8d99470f590cd5d28701fa6e3c0330e6";const Yt={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function E2(n){const{datasetId:a,onCompleted:l}=n,[t,i]=m.useState(null),[r,s]=P.useMutation(Pg),{control:d,setError:c,handleSubmit:g,formState:{isValid:f}}=Ve({defaultValues:{input:"{}",output:"{}",metadata:"{}"}}),u=m.useCallback(p=>{if(i(null),!Jn(p==null?void 0:p.input))return c("input",{message:"Input must be a valid JSON object"});if(!Jn(p==null?void 0:p.output))return c("output",{message:"Output must be a valid JSON object"});if(!Jn(p==null?void 0:p.metadata))return c("metadata",{message:"Metadata must be a valid JSON object"});r({variables:{input:{datasetId:a,examples:[{input:JSON.parse(p.input),output:JSON.parse(p.output),metadata:JSON.parse(p.metadata)}],datasetVersionDescription:p.description}},onCompleted:()=>{l()},onError:y=>{const h=De(y);i((h==null?void 0:h[0])??y.message)}})},[r,a,c,l]);return o(re,{size:"L",title:"Add Example",children:[e("div",{css:F`
|
|
6088
6088
|
overflow-y: auto;
|
|
6089
6089
|
padding: var(--ac-global-dimension-size-400);
|
|
6090
|
-
`,children:e(b,{direction:"row",justifyContent:"center",children:e(v,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:o(b,{direction:"column",gap:"size-200",children:[t?e(Ce,{variant:"danger",children:t}):null,e(G,{control:d,name:"input",render:({field:{onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(B,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...Yt,children:[k?e(Ce,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(sn,{value:h,onChange:p,onBlur:y})]})}),e(G,{control:d,name:"output",render:({field:{onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(B,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...Yt,backgroundColor:"green-100",borderColor:"green-700",children:[k?e(Ce,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(sn,{value:h,onChange:p,onBlur:y})]})}),e(G,{control:d,name:"metadata",render:({field:{onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(B,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...Yt,children:[k?e(Ce,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(sn,{value:h,onChange:p,onBlur:y})]})}),e(G,{control:d,name:"description",render:({field:{onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(Y,{value:h,onChange:p,onBlur:y,isInvalid:k,children:[e(H,{children:"Version Description"}),e(Ka,{}),S?e(
|
|
6090
|
+
`,children:e(b,{direction:"row",justifyContent:"center",children:e(v,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:o(b,{direction:"column",gap:"size-200",children:[t?e(Ce,{variant:"danger",children:t}):null,e(G,{control:d,name:"input",render:({field:{onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(B,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...Yt,children:[k?e(Ce,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(sn,{value:h,onChange:p,onBlur:y})]})}),e(G,{control:d,name:"output",render:({field:{onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(B,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...Yt,backgroundColor:"green-100",borderColor:"green-700",children:[k?e(Ce,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(sn,{value:h,onChange:p,onBlur:y})]})}),e(G,{control:d,name:"metadata",render:({field:{onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(B,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...Yt,children:[k?e(Ce,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(sn,{value:h,onChange:p,onBlur:y})]})}),e(G,{control:d,name:"description",render:({field:{onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(Y,{value:h,onChange:p,onBlur:y,isInvalid:k,children:[e(H,{children:"Version Description"}),e(Ka,{}),S?e(ke,{children:S.message}):e(C,{slot:"description",children:"A description of the changes made. Will be displayed in the version history."})]})})]})})})}),e(v,{padding:"size-200",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",gap:"size-100",children:e(E,{variant:"primary",size:"S",isDisabled:!f||s,leadingVisual:s?e(_,{svg:e(dn,{})}):null,onPress:()=>g(u)(),children:s?"Adding Example...":"Add Example"})})})]})}function M2(n){const{datasetId:a,onAddExampleCompleted:l}=n,[t,i]=m.useState(null),r=m.useCallback(()=>{i(e(E2,{datasetId:a,onCompleted:()=>{l(),i(null)}}))},[a,l]);return o(J,{children:[e(E,{leadingVisual:e(_,{svg:e(jn,{})}),size:"S",onPress:r,"aria-label":"Add Dataset Example",children:"Add Example"}),e(ce,{isDismissable:!0,onDismiss:()=>{i(null)},children:t})]})}function V2(){const n=Fa(i=>i.datasetId),a=Fa(i=>i.latestVersion);let l=`${li}/v1/datasets/${n}/examples`;a&&(l+=`?version-id=${a.id}`);const t=m.useMemo(()=>`import phoenix as px
|
|
6091
6091
|
client = px.Client()
|
|
6092
6092
|
# Get the current dataset version
|
|
6093
6093
|
dataset = client.get_dataset(id="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return e("div",{css:F`
|
|
@@ -6102,7 +6102,7 @@ dataset = client.get_dataset(id="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);
|
|
|
6102
6102
|
.ac-field {
|
|
6103
6103
|
flex: 1 1 auto;
|
|
6104
6104
|
}
|
|
6105
|
-
`,children:[e(v,{padding:"size-200",children:o(Ue,{children:[o(b,{direction:"row",gap:"size-100",alignItems:"end",width:"100%",children:[o(Y,{isReadOnly:!0,value:n,children:[e(H,{children:"Dataset ID"}),e(Z,{})]}),e(
|
|
6105
|
+
`,children:[e(v,{padding:"size-200",children:o(Ue,{children:[o(b,{direction:"row",gap:"size-100",alignItems:"end",width:"100%",children:[o(Y,{isReadOnly:!0,value:n,children:[e(H,{children:"Dataset ID"}),e(Z,{})]}),e(se,{text:n,size:"M"})]}),o(b,{direction:"row",gap:"size-100",alignItems:"end",children:[o(Y,{isReadOnly:!0,value:(a==null?void 0:a.id)||"No Versions",isInvalid:!a,children:[e(H,{children:"Version ID"}),e(Z,{})]}),e(se,{text:(a==null?void 0:a.id)||"No Versions",isDisabled:!a,size:"M"})]})]})}),o(tn,{children:[o(ln,{children:[e(ne,{id:"python",children:"Python"}),e(ne,{id:"rest",children:"REST"})]}),e(Va,{id:"python",children:e(v,{margin:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"small",children:e(wn,{value:t})})}),e(Va,{id:"rest",children:e(v,{padding:"size-200",children:e(Ue,{children:o(b,{direction:"row",gap:"size-100",alignItems:"end",children:[o(Y,{isReadOnly:!0,value:l,children:[e(H,{children:"URL"}),e(Z,{})]}),e(se,{text:l,size:"M"})]})})})})]})]})})]})})}const xg=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{kind:"Variable",name:"id",variableName:"datasetId"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DatasetHistoryDialogQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[l,{args:null,kind:"FragmentSpread",name:"DatasetHistoryTable_versions"}],type:"Dataset",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DatasetHistoryDialogQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},t],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"versions(first:100)"},{alias:null,args:i,filters:null,handle:"connection",key:"DatasetHistoryTable_versions",kind:"LinkedHandle",name:"versions"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"32daf6127be134a61ec8a066b23d2f28",id:null,metadata:{},name:"DatasetHistoryDialogQuery",operationKind:"query",text:`query DatasetHistoryDialogQuery(
|
|
6106
6106
|
$datasetId: ID!
|
|
6107
6107
|
) {
|
|
6108
6108
|
dataset: node(id: $datasetId) {
|
|
@@ -6258,7 +6258,7 @@ dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]
|
|
|
6258
6258
|
}
|
|
6259
6259
|
}
|
|
6260
6260
|
}
|
|
6261
|
-
`;function X2({dataset:n}){const a=n.id,l=Fa(c=>c.refreshLatestVersion),t=ue(),i=
|
|
6261
|
+
`;function X2({dataset:n}){const a=n.id,l=Fa(c=>c.refreshLatestVersion),t=ue(),i=de(),r=m.useCallback(c=>{c===0?i(`/datasets/${a}/experiments`):c===1&&i(`/datasets/${a}/examples`)},[i,a]),d=el().pathname.includes("examples")?1:0;return o("main",{css:Z2,children:[e(v,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-200",paddingBottom:"size-50",flex:"none",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(b,{direction:"column",justifyContent:"space-between",children:e(b,{direction:"row",gap:"size-200",alignItems:"center",children:o(b,{direction:"column",children:[e(C,{elementType:"h1",size:"L",weight:"heavy",children:n.name}),e(C,{color:"text-700",children:n.description||"--"})]})})}),o(b,{direction:"row",gap:"size-100",children:[o(na,{align:"end",icon:e(_,{svg:e(Ei,{})}),onAction:c=>{switch(c){case"csv":window.open(Tn(`/v1/datasets/${n.id}/csv`),"_blank");break;case"openai-ft":window.open(Tn(`/v1/datasets/${n.id}/jsonl/openai_ft`),"_blank");break;case"openai-evals":window.open(Tn(`/v1/datasets/${n.id}/jsonl/openai_evals`),"_blank");break}},children:[e(xe,{children:"Download CSV"},"csv"),e(xe,{children:"Download OpenAI Fine-Tuning JSONL"},"openai-ft"),e(xe,{children:"Download OpenAI Evals JSONL"},"openai-evals")]}),e(j2,{datasetId:n.id}),e(V2,{}),e(Lg,{}),e(E,{leadingVisual:e(_,{svg:e(xa,{})}),onPress:()=>{i(`/playground?datasetId=${n.id}`)},children:"Playground"}),e(M2,{datasetId:n.id,onAddExampleCompleted:()=>{t({title:"Example added",message:"The example has been added successfully and the version has been updated."}),l()}})]})]})}),o(tn,{defaultSelectedKey:d===0?"experiments":"examples",onSelectionChange:c=>{switch(c){case"experiments":r(0);break;case"examples":r(1);break}},children:[o(ln,{children:[o(ne,{id:"experiments",children:["Experiments ",e(In,{children:n.experimentCount})]}),o(ne,{id:"examples",children:["Examples ",e(In,{children:n.exampleCount})]})]}),e(ie,{id:"experiments",children:e(m.Suspense,{children:e(ve,{})})}),e(ie,{id:"examples",children:e(m.Suspense,{children:e(ve,{})})})]})]})}const _g=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},i={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},t,{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:[l,t,{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:[l,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},l,i],storageKey:null}]},params:{cacheID:"997dd3d4849cc24ed81f11148c2a5d39",id:null,metadata:{},name:"datasetLoaderQuery",operationKind:"query",text:`query datasetLoaderQuery(
|
|
6262
6262
|
$id: ID!
|
|
6263
6263
|
) {
|
|
6264
6264
|
dataset: node(id: $id) {
|
|
@@ -6282,7 +6282,7 @@ dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]
|
|
|
6282
6282
|
}
|
|
6283
6283
|
}
|
|
6284
6284
|
}
|
|
6285
|
-
`}}}();_g.hash="5ff18bc8372a865b84a24396d3b3782a";async function oP(n){const{datasetId:a}=n.params;return await P.fetchQuery(fe,_g,{id:a}).toPromise()}function sP(){const{exampleId:n,datasetId:a}=Qe(),l=
|
|
6285
|
+
`}}}();_g.hash="5ff18bc8372a865b84a24396d3b3782a";async function oP(n){const{datasetId:a}=n.params;return await P.fetchQuery(fe,_g,{id:a}).toPromise()}function sP(){const{exampleId:n,datasetId:a}=Qe(),l=de();return e(Yi,{exampleId:n,onDismiss:()=>{l(`/datasets/${a}/examples`)}})}const Ag=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"examplesLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{args:null,kind:"FragmentSpread",name:"ExamplesTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"examplesLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"DatasetExampleConnection",kind:"LinkedField",name:"examples",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetExampleEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"example",args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[t,l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"examples(first:100)"},{alias:null,args:i,filters:["datasetVersionId"],handle:"connection",key:"ExamplesTable_examples",kind:"LinkedHandle",name:"examples"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"3199afe500e1707d9a6eda312c67b0f1",id:null,metadata:{},name:"examplesLoaderQuery",operationKind:"query",text:`query examplesLoaderQuery(
|
|
6286
6286
|
$id: ID!
|
|
6287
6287
|
) {
|
|
6288
6288
|
dataset: node(id: $id) {
|
|
@@ -6362,12 +6362,12 @@ fragment ExamplesTableFragment_4a6F8Z on Dataset {
|
|
|
6362
6362
|
}
|
|
6363
6363
|
}
|
|
6364
6364
|
}
|
|
6365
|
-
`}}}();Eg.hash="455bf9e5dc4b9cc655095dc829ef7e12";function Y2(n){const a=Fa(y=>y.refreshLatestVersion),{selectedExamples:l,onExamplesDeleted:t,onClearSelection:i}=n,[r,s]=m.useState(null),d=ue(),c=
|
|
6365
|
+
`}}}();Eg.hash="455bf9e5dc4b9cc655095dc829ef7e12";function Y2(n){const a=Fa(y=>y.refreshLatestVersion),{selectedExamples:l,onExamplesDeleted:t,onClearSelection:i}=n,[r,s]=m.useState(null),d=ue(),c=be(),[g,f]=P.useMutation(Eg),u=l.length!==1,p=m.useCallback(()=>{g({variables:{input:{exampleIds:l.map(y=>y.id)}},onCompleted:()=>{d({title:"Examples Deleted",message:`${l.length} example${u?"s":""} have been deleted.`}),t(),i(),a()},onError:y=>{const h=De(y);c({title:"An error occurred",message:`Failed to delete examples: ${(h==null?void 0:h[0])??y.message}`})}})},[g,l,d,u,t,i,a,c]);return o("div",{css:F`
|
|
6366
6366
|
position: absolute;
|
|
6367
6367
|
bottom: var(--ac-global-dimension-size-400);
|
|
6368
6368
|
left: 50%;
|
|
6369
6369
|
transform: translateX(-50%);
|
|
6370
|
-
`,children:[e(v,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(C,{children:`${l.length} example${u?"s":""} selected`}),o(b,{direction:"row",gap:"size-100",children:[e(E,{variant:"default",size:"S",onPress:i,children:"Cancel"}),e(E,{variant:"danger",size:"S",leadingVisual:e(_,{svg:f?e(dn,{}):e(Ge,{})}),isDisabled:f,onPress:p,children:f?"Deleting...":"Delete Example"+(u?"s":"")})]})]})}),e(ce,{onDismiss:()=>{s(null)},children:r})]})}const eK=100;function nK({dataset:n}){const a=Fa(I=>I.latestVersion),l=m.useRef(null),[t,i]=m.useState({}),{data:r,loadNext:s,hasNext:d,isLoadingNext:c,refetch:g}=P.usePaginationFragment(Rg,n);m.useEffect(()=>{m.startTransition(()=>{g({datasetVersionId:(a==null?void 0:a.id)||null},{fetchPolicy:"store-and-network"})})},[a,g]);const f=m.useMemo(()=>r.examples.edges.map(I=>{const L=I.example,w=L.revision;return{id:L.id,input:w.input,output:w.output,metadata:w.metadata}}),[r]),p=Fe({columns:[{id:"select",header:({table:I})=>e(Nn,{checked:I.getIsAllRowsSelected(),indeterminate:I.getIsSomeRowsSelected(),onChange:I.getToggleAllRowsSelectedHandler()}),cell:({row:I})=>e(Nn,{checked:I.getIsSelected(),disabled:!I.getCanSelect(),indeterminate:I.getIsSomeSelected(),onChange:I.getToggleSelectedHandler()})},{header:"example id",accessorKey:"id",cell:({getValue:I,row:L})=>{const w=L.original.id;return e(we,{to:`${w}`,children:I()})}},{header:"input",accessorKey:"input",cell:Wa},{header:"output",accessorKey:"output",cell:Wa},{header:"metadata",accessorKey:"metadata",cell:Wa}],data:f,state:{rowSelection:t},onRowSelectionChange:i,getCoreRowModel:Ke()}),y=p.getRowModel().rows,h=y.length===0,k=p.getSelectedRowModel().rows,S=k.map(I=>I.original),K=m.useCallback(()=>{i({})},[i]),T=m.useCallback(I=>{if(I){const{scrollHeight:L,scrollTop:w,clientHeight:$}=I;L-w-$<300&&!c&&d&&s(eK)}},[d,c,s]),x=
|
|
6370
|
+
`,children:[e(v,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(C,{children:`${l.length} example${u?"s":""} selected`}),o(b,{direction:"row",gap:"size-100",children:[e(E,{variant:"default",size:"S",onPress:i,children:"Cancel"}),e(E,{variant:"danger",size:"S",leadingVisual:e(_,{svg:f?e(dn,{}):e(Ge,{})}),isDisabled:f,onPress:p,children:f?"Deleting...":"Delete Example"+(u?"s":"")})]})]})}),e(ce,{onDismiss:()=>{s(null)},children:r})]})}const eK=100;function nK({dataset:n}){const a=Fa(I=>I.latestVersion),l=m.useRef(null),[t,i]=m.useState({}),{data:r,loadNext:s,hasNext:d,isLoadingNext:c,refetch:g}=P.usePaginationFragment(Rg,n);m.useEffect(()=>{m.startTransition(()=>{g({datasetVersionId:(a==null?void 0:a.id)||null},{fetchPolicy:"store-and-network"})})},[a,g]);const f=m.useMemo(()=>r.examples.edges.map(I=>{const L=I.example,w=L.revision;return{id:L.id,input:w.input,output:w.output,metadata:w.metadata}}),[r]),p=Fe({columns:[{id:"select",header:({table:I})=>e(Nn,{checked:I.getIsAllRowsSelected(),indeterminate:I.getIsSomeRowsSelected(),onChange:I.getToggleAllRowsSelectedHandler()}),cell:({row:I})=>e(Nn,{checked:I.getIsSelected(),disabled:!I.getCanSelect(),indeterminate:I.getIsSomeSelected(),onChange:I.getToggleSelectedHandler()})},{header:"example id",accessorKey:"id",cell:({getValue:I,row:L})=>{const w=L.original.id;return e(we,{to:`${w}`,children:I()})}},{header:"input",accessorKey:"input",cell:Wa},{header:"output",accessorKey:"output",cell:Wa},{header:"metadata",accessorKey:"metadata",cell:Wa}],data:f,state:{rowSelection:t},onRowSelectionChange:i,getCoreRowModel:Ke()}),y=p.getRowModel().rows,h=y.length===0,k=p.getSelectedRowModel().rows,S=k.map(I=>I.original),K=m.useCallback(()=>{i({})},[i]),T=m.useCallback(I=>{if(I){const{scrollHeight:L,scrollTop:w,clientHeight:$}=I;L-w-$<300&&!c&&d&&s(eK)}},[d,c,s]),x=de();return o("div",{css:F`
|
|
6371
6371
|
flex: 1 1 auto;
|
|
6372
6372
|
overflow: auto;
|
|
6373
6373
|
`,ref:l,onScroll:I=>T(I.target),children:[o("table",{css:Qn,children:[e("thead",{children:p.getHeaderGroups().map(I=>e("tr",{children:I.headers.map(L=>e("th",{children:e("div",{children:W(L.column.columnDef.header,L.getContext())})},L.id))},I.id))}),h?e(gn,{}):e("tbody",{children:y.map(I=>e("tr",{onClick:()=>{x(`${I.original.id}`)},children:I.getVisibleCells().map(L=>e("td",{children:W(L.column.columnDef.cell,L.getContext())},L.id))},I.id))})]}),k.length?e(Y2,{selectedExamples:S,onClearSelection:K,onExamplesDeleted:()=>{g({},{fetchPolicy:"store-and-network"})}}):null]})}function cP(){const n=Me();return Oe(n),o(J,{children:[e(nK,{dataset:n.dataset})," ",e(m.Suspense,{children:e(ve,{})})]})}const Mg=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t=[l],i={alias:"firstExperiment",args:[{kind:"Literal",name:"first",value:1}],concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:t,storageKey:null}],storageKey:null}],storageKey:"experiments(first:1)"},r={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},s={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},d=[{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:[l,{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"ExperimentsTableFragment"},i],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:[r,l,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[s,{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:d,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:t,storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[s,{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:[r,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:d,filters:null,handle:"connection",key:"ExperimentsTable_experiments",kind:"LinkedHandle",name:"experiments"},i],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"9b6f82293b5d03e1df6d2e1ba93bf21c",id:null,metadata:{},name:"experimentsLoaderQuery",operationKind:"query",text:`query experimentsLoaderQuery(
|
|
@@ -6509,12 +6509,12 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
6509
6509
|
__typename
|
|
6510
6510
|
}
|
|
6511
6511
|
}
|
|
6512
|
-
`}}}();jg.hash="4ab310746eb51c6a3fcb799d2c972762";function cK(n){const a=
|
|
6512
|
+
`}}}();jg.hash="4ab310746eb51c6a3fcb799d2c972762";function cK(n){const a=de(),[l,t]=m.useState(null),[i,r]=P.useMutation(jg),{datasetId:s,selectedExperiments:d,onClearSelection:c,onExperimentsDeleted:g}=n,f=d.length!==1,u=ue(),p=be(),y=m.useCallback(()=>{i({variables:{input:{experimentIds:d.map(k=>k.id)}},onCompleted:()=>{u({title:"Experiments Deleted",message:`${d.length} experiment${f?"s":""} have been deleted.`}),g(),c()},onError:k=>{const S=De(k);p({title:"An error occurred",message:`Failed to delete experiments: ${(S==null?void 0:S[0])??k.message}`})}})},[i,f,p,u,c,g,d]),h=m.useCallback(()=>{t(o(re,{size:"S",title:"Delete Experiments",children:[e(v,{padding:"size-200",children:e(C,{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(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(E,{variant:"danger",onPress:()=>{y(),t(null)},children:"Delete Experiments"})})})]}))},[y]);return o("div",{css:F`
|
|
6513
6513
|
position: absolute;
|
|
6514
6514
|
bottom: var(--ac-global-dimension-size-400);
|
|
6515
6515
|
left: 50%;
|
|
6516
6516
|
transform: translateX(-50%);
|
|
6517
|
-
`,children:[e(v,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",children:[e(C,{children:`${d.length} experiment${f?"s":""} selected`}),o(b,{direction:"row",gap:"size-100",children:[e(E,{variant:"default",size:"S",onPress:c,children:"Cancel"}),e(E,{variant:"danger",size:"S",leadingVisual:e(_,{svg:r?e(dn,{}):e(Ge,{})}),isDisabled:r,onPress:h,children:r?"Deleting...":"Delete"}),e(E,{variant:"primary",size:"S",onPress:()=>{a(`/datasets/${s}/compare?${d.map(k=>`experimentId=${k.id}`).join("&")}`)},leadingVisual:e(_,{svg:e(fh,{})}),children:"Compare Experiments"})]})]})}),e(ce,{onDismiss:()=>{t(null)},children:l})]})}const ei=100,uK={minSize:100},Og=({table:n,hasNext:a,onLoadNext:l,isLoadingNext:t,dataset:i})=>{const r=
|
|
6517
|
+
`,children:[e(v,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",children:[e(C,{children:`${d.length} experiment${f?"s":""} selected`}),o(b,{direction:"row",gap:"size-100",children:[e(E,{variant:"default",size:"S",onPress:c,children:"Cancel"}),e(E,{variant:"danger",size:"S",leadingVisual:e(_,{svg:r?e(dn,{}):e(Ge,{})}),isDisabled:r,onPress:h,children:r?"Deleting...":"Delete"}),e(E,{variant:"primary",size:"S",onPress:()=>{a(`/datasets/${s}/compare?${d.map(k=>`experimentId=${k.id}`).join("&")}`)},leadingVisual:e(_,{svg:e(fh,{})}),children:"Compare Experiments"})]})]})}),e(ce,{onDismiss:()=>{t(null)},children:l})]})}const ei=100,uK={minSize:100},Og=({table:n,hasNext:a,onLoadNext:l,isLoadingNext:t,dataset:i})=>{const r=de();return o("tbody",{children:[n.getRowModel().rows.map(s=>e("tr",{onClick:()=>{r(`/datasets/${i.id}/compare?experimentId=${s.original.id}`)},children:s.getVisibleCells().map(d=>{const c=`--col-${Zn(d.column.id)}-size`;return e("td",{style:{width:`calc(var(${c}) * 1px)`,maxWidth:`calc(var(${c}) * 1px)`},children:W(d.column.columnDef.cell,d.getContext())},d.id)})},s.id)),a?e(ms,{onLoadMore:l,isLoadingNext:t},"load-more"):null]})},mK=m.memo(Og,(n,a)=>n.table.options.data===a.table.options.data);function gK({dataset:n}){const a=m.useRef(null),[l,t]=m.useState({}),[i,r]=m.useState({}),{data:s,loadNext:d,hasNext:c,isLoadingNext:g,refetch:f}=P.usePaginationFragment($g,n),u=m.useMemo(()=>s.experiments.edges.map(D=>{const V=D.experiment.annotationSummaries.reduce((M,z)=>(M[z.annotationName]=z,M),{});return{...D.experiment,annotationSummaryMap:V}}),[s.experiments.edges]),p=[{id:"select",maxSize:50,header:({table:D})=>e(Nn,{checked:D.getIsAllRowsSelected(),indeterminate:D.getIsSomeRowsSelected(),onChange:D.getToggleAllRowsSelectedHandler()}),cell:({row:D})=>e(Nn,{checked:D.getIsSelected(),disabled:!D.getCanSelect(),indeterminate:D.getIsSomeSelected(),onChange:D.getToggleSelectedHandler()})},{header:"name",accessorKey:"name",minSize:200,cell:({getValue:D,row:V})=>{const M=V.original.id,z=V.original.sequenceNumber;return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(zl,{sequenceNumber:z}),e(we,{to:`/datasets/${n.id}/compare?experimentId=${M}`,children:D()})]})}},{header:"description",accessorKey:"description",minSize:300,cell:Re},{header:"created at",accessorKey:"createdAt",cell:_e}],y=s.experimentAnnotationSummaries.map(D=>{const{annotationName:V,minScore:M,maxScore:z}=D;return{header:()=>o(b,{direction:"row",gap:"size-100",alignItems:"center",justifyContent:"end",children:[e(C,{children:V}),e(hh,{annotationName:V})]}),id:`annotation-${V}`,meta:{textAlign:"right"},cell:({row:j})=>{const q=j.original.annotationSummaryMap[V];return!q||q.meanScore==null?e("span",{css:F`
|
|
6518
6518
|
float: right;
|
|
6519
6519
|
`,children:"--"}):e(pK,{annotationName:V,value:q.meanScore,min:M,max:z})}}}),h=[{header:"run count",accessorKey:"runCount",meta:{textAlign:"right"},cell:ss},{header:"avg latency",accessorKey:"averageRunLatencyMs",meta:{textAlign:"right"},cell:({getValue:D})=>{const V=D();return V===null||typeof V!="number"?"--":e(je,{latencyMs:V})}},{header:"error rate",accessorKey:"errorRate",meta:{textAlign:"right"},cell:dK},{header:"metadata",accessorKey:"metadata",minSize:200,cell:Wa},{id:"actions",maxSize:120,cell:({row:D})=>{const V=D.original.project,M=D.original.metadata;return o(b,{direction:"row",gap:"size-100",children:[e(sK,{experimentId:D.original.id}),e(ys,{projectId:(V==null?void 0:V.id)||null,experimentId:D.original.id,metadata:M,canDeleteExperiment:!0,onExperimentDeleted:()=>{f({},{fetchPolicy:"store-and-network"})}})]})}}],k=Fe({columns:[...p,...y,...h],data:u,state:{rowSelection:l,columnSizing:i},defaultColumn:uK,columnResizeMode:"onChange",onRowSelectionChange:t,onColumnSizingChange:r,getCoreRowModel:Ke()}),S=k.getSelectedRowModel().rows,K=S.map(D=>D.original),T=m.useCallback(()=>{t({})},[t]),x=m.useCallback(D=>{if(D){const{scrollHeight:V,scrollTop:M,clientHeight:z}=D;V-M-z<300&&!g&&c&&d(ei)}},[c,g,d]),{columnSizingInfo:I,columnSizing:L}=k.getState(),w=k.getFlatHeaders,[$]=m.useMemo(()=>{const D=w(),V={};for(let M=0;M<D.length;M++){const z=D[M];V[`--header-${Zn(z.id)}-size`]=z.getSize(),V[`--col-${Zn(z.column.id)}-size`]=z.column.getSize()}return[V]},[w,I,L]);return o("div",{css:F`
|
|
6520
6520
|
height: 100%;
|
|
@@ -6660,7 +6660,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
6660
6660
|
align-items: center;
|
|
6661
6661
|
color: var(--ac-global-color-primary);
|
|
6662
6662
|
gap: var(--ac-global-dimension-size-50);
|
|
6663
|
-
`;function KK(n){const{datasetId:a,experimentIds:l,displayFullText:t}=n,[i,r]=m.useState(""),[,s]=mn(),d=P.useLazyLoadQuery(Qg,{experimentIds:l,datasetId:a,filterCondition:i}),c=m.useMemo(()=>{var x,I;return((I=(x=d.dataset)==null?void 0:x.experiments)==null?void 0:I.edges.reduce((L,w)=>{var $,D;return L[w.experiment.id]={...w.experiment,projectId:((D=($=w.experiment)==null?void 0:$.project)==null?void 0:D.id)||null},L},{}))||{}},[d]),g=m.useMemo(()=>d.comparisons.map(x=>{const I=x.runComparisonItems.reduce((L,w)=>(L[w.experimentId]=w,L),{});return{...x,id:x.example.id,input:x.example.revision.input,referenceOutput:x.example.revision.referenceOutput,runComparisonMap:I}}),[d]),[f,u]=m.useState(null),p=m.useMemo(()=>[{header:"input",accessorKey:"input",cell:({row:x})=>e(Pr,{controls:e(E,{size:"S","aria-label":"View example details",leadingVisual:e(_,{svg:e(xl,{})}),onPress:()=>{m.startTransition(()=>{u(e(m.Suspense,{children:e(Yi,{exampleId:x.original.example.id,onDismiss:()=>{u(null)}})}))})},children:"View Example"}),children:e(Hl,{children:e(dr,{children:e(tl,{json:x.original.input,disableTitle:!0,space:t?2:0})})})})},{header:"reference output",accessorKey:"referenceOutput",cell:x=>e(Hl,{children:t?IK(x):Wa(x)})}],[t]),y=m.useMemo(()=>l.map(x=>({header:()=>{var D,V,M,z;const I=(D=c[x])==null?void 0:D.name,L=(V=c[x])==null?void 0:V.metadata,w=(M=c[x])==null?void 0:M.projectId,$=((z=c[x])==null?void 0:z.sequenceNumber)||0;return o(b,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",justifyContent:"space-between",children:[o(b,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",children:[e(zl,{sequenceNumber:$}),e(C,{children:I})]}),e(ys,{experimentId:x,metadata:L,isQuiet:!0,projectId:w,canDeleteExperiment:!1})]})},accessorKey:x,minSize:500,cell:({row:I})=>{var j,q;const L=I.original.runComparisonMap[x],w=(L==null?void 0:L.runs.length)||0;if(w===0)return e(oo,{});if(w>1)return e(C,{color:"warning",children:`${w} runs`});const $=L==null?void 0:L.runs[0];let D=null;const V=(j=$==null?void 0:$.trace)==null?void 0:j.traceId,M=(q=$==null?void 0:$.trace)==null?void 0:q.projectId;return V&&M&&(D=e(E,{variant:"default",className:"trace-button",size:"S","aria-label":"View run trace",leadingVisual:e(_,{svg:e(kt,{})}),onPress:()=>{m.startTransition(()=>{u(e(Zg,{traceId:V,projectId:M,title:"Experiment Run Trace"}))})},children:"View Trace"})),$?e(Pr,{controls:o(J,{children:[e(E,{variant:"default",className:"expand-button",size:"S","aria-label":"View example run details",leadingVisual:e(_,{svg:e(xl,{})}),onPress:()=>{m.startTransition(()=>{u(e(DK,{selectedExample:I.original,datasetId:a,experimentInfoById:c}))})},children:"Experiment Run"}),D]}),children:e(Hl,{children:e(xK,{...$,displayFullText:t,setDialog:u})})}):e(Hl,{children:e(oo,{})})}})),[l,c,a,t]),h=m.useMemo(()=>[...p,...y],[p,y]),k=Fe({columns:h,data:g,getCoreRowModel:Ke(),columnResizeMode:"onChange"}),S=pn.useMemo(()=>{const x=k.getFlatHeaders(),I={};for(let L=0;L<x.length;L++){const w=x[L];I[`--header-${Zn(w.id)}-size`]=w.getSize(),I[`--col-${Zn(w.column.id)}-size`]=w.column.getSize()}return I},[k.getState().columnSizingInfo,k.getState().columnSizing]),T=k.getRowModel().rows.length===0;return e(v,{overflow:"auto",children:o(b,{direction:"column",height:"100%",children:[e(v,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:e(SK,{onValidCondition:r})}),o("div",{css:CK,children:[o("table",{css:F(He,Uo),style:{...S,width:k.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:k.getHeaderGroups().map(x=>e("tr",{children:x.headers.map(I=>e("th",{colSpan:I.colSpan,style:{width:`calc(var(--header-${Zn(I==null?void 0:I.id)}-size) * 1px)`},children:I.isPlaceholder?null:o(J,{children:[o("div",{className:I.column.getCanSort()?"sort":"",onClick:I.column.getToggleSortingHandler(),style:{left:I.getStart(),width:"100%"},children:[e(an,{maxWidth:"100%",children:W(I.column.columnDef.header,I.getContext())}),I.column.getIsSorted()?e(_,{className:"sort-icon",svg:I.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]}),e("div",{onMouseDown:I.getResizeHandler(),onTouchStart:I.getResizeHandler(),className:`resizer ${I.column.getIsResizing()?"isResizing":""}`})]})},I.id))},x.id))}),T?e(gn,{}):k.getState().columnSizingInfo.isResizingColumn?e(TK,{table:k}):e(Gg,{table:k})]}),e(ce,{isDismissable:!0,type:"slideOver",onDismiss:()=>{u(null),s(x=>(x.delete(un),x))},children:f})]})]})})}function Gg({table:n}){return e("tbody",{children:n.getRowModel().rows.map(a=>e("tr",{children:a.getVisibleCells().map(l=>e("td",{style:{width:`calc(var(--col-${Zn(l.column.id)}-size) * 1px)`,maxWidth:`calc(var(--col-${Zn(l.column.id)}-size) * 1px)`,padding:0},children:W(l.column.columnDef.cell,l.getContext())},l.id))},a.id))})}const TK=pn.memo(Gg,(n,a)=>n.table.options.data===a.table.options.data);function PK(n){const{datasetId:a,exampleId:l}=n,t=
|
|
6663
|
+
`;function KK(n){const{datasetId:a,experimentIds:l,displayFullText:t}=n,[i,r]=m.useState(""),[,s]=mn(),d=P.useLazyLoadQuery(Qg,{experimentIds:l,datasetId:a,filterCondition:i}),c=m.useMemo(()=>{var x,I;return((I=(x=d.dataset)==null?void 0:x.experiments)==null?void 0:I.edges.reduce((L,w)=>{var $,D;return L[w.experiment.id]={...w.experiment,projectId:((D=($=w.experiment)==null?void 0:$.project)==null?void 0:D.id)||null},L},{}))||{}},[d]),g=m.useMemo(()=>d.comparisons.map(x=>{const I=x.runComparisonItems.reduce((L,w)=>(L[w.experimentId]=w,L),{});return{...x,id:x.example.id,input:x.example.revision.input,referenceOutput:x.example.revision.referenceOutput,runComparisonMap:I}}),[d]),[f,u]=m.useState(null),p=m.useMemo(()=>[{header:"input",accessorKey:"input",cell:({row:x})=>e(Pr,{controls:e(E,{size:"S","aria-label":"View example details",leadingVisual:e(_,{svg:e(xl,{})}),onPress:()=>{m.startTransition(()=>{u(e(m.Suspense,{children:e(Yi,{exampleId:x.original.example.id,onDismiss:()=>{u(null)}})}))})},children:"View Example"}),children:e(Hl,{children:e(dr,{children:e(tl,{json:x.original.input,disableTitle:!0,space:t?2:0})})})})},{header:"reference output",accessorKey:"referenceOutput",cell:x=>e(Hl,{children:t?IK(x):Wa(x)})}],[t]),y=m.useMemo(()=>l.map(x=>({header:()=>{var D,V,M,z;const I=(D=c[x])==null?void 0:D.name,L=(V=c[x])==null?void 0:V.metadata,w=(M=c[x])==null?void 0:M.projectId,$=((z=c[x])==null?void 0:z.sequenceNumber)||0;return o(b,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",justifyContent:"space-between",children:[o(b,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",children:[e(zl,{sequenceNumber:$}),e(C,{children:I})]}),e(ys,{experimentId:x,metadata:L,isQuiet:!0,projectId:w,canDeleteExperiment:!1})]})},accessorKey:x,minSize:500,cell:({row:I})=>{var j,q;const L=I.original.runComparisonMap[x],w=(L==null?void 0:L.runs.length)||0;if(w===0)return e(oo,{});if(w>1)return e(C,{color:"warning",children:`${w} runs`});const $=L==null?void 0:L.runs[0];let D=null;const V=(j=$==null?void 0:$.trace)==null?void 0:j.traceId,M=(q=$==null?void 0:$.trace)==null?void 0:q.projectId;return V&&M&&(D=e(E,{variant:"default",className:"trace-button",size:"S","aria-label":"View run trace",leadingVisual:e(_,{svg:e(kt,{})}),onPress:()=>{m.startTransition(()=>{u(e(Zg,{traceId:V,projectId:M,title:"Experiment Run Trace"}))})},children:"View Trace"})),$?e(Pr,{controls:o(J,{children:[e(E,{variant:"default",className:"expand-button",size:"S","aria-label":"View example run details",leadingVisual:e(_,{svg:e(xl,{})}),onPress:()=>{m.startTransition(()=>{u(e(DK,{selectedExample:I.original,datasetId:a,experimentInfoById:c}))})},children:"Experiment Run"}),D]}),children:e(Hl,{children:e(xK,{...$,displayFullText:t,setDialog:u})})}):e(Hl,{children:e(oo,{})})}})),[l,c,a,t]),h=m.useMemo(()=>[...p,...y],[p,y]),k=Fe({columns:h,data:g,getCoreRowModel:Ke(),columnResizeMode:"onChange"}),S=pn.useMemo(()=>{const x=k.getFlatHeaders(),I={};for(let L=0;L<x.length;L++){const w=x[L];I[`--header-${Zn(w.id)}-size`]=w.getSize(),I[`--col-${Zn(w.column.id)}-size`]=w.column.getSize()}return I},[k.getState().columnSizingInfo,k.getState().columnSizing]),T=k.getRowModel().rows.length===0;return e(v,{overflow:"auto",children:o(b,{direction:"column",height:"100%",children:[e(v,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:e(SK,{onValidCondition:r})}),o("div",{css:CK,children:[o("table",{css:F(He,Uo),style:{...S,width:k.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:k.getHeaderGroups().map(x=>e("tr",{children:x.headers.map(I=>e("th",{colSpan:I.colSpan,style:{width:`calc(var(--header-${Zn(I==null?void 0:I.id)}-size) * 1px)`},children:I.isPlaceholder?null:o(J,{children:[o("div",{className:I.column.getCanSort()?"sort":"",onClick:I.column.getToggleSortingHandler(),style:{left:I.getStart(),width:"100%"},children:[e(an,{maxWidth:"100%",children:W(I.column.columnDef.header,I.getContext())}),I.column.getIsSorted()?e(_,{className:"sort-icon",svg:I.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]}),e("div",{onMouseDown:I.getResizeHandler(),onTouchStart:I.getResizeHandler(),className:`resizer ${I.column.getIsResizing()?"isResizing":""}`})]})},I.id))},x.id))}),T?e(gn,{}):k.getState().columnSizingInfo.isResizingColumn?e(TK,{table:k}):e(Gg,{table:k})]}),e(ce,{isDismissable:!0,type:"slideOver",onDismiss:()=>{u(null),s(x=>(x.delete(un),x))},children:f})]})]})})}function Gg({table:n}){return e("tbody",{children:n.getRowModel().rows.map(a=>e("tr",{children:a.getVisibleCells().map(l=>e("td",{style:{width:`calc(var(--col-${Zn(l.column.id)}-size) * 1px)`,maxWidth:`calc(var(--col-${Zn(l.column.id)}-size) * 1px)`,padding:0},children:W(l.column.columnDef.cell,l.getContext())},l.id))},a.id))})}const TK=pn.memo(Gg,(n,a)=>n.table.options.data===a.table.options.data);function PK(n){const{datasetId:a,exampleId:l}=n,t=de();return e("div",{onClick:i=>{i.preventDefault(),i.stopPropagation()},children:e(na,{buttonSize:"compact",align:"end",onAction:i=>{switch(i){case"gotoExample":return t(`/datasets/${a}/examples/${l}`);default:Te()}},children:e(xe,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(bh,{})}),e(C,{children:"Go to example"})]})},"gotoExample")})})}function xK(n){const{output:a,error:l,startTime:t,endTime:i,annotations:r,displayFullText:s,setDialog:d}=n;if(l)return e(Wg,{error:l});const c=r!=null&&r.edges.length?r.edges.map(g=>g.annotation):[];return o(b,{direction:"column",gap:"size-100",height:"100%",justifyContent:"space-between",children:[e(dr,{children:e(tl,{json:a,disableTitle:!0,space:s?2:0})}),o("ul",{css:F`
|
|
6664
6664
|
display: flex;
|
|
6665
6665
|
flex-direction: row;
|
|
6666
6666
|
gap: var(--ac-global-dimension-static-size-100);
|
|
@@ -6672,7 +6672,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
6672
6672
|
`,children:n})}function DK({selectedExample:n,datasetId:a,experimentInfoById:l}){return e(re,{title:`Comparing Experiments for Example: ${n.id}`,size:"fullscreen",extra:e(PK,{datasetId:a,exampleId:n.id}),children:o(Sn,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(Ie,{defaultSize:35,children:e("div",{css:F`
|
|
6673
6673
|
overflow-y: auto;
|
|
6674
6674
|
height: 100%;
|
|
6675
|
-
`,children:e(v,{overflow:"hidden",padding:"size-200",children:o(b,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(v,{width:"50%",children:e(B,{title:"Input",...ni,bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},extra:e(
|
|
6675
|
+
`,children:e(v,{overflow:"hidden",padding:"size-200",children:o(b,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(v,{width:"50%",children:e(B,{title:"Input",...ni,bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},extra:e(se,{text:JSON.stringify(n.input)}),children:e(kn,{value:JSON.stringify(n.input,null,2)})})}),e(v,{width:"50%",children:e(B,{title:"Reference Output",...ni,extra:e(se,{text:JSON.stringify(n.referenceOutput)}),bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},children:e(kn,{value:JSON.stringify(n.referenceOutput,null,2)})})})]})})})}),e(xn,{css:Oa}),e(Ie,{defaultSize:65,children:o(b,{direction:"column",height:"100%",children:[e(v,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(ae,{level:2,children:"Experiments"})}),e("div",{css:F`
|
|
6676
6676
|
overflow-y: auto;
|
|
6677
6677
|
height: 100%;
|
|
6678
6678
|
padding: var(--ac-global-dimension-static-size-200);
|
|
@@ -6691,7 +6691,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
6691
6691
|
gap: var(
|
|
6692
6692
|
--ac-global-dimension-static-size-100
|
|
6693
6693
|
);
|
|
6694
|
-
`,children:(d=r.annotations)==null?void 0:d.edges.map(c=>e("li",{children:e(nl,{annotation:c.annotation})},c.annotation.id))})]})]})},s)})})})},t.experimentId)})})})]})})]})})}function Zg({traceId:n,projectId:a,title:l}){const t=
|
|
6694
|
+
`,children:(d=r.annotations)==null?void 0:d.edges.map(c=>e("li",{children:e(nl,{annotation:c.annotation})},c.annotation.id))})]})]})},s)})})})},t.experimentId)})})})]})})]})})}function Zg({traceId:n,projectId:a,title:l}){const t=de();return e(re,{title:l,size:"fullscreen",extra:e(E,{onPress:()=>t(`/projects/${a}/traces/${n}`),children:"View Trace in Project"}),children:e(ar,{traceId:n,projectId:a})})}function Hl({children:n}){return e(v,{paddingX:"size-200",paddingY:"size-100",children:n})}const Xg={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};Xg.hash="1aa376b1e9425f49268ac231dc2c0412";function LK(n){const{dataset:a,selectedExperimentIds:l,onChange:t,label:i,validationState:r,description:s,errorMessage:d,...c}=n,g=P.useFragment(Xg,a),f=m.useMemo(()=>g.experiments.edges.map(y=>y.experiment),[g]),u=f.length===0,p=m.useMemo(()=>{if(u)return"No experiments";const y=l.length;return y>0?`${y} experiment${y>1?"s":""}`:"No experiments selected"},[l,u]);return e(Pa,{label:i,isDisabled:u,validationState:r,description:s,errorMessage:d,children:e(ki,{isDisabled:u,...c,menu:e(dt,{selectionMode:"multiple",onSelectionChange:y=>{t(Array.from(y))},selectedKeys:new Set(l),children:f.map(y=>e(xe,{textValue:y.name,children:o(b,{direction:"column",gap:"size-50",children:[o(b,{direction:"row",gap:"size-100",children:[e(zl,{sequenceNumber:y.sequenceNumber}),e(C,{children:y.name})]}),e(C,{size:"XS",color:"text-700",children:new Date(y.createdAt).toLocaleString()})]})},y.id))}),triggerProps:{placement:"bottom start"},children:p})})}function gP(){const n=Me();Oe(n);const[a,l]=m.useState(!1),[t,i]=mn(),r=t.getAll("experimentId"),s=r.length>0;return o("main",{css:F`
|
|
6695
6695
|
height: 100%;
|
|
6696
6696
|
display: flex;
|
|
6697
6697
|
flex-direction: column;
|
|
@@ -6733,7 +6733,7 @@ fragment ExperimentMultiSelector__experiments on Dataset {
|
|
|
6733
6733
|
width: 100%;
|
|
6734
6734
|
margin-left: auto;
|
|
6735
6735
|
margin-right: auto;
|
|
6736
|
-
`;function yP(){const{pathname:n}=el(),a=
|
|
6736
|
+
`;function yP(){const{pathname:n}=el(),a=de(),l=n.split("/settings")[1].replace("/",""),t=m.useCallback(i=>{typeof i=="string"&&a(`/settings/${i}`,{replace:!0})},[a]);return l?e("main",{css:_K,children:e("div",{css:AK,children:o(tn,{selectedKey:l,onSelectionChange:t,children:[o(ln,{children:[e(ne,{id:"general",children:"General"}),e(ne,{id:"providers",children:"AI Providers"}),e(ne,{id:"annotations",children:"Annotations"}),e(ne,{id:"data",children:"Data Retention"})]}),e(ie,{id:"general",padded:!0,children:e(ve,{})}),e(ie,{id:"providers",padded:!0,children:e(ve,{})}),e(ie,{id:"annotations",padded:!0,children:e(ve,{})}),e(ie,{id:"data",padded:!0,children:e(ve,{})})]})})}):e(yo,{to:"/settings/general",replace:!0})}const ep={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 {
|
|
6737
6737
|
...DBUsagePieChart_data
|
|
6738
6738
|
}
|
|
6739
6739
|
|
|
@@ -6785,7 +6785,7 @@ fragment DBUsagePieChart_data on Query {
|
|
|
6785
6785
|
text-decoration: underline;
|
|
6786
6786
|
}
|
|
6787
6787
|
}
|
|
6788
|
-
`,children:[e("a",{href:"https://arize.com/docs/phoenix",children:"Documentation"}),"|",e("a",{href:"https://arize-ai.slack.com/join/shared_invite/zt-2w57bhem8-hq24MB6u7yE_ZF_ilOYSBw#/shared-invite/email",children:"Community"}),"|",e("a",{href:"https://twitter.com/ArizePhoenix",children:"Social"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix",children:"GitHub"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix/releases",children:`arize-phoenix v${window.Config.platformVersion}`})]})]})}function wK(n){const a=
|
|
6788
|
+
`,children:[e("a",{href:"https://arize.com/docs/phoenix",children:"Documentation"}),"|",e("a",{href:"https://arize-ai.slack.com/join/shared_invite/zt-2w57bhem8-hq24MB6u7yE_ZF_ilOYSBw#/shared-invite/email",children:"Community"}),"|",e("a",{href:"https://twitter.com/ArizePhoenix",children:"Social"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix",children:"GitHub"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix/releases",children:`arize-phoenix v${window.Config.platformVersion}`})]})]})}function wK(n){const a=de(),{initialError:l,onSubmit:t}=n,[i,r]=m.useState(l),[s,d]=m.useState(!1),c=m.useCallback(async u=>{t==null||t(),r(null),d(!0);try{const y=await fetch(Tn("/auth/login"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(u)});if(!y.ok){const h=y.status===429?"Too many requests. Please try again later.":"Invalid login";r(h);return}}catch{r("Invalid login");return}finally{d(()=>!1)}const p=vh();a(p)},[a,t,r]),{control:g,handleSubmit:f}=Ve({defaultValues:{email:"",password:""}});return o(J,{children:[i?o(v,{paddingBottom:"size-100",children:[e(Ce,{variant:"danger",children:i})," "]}):null,e(Ue,{children:o(b,{direction:"column",gap:"size-100",children:[e(G,{name:"email",control:g,render:({field:{onChange:u,value:p}})=>o(Y,{name:"email",isRequired:!0,type:"email",onChange:u,value:p,autoComplete:"email",children:[e(H,{children:"Email"}),e(Z,{placeholder:"your email address"})]})}),o("div",{css:F`
|
|
6789
6789
|
position: relative;
|
|
6790
6790
|
a {
|
|
6791
6791
|
position: absolute;
|
|
@@ -6857,7 +6857,7 @@ fragment DBUsagePieChart_data on Query {
|
|
|
6857
6857
|
__typename
|
|
6858
6858
|
}
|
|
6859
6859
|
}
|
|
6860
|
-
`}}}();ap.hash="f8f5c30b0e00c17cdda7557c73c3c2d3";const lp={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};lp.hash="1161643b76edb6ef437d8f136038cf21";const hl=4;function zK(n){var g;const a=
|
|
6860
|
+
`}}}();ap.hash="f8f5c30b0e00c17cdda7557c73c3c2d3";const lp={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};lp.hash="1161643b76edb6ef437d8f136038cf21";const hl=4;function zK(n){var g;const a=de(),l=be(),t=P.useFragment(lp,n.query),[i,r]=P.useMutation(ap),{control:s,handleSubmit:d}=Ve({defaultValues:{currentPassword:"",newPassword:"",confirmPassword:""}}),c=m.useCallback(f=>{i({variables:{input:{currentPassword:f.currentPassword,newPassword:f.newPassword}},onCompleted:()=>{const u=fs({path:"/login",searchParams:{message:"Password has been reset."}});a(u)},onError:u=>{l({title:"Failed to reset password",message:u.message})}})},[i,a,l]);return o(st,{onSubmit:d(c),children:[e(oi,{children:o(Y,{name:"email",type:"email",autoComplete:"email",isRequired:!0,isReadOnly:!0,value:(g=t.viewer)==null?void 0:g.email,children:[e(H,{children:"Email"}),e(Z,{})]})}),e(G,{name:"currentPassword",control:s,rules:{required:"the current is required"},render:({field:{name:f,onChange:u,onBlur:p,value:y},fieldState:{invalid:h,error:k}})=>o(Y,{type:"password",name:f,isRequired:!0,isInvalid:h,onChange:u,onBlur:p,value:y,id:"current-password",autoComplete:"current-password",children:[e(H,{children:"Old Password"}),e(Z,{}),k?e(ke,{children:k==null?void 0:k.message}):e(C,{slot:"description",children:"The current password"})]})}),e(G,{name:"newPassword",control:s,rules:{required:"Password is required",minLength:{value:hl,message:`Password must be at least ${hl} characters`},validate:(f,u)=>f!==u.currentPassword||"New password must be different"},render:({field:{name:f,onChange:u,onBlur:p,value:y},fieldState:{invalid:h,error:k}})=>o(Y,{type:"password",isRequired:!0,name:f,isInvalid:h,onChange:u,onBlur:p,defaultValue:y,id:"new-password",autoComplete:"new-password",children:[e(H,{children:"New Password"}),e(Z,{}),k?e(ke,{children:k==null?void 0:k.message}):o(C,{slot:"description",children:["Password must be at least ",hl," characters"]})]})}),e(G,{name:"confirmPassword",control:s,rules:{required:"Password is required",minLength:{value:hl,message:`Password must be at least ${hl} characters`},validate:(f,u)=>f===u.newPassword||"Passwords do not match"},render:({field:{name:f,onChange:u,onBlur:p,value:y},fieldState:{invalid:h,error:k}})=>o(Y,{isRequired:!0,type:"password",name:f,isInvalid:h,onChange:u,onBlur:p,defaultValue:y,autoComplete:"new-password",children:[e(H,{children:"Confirm Password"}),e(Z,{}),k?e(ke,{children:k==null?void 0:k.message}):e(C,{slot:"description",children:"Confirm the new password"})]})}),o("div",{css:F`
|
|
6861
6861
|
display: flex;
|
|
6862
6862
|
flex-direction: row;
|
|
6863
6863
|
gap: var(--ac-global-dimension-size-200);
|
|
@@ -6865,13 +6865,13 @@ fragment DBUsagePieChart_data on Query {
|
|
|
6865
6865
|
& > * {
|
|
6866
6866
|
width: 50%;
|
|
6867
6867
|
}
|
|
6868
|
-
`,children:[e(E,{onPress:()=>{a(-1)},children:"Cancel"}),e(E,{variant:"primary",type:"submit",isDisabled:r,children:r?"Resetting...":"Reset Password"})]})]})}function bP(){const n=Me();return o(Ol,{children:[e(b,{direction:"column",gap:"size-200",alignItems:"center",children:e(v,{paddingBottom:"size-200",children:e(zt,{})})}),e(zK,{query:n})]})}const kl=4,NK="An error occurred. Please try resetting again.";function $K({resetToken:n}){const a=
|
|
6868
|
+
`,children:[e(E,{onPress:()=>{a(-1)},children:"Cancel"}),e(E,{variant:"primary",type:"submit",isDisabled:r,children:r?"Resetting...":"Reset Password"})]})]})}function bP(){const n=Me();return o(Ol,{children:[e(b,{direction:"column",gap:"size-200",alignItems:"center",children:e(v,{paddingBottom:"size-200",children:e(zt,{})})}),e(zK,{query:n})]})}const kl=4,NK="An error occurred. Please try resetting again.";function $K({resetToken:n}){const a=de(),[l,t]=m.useState(null),[i,r]=m.useState(!1),s=m.useCallback(async({resetToken:f,newPassword:u})=>{t(null),r(!0);try{const p=await fetch(Tn("/auth/password-reset"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({token:f,password:u})});if(!p.ok){const y=await p.text();t(y);return}}catch{t(NK);return}finally{r(()=>!1)}a(`/login?message=${encodeURIComponent("Password has been reset.")}`)},[t,a]),{control:d,handleSubmit:c,formState:{isDirty:g}}=Ve({defaultValues:{resetToken:n,newPassword:"",confirmPassword:""}});return o(J,{children:[l?e(v,{paddingBottom:"size-100",children:e(Ce,{variant:"danger",children:l})}):null,o(st,{onSubmit:c(s),children:[e(G,{name:"newPassword",control:d,rules:{required:"Password is required",minLength:{value:kl,message:`Password must be at least ${kl} characters`}},render:({field:{name:f,onChange:u,onBlur:p,value:y},fieldState:{invalid:h,error:k}})=>o(Y,{type:"password",isRequired:!0,name:f,isInvalid:h,id:"new-password",autoComplete:"new-password",onChange:u,onBlur:p,defaultValue:y,children:[e(H,{children:"New Password"}),e(Z,{}),k?e(ke,{children:k==null?void 0:k.message}):o(C,{slot:"description",children:["Password must be at least ",kl," characters"]})]})}),e(G,{name:"confirmPassword",control:d,rules:{required:"Password is required",minLength:{value:kl,message:`Password must be at least ${kl} characters`},validate:(f,u)=>f===u.newPassword||"Passwords do not match"},render:({field:{name:f,onChange:u,onBlur:p,value:y},fieldState:{invalid:h,error:k}})=>o(Y,{type:"password",isRequired:!0,name:f,isInvalid:h,onChange:u,onBlur:p,defaultValue:y,children:[e(H,{children:"Confirm Password"}),e(Z,{}),k?e(ke,{children:k==null?void 0:k.message}):e(C,{slot:"description",children:"Confirm the new password"})]})}),e("div",{css:F`
|
|
6869
6869
|
margin-top: var(--ac-global-dimension-size-200);
|
|
6870
6870
|
margin-bottom: var(--ac-global-dimension-size-50);
|
|
6871
6871
|
button {
|
|
6872
6872
|
width: 100%;
|
|
6873
6873
|
}
|
|
6874
|
-
`,children:e(E,{variant:g?"primary":"default",type:"submit",isDisabled:i,children:i?"Resetting...":"Reset Password"})})]})]})}function SP(){const n=
|
|
6874
|
+
`,children:e(E,{variant:g?"primary":"default",type:"submit",isDisabled:i,children:i?"Resetting...":"Reset Password"})})]})]})}function SP(){const n=de(),[a]=mn(),l=a.get("token");return l?o(Ol,{children:[e(b,{direction:"column",gap:"size-200",alignItems:"center",children:e(v,{paddingBottom:"size-200",children:e(zt,{})})}),e($K,{resetToken:l}),e(v,{paddingTop:"size-200",children:e(b,{direction:"column",alignItems:"center",justifyContent:"center",children:e(we,{to:"/login",children:"Back to Login"})})})]}):(n("/login"),null)}const tp=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:"3f2aa2ea2629970ac6ca3c4fa86f1f7b",id:null,metadata:{},name:"resetPasswordLoaderQuery",operationKind:"query",text:`query resetPasswordLoaderQuery {
|
|
6875
6875
|
viewer {
|
|
6876
6876
|
id
|
|
6877
6877
|
email
|
|
@@ -6976,14 +6976,14 @@ fragment APIKeysTableFragment on User {
|
|
|
6976
6976
|
}
|
|
6977
6977
|
id
|
|
6978
6978
|
}
|
|
6979
|
-
`}}}();op.hash="6c32098d55e4cba859dcec73f3ccd28c";const sp=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:op,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}}();sp.hash="6c32098d55e4cba859dcec73f3ccd28c";const uo=70;function QK({query:n}){const[a,l]=P.useRefetchableFragment(sp,n),t=ue(),[i]=P.useMutation(rp),r=m.useCallback(u=>{i({variables:{input:{id:u}},onCompleted:()=>{t({title:"API key deleted",message:"The key has been deleted and is no longer active."}),m.startTransition(()=>{l({},{fetchPolicy:"network-only"})})}})},[i,t,l]),s=m.useMemo(()=>[...a.apiKeys],[a]),d=m.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:Re},{header:"Description",accessorKey:"description",cell:Re},{header:"Created At",accessorKey:"createdAt",size:uo,cell:_e},{header:"Expires At",accessorKey:"expiresAt",size:uo,cell:_e},{header:"",accessorKey:"id",size:10,cell:({row:p})=>e(b,{direction:"row",justifyContent:"end",width:"100%",children:e(Ci,{handleDelete:()=>{r(p.original.id)}})}),meta:{textAlign:"right"}}],[r]),c=Fe({columns:d,data:s,getCoreRowModel:Ke()}),g=c.getRowModel().rows,f=c.getRowModel().rows.length===0;return o("table",{css:He,children:[e("thead",{children:c.getHeaderGroups().map(u=>e("tr",{children:u.headers.map(p=>e("th",{colSpan:p.colSpan,children:p.isPlaceholder?null:o("div",{className:p.column.getCanSort()?"sort":"",onClick:p.column.getToggleSortingHandler(),style:{left:p.getStart(),width:p.getSize()},children:[W(p.column.columnDef.header,p.getContext()),p.column.getIsSorted()?e(_,{className:"sort-icon",svg:p.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]})},p.id))},u.id))}),f?e(gn,{message:"No Keys"}):e("tbody",{children:g.map(u=>e("tr",{children:u.getVisibleCells().map(p=>e("td",{children:W(p.column.columnDef.cell,p.getContext())},p.id))},u.id))})]})}function BK({viewer:n}){const[a,l]=m.useState(null),t=
|
|
6979
|
+
`}}}();op.hash="6c32098d55e4cba859dcec73f3ccd28c";const sp=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:op,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}}();sp.hash="6c32098d55e4cba859dcec73f3ccd28c";const uo=70;function QK({query:n}){const[a,l]=P.useRefetchableFragment(sp,n),t=ue(),[i]=P.useMutation(rp),r=m.useCallback(u=>{i({variables:{input:{id:u}},onCompleted:()=>{t({title:"API key deleted",message:"The key has been deleted and is no longer active."}),m.startTransition(()=>{l({},{fetchPolicy:"network-only"})})}})},[i,t,l]),s=m.useMemo(()=>[...a.apiKeys],[a]),d=m.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:Re},{header:"Description",accessorKey:"description",cell:Re},{header:"Created At",accessorKey:"createdAt",size:uo,cell:_e},{header:"Expires At",accessorKey:"expiresAt",size:uo,cell:_e},{header:"",accessorKey:"id",size:10,cell:({row:p})=>e(b,{direction:"row",justifyContent:"end",width:"100%",children:e(Ci,{handleDelete:()=>{r(p.original.id)}})}),meta:{textAlign:"right"}}],[r]),c=Fe({columns:d,data:s,getCoreRowModel:Ke()}),g=c.getRowModel().rows,f=c.getRowModel().rows.length===0;return o("table",{css:He,children:[e("thead",{children:c.getHeaderGroups().map(u=>e("tr",{children:u.headers.map(p=>e("th",{colSpan:p.colSpan,children:p.isPlaceholder?null:o("div",{className:p.column.getCanSort()?"sort":"",onClick:p.column.getToggleSortingHandler(),style:{left:p.getStart(),width:p.getSize()},children:[W(p.column.columnDef.header,p.getContext()),p.column.getIsSorted()?e(_,{className:"sort-icon",svg:p.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]})},p.id))},u.id))}),f?e(gn,{message:"No Keys"}):e("tbody",{children:g.map(u=>e("tr",{children:u.getVisibleCells().map(p=>e("td",{children:W(p.column.columnDef.cell,p.getContext())},p.id))},u.id))})]})}function BK({viewer:n}){const[a,l]=m.useState(null),t=be(),[i,r]=P.useMutation(ip),s=m.useCallback(d=>{var c;i({variables:{input:{...d,expiresAt:((c=d.expiresAt)==null?void 0:c.toDate(pi()).toISOString())||null}},onCompleted:g=>{l(e(Ko,{jwt:g.createUserApiKey.jwt}))},onError:g=>{t({title:"Error creating API key",message:g.message})}})},[i,t]);return o(B,{title:"API Keys",variant:"compact",bodyStyle:{padding:0},extra:e(E,{size:"S",leadingVisual:e(_,{svg:e(jn,{})}),onPress:()=>l(e(To,{onSubmit:s,isCommitting:r})),children:"New Key"}),children:[e(QK,{query:n}),e(ce,{onDismiss:()=>{l(null)},children:a})]})}const dp=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(
|
|
6980
6980
|
$input: PatchViewerInput!
|
|
6981
6981
|
) {
|
|
6982
6982
|
patchViewer(input: $input) {
|
|
6983
6983
|
__typename
|
|
6984
6984
|
}
|
|
6985
6985
|
}
|
|
6986
|
-
`}}}();dp.hash="4a11ca65151d84fe95f636763c91dc68";function qK(){const{viewer:n,refetchViewer:a}=Fi(),l=
|
|
6986
|
+
`}}}();dp.hash="4a11ca65151d84fe95f636763c91dc68";function qK(){const{viewer:n,refetchViewer:a}=Fi(),l=be(),t=ue(),[i,r]=P.useMutation(dp),{control:s,handleSubmit:d,formState:{isDirty:c},reset:g}=Ve({defaultValues:{username:(n==null?void 0:n.username)||""}}),f=m.useCallback(u=>{i({variables:{input:{newUsername:u.username}},onCompleted:()=>{t({title:"Profile updated",message:"Your profile has been updated"}),g({username:u.username}),a()},onError:p=>{l({title:"Failed update profile",message:p.message})}})},[i,t,g,a,l]);return n?o(B,{title:"Profile",variant:"compact",bodyStyle:{padding:0},extra:n.authMethod==="LOCAL"&&e(la,{size:"S",to:"/reset-password",children:"Reset Password"}),children:[e(v,{paddingTop:"size-200",paddingStart:"size-200",paddingEnd:"size-200",children:o(b,{direction:"row",gap:"size-200",alignItems:"center",children:[e(ct,{name:n.username||n.email,profilePictureUrl:n.profilePictureUrl}),o(b,{direction:"column",gap:"size-50",children:[e(ae,{level:2,weight:"heavy",children:n.username||n.email}),e(C,{children:n.role.name.toLocaleLowerCase()})]})]})}),e(v,{children:o(Ue,{onSubmit:d(f),children:[e(v,{padding:"size-200",children:o(b,{direction:"column",gap:"size-100",children:[o(Y,{value:n.email,isReadOnly:!0,size:"S",children:[e(H,{children:"Email"}),e(Z,{})]}),e(G,{name:"username",control:s,rules:{required:"A username is required as it needs to be unique"},render:({field:{name:u,onChange:p,onBlur:y,value:h},fieldState:{invalid:k,error:S}})=>o(Y,{isRequired:!0,name:u,isInvalid:k,onChange:p,onBlur:y,defaultValue:h,size:"S",children:[e(H,{children:"Username"}),e(Z,{}),S?e(ke,{children:S.message}):e(C,{slot:"description",children:"A unique username"})]})})]})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderTopColor:"dark",borderTopWidth:"thin",children:e(b,{direction:"row",gap:"size-100",justifyContent:"end",children:e(E,{variant:c?"primary":"default",size:"S",isDisabled:!c,onPress:()=>{d(f)()},children:r?"Saving...":"Save"})})})]})})]}):null}const UK=F`
|
|
6987
6987
|
overflow-y: auto;
|
|
6988
6988
|
`,HK=F`
|
|
6989
6989
|
padding: var(--ac-global-dimension-size-400);
|
|
@@ -6993,7 +6993,7 @@ fragment APIKeysTableFragment on User {
|
|
|
6993
6993
|
width: 100%;
|
|
6994
6994
|
margin-left: auto;
|
|
6995
6995
|
margin-right: auto;
|
|
6996
|
-
`;function KP(){const{viewer:n}=Fi();return n?e("main",{css:UK,children:e("div",{css:HK,children:o(b,{direction:"column",gap:"size-200",children:[e(qK,{}),e(BK,{viewer:n})]})})}):null}function TP(){return e(ir,{})}function PP(){const n=Me();Oe(n);const a=m.useMemo(()=>n.span.__typename==="Span"?n.span:null,[n.span]);if(!a)throw new Error("Span not found");const{playgroundInstance:l,parsingErrors:t,playgroundInput:i}=m.useMemo(()=>m0(a),[a]),r=i!=null?{input:i}:{};return o(b,{direction:"column",height:"100%",children:[e(GK,{span:a,parsingErrors:t}),e(ir,{instances:[l],...r},a.id)]})}function GK({span:n,parsingErrors:a}){const l=
|
|
6996
|
+
`;function KP(){const{viewer:n}=Fi();return n?e("main",{css:UK,children:e("div",{css:HK,children:o(b,{direction:"column",gap:"size-200",children:[e(qK,{}),e(BK,{viewer:n})]})})}):null}function TP(){return e(ir,{})}function PP(){const n=Me();Oe(n);const a=m.useMemo(()=>n.span.__typename==="Span"?n.span:null,[n.span]);if(!a)throw new Error("Span not found");const{playgroundInstance:l,parsingErrors:t,playgroundInput:i}=m.useMemo(()=>m0(a),[a]),r=i!=null?{input:i}:{};return o(b,{direction:"column",height:"100%",children:[e(GK,{span:a,parsingErrors:t}),e(ir,{instances:[l],...r},a.id)]})}function GK({span:n,parsingErrors:a}){const l=de(),t=a&&a.length>0,[i,r]=m.useState(!0),[s,d]=m.useState(t);return o(b,{direction:"column",children:[i&&e(Ce,{variant:"info",title:"LLM Span Replay",banner:!0,dismissable:!0,onDismissClick:()=>{r(!1)},extra:e(E,{leadingVisual:e(_,{svg:e(Ch,{})}),onPress:()=>{l(`/projects/${n.project.id}/traces/${n.trace.traceId}?${un}=${n.id}`)},children:"Back to Trace"}),children:`Replay and iterate on your LLM call from your ${n.project.name} project`}),s&&t&&e(Ce,{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 cp=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},s={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"attributes",storageKey:null},c=[{alias:null,args:null,kind:"ScalarField",name:"invocationInputField",storageKey:null}],g={alias:null,args:null,concreteType:null,kind:"LinkedField",name:"invocationParameters",plural:!0,selections:[l,{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:[l,{kind:"InlineFragment",selections:[t,i,r,s,d,g],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:[l,t,{kind:"InlineFragment",selections:[i,r,s,d,g],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"15db907b4e1020d0625053f7530561ad",id:null,metadata:{},name:"spanPlaygroundPageLoaderQuery",operationKind:"query",text:`query spanPlaygroundPageLoaderQuery(
|
|
6997
6997
|
$spanId: ID!
|
|
6998
6998
|
) {
|
|
6999
6999
|
span: node(id: $spanId) {
|
|
@@ -7110,7 +7110,7 @@ fragment PromptsTable_prompts on Query {
|
|
|
7110
7110
|
}
|
|
7111
7111
|
}
|
|
7112
7112
|
}
|
|
7113
|
-
`}}}();gp.hash="af218c6f8442ad552dd44771a2d55275";function WK({promptId:n,onDeleted:a,onClose:l}){const[t,i]=P.useMutation(gp),r=ue(),s=
|
|
7113
|
+
`}}}();gp.hash="af218c6f8442ad552dd44771a2d55275";function WK({promptId:n,onDeleted:a,onClose:l}){const[t,i]=P.useMutation(gp),r=ue(),s=be(),d=m.useCallback(()=>{t({variables:{promptId:n},onCompleted:()=>{r({title:"Delete Successful",message:"Prompt has been deleted."}),a(),l()},onError:c=>{s({title:"Failed to delete prompt",message:c.message})}})},[t,s,r,l,a,n]);return o(re,{title:"Delete Prompt",isDismissable:!0,onDismiss:l,children:[e(v,{padding:"size-200",children:e(C,{color:"danger",children:"Are you sure you want to delete this prompt? This action cannot be undone and all services dependent on this prompt will be affected."})}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:o(b,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(E,{variant:"default",onPress:l,size:"S",children:"Cancel"}),e(E,{variant:"danger",onPress:()=>{d()},size:"S",isDisabled:i,children:"Delete Prompt"})]})})]})}function JK({onDeleted:n,promptId:a}){const[l,t]=m.useState(null),i=m.useCallback(()=>{t(e(WK,{promptId:a,onClose:()=>t(null),onDeleted:()=>{n(),t(null)}}))},[a,n]);return o(El,{children:[e(na,{align:"end","aria-label":"User Actions",buttonSize:"compact",onAction:r=>{switch(r){case"DELETE":i();break}},children:e(xe,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ge,{})}),e(J,{children:"Delete"})]})},"DELETE")}),e(ce,{type:"modal",isDismissable:!0,onDismiss:()=>t(null),children:l})]})}function ZK(){const n=de();return e(v,{width:"100%",paddingY:"size-400",children:e(b,{direction:"column",width:"100%",alignItems:"center",justifyContent:"center",children:e(v,{width:"100%",maxWidth:"780px",children:o(b,{direction:"column",gap:"size-400",alignItems:"center",children:[e(C,{size:"XL",children:"Create and manage prompt templates for your AI applications."}),e(zi,{src:"https://storage.googleapis.com/arize-phoenix-assets/assets/videos/prompts.mp4",autoPlay:!0,muted:!0,loop:!0}),o(b,{direction:"row",gap:"size-200",children:[e(Ya,{href:"https://arize.com/docs/phoenix/prompt-engineering/quickstart-prompts/quickstart-prompts-ui",target:"_blank",leadingVisual:e(_,{svg:e(Ni,{})}),children:"Documentation"}),e(E,{variant:"primary",leadingVisual:e(_,{svg:e(xa,{})}),onPress:()=>n("/playground"),children:"Playground"})]})]})})})})}const XK=100;function YK(n){const a=de(),l=m.useRef(null),{data:t,loadNext:i,hasNext:r,isLoadingNext:s,refetch:d}=P.usePaginationFragment(mp,n.query),c=m.useMemo(()=>t.prompts.edges.map(h=>({lastUpdatedAt:h.prompt.version.createdAt,...h.prompt})),[t]),g=m.useCallback(h=>{if(h){const{scrollHeight:k,scrollTop:S,clientHeight:K}=h;k-S-K<300&&!s&&r&&i(XK)}},[r,s,i]),f=m.useMemo(()=>[{header:"name",accessorKey:"name",cell:({row:k})=>e(we,{to:`${k.original.id}`,children:k.original.name})},{header:"description",accessorKey:"description",cell:Re},{header:"created at",accessorKey:"createdAt",cell:_e},{header:"last updated",accessorKey:"lastUpdatedAt",cell:_e},{id:"actions",header:"",size:5,accessorKey:"id",cell:({row:k})=>o(b,{direction:"row",gap:"size-100",justifyContent:"end",width:"100%",children:[e(El,{children:e(la,{leadingVisual:e(_,{svg:e(xa,{})}),size:"S","aria-label":"Open in playground",to:`${k.original.id}/playground`,children:"Playground"})}),e(JK,{promptId:k.original.id,onDeleted:()=>{d({},{fetchPolicy:"network-only"})}})]})}],[d]),u=Fe({columns:f,data:c,getCoreRowModel:Ke(),getSortedRowModel:rn()}),p=u.getRowModel().rows;return p.length===0?e(ZK,{}):e("div",{css:F`
|
|
7114
7114
|
flex: 1 1 auto;
|
|
7115
7115
|
overflow: auto;
|
|
7116
7116
|
`,onScroll:h=>g(h.target),ref:l,children:o("table",{css:Qn,children:[e("thead",{children:u.getHeaderGroups().map(h=>e("tr",{children:h.headers.map(k=>{var S;return e("th",{colSpan:k.colSpan,children:k.isPlaceholder?null:o("div",{className:k.column.getCanSort()?"sort":"","aria-role":k.column.getCanSort()?"button":null,onClick:k.column.getToggleSortingHandler(),style:{textAlign:(S=k.column.columnDef.meta)==null?void 0:S.textAlign},children:[W(k.column.columnDef.header,k.getContext()),k.column.getIsSorted()?e(_,{className:"sort-icon",svg:k.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]})},k.id)})},h.id))}),e("tbody",{children:p.map(h=>e("tr",{onClick:()=>{a(`${h.original.id}`)},children:h.getVisibleCells().map(k=>{var S;return e("td",{align:(S=k.column.columnDef.meta)==null?void 0:S.textAlign,children:W(k.column.columnDef.cell,k.getContext())},k.id)})},h.id))})]})})}function IP(){const n=Me();return Oe(n),o(b,{direction:"column",height:"100%",children:[e(v,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",flex:"none",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(ae,{level:1,children:"Prompts"}),e(la,{size:"M",leadingVisual:e(_,{svg:e(Ki,{})}),variant:"primary",to:"/playground",children:"Create Prompt"})]})}),e(YK,{query:n})]})}const pp=function(){var n=[{kind:"Literal",name:"first",value:100}],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null};return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"promptsLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"PromptsTable_prompts"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"promptsLoaderQuery",selections:[{alias:null,args:n,concreteType:"PromptConnection",kind:"LinkedField",name:"prompts",plural:!1,selections:[{alias:null,args:null,concreteType:"PromptEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"prompt",args:null,concreteType:"Prompt",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},l,{alias:null,args:null,concreteType:"PromptVersion",kind:"LinkedField",name:"version",plural:!1,selections:[l,a],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Prompt",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},a],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"prompts(first:100)"},{alias:null,args:n,filters:null,handle:"connection",key:"PromptsTable_prompts",kind:"LinkedHandle",name:"prompts"}]},params:{cacheID:"9a3e6a185a7a63d9d2c115e80e22b495",id:null,metadata:{},name:"promptsLoaderQuery",operationKind:"query",text:`query promptsLoaderQuery {
|