arize-phoenix 10.3.0__py3-none-any.whl → 10.4.0__py3-none-any.whl
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Potentially problematic release.
This version of arize-phoenix might be problematic. Click here for more details.
- {arize_phoenix-10.3.0.dist-info → arize_phoenix-10.4.0.dist-info}/METADATA +1 -1
- {arize_phoenix-10.3.0.dist-info → arize_phoenix-10.4.0.dist-info}/RECORD +17 -17
- phoenix/config.py +1 -1
- phoenix/server/static/.vite/manifest.json +36 -36
- phoenix/server/static/assets/{components-DVEsaeYg.js → components-Bt8CSP-i.js} +149 -149
- phoenix/server/static/assets/{index-cY-swWDK.js → index-C6Ok1qdw.js} +1 -1
- phoenix/server/static/assets/{pages-xeDsefDx.js → pages-NfrMY1Uw.js} +184 -184
- phoenix/server/static/assets/{vendor-DOUbLVp5.js → vendor-BQGwy5QK.js} +1 -1
- phoenix/server/static/assets/{vendor-arizeai-DHqMQzfV.js → vendor-arizeai-YTwSVP6E.js} +2 -2
- phoenix/server/static/assets/{vendor-codemirror-DWdZV1Is.js → vendor-codemirror-DYaCpVub.js} +1 -1
- phoenix/server/static/assets/{vendor-recharts-BfHdRd1Y.js → vendor-recharts-CN57ozoF.js} +1 -1
- phoenix/server/static/assets/{vendor-shiki-CHu75YVL.js → vendor-shiki-Bbl-733F.js} +1 -1
- phoenix/version.py +1 -1
- {arize_phoenix-10.3.0.dist-info → arize_phoenix-10.4.0.dist-info}/WHEEL +0 -0
- {arize_phoenix-10.3.0.dist-info → arize_phoenix-10.4.0.dist-info}/entry_points.txt +0 -0
- {arize_phoenix-10.3.0.dist-info → arize_phoenix-10.4.0.dist-info}/licenses/IP_NOTICE +0 -0
- {arize_phoenix-10.3.0.dist-info → arize_phoenix-10.4.0.dist-info}/licenses/LICENSE +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{B as R,bk as ve,bl as ze,bm as Be,bn as Nl,D as Gl,r as m,j as e,u as Fl,aW as ua,l as o,Q as J,R as sn,o as x,aG as Ke,aH as ln,aJ as Te,aK as W,T as G,U as Z,bo as Me,q as je,ae as Ve,bp as cp,ai as H,V as Se,aE as fa,F,aj as Ye,ab as Ue,bq as up,br as mp,bs as gp,bt as pp,aB as ge,af as ti,bu as nr,bv as Ol,bw as Ce,aM as ce,aO as lo,bx as Oe,by as yp,aZ as Tn,bz as fp,aN as hp,bA as kp,J as ar,b0 as qa,aY as Re,aX as Rn,bB as Pn,bC as mn,m as to,$ as bp,S as lr,G as tr,aU as io,I as Sp,X as vp,bD as Cp,bE as _t,bF as At,bG as al,b2 as Ql,b1 as Bl,t as Kl,b7 as ii,bH as Fp,bI as ir,bJ as Kp,bK as Tp,bL as Pp,bM as xp,bN as Ip,bO as Dp,bP as Lp,bQ as _p,bR as Ap,bS as yl,E as wp,bT as Rp,bU as wl,g as ro,bV as Ep,aD as ri,bW as oo,bX as so,bY as Mp,ak as Vp,bZ as zp,ag as Np,ah as $p,b_ as jp,n as Op}from"./vendor-DOUbLVp5.js";import{e as te,t as ha,D as re,C as B,c as Ne,a as gn,T as Le,s as zn,r as oi,L as Wl,v as Jl,w as co,m as si,P as Tl,d as Hn,E as Zl,o as ka,p as Ua,f as ba,b as uo,q as Xl,x as Qp,y as Yl,z as Bp,A as qp,B as Up,G as di,H as ci,u as Hp,J as Gp}from"./vendor-arizeai-DHqMQzfV.js";import{s as Wp,l as Jp,j as ui,a as Qe,i as mi,b as Zp,c as Xp,d as ma,e as En,f as mo,D as go,g as oa,h as ul,C as $l,k as Yp,m as Pe,T as fn,n as ey,o as gi,p as rr,q as ny,r as or,t as ay,u as ly,v as ty,_ as v,G as et,w as b,x as C,y as E,I as _,E as Sa,z as He,A as X,R as he,B as ke,F as ue,H as sr,J as dr,N as sa,K as Ge,P as da,L as pn,M as yn,O as We,Q as Je,S as tn,U as Mn,V as Ha,W as dn,X as Cn,Y as Ie,Z as ae,$ as me,a0 as en,a1 as Pl,a2 as po,a3 as we,a4 as yo,a5 as Ee,a6 as _e,a7 as pi,a8 as Nn,a9 as fo,aa as nn,ab as ne,ac as oe,ad as an,ae as ho,af as ql,ag as qe,ah as Gn,ai as iy,aj as ry,ak as ko,al as Ut,am as yi,an as nt,ao as oy,ap as sy,aq as Ht,ar as Rl,as as de,at as bo,au as Fn,av as at,aw as $n,ax as Wn,ay as So,az as vo,aA as dy,aB as cy,aC as Kn,aD as uy,aE as Dn,aF as my,aG as Co,aH as lt,aI as Ea,aJ as fi,aK as hi,aL as gy,aM as Fo,aN as py,aO as yy,aP as fy,aQ as hy,aR as ky,aS as by,aT as Sy,aU as Fe,aV as vy,aW as Cy,aX as fl,aY as Ko,aZ as To,a_ as La,a$ as ki,b0 as Ia,b1 as Fy,b2 as pe,b3 as Gt,b4 as ye,b5 as fe,b6 as hn,b7 as Ky,b8 as Ty,b9 as Py,ba as bn,bb as xy,bc as Iy,bd as Dy,be as tt,bf as it,bg as Po,bh as Ly,bi as _y,bj as Ay,bk as xl,bl as wy,bm as xo,bn as Ry,bo as bi,bp as xn,bq as Ey,br as My,bs as Vy,bt as Bn,bu as on,bv as Io,bw as $e,bx as Do,by as qn,bz as rt,bA as Ga,bB as Lo,bC as Sn,bD as Si,bE as xa,bF as zy,bG as $a,bH as Ny,bI as $y,bJ as vi,bK as ot,bL as Jn,bM as va,bN as _o,bO as Wt,bP as cn,bQ as st,bR as Ao,bS as dt,bT as Zn,bU as wo,bV as ct,bW as jy,bX as Ro,bY as Eo,bZ as cr,b_ as ur,b$ as Oy,c0 as hl,c1 as Jt,c2 as ut,c3 as Qy,c4 as By,c5 as Wa,c6 as qy,c7 as Uy,c8 as kl,c9 as bl,ca as Sl,cb as mt,cc as Ci,cd as Mo,ce as Hy,cf as vl,cg as Vo,ch as gt,ci as pt,cj as Xn,ck as Gy,cl as Wy,cm as vn,cn as Vn,co as _a,cp as Fi,cq as zo,cr as Ki,cs as Jy,ct as Zy,cu as Xy,cv as Yy,cw as ef,cx as nf,cy as af,cz as Ti,cA as No,cB as $o,cC as jo,cD as Oo,cE as Ze,cF as Qo,cG as Bo,cH as Zt,cI as Pi,cJ as xi,cK as lf,cL as tf,cM as rf,cN as Ii,cO as of,cP as sf,cQ as yt,cR as df,cS as qo,cT as cf,cU as uf,cV as mf,cW as gf,cX as pf,cY as yf,cZ as ff,c_ as hf,c$ as kf,d0 as Uo,d1 as mr,d2 as bf,d3 as jn,d4 as Yn,d5 as Di,d6 as Ho,d7 as Go,d8 as gr,d9 as pr,da as Sf,db as vf,dc as Y,dd as Wo,de as ft,df as ht,dg as Ja,dh as Jo,di as Za,dj as Xa,dk as Zo,dl as Cf,dm as Ff,dn as Kf,dp as Tf,dq as Pf,dr as xf,ds as If,dt as Aa,du as Xo,dv as Df,dw as Lf,dx as yr,dy as _f,dz as Af,dA as wf,dB as Rf,dC as Ef,dD as Mf,dE as Yo,dF as Vf,dG as zf,dH as Nf,dI as $f,dJ as wa,dK as Li,dL as es,dM as ja,dN as wt,dO as jf,dP as Of,dQ as _i,dR as kt,dS as Ln,dT as Xt,dU as ns,dV as Qf,dW as Bf,dX as as,dY as ls,dZ as qf,d_ as Uf,d$ as ts,e0 as Hf,e1 as Gf,e2 as fr,e3 as Wf,e4 as Jf,e5 as Zf,e6 as Xf,e7 as Yf,e8 as eh,e9 as Rt,ea as is,eb as nh,ec as ah,ed as hr,ee as lh,ef as th,eg as Oa,eh as ih,ei as rh,ej as oh,ek as sh,el as dh,em as bt,en as rs,eo as kr,ep as ch,eq as uh,er as mh,es as gh,et as os,eu as ph,ev as yh,ew as fh,ex as br,ey as Sr}from"./components-DVEsaeYg.js";import{g as Ca,i as Fa,d as hh,E as ss,R as Ka,k as Ai,b as kh,p as Il,n as ds}from"./vendor-codemirror-DWdZV1Is.js";import{P as cs,C as us,T as ea,a as ms,R as On,X as na,Y as In,b as aa,B as Ra,c as St,d as Dl,A as Cl,e as gs,L as ps,f as bh}from"./vendor-recharts-BfHdRd1Y.js";const Sh=4,vh="Unable to parse span input messages, expected messages which include a role and content.",Ch="Unable to parse span output messages, expected messages which include a role and content.",Fh="Unable to parse span output expected output.value to be present.",Kh="Unable to parse span attributes, attributes must be valid JSON.",Th="Unable to parse model config, expected llm.model_name to be present.",Ph="Unable to parse model config, expected llm.invocation_parameters JSON string to be present.",xh="Unable to parse invocation parameters response_format, expected llm.invocation_parameters.response_format to be a well formed json object or undefined.",Ih="Unable to parse tools, expected tools to be an array of valid tools.",Dh="Unable to parse prompt template variables, expected prompt template variables to be a valid JSON object string.",vr={AZURE_OPENAI:[],ANTHROPIC:["claude"],OPENAI:["gpt","o1"],GOOGLE:["gemini"],DEEPSEEK:["deepseek"]},ca="TOOL_CHOICE",Qa="tool_choice",wn="RESPONSE_FORMAT",_n="response_format",Lh=[ca,wn],_h=R.object({tool_call:R.object({id:R.string().optional(),function:R.object({name:R.string(),arguments:R.string()}).partial()}).partial()}).partial(),ys=R.object({[ve.message]:R.object({[ze.role]:R.string(),[ze.content]:R.union([R.string(),R.array(R.record(R.string(),R.unknown()))]).default(""),[ze.contents]:R.array(R.object({message_content:R.record(R.string())})).optional(),[ze.tool_calls]:R.array(_h).optional(),[ze.tool_call_id]:R.string().optional()})}),Ah=R.object({[ve.llm]:R.object({[Be.input_messages]:R.array(ys)})}),wh=R.object({[ve.llm]:R.object({[Be.output_messages]:R.array(ys)})}),Rh=R.object({[ve.output]:R.object({value:R.string()})}),fs=Wp()(R.enum(["user","ai","system","tool"])),Eh=R.object({id:R.number(),role:fs,content:R.string().optional(),toolCallId:R.string().optional(),toolCalls:R.array(Jp).optional()}),Mh=R.array(Eh),hs=R.lazy(()=>R.record(ui)),Vh=hs,ks=R.string().transform((n,a)=>{const{json:l}=Qe(n);if(!mi(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}=Vh.safeParse(l);return t?i:(a.addIssue({code:R.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),R.NEVER)}).default("{}"),zh=R.object({[ve.llm]:R.object({[Be.provider]:R.string().optional(),[Be.model_name]:R.string()})}),bs=R.object({[ve.llm]:R.object({[Be.invocation_parameters]:ks})}),Nh=R.object({[ve.llm]:R.object({[Be.invocation_parameters]:ks.pipe(R.object({response_format:hs.optional()}))})}),$h=R.object({url:R.object({full:R.string(),path:R.string().optional()})}),jh=R.string().transform((n,a)=>{const{json:l}=Qe(n);return l==null||!mi(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}=Zp.safeParse(n);return t?l:(a.addIssue({code:R.ZodIssueCode.custom,message:"The tool JSON schema must be a valid tool schema"}),R.NEVER)}),Oh=R.object({[ve.llm]:R.object({[Be.tools]:R.array(R.object({[ve.tool]:R.object({[Nl.json_schema]:jh})}).optional()).optional()}).optional()}).optional(),Qh=R.lazy(()=>R.object({type:R.literal("json_schema"),json_schema:R.object({name:R.string().describe("The name of the schema"),schema:Xp.describe("The schema itself in JSON schema format"),strict:R.literal(!0).describe("The schema must be strict")})})),Bh=Gl(Qh,{removeAdditionalStrategy:"passthrough"}),qh=R.string().transform((n,a)=>{const{json:l}=Qe(n);return ma(l)?Object.entries(l).reduce((i,[r,s])=>{if(typeof s=="string")i[r]=s;else{const{json:d}=En(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)}),Uh=R.object({[ve.llm]:R.object({[Be.prompt_template]:R.object({variables:qh}).optional()}).optional()}).optional();function Ss(n){return fs.safeParse(n).success}function ia(n){const a=n.toLowerCase();if(Ss(a))return a;for(const[l,t]of Object.entries($l))if(t.includes(a))return l;return Yp}function Hh({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}=Qe(l.function.arguments);ma(c)&&(t=c)}switch(a){case"OPENAI":case"AZURE_OPENAI":case"DEEPSEEK":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:Pe()}}).filter(l=>l!=null)}function vs({messages:n,provider:a}){return n.map(({message:l})=>{var t,i;return{id:oa(),role:l.tool_call_id!=null?ia("tool"):ia(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:Hh({provider:a,toolCalls:l.tool_calls}),toolCallId:l.tool_call_id}})}function Gh({provider:n,parsedAttributes:a}){var t;const l=Ah.safeParse(a);if(!l.success)return{messageParsingErrors:[vh],messages:null};if(n==="ANTHROPIC"){const{success:i,data:r}=bs.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:vs({provider:n,messages:l.data.llm.input_messages})}}function Wh({provider:n,parsedAttributes:a}){const l=[],t=wh.safeParse(a);if(t.success)return{output:vs({provider:n,messages:t.data.llm.output_messages}),outputParsingErrors:l};l.push(Ch);const i=Rh.safeParse(a);return i.success?{output:i.data.output.value,outputParsingErrors:l}:(l.push(Fh),{output:void 0,outputParsingErrors:l})}function Cs(n){if(n==null)return null;switch(n.toLowerCase()){case"openai":return"OPENAI";case"anthropic":return"ANTHROPIC";case"google":return"GOOGLE";case"azure":return"AZURE_OPENAI";default:return null}}function Jh(n){for(const a of Object.keys(vr))if(vr[a].some(t=>n.includes(t)))return a;return go}function Zh(n){const{success:a,data:l}=zh.safeParse(n);if(a){const t=Cs(l.llm.provider)||Jh(l.llm.model_name),i=Xh(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:[Th]}}function Xh(n){const{success:a,data:l}=$h.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 Yh(n,a=[]){const{success:l,data:t}=bs.safeParse(n),i=[];return l||i.push(Ph),{invocationParameters:s0((t==null?void 0:t.llm.invocation_parameters)??{},a),parsingErrors:i}}function e0(n){const{success:a,data:l}=Nh.safeParse(n);return a?{responseFormat:l.llm.invocation_parameters.response_format,parsingErrors:[]}:{responseFormat:void 0,parsingErrors:[xh]}}function n0(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:ul(),definition:l.tool.json_schema}).filter(l=>l!=null)}function a0(n){var t;const{data:a,success:l}=Oh.safeParse(n);return l?((t=a==null?void 0:a.llm)==null?void 0:t.tools)==null?{tools:null,parsingErrors:[]}:{tools:n0(a),parsingErrors:[]}:{tools:null,parsingErrors:[Ih]}}function l0(n){var t;const{success:a,data:l}=Uh.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:[Dh]}}function t0(n){const{instance:a,instanceMessages:l}=mo(),t={...a,template:{__type:"chat",messages:Object.values(l)}},{json:i,parseError:r}=Qe(n.attributes);if(r)return{playgroundInstance:{...t,spanId:(n==null?void 0:n.id)??null},parsingErrors:[Kh]};const s=n.invocationParameters,d=Zh(i);let{modelConfig:c}=d;const{parsingErrors:p}=d,{messages:y,messageParsingErrors:u}=Gh({provider:(c==null?void 0:c.provider)??t.model.provider,parsedAttributes:i}),{output:g,outputParsingErrors:f}=Wh({provider:(c==null?void 0:c.provider)??t.model.provider,parsedAttributes:i}),{invocationParameters:k,parsingErrors:h}=Yh(i,s),{variables:S,parsingErrors:K}=l0(i),{parsingErrors:P}=e0(i);c=c!=null?{...c,invocationParameters:P.length>0?k.filter(L=>L.invocationName!==_n&&L.canonicalName!==wn):k}:null;const{tools:I,parsingErrors:D}=a0(i),T=y==null?void 0:y.map(L=>({...L,content:L.role==="tool"?wi(L.content):L.content}));return{playgroundInstance:{...t,model:c??t.model,template:T!=null?{__type:"chat",messages:T}:t.template,output:g,spanId:n.id,tools:I??t.tools},playgroundInput:S!=null?{variablesValueCache:S}:void 0,parsingErrors:[...u,...f,...p,...D,...h,...P,...K]}}const i0=n=>Mh.safeParse(n).success,Fs=({instance:n,templateFormat:a})=>{if(a==fn.NONE)return[];const l=new Set,t=n.template.__type,i=ey(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:Pe()}return Array.from(l)},r0=({instances:n,templateFormat:a})=>a==fn.NONE?[]:Array.from(new Set(n.flatMap(l=>Fs({instance:l,templateFormat:a})))),Ks=({instances:n,templateFormat:a,input:l})=>{if(a==fn.NONE)return{variablesMap:{},variableKeys:[]};const t=r0({instances:n,templateFormat:a}),i=l.variablesValueCache??{};return{variablesMap:t.reduce((s,d)=>(s[d]=i[d]||"",s),{}),variableKeys:t}};function ga(n,a){return n.invocationName===a.invocationName||n.canonicalName!=null&&a.canonicalName!=null&&n.canonicalName===a.canonicalName}const o0=(n,a)=>n.filter(l=>a.some(t=>ga(t,l))).map(l=>{var t;return{...l,invocationName:((t=a.find(i=>ga(i,l)))==null?void 0:t.invocationName)??l.invocationName}}),Ya=n=>n.replace(/_([a-z])/g,(a,l)=>l.toUpperCase()),s0=(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,[Ya(i.invocationInputField)]:t}}).filter(l=>l!=null),Ts=n=>{const{provider:a,validatedToolDefinition:l}=ly(n.definition);switch(a){case"OPENAI":case"AZURE_OPENAI":return l.function.name;case"ANTHROPIC":return l.name;case"UNKNOWN":return null;default:Pe()}},d0=({provider:n,toolNumber:a})=>{switch(n){case"OPENAI":case"DEEPSEEK":case"AZURE_OPENAI":return{id:ul(),definition:or(a)};case"ANTHROPIC":return{id:ul(),definition:ay(a)};case"GOOGLE":return{id:ul(),definition:or(a)};default:Pe()}},c0=n=>{switch(n){case"OPENAI":case"AZURE_OPENAI":case"DEEPSEEK":return rr();case"ANTHROPIC":return ny();case"GOOGLE":return rr();default:Pe()}};function u0(n){return{content:n.content,role:m0(n.role),toolCalls:n.toolCalls,toolCallId:n.toolCallId}}function m0(n){switch(n){case"system":return"SYSTEM";case"user":return"USER";case"tool":return"TOOL";case"ai":return"AI";default:Pe()}}const Ps=({playgroundStore:n,instanceId:a,credentials:l})=>{var u;const{instances:t,allInstanceMessages:i}=n.getState(),r=t.find(g=>g.id===a);if(!r)throw new Error(`No instance found for id ${a}`);if(r.template.__type!=="chat")throw new Error("We only support chat templates for now");const s=r.template.messageIds.map(g=>i[g]).filter(g=>g!=null),d=r.model.supportedInvocationParameters;let c=[...r.model.invocationParameters];const p=gi({toolChoice:r.toolChoice,targetProvider:r.model.provider});r.tools.length>0?(c=c.filter(g=>g.invocationName!==Qa&&g.canonicalName!==ca),c.push({canonicalName:ca,invocationName:Qa,valueJson:p})):c=c.filter(g=>g.invocationName!==Qa&&g.canonicalName!==ca),c=d.length?o0(c,d):c;const y=r.model.provider==="AZURE_OPENAI"?{endpoint:r.model.endpoint,apiVersion:r.model.apiVersion}:{};return{messages:s.map(u0),model:{providerKey:r.model.provider,name:r.model.modelName||"",baseUrl:r.model.baseUrl,...y},invocationParameters:Is(c,r.model.provider,r.model.modelName),tools:r.tools.length?r.tools.map(g=>g.definition):void 0,apiKey:l[r.model.provider]||null,promptName:(u=r.prompt)==null?void 0:u.name}},vt=(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},g0=({playgroundStore:n,instanceId:a,credentials:l})=>{const t=Ps({playgroundStore:n,instanceId:a,credentials:l}),{instances:i,templateFormat:r,input:s,allInstanceMessages:d}=n.getState(),c=i.map(y=>vt(y,d)),{variablesMap:p}=Ks({instances:c,input:s,templateFormat:r});return{...t,template:{variables:p,format:r}}},Cr=({playgroundStore:n,instanceId:a,credentials:l,datasetId:t})=>({...Ps({playgroundStore:n,instanceId:a,credentials:l}),templateFormat:n.getState().templateFormat,datasetId:t});function wi(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 xs(n,a){return a.filter(l=>l.required).every(l=>n.some(t=>ga(t,l)))}const p0=n=>{for(const[a,l]of Object.entries(n))if(a.endsWith("DefaultValue")&&l!=null)return n[a]};function UK(n,a){const l=new Map(n.map(t=>[t.invocationName,t]));return a.forEach(t=>{var c;const i=t.invocationName,r=p0(t),s=Ya(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 y0=R.object({type:R.literal("enabled")}).passthrough(),f0=R.object({type:R.enum(["any","tool"])}).passthrough(),h0=(n,a)=>{if(!a)return n;const l=n.some(t=>t.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&t.valueJson&&y0.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===ca)return!f0.safeParse(t.valueJson).success}return!0})},k0=["frequency_penalty","presence_penalty"],b0=n=>n.filter(l=>l.invocationName&&k0.includes(l.invocationName)?!(l.valueFloat==0||l.valueInt==0):!0),Is=(n,a,l)=>{const t=b0(n);return a==="ANTHROPIC"?h0(t,l):t},Ds=m.createContext(null);function HK({children:n,...a}){const[l]=m.useState(()=>ty(a));return e(Ds.Provider,{value:l,children:n})}function Ba(n,a){const l=m.useContext(Ds);if(!l)throw new Error("Missing CredentialsContext.Provider in the tree");return Fl(l,n,a)}const Ls="arize-phoenix-feature-flags",Et={dashboards:!1};function S0(){const n=localStorage.getItem(Ls);if(!n)return Et;try{const a=JSON.parse(n);return Object.assign({},Et,a)}catch{return Et}}const _s=m.createContext(null);function As(){const n=sn.useContext(_s);if(n===null)throw new Error("useFeatureFlags must be used within a FeatureFlagsProvider");return n}function v0(n){const{featureFlags:a}=As();return a[n]}function GK(n){const[a,l]=m.useState(S0()),t=i=>{localStorage.setItem(Ls,JSON.stringify(i)),l(i)};return e(_s.Provider,{value:{featureFlags:a,setFeatureFlags:t},children:e(C0,{children:n.children})})}function C0(n){const{children:a}=n,{featureFlags:l,setFeatureFlags:t}=As(),[i,r]=m.useState(!1);return ua("ctrl+shift+f",()=>r(!0)),o(J,{children:[a,e(re,{type:"modal",isDismissable:!0,onDismiss:()=>r(!1),children:i&&e(te,{title:"Feature Flags",children:e(v,{height:"size-1000",padding:"size-100",children:Object.keys(l).map(s=>e(ha,{isSelected:l[s],onChange:d=>t({...l,[s]:d}),children:s},s))})})})]})}const ws=m.createContext(null);function F0(){const n=m.useContext(ws);if(n===null)throw new Error("useFunctionality must be used within a FunctionalityProvider");return n}function WK(n){return e(ws.Provider,{value:{authenticationEnabled:window.Config.authenticationEnabled},children:n.children})}const Rs={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"GenerativeProvidersCard_data",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeyEnvVar",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeySet",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};Rs.hash="0168d590171b96e7a2e41449a41754be";function K0({query:n}){const[a,l]=m.useState(null),t=Ba(y=>y),i=Ba(y=>y.setCredential),r=x.useFragment(Rs,n),s=m.useMemo(()=>[...r.modelProviders],[r]),d=m.useMemo(()=>[{header:"Name",accessorKey:"name",cell:({row:y})=>o(b,{direction:"row",alignItems:"center",gap:"size-100",children:[e(et,{provider:y.original.key,height:18}),y.original.name]})},{header:"Environment Variable",accessorKey:"apiKeyEnvVar",cell:({row:y})=>e(C,{children:y.original.apiKeyEnvVar})},{header:"configuration",accessorKey:"apiKeySet",cell:({row:y})=>y.original.dependenciesInstalled?t[y.original.key]?e(C,{color:"success",children:"local"}):y.original.apiKeySet?e(C,{color:"success",children:"configured on the server"}):e(C,{color:"text-700",children:"not configured"}):e(C,{color:"warning",children:"missing dependencies"})},{header:"",accessorKey:"id",cell:({row:y})=>e(b,{direction:"row",justifyContent:"end",gap:"size-100",width:"100%",children:e(E,{size:"S",leadingVisual:e(_,{svg:e(Sa,{})}),onPress:()=>{l(y.original)}})})}],[t]),c=Ke({columns:d,data:s,getCoreRowModel:Te(),getSortedRowModel:ln()}),p=c.getRowModel().rows;return o(B,{title:"AI Providers",bodyStyle:{padding:0},variant:"compact",children:[o("table",{css:He,children:[e("thead",{children:c.getHeaderGroups().map(y=>e("tr",{children:y.headers.map(u=>e("th",{colSpan:u.colSpan,children:u.isPlaceholder?null:e("div",{children:W(u.column.columnDef.header,u.getContext())})},u.id))},y.id))}),e("tbody",{children:p.map(y=>e("tr",{children:y.getVisibleCells().map(u=>e("td",{children:W(u.column.columnDef.cell,u.getContext())},u.id))},y.id))})]}),e(re,{type:"modal",isDismissable:!0,onDismiss:()=>l(null),children:a&&o(te,{title:`Set ${a.name} API Key`,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(X,{onChange:y=>{i({provider:a.key,value:y})},value:t[a.key],type:"password",children:[e(G,{children:`${a.name} API Key`}),e(Z,{placeholder:`e.g. ${a.apiKeyEnvVar}`}),e(C,{slot:"description",children:"The API key will be stored locally in your browser"})]})]}),e(v,{paddingX:"size-200",paddingY:"size-100",borderTopWidth:"thin",borderColor:"light",children:e(b,{direction:"row",justifyContent:"end",gap:"size-100",children:e(E,{variant:"primary",size:"S",onPress:()=>{l(null)},children:"Set API Key"})})})]})})]})}function JK(){const n=Me();return je(n),e(K0,{query:n})}const Es={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"settingsAIProvidersPageLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"GenerativeProvidersCard_data"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"settingsAIProvidersPageLoaderQuery",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeyEnvVar",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeySet",storageKey:null}],storageKey:null}]},params:{cacheID:"cc6e19e54ea894e905970362ee382e43",id:null,metadata:{},name:"settingsAIProvidersPageLoaderQuery",operationKind:"query",text:`query settingsAIProvidersPageLoaderQuery {
|
|
1
|
+
import{B as R,bk as ve,bl as ze,bm as Be,bn as Nl,D as Gl,r as m,j as e,u as Fl,aW as ua,l as o,Q as J,R as sn,o as x,aG as Ke,aH as ln,aJ as Te,aK as W,T as G,U as Z,bo as Me,q as je,ae as Ve,bp as cp,ai as H,V as Se,aE as fa,F,aj as Ye,ab as Ue,bq as up,br as mp,bs as gp,bt as pp,aO as ge,af as ii,bu as nr,bv as Ol,bw as Ce,aM as ce,aB as lo,bx as Oe,by as yp,aZ as Tn,bz as fp,aN as hp,bA as kp,J as ar,b0 as Ga,aY as Re,aX as Rn,bB as Pn,bC as pn,m as to,$ as bp,S as lr,G as tr,aU as io,I as Sp,X as vp,bD as Cp,bE as At,bF as wt,bG as il,b2 as Ql,b1 as Bl,t as Kl,b7 as ri,bH as Fp,bI as ir,bJ as Kp,bK as Tp,bL as Pp,bM as xp,bN as Ip,bO as Dp,bP as Lp,bQ as _p,bR as Ap,bS as kl,E as wp,bT as Rp,bU as wl,g as ro,bV as Ep,aD as oi,bW as oo,bX as so,bY as Mp,ak as Vp,bZ as zp,ag as Np,ah as $p,b_ as jp,n as Op}from"./vendor-BQGwy5QK.js";import{d as te,t as ha,D as oe,C as B,b as Ne,a as yn,T as Le,s as zn,r as si,L as Wl,v as Jl,w as co,m as di,P as Tl,c as Hn,E as Zl,o as ka,p as Wa,e as ba,g as uo,q as Xl,x as Qp,y as Yl,z as Bp,A as qp,B as Up,G as ci,H as ui,u as Hp,J as Gp}from"./vendor-arizeai-YTwSVP6E.js";import{s as Wp,l as Jp,j as mi,a as Qe,i as gi,b as Zp,c as Xp,d as ma,e as En,f as mo,D as go,g as oa,h as pl,C as $l,k as Yp,m as Pe,T as fn,n as ey,o as pi,p as rr,q as ny,r as or,t as ay,u as ly,v as ty,_ as v,G as et,w as b,x as C,y as E,I as _,E as Sa,z as He,A as X,R as he,B as ke,F as ue,H as sr,J as dr,N as sa,K as Ge,P as da,L as dn,M as cn,O as We,Q as Je,S as tn,U as Mn,V as Ja,W as un,X as Cn,Y as Ie,Z as ae,$ as me,a0 as en,a1 as Pl,a2 as po,a3 as we,a4 as yo,a5 as Ee,a6 as _e,a7 as yi,a8 as Nn,a9 as fo,aa as nn,ab as ne,ac as re,ad as an,ae as ho,af as ql,ag as qe,ah as Gn,ai as Ba,aj as qa,ak as nt,al as iy,am as ry,an as Ua,ao as ko,ap as Ht,aq as fi,ar as at,as as oy,at as sy,au as Gt,av as Rl,aw as de,ax as bo,ay as Fn,az as lt,aA as $n,aB as Wn,aC as So,aD as vo,aE as dy,aF as cy,aG as Kn,aH as uy,aI as Dn,aJ as my,aK as Co,aL as tt,aM as Ea,aN as hi,aO as ki,aP as gy,aQ as Fo,aR as py,aS as yy,aT as fy,aU as hy,aV as ky,aW as by,aX as Sy,aY as Fe,aZ as vy,a_ as Cy,a$ as bl,b0 as Ko,b1 as To,b2 as La,b3 as bi,b4 as Ia,b5 as Fy,b6 as pe,b7 as Wt,b8 as ye,b9 as fe,ba as hn,bb as Ky,bc as Ty,bd as Py,be as bn,bf as xy,bg as Iy,bh as Dy,bi as it,bj as rt,bk as Po,bl as Ly,bm as _y,bn as Ay,bo as xl,bp as wy,bq as xo,br as Ry,bs as Si,bt as xn,bu as Ey,bv as My,bw as Vy,bx as Bn,by as on,bz as Io,bA as $e,bB as Do,bC as qn,bD as ot,bE as Za,bF as Lo,bG as Sn,bH as vi,bI as xa,bJ as zy,bK as $a,bL as Ny,bM as $y,bN as Ci,bO as st,bP as Jn,bQ as va,bR as _o,bS as Jt,bT as mn,bU as dt,bV as Ao,bW as ct,bX as Zn,bY as wo,bZ as ut,b_ as jy,b$ as Ro,c0 as Eo,c1 as cr,c2 as ur,c3 as Oy,c4 as Sl,c5 as Zt,c6 as mt,c7 as Qy,c8 as By,c9 as Xa,ca as qy,cb as Uy,cc as vl,cd as gt,ce as Mo,cf as Hy,cg as Vo,ch as pt,ci as yt,cj as Xn,ck as Gy,cl as Wy,cm as vn,cn as Vn,co as _a,cp as Fi,cq as zo,cr as Ki,cs as Jy,ct as Zy,cu as Xy,cv as Yy,cw as ef,cx as nf,cy as af,cz as Ti,cA as No,cB as $o,cC as jo,cD as Oo,cE as Ze,cF as Qo,cG as Bo,cH as Xt,cI as Pi,cJ as xi,cK as lf,cL as tf,cM as rf,cN as Ii,cO as of,cP as sf,cQ as ft,cR as df,cS as qo,cT as cf,cU as uf,cV as mf,cW as gf,cX as pf,cY as yf,cZ as ff,c_ as hf,c$ as kf,d0 as Uo,d1 as mr,d2 as bf,d3 as jn,d4 as Yn,d5 as Di,d6 as Ho,d7 as Go,d8 as gr,d9 as pr,da as Sf,db as vf,dc as Y,dd as Wo,de as ht,df as kt,dg as Ya,dh as Jo,di as el,dj as nl,dk as Zo,dl as Cf,dm as Ff,dn as Kf,dp as Tf,dq as Pf,dr as xf,ds as If,dt as Aa,du as Xo,dv as Df,dw as Lf,dx as yr,dy as _f,dz as Af,dA as wf,dB as Rf,dC as Ef,dD as Mf,dE as Yo,dF as Vf,dG as zf,dH as Nf,dI as $f,dJ as wa,dK as Li,dL as es,dM as ja,dN as Rt,dO as jf,dP as Of,dQ as _i,dR as bt,dS as Ln,dT as Yt,dU as ns,dV as Qf,dW as Bf,dX as as,dY as ls,dZ as qf,d_ as Uf,d$ as ts,e0 as Hf,e1 as Gf,e2 as fr,e3 as Wf,e4 as Jf,e5 as Zf,e6 as Xf,e7 as Yf,e8 as eh,e9 as Et,ea as is,eb as nh,ec as ah,ed as hr,ee as lh,ef as th,eg as Oa,eh as ih,ei as rh,ej as oh,ek as sh,el as dh,em as St,en as rs,eo as kr,ep as ch,eq as uh,er as mh,es as gh,et as os,eu as ph,ev as yh,ew as fh,ex as br,ey as Sr}from"./components-Bt8CSP-i.js";import{g as Ca,i as Fa,d as hh,E as ss,R as Ka,k as Ai,b as kh,p as Il,n as ds}from"./vendor-codemirror-DYaCpVub.js";import{P as cs,C as us,T as ea,a as ms,R as On,X as na,Y as In,b as aa,B as Ra,c as vt,d as Dl,A as Cl,e as gs,L as ps,f as bh}from"./vendor-recharts-CN57ozoF.js";const Sh=4,vh="Unable to parse span input messages, expected messages which include a role and content.",Ch="Unable to parse span output messages, expected messages which include a role and content.",Fh="Unable to parse span output expected output.value to be present.",Kh="Unable to parse span attributes, attributes must be valid JSON.",Th="Unable to parse model config, expected llm.model_name to be present.",Ph="Unable to parse model config, expected llm.invocation_parameters JSON string to be present.",xh="Unable to parse invocation parameters response_format, expected llm.invocation_parameters.response_format to be a well formed json object or undefined.",Ih="Unable to parse tools, expected tools to be an array of valid tools.",Dh="Unable to parse prompt template variables, expected prompt template variables to be a valid JSON object string.",vr={AZURE_OPENAI:[],ANTHROPIC:["claude"],OPENAI:["gpt","o1"],GOOGLE:["gemini"],DEEPSEEK:["deepseek"]},ca="TOOL_CHOICE",Qa="tool_choice",wn="RESPONSE_FORMAT",_n="response_format",Lh=[ca,wn],_h=R.object({tool_call:R.object({id:R.string().optional(),function:R.object({name:R.string(),arguments:R.string()}).partial()}).partial()}).partial(),ys=R.object({[ve.message]:R.object({[ze.role]:R.string(),[ze.content]:R.union([R.string(),R.array(R.record(R.string(),R.unknown()))]).default(""),[ze.contents]:R.array(R.object({message_content:R.record(R.string())})).optional(),[ze.tool_calls]:R.array(_h).optional(),[ze.tool_call_id]:R.string().optional()})}),Ah=R.object({[ve.llm]:R.object({[Be.input_messages]:R.array(ys)})}),wh=R.object({[ve.llm]:R.object({[Be.output_messages]:R.array(ys)})}),Rh=R.object({[ve.output]:R.object({value:R.string()})}),fs=Wp()(R.enum(["user","ai","system","tool"])),Eh=R.object({id:R.number(),role:fs,content:R.string().optional(),toolCallId:R.string().optional(),toolCalls:R.array(Jp).optional()}),Mh=R.array(Eh),hs=R.lazy(()=>R.record(mi)),Vh=hs,ks=R.string().transform((n,a)=>{const{json:l}=Qe(n);if(!gi(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}=Vh.safeParse(l);return t?i:(a.addIssue({code:R.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),R.NEVER)}).default("{}"),zh=R.object({[ve.llm]:R.object({[Be.provider]:R.string().optional(),[Be.model_name]:R.string()})}),bs=R.object({[ve.llm]:R.object({[Be.invocation_parameters]:ks})}),Nh=R.object({[ve.llm]:R.object({[Be.invocation_parameters]:ks.pipe(R.object({response_format:hs.optional()}))})}),$h=R.object({url:R.object({full:R.string(),path:R.string().optional()})}),jh=R.string().transform((n,a)=>{const{json:l}=Qe(n);return l==null||!gi(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}=Zp.safeParse(n);return t?l:(a.addIssue({code:R.ZodIssueCode.custom,message:"The tool JSON schema must be a valid tool schema"}),R.NEVER)}),Oh=R.object({[ve.llm]:R.object({[Be.tools]:R.array(R.object({[ve.tool]:R.object({[Nl.json_schema]:jh})}).optional()).optional()}).optional()}).optional(),Qh=R.lazy(()=>R.object({type:R.literal("json_schema"),json_schema:R.object({name:R.string().describe("The name of the schema"),schema:Xp.describe("The schema itself in JSON schema format"),strict:R.literal(!0).describe("The schema must be strict")})})),Bh=Gl(Qh,{removeAdditionalStrategy:"passthrough"}),qh=R.string().transform((n,a)=>{const{json:l}=Qe(n);return ma(l)?Object.entries(l).reduce((i,[r,s])=>{if(typeof s=="string")i[r]=s;else{const{json:d}=En(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)}),Uh=R.object({[ve.llm]:R.object({[Be.prompt_template]:R.object({variables:qh}).optional()}).optional()}).optional();function Ss(n){return fs.safeParse(n).success}function ia(n){const a=n.toLowerCase();if(Ss(a))return a;for(const[l,t]of Object.entries($l))if(t.includes(a))return l;return Yp}function Hh({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}=Qe(l.function.arguments);ma(c)&&(t=c)}switch(a){case"OPENAI":case"AZURE_OPENAI":case"DEEPSEEK":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:Pe()}}).filter(l=>l!=null)}function vs({messages:n,provider:a}){return n.map(({message:l})=>{var t,i;return{id:oa(),role:l.tool_call_id!=null?ia("tool"):ia(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:Hh({provider:a,toolCalls:l.tool_calls}),toolCallId:l.tool_call_id}})}function Gh({provider:n,parsedAttributes:a}){var t;const l=Ah.safeParse(a);if(!l.success)return{messageParsingErrors:[vh],messages:null};if(n==="ANTHROPIC"){const{success:i,data:r}=bs.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:vs({provider:n,messages:l.data.llm.input_messages})}}function Wh({provider:n,parsedAttributes:a}){const l=[],t=wh.safeParse(a);if(t.success)return{output:vs({provider:n,messages:t.data.llm.output_messages}),outputParsingErrors:l};l.push(Ch);const i=Rh.safeParse(a);return i.success?{output:i.data.output.value,outputParsingErrors:l}:(l.push(Fh),{output:void 0,outputParsingErrors:l})}function Cs(n){if(n==null)return null;switch(n.toLowerCase()){case"openai":return"OPENAI";case"anthropic":return"ANTHROPIC";case"google":return"GOOGLE";case"azure":return"AZURE_OPENAI";default:return null}}function Jh(n){for(const a of Object.keys(vr))if(vr[a].some(t=>n.includes(t)))return a;return go}function Zh(n){const{success:a,data:l}=zh.safeParse(n);if(a){const t=Cs(l.llm.provider)||Jh(l.llm.model_name),i=Xh(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:[Th]}}function Xh(n){const{success:a,data:l}=$h.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 Yh(n,a=[]){const{success:l,data:t}=bs.safeParse(n),i=[];return l||i.push(Ph),{invocationParameters:s0((t==null?void 0:t.llm.invocation_parameters)??{},a),parsingErrors:i}}function e0(n){const{success:a,data:l}=Nh.safeParse(n);return a?{responseFormat:l.llm.invocation_parameters.response_format,parsingErrors:[]}:{responseFormat:void 0,parsingErrors:[xh]}}function n0(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:pl(),definition:l.tool.json_schema}).filter(l=>l!=null)}function a0(n){var t;const{data:a,success:l}=Oh.safeParse(n);return l?((t=a==null?void 0:a.llm)==null?void 0:t.tools)==null?{tools:null,parsingErrors:[]}:{tools:n0(a),parsingErrors:[]}:{tools:null,parsingErrors:[Ih]}}function l0(n){var t;const{success:a,data:l}=Uh.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:[Dh]}}function t0(n){const{instance:a,instanceMessages:l}=mo(),t={...a,template:{__type:"chat",messages:Object.values(l)}},{json:i,parseError:r}=Qe(n.attributes);if(r)return{playgroundInstance:{...t,spanId:(n==null?void 0:n.id)??null},parsingErrors:[Kh]};const s=n.invocationParameters,d=Zh(i);let{modelConfig:c}=d;const{parsingErrors:p}=d,{messages:y,messageParsingErrors:u}=Gh({provider:(c==null?void 0:c.provider)??t.model.provider,parsedAttributes:i}),{output:g,outputParsingErrors:f}=Wh({provider:(c==null?void 0:c.provider)??t.model.provider,parsedAttributes:i}),{invocationParameters:k,parsingErrors:h}=Yh(i,s),{variables:S,parsingErrors:K}=l0(i),{parsingErrors:P}=e0(i);c=c!=null?{...c,invocationParameters:P.length>0?k.filter(L=>L.invocationName!==_n&&L.canonicalName!==wn):k}:null;const{tools:I,parsingErrors:D}=a0(i),T=y==null?void 0:y.map(L=>({...L,content:L.role==="tool"?wi(L.content):L.content}));return{playgroundInstance:{...t,model:c??t.model,template:T!=null?{__type:"chat",messages:T}:t.template,output:g,spanId:n.id,tools:I??t.tools},playgroundInput:S!=null?{variablesValueCache:S}:void 0,parsingErrors:[...u,...f,...p,...D,...h,...P,...K]}}const i0=n=>Mh.safeParse(n).success,Fs=({instance:n,templateFormat:a})=>{if(a==fn.NONE)return[];const l=new Set,t=n.template.__type,i=ey(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:Pe()}return Array.from(l)},r0=({instances:n,templateFormat:a})=>a==fn.NONE?[]:Array.from(new Set(n.flatMap(l=>Fs({instance:l,templateFormat:a})))),Ks=({instances:n,templateFormat:a,input:l})=>{if(a==fn.NONE)return{variablesMap:{},variableKeys:[]};const t=r0({instances:n,templateFormat:a}),i=l.variablesValueCache??{};return{variablesMap:t.reduce((s,d)=>(s[d]=i[d]||"",s),{}),variableKeys:t}};function ga(n,a){return n.invocationName===a.invocationName||n.canonicalName!=null&&a.canonicalName!=null&&n.canonicalName===a.canonicalName}const o0=(n,a)=>n.filter(l=>a.some(t=>ga(t,l))).map(l=>{var t;return{...l,invocationName:((t=a.find(i=>ga(i,l)))==null?void 0:t.invocationName)??l.invocationName}}),al=n=>n.replace(/_([a-z])/g,(a,l)=>l.toUpperCase()),s0=(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,[al(i.invocationInputField)]:t}}).filter(l=>l!=null),Ts=n=>{const{provider:a,validatedToolDefinition:l}=ly(n.definition);switch(a){case"OPENAI":case"AZURE_OPENAI":return l.function.name;case"ANTHROPIC":return l.name;case"UNKNOWN":return null;default:Pe()}},d0=({provider:n,toolNumber:a})=>{switch(n){case"OPENAI":case"DEEPSEEK":case"AZURE_OPENAI":return{id:pl(),definition:or(a)};case"ANTHROPIC":return{id:pl(),definition:ay(a)};case"GOOGLE":return{id:pl(),definition:or(a)};default:Pe()}},c0=n=>{switch(n){case"OPENAI":case"AZURE_OPENAI":case"DEEPSEEK":return rr();case"ANTHROPIC":return ny();case"GOOGLE":return rr();default:Pe()}};function u0(n){return{content:n.content,role:m0(n.role),toolCalls:n.toolCalls,toolCallId:n.toolCallId}}function m0(n){switch(n){case"system":return"SYSTEM";case"user":return"USER";case"tool":return"TOOL";case"ai":return"AI";default:Pe()}}const Ps=({playgroundStore:n,instanceId:a,credentials:l})=>{var u;const{instances:t,allInstanceMessages:i}=n.getState(),r=t.find(g=>g.id===a);if(!r)throw new Error(`No instance found for id ${a}`);if(r.template.__type!=="chat")throw new Error("We only support chat templates for now");const s=r.template.messageIds.map(g=>i[g]).filter(g=>g!=null),d=r.model.supportedInvocationParameters;let c=[...r.model.invocationParameters];const p=pi({toolChoice:r.toolChoice,targetProvider:r.model.provider});r.tools.length>0?(c=c.filter(g=>g.invocationName!==Qa&&g.canonicalName!==ca),c.push({canonicalName:ca,invocationName:Qa,valueJson:p})):c=c.filter(g=>g.invocationName!==Qa&&g.canonicalName!==ca),c=d.length?o0(c,d):c;const y=r.model.provider==="AZURE_OPENAI"?{endpoint:r.model.endpoint,apiVersion:r.model.apiVersion}:{};return{messages:s.map(u0),model:{providerKey:r.model.provider,name:r.model.modelName||"",baseUrl:r.model.baseUrl,...y},invocationParameters:Is(c,r.model.provider,r.model.modelName),tools:r.tools.length?r.tools.map(g=>g.definition):void 0,apiKey:l[r.model.provider]||null,promptName:(u=r.prompt)==null?void 0:u.name}},Ct=(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},g0=({playgroundStore:n,instanceId:a,credentials:l})=>{const t=Ps({playgroundStore:n,instanceId:a,credentials:l}),{instances:i,templateFormat:r,input:s,allInstanceMessages:d}=n.getState(),c=i.map(y=>Ct(y,d)),{variablesMap:p}=Ks({instances:c,input:s,templateFormat:r});return{...t,template:{variables:p,format:r}}},Cr=({playgroundStore:n,instanceId:a,credentials:l,datasetId:t})=>({...Ps({playgroundStore:n,instanceId:a,credentials:l}),templateFormat:n.getState().templateFormat,datasetId:t});function wi(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 xs(n,a){return a.filter(l=>l.required).every(l=>n.some(t=>ga(t,l)))}const p0=n=>{for(const[a,l]of Object.entries(n))if(a.endsWith("DefaultValue")&&l!=null)return n[a]};function UK(n,a){const l=new Map(n.map(t=>[t.invocationName,t]));return a.forEach(t=>{var c;const i=t.invocationName,r=p0(t),s=al(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 y0=R.object({type:R.literal("enabled")}).passthrough(),f0=R.object({type:R.enum(["any","tool"])}).passthrough(),h0=(n,a)=>{if(!a)return n;const l=n.some(t=>t.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&t.valueJson&&y0.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===ca)return!f0.safeParse(t.valueJson).success}return!0})},k0=["frequency_penalty","presence_penalty"],b0=n=>n.filter(l=>l.invocationName&&k0.includes(l.invocationName)?!(l.valueFloat==0||l.valueInt==0):!0),Is=(n,a,l)=>{const t=b0(n);return a==="ANTHROPIC"?h0(t,l):t},Ds=m.createContext(null);function HK({children:n,...a}){const[l]=m.useState(()=>ty(a));return e(Ds.Provider,{value:l,children:n})}function Ha(n,a){const l=m.useContext(Ds);if(!l)throw new Error("Missing CredentialsContext.Provider in the tree");return Fl(l,n,a)}const Ls="arize-phoenix-feature-flags",Mt={dashboards:!1};function S0(){const n=localStorage.getItem(Ls);if(!n)return Mt;try{const a=JSON.parse(n);return Object.assign({},Mt,a)}catch{return Mt}}const _s=m.createContext(null);function As(){const n=sn.useContext(_s);if(n===null)throw new Error("useFeatureFlags must be used within a FeatureFlagsProvider");return n}function v0(n){const{featureFlags:a}=As();return a[n]}function GK(n){const[a,l]=m.useState(S0()),t=i=>{localStorage.setItem(Ls,JSON.stringify(i)),l(i)};return e(_s.Provider,{value:{featureFlags:a,setFeatureFlags:t},children:e(C0,{children:n.children})})}function C0(n){const{children:a}=n,{featureFlags:l,setFeatureFlags:t}=As(),[i,r]=m.useState(!1);return ua("ctrl+shift+f",()=>r(!0)),o(J,{children:[a,e(oe,{type:"modal",isDismissable:!0,onDismiss:()=>r(!1),children:i&&e(te,{title:"Feature Flags",children:e(v,{height:"size-1000",padding:"size-100",children:Object.keys(l).map(s=>e(ha,{isSelected:l[s],onChange:d=>t({...l,[s]:d}),children:s},s))})})})]})}const ws=m.createContext(null);function F0(){const n=m.useContext(ws);if(n===null)throw new Error("useFunctionality must be used within a FunctionalityProvider");return n}function WK(n){return e(ws.Provider,{value:{authenticationEnabled:window.Config.authenticationEnabled},children:n.children})}const Rs={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"GenerativeProvidersCard_data",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeyEnvVar",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeySet",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};Rs.hash="0168d590171b96e7a2e41449a41754be";function K0({query:n}){const[a,l]=m.useState(null),t=Ha(y=>y),i=Ha(y=>y.setCredential),r=x.useFragment(Rs,n),s=m.useMemo(()=>[...r.modelProviders],[r]),d=m.useMemo(()=>[{header:"Name",accessorKey:"name",cell:({row:y})=>o(b,{direction:"row",alignItems:"center",gap:"size-100",children:[e(et,{provider:y.original.key,height:18}),y.original.name]})},{header:"Environment Variable",accessorKey:"apiKeyEnvVar",cell:({row:y})=>e(C,{children:y.original.apiKeyEnvVar})},{header:"configuration",accessorKey:"apiKeySet",cell:({row:y})=>y.original.dependenciesInstalled?t[y.original.key]?e(C,{color:"success",children:"local"}):y.original.apiKeySet?e(C,{color:"success",children:"configured on the server"}):e(C,{color:"text-700",children:"not configured"}):e(C,{color:"warning",children:"missing dependencies"})},{header:"",accessorKey:"id",cell:({row:y})=>e(b,{direction:"row",justifyContent:"end",gap:"size-100",width:"100%",children:e(E,{size:"S",leadingVisual:e(_,{svg:e(Sa,{})}),onPress:()=>{l(y.original)}})})}],[t]),c=Ke({columns:d,data:s,getCoreRowModel:Te(),getSortedRowModel:ln()}),p=c.getRowModel().rows;return o(B,{title:"AI Providers",bodyStyle:{padding:0},variant:"compact",children:[o("table",{css:He,children:[e("thead",{children:c.getHeaderGroups().map(y=>e("tr",{children:y.headers.map(u=>e("th",{colSpan:u.colSpan,children:u.isPlaceholder?null:e("div",{children:W(u.column.columnDef.header,u.getContext())})},u.id))},y.id))}),e("tbody",{children:p.map(y=>e("tr",{children:y.getVisibleCells().map(u=>e("td",{children:W(u.column.columnDef.cell,u.getContext())},u.id))},y.id))})]}),e(oe,{type:"modal",isDismissable:!0,onDismiss:()=>l(null),children:a&&o(te,{title:`Set ${a.name} API Key`,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(X,{onChange:y=>{i({provider:a.key,value:y})},value:t[a.key],type:"password",children:[e(G,{children:`${a.name} API Key`}),e(Z,{placeholder:`e.g. ${a.apiKeyEnvVar}`}),e(C,{slot:"description",children:"The API key will be stored locally in your browser"})]})]}),e(v,{paddingX:"size-200",paddingY:"size-100",borderTopWidth:"thin",borderColor:"light",children:e(b,{direction:"row",justifyContent:"end",gap:"size-100",children:e(E,{variant:"primary",size:"S",onPress:()=>{l(null)},children:"Set API Key"})})})]})})]})}function JK(){const n=Me();return je(n),e(K0,{query:n})}const Es={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"settingsAIProvidersPageLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"GenerativeProvidersCard_data"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"settingsAIProvidersPageLoaderQuery",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeyEnvVar",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeySet",storageKey:null}],storageKey:null}]},params:{cacheID:"cc6e19e54ea894e905970362ee382e43",id:null,metadata:{},name:"settingsAIProvidersPageLoaderQuery",operationKind:"query",text:`query settingsAIProvidersPageLoaderQuery {
|
|
2
2
|
...GenerativeProvidersCard_data
|
|
3
3
|
}
|
|
4
4
|
|
|
@@ -191,7 +191,7 @@ fragment AnnotationConfigTableFragment on Query {
|
|
|
191
191
|
}
|
|
192
192
|
}
|
|
193
193
|
}
|
|
194
|
-
`}}}();zs.hash="dd6584e233bd3299d9546d2bc1a7762f";const Ns={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SettingsAnnotationsPageFragment",selections:[{args:null,kind:"FragmentSpread",name:"AnnotationConfigTableFragment"}],type:"Query",abstractKey:null};Ns.hash="899b97b5d6aabeea206cd9b4ffb1a773";const Fr="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split(""),T0=["MAXIMIZE","MINIMIZE","NONE"],P0=["CATEGORICAL","CONTINUOUS","FREEFORM"],$s=({onAddAnnotationConfig:n,initialAnnotationConfig:a})=>{const l=ke(),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:p,remove:y}=cp({control:r,name:"values"}),u=(f,k)=>{const h=()=>{t({title:i==="new"?"Annotation config created!":"Annotation config updated!"}),k()},S=K=>{l({title:i==="new"?"Failed to create annotation config":"Failed to update annotation config",message:K})};switch(f.annotationType){case"CATEGORICAL":{const K={annotationType:"CATEGORICAL",name:f.name,values:f.values,id:(a==null?void 0:a.id)||"",optimizationDirection:f.optimizationDirection,description:f.description};n(K,{onCompleted:h,onError:S});break}case"CONTINUOUS":{const K={annotationType:"CONTINUOUS",name:f.name,lowerBound:f.lowerBound,upperBound:f.upperBound,id:(a==null?void 0:a.id)||"",optimizationDirection:f.optimizationDirection,description:f.description};n(K,{onCompleted:h,onError:S});break}case"FREEFORM":{const K={annotationType:"FREEFORM",name:f.name,id:(a==null?void 0:a.id)||"",description:f.description};n(K,{onCompleted:h,onError:S});break}}},g=d("annotationType");return e(
|
|
194
|
+
`}}}();zs.hash="dd6584e233bd3299d9546d2bc1a7762f";const Ns={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SettingsAnnotationsPageFragment",selections:[{args:null,kind:"FragmentSpread",name:"AnnotationConfigTableFragment"}],type:"Query",abstractKey:null};Ns.hash="899b97b5d6aabeea206cd9b4ffb1a773";const Fr="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split(""),T0=["MAXIMIZE","MINIMIZE","NONE"],P0=["CATEGORICAL","CONTINUOUS","FREEFORM"],$s=({onAddAnnotationConfig:n,initialAnnotationConfig:a})=>{const l=ke(),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:p,remove:y}=cp({control:r,name:"values"}),u=(f,k)=>{const h=()=>{t({title:i==="new"?"Annotation config created!":"Annotation config updated!"}),k()},S=K=>{l({title:i==="new"?"Failed to create annotation config":"Failed to update annotation config",message:K})};switch(f.annotationType){case"CATEGORICAL":{const K={annotationType:"CATEGORICAL",name:f.name,values:f.values,id:(a==null?void 0:a.id)||"",optimizationDirection:f.optimizationDirection,description:f.description};n(K,{onCompleted:h,onError:S});break}case"CONTINUOUS":{const K={annotationType:"CONTINUOUS",name:f.name,lowerBound:f.lowerBound,upperBound:f.upperBound,id:(a==null?void 0:a.id)||"",optimizationDirection:f.optimizationDirection,description:f.description};n(K,{onCompleted:h,onError:S});break}case"FREEFORM":{const K={annotationType:"FREEFORM",name:f.name,id:(a==null?void 0:a.id)||"",description:f.description};n(K,{onCompleted:h,onError:S});break}}},g=d("annotationType");return e(dn,{css:F`
|
|
195
195
|
border: none;
|
|
196
196
|
width: 700px;
|
|
197
197
|
max-width: 90%;
|
|
@@ -218,15 +218,15 @@ fragment AnnotationConfigTableFragment on Query {
|
|
|
218
218
|
&[data-editing="true"] {
|
|
219
219
|
display: none;
|
|
220
220
|
}
|
|
221
|
-
`,children:e(v,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",justifyContent:"space-between",children:[o(C,{children:['Config: "',n==null?void 0:n.name,'"']}),o(b,{direction:"row",gap:"size-100",children:[e(E,{variant:"quiet",onPress:a,children:"Clear Selection"}),o(Ue,{onOpenChange:d=>{r(d),d||a()},children:[o(E,{variant:"danger",children:[e(_,{svg:e(Ge,{})}),"Delete"]}),e(
|
|
221
|
+
`,children:e(v,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:o(b,{direction:"row",gap:"size-100",alignItems:"center",justifyContent:"space-between",children:[o(C,{children:['Config: "',n==null?void 0:n.name,'"']}),o(b,{direction:"row",gap:"size-100",children:[e(E,{variant:"quiet",onPress:a,children:"Clear Selection"}),o(Ue,{onOpenChange:d=>{r(d),d||a()},children:[o(E,{variant:"danger",children:[e(_,{svg:e(Ge,{})}),"Delete"]}),e(cn,{children:e(dn,{css:F`
|
|
222
222
|
border: none;
|
|
223
|
-
`,children:({close:d})=>o(B,{title:"Delete Annotation Config",bodyStyle:{padding:0},variant:"compact",children:[e(v,{padding:"size-200",children:e(C,{children:"Are you sure you want to delete this annotation config? Annotations made with this config will not be impacted."})}),e(v,{paddingX:"size-200",paddingY:"size-100",borderTopColor:"dark",borderTopWidth:"thin",children:o(b,{gap:"size-100",justifyContent:"end",children:[e(E,{variant:"quiet",onPress:d,children:"Cancel"}),e(E,{variant:"danger",onPress:()=>{s&&t(s,{onCompleted:()=>{d()}})},children:"Delete"})]})})]})})})]}),o(Ue,{onOpenChange:d=>{r(d),d||a()},children:[o(E,{size:"S",variant:"primary",children:[e(_,{svg:e(Sa,{})}),"Edit"]}),e(
|
|
223
|
+
`,children:({close:d})=>o(B,{title:"Delete Annotation Config",bodyStyle:{padding:0},variant:"compact",children:[e(v,{padding:"size-200",children:e(C,{children:"Are you sure you want to delete this annotation config? Annotations made with this config will not be impacted."})}),e(v,{paddingX:"size-200",paddingY:"size-100",borderTopColor:"dark",borderTopWidth:"thin",children:o(b,{gap:"size-100",justifyContent:"end",children:[e(E,{variant:"quiet",onPress:d,children:"Cancel"}),e(E,{variant:"danger",onPress:()=>{s&&t(s,{onCompleted:()=>{d()}})},children:"Delete"})]})})]})})})]}),o(Ue,{onOpenChange:d=>{r(d),d||a()},children:[o(E,{size:"S",variant:"primary",children:[e(_,{svg:e(Sa,{})}),"Edit"]}),e(cn,{children:e($s,{initialAnnotationConfig:n,onAddAnnotationConfig:l})})]})]})]})})})},I0=[{id:"select",maxSize:10,header:()=>null,cell:({row:n})=>e(Mn,{checked:n.getIsSelected(),disabled:!n.getCanSelect(),indeterminate:n.getIsSomeSelected(),onChange:n.getToggleSelectedHandler()})},{id:"name",header:"Name",accessorKey:"name",cell:({row:n})=>e(Ja,{annotation:n.original,annotationDisplayPreference:"none",css:F`
|
|
224
224
|
width: fit-content;
|
|
225
|
-
`},n.original.id)},{id:"description",header:"Description",accessorKey:"description",sortUndefined:"last",accessorFn:n=>n.description??void 0,maxSize:150,cell:({row:n})=>e(
|
|
225
|
+
`},n.original.id)},{id:"description",header:"Description",accessorKey:"description",sortUndefined:"last",accessorFn:n=>n.description??void 0,maxSize:150,cell:({row:n})=>e(un,{maxWidth:"100%",children:e(C,{children:n.original.description})})},{id:"annotationType",header:"Type",accessorKey:"annotationType",minSize:10,cell:({row:n})=>e(C,{children:n.original.annotationType.charAt(0).toUpperCase()+n.original.annotationType.slice(1).toLowerCase()})},{id:"values",header:"Values",enableSorting:!1,accessorFn:n=>{switch(n.annotationType){case"CATEGORICAL":{if(!n.values)return"";let a=n.values.map((l,t)=>e(Cn,{title:l.label,children:e(un,{maxWidth:"40px",children:l.label})},t));return n.values.length>5&&(a=[...a.slice(-4),o(Le,{delay:64,placement:"bottom right",children:[e(Ne,{children:o(Cn,{css:F`
|
|
226
226
|
white-space: nowrap;
|
|
227
|
-
`,children:["+ ",n.values.length-5," more"]},"ellipsis")}),e(
|
|
227
|
+
`,children:["+ ",n.values.length-5," more"]},"ellipsis")}),e(yn,{children:n.values.map(l=>l.label).join(", ")})]},"ellipsis")]),a}case"CONTINUOUS":return`from ${n.lowerBound} to ${n.upperBound}`;case"FREEFORM":return"";default:return""}},cell:({getValue:n})=>{const a=n();return e(b,{gap:"size-100",children:a})}}],D0=({annotationConfigs:n,onDeleteAnnotationConfig:a,onEditAnnotationConfig:l})=>{const[t,i]=m.useState({}),r=x.useFragment(js,n),s=m.useMemo(()=>r.annotationConfigs.edges.map(f=>f.annotationConfig),[r.annotationConfigs.edges]),d=Ke({data:s,columns:I0,getCoreRowModel:Te(),getSortedRowModel:ln(),enableRowSelection:!0,onRowSelectionChange:i,enableMultiRowSelection:!1,state:{rowSelection:t}}),c=d.getRowCount()===0,p=d.getRowModel().rows,y=d.getSelectedRowModel().rows,u=y.map(f=>f.original),g=()=>{i({})};return o("div",{css:F`
|
|
228
228
|
overflow: auto;
|
|
229
|
-
`,children:[o("table",{css:He,style:{width:d.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:d.getHeaderGroups().map(f=>e("tr",{children:f.headers.map(k=>e("th",{colSpan:k.colSpan,children:k.isPlaceholder?null:o("div",{className:k.column.getCanSort()?"cursor-pointer":"",onClick:k.column.getToggleSortingHandler(),style:{left:k.getStart(),width:k.getSize()},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))},f.id))}),c?e(tn,{message:"No Annotation Configs"}):e("tbody",{children:p.map(f=>e("tr",{onClick:()=>{i({[f.id]:!(t!=null&&t[f.id])})},children:f.getVisibleCells().map(k=>e("td",{style:{width:k.column.getSize(),maxWidth:k.column.getSize()},children:W(k.column.columnDef.cell,k.getContext())},k.id))},f.id))})]}),y.length>0&&e(x0,{selectedConfig:u[0],onClearSelection:g,onEditAnnotationConfig:l,onDeleteAnnotationConfig:a})]})},XK=()=>{const n=Me();return e(L0,{annotations:n})},L0=({annotations:n})=>{const{revalidate:a}=up(),l=x.useFragment(Ns,n),[t]=x.useMutation(zs),[i]=x.useMutation(Vs),r=y=>u=>{const g=Ie(u);y==null||y((g==null?void 0:g[0])??"Failed to create annotation config")},s=(y,{onCompleted:u,onError:g}={})=>{const{id:f,annotationType:k,...h}=y,S=k.toLowerCase();i({variables:{input:{annotationConfig:{[S]:h}}},onCompleted:u,onError:r(g)}),a()},[d]=x.useMutation(Ms);return e(B,{title:"Annotation Configs",variant:"compact",bodyStyle:{padding:0},extra:o(Ue,{children:[o(E,{size:"S",children:[e(_,{svg:e(da,{})}),"New Configuration"]}),e(
|
|
229
|
+
`,children:[o("table",{css:He,style:{width:d.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:d.getHeaderGroups().map(f=>e("tr",{children:f.headers.map(k=>e("th",{colSpan:k.colSpan,children:k.isPlaceholder?null:o("div",{className:k.column.getCanSort()?"cursor-pointer":"",onClick:k.column.getToggleSortingHandler(),style:{left:k.getStart(),width:k.getSize()},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))},f.id))}),c?e(tn,{message:"No Annotation Configs"}):e("tbody",{children:p.map(f=>e("tr",{onClick:()=>{i({[f.id]:!(t!=null&&t[f.id])})},children:f.getVisibleCells().map(k=>e("td",{style:{width:k.column.getSize(),maxWidth:k.column.getSize()},children:W(k.column.columnDef.cell,k.getContext())},k.id))},f.id))})]}),y.length>0&&e(x0,{selectedConfig:u[0],onClearSelection:g,onEditAnnotationConfig:l,onDeleteAnnotationConfig:a})]})},XK=()=>{const n=Me();return e(L0,{annotations:n})},L0=({annotations:n})=>{const{revalidate:a}=up(),l=x.useFragment(Ns,n),[t]=x.useMutation(zs),[i]=x.useMutation(Vs),r=y=>u=>{const g=Ie(u);y==null||y((g==null?void 0:g[0])??"Failed to create annotation config")},s=(y,{onCompleted:u,onError:g}={})=>{const{id:f,annotationType:k,...h}=y,S=k.toLowerCase();i({variables:{input:{annotationConfig:{[S]:h}}},onCompleted:u,onError:r(g)}),a()},[d]=x.useMutation(Ms);return e(B,{title:"Annotation Configs",variant:"compact",bodyStyle:{padding:0},extra:o(Ue,{children:[o(E,{size:"S",children:[e(_,{svg:e(da,{})}),"New Configuration"]}),e(cn,{children:e($s,{onAddAnnotationConfig:s})})]}),children:e(D0,{annotationConfigs:l,onEditAnnotationConfig:(y,{onCompleted:u,onError:g}={})=>{const{id:f,annotationType:k,...h}=y,S=k.toLowerCase();d({variables:{input:{id:f,annotationConfig:{[S]:h}}},onCompleted:u,onError:r(g)}),a()},onDeleteAnnotationConfig:(y,{onCompleted:u,onError:g}={})=>{t({variables:{input:{ids:[y]}},onCompleted:u,onError:r(g)}),a()}})})},Os=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"annotationType",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"optimizationDirection",storageKey:null};return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"settingsAnnotationsPageLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"SettingsAnnotationsPageFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"settingsAnnotationsPageLoaderQuery",selections:[{alias:null,args:null,concreteType:"AnnotationConfigConnection",kind:"LinkedField",name:"annotationConfigs",plural:!1,selections:[{alias:null,args:null,concreteType:"AnnotationConfigEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotationConfig",args:null,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[n,a,l,t,i,{alias:null,args:null,concreteType:"CategoricalAnnotationValue",kind:"LinkedField",name:"values",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null}],type:"CategoricalAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[n,a,l,t,i,{alias:null,args:null,kind:"ScalarField",name:"upperBound",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"lowerBound",storageKey:null}],type:"ContinuousAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[n,a,l,t],type:"FreeformAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[n],type:"Node",abstractKey:"__isNode"}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"38239699bb1676189730a7c5bfaf3e16",id:null,metadata:{},name:"settingsAnnotationsPageLoaderQuery",operationKind:"query",text:`query settingsAnnotationsPageLoaderQuery {
|
|
230
230
|
...SettingsAnnotationsPageFragment
|
|
231
231
|
}
|
|
232
232
|
|
|
@@ -495,14 +495,14 @@ fragment RetentionPoliciesTable_retentionPolicy on ProjectTraceRetentionPolicy {
|
|
|
495
495
|
id
|
|
496
496
|
}
|
|
497
497
|
}
|
|
498
|
-
`}}}();Zs.hash="3bf941d551e8fb7a6940d8774075be73";function A0(n){var d,c;const a=ue(),l=ke(),t=x.useLazyLoadQuery(Zs,{id:n.policyId});if(!(t!=null&&t.retentionPolicy))throw new Error("Retention policy not found");const[i,r]=x.useMutation(Js);return e(qs,{onSubmit:p=>{let y;if(p.numberOfDays&&p.numberOfTraces)y={maxDaysOrCount:{maxDays:p.numberOfDays,maxCount:p.numberOfTraces}};else if(p.numberOfDays)y={maxDays:{maxDays:p.numberOfDays}};else if(p.numberOfTraces)y={maxCount:{maxCount:p.numberOfTraces}};else throw new Error("Invalid retention policy rule");i({variables:{input:{id:n.policyId,cronExpression:p.schedule,rule:y,name:p.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 w0="Default",R0=({policyId:n,policyName:a,projectNames:l,onPolicyEdit:t,onPolicyDelete:i,connectionId:r})=>{const s=a!==w0,[d,c]=m.useState(null),p=m.useCallback(()=>{c(e(te,{size:"M",title:"Edit Retention Policy",children:e(m.Suspense,{fallback:e(me,{}),children:e(A0,{policyId:n,onEditCompleted:()=>{t(),c(null)},onCancel:()=>{c(null)}})})}))},[t,n]),[y,u]=x.useMutation(Ws),g=m.useCallback(()=>{c(o(te,{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:()=>{y({variables:{policyId:n,connectionId:r}}),c(null),i()},isDisabled:u,leadingVisual:u?e(_,{svg:e(en,{})}):void 0,children:u?"Deleting...":"Delete Policy"})})})]}))},[n,a,l,y,i,u,r]);return o(Pl,{children:[o(zn,{buttonSize:"compact",disabledKeys:s?[]:["deletePolicy"],align:"end",onAction:f=>{switch(f){case"editPolicy":return p();case"deletePolicy":return g()}},children:[e(ge,{textValue:"Edit Policy",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Sa,{})}),e(C,{children:"Edit"})]})},"editPolicy"),e(ge,{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(
|
|
498
|
+
`}}}();Zs.hash="3bf941d551e8fb7a6940d8774075be73";function A0(n){var d,c;const a=ue(),l=ke(),t=x.useLazyLoadQuery(Zs,{id:n.policyId});if(!(t!=null&&t.retentionPolicy))throw new Error("Retention policy not found");const[i,r]=x.useMutation(Js);return e(qs,{onSubmit:p=>{let y;if(p.numberOfDays&&p.numberOfTraces)y={maxDaysOrCount:{maxDays:p.numberOfDays,maxCount:p.numberOfTraces}};else if(p.numberOfDays)y={maxDays:{maxDays:p.numberOfDays}};else if(p.numberOfTraces)y={maxCount:{maxCount:p.numberOfTraces}};else throw new Error("Invalid retention policy rule");i({variables:{input:{id:n.policyId,cronExpression:p.schedule,rule:y,name:p.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 w0="Default",R0=({policyId:n,policyName:a,projectNames:l,onPolicyEdit:t,onPolicyDelete:i,connectionId:r})=>{const s=a!==w0,[d,c]=m.useState(null),p=m.useCallback(()=>{c(e(te,{size:"M",title:"Edit Retention Policy",children:e(m.Suspense,{fallback:e(me,{}),children:e(A0,{policyId:n,onEditCompleted:()=>{t(),c(null)},onCancel:()=>{c(null)}})})}))},[t,n]),[y,u]=x.useMutation(Ws),g=m.useCallback(()=>{c(o(te,{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:()=>{y({variables:{policyId:n,connectionId:r}}),c(null),i()},isDisabled:u,leadingVisual:u?e(_,{svg:e(en,{})}):void 0,children:u?"Deleting...":"Delete Policy"})})})]}))},[n,a,l,y,i,u,r]);return o(Pl,{children:[o(zn,{buttonSize:"compact",disabledKeys:s?[]:["deletePolicy"],align:"end",onAction:f=>{switch(f){case"editPolicy":return p();case"deletePolicy":return g()}},children:[e(ge,{textValue:"Edit Policy",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Sa,{})}),e(C,{children:"Edit"})]})},"editPolicy"),e(ge,{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(oe,{type:"modal",isDismissable:!0,onDismiss:()=>c(null),children:d})]})},E0=Gs,M0=({query:n})=>{const a=ue(),l=po(),{data:t}=x.usePaginationFragment(Hs,n),i=t.projectTraceRetentionPolicies.__id,r=t.projectTraceRetentionPolicies.edges.map(p=>{const y=p.node;return x.readInlineData(E0,y)}),s=m.useMemo(()=>{const p=[{header:"Name",accessorKey:"name"},{header:"Schedule",accessorKey:"cronExpression",cell:({row:y})=>Ri({schedule:y.original.cronExpression})},{header:"Rule",accessorKey:"rule",cell:({row:y})=>{const u=y.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";Pe()}},{header:"Projects",accessorKey:"projects",cell:({row:y})=>e("ul",{css:F`
|
|
499
499
|
li {
|
|
500
500
|
display: inline;
|
|
501
501
|
}
|
|
502
502
|
li:not(:first-child):before {
|
|
503
503
|
content: ", ";
|
|
504
504
|
}
|
|
505
|
-
`,children:y.original.projects.edges.map(u=>e("li",{children:e(we,{to:`/projects/${u.node.id}/config`,children:u.node.name})},u.node.id))})}];return l&&p.push({id:"actions",cell:({row:y})=>e(R0,{policyId:y.original.id,policyName:y.original.name,connectionId:i,projectNames:y.original.projects.edges.map(u=>u.node.name),onPolicyEdit:()=>{a({title:"Policy Updated",message:`Policy "${y.original.name}" was updated and will take effect shortly.`})},onPolicyDelete:()=>{a({title:"Policy deleted",message:`Policy "${y.original.name}" was deleted`})}})}),p},[l,a,i]),d=Ke({columns:s,data:r,getCoreRowModel:Te(),getSortedRowModel:ln()}),c=d.getRowModel().rows;return o("table",{css:He,children:[e("thead",{children:d.getHeaderGroups().map(p=>e("tr",{children:p.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:e("div",{children:W(y.column.columnDef.header,y.getContext())})},y.id))},p.id))}),e("tbody",{children:c.map(p=>e("tr",{children:p.getVisibleCells().map(y=>e("td",{children:W(y.column.columnDef.cell,y.getContext())},y.id))},p.id))})]})};function eT(){const n=Me();je(n);const a=n.__id;return e(B,{title:"Retention Policies",bodyStyle:{padding:0},variant:"compact",extra:e(yo,{children:o(Ue,{children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(da,{})}),children:"New Policy"}),e(
|
|
505
|
+
`,children:y.original.projects.edges.map(u=>e("li",{children:e(we,{to:`/projects/${u.node.id}/config`,children:u.node.name})},u.node.id))})}];return l&&p.push({id:"actions",cell:({row:y})=>e(R0,{policyId:y.original.id,policyName:y.original.name,connectionId:i,projectNames:y.original.projects.edges.map(u=>u.node.name),onPolicyEdit:()=>{a({title:"Policy Updated",message:`Policy "${y.original.name}" was updated and will take effect shortly.`})},onPolicyDelete:()=>{a({title:"Policy deleted",message:`Policy "${y.original.name}" was deleted`})}})}),p},[l,a,i]),d=Ke({columns:s,data:r,getCoreRowModel:Te(),getSortedRowModel:ln()}),c=d.getRowModel().rows;return o("table",{css:He,children:[e("thead",{children:d.getHeaderGroups().map(p=>e("tr",{children:p.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:e("div",{children:W(y.column.columnDef.header,y.getContext())})},y.id))},p.id))}),e("tbody",{children:c.map(p=>e("tr",{children:p.getVisibleCells().map(y=>e("td",{children:W(y.column.columnDef.cell,y.getContext())},y.id))},p.id))})]})};function eT(){const n=Me();je(n);const a=n.__id;return e(B,{title:"Retention Policies",bodyStyle:{padding:0},variant:"compact",extra:e(yo,{children:o(Ue,{children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(da,{})}),children:"New Policy"}),e(cn,{children:e(dn,{children:({close:l})=>o(J,{children:[e(ae,{slot:"title",children:"New Retention Policy"}),e(_0,{queryId:a,onCreate:()=>{l()}})]})})})]})}),children:e(M0,{query:n})})}const Xs=function(){var n={defaultValue:null,kind:"LocalArgument",name:"description"},a={defaultValue:null,kind:"LocalArgument",name:"expiresAt"},l={defaultValue:null,kind:"LocalArgument",name:"name"},t=[{fields:[{kind:"Variable",name:"description",variableName:"description"},{kind:"Variable",name:"expiresAt",variableName:"expiresAt"},{kind:"Variable",name:"name",variableName:"name"}],kind:"ObjectValue",name:"input"}],i={alias:null,args:null,kind:"ScalarField",name:"jwt",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},s={alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"apiKey",plural:!1,selections:[r],storageKey:null};return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"APIKeysCardCreateSystemAPIKeyMutation",selections:[{alias:null,args:t,concreteType:"CreateSystemApiKeyMutationPayload",kind:"LinkedField",name:"createSystemApiKey",plural:!1,selections:[i,{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"SystemAPIKeysTableFragment"}],storageKey:null},s],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[l,n,a],kind:"Operation",name:"APIKeysCardCreateSystemAPIKeyMutation",selections:[{alias:null,args:t,concreteType:"CreateSystemApiKeyMutationPayload",kind:"LinkedField",name:"createSystemApiKey",plural:!1,selections:[i,{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"systemApiKeys",plural:!0,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null}],storageKey:null},s],storageKey:null}]},params:{cacheID:"799e8f0a627c6ae06e2a87c051d299d0",id:null,metadata:{},name:"APIKeysCardCreateSystemAPIKeyMutation",operationKind:"mutation",text:`mutation APIKeysCardCreateSystemAPIKeyMutation(
|
|
506
506
|
$name: String!
|
|
507
507
|
$description: String = null
|
|
508
508
|
$expiresAt: DateTime = null
|
|
@@ -576,7 +576,7 @@ fragment SystemAPIKeysTableFragment on Query {
|
|
|
576
576
|
expiresAt
|
|
577
577
|
}
|
|
578
578
|
}
|
|
579
|
-
`}};nd.hash="de0fc04de739f0adfcbdeaff28b16265";const ad={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:nd}},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};ad.hash="de0fc04de739f0adfcbdeaff28b16265";function V0({query:n}){const[a,l]=x.useRefetchableFragment(ad,n),t=ke(),i=ue(),[r]=x.useMutation(ed),s=m.useCallback(g=>{r({variables:{input:{id:g}},onCompleted:()=>{i({title:"System key deleted",message:"The system key has been deleted and is no longer active."}),m.startTransition(()=>{l({},{fetchPolicy:"network-only"})})},onError:f=>{const k=Ie(f);t({title:"Error deleting system key",message:(k==null?void 0:k[0])??f.message})}})},[r,t,i,l]),d=m.useMemo(()=>[...a.systemApiKeys],[a]),c=m.useMemo(()=>[{header:"Name",accessorKey:"name"},{header:"Description",accessorKey:"description",cell:Ee},{header:"Created At",accessorKey:"createdAt",cell:_e},{header:"Expires At",accessorKey:"expiresAt",cell:_e},{header:"",accessorKey:"id",size:10,cell:({row:f})=>e(b,{direction:"row",justifyContent:"end",width:"100%",children:e(
|
|
579
|
+
`}};nd.hash="de0fc04de739f0adfcbdeaff28b16265";const ad={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:nd}},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};ad.hash="de0fc04de739f0adfcbdeaff28b16265";function V0({query:n}){const[a,l]=x.useRefetchableFragment(ad,n),t=ke(),i=ue(),[r]=x.useMutation(ed),s=m.useCallback(g=>{r({variables:{input:{id:g}},onCompleted:()=>{i({title:"System key deleted",message:"The system key has been deleted and is no longer active."}),m.startTransition(()=>{l({},{fetchPolicy:"network-only"})})},onError:f=>{const k=Ie(f);t({title:"Error deleting system key",message:(k==null?void 0:k[0])??f.message})}})},[r,t,i,l]),d=m.useMemo(()=>[...a.systemApiKeys],[a]),c=m.useMemo(()=>[{header:"Name",accessorKey:"name"},{header:"Description",accessorKey:"description",cell:Ee},{header:"Created At",accessorKey:"createdAt",cell:_e},{header:"Expires At",accessorKey:"expiresAt",cell:_e},{header:"",accessorKey:"id",size:10,cell:({row:f})=>e(b,{direction:"row",justifyContent:"end",width:"100%",children:e(yi,{handleDelete:()=>{s(f.original.id)}})}),meta:{textAlign:"right"}}],[s]),p=Ke({columns:c,data:d,getCoreRowModel:Te()}),y=p.getRowModel().rows,u=p.getRowModel().rows.length===0;return o("table",{css:He,children:[e("thead",{children:p.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(f=>e("th",{colSpan:f.colSpan,children:f.isPlaceholder?null:o("div",{className:f.column.getCanSort()?"cursor-pointer":"",onClick:f.column.getToggleSortingHandler(),style:{left:f.getStart(),width:f.getSize()},children:[W(f.column.columnDef.header,f.getContext()),f.column.getIsSorted()?e(_,{className:"sort-icon",svg:f.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]})},f.id))},g.id))}),u?e(tn,{message:"No Keys"}):e("tbody",{children:y.map(g=>e("tr",{children:g.getVisibleCells().map(f=>e("td",{children:W(f.column.columnDef.cell,f.getContext())},f.id))},g.id))})]})}const ld=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(
|
|
580
580
|
$input: DeleteApiKeyInput!
|
|
581
581
|
) {
|
|
582
582
|
deleteUserApiKey(input: $input) {
|
|
@@ -601,7 +601,7 @@ fragment UserAPIKeysTableFragment on Query {
|
|
|
601
601
|
}
|
|
602
602
|
}
|
|
603
603
|
}
|
|
604
|
-
`}}}();td.hash="c2b3a579bcb0ba915523ecb35cae3b44";const id={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:td}},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};id.hash="c2b3a579bcb0ba915523ecb35cae3b44";const Kr=70;function z0({query:n}){const[a,l]=x.useRefetchableFragment(id,n),t=ke(),i=ue(),[r]=x.useMutation(ld),s=m.useCallback(g=>{r({variables:{input:{id:g}},onCompleted:()=>{i({title:"User key deleted",message:"The user key has been deleted and is no longer active."}),m.startTransition(()=>{l({},{fetchPolicy:"network-only"})})},onError:f=>{const k=Ie(f);t({title:"Error deleting user key",message:(k==null?void 0:k[0])??f.message})}})},[r,t,i,l]),d=m.useMemo(()=>[...a.userApiKeys],[a]),c=m.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:Ee},{header:"Description",accessorKey:"description",cell:Ee},{header:"Created At",accessorKey:"createdAt",size:Kr,cell:_e},{header:"Expires At",accessorKey:"expiresAt",size:Kr,cell:_e},{header:"User",size:120,accessorKey:"user.email",cell:Ee},{header:"",accessorKey:"id",size:10,cell:({row:f})=>e(b,{direction:"row",justifyContent:"end",width:"100%",children:e(
|
|
604
|
+
`}}}();td.hash="c2b3a579bcb0ba915523ecb35cae3b44";const id={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:td}},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};id.hash="c2b3a579bcb0ba915523ecb35cae3b44";const Kr=70;function z0({query:n}){const[a,l]=x.useRefetchableFragment(id,n),t=ke(),i=ue(),[r]=x.useMutation(ld),s=m.useCallback(g=>{r({variables:{input:{id:g}},onCompleted:()=>{i({title:"User key deleted",message:"The user key has been deleted and is no longer active."}),m.startTransition(()=>{l({},{fetchPolicy:"network-only"})})},onError:f=>{const k=Ie(f);t({title:"Error deleting user key",message:(k==null?void 0:k[0])??f.message})}})},[r,t,i,l]),d=m.useMemo(()=>[...a.userApiKeys],[a]),c=m.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:Ee},{header:"Description",accessorKey:"description",cell:Ee},{header:"Created At",accessorKey:"createdAt",size:Kr,cell:_e},{header:"Expires At",accessorKey:"expiresAt",size:Kr,cell:_e},{header:"User",size:120,accessorKey:"user.email",cell:Ee},{header:"",accessorKey:"id",size:10,cell:({row:f})=>e(b,{direction:"row",justifyContent:"end",width:"100%",children:e(yi,{handleDelete:()=>{s(f.original.id)}})}),meta:{textAlign:"right"}}],[s]),p=Ke({columns:c,data:d,getCoreRowModel:Te()}),y=p.getRowModel().rows,u=p.getRowModel().rows.length===0;return o("table",{css:He,children:[e("thead",{children:p.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(f=>e("th",{colSpan:f.colSpan,children:f.isPlaceholder?null:o("div",{className:f.column.getCanSort()?"cursor-pointer":"",onClick:f.column.getToggleSortingHandler(),style:{left:f.getStart(),width:f.getSize()},children:[W(f.column.columnDef.header,f.getContext()),f.column.getIsSorted()?e(_,{className:"sort-icon",svg:f.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]})},f.id))},g.id))}),u?e(tn,{message:"No Keys"}):e("tbody",{children:y.map(g=>e("tr",{children:g.getVisibleCells().map(f=>e("td",{children:W(f.column.columnDef.cell,f.getContext())},f.id))},g.id))})]})}function N0(){const n=x.useLazyLoadQuery(Ys,{},{fetchPolicy:"network-only"});return o(an,{children:[o(nn,{children:[e(ne,{id:"system",children:"System Keys"}),e(ne,{id:"user",children:"User Keys"})]}),e(re,{id:"system",children:e(V0,{query:n})}),e(re,{id:"user",children:e(z0,{query:n})})]})}function $0(){const[n,a]=m.useState(null),l=ke(),t=c=>{a(e(fo,{jwt:c}))},[i,r]=x.useMutation(Xs),s=m.useCallback(c=>{var p;i({variables:{...c,expiresAt:((p=c.expiresAt)==null?void 0:p.toDate(ii()).toISOString())||null},onCompleted:y=>{t(y.createSystemApiKey.jwt)},onError:y=>{l({title:"Error creating system key",message:y.message})}})},[i,l]);return o("div",{children:[e(si,{title:"API Keys",variant:"compact",extra:e(E,{size:"S",leadingVisual:e(_,{svg:e(Nn,{})}),onPress:()=>{a(e(ho,{onSubmit:s,isCommitting:r,defaultName:"System"}))},children:"System Key"}),children:e(m.Suspense,{fallback:e(v,{padding:"size-100",children:e(me,{})}),children:e(N0,{})})}),e(oe,{onDismiss:()=>{a(null)},children:n})]})}const rd={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};rd.hash="922bf6de312a4be0c38025ffbb868d6d";function od(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 Tr="remaining";function j0({active:n,payload:a}){return n&&a&&a.length?e(Gn,{children:e(qe,{shape:"square",color:a[0].payload.fill||"transparent",name:a[0].name||"--",value:od(a[0].value||0)})}):null}function O0({query:n}){const a=x.useFragment(rd,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:Tr,numBytes:t}),r},[a.dbTableStats,t]);return e(On,{width:"100%",height:245,children:o(ms,{children:[e(cs,{data:i,dataKey:"numBytes",nameKey:"tableName",cx:"50%",cy:"50%",innerRadius:70,outerRadius:110,strokeWidth:0,stroke:"transparent",children:i.map((r,s)=>e(us,{stroke:"0",fill:r.tableName===Tr?"var(--ac-global-color-grey-200)":`${nr[s%nr.length]}`},`cell-${s}`))}),e(ea,{content:e(j0,{})}),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"?ql(l/a.dbStorageCapacityBytes*100):od(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 sd=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(
|
|
605
605
|
$input: PatchProjectTraceRetentionPolicyInput!
|
|
606
606
|
) {
|
|
607
607
|
patchProjectTraceRetentionPolicy(input: $input) {
|
|
@@ -663,7 +663,7 @@ fragment UsersTable_users on Query {
|
|
|
663
663
|
}
|
|
664
664
|
}
|
|
665
665
|
}
|
|
666
|
-
`}}}();ud.hash="97d1aefa41e8831e57b6bb0d1a078a7c";function B0({onNewUserCreated:n,onNewUserCreationError:a,onDismiss:l}){const[t,i]=x.useMutation(ud),r=m.useCallback(d=>{t({variables:{input:{email:d.email,username:d.username,password:d.password,role:d.role,authMethod:"LOCAL",sendWelcomeEmail:!0}},onCompleted:c=>{n(c.createUser.user.email)},onError:c=>{a(c)}})},[t,n,a]),s=m.useCallback(d=>{t({variables:{input:{email:d.email,username:d.username,role:d.role,authMethod:"OAUTH2",sendWelcomeEmail:!0}},onCompleted:c=>{n(c.createUser.user.email)},onError:c=>{a(c)}})},[t,n,a]);return e(
|
|
666
|
+
`}}}();ud.hash="97d1aefa41e8831e57b6bb0d1a078a7c";function B0({onNewUserCreated:n,onNewUserCreationError:a,onDismiss:l}){const[t,i]=x.useMutation(ud),r=m.useCallback(d=>{t({variables:{input:{email:d.email,username:d.username,password:d.password,role:d.role,authMethod:"LOCAL",sendWelcomeEmail:!0}},onCompleted:c=>{n(c.createUser.user.email)},onError:c=>{a(c)}})},[t,n,a]),s=m.useCallback(d=>{t({variables:{input:{email:d.email,username:d.username,role:d.role,authMethod:"OAUTH2",sendWelcomeEmail:!0}},onCompleted:c=>{n(c.createUser.user.email)},onError:c=>{a(c)}})},[t,n,a]);return e(cn,{isOpen:!0,onOpenChange:d=>{d||l()},isDismissable:!0,children:e(dn,{children:o(Ua,{children:[o(Ba,{children:[e(qa,{children:"Add User"}),e(nt,{})]}),window.Config.basicAuthDisabled?e(iy,{onSubmit:s,isSubmitting:i},"oauth-form"):e(ry,{onSubmit:r,isSubmitting:i},"user-form")]})})})}const md=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"UsersTableQuery",selections:[{args:null,kind:"FragmentSpread",name:"UsersTable_users"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"UsersTableQuery",selections:[{alias:null,args:null,concreteType:"UserConnection",kind:"LinkedField",name:"users",plural:!1,selections:[{alias:null,args:null,concreteType:"UserEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"user",args:null,concreteType:"User",kind:"LinkedField",name:"node",plural:!1,selections:[n,{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"authMethod",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},{alias:null,args:null,concreteType:"UserRole",kind:"LinkedField",name:"role",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},n],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"e5a1fa2cfeca95ac9f22b2c65d3a4548",id:null,metadata:{},name:"UsersTableQuery",operationKind:"query",text:`query UsersTableQuery {
|
|
667
667
|
...UsersTable_users
|
|
668
668
|
}
|
|
669
669
|
|
|
@@ -697,14 +697,14 @@ fragment UsersTable_users on Query {
|
|
|
697
697
|
__typename
|
|
698
698
|
}
|
|
699
699
|
}
|
|
700
|
-
`}}}();yd.hash="85b22da61ec094c28e97db2759622b69";const
|
|
700
|
+
`}}}();yd.hash="85b22da61ec094c28e97db2759622b69";const rl=4;function U0({userId:n,onClose:a}){const l=ke(),t=ue(),[i,r]=x.useMutation(yd),{control:s,handleSubmit:d,formState:{isDirty:c}}=Ve({defaultValues:{newPassword:"",confirmPassword:""}}),p=m.useCallback(y=>{i({variables:{input:{userId:n,newPassword:y.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(te,{title:"Reset Password",isDismissable:!0,onDismiss:a,children:e(Ye,{children:o(v,{padding:"size-200",children:[o(b,{direction:"column",gap:"size-100",children:[e(H,{name:"newPassword",control:s,rules:{required:"Password is required",minLength:{value:rl,message:`Password must be at least ${rl} characters`}},render:({field:{name:y,onChange:u,onBlur:g,value:f},fieldState:{invalid:k,error:h}})=>o(X,{isInvalid:k,onChange:u,name:y,onBlur:g,value:f.toString(),type:"password",id:"new-password",autoComplete:"new-password",children:[e(G,{children:"New Password"}),e(Z,{placeholder:"New password"}),h!=null&&h.message?e(Se,{children:h.message}):o(C,{slot:"description",children:["Password must be at least ",rl," characters"]})]})}),e(H,{name:"confirmPassword",control:s,rules:{required:"Password is required",minLength:{value:rl,message:`Password must be at least ${rl} characters`},validate:(y,u)=>y===u.newPassword||"Passwords do not match"},render:({field:{name:y,onChange:u,onBlur:g,value:f},fieldState:{invalid:k,error:h}})=>o(X,{isInvalid:k,onChange:u,name:y,onBlur:g,value:f.toString(),type:"password",children:[e(G,{children:"Confirm Password"}),e(Z,{placeholder:"Repeat new password"}),h!=null&&h.message?e(Se,{children:h.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(p)(),children:r?"Resetting...":"Reset Password"})})})]})})})}function H0(n){return n==="LOCAL"}function G0(n){const{userId:a,onUserDeleted:l,authMethod:t}=n,[i,r]=m.useState(null),s=m.useCallback(()=>{r(e(q0,{userId:a,onClose:()=>r(null),onDeleted:()=>{l(),r(null)}}))},[a,l]),d=m.useCallback(()=>{r(e(U0,{userId:a,onClose:()=>r(null)}))},[a]),c=m.useMemo(()=>{const p=e(ge,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ge,{})}),e(J,{children:"Delete"})]})},"deleteUser"),y=e(ge,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(ko,{})}),e(J,{children:"Reset Password"})]})},"resetPassword"),u=[p];return H0(t)&&u.push(y),u},[t]);return o("div",{onClick:p=>{p.preventDefault(),p.stopPropagation()},children:[e(zn,{align:"end","aria-label":"User Actions",buttonSize:"compact",onAction:p=>{switch(p){case"deleteUser":s();break;case"resetPassword":d();break}},children:c}),e(oe,{type:"modal",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}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:"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(
|
|
701
701
|
$input: PatchUserInput!
|
|
702
702
|
) {
|
|
703
703
|
patchUser(input: $input) {
|
|
704
704
|
__typename
|
|
705
705
|
}
|
|
706
706
|
}
|
|
707
|
-
`}}}();fd.hash="468eff05b42e39b55f9aa5b9a7d2c483";function W0({userId:n,email:a,currentRole:l,newRole:t,onRoleChanged:i,onClose:r}){const[s,d]=x.useMutation(fd),c=ue(),p=ke(),y=m.useCallback(()=>{s({variables:{input:{userId:n,newRole:t}},onCompleted:()=>{c({title:"Role Changed",message:"Users role has been changed."}),i(),r()},onError:u=>{p({title:"Failed to delete user",message:u.message})}})},[s,t,p,c,r,i,n]);return o(te,{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:
|
|
707
|
+
`}}}();fd.hash="468eff05b42e39b55f9aa5b9a7d2c483";function W0({userId:n,email:a,currentRole:l,newRole:t,onRoleChanged:i,onClose:r}){const[s,d]=x.useMutation(fd),c=ue(),p=ke(),y=m.useCallback(()=>{s({variables:{input:{userId:n,newRole:t}},onCompleted:()=>{c({title:"Role Changed",message:"Users role has been changed."}),i(),r()},onError:u=>{p({title:"Failed to delete user",message:u.message})}})},[s,t,p,c,r,i,n]);return o(te,{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:Ht(l)})," to"," ",e("b",{children:Ht(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:()=>{y()},isDisabled:d,children:"Change role"})]})})]})}const J0=55,Z0=F`
|
|
708
708
|
text-decoration: none;
|
|
709
709
|
color: var(--ac-global-color-grey-600);
|
|
710
710
|
font-size: 12px;
|
|
@@ -713,19 +713,19 @@ fragment UsersTable_users on Query {
|
|
|
713
713
|
}
|
|
714
714
|
`,X0=F`
|
|
715
715
|
height: ${J0}px;
|
|
716
|
-
`,Pr=n=>n.email==="admin@localhost"||n.username==="admin";function Y0({query:n}){const[a,l]=m.useState(null),[t,i]=x.useRefetchableFragment(gd,n),r=m.useMemo(()=>t.users.edges.map(({user:g})=>({id:g.id,email:g.email,username:g.username,profilePictureUrl:g.profilePictureUrl,createdAt:g.createdAt,role:g.role.name,authMethod:g.authMethod})),[t]),s=m.useCallback(()=>{m.startTransition(()=>{i({},{fetchPolicy:"network-only"})})},[i]),{viewer:d}=
|
|
716
|
+
`,Pr=n=>n.email==="admin@localhost"||n.username==="admin";function Y0({query:n}){const[a,l]=m.useState(null),[t,i]=x.useRefetchableFragment(gd,n),r=m.useMemo(()=>t.users.edges.map(({user:g})=>({id:g.id,email:g.email,username:g.username,profilePictureUrl:g.profilePictureUrl,createdAt:g.createdAt,role:g.role.name,authMethod:g.authMethod})),[t]),s=m.useCallback(()=>{m.startTransition(()=>{i({},{fetchPolicy:"network-only"})})},[i]),{viewer:d}=fi(),c=m.useMemo(()=>[{header:"user",accessorKey:"username",cell:({row:g})=>o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[e(at,{name:g.original.username,profilePictureUrl:g.original.profilePictureUrl,size:20}),e("span",{children:g.original.username}),e("a",{href:`mailto:${g.original.email}`,css:Z0,children:g.original.email})]})},{header:"method",accessorKey:"authMethod",size:10,cell:({row:g})=>g.original.authMethod.toLowerCase()},{header:"role",accessorKey:"role",cell:({row:g})=>Pr(g.original)||d&&d.email==g.original.email?Ht(g.original.role):e(sy,{includeLabel:!1,onChange:f=>{f!==g.original.role&&l(e(W0,{onClose:()=>l(null),onRoleChanged:s,currentRole:g.original.role,newRole:f,email:g.original.email,userId:g.original.id}))},role:oy(g.original.role)?g.original.role:void 0})},{header:"created at",accessorKey:"createdAt",cell:_e},{header:"",accessorKey:"id",size:10,cell:({row:g})=>Pr(g.original)?null:e(b,{direction:"row",justifyContent:"end",width:"100%",children:e(G0,{userId:g.original.id,onUserDeleted:s,authMethod:g.original.authMethod})}),meta:{textAlign:"right"}}],[s,d]),p=Ke({columns:c,data:r,getCoreRowModel:Te(),getSortedRowModel:ln()}),y=p.getRowModel().rows,u=p.getRowModel().rows.length===0;return o("table",{css:He,children:[e("thead",{children:p.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(f=>e("th",{colSpan:f.colSpan,children:f.isPlaceholder?null:o("div",{className:f.column.getCanSort()?"cursor-pointer":"",onClick:f.column.getToggleSortingHandler(),style:{left:f.getStart(),width:f.getSize()},children:[W(f.column.columnDef.header,f.getContext()),f.column.getIsSorted()?e(_,{className:"sort-icon",svg:f.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]})},f.id))},g.id))}),u?e(tn,{}):e("tbody",{children:y.map(g=>e("tr",{css:X0,children:g.getVisibleCells().map(f=>e("td",{children:W(f.column.columnDef.cell,f.getContext())},f.id))},g.id))}),e(oe,{onDismiss:()=>l(null),isDismissable:!0,type:"modal",children:a})]})}function ek(){const[n,a]=m.useState(0),[l,t]=m.useState(null),i=ue(),r=ke(),s=x.useLazyLoadQuery(cd,{},{fetchKey:n,fetchPolicy:"store-and-network"});return o(B,{title:"Users",variant:"compact",bodyStyle:{padding:0,overflowX:"auto"},extra:e(E,{onPress:()=>{t(e(B0,{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=Ie(d);r({title:"Error adding user",message:(c==null?void 0:c[0])??d.message})}}))},size:"S",leadingVisual:e(_,{svg:e(Nn,{})}),children:"Add User"}),children:[e(m.Suspense,{fallback:e(v,{padding:"size-200",children:e(me,{})}),children:e(Y0,{query:s})}),e(oe,{onDismiss:()=>{t(null)},children:l})]})}const nk=F`
|
|
717
717
|
.ac-field {
|
|
718
718
|
// Hacky solution to make the text fields fill the remaining space
|
|
719
719
|
width: calc(100% - var(--ac-global-dimension-size-600));
|
|
720
720
|
}
|
|
721
|
-
`;function nT(){const n=Me();return je(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:nk,children:[o(b,{direction:"row",gap:"size-100",alignItems:"end",children:[o(X,{value:
|
|
721
|
+
`;function nT(){const n=Me();return je(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:nk,children:[o(b,{direction:"row",gap:"size-100",alignItems:"end",children:[o(X,{value:Gt,isReadOnly:!0,children:[e(G,{children:"Hostname"}),e(Z,{}),e(C,{slot:"description",children:"Connect to Phoenix over HTTP"})]}),e(xr,{text:Gt})]}),o(b,{direction:"row",gap:"size-100",alignItems:"end",children:[o(X,{value:Rl,isReadOnly:!0,children:[e(G,{children:"Platform Version"}),e(Z,{}),e(C,{slot:"description",children:"The version of the Phoenix server"})]}),e(xr,{text:Rl})]}),o(b,{direction:"row",gap:"size-100",alignItems:"start",children:[o(X,{value:`pip install 'arize-phoenix==${Rl}'`,isReadOnly:!0,children:[e(G,{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(de,{size:"M",text:Rl})})]})]})})}),e(v,{flex:"1",minWidth:280,children:e(B,{title:"Database Usage",variant:"compact",children:e(O0,{query:n})})})]}),o(bo,{children:[e($0,{}),e(ek,{})]}),e(yo,{children:e(Q0,{})})]})}function xr(n){return e(v,{paddingBottom:"20px",flex:"none",children:e(de,{text:n.text,size:"M"})})}const ak=[{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}],Ir="#8884d8";function yl(){return e(On,{children:o(vt,{data:ak,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:Ir,stopOpacity:1}),e("stop",{offset:"95%",stopColor:Ir,stopOpacity:.5})]})}),e(na,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(In,{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(aa,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(Ra,{dataKey:"pv",fill:"url(#dashboardBarColor)",spacing:15})]})})}function lk({title:n,subtitle:a}){return o("div",{css:F`
|
|
722
722
|
padding: var(--ac-global-dimension-size-100)
|
|
723
723
|
var(--ac-global-dimension-size-200);
|
|
724
724
|
border-bottom: 1px solid var(--ac-global-color-grey-200);
|
|
725
725
|
display: flex;
|
|
726
726
|
flex-direction: row;
|
|
727
727
|
gap: var(--ac-global-dimension-size-100);
|
|
728
|
-
`,className:"dashboard-panel-header",children:[e(ae,{children:n}),a&&e(C,{children:a})]})}const
|
|
728
|
+
`,className:"dashboard-panel-header",children:[e(ae,{children:n}),a&&e(C,{children:a})]})}const fl=m.forwardRef(function({title:a,children:l},t){return o(v,{borderWidth:"thin",borderColor:"dark",borderRadius:"medium",height:"100%",width:"100%","data-testid":"dashboard-panel",backgroundColor:"grey-75",ref:t,children:[e(lk,{title:a}),l]})}),tk=Ol.WidthProvider(Ol.Responsive),ik={lg:[{i:"a",x:0,y:0,w:4,h:2},{i:"b",x:4,y:0,w:4,h:2},{i:"c",x:8,y:0,w:4,h:2}]},rk=F`
|
|
729
729
|
width: 100%;
|
|
730
730
|
height: 100%;
|
|
731
731
|
&[data-editable="true"] {
|
|
@@ -740,11 +740,11 @@ fragment UsersTable_users on Query {
|
|
|
740
740
|
width: 100%;
|
|
741
741
|
height: 100%;
|
|
742
742
|
box-sizing: border-box;
|
|
743
|
-
`,children:[e(v,{paddingX:"size-200",paddingY:"size-100",borderBottomWidth:"thin",borderBottomColor:"dark",flex:"none",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(ae,{level:1,children:"Dashboard Title"}),o(b,{direction:"row",gap:"size-100",children:[e(Fn,{leadingVisual:e(_,{svg:e(Sa,{})}),isSelected:n,onChange:l=>a(l)}),e(
|
|
743
|
+
`,children:[e(v,{paddingX:"size-200",paddingY:"size-100",borderBottomWidth:"thin",borderBottomColor:"dark",flex:"none",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(ae,{level:1,children:"Dashboard Title"}),o(b,{direction:"row",gap:"size-100",children:[e(Fn,{leadingVisual:e(_,{svg:e(Sa,{})}),isSelected:n,onChange:l=>a(l)}),e(lt,{})]})]})}),e("div",{"data-editable":n,css:rk,children:o(tk,{className:"layout",layouts:ik,breakpoints:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:{lg:12,md:10,sm:6,xs:4,xxs:2},rowHeight:80,isResizable:n,isDraggable:n,containerPadding:[16,16],draggableHandle:".dashboard-panel-header",children:[e("div",{children:e(fl,{title:"Grid Item A",children:e(yl,{})})},"a"),e("div",{children:e(fl,{title:"Grid Item B",children:e(yl,{})})},"b"),e("div",{children:e(fl,{title:"Grid Item C",children:e(yl,{})})},"c")]})})]})}const ok=Ol.WidthProvider(Ol.Responsive),sk={lg:[{i:"a",x:0,y:0,w:12,h:4},{i:"b",x:0,y:4,w:12,h:4}]};function lT(){const{project:n}=Me();return o("main",{css:F`
|
|
744
744
|
width: 100%;
|
|
745
745
|
height: 100%;
|
|
746
746
|
box-sizing: border-box;
|
|
747
|
-
`,children:[e(v,{paddingX:"size-200",paddingY:"size-100",borderBottomWidth:"thin",borderBottomColor:"dark",flex:"none",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[o(ae,{level:1,children:["Dashboard: ",n.name]}),e(
|
|
747
|
+
`,children:[e(v,{paddingX:"size-200",paddingY:"size-100",borderBottomWidth:"thin",borderBottomColor:"dark",flex:"none",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[o(ae,{level:1,children:["Dashboard: ",n.name]}),e(lt,{})]})}),o(ok,{className:"layout",layouts:sk,breakpoints:{lg:1200,md:996,sm:768,xs:480,xxs:0},cols:{lg:12,md:10,sm:6,xs:4,xxs:2},rowHeight:80,containerPadding:[16,16],isResizable:!1,isDraggable:!1,draggableHandle:".dashboard-panel-header",children:[e("div",{children:e(fl,{title:"Trace Counts",subtitle:"number of traces over time",children:e(yl,{})})},"a"),e("div",{children:e(fl,{title:"Grid Item B",children:e(yl,{})})},"b")]})]})}const hd=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"projectId"}],a=[{kind:"Variable",name:"id",variableName:"projectId"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"projectDashboardLoaderQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[l,t],type:"Project",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"projectDashboardLoaderQuery",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,{kind:"InlineFragment",selections:[t],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"0887353c068bc5b99dc87040ca8328fc",id:null,metadata:{},name:"projectDashboardLoaderQuery",operationKind:"query",text:`query projectDashboardLoaderQuery(
|
|
748
748
|
$projectId: ID!
|
|
749
749
|
) {
|
|
750
750
|
project: node(id: $projectId) {
|
|
@@ -790,7 +790,7 @@ fragment ProjectDashboardsTable_projects_2HEEH6 on Query {
|
|
|
790
790
|
overflow: auto;
|
|
791
791
|
`,ref:a,children:o("table",{css:$n,children:[e("thead",{children:t.getHeaderGroups().map(s=>e("tr",{children:s.headers.map(d=>e("th",{colSpan:d.colSpan,children:d.isPlaceholder?null:e("div",{children:W(d.column.columnDef.header,d.getContext())})},d.id))},s.id))}),r?e(tn,{}):e("tbody",{children:i.map(s=>e("tr",{onClick:()=>window.location.assign(`/dashboards/${s.original.id}`),css:F`
|
|
792
792
|
cursor: pointer;
|
|
793
|
-
`,children:s.getVisibleCells().map(d=>{var c;return e("td",{align:(c=d.column.columnDef.meta)==null?void 0:c.textAlign,children:W(d.column.columnDef.cell,d.getContext())},d.id)})},s.id))})]})})}function iT(){const n=Me(),a=[{id:"1",name:"Sales Dashboard",description:"Tracks sales KPIs",createdAt:new Date().toISOString(),lastUpdatedAt:new Date().toISOString()},{id:"2",name:"Marketing Dashboard",description:"Monitors marketing campaigns",createdAt:new Date().toISOString(),lastUpdatedAt:new Date().toISOString()}];return o(b,{direction:"column",height:"100%",children:[e(v,{padding:"size-200",flex:"none",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(ae,{level:1,children:"Dashboards"}),e(Wn,{size:"M",leadingVisual:e(_,{svg:e(So,{})}),variant:"primary",to:"#",children:"Create Dashboard"})]})}),o(an,{children:[o(nn,{children:[e(ne,{id:"project-dashboards",children:"Project Dashboards"}),e(ne,{id:"user-dashboards",children:"Custom Dashboards"})]}),e(
|
|
793
|
+
`,children:s.getVisibleCells().map(d=>{var c;return e("td",{align:(c=d.column.columnDef.meta)==null?void 0:c.textAlign,children:W(d.column.columnDef.cell,d.getContext())},d.id)})},s.id))})]})})}function iT(){const n=Me(),a=[{id:"1",name:"Sales Dashboard",description:"Tracks sales KPIs",createdAt:new Date().toISOString(),lastUpdatedAt:new Date().toISOString()},{id:"2",name:"Marketing Dashboard",description:"Monitors marketing campaigns",createdAt:new Date().toISOString(),lastUpdatedAt:new Date().toISOString()}];return o(b,{direction:"column",height:"100%",children:[e(v,{padding:"size-200",flex:"none",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(ae,{level:1,children:"Dashboards"}),e(Wn,{size:"M",leadingVisual:e(_,{svg:e(So,{})}),variant:"primary",to:"#",children:"Create Dashboard"})]})}),o(an,{children:[o(nn,{children:[e(ne,{id:"project-dashboards",children:"Project Dashboards"}),e(ne,{id:"user-dashboards",children:"Custom Dashboards"})]}),e(re,{id:"project-dashboards",children:e(ck,{query:n})}),e(re,{id:"user-dashboards",children:e(uk,{dashboards:a})})]})]})}const Sd=function(){var n=[{kind:"Literal",name:"first",value:50}],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"dashboardsLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"ProjectDashboardsTable_projects"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"dashboardsLoaderQuery",selections:[{alias:null,args:n,concreteType:"ProjectConnection",kind:"LinkedField",name:"projects",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"project",args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},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:"projects(first:50)"},{alias:null,args:n,filters:null,handle:"connection",key:"ProjectDashboardsTable_projects",kind:"LinkedHandle",name:"projects"}]},params:{cacheID:"4644a4f13fed205537d5cc9e1b4f1df8",id:null,metadata:{},name:"dashboardsLoaderQuery",operationKind:"query",text:`query dashboardsLoaderQuery {
|
|
794
794
|
...ProjectDashboardsTable_projects
|
|
795
795
|
}
|
|
796
796
|
|
|
@@ -842,7 +842,7 @@ fragment ProjectDashboardsTable_projects on Query {
|
|
|
842
842
|
display: flex;
|
|
843
843
|
flex-direction: column;
|
|
844
844
|
gap: var(--ac-global-dimension-size-50);
|
|
845
|
-
`;function sT(){return o("div",{css:mk,"data-testid":"layout",children:[e(hk,{}),o("div",{css:gk,children:[e(cy,{children:e(dy,{})}),e("div",{"data-testid":"content",css:pk,children:e(m.Suspense,{fallback:e(me,{}),children:e(Ce,{})})})]})]})}function hk(){const n=v0("dashboards"),a=m.useMemo(()=>window.Config.hasInferences,[]),l=ke(),{authenticationEnabled:t}=F0(),i=ce(),r=m.useCallback(async()=>{const s=await fetch(Kn("/auth/logout"),{method:"POST"});if(s.ok){i(window.Config.basicAuthDisabled?"/logout":"/login");return}l({title:"Logout Failed",message:"Failed to log out: "+s.statusText})},[i,l]);return o(Sy,{children:[e(uy,{}),o(b,{direction:"column",justifyContent:"space-between",flex:"1 1 auto",children:[o("ul",{css:fk,children:[a&&e("li",{children:e(Dn,{to:"/model",text:"Model",leadingVisual:e(_,{svg:e(my,{})})})},"model"),e("li",{children:e(Dn,{to:"/projects",text:"Projects",leadingVisual:e(_,{svg:e(Co,{})})})}),n&&e("li",{children:e(Dn,{to:"/dashboards",text:"Dashboards",leadingVisual:e(_,{svg:e(So,{})})})},"dashboards"),e("li",{children:e(Dn,{to:"/datasets",text:"Datasets",leadingVisual:e(_,{svg:e(
|
|
845
|
+
`;function sT(){return o("div",{css:mk,"data-testid":"layout",children:[e(hk,{}),o("div",{css:gk,children:[e(cy,{children:e(dy,{})}),e("div",{"data-testid":"content",css:pk,children:e(m.Suspense,{fallback:e(me,{}),children:e(Ce,{})})})]})]})}function hk(){const n=v0("dashboards"),a=m.useMemo(()=>window.Config.hasInferences,[]),l=ke(),{authenticationEnabled:t}=F0(),i=ce(),r=m.useCallback(async()=>{const s=await fetch(Kn("/auth/logout"),{method:"POST"});if(s.ok){i(window.Config.basicAuthDisabled?"/logout":"/login");return}l({title:"Logout Failed",message:"Failed to log out: "+s.statusText})},[i,l]);return o(Sy,{children:[e(uy,{}),o(b,{direction:"column",justifyContent:"space-between",flex:"1 1 auto",children:[o("ul",{css:fk,children:[a&&e("li",{children:e(Dn,{to:"/model",text:"Model",leadingVisual:e(_,{svg:e(my,{})})})},"model"),e("li",{children:e(Dn,{to:"/projects",text:"Projects",leadingVisual:e(_,{svg:e(Co,{})})})}),n&&e("li",{children:e(Dn,{to:"/dashboards",text:"Dashboards",leadingVisual:e(_,{svg:e(So,{})})})},"dashboards"),e("li",{children:e(Dn,{to:"/datasets",text:"Datasets",leadingVisual:e(_,{svg:e(tt,{})})})},"datasets"),e("li",{children:e(Dn,{to:"/playground",text:"Playground",leadingVisual:e(_,{svg:e(Ea,{})})})},"playground"),e("li",{children:e(Dn,{to:"/prompts",text:"Prompts",leadingVisual:e(_,{svg:e(hi,{})})})},"prompts"),e("li",{children:e(Dn,{to:"/apis",text:"APIs",leadingVisual:e(_,{svg:e(ki,{})})})},"apis")]}),o("ul",{css:yk,children:[e("li",{children:e(gy,{})},"github"),e("li",{children:e(Dn,{to:"/settings/general",text:"Settings",leadingVisual:e(_,{svg:e(Fo,{})})})},"settings"),e("li",{children:e(py,{})},"docs"),e("li",{children:e(Dn,{to:"/support",text:"Support",leadingVisual:e(_,{svg:e(yy,{})})})},"support"),e("li",{children:e(fy,{})},"theme-toggle"),t&&o(J,{children:[e("li",{children:e(Dn,{to:"/profile",text:"Profile",leadingVisual:e(_,{svg:e(hy,{})})})},"profile"),e("li",{children:e(ky,{text:"Log Out",leadingVisual:e(_,{svg:e(by,{})}),onClick:r})},"logout")]})]})]})]})}const vd=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(
|
|
846
846
|
$id: ID!
|
|
847
847
|
) {
|
|
848
848
|
node(id: $id) {
|
|
@@ -992,7 +992,7 @@ fragment ProjectAnnotationConfigCardContent_project_annotations on Project {
|
|
|
992
992
|
}
|
|
993
993
|
id
|
|
994
994
|
}
|
|
995
|
-
`}}}();Id.hash="57a24bc659f8d1c2e7e761194c83231d";const bk=n=>o(B,{title:"Project Annotations",variant:"compact",bodyStyle:{padding:0},children:[e(Fe,{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(vy,{}),children:e(vk,{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"})})})]}),Sk=[{id:"select",maxSize:10,header:()=>null,cell:({row:n})=>e(Mn,{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(
|
|
995
|
+
`}}}();Id.hash="57a24bc659f8d1c2e7e761194c83231d";const bk=n=>o(B,{title:"Project Annotations",variant:"compact",bodyStyle:{padding:0},children:[e(Fe,{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(vy,{}),children:e(vk,{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"})})})]}),Sk=[{id:"select",maxSize:10,header:()=>null,cell:({row:n})=>e(Mn,{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(Ja,{annotation:{name:n.original.name||""},annotationDisplayPreference:"none",css:F`
|
|
996
996
|
width: fit-content;
|
|
997
997
|
`},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())})}}],vk=n=>{const{projectId:a}=n,[l,t]=m.useState({}),i=ue(),r=ke(),s=x.useLazyLoadQuery(Id,{projectId:a}),[d]=x.useRefetchableFragment(xd,s.project),[c]=x.useMutation(Td),[p]=x.useMutation(Kd),y=m.useCallback(h=>{t(S=>({...S,[h]:!0})),m.startTransition(()=>{c({variables:{projectId:a,annotationConfigId:h},onCompleted:()=>{t(S=>({...S,[h]:!1})),i({title:"Annotation config added",message:"The annotation config has been added to the project."})},onError:S=>{t(K=>({...K,[h]:!1})),r({title:"Failed to add annotation config",message:S.message||"An unknown error occurred"})}})})},[a,c,i,r]),u=m.useCallback(h=>{t(S=>({...S,[h]:!0})),p({variables:{projectId:a,annotationConfigId:h},onCompleted:()=>{t(S=>({...S,[h]:!1})),i({title:"Annotation config removed",message:"The annotation config has been removed from the project."})},onError:S=>{t(K=>({...K,[h]:!1})),r({title:"Failed to remove annotation config",message:S.message||"An unknown error occurred"})}})},[a,p,i,r]),{allAnnotationConfigs:g}=s,f=m.useMemo(()=>{var S;const h=((S=d==null?void 0:d.annotationConfigs)==null?void 0:S.edges.map(K=>{var P;return(P=K==null?void 0:K.node)==null?void 0:P.name}))||[];return g.edges.map(K=>({id:K.node.id||"",name:K.node.name||"",annotationType:K.node.annotationType||"",isEnabled:h.includes(K.node.name),isLoading:l[K.node.id||""],onAdd:y,onRemove:u}))},[g.edges,d,l,y,u]),k=Ke({data:f,columns:Sk,getCoreRowModel:Te()});return g.edges.length===0?e(b,{direction:"row",justifyContent:"center",children:e(C,{children:"No annotation configurations available."})}):e("div",{css:F`
|
|
998
998
|
overflow: auto;
|
|
@@ -1417,7 +1417,7 @@ fragment TracesTable_spans on Project {
|
|
|
1417
1417
|
}
|
|
1418
1418
|
id
|
|
1419
1419
|
}
|
|
1420
|
-
`}}}();Ad.hash="a11623d043c2945903dbd3fd179886cb";const wd=Ad,Rd=_d,Ed=Ld,Md=Dd,Vd=m.createContext({spansQueryReference:null,sessionsQueryReference:null,tracesQueryReference:null,projectConfigQueryReference:null}),
|
|
1420
|
+
`}}}();Ad.hash="a11623d043c2945903dbd3fd179886cb";const wd=Ad,Rd=_d,Ed=Ld,Md=Dd,Vd=m.createContext({spansQueryReference:null,sessionsQueryReference:null,tracesQueryReference:null,projectConfigQueryReference:null}),Ft=()=>{const n=m.useContext(Vd);if(!n)throw new Error("ProjectPageQueryReferenceContext not found");return n},zd=function(){var n={defaultValue:null,kind:"LocalArgument",name:"policyId"},a={defaultValue:null,kind:"LocalArgument",name:"projectId"},l=[{fields:[{items:[{kind:"Variable",name:"addProjects.0",variableName:"projectId"}],kind:"ListValue",name:"addProjects"},{kind:"Variable",name:"id",variableName:"policyId"}],kind:"ObjectValue",name:"input"}],t=[{kind:"Variable",name:"id",variableName:"projectId"}],i={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},s={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"maxDays",storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"maxCount",storageKey:null};return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"ProjectRetentionPolicyCardSetProjectRetentionPolicyMutation",selections:[{alias:null,args:l,concreteType:"ProjectTraceRetentionPolicyMutationPayload",kind:"LinkedField",name:"patchProjectTraceRetentionPolicy",plural:!1,selections:[{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:null,args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"ProjectRetentionPolicyCard_policy"}],type:"Project",abstractKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"ProjectRetentionPolicyCardSetProjectRetentionPolicyMutation",selections:[{alias:null,args:l,concreteType:"ProjectTraceRetentionPolicyMutationPayload",kind:"LinkedField",name:"patchProjectTraceRetentionPolicy",plural:!1,selections:[{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:null,args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,r,{kind:"InlineFragment",selections:[s,{alias:null,args:null,concreteType:"ProjectTraceRetentionPolicy",kind:"LinkedField",name:"traceRetentionPolicy",plural:!1,selections:[r,s,{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:[d],type:"TraceRetentionRuleMaxDays",abstractKey:null},{kind:"InlineFragment",selections:[c],type:"TraceRetentionRuleMaxCount",abstractKey:null},{kind:"InlineFragment",selections:[d,c],type:"TraceRetentionRuleMaxDaysOrCount",abstractKey:null}],storageKey:null}],storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"a98d713987237f83deb503164dc5d9b2",id:null,metadata:{},name:"ProjectRetentionPolicyCardSetProjectRetentionPolicyMutation",operationKind:"mutation",text:`mutation ProjectRetentionPolicyCardSetProjectRetentionPolicyMutation(
|
|
1421
1421
|
$projectId: ID!
|
|
1422
1422
|
$policyId: ID!
|
|
1423
1423
|
) {
|
|
@@ -1472,7 +1472,7 @@ fragment ProjectRetentionPolicyCard_policy on Project {
|
|
|
1472
1472
|
flex: none;
|
|
1473
1473
|
border-radius: 50%;
|
|
1474
1474
|
margin-top: var(--ac-global-dimension-size-100);
|
|
1475
|
-
`,dT=()=>{const{projectConfigQueryReference:n}=
|
|
1475
|
+
`,dT=()=>{const{projectConfigQueryReference:n}=Ft();return n?e("main",{css:Fk,children:e("div",{css:Kk,children:e(m.Suspense,{fallback:e(me,{}),children:e(Pk,{project:n})})})}):null},Pk=({project:n})=>{const a=x.usePreloadedQuery(Md,n);return o(b,{direction:"column",gap:"size-200",children:[e(xk,{project:a.project}),e(bk,{projectId:a.project.id}),e(Ck,{project:a.project,query:a})]})},xk=({project:n})=>{const[a]=x.useRefetchableFragment(Cd,n),{defaultTab:l,setDefaultTab:t}=bl(i=>({defaultTab:i.defaultTab,setDefaultTab:i.setDefaultTab}));return e(B,{title:"Project Settings",variant:"compact",children:o(b,{direction:"row",gap:"size-200",children:[e("div",{css:[Tk,{background:`linear-gradient(136.27deg, ${a.gradientStartColor} 14.03%, ${a.gradientEndColor} 84.38%)`}]}),e("div",{css:F`
|
|
1476
1476
|
width: 100%;
|
|
1477
1477
|
.ac-dropdown,
|
|
1478
1478
|
.ac-dropdown-button {
|
|
@@ -1480,7 +1480,7 @@ fragment ProjectRetentionPolicyCard_policy on Project {
|
|
|
1480
1480
|
}
|
|
1481
1481
|
`,children:o(b,{direction:"column",gap:"size-100",width:"100%",children:[o(b,{direction:"row",gap:"size-100",alignItems:"end",width:"100%",children:[o(X,{value:a.name,isReadOnly:!0,css:F`
|
|
1482
1482
|
width: 100%;
|
|
1483
|
-
`,children:[e(G,{children:"Project Name"}),e(Z,{})]}),e(de,{text:a.name,size:"M"})]}),o(Ko,{selectedKey:l,onSelectionChange:i=>{typeof i=="string"&&Fd(i)&&t(i)},placeholder:"Select a default tab",children:[e(G,{children:"Default Project Tab"}),o(E,{children:[e(lo,{}),e(To,{})]}),e(La,{children:o(
|
|
1483
|
+
`,children:[e(G,{children:"Project Name"}),e(Z,{})]}),e(de,{text:a.name,size:"M"})]}),o(Ko,{selectedKey:l,onSelectionChange:i=>{typeof i=="string"&&Fd(i)&&t(i)},placeholder:"Select a default tab",children:[e(G,{children:"Default Project Tab"}),o(E,{children:[e(lo,{}),e(To,{})]}),e(La,{children:o(bi,{children:[e(Ia,{id:"spans",children:"Spans"},"spans"),e(Ia,{id:"traces",children:"Traces"},"traces"),e(Ia,{id:"sessions",children:"Sessions"},"sessions")]})})]})]})})]})})};function cT(){const{projectId:n}=Oe();return je(n),e(Fy,{projectId:n,children:e(Ce,{})})}const jd=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(
|
|
1484
1484
|
$id: ID!
|
|
1485
1485
|
) {
|
|
1486
1486
|
prompt: node(id: $id) {
|
|
@@ -1501,7 +1501,7 @@ fragment PromptVersionTagsConfigCard_data on Prompt {
|
|
|
1501
1501
|
promptVersionId
|
|
1502
1502
|
}
|
|
1503
1503
|
}
|
|
1504
|
-
`}}}();jd.hash="14c6b4bb4ca5f20cce70677746b16459";const uT=async({params:n})=>{const a=n.promptId;if(!a)throw new Error("Prompt ID is required");return await x.fetchQuery(he,jd,{id:a}).toPromise()},Od={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptIndexPage__aside",selections:[{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{args:null,kind:"FragmentSpread",name:"PromptLatestVersionsListFragment"},{args:null,kind:"FragmentSpread",name:"EditPromptButton_data"}],type:"Prompt",abstractKey:null};Od.hash="a77263d84d9add47173ed2e3d0243952";const Qd={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptIndexPage__main",selections:[{alias:null,args:null,concreteType:"PromptVersionConnection",kind:"LinkedField",name:"promptVersions",plural:!1,selections:[{alias:null,args:null,concreteType:"PromptVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"PromptVersion",kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"PromptInvocationParameters__main"},{args:null,kind:"FragmentSpread",name:"PromptChatMessagesCard__main"},{args:null,kind:"FragmentSpread",name:"PromptCodeExportCard__main"},{args:null,kind:"FragmentSpread",name:"PromptModelConfigurationCard__main"}],storageKey:null}],storageKey:null}],storageKey:null},{args:null,kind:"FragmentSpread",name:"PromptIndexPage__aside"}],type:"Prompt",abstractKey:null};Qd.hash="a883b83f574448623a2b02a60d899d41";const Bd={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptModelConfigurationCard__main",selections:[{alias:"model",args:null,kind:"ScalarField",name:"modelName",storageKey:null},{alias:"provider",args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{args:null,kind:"FragmentSpread",name:"PromptLLM__main"},{args:null,kind:"FragmentSpread",name:"PromptInvocationParameters__main"},{args:null,kind:"FragmentSpread",name:"PromptTools__main"},{args:null,kind:"FragmentSpread",name:"PromptResponseFormatFragment"}],type:"PromptVersion",abstractKey:null};Bd.hash="1c4202299f1f881250b17b75244fac54";const qd={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptInvocationParameters__main",selections:[{alias:null,args:null,kind:"ScalarField",name:"invocationParameters",storageKey:null}],type:"PromptVersion",abstractKey:null};qd.hash="4f00ab4f0396fffb81a1b068e544cfcf";function Ik({keyName:n,value:a}){const{json:l,stringifyError:t}=En(a);return t?null:e(v,{paddingStart:"size-100",paddingEnd:"size-100",children:o(b,{direction:"row",justifyContent:"space-between",children:[e(C,{size:"XS",color:"text-700",children:n}),e(C,{size:"XS",children:l})]})})}function Dk({promptVersion:n}){const{invocationParameters:a}=x.useFragment(qd,n),l=m.useMemo(()=>yp(a)?Object.entries(a).map(([t,i])=>({key:t,value:i})):[],[a]);return l.length===0?e(v,{padding:"size-200",children:e(b,{justifyContent:"center",alignItems:"center",children:e(C,{color:"text-300",children:"No parameters saved for this prompt"})})}):e(Jl,{listSize:"small",children:l.map(({key:t,value:i},r)=>e(Wl,{children:e(Ik,{keyName:t,value:i})},`${t}-${r}`))})}const Ud={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptLLM__main",selections:[{alias:"model",args:null,kind:"ScalarField",name:"modelName",storageKey:null},{alias:"provider",args:null,kind:"ScalarField",name:"modelProvider",storageKey:null}],type:"PromptVersion",abstractKey:null};Ud.hash="acc90da43126218472d2fc19cd8d0512";const Dr=({keyName:n,children:a})=>e(Wl,{listSize:"small",children:e(v,{paddingStart:"size-100",paddingEnd:"size-100",children:o(b,{direction:"row",justifyContent:"space-between",children:[e(C,{size:"XS",color:"text-700",children:n}),e(C,{size:"XS",children:a})]})})});function Lk({promptVersion:n}){const a=x.useFragment(Ud,n);return o(fe,{id:"llm",children:[e(pe,{children:"LLM"}),e(ye,{children:o(Jl,{listSize:"small",children:[e(Dr,{keyName:"Model",children:a.model}),e(Dr,{keyName:"Provider",children:
|
|
1504
|
+
`}}}();jd.hash="14c6b4bb4ca5f20cce70677746b16459";const uT=async({params:n})=>{const a=n.promptId;if(!a)throw new Error("Prompt ID is required");return await x.fetchQuery(he,jd,{id:a}).toPromise()},Od={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptIndexPage__aside",selections:[{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{args:null,kind:"FragmentSpread",name:"PromptLatestVersionsListFragment"},{args:null,kind:"FragmentSpread",name:"EditPromptButton_data"}],type:"Prompt",abstractKey:null};Od.hash="a77263d84d9add47173ed2e3d0243952";const Qd={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptIndexPage__main",selections:[{alias:null,args:null,concreteType:"PromptVersionConnection",kind:"LinkedField",name:"promptVersions",plural:!1,selections:[{alias:null,args:null,concreteType:"PromptVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"PromptVersion",kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"PromptInvocationParameters__main"},{args:null,kind:"FragmentSpread",name:"PromptChatMessagesCard__main"},{args:null,kind:"FragmentSpread",name:"PromptCodeExportCard__main"},{args:null,kind:"FragmentSpread",name:"PromptModelConfigurationCard__main"}],storageKey:null}],storageKey:null}],storageKey:null},{args:null,kind:"FragmentSpread",name:"PromptIndexPage__aside"}],type:"Prompt",abstractKey:null};Qd.hash="a883b83f574448623a2b02a60d899d41";const Bd={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptModelConfigurationCard__main",selections:[{alias:"model",args:null,kind:"ScalarField",name:"modelName",storageKey:null},{alias:"provider",args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{args:null,kind:"FragmentSpread",name:"PromptLLM__main"},{args:null,kind:"FragmentSpread",name:"PromptInvocationParameters__main"},{args:null,kind:"FragmentSpread",name:"PromptTools__main"},{args:null,kind:"FragmentSpread",name:"PromptResponseFormatFragment"}],type:"PromptVersion",abstractKey:null};Bd.hash="1c4202299f1f881250b17b75244fac54";const qd={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptInvocationParameters__main",selections:[{alias:null,args:null,kind:"ScalarField",name:"invocationParameters",storageKey:null}],type:"PromptVersion",abstractKey:null};qd.hash="4f00ab4f0396fffb81a1b068e544cfcf";function Ik({keyName:n,value:a}){const{json:l,stringifyError:t}=En(a);return t?null:e(v,{paddingStart:"size-100",paddingEnd:"size-100",children:o(b,{direction:"row",justifyContent:"space-between",children:[e(C,{size:"XS",color:"text-700",children:n}),e(C,{size:"XS",children:l})]})})}function Dk({promptVersion:n}){const{invocationParameters:a}=x.useFragment(qd,n),l=m.useMemo(()=>yp(a)?Object.entries(a).map(([t,i])=>({key:t,value:i})):[],[a]);return l.length===0?e(v,{padding:"size-200",children:e(b,{justifyContent:"center",alignItems:"center",children:e(C,{color:"text-300",children:"No parameters saved for this prompt"})})}):e(Jl,{listSize:"small",children:l.map(({key:t,value:i},r)=>e(Wl,{children:e(Ik,{keyName:t,value:i})},`${t}-${r}`))})}const Ud={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptLLM__main",selections:[{alias:"model",args:null,kind:"ScalarField",name:"modelName",storageKey:null},{alias:"provider",args:null,kind:"ScalarField",name:"modelProvider",storageKey:null}],type:"PromptVersion",abstractKey:null};Ud.hash="acc90da43126218472d2fc19cd8d0512";const Dr=({keyName:n,children:a})=>e(Wl,{listSize:"small",children:e(v,{paddingStart:"size-100",paddingEnd:"size-100",children:o(b,{direction:"row",justifyContent:"space-between",children:[e(C,{size:"XS",color:"text-700",children:n}),e(C,{size:"XS",children:a})]})})});function Lk({promptVersion:n}){const a=x.useFragment(Ud,n);return o(fe,{id:"llm",children:[e(pe,{children:"LLM"}),e(ye,{children:o(Jl,{listSize:"small",children:[e(Dr,{keyName:"Model",children:a.model}),e(Dr,{keyName:"Provider",children:Wt[a.provider]??a.provider})]})})]})}const Hd={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptResponseFormatFragment",selections:[{alias:null,args:null,concreteType:"ResponseFormat",kind:"LinkedField",name:"responseFormat",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"definition",storageKey:null}],storageKey:null}],type:"PromptVersion",abstractKey:null};Hd.hash="154d745ec5e978e0dfc811ebfb9faa8c";function _k({promptVersion:n}){const{responseFormat:a}=x.useFragment(Hd,n),l=m.useMemo(()=>typeof(a==null?void 0:a.definition)=="string"?En(Qe(a==null?void 0:a.definition).json||"",null,2).json||"":En(a==null?void 0:a.definition,null,2).json||"",[a==null?void 0:a.definition]);return l?o(fe,{id:"response-format",children:[e(pe,{children:"Response Format"}),e(ye,{children:e(hn,{value:l})})]}):o(fe,{id:"response-format",children:[e(pe,{children:"Response Format"}),e(ye,{children:e(v,{padding:"size-200",children:e(b,{justifyContent:"center",alignItems:"center",children:e(C,{color:"text-300",children:"No response format specified for this prompt"})})})})]})}const Gd={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptTools__main",selections:[{alias:null,args:null,concreteType:"ToolDefinition",kind:"LinkedField",name:"tools",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"definition",storageKey:null}],storageKey:null}],type:"PromptVersion",abstractKey:null};Gd.hash="aa512d962d83a58b70ae0e17f01242b3";function Ak({promptVersion:n}){const{tools:a}=x.useFragment(Gd,n),l=m.useMemo(()=>a.map((t,i)=>{const r=t.definition;return{name:Ty(r)||`Tool ${i+1}`,description:Ky(r)||void 0,definition:En(r,null,2).json||"{}"}}),[a]);return l.length===0?o(fe,{id:"tools",children:[e(pe,{children:"Tools"}),e(ye,{children:e(v,{padding:"size-200",children:e(b,{justifyContent:"center",alignItems:"center",children:e(C,{color:"text-300",children:"No tools specified for this prompt"})})})})]}):o(b,{direction:"column",children:[e(Py,{bordered:!1,children:"Tools"}),e(bn,{css:F`
|
|
1505
1505
|
& {
|
|
1506
1506
|
> .ac-disclosure:last-child {
|
|
1507
1507
|
&[data-expanded="true"] {
|
|
@@ -1699,8 +1699,8 @@ fragment PromptVersionTagsList_data on PromptVersion {
|
|
|
1699
1699
|
name
|
|
1700
1700
|
}
|
|
1701
1701
|
}
|
|
1702
|
-
`}}}();Jd.hash="3ce25c8fbe5598ec1ee037a9778a6957";const Zd={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};Zd.hash="24788aacf7830c0e5037befe576f4968";function wk(n){const[a,l]=m.useState(!1),t=ue(),i=ke(),r=x.useFragment(Zd,n.prompt),[s,d]=x.useMutation(Jd),{control:c,handleSubmit:p}=Ve({defaultValues:{description:r.description??""}}),y=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:g=>{var f;i({title:"Error updating prompt",message:(f=Ie(g))==null?void 0:f[0]})}})},[r.id,s,i,t]);return o(Ue,{isOpen:a,onOpenChange:l,children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(Fo,{})}),variant:"quiet","aria-label":"configure prompt",onPress:()=>l(!0)}),e(yn,{size:"S",isDismissable:!0,children:o(pn,{children:[e(ae,{slot:"title",children:"Edit Prompt Details"}),o(Ye,{children:[e(v,{padding:"size-200",children:e(H,{name:"description",control:c,render:({field:u})=>o(X,{value:u.value,onChange:u.onChange,children:[e(G,{children:"Prompt Description"}),e(fa,{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:()=>p(y)(),children:d?"Saving...":"Save"})]})})]})]})})]})}const Xd=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}}();Xd.hash="e0d9c12926330e5e774cbc64de158a82";const Mi=R.object({text:R.object({text:R.string()})}),Vi=R.object({toolCall:R.object({toolCallId:R.string(),toolCall:R.object({name:R.string(),arguments:R.string()})})}),zi=R.object({toolResult:R.object({toolCallId:R.string(),result:ui})}),Ft=n=>{const a=Mi.safeParse(n);return a.success?a.data:null},Yd=n=>{const a={text:{text:n}},l=Mi.safeParse(a);return l.success?l.data:null},Ni=n=>{const a=Vi.safeParse(n);return a.success?a.data:null},ec=n=>{const a=xy(n),l=Iy(n),t=Dy(n);if(!a)return null;const i=En(t).json||"",r={toolCall:{toolCallId:a,toolCall:{name:l||a,arguments:i}}},s=Vi.safeParse(r);return s.success?s.data:null},$i=n=>{const a=zi.safeParse(n);return a.success?a.data:null},nc=(n,a)=>{const l={toolResult:{toolCallId:n,result:a}},t=zi.safeParse(l);return t.success?t.data:null};function Ll(n){return m.useMemo(()=>{const a=n.toLowerCase();return $l.user.includes(a)?{backgroundColor:"grey-200",borderColor:"grey-500"}:$l.ai.includes(a)?{backgroundColor:"blue-100",borderColor:"blue-700"}:$l.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 Kt={text:"Text",toolCall:"Tool Call",toolResult:"Tool Result"},Rk=Object.values(Kt);function Ek({toolResult:n,isOnlyChild:a}){const l=m.useMemo(()=>{const t=n.toolResult.result;return wi(t)},[n]);return e(ji,{title:Kt.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(tt,{readOnly:!0,children:e(it,{readOnly:!0,height:"100%",defaultValue:l,templateFormat:fn.NONE})})]})]})})}function Mk({provider:n,toolCall:a,isOnlyChild:l}){const t=m.useMemo(()=>{const i=Po(a,n);return En(i,null,2).json||""},[n,a]);return e(ji,{title:Kt.toolCall,isOnlyChild:l,children:e(tt,{readOnly:!0,children:e(it,{readOnly:!0,height:"100%",defaultValue:t,templateFormat:fn.NONE})})})}function Vk(n){const{text:a,templateFormat:l,isOnlyChild:t}=n;return e(ji,{title:Kt.text,isOnlyChild:t,children:e(tt,{readOnly:!0,children:e(it,{readOnly:!0,height:"100%",defaultValue:a,templateFormat:l})})})}function ji({title:n,children:a,isOnlyChild:l}){return l?e(J,{children:a}):o(fe,{id:n,children:[e(pe,{children:e(C,{weight:"heavy",size:"S",children:n})}),e(ye,{children:a})]})}function zk(n){const{role:a,children:l}=n,t=Ll(a);return e(B,{title:a,variant:"compact",...t,bodyStyle:{padding:0},collapsible:!0,children:e(bn,{defaultExpandedKeys:Rk,children:l})})}function Nk({promptVersion:n}){const{template:a,templateFormat:l,provider:t}=x.useFragment(Xd,n);if(a.__typename==="PromptStringTemplate")return e(C,{children:a.template});if(a.__typename==="PromptChatTemplate")return e(jk,{template:a,templateFormat:l,provider:Cs(t)||go});if(a.__typename==="%other")throw new Error("Unknown template type"+a.__typename)}function $k({part:n,templateFormat:a,provider:l,isOnlyChild:t}){let i=Ft(n);return i?e(Vk,{text:i.text.text,templateFormat:a,isOnlyChild:t}):(i=Ni(n),i?e(Mk,{toolCall:i,provider:l,isOnlyChild:t}):(i=$i(n),i?e(Ek,{toolResult:i,isOnlyChild:t}):null))}function jk({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(Ft)!=null;return e(zk,{role:i.role,children:i.content.map((d,c)=>e($k,{part:d,templateFormat:a,provider:l,isOnlyChild:s},`${c}-${d.__typename}`))},r)})})}function ac({title:n="Prompt",promptVersion:a}){return e(B,{title:n,variant:"compact",collapsible:!0,"data-testid":"prompt-chat-messages-card",children:e(Nk,{promptVersion:a})})}const lc=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}}();lc.hash="3fa95713c234bb0cfa4c36e8e4f9cea0";const Ok=R.enum(["system","user","assistant","developer","tool","function"]),Tt=R.object({role:Ok,content:R.string().nullable(),name:R.string().optional(),tool_call_id:R.string().optional(),tool_calls:R.array(Ly).optional()}).passthrough(),Qk=R.array(Tt);Gl(Qk,{removeAdditionalStrategy:"passthrough"});const Bk=R.enum(["user","assistant","tool"]),qk=_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()}),tc=R.object({role:Bk,content:R.union([R.string(),R.array(qk)])}),Uk=R.array(tc);Gl(Uk,{removeAdditionalStrategy:"passthrough"});const Hk=R.enum(["SYSTEM","USER","AI","TOOL"]),Gk=R.object({image:R.object({url:R.string()})}),Wk=R.discriminatedUnion("__typename",[Mi.extend({__typename:R.literal("TextContentPart")}),Gk.extend({__typename:R.literal("ImageContentPart")}),Vi.extend({__typename:R.literal("ToolCallContentPart")}),zi.extend({__typename:R.literal("ToolResultContentPart")})]),Pt=R.object({role:Hk,content:R.array(Wk)}).passthrough(),Jk=R.array(Pt);Gl(Jk,{removeAdditionalStrategy:"passthrough"});const ic=Tt.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=>Ay.parse(l))]}:n.tool_call_id?{...a,content:[{type:"tool_result",tool_use_id:n.tool_call_id,content:n.content}]}:a}),rc=Pt.transform(n=>{if(n.role==="TOOL"){const t=n.content.map(i=>$i(i)).find(i=>!!i);if(!t)throw new Error("TOOL role message must have a ToolResultContentPart");return{role:"tool",content:wi(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=>Ft(t)).filter(t=>!!t).map(t=>t.text.text).join(`
|
|
1703
|
-
`)},l=n.content.map(t=>Ni(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});
|
|
1702
|
+
`}}}();Jd.hash="3ce25c8fbe5598ec1ee037a9778a6957";const Zd={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};Zd.hash="24788aacf7830c0e5037befe576f4968";function wk(n){const[a,l]=m.useState(!1),t=ue(),i=ke(),r=x.useFragment(Zd,n.prompt),[s,d]=x.useMutation(Jd),{control:c,handleSubmit:p}=Ve({defaultValues:{description:r.description??""}}),y=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:g=>{var f;i({title:"Error updating prompt",message:(f=Ie(g))==null?void 0:f[0]})}})},[r.id,s,i,t]);return o(Ue,{isOpen:a,onOpenChange:l,children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(Fo,{})}),variant:"quiet","aria-label":"configure prompt",onPress:()=>l(!0)}),e(cn,{size:"S",isDismissable:!0,children:o(dn,{children:[e(ae,{slot:"title",children:"Edit Prompt Details"}),o(Ye,{children:[e(v,{padding:"size-200",children:e(H,{name:"description",control:c,render:({field:u})=>o(X,{value:u.value,onChange:u.onChange,children:[e(G,{children:"Prompt Description"}),e(fa,{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:()=>p(y)(),children:d?"Saving...":"Save"})]})})]})]})})]})}const Xd=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}}();Xd.hash="e0d9c12926330e5e774cbc64de158a82";const Mi=R.object({text:R.object({text:R.string()})}),Vi=R.object({toolCall:R.object({toolCallId:R.string(),toolCall:R.object({name:R.string(),arguments:R.string()})})}),zi=R.object({toolResult:R.object({toolCallId:R.string(),result:mi})}),Kt=n=>{const a=Mi.safeParse(n);return a.success?a.data:null},Yd=n=>{const a={text:{text:n}},l=Mi.safeParse(a);return l.success?l.data:null},Ni=n=>{const a=Vi.safeParse(n);return a.success?a.data:null},ec=n=>{const a=xy(n),l=Iy(n),t=Dy(n);if(!a)return null;const i=En(t).json||"",r={toolCall:{toolCallId:a,toolCall:{name:l||a,arguments:i}}},s=Vi.safeParse(r);return s.success?s.data:null},$i=n=>{const a=zi.safeParse(n);return a.success?a.data:null},nc=(n,a)=>{const l={toolResult:{toolCallId:n,result:a}},t=zi.safeParse(l);return t.success?t.data:null};function Ll(n){return m.useMemo(()=>{const a=n.toLowerCase();return $l.user.includes(a)?{backgroundColor:"grey-200",borderColor:"grey-500"}:$l.ai.includes(a)?{backgroundColor:"blue-100",borderColor:"blue-700"}:$l.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 Tt={text:"Text",toolCall:"Tool Call",toolResult:"Tool Result"},Rk=Object.values(Tt);function Ek({toolResult:n,isOnlyChild:a}){const l=m.useMemo(()=>{const t=n.toolResult.result;return wi(t)},[n]);return e(ji,{title:Tt.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(it,{readOnly:!0,children:e(rt,{readOnly:!0,height:"100%",defaultValue:l,templateFormat:fn.NONE})})]})]})})}function Mk({provider:n,toolCall:a,isOnlyChild:l}){const t=m.useMemo(()=>{const i=Po(a,n);return En(i,null,2).json||""},[n,a]);return e(ji,{title:Tt.toolCall,isOnlyChild:l,children:e(it,{readOnly:!0,children:e(rt,{readOnly:!0,height:"100%",defaultValue:t,templateFormat:fn.NONE})})})}function Vk(n){const{text:a,templateFormat:l,isOnlyChild:t}=n;return e(ji,{title:Tt.text,isOnlyChild:t,children:e(it,{readOnly:!0,children:e(rt,{readOnly:!0,height:"100%",defaultValue:a,templateFormat:l})})})}function ji({title:n,children:a,isOnlyChild:l}){return l?e(J,{children:a}):o(fe,{id:n,children:[e(pe,{children:e(C,{weight:"heavy",size:"S",children:n})}),e(ye,{children:a})]})}function zk(n){const{role:a,children:l}=n,t=Ll(a);return e(B,{title:a,variant:"compact",...t,bodyStyle:{padding:0},collapsible:!0,children:e(bn,{defaultExpandedKeys:Rk,children:l})})}function Nk({promptVersion:n}){const{template:a,templateFormat:l,provider:t}=x.useFragment(Xd,n);if(a.__typename==="PromptStringTemplate")return e(C,{children:a.template});if(a.__typename==="PromptChatTemplate")return e(jk,{template:a,templateFormat:l,provider:Cs(t)||go});if(a.__typename==="%other")throw new Error("Unknown template type"+a.__typename)}function $k({part:n,templateFormat:a,provider:l,isOnlyChild:t}){let i=Kt(n);return i?e(Vk,{text:i.text.text,templateFormat:a,isOnlyChild:t}):(i=Ni(n),i?e(Mk,{toolCall:i,provider:l,isOnlyChild:t}):(i=$i(n),i?e(Ek,{toolResult:i,isOnlyChild:t}):null))}function jk({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(Kt)!=null;return e(zk,{role:i.role,children:i.content.map((d,c)=>e($k,{part:d,templateFormat:a,provider:l,isOnlyChild:s},`${c}-${d.__typename}`))},r)})})}function ac({title:n="Prompt",promptVersion:a}){return e(B,{title:n,variant:"compact",collapsible:!0,"data-testid":"prompt-chat-messages-card",children:e(Nk,{promptVersion:a})})}const lc=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}}();lc.hash="3fa95713c234bb0cfa4c36e8e4f9cea0";const Ok=R.enum(["system","user","assistant","developer","tool","function"]),Pt=R.object({role:Ok,content:R.string().nullable(),name:R.string().optional(),tool_call_id:R.string().optional(),tool_calls:R.array(Ly).optional()}).passthrough(),Qk=R.array(Pt);Gl(Qk,{removeAdditionalStrategy:"passthrough"});const Bk=R.enum(["user","assistant","tool"]),qk=_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()}),tc=R.object({role:Bk,content:R.union([R.string(),R.array(qk)])}),Uk=R.array(tc);Gl(Uk,{removeAdditionalStrategy:"passthrough"});const Hk=R.enum(["SYSTEM","USER","AI","TOOL"]),Gk=R.object({image:R.object({url:R.string()})}),Wk=R.discriminatedUnion("__typename",[Mi.extend({__typename:R.literal("TextContentPart")}),Gk.extend({__typename:R.literal("ImageContentPart")}),Vi.extend({__typename:R.literal("ToolCallContentPart")}),zi.extend({__typename:R.literal("ToolResultContentPart")})]),xt=R.object({role:Hk,content:R.array(Wk)}).passthrough(),Jk=R.array(xt);Gl(Jk,{removeAdditionalStrategy:"passthrough"});const ic=Pt.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=>Ay.parse(l))]}:n.tool_call_id?{...a,content:[{type:"tool_result",tool_use_id:n.tool_call_id,content:n.content}]}:a}),rc=xt.transform(n=>{if(n.role==="TOOL"){const t=n.content.map(i=>$i(i)).find(i=>!!i);if(!t)throw new Error("TOOL role message must have a ToolResultContentPart");return{role:"tool",content:wi(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=>Kt(t)).filter(t=>!!t).map(t=>t.text.text).join(`
|
|
1703
|
+
`)},l=n.content.map(t=>Ni(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});Pt.transform(n=>{const a=[];if(n.role==="tool"&&n.tool_call_id){const t=nc(n.tool_call_id,n.content);return t&&a.push({__typename:"ToolResultContentPart",...t}),{role:"TOOL",content:a}}if(n.content){const t=Yd(n.content);t&&a.push({__typename:"TextContentPart",...t})}return n.tool_calls&&n.tool_calls.forEach(t=>{const i=ec({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 Zk=({message:n,targetProvider:a})=>{switch(a){case"AZURE_OPENAI":case"OPENAI":case"DEEPSEEK":return n;case"ANTHROPIC":return ic.parse(n);case"GOOGLE":return n;default:return Pe()}};R.union([Pt,tc,xt,mi]);xt.transform(n=>ic.parse(rc.parse(n)));const An=" ",El=({json:n,level:a,removeKeyQuotes:l=!1})=>{const t=An.repeat(a);let i=JSON.stringify(n,null,An);return i=i.split(`
|
|
1704
1704
|
`).map((r,s)=>s>0?t+r:r).join(`
|
|
1705
1705
|
`),l&&(i=i.replace(/"([a-zA-Z_$][a-zA-Z0-9_$]*)"\s*:/g,"$1:")),i},Xk=Tn.template(`
|
|
1706
1706
|
from openai import OpenAI
|
|
@@ -1828,7 +1828,7 @@ const response = await anthropic.messages.create({
|
|
|
1828
1828
|
});
|
|
1829
1829
|
|
|
1830
1830
|
console.log(response.content);
|
|
1831
|
-
`.trim()),ra={python:{openai:{assignmentOperator:"=",removeKeyQuotes:!1,stringQuote:'"',sdkTemplate:Xk,clientTemplate:e1},anthropic:{assignmentOperator:"=",removeKeyQuotes:!1,stringQuote:'"',sdkTemplate:a1,clientTemplate:t1}},typescript:{openai:{assignmentOperator:": ",removeKeyQuotes:!0,stringQuote:'"',sdkTemplate:Yk,clientTemplate:n1},anthropic:{assignmentOperator:": ",removeKeyQuotes:!0,stringQuote:'"',sdkTemplate:l1,clientTemplate:i1}}},Ml=(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,p])=>typeof p=="string"?`${c}${t}${r}${p}${r}`:
|
|
1831
|
+
`.trim()),ra={python:{openai:{assignmentOperator:"=",removeKeyQuotes:!1,stringQuote:'"',sdkTemplate:Xk,clientTemplate:e1},anthropic:{assignmentOperator:"=",removeKeyQuotes:!1,stringQuote:'"',sdkTemplate:a1,clientTemplate:t1}},typescript:{openai:{assignmentOperator:": ",removeKeyQuotes:!0,stringQuote:'"',sdkTemplate:Yk,clientTemplate:n1},anthropic:{assignmentOperator:": ",removeKeyQuotes:!0,stringQuote:'"',sdkTemplate:l1,clientTemplate:i1}}},Ml=(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,p])=>typeof p=="string"?`${c}${t}${r}${p}${r}`:gi(p)?`${c}${t}${El({json:p,level:1,removeKeyQuotes:i})}`:`${c}${t}${p}`);l.push(...d)}let s="";if(n.template.messages.length>0&&(s=El({json:n.template.messages,level:0,removeKeyQuotes:i}),l.push(t==="="?"messages=messages":"messages")),n.tools&&n.tools.length>0){const d=El({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=El({json:n.responseFormat.definition,level:1,removeKeyQuotes:i});l.push(`response_format${t}${d}`)}return{args:l,messages:s}},Lr=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,r1={python:{openai:n=>{const a=ra.python.openai,l={...n,template:{...n.template,messages:n.template.messages.map(r=>Lr(r))}},{args:t,messages:i}=Ml(l,a);return a.sdkTemplate({tab:An,args:t,messages:i})},anthropic:n=>{const a=ra.python.anthropic,{args:l,messages:t}=Ml(n,a);return a.sdkTemplate({tab:An,args:l,messages:t})}},typescript:{openai:n=>{const a=ra.typescript.openai,l={...n,template:{...n.template,messages:n.template.messages.map(r=>Lr(r))}},{args:t,messages:i}=Ml(l,a);return a.sdkTemplate({tab:An,args:t,messages:i})},anthropic:n=>{const a=ra.typescript.anthropic,{args:l,messages:t}=Ml(n,a);return a.sdkTemplate({tab:An,args:l,messages:t})}}},o1={python:{openai:n=>ra.python.openai.clientTemplate({tab:An,versionId:n.versionId}),anthropic:n=>ra.python.openai.clientTemplate({tab:An,versionId:n.versionId})},typescript:{openai:n=>ra.typescript.openai.clientTemplate({tab:An,versionId:n.versionId}),anthropic:n=>ra.typescript.anthropic.clientTemplate({tab:An,versionId:n.versionId})}},s1=({promptVersion:n,language:a})=>{var i;const l=r1[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 Zk({message:rc.parse(r),targetProvider:n.modelProvider})}catch(s){return console.warn("Cannot convert message"),console.error(s),null}}).filter(Boolean)}};return l(t)};function d1({promptVersion:n,language:a}){var i;const l=o1[a.toLocaleLowerCase()][(i=n.modelProvider)==null?void 0:i.toLocaleLowerCase()];if(!l)return null;const t={versionId:n.id};return l(t)}function oc({promptVersion:n}){const[a,l]=m.useState("Python"),t=x.useFragment(lc,n),i=m.useMemo(()=>s1({promptVersion:t,language:a}),[t,a]),r=m.useMemo(()=>d1({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(xl,{language:a,onChange:l,size:"S"})}),children:o(bn,{defaultExpandedKeys:["sdk-inline","client"],children:[o(fe,{id:"sdk-inline",children:[e(pe,{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(de,{text:i}):null]})}),e(ye,{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(_r,{language:a,value:i})})]}),o(fe,{id:"client",children:[e(pe,{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(de,{text:r}):null]})}),e(ye,{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(_r,{language:a,value:r})})]})]})})}function _r({language:n,value:a}){switch(n){case"Python":return e(xo,{value:a,basicSetup:{lineNumbers:!0}});case"TypeScript":return e(wy,{value:a,basicSetup:{lineNumbers:!0}});default:Pe()}}const sc={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};sc.hash="a473a6f0d927379542694312449a4c63";const dc=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}}();dc.hash="80901eff49852a413f643ee876638174";const cc={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};cc.hash="25265fbc7ea915534615a56b4331236e";function uc({promptVersion:n}){const a=x.useFragment(cc,n);return e(b,{direction:"row",gap:"size-50",alignItems:"center",wrap:"wrap",children:a.tags.map(l=>e(c1,{children:l.name},l.id))})}function c1({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(Cn,{color:a,children:n})}function mc(n){const a=x.useFragment(dc,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(Cn,{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(un,{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(uc,{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(at,{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:fp(a.createdAt,Date.now())})]})]})]})})]})}const u1=5,m1=F`
|
|
1832
1832
|
padding-bottom: var(--ac-global-dimension-size-200);
|
|
1833
1833
|
position: relative;
|
|
1834
1834
|
`;function g1(n){const{prompt:a}=n,l=x.useFragment(sc,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===u1-1;return o("li",{css:m1,children:[e(mc,{promptVersion:i}),i.sequenceNumber!=1?e(y1,{isLastConnector:s}):null]},i.id)})}),e(b,{direction:"row",justifyContent:"end",children:e(we,{to:"versions",children:"View all versions"})})]})}const p1=F`
|
|
@@ -1888,7 +1888,7 @@ console.log(response.content);
|
|
|
1888
1888
|
}
|
|
1889
1889
|
}
|
|
1890
1890
|
}
|
|
1891
|
-
`;function gT(){const[n,a]=m.useState(null),l=Oi(),t=ce(),{pathname:i}=
|
|
1891
|
+
`;function gT(){const[n,a]=m.useState(null),l=Oi(),t=ce(),{pathname:i}=Ga();let r="prompt";i.includes("versions")?r="versions":i.includes("config")&&(r="config");const s=x.useFragment(gc,l.prompt);return o("main",{css:b1,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(Ry,{})}),onPress:()=>{a(e(k1,{promptId:s.id,promptName:s.name,promptDescription:s.description??void 0,setDialog:a}))},children:"Clone"}),e(E,{size:"S",leadingVisual:e(_,{svg:e(Si,{})}),onPress:()=>{t(`/prompts/${l.prompt.id}/playground`)},children:"Edit in Playground"})]})]})}),o(an,{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(nn,{children:[e(ne,{id:"prompt",children:"Prompt"}),o(ne,{id:"versions",children:["Versions ",e(xn,{children:s.promptVersions.edges.length})]}),e(ne,{id:"config",children:"Config"})]}),e(re,{id:"prompt",children:e(Ce,{})}),e(re,{id:"versions",children:e(Ce,{})}),e(re,{id:"config",children:e(Ce,{})})]}),e(oe,{onDismiss:()=>a(null),children:n})]})}const yc=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(
|
|
1892
1892
|
$modelsInput: ModelsInput!
|
|
1893
1893
|
) {
|
|
1894
1894
|
modelInvocationParameters(input: $modelsInput) {
|
|
@@ -1992,14 +1992,14 @@ console.log(response.content);
|
|
|
1992
1992
|
id
|
|
1993
1993
|
}
|
|
1994
1994
|
}
|
|
1995
|
-
`}}}();fc.hash="5b21b9860cae9ec899aaa18ba9c73787";const S1=n=>{switch(n){case"user":return"USER";case"ai":return"AI";case"system":return"SYSTEM";case"tool":return"TOOL";default:return"USER"}},v1=(n,a)=>{const l=a.length>0?a.reduce((t,i)=>(i.invocationName&&(t[i.invocationName]=i),t),{}):{};return Object.entries(n).map(([t,i])=>{const r=l[t];return!r||!r.invocationInputField?{invocationName:t,valueJson:i}:{invocationName:t,canonicalName:r.canonicalName,[
|
|
1995
|
+
`}}}();fc.hash="5b21b9860cae9ec899aaa18ba9c73787";const S1=n=>{switch(n){case"user":return"USER";case"ai":return"AI";case"system":return"SYSTEM";case"tool":return"TOOL";default:return"USER"}},v1=(n,a)=>{const l=a.length>0?a.reduce((t,i)=>(i.invocationName&&(t[i.invocationName]=i),t),{}):{};return Object.entries(n).map(([t,i])=>{const r=l[t];return!r||!r.invocationInputField?{invocationName:t,valueJson:i}:{invocationName:t,canonicalName:r.canonicalName,[al(r.invocationInputField)]:i}})},C1=({promptId:n,promptName:a,promptVersion:l,supportedInvocationParameters:t})=>{var c,p;const i={...Ey(),prompt:{id:n,name:a}},r=l.modelName,s=l.modelProvider,d=pi({toolChoice:(c=l.invocationParameters)==null?void 0:c.tool_choice,targetProvider:s})??void 0;return{...i,model:{...i.model,modelName:r,provider:s,supportedInvocationParameters:t||[],invocationParameters:v1({...l.invocationParameters,...(p=l.responseFormat)!=null&&p.definition?{response_format:l.responseFormat.definition}:{}},t||[])},template:{__type:"chat",messages:"messages"in l.template?l.template.messages.map(y=>{const u=y.content.map(Kt).filter(Boolean).map(S=>S.text.text).join(""),g=y.content.filter(Ni).filter(Boolean),k=y.content.filter($i).filter(Boolean).at(0),h=ia(y.role);return h==="tool"&&k?{id:oa(),role:ia(y.role),content:typeof k.toolResult.result=="string"?k.toolResult.result:En(k.toolResult.result,null,2).json||"",toolCallId:k.toolResult.toolCallId}:h==="ai"&&g.length>0?{id:oa(),role:ia(y.role),toolCalls:g.map(S=>Po(S,s))}:{id:oa(),role:ia(y.role),content:u}}):[]},tools:l.tools.map(y=>({id:pl(),definition:y.definition})),toolChoice:d}},F1=(n,a)=>{const l=a.length>0?a.reduce((t,i)=>((i.canonicalName||i.invocationName)&&(t[i.canonicalName||i.invocationName]=i),t),{}):{};return n.reduce((t,i)=>{const r=l[i.canonicalName||i.invocationName];return r&&(t[i.invocationName]=i[al(r.invocationInputField)]),t},{})},K1=[{invocationName:Qa,canonicalName:ca},{invocationName:_n,canonicalName:wn}],T1=n=>{if(n.template.__type==="text_completion")return console.warn("Instance to prompt version conversion not supported for text completion"),null;const a=n.template.messages.map(t=>{var d;let i=[t.content?Yd(t.content):null];const r=((d=t.toolCalls)==null?void 0:d.map(ec))||[],s=t.toolCallId?[nc(t.toolCallId,t.content)]:[];return(r.length>0||s.length>0)&&(i=[]),{content:[...i,...r,...s].filter(c=>c!==null),role:S1(t.role)}});return{modelName:n.model.modelName||My,modelProvider:n.model.provider,template:{messages:a},tools:n.tools.map(t=>({definition:t.definition})),responseFormat:n.model.invocationParameters.filter(t=>t.canonicalName===wn||t.invocationName===_n).map(t=>({definition:t.valueJson})).at(0)||void 0,invocationParameters:F1(Is(n.model.invocationParameters.filter(t=>!K1.some(i=>ga(i,t))).concat(n.toolChoice?[{invocationName:Qa,valueJson:n.toolChoice,canonicalName:ca}]:[]),n.model.provider,n.model.modelName),n.model.supportedInvocationParameters)}},P1=fc,x1=yc,I1=async({modelName:n,providerKey:a})=>{const l=await x.fetchQuery(he,x1,{modelsInput:{modelName:n,providerKey:a}}).toPromise();return l==null?void 0:l.modelInvocationParameters},D1=async n=>x.fetchQuery(he,P1,{promptId:n}).toPromise(),L1=n=>n?n==null?void 0:n.version:null,hc=async n=>{var t;if(!n)return null;const a=await D1(n),l=L1(a==null?void 0:a.prompt);if(l&&l.templateType==="CHAT"){const i=await I1({modelName:l.modelName,providerKey:l.modelProvider}),r=(t=a==null?void 0:a.prompt)==null?void 0:t.name;if(!r)throw new Error("Prompt name is required");return{instance:C1({promptId:n,promptName:r,promptVersion:l,supportedInvocationParameters:i}),promptVersion:l}}return null},pT=async({params:n})=>{const{promptId:a}=n;if(!a)throw new Error("Prompt ID is required");const l=await hc(a);if(!l)throw new Error("Prompt not found");return{instanceWithPrompt:l.instance,templateFormat:l.promptVersion.templateFormat}},kc=function(){var n=[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PlaygroundQuery",selections:n,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"PlaygroundQuery",selections:n},params:{cacheID:"f19ebe151a3a9794fa2566c66751d259",id:null,metadata:{},name:"PlaygroundQuery",operationKind:"query",text:`query PlaygroundQuery {
|
|
1996
1996
|
modelProviders {
|
|
1997
1997
|
name
|
|
1998
1998
|
dependenciesInstalled
|
|
1999
1999
|
dependencies
|
|
2000
2000
|
}
|
|
2001
2001
|
}
|
|
2002
|
-
`}}}();kc.hash="9802d9d44657ca300abc1be4d0938560";const Qi=m.createContext(null);function _1({children:n,...a}){const[l]=m.useState(()=>Vy(a));return e(Qi.Provider,{value:l,children:n})}function O(n,a){const l=m.useContext(Qi);if(!l)throw new Error("Missing PlaygroundContext.Provider in the tree");return Fl(l,n,a)}function
|
|
2002
|
+
`}}}();kc.hash="9802d9d44657ca300abc1be4d0938560";const Qi=m.createContext(null);function _1({children:n,...a}){const[l]=m.useState(()=>Vy(a));return e(Qi.Provider,{value:l,children:n})}function O(n,a){const l=m.useContext(Qi);if(!l)throw new Error("Missing PlaygroundContext.Provider in the tree");return Fl(l,n,a)}function ll(){const n=m.useContext(Qi);if(!n)throw new Error("Missing PlaygroundContext.Provider in the tree");return n}const bc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"exampleId"}],a=[{kind:"Variable",name:"id",variableName:"exampleId"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},i={alias:"latestRevision",args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},t,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},s={alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"span",plural:!1,selections:[l,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[l,r,{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[l],storageKey:null}],storageKey:null}],storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},c=[{kind:"Literal",name:"first",value:100}],p={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[l,r,{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExampleDetailsDialogQuery",selections:[{alias:"example",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[l,i,s],type:"DatasetExample",abstractKey:null},{args:null,kind:"FragmentSpread",name:"ExampleExperimentRunsTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExampleDetailsDialogQuery",selections:[{alias:"example",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[d,l,{kind:"InlineFragment",selections:[i,s,{alias:null,args:c,concreteType:"ExperimentRunConnection",kind:"LinkedField",name:"experimentRuns",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"run",args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[l,{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},t,p,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},p],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[d,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:"experimentRuns(first:100)"},{alias:null,args:c,filters:null,handle:"connection",key:"ExampleExperimentRunsTable_experimentRuns",kind:"LinkedHandle",name:"experimentRuns"}],type:"DatasetExample",abstractKey:null}],storageKey:null}]},params:{cacheID:"f869d5bb867a61b662bb547718dd69e2",id:null,metadata:{},name:"ExampleDetailsDialogQuery",operationKind:"query",text:`query ExampleDetailsDialogQuery(
|
|
2003
2003
|
$exampleId: ID!
|
|
2004
2004
|
) {
|
|
2005
2005
|
example: node(id: $exampleId) {
|
|
@@ -2072,14 +2072,14 @@ fragment ExampleExperimentRunsTableFragment on DatasetExample {
|
|
|
2072
2072
|
}
|
|
2073
2073
|
id
|
|
2074
2074
|
}
|
|
2075
|
-
`}}}();bc.hash="6d46e4ae967aef17925132308b2b0573";const
|
|
2075
|
+
`}}}();bc.hash="6d46e4ae967aef17925132308b2b0573";const gn="selectedSpanNodeId",Sc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"patchDatasetExamples",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"EditExampleDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"EditExampleDialogMutation",selections:a},params:{cacheID:"7217082d3d3796ecb60481d17133c351",id:null,metadata:{},name:"EditExampleDialogMutation",operationKind:"mutation",text:`mutation EditExampleDialogMutation(
|
|
2076
2076
|
$input: PatchDatasetExamplesInput!
|
|
2077
2077
|
) {
|
|
2078
2078
|
patchDatasetExamples(input: $input) {
|
|
2079
2079
|
__typename
|
|
2080
2080
|
}
|
|
2081
2081
|
}
|
|
2082
|
-
`}}}();Sc.hash="a5e0e601ed24ffaa37a99ba358f960d3";const
|
|
2082
|
+
`}}}();Sc.hash="a5e0e601ed24ffaa37a99ba358f960d3";const Vt={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function A1(n){const{exampleId:a,onCompleted:l}=n,[t,i]=m.useState(null),[r,s]=x.useMutation(Sc),{control:d,setError:c,handleSubmit:p,formState:{isValid:y}}=Ve({defaultValues:n.currentRevision}),u=m.useCallback(g=>{if(i(null),!Bn(g==null?void 0:g.input))return c("input",{message:"Input must be a valid JSON object"});if(!Bn(g==null?void 0:g.output))return c("output",{message:"Output must be a valid JSON object"});if(!Bn(g==null?void 0:g.metadata))return c("metadata",{message:"Metadata must be a valid JSON object"});r({variables:{input:{patches:[{exampleId:a,input:JSON.parse(g.input),output:JSON.parse(g.output),metadata:JSON.parse(g.metadata)}],versionDescription:g.description}},onCompleted:()=>{l()},onError:f=>{i(f.message)}})},[r,a,c,l]);return e(te,{size:"fullscreen",title:`Edit Example: ${a}`,extra:e(E,{variant:"primary",size:"S",isDisabled:!y||s,leadingVisual:e(_,{svg:s?e(en,{}):e(Io,{})}),onPress:()=>p(u)(),children:"Save Changes"}),children:e("div",{css:F`
|
|
2083
2083
|
overflow-y: auto;
|
|
2084
2084
|
padding: var(--ac-global-dimension-size-400);
|
|
2085
2085
|
/* Make widths configurable */
|
|
@@ -2090,7 +2090,7 @@ fragment ExampleExperimentRunsTableFragment on DatasetExample {
|
|
|
2090
2090
|
width: 100%;
|
|
2091
2091
|
}
|
|
2092
2092
|
}
|
|
2093
|
-
`,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(Fe,{variant:"danger",children:t}):null,e(H,{control:d,name:"input",render:({field:{onChange:g,onBlur:f,value:k},fieldState:{invalid:h,error:S}})=>o(B,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...
|
|
2093
|
+
`,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(Fe,{variant:"danger",children:t}):null,e(H,{control:d,name:"input",render:({field:{onChange:g,onBlur:f,value:k},fieldState:{invalid:h,error:S}})=>o(B,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...Vt,children:[h?e(Fe,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(on,{value:k,onChange:g,onBlur:f})]})}),e(H,{control:d,name:"output",render:({field:{onChange:g,onBlur:f,value:k},fieldState:{invalid:h,error:S}})=>o(B,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...Vt,backgroundColor:"green-100",borderColor:"green-700",children:[h?e(Fe,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(on,{value:k,onChange:g,onBlur:f})]})}),e(H,{control:d,name:"metadata",render:({field:{onChange:g,onBlur:f,value:k},fieldState:{invalid:h,error:S}})=>o(B,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...Vt,children:[h?e(Fe,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(on,{value:k,onChange:g,onBlur:f})]})}),e(H,{control:d,name:"description",render:({field:{onChange:g,onBlur:f,value:k},fieldState:{invalid:h,error:S}})=>o(X,{value:k,onChange:g,onBlur:f,isInvalid:h,children:[e(G,{children:"Revision Description"}),e(fa,{}),S?e(Se,{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 w1(n){const{onCompleted:a,...l}=n,[t,i]=m.useState(null);return o(J,{children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(Sa,{})}),onPress:()=>i(e(A1,{...l,onCompleted:()=>{i(null),a()}})),children:"Edit Example"}),e(oe,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:t})]})}const vc=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(
|
|
2094
2094
|
$after: String = null
|
|
2095
2095
|
$first: Int = 100
|
|
2096
2096
|
$id: ID!
|
|
@@ -2157,23 +2157,23 @@ fragment ExampleExperimentRunsTableFragment_2HEEH6 on DatasetExample {
|
|
|
2157
2157
|
align-items: center;
|
|
2158
2158
|
color: var(--ac-global-color-primary);
|
|
2159
2159
|
gap: var(--ac-global-dimension-size-50);
|
|
2160
|
-
`;function V1({example:n}){const a=m.useRef(null),l=ce(),{data:t,loadNext:i,hasNext:r,isLoadingNext:s}=x.usePaginationFragment(Cc,n),d=m.useMemo(()=>t.experimentRuns.edges.map(f=>{let k=null;return f.run.startTime&&f.run.endTime&&(k=new Date(f.run.endTime).getTime()-new Date(f.run.startTime).getTime()),{...f.run,output:JSON.stringify(f.run.output),latencyMs:k}}),[t]),p=Ke({columns:[{header:"start time",accessorKey:"startTime",cell:_e},{header:"output",accessorKey:"output",cell:f=>{var h;const k=(h=f.row.original)==null?void 0:h.error;return k!==null?e(C,{color:"danger",children:k}):e(Ee,{...f})}},{header:"latency",accessorKey:"latencyMs",cell:({getValue:f})=>{const k=f();return k===null||typeof k!="number"?"--":e($e,{latencyMs:k})}},{header:"evaluations",accessorKey:"annotations",cell:({row:f})=>e(b,{direction:"row",gap:"size-50",wrap:"wrap",children:f.original.annotations.edges.map((k,h)=>{const S=k.annotation;return e(Do,{annotation:S,extra:S.trace&&e(v,{paddingTop:"size-100",children:o("div",{css:M1,children:[e(_,{svg:e(qn,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(
|
|
2160
|
+
`;function V1({example:n}){const a=m.useRef(null),l=ce(),{data:t,loadNext:i,hasNext:r,isLoadingNext:s}=x.usePaginationFragment(Cc,n),d=m.useMemo(()=>t.experimentRuns.edges.map(f=>{let k=null;return f.run.startTime&&f.run.endTime&&(k=new Date(f.run.endTime).getTime()-new Date(f.run.startTime).getTime()),{...f.run,output:JSON.stringify(f.run.output),latencyMs:k}}),[t]),p=Ke({columns:[{header:"start time",accessorKey:"startTime",cell:_e},{header:"output",accessorKey:"output",cell:f=>{var h;const k=(h=f.row.original)==null?void 0:h.error;return k!==null?e(C,{color:"danger",children:k}):e(Ee,{...f})}},{header:"latency",accessorKey:"latencyMs",cell:({getValue:f})=>{const k=f();return k===null||typeof k!="number"?"--":e($e,{latencyMs:k})}},{header:"evaluations",accessorKey:"annotations",cell:({row:f})=>e(b,{direction:"row",gap:"size-50",wrap:"wrap",children:f.original.annotations.edges.map((k,h)=>{const S=k.annotation;return e(Do,{annotation:S,extra:S.trace&&e(v,{paddingTop:"size-100",children:o("div",{css:M1,children:[e(_,{svg:e(qn,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(Ja,{annotation:S,onClick:()=>{S.trace&&l(`/projects/${S.trace.projectId}/traces/${S.trace.traceId}`)}},h)},h)})})},{id:"actions",cell:({row:f})=>{const k=f.original.trace;if(k)return e(E,{size:"S",leadingVisual:e(_,{svg:e(ot,{})}),onPress:()=>{l(`/projects/${k.projectId}/traces/${k.traceId}`)},"aria-label":"view trace"})}}],data:d,getCoreRowModel:Te()}),y=p.getRowModel().rows,u=y.length===0,g=m.useCallback(f=>{if(f){const{scrollHeight:k,scrollTop:h,clientHeight:S}=f;k-h-S<300&&!s&&r&&i(R1)}},[r,s,i]);return e("div",{css:F`
|
|
2161
2161
|
flex: 1 1 auto;
|
|
2162
2162
|
overflow: auto;
|
|
2163
|
-
`,ref:a,onScroll:f=>g(f.target),children:o("table",{css:$n,children:[e("thead",{children:p.getHeaderGroups().map(f=>e("tr",{children:f.headers.map(k=>e("th",{children:e("div",{children:W(k.column.columnDef.header,k.getContext())})},k.id))},f.id))}),u?e(E1,{}):e("tbody",{children:y.map(f=>e("tr",{children:f.getVisibleCells().map(k=>e("td",{children:W(k.column.columnDef.cell,k.getContext())},k.id))},f.id))})]})})}function Bi({exampleId:n,onDismiss:a}){const[l,t]=m.useState(0),i=x.useLazyLoadQuery(bc,{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:p}=r,y=ue();return e(
|
|
2163
|
+
`,ref:a,onScroll:f=>g(f.target),children:o("table",{css:$n,children:[e("thead",{children:p.getHeaderGroups().map(f=>e("tr",{children:f.headers.map(k=>e("th",{children:e("div",{children:W(k.column.columnDef.header,k.getContext())})},k.id))},f.id))}),u?e(E1,{}):e("tbody",{children:y.map(f=>e("tr",{children:f.getVisibleCells().map(k=>e("td",{children:W(k.column.columnDef.cell,k.getContext())},k.id))},f.id))})]})})}function Bi({exampleId:n,onDismiss:a}){const[l,t]=m.useState(0),i=x.useLazyLoadQuery(bc,{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:p}=r,y=ue();return e(oe,{type:"slideOver",isDismissable:!0,onDismiss:a,children:e(te,{size:"XL",title:`Example: ${n}`,extra:o(b,{direction:"row",gap:"size-100",children:[s?e(Wn,{size:"S",to:`/projects/${s.projectId}/traces/${s.traceId}?${gn}=${s.id}`,children:"View Source Span"}):null,e(w1,{exampleId:n,currentRevision:r,onCompleted:()=>{y({title:"Example updated",message:`Example ${n} has been updated.`}),t(u=>u+1)}})]}),children:o(Pn,{direction:"vertical",autoSaveId:"example-panel-group",children:[e(Re,{defaultSize:65,children:e("div",{css:F`
|
|
2164
2164
|
overflow-y: auto;
|
|
2165
2165
|
height: 100%;
|
|
2166
|
-
`,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",...
|
|
2166
|
+
`,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",...zt,extra:e(de,{text:d}),children:e(hn,{value:d})}),e(B,{title:"Output",...zt,extra:e(de,{text:c}),children:e(hn,{value:c})}),e(B,{title:"Metadata",...zt,extra:e(de,{text:p}),children:e(hn,{value:p})})]})})})})}),e(Rn,{css:Za}),e(Re,{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(V1,{example:i.example})]})})]})})})}const zt={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}};function z1(){const[n,a]=pn(),l=n.get("exampleId"),t=n.get("datasetId");return!l||!t?null:e(Bi,{exampleId:l,onDismiss:()=>{a(i=>(i.delete("exampleId"),i))}})}const N1=`
|
|
2167
2167
|
The playground is not available until an LLM provider client is installed on the server.
|
|
2168
2168
|
`,$1=n=>`
|
|
2169
2169
|
# Installing one or more of the clients will enable the playground
|
|
2170
2170
|
${Array.from(n.reduce((a,l)=>(l.dependencies.forEach(t=>a.add(t)),a),new Set)).map(a=>`pip install ${a}`).join(`
|
|
2171
2171
|
`)}
|
|
2172
|
-
`,j1=n=>e(v,{height:"100%",width:"100%",children:o(b,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-200",children:[e(Lo,{message:N1,graphicKey:"not found",size:"L"}),e(C,{children:"The following clients are supported:"}),e(xo,{value:$1(n.availableProviders)})]})}),O1={OPENAI:"OPENAI_API_KEY",ANTHROPIC:"ANTHROPIC_API_KEY",AZURE_OPENAI:"AZURE_OPENAI_API_KEY",GOOGLE:"GEMINI_API_KEY",DEEPSEEK:"DEEPSEEK_API_KEY"};function Q1(){const n=O(s=>Array.from(new Set(s.instances.map(d=>d.model.provider)))),a=O(s=>s.instances.some(d=>d.activeRunId!=null)),l=
|
|
2172
|
+
`,j1=n=>e(v,{height:"100%",width:"100%",children:o(b,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-200",children:[e(Lo,{message:N1,graphicKey:"not found",size:"L"}),e(C,{children:"The following clients are supported:"}),e(xo,{value:$1(n.availableProviders)})]})}),O1={OPENAI:"OPENAI_API_KEY",ANTHROPIC:"ANTHROPIC_API_KEY",AZURE_OPENAI:"AZURE_OPENAI_API_KEY",GOOGLE:"GEMINI_API_KEY",DEEPSEEK:"DEEPSEEK_API_KEY"};function Q1(){const n=O(s=>Array.from(new Set(s.instances.map(d=>d.model.provider)))),a=O(s=>s.instances.some(d=>d.activeRunId!=null)),l=Ha(s=>s.setCredential),t=Ha(s=>s),[i,r]=m.useState(!1);return e("div",{css:F`
|
|
2173
2173
|
.ac-dropdown-button {
|
|
2174
2174
|
min-width: 0px;
|
|
2175
2175
|
}
|
|
2176
|
-
`,children:o(Tl,{placement:"bottom",isOpen:i,onOpenChange:s=>{r(s)},children:[e(co,{size:"compact",isDisabled:a,children:"API Keys"}),e(
|
|
2176
|
+
`,children:o(Tl,{placement:"bottom",isOpen:i,onOpenChange:s=>{r(s)},children:[e(co,{size:"compact",isDisabled:a,children:"API Keys"}),e(di,{children:e(v,{padding:"size-200",children:o(Ye,{onSubmit:s=>{s.preventDefault(),r(!1)},children:[e(ae,{level:2,weight:"heavy",children:"API Keys"}),e(v,{paddingY:"size-50",children:e(C,{color:"text-700",size:"XS",children:"API keys are stored in your browser and used to communicate with their respective API's."})}),e(b,{direction:"column",gap:"size-100",children:n.map(s=>{const d=O1[s];return o(X,{size:"S",type:"password",autoComplete:"off",isRequired:!0,onChange:c=>{l({provider:s,value:c})},value:t[s],children:[e(G,{children:d}),e(Z,{}),e(C,{slot:"description",children:`Alternatively, you can set the "${d}" environment variable on the phoenix server.`})]},s)})}),e(v,{paddingTop:"size-100",children:e(b,{direction:"row",gap:"size-100",width:"100%",justifyContent:"end",children:e(Sn,{href:"/settings/providers",children:"View all AI provider configurations"})})})]})})})]})})}const Fc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{kind:"Variable",name:"id",variableName:"datasetId"}],l={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"PlaygroundDatasetSectionQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"PlaygroundDatasetSectionQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l,{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}]},params:{cacheID:"2430234746cf1242506d2053fa26bcb5",id:null,metadata:{},name:"PlaygroundDatasetSectionQuery",operationKind:"query",text:`query PlaygroundDatasetSectionQuery(
|
|
2177
2177
|
$datasetId: ID!
|
|
2178
2178
|
) {
|
|
2179
2179
|
dataset: node(id: $datasetId) {
|
|
@@ -2339,7 +2339,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
2339
2339
|
}
|
|
2340
2340
|
id
|
|
2341
2341
|
}
|
|
2342
|
-
`}}}();Ic.hash="45aac1ecf30dcedfbeea2321ee6e3c35";const B1=()=>{const n=(a,l)=>({exampleResponsesMap:{},updateExampleData:({instanceId:t,exampleId:i,patch:r})=>{const s=l().exampleResponsesMap,d=s[t]??{},c=d[i]??{};a({exampleResponsesMap:{...s,[t]:{...d,[i]:{...c,...r}}}})},appendExampleDataTextChunk:({instanceId:t,exampleId:i,textChunk:r})=>{const s=l().exampleResponsesMap,d=s[t]??{},c=d[i]??{},p=c.content??"";a({exampleResponsesMap:{...s,[t]:{...d,[i]:{...c,content:p+r}}}})},appendExampleDataToolCallChunk:({instanceId:t,exampleId:i,toolCallChunk:r})=>{var k;const s=l().exampleResponsesMap,d=s[t]??{},c=d[i]??{},p=c.toolCalls??{},{id:y,function:u}=r,g=p[y],f={...g,id:y,function:{name:((k=g==null?void 0:g.function)==null?void 0:k.name)??u.name,arguments:(g==null?void 0:g.function.arguments)!=null?g.function.arguments+u.arguments:u.arguments}};a({exampleResponsesMap:{...s,[t]:{...d,[i]:{...c,toolCalls:{...p,[y]:f}}}}})},setExampleDataForInstance:({instanceId:t,data:i})=>{const r=l().exampleResponsesMap;a({exampleResponsesMap:{...r,[t]:i}})},resetExampleData:()=>{a({exampleResponsesMap:{}})}});return to()(n)},Dc=sn.createContext(null);function q1({children:n}){const[a]=m.useState(()=>B1());return e(Dc.Provider,{value:a,children:n})}function za(n,a){const l=sn.useContext(Dc);if(!l)throw new Error("Missing PlaygroundDatasetExamplesTableContext.Provider in the tree");return Fl(l,n,a)}function qi({children:n}){return o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_,{svg:e(
|
|
2342
|
+
`}}}();Ic.hash="45aac1ecf30dcedfbeea2321ee6e3c35";const B1=()=>{const n=(a,l)=>({exampleResponsesMap:{},updateExampleData:({instanceId:t,exampleId:i,patch:r})=>{const s=l().exampleResponsesMap,d=s[t]??{},c=d[i]??{};a({exampleResponsesMap:{...s,[t]:{...d,[i]:{...c,...r}}}})},appendExampleDataTextChunk:({instanceId:t,exampleId:i,textChunk:r})=>{const s=l().exampleResponsesMap,d=s[t]??{},c=d[i]??{},p=c.content??"";a({exampleResponsesMap:{...s,[t]:{...d,[i]:{...c,content:p+r}}}})},appendExampleDataToolCallChunk:({instanceId:t,exampleId:i,toolCallChunk:r})=>{var k;const s=l().exampleResponsesMap,d=s[t]??{},c=d[i]??{},p=c.toolCalls??{},{id:y,function:u}=r,g=p[y],f={...g,id:y,function:{name:((k=g==null?void 0:g.function)==null?void 0:k.name)??u.name,arguments:(g==null?void 0:g.function.arguments)!=null?g.function.arguments+u.arguments:u.arguments}};a({exampleResponsesMap:{...s,[t]:{...d,[i]:{...c,toolCalls:{...p,[y]:f}}}}})},setExampleDataForInstance:({instanceId:t,data:i})=>{const r=l().exampleResponsesMap;a({exampleResponsesMap:{...r,[t]:i}})},resetExampleData:()=>{a({exampleResponsesMap:{}})}});return to()(n)},Dc=sn.createContext(null);function q1({children:n}){const[a]=m.useState(()=>B1());return e(Dc.Provider,{value:a,children:n})}function za(n,a){const l=sn.useContext(Dc);if(!l)throw new Error("Missing PlaygroundDatasetExamplesTableContext.Provider in the tree");return Fl(l,n,a)}function qi({children:n}){return o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_,{svg:e(vi,{}),color:"danger"}),e(C,{color:"danger",children:n})]})}const Lc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"runId"}],a=[{kind:"Variable",name:"id",variableName:"runId"}],l={alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={kind:"InlineFragment",selections:[l,{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"example",plural:!1,selections:[t,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"ExperimentRun",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"PlaygroundExperimentRunDetailsDialogQuery",selections:[{alias:"run",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"PlaygroundExperimentRunDetailsDialogQuery",selections:[{alias:"run",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,t],storageKey:null}]},params:{cacheID:"a0e03785a6ab482250d20af95ca7ef91",id:null,metadata:{},name:"PlaygroundExperimentRunDetailsDialogQuery",operationKind:"query",text:`query PlaygroundExperimentRunDetailsDialogQuery(
|
|
2343
2343
|
$runId: ID!
|
|
2344
2344
|
) {
|
|
2345
2345
|
run: node(id: $runId) {
|
|
@@ -2372,7 +2372,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
2372
2372
|
id
|
|
2373
2373
|
}
|
|
2374
2374
|
}
|
|
2375
|
-
`}}}();Lc.hash="e2203e071e6fce91c764fa6fee48dfc1";function U1({runId:n}){var d,c,p;const l=x.useLazyLoadQuery(Lc,{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(te,{title:`Experiment Run for Example: ${t}`,size:"fullscreen",children:o(Pn,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(Re,{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",...Ar,bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},extra:e(de,{text:JSON.stringify(r)}),children:e(hn,{value:JSON.stringify(r,null,2)})})}),e(v,{width:"50%",children:e(B,{title:"Reference Output",...Ar,extra:e(de,{text:JSON.stringify(s)}),bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},children:e(hn,{value:JSON.stringify(s,null,2)})})})]})})}),e(Rn,{css:
|
|
2375
|
+
`}}}();Lc.hash="e2203e071e6fce91c764fa6fee48dfc1";function U1({runId:n}){var d,c,p;const l=x.useLazyLoadQuery(Lc,{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(te,{title:`Experiment Run for Example: ${t}`,size:"fullscreen",children:o(Pn,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(Re,{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",...Ar,bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},extra:e(de,{text:JSON.stringify(r)}),children:e(hn,{value:JSON.stringify(r,null,2)})})}),e(v,{width:"50%",children:e(B,{title:"Reference Output",...Ar,extra:e(de,{text:JSON.stringify(s)}),bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},children:e(hn,{value:JSON.stringify(s,null,2)})})})]})})}),e(Rn,{css:Za}),e(Re,{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`
|
|
2376
2376
|
overflow-y: auto;
|
|
2377
2377
|
height: 100%;
|
|
2378
2378
|
padding: var(--ac-global-dimension-static-size-200);
|
|
@@ -2383,7 +2383,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
2383
2383
|
justify-content: flex-start;
|
|
2384
2384
|
align-items: flex-end;
|
|
2385
2385
|
gap: var(--ac-global-dimension-static-size-100);
|
|
2386
|
-
`,children:(p=l.annotations)==null?void 0:p.edges.map(y=>e("li",{children:e(
|
|
2386
|
+
`,children:(p=l.annotations)==null?void 0:p.edges.map(y=>e("li",{children:e(Ja,{annotation:y.annotation})},y.annotation.id))})]})]})})]})})]})})}function H1({startTime:n,endTime:a}){const l=m.useMemo(()=>{let t=null;return n&&a&&(t=new Date(a).getTime()-new Date(n).getTime()),t},[n,a]);return l===null?null:e($e,{latencyMs:l})}function G1({error:n}){return o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_,{svg:e(vi,{}),color:"danger"}),e(C,{color:"danger",children:n})]})}const Ar={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}},_c=function(){var n={defaultValue:null,kind:"LocalArgument",name:"id"},a={defaultValue:null,kind:"LocalArgument",name:"traceId"},l=[{kind:"Variable",name:"id",variableName:"id"}],t=[{kind:"Variable",name:"traceId",variableName:"traceId"}],i={alias:null,args:null,kind:"ScalarField",name:"projectSessionId",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},s={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},c={alias:null,args:[{kind:"Literal",name:"first",value:1e3}],concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"span",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},s,{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},d,{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummaries",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"labels",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"count",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"labelCount",storageKey:null},{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null}],storageKey:null},s,{alias:null,args:null,kind:"ScalarField",name:"scoreCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:"spans(first:1000)"};return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"TraceDetailsQuery",selections:[{alias:"project",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{alias:null,args:t,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[i,c,d],storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"TraceDetailsQuery",selections:[{alias:"project",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:t,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[i,c,d,r],storageKey:null}],type:"Project",abstractKey:null},r],storageKey:null}]},params:{cacheID:"18662a3774f2ad488c41a0262fabf5a9",id:null,metadata:{},name:"TraceDetailsQuery",operationKind:"query",text:`query TraceDetailsQuery(
|
|
2387
2387
|
$traceId: ID!
|
|
2388
2388
|
$id: ID!
|
|
2389
2389
|
) {
|
|
@@ -2677,7 +2677,7 @@ fragment SpanHeader_span on Span {
|
|
|
2677
2677
|
fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
2678
2678
|
...AnnotationSummaryGroup
|
|
2679
2679
|
}
|
|
2680
|
-
`}}}();Ac.hash="e2fbe3f1daee23ca2ad099cc7c5f0d90";function W1(n,a){const l=m.useRef(null);m.useEffect(()=>{l.current=n},[n]),m.useEffect(()=>{function t(){l.current&&l.current()}{const i=setInterval(t,a);return()=>clearInterval(i)}},[a])}function J1(){const{locale:n}=bp();return m.useMemo(()=>zy(n),[n])}const Z1=n=>{const[a,l]=m.useState(null);return m.useEffect(()=>{if(!n.current)return;const t=new ResizeObserver(i=>{if(!i||i.length===0)return;const{width:r,height:s}=i[0].contentRect;l({width:r,height:s})});return t.observe(n.current),()=>{t.disconnect()}},[n]),a};function wr(n){return Array.isArray(n)&&n.every(a=>typeof a=="object"&&ve.message in a&&X1(a[ve.message]))}function X1(n){return typeof n=="object"&&n!==null&&ze.role in n}function wc(n){return n==="OPENAI"||n==="AZURE_OPENAI"||n==="ANTHROPIC"||n==="GOOGLE"||n==="DEEPSEEK"}const
|
|
2680
|
+
`}}}();Ac.hash="e2fbe3f1daee23ca2ad099cc7c5f0d90";function W1(n,a){const l=m.useRef(null);m.useEffect(()=>{l.current=n},[n]),m.useEffect(()=>{function t(){l.current&&l.current()}{const i=setInterval(t,a);return()=>clearInterval(i)}},[a])}function J1(){const{locale:n}=bp();return m.useMemo(()=>zy(n),[n])}const Z1=n=>{const[a,l]=m.useState(null);return m.useEffect(()=>{if(!n.current)return;const t=new ResizeObserver(i=>{if(!i||i.length===0)return;const{width:r,height:s}=i[0].contentRect;l({width:r,height:s})});return t.observe(n.current),()=>{t.disconnect()}},[n]),a};function wr(n){return Array.isArray(n)&&n.every(a=>typeof a=="object"&&ve.message in a&&X1(a[ve.message]))}function X1(n){return typeof n=="object"&&n!==null&&ze.role in n}function wc(n){return n==="OPENAI"||n==="AZURE_OPENAI"||n==="ANTHROPIC"||n==="GOOGLE"||n==="DEEPSEEK"}const Nt=F`
|
|
2681
2681
|
display: flex;
|
|
2682
2682
|
align-items: center;
|
|
2683
2683
|
.ac-text {
|
|
@@ -2687,9 +2687,9 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
2687
2687
|
overflow: hidden;
|
|
2688
2688
|
text-overflow: ellipsis;
|
|
2689
2689
|
}
|
|
2690
|
-
`;function kn(n){const{name:a,metric:l,k:t,score:i}=n,r=typeof t=="number"?`${l}@${t}`:l,s=m.useMemo(()=>l==="hit"?i?"true":"false":typeof i=="number"&&$a(i)||"--",[i,l]);return o(Le,{delay:500,offset:3,children:[e(Ne,{children:e("div",{css:Ny,children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e($y,{color:"var(--ac-global-color-seafoam-1000)"}),a?e("div",{css:
|
|
2690
|
+
`;function kn(n){const{name:a,metric:l,k:t,score:i}=n,r=typeof t=="number"?`${l}@${t}`:l,s=m.useMemo(()=>l==="hit"?i?"true":"false":typeof i=="number"&&$a(i)||"--",[i,l]);return o(Le,{delay:500,offset:3,children:[e(Ne,{children:e("div",{css:Ny,children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e($y,{color:"var(--ac-global-color-seafoam-1000)"}),a?e("div",{css:Nt,children:e(C,{weight:"heavy",size:"XS",color:"inherit",children:a})}):null,e("div",{css:Nt,children:e(C,{size:"XS",color:"inherit",children:r})}),e("div",{css:Nt,children:e(C,{size:"XS",children:s})})]})})}),e(Hn,{children:o(b,{direction:"row",gap:"size-100",children:[o(C,{weight:"heavy",color:"inherit",children:[a," ",r]}),e(C,{color:"inherit",children:s})]})})]})}const Rc={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanHeader_span",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},{alias:"code",args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null}],type:"Span",abstractKey:null};Rc.hash="521c85902b5ffee719617ed60be1a3b4";function Y1(n){const a=x.useFragment(Rc,n.span),l=m.useMemo(()=>new Date(a.startTime),[a.startTime]);return e(b,{direction:"row",gap:"size-100",width:"100%",height:"100%",alignItems:"center",children:o(b,{direction:"column",gap:"size-50",children:[o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ci,{spanKind:a.spanKind}),e(C,{size:"L",children:a.name}),e(st,{statusCode:a.code,css:F`
|
|
2691
2691
|
font-size: var(--ac-global-font-size-m);
|
|
2692
|
-
`})]}),o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[typeof a.latencyMs=="number"?e($e,{latencyMs:a.latencyMs,size:"S"}):null,o(C,{color:"text-500",size:"S",children:["at ",Jn(l)]}),a.tokenCountTotal?e(va,{tokenCountTotal:a.tokenCountTotal,nodeId:a.id,size:"S"}):null]})]})})}function eb(n){const{spanId:a,traceId:l}=n,t=ue();return o(Ue,{children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(_o,{})})}),e(La,{children:e(
|
|
2692
|
+
`})]}),o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[typeof a.latencyMs=="number"?e($e,{latencyMs:a.latencyMs,size:"S"}):null,o(C,{color:"text-500",size:"S",children:["at ",Jn(l)]}),a.tokenCountTotal?e(va,{tokenCountTotal:a.tokenCountTotal,nodeId:a.id,size:"S"}):null]})]})})}function eb(n){const{spanId:a,traceId:l}=n,t=ue();return o(Ue,{children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(_o,{})})}),e(La,{children:e(dn,{children:({close:i})=>o(bi,{style:{minHeight:"auto"},onAction:r=>{switch(r){case"COPY_SPAN_ID":{tr(a),t({title:"Span ID Copied",message:`The Span ID ${a} has been copied to your clipboard`});break}case"COPY_TRACE_ID":{tr(l),t({title:"Trace ID Copied",message:`The Trace ID ${l} has been copied to your clipboard`});break}default:Pe()}i()},children:[e(lr,{id:"COPY_SPAN_ID",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Jt,{})}),e(C,{children:"Copy Span ID"})]})}),e(lr,{id:"COPY_TRACE_ID",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Jt,{})}),e(C,{children:"Copy Trace ID"})]})})]})})})]})}const Ec=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},a=[n];return{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanAsideAnnotationList_span",selections:[{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[n,{alias:null,args:null,concreteType:"AnnotationConfigConnection",kind:"LinkedField",name:"annotationConfigs",plural:!1,selections:[{alias:"configs",args:null,concreteType:"AnnotationConfigEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"config",args:null,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:a,type:"Node",abstractKey:"__isNode"},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],type:"AnnotationConfigBase",abstractKey:"__isAnnotationConfigBase"}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:a,storageKey:null},{args:null,kind:"FragmentSpread",name:"AnnotationSummaryGroup"}],type:"Span",abstractKey:null}}();Ec.hash="8db090103425204eda8bf8e16580f622";const Mc=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanAside_span",selections:[n,{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[n,{args:null,kind:"FragmentSpread",name:"AnnotationConfigListProjectAnnotationConfigFragment"},{alias:null,args:null,concreteType:"AnnotationConfigConnection",kind:"LinkedField",name:"annotationConfigs",plural:!1,selections:[{alias:"configs",args:null,concreteType:"AnnotationConfigEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"config",args:null,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[n],type:"Node",abstractKey:"__isNode"},{kind:"InlineFragment",selections:[a,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotationType",storageKey:null}],type:"AnnotationConfigBase",abstractKey:"__isAnnotationConfigBase"},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"CategoricalAnnotationValue",kind:"LinkedField",name:"values",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null}],type:"CategoricalAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"lowerBound",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"upperBound",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"optimizationDirection",storageKey:null}],type:"ContinuousAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[a],type:"FreeformAnnotationConfig",abstractKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:"code",args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{args:null,kind:"FragmentSpread",name:"TraceHeaderRootSpanAnnotationsFragment"},{args:null,kind:"FragmentSpread",name:"SpanAsideAnnotationList_span"},{args:null,kind:"FragmentSpread",name:"AnnotationSummaryGroup"}],type:"Span",abstractKey:null}}();Mc.hash="eddd0b1c2288899c1d97948a29207944";const Vc=m.createContext(null);function It(){const n=m.useContext(Vc);if(n===null)throw new Error("useSpanFilterCondition must be used within a SpanFilterConditionProvider");return n}function Ui(n){const[a,l]=m.useState(""),t=m.useCallback(r=>{m.startTransition(()=>{l(r)})},[]),i=m.useCallback(r=>{m.startTransition(()=>{a.length>0?l(a+" and "+r):l(r)})},[a]);return e(Vc.Provider,{value:{filterCondition:a,setFilterCondition:t,appendFilterCondition:i},children:n.children})}function yT(n){const{appendFilterCondition:a}=It(),{annotation:l,className:t}=n,{name:i,label:r,score:s}=l,d=m.useMemo(()=>{const c=[];return typeof s=="number"?(c.push({filterName:"greater than",filterCondition:`annotations['${i}'].score > ${s}`}),c.push({filterName:"less than",filterCondition:`annotations['${i}'].score < ${s}`}),c.push({filterName:"equals",filterCondition:`annotations['${i}'].score == ${s}`})):r!=null&&(c.push({filterName:"match",filterCondition:`annotations['${i}'].label == "${r}"`}),c.push({filterName:"exclude",filterCondition:`annotations['${i}'].label != "${r}"`})),c},[i,r,s]);return d.length===0?null:e("ul",{className:t,css:F`
|
|
2693
2693
|
display: flex;
|
|
2694
2694
|
height: 100%;
|
|
2695
2695
|
flex-direction: row;
|
|
@@ -2792,7 +2792,7 @@ fragment AnnotationSummaryValueFragment_4BTVrq on Project {
|
|
|
2792
2792
|
}
|
|
2793
2793
|
id
|
|
2794
2794
|
}
|
|
2795
|
-
`}}}();$c.hash="3853ce97f7a810755cb61812e309942d";const jc=m.createContext(null);function Ma(){const n=m.useContext(jc);if(n===null)throw new Error("useStreamState must be used within a StreamStateProvider");return n}function nb({initialFetchKey:n="initial",children:a}){const l=
|
|
2795
|
+
`}}}();$c.hash="3853ce97f7a810755cb61812e309942d";const jc=m.createContext(null);function Ma(){const n=m.useContext(jc);if(n===null)throw new Error("useStreamState must be used within a StreamStateProvider");return n}function nb({initialFetchKey:n="initial",children:a}){const l=mn(d=>d.traceStreamingEnabled),t=mn(d=>d.setTraceStreamingEnabled),[i,r]=m.useState(n),s=m.useCallback(d=>{m.startTransition(()=>{r(d)})},[r]);return e(jc.Provider,{value:{isStreaming:l,setIsStreaming:t,fetchKey:i,setFetchKey:s},children:a})}function ab({annotationName:n}){var i,r;const{projectId:a}=Oe(),{timeRange:l}=ut(),t=x.useLazyLoadQuery($c,{annotationName:n,id:a,timeRange:{start:(i=l==null?void 0:l.start)==null?void 0:i.toISOString(),end:(r=l==null?void 0:l.end)==null?void 0:r.toISOString()}});return e(tb,{name:n,children:e(lb,{annotationName:n,project:t.project})})}function lb(n){var s,d,c,p;const{project:a,annotationName:l}=n,{fetchKey:t}=Ma(),[i,r]=x.useRefetchableFragment(Nc,a);return m.useEffect(()=>{m.startTransition(()=>{r({},{fetchPolicy:"store-and-network"})})},[t,r]),e(ib,{name:l,meanScore:(s=i==null?void 0:i.spanAnnotationSummary)==null?void 0:s.meanScore,labelFractions:(d=i==null?void 0:i.spanAnnotationSummary)==null?void 0:d.labelFractions,annotationConfig:(p=(c=i==null?void 0:i.annotationConfigs)==null?void 0:c.edges.find(y=>y.node.name===l))==null?void 0:p.node})}function tb({children:n,name:a}){return o(b,{direction:"column",flex:"none",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:e(un,{maxWidth:"120px",children:a})}),e(m.Suspense,{fallback:e(C,{size:"L",children:"--"}),children:n})]})}const Rr={M:{chart:{width:24,height:24},pie:{innerRadius:8,outerRadius:11}},S:{chart:{width:16,height:16},pie:{innerRadius:6,outerRadius:8}},L:{chart:{width:32,height:32},pie:{innerRadius:10,outerRadius:13}}};function Oc(n,a,l,t){if(!t||t.annotationType!=="CATEGORICAL"||!t.values)return n[a%n.length];const r=[...t.values].sort((s,d)=>{const c=s.score??0,p=d.score??0;return(t.optimizationDirection==="MAXIMIZE"?-1:1)*(c-p)}).map(s=>s.label).indexOf(l);return n[r%n.length]}function Qc(n){const a=Zn();return[wo(n),a.default,a.gray600,a.gray400,a.gray200]}function ib({name:n,meanScore:a,labelFractions:l,size:t="M",disableAnimation:i=!1,meanScoreFallback:r,annotationConfig:s}){const d=typeof a=="number",c=Array.isArray(l)&&l.length>0;return!d&&!c?e(C,{size:"L",children:"--"}):o(Le,{delay:0,placement:"bottom",children:[e(Ne,{children:e(rb,{name:n,meanScore:a,labelFractions:l,size:t,disableAnimation:i,meanScoreFallback:r,annotationConfig:s})}),e(Hn,{children:e(Bc,{annotationName:n,labelFractions:l,meanScore:a,annotationConfig:s})})]})}function rb({name:n,meanScore:a,labelFractions:l,size:t="M",disableAnimation:i,meanScoreFallback:r,annotationConfig:s}){const d=Qc(n),c=typeof a=="number",p=l&&l.length>0;if(!c&&!p)return e(C,{size:"L",children:"--"});const y=Rr[t].chart,u=Rr[t].pie;return o(b,{direction:"row",alignItems:"center",justifyContent:"space-between",gap:"size-100",children:[p?e(ms,{...y,children:e(cs,{data:l,dataKey:"fraction",nameKey:"label",cx:"50%",cy:"50%",...u,strokeWidth:0,stroke:"transparent",animationDuration:i?0:void 0,children:l.map((g,f)=>e(us,{fill:Oc(d,f,g.label,s)},`cell-${f}`))})}):null,e(dt,{fallback:r,value:a,size:t==="S"?t:"L"})]})}function Bc({annotationName:n,labelFractions:a,meanScore:l,annotationConfig:t}){const i=Qc(n),r=typeof l=="number"&&!isNaN(l),s=a&&a.length>0;return e(v,{width:"size-2400",children:o(b,{direction:"column",gap:"size-50",children:[s&&e("ul",{children:a.map((d,c)=>e("li",{children:e(qe,{color:Oc(i,c,d.label,t),name:d.label,shape:"square",value:Ao(d.fraction*100)})},d.label))}),s&&r?e(ct,{}):null,r?o(b,{direction:"row",justifyContent:"space-between",children:[e(C,{children:"mean score"}),e(dt,{value:l})]}):null]})})}function qc({name:n,labelFractions:a,annotationConfig:l}){var d;const t=a.reduce((c,p)=>Math.max(c,p.fraction),0),i=(d=a.find(c=>c.fraction===t))==null?void 0:d.label,r=a.length-1,s=r>0;return i?o(Le,{delay:0,placement:"bottom",children:[e(Ne,{children:o(b,{direction:"row",alignItems:"center",gap:"size-50",maxWidth:s?"80%":"99%",children:[e(Cn,{style:{maxWidth:"100%"},children:e(un,{maxWidth:"100%",children:i})}),s&&o(Cn,{children:["+ ",r]})]})}),e(Hn,{children:e(Bc,{annotationName:n,labelFractions:a,annotationConfig:l})})]}):null}const fT=n=>Object.values(n.reduce((a,l)=>(a[l.name]?new Date(a[l.name].createdAt)<new Date(l.createdAt)&&(a[l.name]=l):a[l.name]=l,a),{})),Uc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"annotationInput",variableName:"input"}],concreteType:"SpanAnnotationMutationPayload",kind:"LinkedField",name:"createSpanNote",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanNotesEditorAddNoteMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanNotesEditorAddNoteMutation",selections:a},params:{cacheID:"855aa00f68b36e86f375e7765413ac81",id:null,metadata:{},name:"SpanNotesEditorAddNoteMutation",operationKind:"mutation",text:`mutation SpanNotesEditorAddNoteMutation(
|
|
2796
2796
|
$input: CreateSpanNoteInput!
|
|
2797
2797
|
) {
|
|
2798
2798
|
createSpanNote(annotationInput: $input) {
|
|
@@ -2848,7 +2848,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
2848
2848
|
}
|
|
2849
2849
|
}
|
|
2850
2850
|
}
|
|
2851
|
-
`}}}();Hc.hash="5ef72854a1deefb62cd963735947309d";const
|
|
2851
|
+
`}}}();Hc.hash="5ef72854a1deefb62cd963735947309d";const ei="n",ob=F`
|
|
2852
2852
|
width: 100%;
|
|
2853
2853
|
height: 100%;
|
|
2854
2854
|
max-height: 100%;
|
|
@@ -2861,11 +2861,11 @@ fragment SpanFeedback_annotations on Span {
|
|
|
2861
2861
|
li {
|
|
2862
2862
|
width: 100%;
|
|
2863
2863
|
}
|
|
2864
|
-
`;function sb(n){var y;const[a,l]=m.useState(0),t=m.useRef(null),i=x.useLazyLoadQuery(Hc,{spanNodeId:n.spanNodeId},{fetchKey:a,fetchPolicy:"store-and-network"}),[r,s]=x.useMutation(Uc),d=u=>{m.startTransition(()=>{r({variables:{input:{note:u,spanId:n.spanNodeId}}}),l(a+1)})},p=(((y=i.span)==null?void 0:y.spanAnnotations)||[]).filter(u=>u.name==="note");return m.useEffect(()=>{t.current&&t.current.scrollIntoView({behavior:"smooth"})},[p]),o(b,{direction:"column",height:"100%",justifyContent:"space-between",children:[o("ul",{css:ob,children:[p.map(u=>{var g,f,k,h;return e("li",{children:e(jy,{text:u.explanation||"",timestamp:new Date(u.createdAt),userName:((g=u.user)==null?void 0:g.username)||"system",userPicture:(f=u.user)==null?void 0:f.profilePictureUrl,isOutgoing:((k=u.user)==null?void 0:k.id)===((h=i.viewer)==null?void 0:h.id)})},u.id)}),e("div",{ref:t,"aria-hidden":"true"})]}),o(io,{restoreFocus:!0,children:[e(Ro,{hotkey:
|
|
2864
|
+
`;function sb(n){var y;const[a,l]=m.useState(0),t=m.useRef(null),i=x.useLazyLoadQuery(Hc,{spanNodeId:n.spanNodeId},{fetchKey:a,fetchPolicy:"store-and-network"}),[r,s]=x.useMutation(Uc),d=u=>{m.startTransition(()=>{r({variables:{input:{note:u,spanId:n.spanNodeId}}}),l(a+1)})},p=(((y=i.span)==null?void 0:y.spanAnnotations)||[]).filter(u=>u.name==="note");return m.useEffect(()=>{t.current&&t.current.scrollIntoView({behavior:"smooth"})},[p]),o(b,{direction:"column",height:"100%",justifyContent:"space-between",children:[o("ul",{css:ob,children:[p.map(u=>{var g,f,k,h;return e("li",{children:e(jy,{text:u.explanation||"",timestamp:new Date(u.createdAt),userName:((g=u.user)==null?void 0:g.username)||"system",userPicture:(f=u.user)==null?void 0:f.profilePictureUrl,isOutgoing:((k=u.user)==null?void 0:k.id)===((h=i.viewer)==null?void 0:h.id)})},u.id)}),e("div",{ref:t,"aria-hidden":"true"})]}),o(io,{restoreFocus:!0,children:[e(Ro,{hotkey:ei}),e(Eo,{onSendMessage:d,placeholder:"Add a note",isSending:s})]})]})}function db(){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(cr,{isOutgoing:!1,height:70}),e(cr,{isOutgoing:!0,height:40})]})}),e(Eo,{onSendMessage:()=>{},placeholder:"Add a note"})]})}const $t="s";function cb(n){const a=x.useFragment(Mc,n.span),l=m.useRef(null),t=m.useRef(null);return ua(ur,()=>{l.current&&l.current.isCollapsed()&&l.current.expand(50)}),ua(ei,()=>{t.current&&t.current.isCollapsed()&&t.current.expand(50)}),o(Pn,{direction:"vertical",autoSaveId:"span-aside-layout",children:[e(m.Suspense,{children:e(ub,{span:a})}),e(Zt,{ref:l,resizable:!0,title:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{children:"Edit Annotations"}),e(Sl,{children:ur})]}),panelProps:{order:2,minSize:10},children:e(v,{height:"100%",maxHeight:"100%",children:e(Oy,{projectId:a.project.id,spanNodeId:a.id},a.id)})}),e(Zt,{ref:t,resizable:!0,title:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{children:"Notes"}),e(Sl,{children:ei})]}),panelProps:{order:3,minSize:10},children:e(v,{height:"100%",maxHeight:"100%",children:e(m.Suspense,{fallback:e(db,{}),children:e(sb,{spanNodeId:a.id})})})})]})}function ub(n){const a=x.useFragment(Ec,n.span),l=m.useRef(null);ua($t,()=>{l.current&&l.current.isCollapsed()&&l.current.expand(50)});const t=a.spanAnnotations.length>0;return e(Zt,{ref:l,title:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e("span",{children:"Annotation Summary"}),e(Sl,{children:$t})]}),disabled:!t,panelProps:{order:1,defaultSize:t?20:0,minSize:t?20:0},children:o(io,{children:[e(Ro,{hotkey:$t}),e(v,{paddingY:"size-100",paddingX:"size-100",overflow:"auto",maxHeight:"100%",children:e(mt,{span:a})})]})})}const Gc=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}}();Gc.hash="9a73b57370acadba7a0398c1439e9893";function mb(){const[n,a]=m.useState(null);return o(v,{padding:"size-200",children:[o(b,{direction:"column",gap:"size-100",alignItems:"center",children:[e(Zl,{graphicKey:"documents"}),e(C,{children:"No annotations for this span"}),e(E,{variant:"default",size:"S",onPress:()=>{a(e(te,{title:"Span Annotations",isDismissable:!0,children:o(v,{padding:"size-200",children:[e("p",{css:F`
|
|
2865
2865
|
margin: 0 0 var(--ac-global-dimension-size-100) 0;
|
|
2866
|
-
`,children:"Annotations are pivotal for tracking and improving the performance of your application. Phoenix allows for both LLM and HUMAN annotations."}),e(Sn,{href:"https://docs.arize.com/phoenix/tracing/concepts-tracing/how-to-evaluate-traces",children:"View annotation documentation"})]})}))},leadingVisual:e(_,{svg:e(
|
|
2866
|
+
`,children:"Annotations are pivotal for tracking and improving the performance of your application. Phoenix allows for both LLM and HUMAN annotations."}),e(Sn,{href:"https://docs.arize.com/phoenix/tracing/concepts-tracing/how-to-evaluate-traces",children:"View annotation documentation"})]})}))},leadingVisual:e(_,{svg:e(Si,{})}),children:"How to Annotate"})]}),e(oe,{onDismiss:()=>a(null),isDismissable:!0,children:n})]})}const gb=F`
|
|
2867
2867
|
overflow: auto;
|
|
2868
|
-
`;function pb({annotations:n,spanNodeId:a}){const l=m.useMemo(()=>n.map(u=>({...u,spanNodeId:a})),[n,a]),t=ue(),i=ke(),r=m.useMemo(()=>[{header:"name",accessorKey:"name",size:100},{header:"annotator kind",accessorKey:"annotatorKind",size:100,cell:({row:u})=>{const g=u.original.annotatorKind;return e(By,{kind:g})}},{header:"user",accessorKey:"user",size:100,cell:({row:u})=>{const g=u.original.user,f=(g==null?void 0:g.username)||"system";return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(
|
|
2868
|
+
`;function pb({annotations:n,spanNodeId:a}){const l=m.useMemo(()=>n.map(u=>({...u,spanNodeId:a})),[n,a]),t=ue(),i=ke(),r=m.useMemo(()=>[{header:"name",accessorKey:"name",size:100},{header:"annotator kind",accessorKey:"annotatorKind",size:100,cell:({row:u})=>{const g=u.original.annotatorKind;return e(By,{kind:g})}},{header:"user",accessorKey:"user",size:100,cell:({row:u})=>{const g=u.original.user,f=(g==null?void 0:g.username)||"system";return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(at,{name:f,profilePictureUrl:(g==null?void 0:g.profilePictureUrl)||null,size:18}),e("span",{children:f})]})}},{header:"label",accessorKey:"label",size:100},{header:"score",accessorKey:"score",size:100},{header:"explanation",accessorKey:"explanation",cell:Qy,size:400},{header:"source",accessorKey:"source",size:100},{header:"identifier",accessorKey:"identifier",size:100},{header:"metadata",accessorKey:"metadata",minSize:100,cell:({row:u})=>{const g=u.original.metadata;return g?e(Xa,{json:g,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(qy,{annotationId:u.original.id,spanNodeId:u.original.spanNodeId,annotationName:u.original.name,onSpanAnnotationActionSuccess:t,onSpanAnnotationActionError:g=>{i({title:"Failed to update span annotation",message:g.message})}})}],[i,t]),[s,d]=m.useState([{id:"createdAt",desc:!0}]),c=Ke({columns:r,data:l,getCoreRowModel:Te(),getSortedRowModel:ln(),onSortingChange:d,state:{sorting:s}}),y=c.getRowModel().rows.length===0;return e("div",{css:gb,children:o("table",{css:He,"data-testid":"span-annotations-table",children:[e("thead",{children:c.getHeaderGroups().map(u=>e("tr",{children:u.headers.map(g=>e("th",{colSpan:g.colSpan,children:g.isPlaceholder?null:e(J,{children:o("div",{className:g.column.getCanSort()?"cursor-pointer":"",onClick:g.column.getToggleSortingHandler(),style:{display:"flex",alignItems:"center",left:g.getStart(),width:g.getSize()},children:[e(un,{maxWidth:"100%",children:W(g.column.columnDef.header,g.getContext())}),g.column.getIsSorted()?e(_,{className:"sort-icon",svg:g.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]})})},g.id))},u.id))}),y?e(tn,{}):e("tbody",{children:c.getRowModel().rows.map(u=>e("tr",{children:u.getVisibleCells().map(g=>e("td",{style:{width:g.column.getSize()},children:W(g.column.columnDef.cell,g.getContext())},g.id))},u.id))})]})})}function yb({span:n}){const a=x.useFragment(Gc,n),l=a.spanAnnotations;return a.spanAnnotations.length>0?e(pb,{annotations:l,spanNodeId:a.id}):e(mb,{})}function fb(n){return n==="__REDACTED__"}const hb=F`
|
|
2869
2869
|
position: relative;
|
|
2870
2870
|
overflow: hidden;
|
|
2871
2871
|
width: 200px;
|
|
@@ -2904,7 +2904,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
2904
2904
|
object-fit: cover;
|
|
2905
2905
|
}
|
|
2906
2906
|
}
|
|
2907
|
-
`;function kb(n){const[a,l]=m.useState(!1);let t;const i=fb(n.url);return i?t=e(bb,{}):t=e("img",{src:n.url}),o("div",{className:Sp({"is-expanded":a}),css:hb,children:[!i&&e(E,{variant:"default",size:"S",onPress:()=>l(!a),leadingVisual:e(_,{svg:a?e(Uy,{}):e(
|
|
2907
|
+
`;function kb(n){const[a,l]=m.useState(!1);let t;const i=fb(n.url);return i?t=e(bb,{}):t=e("img",{src:n.url}),o("div",{className:Sp({"is-expanded":a}),css:hb,children:[!i&&e(E,{variant:"default",size:"S",onPress:()=>l(!a),leadingVisual:e(_,{svg:a?e(Uy,{}):e(vl,{})}),"aria-label":"Expand / Collapse Image"}),t]})}const bb=()=>o("svg",{width:"130",height:"130",viewBox:"0 0 130 130",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("rect",{x:"1.5",y:"1.5",width:"127",height:"127",rx:"6.5",strokeOpacity:"0.8",strokeWidth:"3"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M40 27.5H90C96.8917 27.5 102.5 33.1083 102.5 40V90C102.5 96.8917 96.8917 102.5 90 102.5H40C33.1083 102.5 27.5 96.8917 27.5 90V40C27.5 33.1083 33.1083 27.5 40 27.5ZM40 35.8333H90C92.3 35.8333 94.1667 37.7 94.1667 40V74.85L80.8208 63.4667C76.6958 59.9583 70.2417 59.9583 66.1542 63.4417L35.8333 88.7417V40C35.8333 37.7 37.7 35.8333 40 35.8333ZM54.5833 50.4167C54.5833 53.8667 51.7833 56.6667 48.3333 56.6667C44.8833 56.6667 42.0833 53.8667 42.0833 50.4167C42.0833 46.9667 44.8833 44.1667 48.3333 44.1667C51.7833 44.1667 54.5833 46.9667 54.5833 50.4167ZM42.3375 94.1667H90C92.3 94.1667 94.1667 92.3 94.1667 90V85.8083L75.4125 69.8083C74.4083 68.9458 72.55 68.9417 71.525 69.8125L42.3375 94.1667Z",fill:"var(--ac-global-color-grey-300)"})]}),Wc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"addExamplesToDataset",plural:!1,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"dataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanToDatasetExampleDialogAddExampleToDatasetMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanToDatasetExampleDialogAddExampleToDatasetMutation",selections:a},params:{cacheID:"d93c9d47668fc266ba09ecb14c2b72ae",id:null,metadata:{},name:"SpanToDatasetExampleDialogAddExampleToDatasetMutation",operationKind:"mutation",text:`mutation SpanToDatasetExampleDialogAddExampleToDatasetMutation(
|
|
2908
2908
|
$input: AddExamplesToDatasetInput!
|
|
2909
2909
|
) {
|
|
2910
2910
|
addExamplesToDataset(input: $input) {
|
|
@@ -2928,14 +2928,14 @@ fragment SpanFeedback_annotations on Span {
|
|
|
2928
2928
|
id
|
|
2929
2929
|
}
|
|
2930
2930
|
}
|
|
2931
|
-
`}}}();Jc.hash="9ff195bb3e4302feb10eb48b22dfdcb1";const
|
|
2931
|
+
`}}}();Jc.hash="9ff195bb3e4302feb10eb48b22dfdcb1";const jt={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function Sb({spanId:n,onCompleted:a}){const[l,t]=m.useState(null),i=x.useLazyLoadQuery(Jc,{spanId:n},{fetchPolicy:"store-and-network"}),{span:{revision:r}}=i,[s,d]=x.useMutation(Wc),{control:c,setError:p,handleSubmit:y,formState:{isValid:u}}=Ve({defaultValues:{input:JSON.stringify(r==null?void 0:r.input,null,2),output:JSON.stringify(r==null?void 0:r.output,null,2),metadata:JSON.stringify(r==null?void 0:r.metadata,null,2),datasetId:""}}),g=m.useCallback(f=>{if(t(null),!Bn(f==null?void 0:f.input))return p("input",{message:"Input must be a valid JSON object"});if(!Bn(f==null?void 0:f.output))return p("output",{message:"Output must be a valid JSON object"});if(!Bn(f==null?void 0:f.metadata))return p("metadata",{message:"Metadata must be a valid JSON object"});if(!(f!=null&&f.datasetId))return p("datasetId",{message:"Dataset is required"});s({variables:{input:{datasetId:f.datasetId,examples:[{input:JSON.parse(f.input),output:JSON.parse(f.output),metadata:JSON.parse(f.metadata),spanId:n}]}},onCompleted:()=>{a(f.datasetId)},onError:k=>{const h=Ie(k);t((h==null?void 0:h[0])??k.message)}})},[s,p,n,a]);return e(dn,{children:({close:f})=>o(Ua,{children:[o(Ba,{children:[e(qa,{children:"Add Example to Dataset"}),o(gt,{children:[e(E,{variant:"primary",size:"S",isDisabled:!u||d,onPress:()=>{y(g)(),f()},leadingVisual:e(_,{svg:d?e(en,{}):e(da,{})}),children:"Add Example"}),e(nt,{slot:"close"})]})]}),e("div",{css:F`
|
|
2932
2932
|
overflow-y: auto;
|
|
2933
2933
|
padding: var(--ac-global-dimension-size-400);
|
|
2934
2934
|
/* Make widths configurable */
|
|
2935
2935
|
.dataset-picker {
|
|
2936
2936
|
width: 100%;
|
|
2937
2937
|
}
|
|
2938
|
-
`,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(Fe,{variant:"danger",children:l}):null,e(H,{control:c,name:"datasetId",render:({field:{onChange:k,onBlur:h},fieldState:{invalid:S,error:K}})=>o(b,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Mo,{isRequired:!0,onSelectionChange:k,onBlur:h,validationState:S?"invalid":"valid",errorMessage:K==null?void 0:K.message,label:"Dataset"}),e(Hy,{})]})}),e(H,{control:c,name:"input",render:({field:{onChange:k,onBlur:h,value:S},fieldState:{invalid:K,error:P}})=>o(B,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc."
|
|
2938
|
+
`,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(Fe,{variant:"danger",children:l}):null,e(H,{control:c,name:"datasetId",render:({field:{onChange:k,onBlur:h},fieldState:{invalid:S,error:K}})=>o(b,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Mo,{isRequired:!0,onSelectionChange:k,onBlur:h,validationState:S?"invalid":"valid",errorMessage:K==null?void 0:K.message,label:"Dataset"}),e(Hy,{})]})}),e(H,{control:c,name:"input",render:({field:{onChange:k,onBlur:h,value:S},fieldState:{invalid:K,error:P}})=>o(B,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...jt,children:[K?e(Fe,{variant:"danger",banner:!0,children:P==null?void 0:P.message}):null,e(on,{value:S,onChange:k,onBlur:h})]})}),e(H,{control:c,name:"output",render:({field:{onChange:k,onBlur:h,value:S},fieldState:{invalid:K,error:P}})=>o(B,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...jt,backgroundColor:"green-100",borderColor:"green-700",children:[K?e(Fe,{variant:"danger",banner:!0,children:P==null?void 0:P.message}):null,e(on,{value:S,onChange:k,onBlur:h})]})}),e(H,{control:c,name:"metadata",render:({field:{onChange:k,onBlur:h,value:S},fieldState:{invalid:K,error:P}})=>o(B,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...jt,children:[K?e(Fe,{variant:"danger",banner:!0,children:P==null?void 0:P.message}):null,e(on,{value:S,onChange:k,onBlur:h})]})})]})})})})]})})}const vb=n=>m.useMemo(()=>Qe(n),[n]),Cb=n=>n.events.some(a=>a.name==="exception"),De={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}},Fb=900,Ot=33,Er="e";function Kb({spanNodeId:n}){const a=mn(p=>p.isAnnotatingSpans),l=mn(p=>p.setIsAnnotatingSpans),t=m.useRef(null),i=m.useRef(null),r=Z1(i),s=r!=null&&r.width?r.width<Fb:!0,{span:d}=x.useLazyLoadQuery(Ac,{id:n});if(d.__typename!=="Span")throw new Error("Expected a span, but got a different type"+d.__typename);ua(Er,()=>{a||l(!0)},{preventDefault:!0});const c=m.useMemo(()=>Cb(d),[d]);return o(Pn,{direction:"horizontal",autoSaveId:"span-details-layout",children:[e(Re,{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(Y1,{span:d}),o(b,{flex:"none",direction:"row",alignItems:"center",gap:"size-100",children:[e(Wn,{variant:d.spanKind!=="llm"?"default":"primary",leadingVisual:e(_,{svg:e(Ea,{})}),isDisabled:d.spanKind!=="llm",to:`/playground/spans/${d.id}`,size:"S","aria-label":"Prompt Playground",children:s?null:"Playground"}),e(xb,{span:d,buttonText:s?null:"Add to Dataset"}),e(Fn,{size:"S",isSelected:a,onPress:()=>{l(!a);const p=t.current;p&&p.getSize()<Ot&&p.resize(Ot)},leadingVisual:e(_,{svg:e(Sa,{})}),trailingVisual:!s&&!a&&e(Vo,{children:Er}),children:s?null:"Annotate"}),e(eb,{traceId:d.trace.traceId,spanId:d.spanId})]})]})}),o(an,{children:[o(nn,{children:[e(ne,{id:"info",children:"Info"}),o(ne,{id:"annotations",children:["Annotations ",e(xn,{children:d.spanAnnotations.length})]}),e(ne,{id:"attributes",children:"Attributes"}),o(ne,{id:"events",children:["Events"," ",e(xn,{variant:c?"danger":"default",children:d.events.length})]})]}),e(re,{id:"info",children:e(b,{direction:"row",height:"100%",children:e(Pb,{children:e(pt,{children:e(Ib,{span:d})})})})}),e(re,{id:"annotations",children:e(yb,{span:d})}),e(re,{id:"attributes",children:e(v,{padding:"size-200",height:"100%",maxHeight:"100%",overflow:"auto",children:e(B,{title:"All Attributes",...De,titleExtra:Yc,extra:e(de,{text:d.attributes}),children:e(pa,{children:d.attributes})})})}),e(re,{id:"events",children:e(qb,{events:d.events})})]})]})}),a&&e(Rn,{css:yt}),a&&e(Re,{order:2,ref:t,defaultSize:Ot,minSize:10,collapsible:!0,onCollapse:()=>{l(!1)},children:e(cb,{span:d})})]})}const Tb=F`
|
|
2939
2939
|
flex: 1 1 auto;
|
|
2940
2940
|
overflow-y: auto;
|
|
2941
2941
|
// Overflow fails to take into account padding
|
|
@@ -2944,36 +2944,36 @@ fragment SpanFeedback_annotations on Span {
|
|
|
2944
2944
|
display: block;
|
|
2945
2945
|
height: var(--ac-global-dimension-static-size-400);
|
|
2946
2946
|
}
|
|
2947
|
-
`;function Pb({children:n}){return e("div",{css:Tb,"data-testid":"span-info-wrap",children:n})}function xb({span:n,buttonText:a}){const l=ue(),t=ce();return o(Ue,{children:[e(E,{variant:"default",size:"S",leadingVisual:e(_,{svg:e(
|
|
2947
|
+
`;function Pb({children:n}){return e("div",{css:Tb,"data-testid":"span-info-wrap",children:n})}function xb({span:n,buttonText:a}){const l=ue(),t=ce();return o(Ue,{children:[e(E,{variant:"default",size:"S",leadingVisual:e(_,{svg:e(tt,{})}),children:a}),e(vp,{children:e(cn,{variant:"slideover",size:"L",children:e(m.Suspense,{fallback:e(me,{}),children:e(Sb,{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 Ib({span:n}){const{spanKind:a,attributes:l}=n,{json:t,parseError:i}=vb(l),r=m.useMemo(()=>n.statusMessage?e(Fe,{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(Fe,{variant:"warning",title:"Un-parsable attributes",children:`Failed to parse span attributes. ${i instanceof Error?i.message:""}`}),e(B,{...De,title:"Attributes",children:e(v,{padding:"size-100",children:l})})]})});let s;switch(a){case"llm":{s=e(Db,{span:n,spanAttributes:t});break}case"retriever":{s=e(Lb,{span:n,spanAttributes:t});break}case"reranker":{s=e(_b,{span:n,spanAttributes:t});break}case"embedding":{s=e(Ab,{span:n,spanAttributes:t});break}case"tool":{s=e(wb,{span:n,spanAttributes:t});break}default:s=e(Zc,{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,{...De,title:"Metadata",children:e(pa,{children:JSON.stringify(t.metadata)})}):null]})})}function Db(n){const{spanAttributes:a,span:l}=n,{input:t,output:i}=l,r=m.useMemo(()=>a[ve.llm]||null,[a]),s=r==null?void 0:r[Be.provider],d=m.useMemo(()=>{if(r==null)return null;const w=r[Be.model_name];return typeof w=="string"?w:null},[r]),c=m.useMemo(()=>{if(r==null)return[];const w=r[Be.input_messages];return wr(w)?(w==null?void 0:w.map($=>$[ve.message]).filter(Boolean))||[]:[]},[r]),p=m.useMemo(()=>{if(r==null)return[];const w=r[Be.tools];return Array.isArray(w)?w==null?void 0:w.map(M=>M[ve.tool]).filter(Boolean):[]},[r]),y=m.useMemo(()=>p.reduce((w,$)=>($!=null&&$.json_schema&&w.push($.json_schema),w),[]),[p]),u=m.useMemo(()=>{if(r==null)return[];const w=r[Be.output_messages];return wr(w)?w.map($=>$[ve.message]).filter(Boolean)||[]:[]},[r]),g=m.useMemo(()=>{if(r==null)return[];const w=r[Be.prompts];return Wy(w)?w:[]},[r]),f=m.useMemo(()=>{if(r==null)return null;const w=r[Be.prompt_template];return w??null},[r]),k=m.useMemo(()=>r==null?"{}":r[Be.invocation_parameters]||"{}",[r]),h=m.useMemo(()=>{if(d==null)return null;let w=e(Ki,{spanKind:"llm"});const $=s==null?void 0:s.toUpperCase();return typeof $=="string"&&wc($)&&(w=e(et,{provider:$})),o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[w,e(C,{size:"M",weight:"heavy",children:d})]})},[d,s]),S=t!=null&&t.value!=null,K=c.length>0,P=y.length>0,I=i!=null&&i.value!=null,D=u.length>0,T=g.length>0,L=Object.keys(Qe(k).json||{}).length>0,V=f!=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:h,children:o(an,{children:[o(nn,{children:[K&&e(ne,{id:"input-messages",children:"Input Messages"}),P&&e(ne,{id:"tools",children:"Tools"}),S&&e(ne,{id:"input",children:"Input"}),V&&e(ne,{id:"prompt-template",children:"Prompt Template"}),T&&e(ne,{id:"prompts",children:"Prompts"}),L&&e(ne,{id:"invocation-params",children:"Invocation Params"})]}),K&&e(re,{id:"input-messages",children:e(Mr,{messages:c})}),P&&e(re,{id:"tools",children:e(Vb,{toolSchemas:y})}),S&&e(re,{id:"input",children:e(v,{padding:"size-200",children:e(vn,{children:e(B,{...De,title:"LLM Input",extra:o(b,{direction:"row",gap:"size-100",children:[e(Vn,{}),e(de,{text:t.value})]}),children:e(Un,{...t})})})})}),V&&e(re,{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:f.template,children:[e(C,{color:"text-700",fontStyle:"italic",children:"prompt template"}),e(Xc,{children:f.template})]})}),e(v,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:o(jl,{text:JSON.stringify(f.variables),children:[e(C,{color:"text-700",fontStyle:"italic",children:"template variables"}),e(pa,{children:JSON.stringify(f.variables)})]})})]})})}),T&&e(re,{id:"prompts",children:e(zb,{prompts:g})}),L&&e(re,{id:"invocation-params",children:e(jl,{text:k,padding:"size-100",children:e(pa,{children:k})})})]})}),I||D?e(si,{...De,children:o(an,{children:[o(nn,{children:[D&&e(ne,{id:"output-messages",children:"Output Messages"}),I&&e(ne,{id:"output",children:"Output"})]}),D&&e(re,{id:"output-messages",children:e(Mr,{messages:u})}),I&&e(re,{id:"output",children:e(v,{padding:"size-200",children:e(vn,{children:e(B,{...De,title:"LLM Output",extra:o(b,{direction:"row",gap:"size-100",children:[e(Vn,{}),e(de,{text:i.value})]}),children:e(Un,{...i})})})})})]})}):null]})}function Lb(n){const{spanAttributes:a,span:l}=n,{input:t}=l,i=m.useMemo(()=>a[ve.retrieval]||null,[a]),r=m.useMemo(()=>{var u;return i==null?[]:((u=i[Cp.documents])==null?void 0:u.map(g=>g[ve.document]).filter(Boolean))||[]},[i]),s=m.useMemo(()=>l.documentEvaluations.reduce((g,f)=>{const k=f.documentPosition,h=g[k]||[];return{...g,[k]:[...h,f]}},{}),[l.documentEvaluations]),d=t!=null&&t.value!=null,c=d&&t.mimeType==="text",p=r.length>0,y=l.documentRetrievalMetrics.length>0;return o(b,{direction:"column",gap:"size-200",children:[d?e(vn,{children:e(B,{title:"Input",...De,extra:e(b,{direction:"row",gap:"size-100",alignItems:"center",children:c?e(Vn,{}):e(de,{text:t.value})}),children:e(Un,{...t})})}):null,p?e(vn,{children:e(B,{title:"Documents",...De,titleExtra:y&&e(b,{direction:"row",alignItems:"center",gap:"size-100",children:l.documentRetrievalMetrics.map(u=>o(J,{children:[e(kn,{name:u.evaluationName,metric:"ndcg",score:u.ndcg},"ndcg"),e(kn,{name:u.evaluationName,metric:"precision",score:u.precision},"precision"),e(kn,{name:u.evaluationName,metric:"hit",score:u.hit},"hit")]}))}),extra:e(Vn,{}),children:e("ul",{css:F`
|
|
2948
2948
|
display: flex;
|
|
2949
2949
|
flex-direction: column;
|
|
2950
2950
|
gap: var(--ac-global-dimension-static-size-200);
|
|
2951
2951
|
padding: var(--ac-global-dimension-static-size-200);
|
|
2952
|
-
`,children:r.map((u,g)=>e("li",{children:e(
|
|
2952
|
+
`,children:r.map((u,g)=>e("li",{children:e(ni,{document:u,documentEvaluations:s[g],borderColor:"seafoam-700",backgroundColor:"seafoam-100",tokenColor:"var(--ac-global-color-seafoam-1000)"})},g))})})}):null]})}function _b(n){const{spanAttributes:a}=n,l=m.useMemo(()=>a[ve.reranker]||null,[a]),t=m.useMemo(()=>l==null?null:l[At.query]||null,[l]),i=m.useMemo(()=>{var c;return l==null?[]:((c=l[At.input_documents])==null?void 0:c.map(p=>p[ve.document]).filter(Boolean))||[]},[l]),r=m.useMemo(()=>{var c;return l==null?[]:((c=l[At.output_documents])==null?void 0:c.map(p=>p[ve.document]).filter(Boolean))||[]},[l]),s=i.length,d=r.length;return o(b,{direction:"column",gap:"size-200",children:[e(vn,{children:t&&e(B,{title:"Query",...De,children:e(v,{padding:"size-200",children:e(_a,{children:t})})})}),e(B,{title:"Input Documents",titleExtra:e(xn,{children:s}),...De,defaultOpen:!1,bodyStyle:{padding:0},children:e("ul",{css:F`
|
|
2953
2953
|
padding: var(--ac-global-dimension-static-size-200);
|
|
2954
2954
|
display: flex;
|
|
2955
2955
|
flex-direction: column;
|
|
2956
2956
|
gap: var(--ac-global-dimension-static-size-200);
|
|
2957
|
-
`,children:i.map((c,p)=>e("li",{children:e(
|
|
2957
|
+
`,children:i.map((c,p)=>e("li",{children:e(ni,{document:c,borderColor:"seafoam-700",backgroundColor:"seafoam-100",tokenColor:"var(--ac-global-color-seafoam-1000)"})},p))})}),e(B,{title:"Output Documents",titleExtra:e(xn,{children:d}),...De,bodyStyle:{padding:0},children:e("ul",{css:F`
|
|
2958
2958
|
padding: var(--ac-global-dimension-static-size-200);
|
|
2959
2959
|
display: flex;
|
|
2960
2960
|
flex-direction: column;
|
|
2961
2961
|
gap: var(--ac-global-dimension-static-size-200);
|
|
2962
|
-
`,children:r.map((c,p)=>e("li",{children:e(
|
|
2962
|
+
`,children:r.map((c,p)=>e("li",{children:e(ni,{document:c,borderColor:"celery-700",backgroundColor:"celery-100",tokenColor:"var(--ac-global-color-celery-1000)"})},p))})})]})}function Ab(n){const{spanAttributes:a}=n,l=m.useMemo(()=>a[ve.embedding]||null,[a]),t=m.useMemo(()=>{var s;return l==null?[]:((s=l[wt.embeddings])==null?void 0:s.map(d=>d[ve.embedding]).filter(Boolean))||[]},[l]),i=t.length>0,r=l==null?void 0:l[wt.model_name];return e(b,{direction:"column",gap:"size-200",children:i?e(B,{title:"Embeddings"+(typeof r=="string"?`: ${r}`:""),...De,children:e("ul",{css:F`
|
|
2963
2963
|
display: flex;
|
|
2964
2964
|
flex-direction: column;
|
|
2965
2965
|
gap: var(--ac-global-dimension-static-size-200);
|
|
2966
2966
|
padding: var(--ac-global-dimension-static-size-200);
|
|
2967
|
-
`,children:t.map((s,d)=>e("li",{children:e(vn,{children:e(B,{...De,backgroundColor:"purple-100",borderColor:"purple-700",title:"Embedded Text",children:e(_a,{children:s[
|
|
2967
|
+
`,children:t.map((s,d)=>e("li",{children:e(vn,{children:e(B,{...De,backgroundColor:"purple-100",borderColor:"purple-700",title:"Embedded Text",children:e(_a,{children:s[wt.text]||""})})})},d))})}):e(Zc,{span:n.span})})}function wb(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",p=m.useMemo(()=>l[ve.tool]||{},[l]),y=Object.keys(p).length>0,u=p[Nl.name],g=p[Nl.description],f=p[Nl.parameters];return!r&&!s&&!y?null:o(b,{direction:"column",gap:"size-200",children:[r?e(vn,{children:e(B,{title:"Input",...De,extra:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[d?e(Vn,{}):null,e(de,{text:t.value})]}),children:e(Un,{...t})})}):null,s?e(vn,{children:e(B,{title:"Output",...De,backgroundColor:"green-100",borderColor:"green-700",extra:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[c?e(Vn,{}):null,e(de,{text:i.value})]}),children:e(Un,{...i})})}):null,y?e(B,{title:"Tool"+(typeof u=="string"?`: ${u}`:""),...De,children:o(b,{direction:"column",children:[g!=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:g})]})}):null,f!=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`
|
|
2968
2968
|
.cm-editor {
|
|
2969
2969
|
background-color: transparent !important;
|
|
2970
2970
|
}
|
|
2971
|
-
`,children:e(pa,{basicSetup:{lineNumbers:!1,foldGutter:!1},children:JSON.stringify(f)})})]})}):null]})}):null]})}const Rb=["irrelevant","unrelated"];function
|
|
2971
|
+
`,children:e(pa,{basicSetup:{lineNumbers:!1,foldGutter:!1},children:JSON.stringify(f)})})]})}):null]})}):null]})}const Rb=["irrelevant","unrelated"];function ni({document:n,documentEvaluations:a,backgroundColor:l,borderColor:t,tokenColor:i}){const r=n[il.metadata],s=a&&a.length,d=n[il.content];return e(B,{...De,backgroundColor:l,borderColor:t,bodyStyle:{padding:0},title:o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_,{svg:e(zo,{})}),o(ae,{level:4,children:["document ",n[il.id]]})]}),extra:typeof n[il.score]=="number"&&e(Cn,{color:i,children:`score ${Fi(n[il.score])}`}),children:o(b,{direction:"column",children:[d&&e(_a,{children:d}),r&&e(J,{children:o(v,{borderColor:t,borderTopWidth:"thin",children:[e(v,{paddingX:"size-200",paddingY:"size-100",borderColor:t,borderBottomWidth:"thin",children:e(ae,{level:4,children:"Document Metadata"})}),e(pa,{basicSetup:{lineNumbers:!1},children:JSON.stringify(r)})]})}),s&&e(v,{borderColor:t,borderTopWidth:"thin",padding:"size-200",children:o(b,{direction:"column",gap:"size-100",children:[e(ae,{level:3,weight:"heavy",children:"Evaluations"}),e("ul",{children:a.map((c,p)=>{const y=c.label&&Rb.includes(c.label)?"var(--ac-global-color-danger)":i;return e("li",{children:e(v,{padding:"size-200",borderWidth:"thin",borderColor:t,borderRadius:"medium",children:o(b,{direction:"column",gap:"size-50",children:[o(b,{direction:"row",gap:"size-100",children:[e(C,{weight:"heavy",elementType:"h5",children:c.name}),c.label&&e(Cn,{color:y,children:c.label}),typeof c.score=="number"&&e(Cn,{color:y,children:o(b,{direction:"row",gap:"size-50",children:[e(C,{size:"XS",weight:"heavy",color:"inherit",children:"score"}),e(C,{size:"XS",children:$a(c.score)})]})})]}),typeof c.explanation&&e("p",{css:F`
|
|
2972
2972
|
margin-top: var(
|
|
2973
2973
|
--ac-global-dimension-static-size-100
|
|
2974
2974
|
);
|
|
2975
2975
|
margin-bottom: 0;
|
|
2976
|
-
`,children:c.explanation})]})})},p)})})]})})]})})}function Eb({message:n}){var p;const a=n[ze.content],l=n[ze.contents],t=(p=n[ze.tool_calls])==null?void 0:p.map(y=>y[ve.tool_call]).filter(Boolean),i=n[ze.function_call_arguments_json]&&n[ze.function_call_name],r=n[ze.role]||"unknown",s=Ll(r),d=m.useMemo(()=>(t==null?void 0:t.map((y,u)=>`tool-call-${u}`))||[],[t]),c=n[ze.tool_call_id];return e(vn,{children:o(B,{...De,...s,title:r+(n[ze.name]?`: ${n[ze.name]}`:""),extra:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Vn,{}),e(de,{text:a||JSON.stringify(n)})]}),children:[e(
|
|
2976
|
+
`,children:c.explanation})]})})},p)})})]})})]})})}function Eb({message:n}){var p;const a=n[ze.content],l=n[ze.contents],t=(p=n[ze.tool_calls])==null?void 0:p.map(y=>y[ve.tool_call]).filter(Boolean),i=n[ze.function_call_arguments_json]&&n[ze.function_call_name],r=n[ze.role]||"unknown",s=Ll(r),d=m.useMemo(()=>(t==null?void 0:t.map((y,u)=>`tool-call-${u}`))||[],[t]),c=n[ze.tool_call_id];return e(vn,{children:o(B,{...De,...s,title:r+(n[ze.name]?`: ${n[ze.name]}`:""),extra:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Vn,{}),e(de,{text:a||JSON.stringify(n)})]}),children:[e(pt,{children:l?e($b,{messageContents:l}):null}),e(b,{direction:"column",alignItems:"start",children:o(bn,{css:F`
|
|
2977
2977
|
width: 100%;
|
|
2978
2978
|
// when any .ac-disclosure-trigger is hovered, show the child .copy-to-clipboard-button
|
|
2979
2979
|
.ac-disclosure-trigger {
|
|
@@ -3059,7 +3059,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
3059
3059
|
.ac-icon-wrap {
|
|
3060
3060
|
color: var(--px-event-icon-color);
|
|
3061
3061
|
}
|
|
3062
|
-
`,children:e(_,{svg:t?e(Gy,{}):e(qn,{})})})}),o(b,{direction:"column",gap:"size-25",flex:"1 1 auto",children:[e(C,{weight:"heavy",children:a.name}),e(C,{color:"text-700",children:a.message})]}),e(v,{children:e(C,{color:"text-700",children:new Date(a.timestamp).toLocaleString()})})]})},l)})})}const Yc=e(b,{alignItems:"center",justifyContent:"center",children:e(v,{marginStart:"size-100",children:o(
|
|
3062
|
+
`,children:e(_,{svg:t?e(Gy,{}):e(qn,{})})})}),o(b,{direction:"column",gap:"size-25",flex:"1 1 auto",children:[e(C,{weight:"heavy",children:a.name}),e(C,{color:"text-700",children:a.message})]}),e(v,{children:e(C,{color:"text-700",children:new Date(a.timestamp).toLocaleString()})})]})},l)})})}const Yc=e(b,{alignItems:"center",justifyContent:"center",children:e(v,{marginStart:"size-100",children:o(Wa,{children:[e(ae,{weight:"heavy",level:4,children:"Span Attributes"}),e(ka,{children:e(C,{children:"Attributes are key-value pairs that represent metadata associated with a span. For detailed descriptions of specific attributes, consult the semantic conventions section of the OpenInference tracing specification."})}),e("footer",{children:e(Sn,{href:"https://github.com/Arize-ai/openinference/blob/main/spec/semantic_conventions.md",children:"Semantic Conventions"})})]})})}),eu={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"TraceHeaderRootSpanAnnotationsFragment",selections:[{args:null,kind:"FragmentSpread",name:"AnnotationSummaryGroup"}],type:"Span",abstractKey:null};eu.hash="1926def8a20ce2131c00ccd01efe9fb6";const nu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},s={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"TraceHeaderRootSpanAnnotationsQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"TraceHeaderRootSpanAnnotationsFragment"}],type:"Span",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"TraceHeaderRootSpanAnnotationsQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t,{alias:null,args:null,concreteType:"AnnotationConfigConnection",kind:"LinkedField",name:"annotationConfigs",plural:!1,selections:[{alias:null,args:null,concreteType:"AnnotationConfigEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"annotationType",storageKey:null}],type:"AnnotationConfigBase",abstractKey:"__isAnnotationConfigBase"},{kind:"InlineFragment",selections:[t,i,{alias:null,args:null,kind:"ScalarField",name:"optimizationDirection",storageKey:null},{alias:null,args:null,concreteType:"CategoricalAnnotationValue",kind:"LinkedField",name:"values",plural:!0,selections:[r,s],storageKey:null}],type:"CategoricalAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[t],type:"Node",abstractKey:"__isNode"}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[t,i,r,s,{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},t],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummaries",plural:!0,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null},r],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null},i],storageKey:null}],type:"Span",abstractKey:null},t],storageKey:null}]},params:{cacheID:"e9ed5ba3e066bebd2161b440786fb0b9",id:null,metadata:{},name:"TraceHeaderRootSpanAnnotationsQuery",operationKind:"query",text:`query TraceHeaderRootSpanAnnotationsQuery(
|
|
3063
3063
|
$spanId: ID!
|
|
3064
3064
|
) {
|
|
3065
3065
|
span: node(id: $spanId) {
|
|
@@ -3125,7 +3125,7 @@ fragment AnnotationSummaryGroup on Span {
|
|
|
3125
3125
|
fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
3126
3126
|
...AnnotationSummaryGroup
|
|
3127
3127
|
}
|
|
3128
|
-
`}}}();nu.hash="1b00ac674154cf26ad588b2f17f82305";function Ub({spanId:n}){const a=x.useLazyLoadQuery(nu,{spanId:n},{fetchPolicy:"store-and-network"}),l=x.useFragment(eu,a.span);return e(Jy,{span:l,renderEmptyState:()=>null})}function Hb(n){const a=n.find(i=>i.parentId==null);if(a)return a;const l=new Set(n.map(i=>i.spanId)),t=n.filter(i=>i.parentId!=null&&!l.has(i.parentId));return t.length===1?t[0]:null}function Hi(n){var u,g;const{traceId:a,projectId:l}=n,[t,i]=
|
|
3128
|
+
`}}}();nu.hash="1b00ac674154cf26ad588b2f17f82305";function Ub({spanId:n}){const a=x.useLazyLoadQuery(nu,{spanId:n},{fetchPolicy:"store-and-network"}),l=x.useFragment(eu,a.span);return e(Jy,{span:l,renderEmptyState:()=>null})}function Hb(n){const a=n.find(i=>i.parentId==null);if(a)return a;const l=new Set(n.map(i=>i.spanId)),t=n.filter(i=>i.parentId!=null&&!l.has(i.parentId));return t.length===1?t[0]:null}function Hi(n){var u,g;const{traceId:a,projectId:l}=n,[t,i]=pn(),r=x.useLazyLoadQuery(_c,{traceId:a,id:l},{fetchPolicy:"store-and-network"}),s=((u=r.project.trace)==null?void 0:u.latencyMs)!=null?r.project.trace.latencyMs:null,d=m.useMemo(()=>{var k;return(((k=r.project.trace)==null?void 0:k.spans.edges)||[]).map(h=>h.span)},[r]),p=t.get(gn)??d[0].id,y=m.useMemo(()=>Hb(d),[d]);return o("main",{css:F`
|
|
3129
3129
|
flex: 1 1 auto;
|
|
3130
3130
|
overflow: hidden;
|
|
3131
3131
|
display: flex;
|
|
@@ -3133,9 +3133,9 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
3133
3133
|
`,children:[e(Gb,{rootSpan:y,latencyMs:s,sessionId:(g=r.project.trace)==null?void 0:g.projectSessionId}),o(Pn,{direction:"horizontal",autoSaveId:"trace-panel-group",css:F`
|
|
3134
3134
|
flex: 1 1 auto;
|
|
3135
3135
|
overflow: hidden;
|
|
3136
|
-
`,children:[e(Re,{defaultSize:30,minSize:5,children:e(Jb,{children:e(Zy,{spans:d,selectedSpanNodeId:p,onSpanClick:f=>{i(k=>(k.set(
|
|
3136
|
+
`,children:[e(Re,{defaultSize:30,minSize:5,children:e(Jb,{children:e(Zy,{spans:d,selectedSpanNodeId:p,onSpanClick:f=>{i(k=>(k.set(gn,f.id),k),{replace:!0})}})})}),e(Rn,{css:yt}),e(Re,{children:e(Wb,{children:p?e(m.Suspense,{fallback:e(me,{}),children:e(Kb,{spanNodeId:p})}):null})})]})]})}function Gb({rootSpan:n,latencyMs:a,sessionId:l}){const{projectId:t}=Oe(),{statusCode:i}=n??{statusCode:"UNSET"},r=Xy(i);return e(v,{paddingTop:"size-100",paddingBottom:"size-150",paddingX:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",children:o(b,{direction:"row",gap:"size-400",alignItems:"center",css:F`
|
|
3137
3137
|
box-sizing: content-box;
|
|
3138
|
-
`,children:[o(b,{direction:"column",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Trace Status"}),e(C,{size:"XL",children:o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[e(
|
|
3138
|
+
`,children:[o(b,{direction:"column",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Trace Status"}),e(C,{size:"XL",children:o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[e(st,{statusCode:i}),e(C,{size:"L",color:r,children:i})]})})]}),o(b,{direction:"column",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Latency"}),e(C,{size:"XL",children:typeof a=="number"?e($e,{latencyMs:a,size:"L"}):"--"})]}),n?e(Ub,{spanId:n.id}):null,l&&e("span",{css:F`
|
|
3139
3139
|
margin-left: auto;
|
|
3140
3140
|
`,children:e(Wn,{size:"S",variant:"primary",to:`/projects/${t}/sessions/${l}`,children:"View Session"})})]})})}function Wb({children:n}){return e("div",{"data-testid":"scrolling-tabs-wrapper",css:F`
|
|
3141
3141
|
height: 100%;
|
|
@@ -3160,13 +3160,13 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
3160
3160
|
`,children:n})}function Jb({children:n}){return e("div",{"data-testid":"scrolling-panel-content",css:F`
|
|
3161
3161
|
height: 100%;
|
|
3162
3162
|
overflow-y: auto;
|
|
3163
|
-
`,children:n})}const
|
|
3163
|
+
`,children:n})}const Dt=()=>{const{projectId:n}=Oe();if(!n)throw new Error("projectId is required");const l=Ga().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}},au=m.createContext(null),Gi=()=>m.useContext(au),lu=(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}},Vr=(n,a,l)=>{const{nextTraceId:t,previousTraceId:i,nextSpanId:r,previousSpanId:s}=lu(a,l),[d,c,p]=n.pathname.split("/").filter(f=>f!==""),y=(f,k)=>{let h=`/${d}/${c}/${p}/${f}`;return k&&(h+=`?${gn}=${k}`),h},u=!!t,g=!!i;return{nextTracePath:u?y(t,r):null,previousTracePath:g?y(i,s):null}},tu=({children:n})=>{const a=ce(),l=Ga(),[t,i]=m.useState([]),r=m.useCallback(d=>{const{nextTracePath:c}=Vr(l,t,d);c&&a(c)},[a,l,t]),s=m.useCallback(d=>{const{previousTracePath:c}=Vr(l,t,d);c&&a(c)},[a,l,t]);return e(au.Provider,{value:{traceSequence:t,next:r,previous:s,setTraceSequence:i},children:n})},zr="j",Nr="k",Zb=({currentId:n})=>{const a=Gi();if(ua(zr,()=>{a&&a.next(n)}),ua(Nr,()=>{a&&a.previous(n)}),!a||!a.traceSequence.length)return null;const{previous:l,next:t,traceSequence:i}=a,{nextTraceId:r,previousTraceId:s}=lu(i,n),d=!!s,c=!!r;return e(b,{gap:"size-50",css:F`
|
|
3164
3164
|
button {
|
|
3165
3165
|
// either the icons or the trigger wrap are making the buttons slightly too small
|
|
3166
3166
|
// so just spot adjust the min height here
|
|
3167
3167
|
min-height: 31px;
|
|
3168
3168
|
}
|
|
3169
|
-
`,children:o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[o(Ql,{delay:100,children:[e(E,{size:"S",id:"next",leadingVisual:e(_,{svg:e(Yy,{})}),"aria-label":"Next trace",isDisabled:!c,onPress:()=>{m.startTransition(()=>{t(n)})}}),e(Bl,{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(
|
|
3169
|
+
`,children:o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[o(Ql,{delay:100,children:[e(E,{size:"S",id:"next",leadingVisual:e(_,{svg:e(Yy,{})}),"aria-label":"Next trace",isDisabled:!c,onPress:()=>{m.startTransition(()=>{t(n)})}}),e(Bl,{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(Sl,{children:zr})]})})})]}),o(Ql,{delay:100,children:[e(E,{size:"S",id:"previous",leadingVisual:e(_,{svg:e(ef,{})}),"aria-label":"Previous trace",isDisabled:!d,onPress:()=>{m.startTransition(()=>{l(n)})}}),e(Bl,{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(Sl,{children:Nr})]})})})]})]})})};function hT(){const{traceId:n,projectId:a}=Oe(),[l]=pn(),t=ce(),{rootPath:i,tab:r}=Dt(),d=l.get(gn)||n;return e(cn,{variant:"slideover",size:"fullscreen",isOpen:!0,isDismissable:!0,shouldCloseOnInteractOutside:()=>!1,onOpenChange:c=>{c||t(`${i}/${r}`)},children:e(dn,{children:({close:c})=>o(Ua,{children:[o(Ba,{children:[e(qa,{children:"Trace Details"}),o(gt,{children:[e(Zb,{currentId:d}),e(nf,{preserveSearchParams:!0,buttonText:"Share",tooltipText:"Copy trace link to clipboard",successText:"Trace link copied to clipboard"}),e(nt,{close:c})]})]}),e(m.Suspense,{fallback:e(me,{}),children:e(Hi,{traceId:n,projectId:a})})]})})})}function iu({traceId:n,projectId:a,title:l}){return e(dn,{children:({close:t})=>o(Ua,{children:[o(Ba,{children:[e(qa,{children:l}),o(gt,{children:[e(Wn,{size:"S",to:`/projects/${a}/traces/${n}`,children:"View Trace in Project"}),e(nt,{close:t})]})]}),e(m.Suspense,{fallback:e(me,{}),children:e(Hi,{traceId:n,projectId:a})})]})})}const Xb=n=>{const a=n;return ma(a.function)?typeof a.function.arguments=="string":!1};function ru({toolCall:n}){const a=m.useMemo(()=>{const{provider:l,validatedToolCall:t}=af(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(!Xb(n))return null;const{json:i}=Qe(n.function.arguments);return{name:n.function.name??"",input:ma(i)?i:n.function.arguments}}default:return Pe()}},[n]);return a==null?o(C,{children:["Invalid tool call format: ",JSON.stringify(n)]}):o("pre",{css:F`
|
|
3170
3170
|
text-wrap: wrap;
|
|
3171
3171
|
margin: var(--ac-global-dimension-static-size-100) 0;
|
|
3172
3172
|
`,children:[a.name,"(",typeof a.input=="string"?a.input:JSON.stringify(a.input,null,2),")"]})}const Yb=10,eS=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:p,toolCalls:y}=i;return{...a,[t]:{...s,span:p,content:c,errorMessage:d,toolCalls:y.reduce((u,g)=>(u[g.id]=g,u),{})}}}case"%other":return a;default:Pe()}},{}),nS=F`
|
|
@@ -3202,13 +3202,13 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
3202
3202
|
overflow-y: auto;
|
|
3203
3203
|
padding: var(--ac-global-dimension-static-size-100)
|
|
3204
3204
|
var(--ac-global-dimension-static-size-200);
|
|
3205
|
-
`,children:n})}function lS({getValue:n,collapseSingleKey:a}){const l=n();return e(su,{children:e(
|
|
3205
|
+
`,children:n})}function lS({getValue:n,collapseSingleKey:a}){const l=n();return e(su,{children:e(Xa,{json:l,space:2,collapseSingleKey:a})})}function tS({isRunning:n,instanceVariables:a,datasetExampleInput:l}){const t=m.useMemo(()=>{const i=ma(l)?l:{};return a.filter(r=>i[r]==null)},[l,a]);return n?e(me,{}):t.length===0?null:e(qi,{children:`Missing input for variable${t.length>1?"s":""}: ${t.join(", ")}`})}function iS({exampleData:n,setDialog:a}){const{span:l,content:t,toolCalls:i,errorMessage:r,experimentRunId:s}=n,d=l!=null,c=s!=null,p=m.useMemo(()=>{if(d||c)return o(J,{children:[c&&o(Le,{children:[e(E,{size:"S","aria-label":"View experiment run details",leadingVisual:e(_,{svg:e(vl,{})}),onPress:()=>{m.startTransition(()=>{a(e(U1,{runId:s}))})}}),e(yn,{children:"View run details"})]}),d&&e(J,{children:o(Ue,{children:[e(E,{size:"S","aria-label":"View run trace",leadingVisual:e(_,{svg:e(ot,{})})}),e(cn,{size:"fullscreen",variant:"slideover",children:e(iu,{traceId:l.context.traceId,projectId:l.project.id,title:"Experiment Run Trace"})})]})})]})},[s,c,d,a,l]);return e(ou,{controls:p,children:e(v,{padding:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[r!=null?e(qi,{children:r}):null,e(C,{children:t}),i!=null?Object.values(i).map(y=>y==null?null:e(ru,{toolCall:y},y.id)):null,d?e(oS,{span:l}):null]})})})}const rS=m.memo(function({isRunning:a,instanceId:l,exampleId:t,setDialog:i,instanceVariables:r,datasetExampleInput:s}){const d=za(c=>{var p;return(p=c.exampleResponsesMap[l])==null?void 0:p[t]});return d==null?e(tS,{isRunning:a,instanceVariables:r,datasetExampleInput:s}):e(iS,{exampleData:d,setDialog:i})});function oS({span:n}){return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(va,{tokenCountTotal:n.tokenCountTotal||0,nodeId:n.id}),e($e,{latencyMs:n.latencyMs||0})]})}function du({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 sS=sn.memo(du,(n,a)=>n.table.options.data===a.table.options.data);function dS({datasetId:n}){const a=x.useRelayEnvironment(),l=O(Q=>Q.instances),t=O(Q=>Q.allInstanceMessages),i=O(Q=>Q.templateFormat),r=O(Q=>Q.updateInstance),s=za(Q=>Q.updateExampleData),d=za(Q=>Q.setExampleDataForInstance),c=za(Q=>Q.resetExampleData),p=za(Q=>Q.appendExampleDataToolCallChunk),y=za(Q=>Q.appendExampleDataTextChunk),[u,g]=m.useState(null),[,f]=pn(),k=l.some(Q=>Q.activeRunId!==null),h=Ha(Q=>Q),S=O(Q=>Q.markPlaygroundInstanceComplete),K=ll(),P=ke(),I=m.useCallback(Q=>ie=>{var Ae;if(ie==null)return;const le=ie.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;y({instanceId:Q,exampleId:le.datasetExampleId,textChunk:le.content});break;case"ToolCallChunk":{if(le.datasetExampleId==null)return;p({instanceId:Q,exampleId:le.datasetExampleId,toolCallChunk:le});break}case"%other":return;default:return Pe()}},[y,p,s,r]),[D]=x.useMutation(Kc),T=m.useCallback(Q=>(ie,le)=>{if(S(Q),le){P({title:"Chat completion failed",message:le[0].message});return}r({instanceId:Q,patch:{experimentId:ie.chatCompletionOverDataset.experimentId},dirty:null}),d({instanceId:Q,data:eS(ie.chatCompletionOverDataset)})},[S,P,d,r]);m.useEffect(()=>{if(!k)return;const{instances:Q,streaming:ie,updateInstance:le}=K.getState();if(c(),ie){const Ae=[];for(const xe of Q){const{activeRunId:A}=xe;if(le({instanceId:xe.id,patch:{experimentId:null},dirty:null}),A===null)continue;const z={input:Cr({credentials:h,instanceId:xe.id,playgroundStore:K,datasetId:n})},U={subscription:Tc,variables:z,onNext:I(xe.id),onCompleted:()=>{S(xe.id)},onError:rn=>{S(xe.id);const _t=$o(rn);_t!=null&&_t.length>0?P({title:"Failed to get output",message:_t.join(`
|
|
3206
3206
|
`),expireMs:1e4}):P({title:"Failed to get output",message:rn.message,expireMs:1e4})}},ee=Kl.requestSubscription(a,U);Ae.push(ee)}return()=>{for(const xe of Ae)xe.dispose()}}else{const Ae=[];for(const xe of Q){const{activeRunId:A}=xe;if(A===null)continue;le({instanceId:xe.id,patch:{experimentId:null},dirty:null});const z={input:Cr({credentials:h,instanceId:xe.id,playgroundStore:K,datasetId:n})},U=D({variables:z,onCompleted:T(xe.id),onError(ee){S(xe.id);const rn=Ie(ee);rn!=null&&rn.length>0?P({title:"Failed to get output",message:rn.join(`
|
|
3207
|
-
`),expireMs:1e4}):P({title:"Failed to get output",message:ee.message,expireMs:1e4})}});Ae.push(U)}return()=>{for(const xe of Ae)xe.dispose()}}},[h,n,a,D,k,S,P,T,I,K,c]);const{dataset:L}=x.useLazyLoadQuery(Ic,{datasetId:n}),V=m.useRef(null),{data:w,loadNext:$,hasNext:M,isLoadingNext:N}=x.usePaginationFragment(xc,L),j=m.useMemo(()=>w.examples.edges.map(Q=>{const ie=Q.example,le=ie.revision;return{id:ie.id,input:le.input,output:le.output}}),[w]),q=m.useMemo(()=>l.map((Q,ie)=>{const le=
|
|
3207
|
+
`),expireMs:1e4}):P({title:"Failed to get output",message:ee.message,expireMs:1e4})}});Ae.push(U)}return()=>{for(const xe of Ae)xe.dispose()}}},[h,n,a,D,k,S,P,T,I,K,c]);const{dataset:L}=x.useLazyLoadQuery(Ic,{datasetId:n}),V=m.useRef(null),{data:w,loadNext:$,hasNext:M,isLoadingNext:N}=x.usePaginationFragment(xc,L),j=m.useMemo(()=>w.examples.edges.map(Q=>{const ie=Q.example,le=ie.revision;return{id:ie.id,input:le.input,output:le.output}}),[w]),q=m.useMemo(()=>l.map((Q,ie)=>{const le=Ct(Q,t),Ae=Fs({instance:le,templateFormat:i});return{id:`instance-${Q.id}`,header:()=>o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ti,{index:ie}),e("span",{children:"Output"})]}),cell:({row:xe})=>e(rS,{instanceId:Q.id,exampleId:xe.original.id,isRunning:k,setDialog:g,instanceVariables:Ae,datasetExampleInput:xe.original.input}),size:500}}),[k,l,i,t]),se=[{header:"input",accessorKey:"input",cell:({row:Q})=>e(ou,{controls:o(Le,{children:[e(E,{size:"S","aria-label":"View example details",leadingVisual:e(_,{svg:e(vl,{})}),onPress:()=>{f(ie=>(ie.set("exampleId",Q.original.id),ie))}}),e(yn,{children:"View Example"})]}),children:e(su,{children:e(Xa,{json:Q.original.input,disableTitle:!0,space:2,collapseSingleKey:!1})})}),size:200},{header:"reference output",accessorKey:"output",cell:Q=>lS({...Q,collapseSingleKey:!0}),size:200},...q],be=Ke({columns:se,data:j,getCoreRowModel:Te(),columnResizeMode:"onChange"}),la=be.getRowModel().rows.length===0,tl=m.useCallback(Q=>{if(Q){const{scrollHeight:ie,scrollTop:le,clientHeight:Ae}=Q;ie-le-Ae<300&&!N&&M&&$(Yb)}},[M,N,$]),Ta=sn.useMemo(()=>{const Q=be.getFlatHeaders(),ie={};for(let le=0;le<Q.length;le++){const Ae=Q[le];ie[`--header-${Ae.id}-size`]=Ae.getSize(),ie[`--col-${Ae.column.id}-size`]=Ae.column.getSize()}return ie},[be.getState().columnSizingInfo,be.getState().columnSizing,se.length]);return o("div",{css:F`
|
|
3208
3208
|
flex: 1 1 auto;
|
|
3209
3209
|
overflow: auto;
|
|
3210
3210
|
height: 100%;
|
|
3211
|
-
`,ref:V,onScroll:Q=>
|
|
3211
|
+
`,ref:V,onScroll:Q=>tl(Q.target),children:[o("table",{css:F(He,No),style:{...Ta,width:be.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:be.getHeaderGroups().map(Q=>e("tr",{children:Q.headers.map(ie=>o("th",{style:{width:`calc(var(--header-${ie==null?void 0:ie.id}-size) * 1px)`},children:[e("div",{children:W(ie.column.columnDef.header,ie.getContext())}),e("div",{onMouseDown:ie.getResizeHandler(),onTouchStart:ie.getResizeHandler(),className:`resizer ${ie.column.getIsResizing()?"isResizing":""}`})]},ie.id))},Q.id))}),la?e(tn,{}):be.getState().columnSizingInfo.isResizingColumn?e(sS,{table:be}):e(du,{table:be})]}),e(oe,{isDismissable:!0,type:"slideOver",onDismiss:()=>{g(null),f(Q=>(Q.delete(gn),Q))},children:u})]})}function cS({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=ce(),r=x.useLazyLoadQuery(Fc,{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(en,{}):e(jo,{})}),onPress:()=>{i(`/datasets/${n}/compare?experimentId=${t.join("&experimentId=")}`)},children:["View Experiment",a.length>1?"s":""]})]})}),e(q1,{children:e(dS,{datasetId:n})})]})}const $r=30,uS=F`
|
|
3212
3212
|
display: flex;
|
|
3213
3213
|
direction: row;
|
|
3214
3214
|
align-items: center;
|
|
@@ -3229,7 +3229,7 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
3229
3229
|
border-left: none;
|
|
3230
3230
|
height: ${$r}px;
|
|
3231
3231
|
}
|
|
3232
|
-
`;function mS(){const[n,a]=
|
|
3232
|
+
`;function mS(){const[n,a]=pn(),l=n.get("datasetId")??"";return o("div",{css:uS,children:[e(Mo,{size:"S",placeholder:"Test over a dataset",selectedKey:l,onSelectionChange:t=>{if(l!==null&&t===l){a(i=>(i.delete("datasetId"),i));return}a(i=>(i.set("datasetId",String(t)),i))}}),e(E,{size:"S",leadingVisual:e(_,{svg:e(Oo,{})}),onPress:()=>{a(t=>(t.delete("datasetId"),t))}})]})}const gS=()=>{const n=O(d=>d.input),a=O(d=>d.instances),l=O(d=>d.allInstanceMessages),t=O(d=>d.templateFormat),i=m.useMemo(()=>a.map(d=>Ct(d,l)),[a,l]),{variableKeys:r,variablesMap:s}=m.useMemo(()=>Ks({instances:i,templateFormat:t,input:n}),[n,i,t]);return{variableKeys:r,variablesMap:s}},pS={lineNumbers:!1,highlightActiveLine:!1,foldGutter:!1,highlightActiveLineGutter:!1,bracketMatching:!1,syntaxHighlighting:!1,defaultKeymap:!1},yS=[ss.lineWrapping,Ai.of([...kh.filter(n=>n.key!=="Mod-Enter")])],fS=({label:n,defaultValue:a,onChange:l})=>{const{theme:t}=Xn(),i=m.useRef(a),[r,s]=m.useState(0),[d,c]=m.useState(()=>a);return m.useEffect(()=>{a==null&&(c(""),s(y=>y+1)),i.current=a},[a]),m.useEffect(()=>{c(i.current),s(y=>y+1)},[n]),e(ba,{label:n,children:e(Ze,{width:"100%",children:e(Ka,{theme:t==="light"?Ca:Fa,basicSetup:pS,value:d,extensions:yS,onChange:l},r)})})};function hS(){const{variableKeys:n,variablesMap:a}=gS(),l=O(i=>i.setVariableValue),t=O(i=>i.templateFormat);if(n.length===0){let i="";switch(t){case fn.FString:{i="{input name}";break}case fn.Mustache:{i="{{input name}}";break}case fn.NONE:return null;default:Pe()}return e(v,{padding:"size-100",children:e(b,{direction:"column",justifyContent:"center",alignItems:"center",children:o(C,{color:"text-700",children:["Add variable inputs to your prompt using"," ",e(C,{color:"text-900",children:i})," within your prompt template."]})})})}return e(b,{direction:"column",gap:"size-200",width:"100%",children:n.map((i,r)=>e(fS,{label:i,defaultValue:a[i]??"",onChange:s=>l(i,s)},r))})}const cu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"ChatCompletionMutationPayload",kind:"LinkedField",name:"chatCompletion",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"content",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorMessage",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"span",plural:!1,selections:[a],storageKey:null},{alias:null,args:null,concreteType:"ChatCompletionToolCall",kind:"LinkedField",name:"toolCalls",plural:!0,selections:[a,{alias:null,args:null,concreteType:"ChatCompletionFunctionCall",kind:"LinkedField",name:"function",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"PlaygroundOutputMutation",selections:l,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"PlaygroundOutputMutation",selections:l},params:{cacheID:"9dc63d3e40081b276c1cbd5f21405c6f",id:null,metadata:{},name:"PlaygroundOutputMutation",operationKind:"mutation",text:`mutation PlaygroundOutputMutation(
|
|
3233
3233
|
$input: ChatCompletionInput!
|
|
3234
3234
|
) {
|
|
3235
3235
|
chatCompletion(input: $input) {
|
|
@@ -3273,7 +3273,7 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
3273
3273
|
}
|
|
3274
3274
|
}
|
|
3275
3275
|
}
|
|
3276
|
-
`}}}();uu.hash="bb5936a61a0e99dbb4a298a6e552a01c";const kS=({instance:n,outputContent:a,toolCalls:l,cleanupOutput:t})=>{const i=n.id,r=O(s=>s.addMessage);return o(Le,{delay:500,offset:10,children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(Nn,{})}),"aria-label":"Move the output message to the end of the prompt",onPress:()=>{if(n.template.__type!=="chat")return;const s=Array.isArray(a)?a:a?[{id:oa(),role:ia("ai"),content:a}]:[];l.length>0&&s.push({id:oa(),role:ia("ai"),toolCalls:Qo({provider:n.model.provider,toolCalls:l.map(d=>{var c;return{...d,function:{...d.function,arguments:((c=Qe(d.function.arguments))==null?void 0:c.json)??d.function.arguments}}})})}),r({playgroundInstanceId:i,messages:s}),t()},children:"Prompt"}),e(
|
|
3276
|
+
`}}}();uu.hash="bb5936a61a0e99dbb4a298a6e552a01c";const kS=({instance:n,outputContent:a,toolCalls:l,cleanupOutput:t})=>{const i=n.id,r=O(s=>s.addMessage);return o(Le,{delay:500,offset:10,children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(Nn,{})}),"aria-label":"Move the output message to the end of the prompt",onPress:()=>{if(n.template.__type!=="chat")return;const s=Array.isArray(a)?a:a?[{id:oa(),role:ia("ai"),content:a}]:[];l.length>0&&s.push({id:oa(),role:ia("ai"),toolCalls:Qo({provider:n.model.provider,toolCalls:l.map(d=>{var c;return{...d,function:{...d.function,arguments:((c=Qe(d.function.arguments))==null?void 0:c.json)??d.function.arguments}}})})}),r({playgroundInstanceId:i,messages:s}),t()},children:"Prompt"}),e(yn,{children:"Move the output message to the end of the prompt"})]})},mu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[l],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null}],type:"Span",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"RunMetadataFooterQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"RunMetadataFooterQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l,t],storageKey:null}]},params:{cacheID:"24fe0e0ac8fe3f88cbbce31e0dd43e12",id:null,metadata:{},name:"RunMetadataFooterQuery",operationKind:"query",text:`query RunMetadataFooterQuery(
|
|
3277
3277
|
$spanId: ID!
|
|
3278
3278
|
) {
|
|
3279
3279
|
span: node(id: $spanId) {
|
|
@@ -3293,9 +3293,9 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
3293
3293
|
}
|
|
3294
3294
|
}
|
|
3295
3295
|
}
|
|
3296
|
-
`}}}();mu.hash="f511626560567f113e6b977bfea1efd3";function bS({spanId:n}){const[,a]=
|
|
3296
|
+
`}}}();mu.hash="f511626560567f113e6b977bfea1efd3";function bS({spanId:n}){const[,a]=pn(),l=x.useLazyLoadQuery(mu,{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(va,{tokenCountTotal:l.span.tokenCountTotal||0,nodeId:l.span.id}),e($e,{latencyMs:l.span.latencyMs||0})]}),o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[o(Ue,{children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(Sa,{})}),children:"Annotate"}),e(cn,{variant:"slideover",size:"S",isDismissable:!0,shouldCloseOnInteractOutside:()=>!0,children:e(Bo,{spanNodeId:n,projectId:t.project.id})})]}),o(Ue,{onOpenChange:i=>{i||a(r=>(r.delete(gn),r))},children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(ot,{})}),children:"View Trace"}),e(cn,{variant:"slideover",size:"fullscreen",isDismissable:!0,shouldCloseOnInteractOutside:()=>!0,children:e(m.Suspense,{fallback:e(me,{}),children:e(iu,{traceId:t.traceId,projectId:t.project.id,title:"Playground Trace"})})})]})]})]})})}function SS({index:n,title:a}){return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ti,{index:n}),e("span",{children:a})]})}const vS=n=>ma(n)&&(typeof n.id=="string"||typeof n.id=="number")?n.id:JSON.stringify(n);function jr({message:n}){const{role:a,content:l,toolCalls:t}=n,i=Ll(a);return o(B,{title:a,...i,variant:"compact",extra:e(Vn,{}),bodyStyle:{padding:0},children:[l!=null&&!Array.isArray(l)&&e(_a,{children:l}),t&&t.length>0?t.map(r=>e(ru,{toolCall:r},vS(r))):null]})}function CS({content:n,partialToolCalls:a}){return i0(n)?n.map((l,t)=>e(jr,{message:l},t)):typeof n=="string"||a.length>0?e(jr,{message:{id:oa(),content:n,role:"ai",toolCalls:a}}):"click run to see output"}function FS(n){const a=n.playgroundInstanceId,l=O(M=>M.instances),t=O(M=>M.streaming),i=Ha(M=>M),r=O(M=>M.instances.findIndex(N=>N.id===a)),s=l.find(M=>M.id===a),d=O(M=>M.updateInstance),[c,p]=m.useState(null),y=O(M=>M.markPlaygroundInstanceComplete),u=x.useRelayEnvironment(),g=ll();if(!s)throw new Error(`No instance found for id ${a}`);if(s.template.__type!=="chat")throw new Error("We only support chat templates for now");const[f,k]=m.useState(!1),[h]=x.useMutation(cu),S=(s==null?void 0:s.activeRunId)!=null,K=ke(),P=m.useCallback(({title:M,message:N,...j})=>{p({title:M,message:N}),K({title:M,message:N,...j})},[K]),[I,D]=m.useState(s.output),[T,L]=m.useState([]),V=m.useCallback(({chatCompletion:M})=>{if(k(!1),M.__typename==="TextChunk"){const N=M.content;D(j=>j!=null?j+N:N);return}else if(M.__typename==="ToolCallChunk"){L(N=>{let j=!1;const q=N.map(se=>se.id===M.id?(j=!0,{...se,function:{...se.function,arguments:se.function.arguments+M.function.arguments}}):se);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"&&(y(n.playgroundInstanceId),M.message!=null&&P({title:"Chat completion failed",message:M.message}))},[a,y,P,n.playgroundInstanceId,d]),w=m.useCallback((M,N)=>{if(k(!1),y(n.playgroundInstanceId),d({instanceId:a,patch:{spanId:M.chatCompletion.span.id},dirty:null}),N){P({title:"Chat completion failed",message:N[0].message});return}if(M.chatCompletion.errorMessage!=null){P({title:"Chat completion failed",message:M.chatCompletion.errorMessage});return}D(M.chatCompletion.content??void 0),L(M.chatCompletion.toolCalls)},[a,y,P,n.playgroundInstanceId,d]),$=m.useCallback(()=>{D(void 0),L([]),p(null),d({instanceId:a,patch:{spanId:null},dirty:null})},[a,d]);return m.useEffect(()=>{if(!S){k(!1);return}k(!0),$();const M=g0({playgroundStore:g,instanceId:a,credentials:i});if(t){const j={subscription:uu,variables:{input:M},onNext:se=>{se&&V(se)},onCompleted:()=>{k(!1),y(n.playgroundInstanceId)},onError:se=>{k(!1),y(n.playgroundInstanceId);const be=$o(se);be!=null&&be.length>0?P({title:"Failed to get output",message:be.join(`
|
|
3297
3297
|
`)}):P({title:"Failed to get output",message:se.message})}};return Kl.requestSubscription(u,j).dispose}return h({variables:{input:M},onCompleted:w,onError(j){k(!1),y(n.playgroundInstanceId);const q=Ie(j);q!=null&&q.length>0?P({title:"Failed to get output",message:q.join(`
|
|
3298
|
-
`)}):P({title:"Failed to get output",message:j.message})}}).dispose},[$,i,u,h,S,a,y,P,w,V,g,n.playgroundInstanceId,t,d]),e(B,{title:e(SS,{index:r,title:"Output"}),extra:I!=null||(T==null?void 0:T.length)>0?e(kS,{outputContent:I,toolCalls:T,instance:s,cleanupOutput:$}):null,titleSeparator:!0,collapsible:!0,variant:"compact",bodyStyle:{padding:0},children:f?e(v,{padding:"size-200",children:e(me,{message:"Running..."})}):c?e(v,{padding:"size-200",children:e(qi,{children:c.message})}):o(J,{children:[e(v,{padding:"size-200",children:e(vn,{children:e(CS,{content:I,partialToolCalls:T})})}),e(m.Suspense,{children:s.spanId?e(bS,{spanId:s.spanId}):null})]})})}function KS(){return m.useMemo(()=>window.navigator.userAgent.toLowerCase().includes("mac")?"Cmd":"Ctrl",[])}function TS(){const n=KS(),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 ua("mod+enter",r=>{r.preventDefault(),r.stopPropagation(),i()},{enableOnFormTags:!0,enableOnContentEditable:!0,preventDefault:!0}),e(E,{variant:"primary",leadingVisual:e(_,{svg:t?e(en,{}):e(Ea,{})}),size:"S",onPress:()=>{i()},trailingVisual:o(Vo,{children:[e(
|
|
3298
|
+
`)}):P({title:"Failed to get output",message:j.message})}}).dispose},[$,i,u,h,S,a,y,P,w,V,g,n.playgroundInstanceId,t,d]),e(B,{title:e(SS,{index:r,title:"Output"}),extra:I!=null||(T==null?void 0:T.length)>0?e(kS,{outputContent:I,toolCalls:T,instance:s,cleanupOutput:$}):null,titleSeparator:!0,collapsible:!0,variant:"compact",bodyStyle:{padding:0},children:f?e(v,{padding:"size-200",children:e(me,{message:"Running..."})}):c?e(v,{padding:"size-200",children:e(qi,{children:c.message})}):o(J,{children:[e(v,{padding:"size-200",children:e(vn,{children:e(CS,{content:I,partialToolCalls:T})})}),e(m.Suspense,{children:s.spanId?e(bS,{spanId:s.spanId}):null})]})})}function KS(){return m.useMemo(()=>window.navigator.userAgent.toLowerCase().includes("mac")?"Cmd":"Ctrl",[])}function TS(){const n=KS(),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 ua("mod+enter",r=>{r.preventDefault(),r.stopPropagation(),i()},{enableOnFormTags:!0,enableOnContentEditable:!0,preventDefault:!0}),e(E,{variant:"primary",leadingVisual:e(_,{svg:t?e(en,{}):e(Ea,{})}),size:"S",onPress:()=>{i()},trailingVisual:o(Vo,{children:[e(Xt,{children:n}),e("span",{"aria-hidden":"true",children:n==="Cmd"?"⌘":"Ctrl"}),e(Xt,{children:"enter"}),e("span",{"aria-hidden":"true",children:"⏎"})]}),children:t?"Cancel":"Run"})}function PS(){const n=O(i=>i.streaming),a=O(i=>i.setStreaming),l=mn(i=>i.setPlaygroundStreamingEnabled),t=O(i=>i.instances.some(r=>r.activeRunId!=null));return e(ha,{labelPlacement:"start",isSelected:n,onChange:()=>{a(!n),l(!n)},isDisabled:t,children:"Stream"})}const gu=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(
|
|
3299
3299
|
$input: CreateChatPromptVersionInput!
|
|
3300
3300
|
) {
|
|
3301
3301
|
createChatPromptVersion(input: $input) {
|
|
@@ -3332,7 +3332,7 @@ fragment TraceHeaderRootSpanAnnotationsFragment on Span {
|
|
|
3332
3332
|
}
|
|
3333
3333
|
}
|
|
3334
3334
|
}
|
|
3335
|
-
`}}}();fu.hash="42af63a75d1f1b2184518e94395121cd";function hu({onChange:n,container:a,promptId:l,...t}){const r=x.useLazyLoadQuery(fu,{},{fetchPolicy:"store-and-network",fetchKey:l??void 0}).prompts.edges,s=m.useMemo(()=>r.map(d=>d.prompt),[r]);return e(xi,{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(Pi,{textValue:d.name,id:d.id,children:d.name},d.id)})}const xS=/^[a-z0-9]([_a-z0-9-]*[a-z0-9])?$/,ku={value:xS,message:"Invalid identifier. Must be alphanumeric and with dashes or underscores"};function IS({onCreate:n,onUpdate:a,isSubmitting:l=!1,defaultSelectedPromptId:t}){var I,D,T,L;const i=m.useRef(null),r=x.useLazyLoadQuery(yu,{},{fetchPolicy:"network-only"}),[s,d]=m.useState(t??null),c=(D=(I=r==null?void 0:r.prompts)==null?void 0:I.edges)==null?void 0:D.find(V=>{var w;return((w=V==null?void 0:V.prompt)==null?void 0:w.id)===s}),[p,y]=m.useState(((T=c==null?void 0:c.prompt)==null?void 0:T.name)??""),u=c?"update":"create",g=u==="create"?"Create Prompt":"Update Prompt",{control:f,handleSubmit:k,formState:{isDirty:h,isValid:S},trigger:K}=Ve({values:{promptId:s??void 0,name:u==="update"&&c?(L=c==null?void 0:c.prompt)==null?void 0:L.name:p},defaultValues:{description:""},reValidateMode:"onChange",resetOptions:{keepDefaultValues:!0}}),P=m.useCallback(V=>{u==="create"?n(V):a(V)},[n,a,u]);return o(b,{direction:"column",gap:"size-100",ref:i,children:[e(v,{paddingX:"size-200",paddingTop:"size-200",children:e(H,{name:"name",control:f,rules:{required:{message:"Prompt is required",value:!0},pattern:ku},render:({field:{onBlur:V,onChange:w},fieldState:$})=>{var M;return e(hu,{label:"Prompt",description:"The prompt to update, or prompt name to create",placeholder:"Select or enter new prompt name",isRequired:!0,onBlur:V,defaultInputValue:p,onInputChange:N=>{y(N),w(N),K("name")},container:i.current??void 0,errorMessage:(M=$.error)==null?void 0:M.message,allowsCustomValue:!0,onChange:N=>{w(N),d(N)},promptId:s})}})}),o(Ye,{onSubmit:k(P),children:[e(v,{paddingX:"size-200",paddingBottom:"size-200",children:e(H,{name:"description",control:f,render:({field:{onChange:V,onBlur:w,value:$},fieldState:{invalid:M,error:N}})=>o(X,{isInvalid:M,onChange:V,onBlur:w,value:$,size:"S",children:[e(G,{children:u==="create"?"Prompt Description":"Change Description"}),e(fa,{}),N?e(Se,{children:N.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:h?"primary":"default",size:"S",isDisabled:l||!S,type:"submit",children:g})})})]})]})}const Or=(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=
|
|
3335
|
+
`}}}();fu.hash="42af63a75d1f1b2184518e94395121cd";function hu({onChange:n,container:a,promptId:l,...t}){const r=x.useLazyLoadQuery(fu,{},{fetchPolicy:"store-and-network",fetchKey:l??void 0}).prompts.edges,s=m.useMemo(()=>r.map(d=>d.prompt),[r]);return e(xi,{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(Pi,{textValue:d.name,id:d.id,children:d.name},d.id)})}const xS=/^[a-z0-9]([_a-z0-9-]*[a-z0-9])?$/,ku={value:xS,message:"Invalid identifier. Must be alphanumeric and with dashes or underscores"};function IS({onCreate:n,onUpdate:a,isSubmitting:l=!1,defaultSelectedPromptId:t}){var I,D,T,L;const i=m.useRef(null),r=x.useLazyLoadQuery(yu,{},{fetchPolicy:"network-only"}),[s,d]=m.useState(t??null),c=(D=(I=r==null?void 0:r.prompts)==null?void 0:I.edges)==null?void 0:D.find(V=>{var w;return((w=V==null?void 0:V.prompt)==null?void 0:w.id)===s}),[p,y]=m.useState(((T=c==null?void 0:c.prompt)==null?void 0:T.name)??""),u=c?"update":"create",g=u==="create"?"Create Prompt":"Update Prompt",{control:f,handleSubmit:k,formState:{isDirty:h,isValid:S},trigger:K}=Ve({values:{promptId:s??void 0,name:u==="update"&&c?(L=c==null?void 0:c.prompt)==null?void 0:L.name:p},defaultValues:{description:""},reValidateMode:"onChange",resetOptions:{keepDefaultValues:!0}}),P=m.useCallback(V=>{u==="create"?n(V):a(V)},[n,a,u]);return o(b,{direction:"column",gap:"size-100",ref:i,children:[e(v,{paddingX:"size-200",paddingTop:"size-200",children:e(H,{name:"name",control:f,rules:{required:{message:"Prompt is required",value:!0},pattern:ku},render:({field:{onBlur:V,onChange:w},fieldState:$})=>{var M;return e(hu,{label:"Prompt",description:"The prompt to update, or prompt name to create",placeholder:"Select or enter new prompt name",isRequired:!0,onBlur:V,defaultInputValue:p,onInputChange:N=>{y(N),w(N),K("name")},container:i.current??void 0,errorMessage:(M=$.error)==null?void 0:M.message,allowsCustomValue:!0,onChange:N=>{w(N),d(N)},promptId:s})}})}),o(Ye,{onSubmit:k(P),children:[e(v,{paddingX:"size-200",paddingBottom:"size-200",children:e(H,{name:"description",control:f,render:({field:{onChange:V,onBlur:w,value:$},fieldState:{invalid:M,error:N}})=>o(X,{isInvalid:M,onChange:V,onBlur:w,value:$,size:"S",children:[e(G,{children:u==="create"?"Prompt Description":"Change Description"}),e(fa,{}),N?e(Se,{children:N.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:h?"primary":"default",size:"S",isDisabled:l||!S,type:"submit",children:g})})})]})]})}const Or=(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=Ct(i,t),s=T1(r);if(!s)throw new Error(`Could not convert instance ${n} to prompt`);const d=l.templateFormat;return{promptInput:s,templateFormat:d}},DS=({instanceId:n,setDialog:a,selectedPromptId:l})=>{const t=ce(),i=ue(),r=ke(),s=ll(),[d,c]=x.useMutation(pu),[p,y]=x.useMutation(gu),u=m.useCallback((k,h)=>{const S=s.getState();S.instances.find(P=>P.id===n)&&S.updateInstance({instanceId:n,patch:{prompt:{id:k,name:h}},dirty:!1})},[s,n]),g=m.useCallback(k=>{const{promptInput:h,templateFormat:S}=Or(n,s);d({variables:{input:{name:k.name,description:k.description,promptVersion:{...h,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 P=Ie(K);r({title:"Error creating prompt",message:P==null?void 0:P[0]}),a(null)}})},[d,n,t,r,i,u,a,s]),f=m.useCallback(k=>{if(!k.promptId)throw new Error("Prompt ID is required");const{promptInput:h,templateFormat:S}=Or(n,s);p({variables:{input:{promptId:k.promptId,promptVersion:{...h,templateFormat:S,description:k.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 P=Ie(K);r({title:"Error updating prompt",message:P==null?void 0:P[0]}),a(null)}})},[n,t,r,i,a,s,p,u]);return e(te,{title:"Create Prompt from Template",children:e(m.Suspense,{fallback:e(me,{}),children:e(IS,{onCreate:g,onUpdate:f,isSubmitting:c||y,defaultSelectedPromptId:l})})})},bu={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ModelConfigButtonDialogQuery",selections:[{args:null,kind:"FragmentSpread",name:"ModelProviderPickerFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"ModelConfigButtonDialogQuery",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null}],storageKey:null}]},params:{cacheID:"64ad561d3ca07bdded6af274c73eb18a",id:null,metadata:{},name:"ModelConfigButtonDialogQuery",operationKind:"query",text:`query ModelConfigButtonDialogQuery {
|
|
3336
3336
|
...ModelProviderPickerFragment
|
|
3337
3337
|
}
|
|
3338
3338
|
|
|
@@ -3344,18 +3344,18 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
3344
3344
|
dependencies
|
|
3345
3345
|
}
|
|
3346
3346
|
}
|
|
3347
|
-
`}};bu.hash="4b1b96842c19ea5721b7fcf1cdb86426";const
|
|
3347
|
+
`}};bu.hash="4b1b96842c19ea5721b7fcf1cdb86426";const gl=1024,LS=R.object({type:R.literal("enabled"),budget_tokens:R.number().min(gl)}),_S=({onChange:n,value:a})=>{const[l,t]=m.useState(0),r=LS.safeParse(a).data,s=m.useRef(r==null?void 0:r.budget_tokens),d=p=>{n(p?{type:"enabled",budget_tokens:s.current||gl}:null)},c=p=>{const y=p!=null&&!isNaN(p);s.current=y?p:gl,n({type:"enabled",budget_tokens:s.current}),y||t(u=>u+1)};return o(J,{children:[e(ha,{onChange:d,isSelected:(r==null?void 0:r.type)==="enabled",children:"Thinking Enabled"}),(r==null?void 0:r.type)==="enabled"&&o(sa,{value:r==null?void 0:r.budget_tokens,onChange:c,isDisabled:(r==null?void 0:r.type)!=="enabled",isRequired:!0,defaultValue:gl,minValue:gl,children:[e(G,{children:"Budget Tokens"}),e(Z,{}),e(C,{slot:"description",children:"Determines how many tokens Claude can use for its internal reasoning process. Must be ≥1024 and less than max_tokens."})]},l)]})};function AS({defaultValue:n,onChange:a,label:l,errorMessage:t}){const[i,r]=m.useState(n==null?"":En(n).json??""),s=m.useCallback(d=>{r(d);const{json:c}=Qe(d);c==null&&d!==""||a(c)},[a]);return e("div",{css:F`
|
|
3348
3348
|
& .ac-view {
|
|
3349
3349
|
width: 100%;
|
|
3350
3350
|
}
|
|
3351
|
-
`,children:e(ba,{label:l,errorMessage:t,validationState:t?"invalid":void 0,children:e(Ze,{children:e(on,{value:i,onChange:s,optionalLint:!0})})})})}const wS=({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,p=n.maxValue!=null?`${n.label||r} must be at most ${n.maxValue}`:void 0;if(n.canonicalName==="ANTHROPIC_EXTENDED_THINKING")return e(_S,{onChange:l,value:a});const{__typename:y}=n;switch(y){case"InvocationParameterBase":return null;case"BoundedFloatInvocationParameter":return typeof a!="number"&&a!==void 0?null:e(tf,{label:n.label,defaultValue:a,step:.1,minValue:n.minValue,maxValue:n.maxValue,onChange:g=>l(g),children:e(lf,{})});case"FloatInvocationParameter":case"IntInvocationParameter":return e(H,{control:i,name:r,rules:{required:d,min:c,max:p},render:({field:{onBlur:g}})=>o(sa,{isRequired:n.required,value:Number(a),onBlur:g,onChange:f=>{l(f)},children:[e(G,{children:n.label}),e(Z,{}),s?e(Se,{children:s}):null]})});case"StringListInvocationParameter":return!Array.isArray(a)&&a!==void 0?null:e(H,{control:i,name:r,rules:{required:d},render:({field:{onBlur:g}})=>o(X,{isRequired:n.required,defaultValue:(a==null?void 0:a.join(", "))??"",onBlur:g,onChange:f=>{if(f===""){l(void 0);return}l(f.split(/, */g))},children:[e(G,{children:n.label}),e(Z,{}),s?e(Se,{children:s}):e(C,{slot:"description",children:"A comma separated list of strings"})]})});case"StringInvocationParameter":return e(H,{control:i,name:r,rules:{required:d},render:({field:{onBlur:g}})=>o(X,{isRequired:n.required,defaultValue:(a==null?void 0:a.toString())||"",type:"text",onBlur:g,onChange:f=>{if(f===""){l(void 0);return}l(f)},children:[e(G,{children:n.label}),e(Z,{}),s?e(Se,{children:s}):null]})});case"BooleanInvocationParameter":return e(ha,{onChange:l,defaultSelected:!!a,children:n.label});case"JSONInvocationParameter":return e(H,{control:i,name:r,rules:{required:d},render:()=>e(AS,{defaultValue:a,onChange:l,label:n.label??n.invocationName??"",errorMessage:s})});default:return null}},RS=(n,a)=>{if(n.invocationInputField===void 0)throw new Error("Invocation input field is required");return a[
|
|
3351
|
+
`,children:e(ba,{label:l,errorMessage:t,validationState:t?"invalid":void 0,children:e(Ze,{children:e(on,{value:i,onChange:s,optionalLint:!0})})})})}const wS=({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,p=n.maxValue!=null?`${n.label||r} must be at most ${n.maxValue}`:void 0;if(n.canonicalName==="ANTHROPIC_EXTENDED_THINKING")return e(_S,{onChange:l,value:a});const{__typename:y}=n;switch(y){case"InvocationParameterBase":return null;case"BoundedFloatInvocationParameter":return typeof a!="number"&&a!==void 0?null:e(tf,{label:n.label,defaultValue:a,step:.1,minValue:n.minValue,maxValue:n.maxValue,onChange:g=>l(g),children:e(lf,{})});case"FloatInvocationParameter":case"IntInvocationParameter":return e(H,{control:i,name:r,rules:{required:d,min:c,max:p},render:({field:{onBlur:g}})=>o(sa,{isRequired:n.required,value:Number(a),onBlur:g,onChange:f=>{l(f)},children:[e(G,{children:n.label}),e(Z,{}),s?e(Se,{children:s}):null]})});case"StringListInvocationParameter":return!Array.isArray(a)&&a!==void 0?null:e(H,{control:i,name:r,rules:{required:d},render:({field:{onBlur:g}})=>o(X,{isRequired:n.required,defaultValue:(a==null?void 0:a.join(", "))??"",onBlur:g,onChange:f=>{if(f===""){l(void 0);return}l(f.split(/, */g))},children:[e(G,{children:n.label}),e(Z,{}),s?e(Se,{children:s}):e(C,{slot:"description",children:"A comma separated list of strings"})]})});case"StringInvocationParameter":return e(H,{control:i,name:r,rules:{required:d},render:({field:{onBlur:g}})=>o(X,{isRequired:n.required,defaultValue:(a==null?void 0:a.toString())||"",type:"text",onBlur:g,onChange:f=>{if(f===""){l(void 0);return}l(f)},children:[e(G,{children:n.label}),e(Z,{}),s?e(Se,{children:s}):null]})});case"BooleanInvocationParameter":return e(ha,{onChange:l,defaultSelected:!!a,children:n.label});case"JSONInvocationParameter":return e(H,{control:i,name:r,rules:{required:d},render:()=>e(AS,{defaultValue:a,onChange:l,label:n.label??n.invocationName??"",errorMessage:s})});default:return null}},RS=(n,a)=>{if(n.invocationInputField===void 0)throw new Error("Invocation input field is required");return a[al(n.invocationInputField)]},ES=(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,[al(n.invocationInputField)]:a}},MS=({instanceId:n})=>{const a=O(f=>f.instances.find(k=>k.id===n));if(!a)throw new Error("Instance not found");const{model:l}=a,t=O(f=>f.upsertInvocationParameterInput),i=O(f=>f.deleteInvocationParameterInput),r=a.model.supportedInvocationParameters,s=a.model.invocationParameters,d=m.useCallback((f,k)=>{if(!f.invocationName)throw new Error("Invocation name is required");k===void 0?i({instanceId:n,invocationParameterInputInvocationName:f.invocationName}):t({instanceId:n,invocationParameterInput:ES(f,k)})},[n,t,i]),c=m.useMemo(()=>r.filter(f=>!(f.canonicalName!=null&&Lh.includes(f.canonicalName))).reduce((f,k)=>{const h=s.find(K=>ga(K,k)),S=h?RS(k,h):void 0;return{...f,[k.invocationName]:S??null}},{}),[s,r]),p=Ve({values:c,mode:"onBlur",delayError:0,shouldFocusError:!1,resetOptions:{keepErrors:!0}}),y=p.trigger,u=m.useMemo(()=>Tn.debounce(y,250),[y]);return m.useEffect(()=>{u()},[c,u]),l.provider!=="AZURE_OPENAI"&&l.modelName===null?null:Object.entries(c).map(([f,k])=>{const h=r.find(K=>K.invocationName===f);if(!h)return null;const S=`${l.provider??"model"}-${h.invocationName}`;return e(wS,{field:h,value:k,onChange:K=>d(h,K),control:p.control,errors:p.formState.errors},S)})},Wi=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(
|
|
3352
3352
|
$providerKey: GenerativeProviderKey!
|
|
3353
3353
|
) {
|
|
3354
3354
|
models(input: {providerKey: $providerKey}) {
|
|
3355
3355
|
name
|
|
3356
3356
|
}
|
|
3357
3357
|
}
|
|
3358
|
-
`}}}();Wi.hash="fc5563c6dca10fdeda807cd7061e275a";function VS({onChange:n,container:a,modelName:l,queryReference:t,...i}){const r=x.usePreloadedQuery(Wi,t),s=m.useMemo(()=>r.models.map(u=>({name:u.name,id:u.name})),[r.models]),[d,c]=m.useState({selectedKey:l??null,inputValue:l??""}),p=u=>{if(typeof u=="string"){const g=s.find(f=>f.id===u);(g==null?void 0:g.name)!=null&&n(g.name)}},y=u=>{c(g=>({inputValue:u,selectedKey:g.selectedKey}))};return m.useEffect(()=>{c({selectedKey:l??null,inputValue:l??""})},[l]),e(xi,{size:"L",label:"Model",isRequired:!0,"data-testid":"model-picker",selectedKey:d.selectedKey,"aria-label":"model picker",onInputChange:y,inputValue:d.inputValue,onSelectionChange:p,width:"100%",allowsCustomValue:!0,onBlur:()=>{d.inputValue!==""&&n(d.inputValue)},onKeyUp:u=>{u.key==="Enter"&&n(d.inputValue)},menuTrigger:"focus",container:a,description:"Choose a model from the list, or enter a custom model name",defaultItems:s,...i,children:u=>e(Pi,{textValue:u.name,id:u.id,children:u.name},u.id)})}function Su(n){const[a,l,t]=x.useQueryLoader(Wi);return m.useEffect(()=>(l({providerKey:n.provider}),()=>t()),[t,l,n.provider]),a!=null?e(VS,{queryReference:a,...n}):null}const vu={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ModelProviderPickerFragment",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};vu.hash="1d4ba7f81a958c9a17bd45dce0456ddb";function zS({onChange:n,query:a,...l}){var d,c;const t=x.useFragment(vu,a),i=t.modelProviders.filter(p=>p.dependenciesInstalled),r=i.length!==t.modelProviders.length,s=l.provider&&!i.some(p=>p.key===l.provider);return o(b,{direction:"row",gap:"size-100",children:[e(uo,{label:"Provider","data-testid":"model-provider-picker",selectedKey:l.provider??void 0,"aria-label":"Model Provider",placeholder:"Select a provider",onSelectionChange:p=>{const y=p;wc(y)&&n(y)},width:"100%",...l,children:t.modelProviders.map(p=>e(ge,{children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(et,{provider:p.key,height:16}),p.name]})},p.key))}),s?o(Le,{delay:0,offset:5,children:[e("span",{children:e(Ne,{children:e(_,{color:"red-700",svg:e(qn,{})})})}),o(
|
|
3358
|
+
`}}}();Wi.hash="fc5563c6dca10fdeda807cd7061e275a";function VS({onChange:n,container:a,modelName:l,queryReference:t,...i}){const r=x.usePreloadedQuery(Wi,t),s=m.useMemo(()=>r.models.map(u=>({name:u.name,id:u.name})),[r.models]),[d,c]=m.useState({selectedKey:l??null,inputValue:l??""}),p=u=>{if(typeof u=="string"){const g=s.find(f=>f.id===u);(g==null?void 0:g.name)!=null&&n(g.name)}},y=u=>{c(g=>({inputValue:u,selectedKey:g.selectedKey}))};return m.useEffect(()=>{c({selectedKey:l??null,inputValue:l??""})},[l]),e(xi,{size:"L",label:"Model",isRequired:!0,"data-testid":"model-picker",selectedKey:d.selectedKey,"aria-label":"model picker",onInputChange:y,inputValue:d.inputValue,onSelectionChange:p,width:"100%",allowsCustomValue:!0,onBlur:()=>{d.inputValue!==""&&n(d.inputValue)},onKeyUp:u=>{u.key==="Enter"&&n(d.inputValue)},menuTrigger:"focus",container:a,description:"Choose a model from the list, or enter a custom model name",defaultItems:s,...i,children:u=>e(Pi,{textValue:u.name,id:u.id,children:u.name},u.id)})}function Su(n){const[a,l,t]=x.useQueryLoader(Wi);return m.useEffect(()=>(l({providerKey:n.provider}),()=>t()),[t,l,n.provider]),a!=null?e(VS,{queryReference:a,...n}):null}const vu={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ModelProviderPickerFragment",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};vu.hash="1d4ba7f81a958c9a17bd45dce0456ddb";function zS({onChange:n,query:a,...l}){var d,c;const t=x.useFragment(vu,a),i=t.modelProviders.filter(p=>p.dependenciesInstalled),r=i.length!==t.modelProviders.length,s=l.provider&&!i.some(p=>p.key===l.provider);return o(b,{direction:"row",gap:"size-100",children:[e(uo,{label:"Provider","data-testid":"model-provider-picker",selectedKey:l.provider??void 0,"aria-label":"Model Provider",placeholder:"Select a provider",onSelectionChange:p=>{const y=p;wc(y)&&n(y)},width:"100%",...l,children:t.modelProviders.map(p=>e(ge,{children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(et,{provider:p.key,height:16}),p.name]})},p.key))}),s?o(Le,{delay:0,offset:5,children:[e("span",{children:e(Ne,{children:e(_,{color:"red-700",svg:e(qn,{})})})}),o(yn,{children:["The selected provider is not installed. Install"," ",((c=(d=t.modelProviders.find(p=>p.key===l.provider))==null?void 0:d.dependencies)==null?void 0:c.join(", "))??"the dependencies"," ","to use its models in Playground."]})]}):r?o(Le,{delay:0,offset:5,children:[e("span",{children:e(Ne,{children:e(_,{svg:e(qn,{})})})}),o(yn,{children:["Some providers are missing dependencies. Install them to use their models in Playground.",e("br",{}),e("br",{}),"Missing providers:",e("br",{}),t.modelProviders.filter(p=>!p.dependenciesInstalled).map(p=>{var y;return o(m.Fragment,{children:[((y=p.dependencies)==null?void 0:y.join(", "))??p.name,e("br",{})]},p.key)})]})]}):null]})}const NS=150,$S=F`
|
|
3359
3359
|
display: flex;
|
|
3360
3360
|
flex-direction: column;
|
|
3361
3361
|
gap: var(--ac-global-dimension-size-200);
|
|
@@ -3371,7 +3371,7 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
3371
3371
|
}
|
|
3372
3372
|
padding: var(--ac-global-dimension-size-200);
|
|
3373
3373
|
overflow: auto;
|
|
3374
|
-
`;function jS({instance:n,container:a}){const l=O(r=>r.updateModel),t=m.useCallback(({configKey:r,value:s})=>{l({instanceId:n.id,patch:{...n.model,[r]:s}})},[n.id,n.model,l]),i=m.useMemo(()=>
|
|
3374
|
+
`;function jS({instance:n,container:a}){const l=O(r=>r.updateModel),t=m.useCallback(({configKey:r,value:s})=>{l({instanceId:n.id,patch:{...n.model,[r]:s}})},[n.id,n.model,l]),i=m.useMemo(()=>ri(r=>{t({configKey:"modelName",value:r})},250),[t]);return o(J,{children:[e(Su,{modelName:n.model.modelName,provider:n.model.provider,onChange:r=>{i(r)},container:a??void 0}),o(X,{defaultValue:n.model.baseUrl??"",onChange:r=>{t({configKey:"baseUrl",value:r})},children:[e(G,{children:"Base URL"}),e(Z,{placeholder:"e.x. https://my-llm.com/v1"})]})]})}function OS({instance:n,container:a}){const l=O(r=>r.updateModel),t=m.useCallback(({configKey:r,value:s})=>{l({instanceId:n.id,patch:{...n.model,[r]:s}})},[n.id,n.model,l]),i=m.useMemo(()=>ri(r=>{t({configKey:"modelName",value:r})},250),[t]);return o(J,{children:[o(X,{defaultValue:n.model.modelName??"",onChange:r=>{i(r)},children:[e(G,{children:"Deployment Name"}),e(Z,{placeholder:"e.x. azure-openai-deployment-name"})]}),o(X,{defaultValue:n.model.endpoint??"",onChange:r=>{t({configKey:"endpoint",value:r})},children:[e(G,{children:"Endpoint"}),e(Z,{placeholder:"e.x. https://my.openai.azure.com"})]}),e(xi,{container:a??void 0,size:"L",label:"API Version","data-testid":"azure-api-version-combobox",selectedKey:n.model.apiVersion??void 0,"aria-label":"api version picker",placeholder:"Select an AzureOpenAI API Version",inputValue:n.model.apiVersion??"",onInputChange:r=>{t({configKey:"apiVersion",value:r})},onSelectionChange:r=>{typeof r=="string"&&t({configKey:"apiVersion",value:r})},allowsCustomValue:!0,children:rf.map(r=>e(Pi,{textValue:r,id:r,children:r},r))})]})}function QS(n){const[a,l]=m.useState(null),t=O(d=>d.instances.find(c=>c.id===n.playgroundInstanceId));if(!t)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const i=t.model.supportedInvocationParameters,r=t.model.invocationParameters,s=xs(r,i);return o(m.Fragment,{children:[e(E,{size:"S",onPress:()=>{m.startTransition(()=>{l(e(BS,{...n}))})},leadingVisual:e(et,{provider:t.model.provider,height:16}),children:o(b,{direction:"row",gap:"size-100",alignItems:"center",height:"100%",children:[e(un,{maxWidth:NS,children:e(C,{children:t.model.modelName||"--"})}),s?null:o(Le,{delay:0,offset:5,children:[e("span",{children:e(Ne,{children:e(_,{color:"danger",svg:e(qn,{})})})}),e(yn,{children:"Some required invocation parameters are not configured."})]})]})}),e(oe,{type:"slideOver",isDismissable:!0,onDismiss:()=>{l(null)},children:a})]})}function BS(n){const a=O(r=>r.instances.find(s=>s.id===n.playgroundInstanceId));if(!a)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const l=mn(r=>r.setModelConfigForProvider),t=ue(),i=m.useCallback(()=>{const{supportedInvocationParameters:r,...s}=a.model;l({provider:a.model.provider,modelConfig:s}),t({title:"Model Configuration Saved",message:`${Wt[a.model.provider]} model configuration saved as default for later use.`,expireMs:3e3})},[a.model,t,l]);return e(te,{title:"Model Configuration",size:"M",extra:o(Le,{delay:0,offset:5,children:[e(E,{size:"S",variant:"default",onPress:i,leadingVisual:e(_,{svg:e(Io,{})}),children:"Save as Default"}),o(yn,{children:["Saves the current configuration as the default for"," ",Wt[a.model.provider]??"this provider","."]})]}),children:e(m.Suspense,{children:e(qS,{...n})})})}function qS(n){const{playgroundInstanceId:a}=n,l=O(f=>f.instances.find(k=>k.id===a));if(!l)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const t=mn(f=>f.modelConfigByProvider),i=O(f=>f.updateProvider),r=O(f=>f.updateModel),s=l.model.supportedInvocationParameters,d=l.model.invocationParameters,c=xs(d,s),p=x.useLazyLoadQuery(bu,{}),y=m.useCallback(f=>{r({instanceId:a,patch:{modelName:f}})},[a,r]),[u,g]=m.useState();return o("form",{css:$S,children:[c?null:o(b,{direction:"row",gap:"size-100",children:[e(_,{color:"danger",svg:e(qn,{})}),e(C,{color:"danger",children:"Some required invocation parameters are not configured."})]}),e(zS,{provider:l.model.provider,query:p,onChange:f=>{i({instanceId:a,provider:f,modelConfigByProvider:t})}}),l.model.provider==="OPENAI"?e(jS,{instance:l,container:u??null}):l.model.provider==="AZURE_OPENAI"?e(OS,{instance:l,container:u??null}):e(Su,{modelName:l.model.modelName,provider:l.model.provider,onChange:y,container:u??void 0}),e(m.Suspense,{children:e(MS,{instanceId:a})}),e("div",{ref:g})]})}const Cu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a={alias:null,args:null,kind:"ScalarField",name:"invocationInputField",storageKey:null},l={alias:"floatDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},t=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:null,kind:"LinkedField",name:"modelInvocationParameters",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"invocationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"canonicalName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"required",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null}],type:"InvocationParameterBase",abstractKey:"__isInvocationParameterBase"},{kind:"InlineFragment",selections:[{alias:"booleanDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"BooleanInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[l,a,{alias:null,args:null,kind:"ScalarField",name:"minValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxValue",storageKey:null}],type:"BoundedFloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[l,a],type:"FloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"intDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"IntInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"jsonDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"JSONInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"stringDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"StringInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"stringListDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"StringListInvocationParameter",abstractKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ModelSupportedParamsFetcherQuery",selections:t,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ModelSupportedParamsFetcherQuery",selections:t},params:{cacheID:"8f18509b17f3f97c2413ef8b6557d972",id:null,metadata:{},name:"ModelSupportedParamsFetcherQuery",operationKind:"query",text:`query ModelSupportedParamsFetcherQuery(
|
|
3375
3375
|
$input: ModelsInput!
|
|
3376
3376
|
) {
|
|
3377
3377
|
modelInvocationParameters(input: $input) {
|
|
@@ -3415,28 +3415,28 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
3415
3415
|
}
|
|
3416
3416
|
}
|
|
3417
3417
|
}
|
|
3418
|
-
`}}}();Cu.hash="8bf1a32724929bdc4a02d32809ba59d7";const US=({instanceId:n})=>{var p;const l=O(y=>y.instances).find(y=>y.id===n);if(!l)throw new Error("Instance not found");const t=l.model.provider,i=l.model.modelName,r=
|
|
3418
|
+
`}}}();Cu.hash="8bf1a32724929bdc4a02d32809ba59d7";const US=({instanceId:n})=>{var p;const l=O(y=>y.instances).find(y=>y.id===n);if(!l)throw new Error("Instance not found");const t=l.model.provider,i=l.model.modelName,r=mn(y=>y.modelConfigByProvider),s=O(y=>y.updateModelSupportedInvocationParameters),{modelInvocationParameters:d}=x.useLazyLoadQuery(Cu,{input:{providerKey:t,modelName:i}}),c=(p=l.prompt)==null?void 0:p.id;return m.useEffect(()=>{s({instanceId:n,supportedInvocationParameters:d,modelConfigByProvider:r})},[d,n,s,r,c]),null},Fu=n=>a=>a.instances.find(l=>l.id===n),ai=n=>a=>a.allInstanceMessages[n];function HS({playgroundInstanceId:n,messageId:a}){const l=m.useMemo(()=>Fu(n),[n]),t=O(l);if(t==null)throw new Error(`Instance ${n} not found`);const i=t.model.provider,r=ll(),s=m.useMemo(()=>ai(a),[a]),d=O(s);if(d==null)throw new Error(`Message ${a} not found`);const c=d.toolCalls,p=O(k=>k.updateMessage),[y,u]=m.useState(()=>JSON.stringify(c,null,2));m.useEffect(()=>{const k=r.getState();if(k.instances.find(I=>I.id===n)==null)return;const S=ai(a)(k);if(S==null)return;const K=S.toolCalls,P=JSON.stringify(K,null,2);Ii({str:P,excludeNull:!0})&&u(P)},[i,r,n,a]);const g=m.useCallback(k=>{const{json:h}=Qe(k);p({instanceId:n,messageId:a,patch:{toolCalls:h}})},[n,a,p]),f=m.useMemo(()=>{switch(t.model.provider){case"OPENAI":case"AZURE_OPENAI":case"DEEPSEEK":return sf;case"ANTHROPIC":return of;case"GOOGLE":return null}},[t.model.provider]);return e(on,{value:y,jsonSchema:f,onChange:g})}function GS(n){return n==="text"||n==="toolCalls"}function WS({messageMode:n,onChange:a}){return o(ft,{selectedKeys:[n],size:"S","aria-label":"Message Mode",onSelectionChange:l=>{if(l.size===0)return;const t=l.keys().next().value;GS(t)&&a(t)},children:[o(Le,{placement:"top",delay:0,offset:10,children:[e(Fn,{"aria-label":"text input",id:"text",children:e(_,{svg:e(hi,{})})}),e(yn,{children:"Text input"})]}),o(Le,{placement:"top",delay:0,offset:10,children:[e(Fn,{"aria-label":"tool calling",id:"toolCalls",children:e(_,{svg:e(ki,{})})}),e(yn,{children:"Tool calling"})]})]})}const JS=F`
|
|
3419
3419
|
.ac-field-label {
|
|
3420
3420
|
display: none;
|
|
3421
3421
|
}
|
|
3422
|
-
`;function ZS({role:n,includeLabel:a=!0,onChange:l}){return o(Ko,{selectedKey:n,css:a?void 0:JS,"data-testid":"messages-role-picker","aria-label":"Role for the chat message",size:"S",onSelectionChange:t=>{if(!Ss(t))throw new Error(`Invalid chat message role: ${t}`);l(t)},children:[a&&e(G,{children:"Role"}),o(E,{children:[e(lo,{}),e(To,{})]}),e(La,{placement:"bottom start",offset:4,shouldFlip:!0,containerPadding:8,children:o(
|
|
3422
|
+
`;function ZS({role:n,includeLabel:a=!0,onChange:l}){return o(Ko,{selectedKey:n,css:a?void 0:JS,"data-testid":"messages-role-picker","aria-label":"Role for the chat message",size:"S",onSelectionChange:t=>{if(!Ss(t))throw new Error(`Invalid chat message role: ${t}`);l(t)},children:[a&&e(G,{children:"Role"}),o(E,{children:[e(lo,{}),e(To,{})]}),e(La,{placement:"bottom start",offset:4,shouldFlip:!0,containerPadding:8,children:o(bi,{children:[e(Ia,{id:"system",children:"System"}),e(Ia,{id:"user",children:"User"}),e(Ia,{id:"ai",children:"AI"}),e(Ia,{id:"tool",children:"Tool"})]})})]})}const XS=32;function YS({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,p=c==null?void 0:c.some(u=>ga(u,{canonicalName:wn,invocationName:_n})),y=c==null?void 0:c.some(u=>ga(u,{canonicalName:ca,invocationName:Qa}));return o(b,{direction:"row",justifyContent:"end",gap:"size-100",minHeight:XS,children:[p?e(E,{size:"S","aria-label":"response format",leadingVisual:e(_,{svg:e(da,{})}),isDisabled:a,onPress:()=>{r({instanceId:n,invocationParameterInput:{valueJson:df(),invocationName:_n,canonicalName:wn}})},children:"Response Format"}):null,y?e(E,{"aria-label":"add tool",size:"S",leadingVisual:e(_,{svg:e(da,{})}),onPress:()=>{const u={tools:[...s.tools,d0({provider:s.model.provider,toolNumber:s.tools.length+1})]};if(s.tools.length===0){const g=pi({toolChoice:"auto",targetProvider:s.model.provider});g&&(u.toolChoice=g)}t({instanceId:n,patch:u,dirty:!0})},children:"Tool"}):null,e(E,{"aria-label":"add message",size:"S",leadingVisual:e(_,{svg:e(da,{})}),onPress:()=>{i({playgroundInstanceId:n,messages:[{id:oa(),role:"user",content:""}]})},children:"Message"})]})}const ev=400;function nv({playgroundInstanceId:n}){const a=O(u=>u.deleteInvocationParameterInput),l=O(u=>u.instances.find(g=>g.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===_n||u.canonicalName===wn),[s,d]=m.useState(()=>JSON.stringify((r==null?void 0:r.valueJson)??{},null,2)),c=m.useRef(s),p=ll();m.useEffect(()=>{const g=p.getState().instances.find(h=>h.id===n);if(g==null)return;const f=g.model.invocationParameters.find(h=>h.invocationName===_n||h.canonicalName===wn);if(f==null)return;const k=JSON.stringify(f.valueJson,null,2);Ii({str:k,excludeNull:!0})&&d(k)},[t,p,n]);const y=m.useCallback(u=>{c.current=u;const{json:g}=Qe(u);i({instanceId:n,invocationParameterInput:{invocationName:_n,valueJson:g,canonicalName:wn}})},[n,i]);return o(fe,{id:"response-format",children:[e(pe,{arrowPosition:"start",children:"Response Format"}),e(ye,{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(de,{text:c}),e(E,{"aria-label":"Delete Response Format",leadingVisual:e(_,{svg:e(Ge,{})}),size:"S",onPress:()=>{a({instanceId:n,invocationParameterInputInvocationName:_n})}})]}),children:e(qo,{preInitializationMinHeight:ev,children:e(on,{value:s,onChange:y,jsonSchema:Bh})})})})})]})}const av=400;function lv({playgroundInstanceId:n,toolId:a}){const l=ll(),t=O(k=>k.updateInstance),i=O(k=>k.instances.find(h=>h.id===n));if(i==null)throw new Error(`Playground instance ${n} not found`);const r=i.model.provider,s=i.tools,d=s.find(k=>k.id===a);if(d==null)throw new Error(`Tool ${a} not found`);const[c,p]=m.useState(()=>JSON.stringify(d.definition,null,2)),y=m.useRef(c);m.useEffect(()=>{const h=l.getState().instances.find(P=>P.id===n);if(h==null)return;const S=h.tools.find(P=>P.id===a);if(S==null)return;const K=JSON.stringify(S.definition,null,2);Ii({str:K,excludeNull:!0})&&p(K)},[r,l,n,a]);const u=m.useCallback(k=>{y.current=k;const{json:h}=Qe(k);t({instanceId:n,patch:{tools:s.map(S=>S.id===d.id?{...S,definition:h}:S)},dirty:!0})},[s,n,d.id,t]),g=m.useMemo(()=>Ts(d),[d]),f=m.useMemo(()=>{switch(i.model.provider){case"OPENAI":case"AZURE_OPENAI":case"DEEPSEEK":return uf;case"ANTHROPIC":return cf;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(Ki,{spanKind:"tool"}),e(C,{children:g??"Tool"})]}),bodyStyle:{padding:0},extra:o(b,{direction:"row",gap:"size-100",children:[e(de,{text:y}),e(E,{"aria-label":"Delete tool",leadingVisual:e(_,{svg:e(Ge,{})}),size:"S",onPress:()=>{const k=s.filter(K=>K.id!==d.id),h=typeof i.toolChoice=="object"&&g!=null&&mf(i.toolChoice)===g;let S=i.toolChoice;k.length===0?S=void 0:h&&(S="auto"),t({instanceId:n,patch:{tools:k,toolChoice:S},dirty:!0})}})]}),children:e(qo,{preInitializationMinHeight:av,children:e(on,{value:c,onChange:u,jsonSchema:f})})})}function tv(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=>Ts(d)).filter(d=>d!=null),[i]),s=l.model.provider;return gf(s)?o(fe,{id:"tools",children:[o(pe,{arrowPosition:"start",children:["Tools",e(xn,{children:i.length})]}),e(ye,{children:e(v,{padding:"size-200",children:o(b,{direction:"column",gap:"size-200",children:[e(Xl,{children:e(pf,{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(lv,{playgroundInstanceId:a,toolId:d.id},d.id))})]})})})]}):null}const Ku=1,iv=Ku+1;function rv(n){const a=n.playgroundInstanceId,l=O(u=>u.templateFormat),t=O(u=>u.updateInstance),i=m.useMemo(()=>Fu(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=>ga(u,{canonicalName:wn,invocationName:_n}))!=null,{template:c}=r;if(c.__type!=="chat")throw new Error(`Invalid template type ${c.__type}`);const p=c.messageIds,y=Fp(ir(Dp),ir(Ip,{coordinateGetter:xp}));return o(Pp,{sensors:y,onDragEnd:({active:u,over:g})=>{if(!g||u.id===g.id)return;const f=p.findIndex(S=>S===u.id),k=p.findIndex(S=>S===g.id),h=Tp(p,f,k);t({instanceId:a,patch:{template:{__type:"chat",messageIds:h}},dirty:!0})},children:[e(Kp,{items:p,children:e("ul",{css:F`
|
|
3423
3423
|
display: flex;
|
|
3424
3424
|
flex-direction: column;
|
|
3425
3425
|
gap: var(--ac-global-dimension-size-200);
|
|
3426
3426
|
padding: var(--ac-global-dimension-size-200);
|
|
3427
|
-
`,children:p.map(u=>e(sv,{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(YS,{instanceId:a,hasResponseFormat:d})}),s||d?o(bn,{defaultExpandedKeys:["tools","response-format"],children:[s?e(tv,{...n}):null,d?e(nv,{...n}):null]}):null]})}function ov({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(ba,{label:"Tool Calls",children:e(Ze,{width:"100%",children:e(HS,{playgroundInstanceId:t,messageId:n.id})})})}):n.role==="tool"?o(Xl,{onSubmit:s=>{s.preventDefault()},children:[e(v,{paddingX:"size-200",paddingY:"size-100",borderColor:"yellow-700",borderBottomWidth:"thin",children:e(X,{value:n.toolCallId,onChange:s=>a({toolCallId:s}),"aria-label":"Tool Call ID",size:"S",children:e(Z,{placeholder:"Tool Call ID"})})}),e(on,{value:n.content??'""',"aria-label":"tool message content",height:"100%",onChange:s=>a({content:s})})]}):e(
|
|
3427
|
+
`,children:p.map(u=>e(sv,{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(YS,{instanceId:a,hasResponseFormat:d})}),s||d?o(bn,{defaultExpandedKeys:["tools","response-format"],children:[s?e(tv,{...n}):null,d?e(nv,{...n}):null]}):null]})}function ov({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(ba,{label:"Tool Calls",children:e(Ze,{width:"100%",children:e(HS,{playgroundInstanceId:t,messageId:n.id})})})}):n.role==="tool"?o(Xl,{onSubmit:s=>{s.preventDefault()},children:[e(v,{paddingX:"size-200",paddingY:"size-100",borderColor:"yellow-700",borderBottomWidth:"thin",children:e(X,{value:n.toolCallId,onChange:s=>a({toolCallId:s}),"aria-label":"Tool Call ID",size:"S",children:e(Z,{placeholder:"Tool Call ID"})})}),e(on,{value:n.content??'""',"aria-label":"tool message content",height:"100%",onChange:s=>a({content:s})})]}):e(it,{children:e(rt,{height:"100%",defaultValue:n.content||"","aria-label":"Message content",templateFormat:l,onChange:r})})}function sv({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:p,setActivatorNodeRef:y,isDragging:u}=Lp({id:l}),g=m.useMemo(()=>M=>{var N;return(N=M.instances.find(j=>j.id===n))==null?void 0:N.model},[n]),f=O(g);if(!f)throw new Error(`Instance model not found for instance ${n}`);const k=m.useMemo(()=>ai(l),[l]),h=O(k),S=Ll(h.role),K={transform:_p.Translate.toString(c),transition:p,zIndex:u?iv:Ku},P=h.toolCalls!=null&&h.toolCalls.length>0,[I,D]=m.useState(P?"toolCalls":"text"),[T,L]=m.useState(h.content),[V,w]=m.useState(h.toolCalls),$=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`
|
|
3428
3428
|
// Align the role picker with the prompt picker in PlaygroundTemplate header
|
|
3429
3429
|
margin-left: var(--ac-global-dimension-size-150);
|
|
3430
|
-
`,children:e(ZS,{includeLabel:!1,role:h.role,onChange:M=>{let N=h.content,j=h.toolCalls;M!=="ai"&&(j=void 0,D("text")),M==="tool"&&(N='""'),t({instanceId:n,messageId:l,patch:{role:M,toolCalls:j,content:N}})}})}),extra:o(b,{direction:"row",gap:"size-100",children:[h.role==="ai"?e(WS,{messageMode:I,onChange:M=>{switch(D(M),M){case"text":w(h.toolCalls),t({instanceId:n,messageId:l,patch:{content:T,toolCalls:void 0}});break;case"toolCalls":L(h.content),t({instanceId:n,messageId:l,patch:{content:"",toolCalls:V!=null?Qo({toolCalls:V,provider:f.provider}):[c0(f.provider)]}});break;default:Pe()}}}):null,e(de,{text:I==="toolCalls"?En(h.toolCalls).json??"":h.content??""}),e(E,{"aria-label":"Delete message",leadingVisual:e(_,{svg:e(Ge,{})}),size:"S",onPress:()=>{i({instanceId:n,messageId:l})}}),e(yf,{ref:y,listeners:s,attributes:r})]}),children:e("div",{children:e(ov,{message:h,messageMode:I,playgroundInstanceId:n,templateFormat:a,updateMessage:$})})})})}function dv(n){const[a,l]=m.useState(null),t=n.playgroundInstanceId,i=O(h=>h.updateInstance),r=O(h=>h.addMessage),s=O(h=>h.setDirty),d=O(h=>h.instances),c=d.find(h=>h.id===t),p=d.findIndex(h=>h.id===t),y=c==null?void 0:c.prompt,u=y==null?void 0:y.id,g=O(h=>h.dirtyInstances[t]),f=m.useCallback(async h=>{if(!h){i({instanceId:t,patch:{prompt:null},dirty:!1});return}const S=await hc(h);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:k}=c;return o(J,{children:[e(B,{title:o(b,{direction:"row",gap:"size-100",alignItems:"center",marginEnd:"size-100",children:[e(Ti,{index:p}),e(hu,{promptId:u,onChange:f})]}),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(US,{instanceId:t})}),e(QS,{...n}),e(uv,{instanceId:t,setDialog:l,dirty:g}),d.length>1?e(cv,{...n}):null]}),children:k.__type==="chat"?e(m.Suspense,{children:e(rv,{...n})}):"Completion Template"}),e(
|
|
3430
|
+
`,children:e(ZS,{includeLabel:!1,role:h.role,onChange:M=>{let N=h.content,j=h.toolCalls;M!=="ai"&&(j=void 0,D("text")),M==="tool"&&(N='""'),t({instanceId:n,messageId:l,patch:{role:M,toolCalls:j,content:N}})}})}),extra:o(b,{direction:"row",gap:"size-100",children:[h.role==="ai"?e(WS,{messageMode:I,onChange:M=>{switch(D(M),M){case"text":w(h.toolCalls),t({instanceId:n,messageId:l,patch:{content:T,toolCalls:void 0}});break;case"toolCalls":L(h.content),t({instanceId:n,messageId:l,patch:{content:"",toolCalls:V!=null?Qo({toolCalls:V,provider:f.provider}):[c0(f.provider)]}});break;default:Pe()}}}):null,e(de,{text:I==="toolCalls"?En(h.toolCalls).json??"":h.content??""}),e(E,{"aria-label":"Delete message",leadingVisual:e(_,{svg:e(Ge,{})}),size:"S",onPress:()=>{i({instanceId:n,messageId:l})}}),e(yf,{ref:y,listeners:s,attributes:r})]}),children:e("div",{children:e(ov,{message:h,messageMode:I,playgroundInstanceId:n,templateFormat:a,updateMessage:$})})})})}function dv(n){const[a,l]=m.useState(null),t=n.playgroundInstanceId,i=O(h=>h.updateInstance),r=O(h=>h.addMessage),s=O(h=>h.setDirty),d=O(h=>h.instances),c=d.find(h=>h.id===t),p=d.findIndex(h=>h.id===t),y=c==null?void 0:c.prompt,u=y==null?void 0:y.id,g=O(h=>h.dirtyInstances[t]),f=m.useCallback(async h=>{if(!h){i({instanceId:t,patch:{prompt:null},dirty:!1});return}const S=await hc(h);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:k}=c;return o(J,{children:[e(B,{title:o(b,{direction:"row",gap:"size-100",alignItems:"center",marginEnd:"size-100",children:[e(Ti,{index:p}),e(hu,{promptId:u,onChange:f})]}),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(US,{instanceId:t})}),e(QS,{...n}),e(uv,{instanceId:t,setDialog:l,dirty:g}),d.length>1?e(cv,{...n}):null]}),children:k.__type==="chat"?e(m.Suspense,{children:e(rv,{...n})}):"Completion Template"}),e(oe,{isDismissable:!0,onDismiss:()=>{l(null)},children:a})]})}function cv(n){const a=O(l=>l.deleteInstance);return o(Le,{children:[e(Ne,{children:e(E,{size:"S","aria-label":"Delete this instance of the playground",leadingVisual:e(_,{svg:e(Ge,{})}),onPress:()=>{a(n.playgroundInstanceId)}})}),e(yn,{children:e(ka,{children:"Delete this instance of the playground"})})]})}function uv({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(Le,{delay:100,offset:5,placement:"top",children:[e(Ne,{children:e(E,{variant:l?"primary":void 0,size:"S",onPress:()=>{var r;a(e(DS,{instanceId:n,setDialog:a,selectedPromptId:(r=t.prompt)==null?void 0:r.id}))},children:"Save"})}),e(yn,{children:e(ka,{children:"Save this prompt"})})]})})}function mv({size:n}){const a=O(t=>t.templateFormat),l=O(t=>t.setTemplateFormat);return e("div",{css:F`
|
|
3431
3431
|
& * {
|
|
3432
3432
|
white-space: nowrap;
|
|
3433
3433
|
}
|
|
3434
|
-
`,children:o(
|
|
3434
|
+
`,children:o(ft,{size:n,defaultSelectedKeys:[a],"aria-label":"Template Format",onSelectionChange:t=>{if(t.size===0)return;const i=t.keys().next().value;typeof i=="string"&&ff(i)&&l(i)},children:[e(Fn,{"aria-label":"None",id:fn.NONE,children:"None"}),e(Fn,{"aria-label":"Mustache",id:fn.Mustache,children:"Mustache"}),e(Fn,{"aria-label":"F-String",id:fn.FString,children:"F-String"})]})})}const gv=F`
|
|
3435
3435
|
display: flex;
|
|
3436
3436
|
overflow: hidden;
|
|
3437
3437
|
flex-direction: column;
|
|
3438
3438
|
height: 100%;
|
|
3439
|
-
`;function Ji(n){const{modelProviders:a}=x.useLazyLoadQuery(kc,{}),l=
|
|
3439
|
+
`;function Ji(n){const{modelProviders:a}=x.useLazyLoadQuery(kc,{}),l=mn(r=>r.modelConfigByProvider),t=mn(r=>r.playgroundStreamingEnabled);return a.some(r=>r.dependenciesInstalled)?o(_1,{...n,streaming:t,modelConfigByProvider:l,children:[o("div",{css:gv,children:[e(v,{borderBottomColor:"dark",borderBottomWidth:"thin",padding:"size-200",flex:"none",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(ae,{level:1,children:"Playground"}),o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(PS,{}),e(mS,{}),e(Q1,{}),e(TS,{})]})]})}),e(vv,{})]}),e(m.Suspense,{children:e(z1,{})})]}):e(j1,{availableProviders:a})}function pv(){const n=O(i=>i.addInstance),a=O(i=>i.instances),l=a.length,t=a.some(i=>i.activeRunId!=null);return e(E,{size:"S","aria-label":"add prompt",leadingVisual:e(_,{svg:e(Nn,{})}),isDisabled:l>=Sh||t,onPress:()=>{n()},children:"Compare"})}const yv=F`
|
|
3440
3440
|
display: flex;
|
|
3441
3441
|
flex-direction: column;
|
|
3442
3442
|
height: 100%;
|
|
@@ -3477,7 +3477,7 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
3477
3477
|
`,hv=F`
|
|
3478
3478
|
height: 100%;
|
|
3479
3479
|
overflow: auto;
|
|
3480
|
-
`,kv=632,bv=["prompts"],Sv=["input","output"];function vv(){const n=O(u=>u.templateFormat),[a]=
|
|
3480
|
+
`,kv=632,bv=["prompts"],Sv=["input","output"];function vv(){const n=O(u=>u.templateFormat),[a]=pn(),l=a.get("datasetId"),t=l!=null,r=O(u=>u.instances.length)===1,s=O(u=>u.instances.some(g=>g.activeRunId!=null)),d=O(u=>Object.values(u.dirtyInstances).some(g=>g)),c=O(u=>u.instances.map(g=>g.id),(u,g)=>u.length===g.length&&u.every((f,k)=>f===g[k])),p=m.useCallback(({currentLocation:u,nextLocation:g})=>{const f=u.pathname!==g.pathname;return(s||d)&&f},[s,d]),y=Ap(p);return m.useEffect(()=>{const u=s,g=f=>{f.preventDefault(),f.returnValue=!0};if(u)return window.addEventListener("beforeunload",g),()=>{window.removeEventListener("beforeunload",g)}},[s]),o(m.Fragment,{children:[o(Pn,{direction:r&&!t?"horizontal":"vertical",autoSaveId:r?"playground-horizontal":"playground-vertical",children:[e(Re,{children:e("div",{css:yv,children:e(bn,{defaultExpandedKeys:bv,children:o(fe,{id:"prompts",size:"L",children:[o(pe,{arrowPosition:"start",justifyContent:"space-between",children:["Prompts",e(Pl,{children:o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(mv,{size:"S"}),e(pv,{})]})})]}),e(ye,{children:e("div",{css:fv,children:e(b,{direction:"row",gap:"size-200",maxWidth:"100%",children:c.map(u=>e(v,{flex:"1 1 0px",minWidth:kv,children:e(dv,{playgroundInstanceId:u})},`${u}-prompt`))})})})]})})})}),e(Rn,{css:yt}),e(Re,{children:t?e(m.Suspense,{fallback:e(me,{}),children:e(cS,{datasetId:l})}):e("div",{css:hv,children:o(bn,{defaultExpandedKeys:Sv,children:[n!==fn.NONE?o(fe,{id:"input",size:"L",children:[e(pe,{arrowPosition:"start",children:"Inputs"}),e(ye,{children:e(v,{padding:"size-200",height:"100%",children:e(hS,{})})})]}):null,o(fe,{id:"output",size:"L",children:[e(pe,{arrowPosition:"start",children:"Output"}),e(ye,{children:e(v,{padding:"size-200",height:"100%",children:e(b,{direction:"row",gap:"size-200",children:c.map(u=>e(v,{flex:"1 1 0px",children:e(FS,{playgroundInstanceId:u})},`${u}-output`))})})})]})]})})})]}),y!=null&&e(hf,{blocker:y,message:s?"Playground run is still in progress, leaving the page may result in incomplete runs. Are you sure you want to leave?":"You have unsaved changes. Are you sure you want to leave?"})]},"playground-content")}function kT(){const{instanceWithPrompt:n,templateFormat:a}=Me(),{instance:l}=m.useMemo(()=>{const{instance:t}=mo();return{instance:{...t,...n,template:n.template}}},[n]);return e(Ji,{instances:[l],templateFormat:a})}const Tu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"},{defaultValue:null,kind:"LocalArgument",name:"promptId"}],a=[{kind:"Variable",name:"input",variableName:"input"}],l=[{kind:"Variable",name:"id",variableName:"promptId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"TagPromptVersionButtonSetTagMutation",selections:[{alias:null,args:a,concreteType:"PromptVersionTagMutationPayload",kind:"LinkedField",name:"setPromptVersionTag",plural:!1,selections:[{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:"prompt",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"PromptVersionsList__main"}],type:"Prompt",abstractKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"TagPromptVersionButtonSetTagMutation",selections:[{alias:null,args:a,concreteType:"PromptVersionTagMutationPayload",kind:"LinkedField",name:"setPromptVersionTag",plural:!1,selections:[{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:"prompt",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"PromptVersionConnection",kind:"LinkedField",name:"promptVersions",plural:!1,selections:[{alias:null,args:null,concreteType:"PromptVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"version",args:null,concreteType:"PromptVersion",kind:"LinkedField",name:"node",plural:!1,selections:[t,{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:[t,{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PromptVersionTag",kind:"LinkedField",name:"tags",plural:!0,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Prompt",abstractKey:null},t],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"991a6a38de992c1261cceafe9b2c6850",id:null,metadata:{},name:"TagPromptVersionButtonSetTagMutation",operationKind:"mutation",text:`mutation TagPromptVersionButtonSetTagMutation(
|
|
3481
3481
|
$input: SetPromptVersionTagInput!
|
|
3482
3482
|
$promptId: ID!
|
|
3483
3483
|
) {
|
|
@@ -3570,7 +3570,7 @@ fragment PromptVersionTagsList_data on PromptVersion {
|
|
|
3570
3570
|
name
|
|
3571
3571
|
}
|
|
3572
3572
|
}
|
|
3573
|
-
`}}}();xu.hash="a6e4352854be2ab5fd0c10368a3469ad";function Cv({onNewTagCreated:n,promptVersionId:a,onDismiss:l}){const{control:t,handleSubmit:i,formState:{isDirty:r}}=Ve({defaultValues:{name:"",description:""}}),[s,d]=m.useState(null),[c,p]=x.useMutation(xu);return e(
|
|
3573
|
+
`}}}();xu.hash="a6e4352854be2ab5fd0c10368a3469ad";function Cv({onNewTagCreated:n,promptVersionId:a,onDismiss:l}){const{control:t,handleSubmit:i,formState:{isDirty:r}}=Ve({defaultValues:{name:"",description:""}}),[s,d]=m.useState(null),[c,p]=x.useMutation(xu);return e(oe,{onDismiss:l,isDismissable:!0,type:"modal",children:o(te,{title:"New Prompt Tag",children:[s?e(Fe,{variant:"danger",banner:!0,children:s}):null,o(Ye,{onSubmit:i(u=>{d(null),c({variables:{input:{name:u.name,description:u.description,promptVersionId:a},promptVersionId:a},onCompleted:()=>{n(u),l()},onError:g=>{d(g.message)}})}),children:[o(v,{padding:"size-200",children:[e(H,{name:"name",control:t,rules:{required:"Name is required",pattern:ku},render:({field:{name:u,onChange:g,onBlur:f,value:k},fieldState:{invalid:h,error:S}})=>o(X,{isInvalid:h,onChange:g,onBlur:f,name:u,value:k.toString(),children:[e(G,{children:"Tag Name"}),e(Z,{placeholder:"e.x. prod"}),S!=null&&S.message?e(Se,{children:S.message}):e(C,{slot:"description",children:"The identifier of the tag"})]})}),e(H,{name:"description",control:t,render:({field:{name:u,onChange:g,onBlur:f,value:k},fieldState:{invalid:h,error:S}})=>o(X,{isInvalid:h,onChange:g,name:u,onBlur:f,value:k.toString(),children:[e(G,{children:"Description"}),e(fa,{placeholder:"A description of the tag"}),S!=null&&S.message?e(Se,{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:p,children:"Create Tag"})})})]})]})})}function Fv(){const[n,a]=m.useState(!1),[l,t]=m.useState(0),i=ue(),{promptId:r,versionId:s}=Oe();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(Ue,{children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(kf,{})}),children:"Tag Version"}),o(La,{placement:"bottom end",children:[e(Uo,{}),o(dn,{children:[e(m.Suspense,{fallback:e(v,{padding:"size-100",children:e(me,{size:"S"})}),children:e(Kv,{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(da,{})}),size:"S",css:F`
|
|
3574
3574
|
width: 100%;
|
|
3575
3575
|
`,onPress:()=>a(!0),children:"New Tag"})})]})]})]}),n&&e(Cv,{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 Kv({promptId:n,versionId:a,fetchKey:l,onTagSet:t}){var y,u;const i=x.useLazyLoadQuery(Pu,{promptId:n,versionId:a},{fetchKey:l,fetchPolicy:"store-and-network"}),r=m.useMemo(()=>{var g,f;return((f=(g=i==null?void 0:i.prompt)==null?void 0:g.versionTags)==null?void 0:f.map(k=>k.name))||[]},[(y=i==null?void 0:i.prompt)==null?void 0:y.versionTags]),s=m.useMemo(()=>{var g,f;return((f=(g=i==null?void 0:i.promptVersion)==null?void 0:g.tags)==null?void 0:f.map(k=>k.name))||[]},[(u=i==null?void 0:i.promptVersion)==null?void 0:u.tags]),d=m.useMemo(()=>Array.from(new Set([...mr.map(g=>g.name),...r])),[r]),[c,p]=x.useMutation(Tu);return e("ul",{children:d.map(g=>{const f=s.includes(g);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:g,checked:f,disabled:f||p,onChange:k=>{if(k.target.checked){const h=!s.includes(g);let S="";if(h){const K=mr.find(P=>P.name===g);S=(K==null?void 0:K.description)||""}c({variables:{input:{name:g,promptVersionId:a,description:S},promptId:n},onCompleted:()=>{t(g)}})}}}),e("span",{children:g})]})})},g)})})}function bT(){const n=Me();return je(n),e(Tv,{promptVersion:n.promptVersion})}function Tv({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(uc,{promptVersion:n})]}),o(b,{direction:"row",gap:"size-100",children:[e(de,{text:n.id,children:"Version ID"}),e(Fv,{})]})]}),e(ac,{promptVersion:n}),e(Wd,{promptVersion:n}),e(oc,{promptVersion:n})]})})})}const Iu=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},p={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},y={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:[p],storageKey:null}],type:"PromptVersion",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"promptVersionLoaderQuery",selections:[{alias:"promptVersion",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[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:[y,{alias:null,args:null,concreteType:"ToolCallFunction",kind:"LinkedField",name:"toolCall",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null},p],storageKey:null}],storageKey:null}],type:"ToolCallContentPart",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ToolResultContentValue",kind:"LinkedField",name:"toolResult",plural:!1,selections:[y,{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,p],storageKey:null},i],type:"PromptVersion",abstractKey:null}],storageKey:null}]},params:{cacheID:"4f37a4d04a5a5999d2f9f42875519473",id:null,metadata:{},name:"promptVersionLoaderQuery",operationKind:"query",text:`query promptVersionLoaderQuery(
|
|
3576
3576
|
$id: ID!
|
|
@@ -3743,7 +3743,7 @@ fragment PromptVersionTagsList_data on PromptVersion {
|
|
|
3743
3743
|
id
|
|
3744
3744
|
}
|
|
3745
3745
|
}
|
|
3746
|
-
`}}}();Du.hash="82115f75fbd5968bbe774fb7e006718f";async function vT({params:n}){var r,s,d;if(n.versionId)return null;const l=n.promptId,t=await Kl.fetchQuery(he,Du,{id:l}).toPromise();if(!((d=(s=(r=t==null?void 0:t.prompt)==null?void 0:r.promptVersions)==null?void 0:s.edges)!=null&&d.length))throw new Error("Prompt does not have any versions");const i=t.prompt.promptVersions.edges[0].promptVersion;return
|
|
3746
|
+
`}}}();Du.hash="82115f75fbd5968bbe774fb7e006718f";async function vT({params:n}){var r,s,d;if(n.versionId)return null;const l=n.promptId,t=await Kl.fetchQuery(he,Du,{id:l}).toPromise();if(!((d=(s=(r=t==null?void 0:t.prompt)==null?void 0:r.promptVersions)==null?void 0:s.edges)!=null&&d.length))throw new Error("Prompt does not have any versions");const i=t.prompt.promptVersions.edges[0].promptVersion;return kl(`/prompts/${l}/versions/${i.id}`)}const Lu={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptVersionsPageContent__main",selections:[{args:null,kind:"FragmentSpread",name:"PromptVersionsList__main"}],type:"Prompt",abstractKey:null};Lu.hash="994c1d93ccbab49fef121d5d73cd2b62";const _u={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptVersionsList__main",selections:[{alias:null,args:null,concreteType:"PromptVersionConnection",kind:"LinkedField",name:"promptVersions",plural:!1,selections:[{alias:null,args:null,concreteType:"PromptVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"version",args:null,concreteType:"PromptVersion",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{args:null,kind:"FragmentSpread",name:"PromptVersionSummaryFragment"}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Prompt",abstractKey:null};_u.hash="30cac642c3466fa8405eb71f29d27be3";const Pv=F`
|
|
3747
3747
|
border-bottom: 1px solid var(--ac-global-color-grey-300);
|
|
3748
3748
|
transition: background-color 0.1s ease-in;
|
|
3749
3749
|
|
|
@@ -3909,18 +3909,18 @@ fragment AnnotationSummaryGroup on Span {
|
|
|
3909
3909
|
name
|
|
3910
3910
|
}
|
|
3911
3911
|
}
|
|
3912
|
-
`}}}();Ru.hash="23916e656b7e054a82b1e1ac29e916d3";function Lv({spanNodeId:n,projectId:a,size:l="M",buttonText:t="Annotate"}){const[i,r]=m.useState(null);return o(J,{children:[e(E,{size:l,"aria-label":"Edit Span Annotations",leadingVisual:e(_,{svg:e(Sa,{})}),onPress:()=>r(e(Bo,{spanNodeId:n,projectId:a})),children:t}),e(
|
|
3912
|
+
`}}}();Ru.hash="23916e656b7e054a82b1e1ac29e916d3";function Lv({spanNodeId:n,projectId:a,size:l="M",buttonText:t="Annotate"}){const[i,r]=m.useState(null);return o(J,{children:[e(E,{size:l,"aria-label":"Edit Span Annotations",leadingVisual:e(_,{svg:e(Sa,{})}),onPress:()=>r(e(Bo,{spanNodeId:n,projectId:a})),children:t}),e(oe,{type:"slideOver",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}const _v=n=>{const{json:a}=Qe(n);if(a==null||!ma(a))return null;const l=a[ve.user];if(l==null||!ma(l))return null;const t=l[Rp.id];return Tn.isString(t)||Tn.isNumber(t)?t:null};function Br({role:n,value:a,mimeType:l}){const t=m.useMemo(()=>{if(l!=="json")return String(a);const r=Qe(a);return r.json==null?"--":JSON.stringify(r.json,null,2)},[a,l]),i=Ll(n==="HUMAN"?"user":"assistant");return e(v,{alignSelf:n==="HUMAN"?"start":"end",borderRadius:"medium",borderColor:"dark",borderWidth:"thin",padding:"size-200",maxWidth:"70%",...i,children:o(b,{direction:"column",gap:"size-50",children:[e(C,{color:"text-700",children:n}),l==="json"?e(hn,{value:t}):e(C,{children:t})]})})}function Av({traceId:n,rootSpan:a,index:l}){const t=m.useMemo(()=>new Date(a.startTime),[a.startTime]),i=m.useMemo(()=>_v(a.attributes),[a.attributes]);return e(v,{height:"100%",children:o(b,{direction:"column",justifyContent:"space-between",height:"100%",children:[o(b,{direction:"column",gap:"size-200",children:[o(b,{direction:"row",justifyContent:"space-between",children:[o(C,{children:["Trace #",l+1]}),e(we,{to:`/projects/${a.project.id}/traces/${n}?${gn}=${a.id}`,children:o(b,{alignItems:"center",children:["View Trace",e(_,{svg:e(bf,{})})]})})]}),o(b,{direction:"row",justifyContent:"space-between",children:[i!=null?o(C,{color:"text-700",children:["user: ",i]}):null,e(C,{color:"text-700",flex:"end",marginStart:"auto",children:Jn(t)})]}),o(b,{direction:"row",gap:"size-100",children:[e(va,{tokenCountTotal:a.cumulativeTokenCountTotal??0,nodeId:a.id}),a.latencyMs!=null?e($e,{latencyMs:a.latencyMs}):"--"]})]}),o(b,{direction:"row",justifyContent:"space-between",alignItems:"end",children:[o(b,{direction:"column",gap:"size-100",maxWidth:"50%",children:[e(C,{children:"Feedback"}),e(b,{gap:"size-50",direction:"column",children:e(mt,{span:a,renderEmptyState:()=>"--"})})]}),e("span",{children:e(Lv,{size:"S",spanNodeId:a.id,projectId:a.project.id,buttonText:"Annotate"})})]})]})})}function wv({rootSpan:n}){var a,l,t,i;return o(b,{direction:"column",gap:"size-100",children:[e(Br,{role:"HUMAN",value:(a=n.input)==null?void 0:a.value,mimeType:(l=n.input)==null?void 0:l.mimeType}),e(Br,{role:"AI",value:(t=n.output)==null?void 0:t.value,mimeType:(i=n.output)==null?void 0:i.mimeType})]})}function Rv({traces:n}){const a=m.useMemo(()=>((n==null?void 0:n.edges)||[]).map(({trace:t})=>t).filter(t=>t.rootSpan!==null),[n]);return e(v,{height:"100%",flex:"1 1 auto",overflow:"auto",children:a.map(({traceId:l,rootSpan:t},i)=>e(v,{borderBottomColor:"dark",borderBottomWidth:"thin",children:o(b,{direction:"row",children:[e(v,{borderRightWidth:"thin",borderEndColor:"dark",padding:"size-200",flex:"1 1 auto",children:e(wv,{rootSpan:t})}),e(v,{width:350,padding:"size-200",flex:"none",children:e(Av,{traceId:l,rootSpan:t,index:i})})]})},t.spanId))})}function Ev({traceCount:n,tokenUsage:a,latencyP50:l,sessionId:t}){return e(v,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",children:o(b,{direction:"row",gap:"size-400",children:[o(b,{direction:"column",children:[e(C,{elementType:"h3",color:"text-700",children:"Traces Count"}),e(C,{size:"L",children:n})]}),a!=null?o(b,{direction:"column",children:[e(C,{elementType:"h3",color:"text-700",children:"Total Tokens"}),e(va,{tokenCountTotal:a.total,nodeId:t,size:"L"})]}):null,l!=null?o(b,{direction:"column",children:[e(C,{elementType:"h3",color:"text-700",children:"Latency P50"}),e($e,{latencyMs:l,size:"L"})]}):null]})})}function Mv(n){const{sessionId:a}=n,l=x.useLazyLoadQuery(Ru,{id:a},{fetchPolicy:"store-and-network"});if(l.session==null)throw new Error("Session not found");return o("main",{css:F`
|
|
3913
3913
|
flex: 1 1 auto;
|
|
3914
3914
|
display: flex;
|
|
3915
3915
|
flex-direction: column;
|
|
3916
3916
|
height: 100%;
|
|
3917
3917
|
overflow: hidden;
|
|
3918
|
-
`,children:[e(Ev,{traceCount:l.session.numTraces??0,tokenUsage:l.session.tokenUsage,latencyP50:l.session.latencyP50,sessionId:a}),e(Rv,{traces:l.session.traces})]})}function TT(){var i;const n=Me();je(n);const{sessionId:a}=Oe(),l=ce(),{rootPath:t}=
|
|
3918
|
+
`,children:[e(Ev,{traceCount:l.session.numTraces??0,tokenUsage:l.session.tokenUsage,latencyP50:l.session.latencyP50,sessionId:a}),e(Rv,{traces:l.session.traces})]})}function TT(){var i;const n=Me();je(n);const{sessionId:a}=Oe(),l=ce(),{rootPath:t}=Dt();return e(oe,{type:"slideOver",isDismissable:!0,onDismiss:()=>l(`${t}/sessions`),children:e(te,{size:"fullscreen",title:`Session ID: ${((i=n.session)==null?void 0:i.sessionId)??"--"}`,children:e(pt,{children:e(Mv,{sessionId:a})})})})}const Eu=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 {
|
|
3919
3919
|
functionality {
|
|
3920
3920
|
modelInferences
|
|
3921
3921
|
}
|
|
3922
3922
|
}
|
|
3923
|
-
`}}}();Eu.hash="a248736e236c8d5348e0ecfbe9440ca2";async function PT(n){const a=await x.fetchQuery(he,Eu,{}).toPromise();return a!=null&&a.functionality.modelInferences?
|
|
3923
|
+
`}}}();Eu.hash="a248736e236c8d5348e0ecfbe9440ca2";async function PT(n){const a=await x.fetchQuery(he,Eu,{}).toPromise();return a!=null&&a.functionality.modelInferences?kl("/model"):kl("/projects")}const Mu=function(){var n={defaultValue:null,kind:"LocalArgument",name:"endTime"},a={defaultValue:null,kind:"LocalArgument",name:"startTime"},l=[{kind:"Variable",name:"endTime",variableName:"endTime"},{kind:"Variable",name:"startTime",variableName:"startTime"}],t=[{kind:"Literal",name:"first",value:50}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},s={fields:[{kind:"Variable",name:"end",variableName:"endTime"},{kind:"Variable",name:"start",variableName:"startTime"}],kind:"ObjectValue",name:"timeRange"},d={alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},c=[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i],p={alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"ModelPageQuery",selections:[{args:l,kind:"FragmentSpread",name:"ModelSchemaTable_dimensions"},{args:l,kind:"FragmentSpread",name:"ModelEmbeddingsTable_embeddingDimensions"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"ModelPageQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:t,concreteType:"DimensionConnection",kind:"LinkedField",name:"dimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"DimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dimension",args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:[i,r,{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dataType",storageKey:null},{alias:"cardinality",args:[{kind:"Literal",name:"metric",value:"cardinality"},s],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"percentEmpty",args:[{kind:"Literal",name:"metric",value:"percentEmpty"},s],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"min",args:[{kind:"Literal",name:"metric",value:"min"},s],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"mean",args:[{kind:"Literal",name:"metric",value:"mean"},s],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"max",args:[{kind:"Literal",name:"metric",value:"max"},s],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"psi",args:[{kind:"Literal",name:"metric",value:"psi"},s],kind:"ScalarField",name:"driftMetric",storageKey:null}],storageKey:null},d,{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:c,storageKey:null}],storageKey:null},p],storageKey:"dimensions(first:50)"},{alias:null,args:t,filters:null,handle:"connection",key:"ModelSchemaTable_dimensions",kind:"LinkedHandle",name:"dimensions"},{alias:null,args:t,concreteType:"EmbeddingDimensionConnection",kind:"LinkedField",name:"embeddingDimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"EmbeddingDimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"embedding",args:null,concreteType:"EmbeddingDimension",kind:"LinkedField",name:"node",plural:!1,selections:[i,r,{alias:"euclideanDistance",args:[{kind:"Literal",name:"metric",value:"euclideanDistance"},s],kind:"ScalarField",name:"driftMetric",storageKey:null}],storageKey:null},d,{alias:null,args:null,concreteType:"EmbeddingDimension",kind:"LinkedField",name:"node",plural:!1,selections:c,storageKey:null}],storageKey:null},p],storageKey:"embeddingDimensions(first:50)"},{alias:null,args:t,filters:null,handle:"connection",key:"ModelEmbeddingsTable_embeddingDimensions",kind:"LinkedHandle",name:"embeddingDimensions"}],storageKey:null}]},params:{cacheID:"c4ca588a9d6e4666b2fe13fb5df8520c",id:null,metadata:{},name:"ModelPageQuery",operationKind:"query",text:`query ModelPageQuery(
|
|
3924
3924
|
$startTime: DateTime!
|
|
3925
3925
|
$endTime: DateTime!
|
|
3926
3926
|
) {
|
|
@@ -3982,7 +3982,7 @@ fragment ModelSchemaTable_dimensions_3uKjWt on Query {
|
|
|
3982
3982
|
}
|
|
3983
3983
|
`}}}();Mu.hash="b612239336c7638df42037315b00f635";function xT(n){const{referenceInferences:a}=jn(),{timeRange:l}=Yn(),t=x.useLazyLoadQuery(Mu,{startTime:l.start.toISOString(),endTime:l.end.toISOString()});return o("main",{children:[o(Di,{children:[e(Ho,{}),a?e(Go,{inferencesRole:"reference",timeRange:{start:new Date(a.startTime),end:new Date(a.endTime)}}):null]}),e("section",{css:F`
|
|
3984
3984
|
margin: var(--ac-global-dimension-static-size-200);
|
|
3985
|
-
`,children:e(
|
|
3985
|
+
`,children:e(si,{title:"Model Schema",variant:"compact",bodyStyle:{padding:0},children:o(an,{children:[o(nn,{children:[e(ne,{id:"all",children:"All"}),e(ne,{id:"embeddings",children:"Embeddings"}),e(ne,{id:"dimensions",children:"Dimensions"})]}),e(re,{id:"all",children:o(bn,{defaultExpandedKeys:["embeddings","dimensions"],children:[o(fe,{id:"embeddings",children:[e(pe,{children:"Embeddings"}),e(ye,{children:e(gr,{model:t})})]}),o(fe,{id:"dimensions",children:[e(pe,{children:"Dimensions"}),e(ye,{children:e(pr,{model:t})})]})]})}),e(re,{id:"embeddings",children:e(gr,{model:t})}),e(re,{id:"dimensions",children:e(pr,{model:t})})]})})}),e(Ce,{})]})}const Vu={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"EmbeddingPageModelQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"MetricSelector_dimensions"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"EmbeddingPageModelQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:"numericDimensions",args:[{kind:"Literal",name:"include",value:{dataTypes:["numeric"]}}],concreteType:"DimensionConnection",kind:"LinkedField",name:"dimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"DimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'dimensions(include:{"dataTypes":["numeric"]})'}],storageKey:null}]},params:{cacheID:"4ccf476dd862525b059197daccd0d4d9",id:null,metadata:{},name:"EmbeddingPageModelQuery",operationKind:"query",text:`query EmbeddingPageModelQuery {
|
|
3986
3986
|
model {
|
|
3987
3987
|
...MetricSelector_dimensions
|
|
3988
3988
|
}
|
|
@@ -4122,7 +4122,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
4122
4122
|
id
|
|
4123
4123
|
}
|
|
4124
4124
|
}
|
|
4125
|
-
`}}}();zu.hash="ef95e709ca26aebdf07386ab97205b1e";function Vv(){const{theme:n}=Xn();return m.useMemo(()=>n==="light"?Sf:vf,[n])}function zv(){const{embeddingDimensionId:n}=Oe();if(!n)throw new Error("Missing embeddingDimensionId in URL params");return n}const Nu={euclideanDistance:{name:"Euclidean Distance",shortName:"Euc. Distance",definition:"Euclidean distance over time captures how much your primary inferences's embeddings are drifting from the reference data. Euclidean distance of the embeddings is calculated by taking the centroid of the embedding vectors for each inferences and calculating the distance between the two centroids."},queryDistance:{name:"Query Distance",shortName:"Query Distance",definition:"The query distance is the euclidean distance of the centroid of queries from the centroid of the corpus."},accuracyScore:{name:"Accuracy Score",shortName:"Accuracy",definition:"Accuracy classification score. In multi-label classification, this function computes subset accuracy: the set of labels predicted for a sample must exactly match the corresponding set of labels in the ground truth."}};function Da(n){const a=Nu[n];return a!=null?a.shortName:n}function
|
|
4125
|
+
`}}}();zu.hash="ef95e709ca26aebdf07386ab97205b1e";function Vv(){const{theme:n}=Xn();return m.useMemo(()=>n==="light"?Sf:vf,[n])}function zv(){const{embeddingDimensionId:n}=Oe();if(!n)throw new Error("Missing embeddingDimensionId in URL params");return n}const Nu={euclideanDistance:{name:"Euclidean Distance",shortName:"Euc. Distance",definition:"Euclidean distance over time captures how much your primary inferences's embeddings are drifting from the reference data. Euclidean distance of the embeddings is calculated by taking the centroid of the embedding vectors for each inferences and calculating the distance between the two centroids."},queryDistance:{name:"Query Distance",shortName:"Query Distance",definition:"The query distance is the euclidean distance of the centroid of queries from the centroid of the corpus."},accuracyScore:{name:"Accuracy Score",shortName:"Accuracy",definition:"Accuracy classification score. In multi-label classification, this function computes subset accuracy: the set of labels predicted for a sample must exactly match the corresponding set of labels in the ground truth."}};function Da(n){const a=Nu[n];return a!=null?a.shortName:n}function Qt(n){const a=Nu[n];return a&&a.definition!=null&&a.definition||null}function Va(n){return`${n.column}:${n.dir}`}function Nv(){const{referenceInferences:n}=jn(),a=!!n,l=Y(c=>c.clusterSort),t=Y(c=>c.setClusterSort),[i,r]=m.useState(!1),s=m.useMemo(()=>{const c=[];return a&&c.push({label:"Most drift",value:Va({column:"driftRatio",dir:"desc"})}),[...c,{label:"Largest clusters",value:Va({column:"size",dir:"desc"})},{label:"Smallest clusters",value:Va({column:"size",dir:"asc"})},{label:"Highest metric value",value:Va({column:"primaryMetricValue",dir:"desc"})},{label:"Lowest metric value",value:Va({column:"primaryMetricValue",dir:"asc"})}]},[a]),d=Va(l);return e("div",{css:F`
|
|
4126
4126
|
.ac-action-button {
|
|
4127
4127
|
background: none;
|
|
4128
4128
|
border: none;
|
|
@@ -4147,14 +4147,14 @@ fragment MetricSelector_dimensions on Model {
|
|
|
4147
4147
|
height: 0;
|
|
4148
4148
|
vertical-align: middle;
|
|
4149
4149
|
width: 0;
|
|
4150
|
-
`})]}),e(
|
|
4150
|
+
`})]}),e(di,{children:e(Yl,{style:{width:200},selectedKeys:[d],selectionMode:"single",items:s,onSelectionChange:c=>{if(c instanceof Set&&c.size>0){const[p]=c.values(),[y,u]=p.split(":");t({column:y,dir:u})}r(!1)},children:c=>e(ge,{children:c.label},c.value)})})]})})}const $u=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"clusters"}],a=[{alias:null,args:[{kind:"Variable",name:"clusters",variableName:"clusters"}],concreteType:"ExportedFile",kind:"LinkedField",name:"exportClusters",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"fileName",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"EmbeddingActionMenuExportClustersMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"EmbeddingActionMenuExportClustersMutation",selections:a},params:{cacheID:"1bef6586fcb3d6eb7034204fbe49633c",id:null,metadata:{},name:"EmbeddingActionMenuExportClustersMutation",operationKind:"mutation",text:`mutation EmbeddingActionMenuExportClustersMutation(
|
|
4151
4151
|
$clusters: [ClusterInput!]!
|
|
4152
4152
|
) {
|
|
4153
4153
|
exportClusters(clusters: $clusters) {
|
|
4154
4154
|
fileName
|
|
4155
4155
|
}
|
|
4156
4156
|
}
|
|
4157
|
-
`}}}();$u.hash="b5ff2517dbb0d19a1b24dea1796a3576";function $v(){const n=Y(r=>r.clusters),{notifyError:a,notifySuccess:l}=Wo(),[t,i]=x.useMutation($u);return e(zn,{align:"end",buttonSize:"compact",icon:i?e(_,{svg:e(en,{})}):null,onAction:r=>{switch(r){case"export_cluster":t({variables:{clusters:n.map(s=>({eventIds:s.eventIds,id:s.id}))},onCompleted:s=>{const{fileName:d}=s.exportClusters;l({title:"Clusters Exported",message:"dataframe is available via px.active_session().exports or can be downloaded by clicking below",action:{text:"Download",onClick:()=>{window.open(`/exports?filename=${d}`,"_self")}}})},onError:s=>{a({title:"Failed to export clusters",message:`Failed to export clusters: ${s.message}`})}});break}},children:o(ge,{children:[e(_,{svg:e(
|
|
4157
|
+
`}}}();$u.hash="b5ff2517dbb0d19a1b24dea1796a3576";function $v(){const n=Y(r=>r.clusters),{notifyError:a,notifySuccess:l}=Wo(),[t,i]=x.useMutation($u);return e(zn,{align:"end",buttonSize:"compact",icon:i?e(_,{svg:e(en,{})}):null,onAction:r=>{switch(r){case"export_cluster":t({variables:{clusters:n.map(s=>({eventIds:s.eventIds,id:s.id}))},onCompleted:s=>{const{fileName:d}=s.exportClusters;l({title:"Clusters Exported",message:"dataframe is available via px.active_session().exports or can be downloaded by clicking below",action:{text:"Download",onClick:()=>{window.open(`/exports?filename=${d}`,"_self")}}})},onError:s=>{a({title:"Failed to export clusters",message:`Failed to export clusters: ${s.message}`})}});break}},children:o(ge,{children:[e(_,{svg:e(ht,{})}),"Export clusters"]},"export_cluster")})}const ju={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"MetricSelector_dimensions",selections:[{alias:"numericDimensions",args:[{kind:"Literal",name:"include",value:{dataTypes:["numeric"]}}],concreteType:"DimensionConnection",kind:"LinkedField",name:"dimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"DimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'dimensions(include:{"dataTypes":["numeric"]})'}],type:"Model",abstractKey:null};ju.hash="55d03de16503d7af254c17cef7d18ee0";const Na=":";function jv(n){return["drift","performance","dataQuality","retrieval"].includes(n)}function ol(n){const{type:a,metric:l}=n;switch(a){case"drift":return`${a}${Na}${l}`;case"retrieval":return`${a}${Na}${l}`;case"performance":return`${a}${Na}${l}`;case"dataQuality":{const{name:t}=n.dimension;return`${a}${Na}${l}${Na}${t}`}default:Pe()}}function Ov({metricKey:n,dimensions:a}){const[l,t,i]=n.split(Na);if(!jv(l))throw new Error(`Invalid metric type: ${l}`);switch(l){case"drift":return{type:l,metric:t};case"retrieval":return{type:l,metric:t};case"performance":return{type:l,metric:t};case"dataQuality":{const r=a.find(s=>s.name===i);if(!r)throw new Error(`Invalid dimension name: ${i}`);return{type:l,metric:t,dimension:r}}default:Pe()}}const Qv=o(Wa,{variant:"info",children:[e(ae,{level:4,weight:"heavy",children:"Analysis Metric"}),o(ka,{children:[e("p",{children:"Select a metric to drive the analysis of your embeddings."}),e("p",{children:"To analyze the the drift between your two inferences, select a drift metric and the UI will highlight areas of high drift."}),e("p",{children:"To analyze the quality of your embeddings, select a dimension data quality metric by which to analyze the point cloud. The UI will highlight areas where the data quality is degrading."})]})]});function Bv({model:n}){const[,a]=m.useTransition(),l=x.useFragment(ju,n),{referenceInferences:t,corpusInferences:i}=jn(),r=!!t,s=!!i,d=Y(f=>f.metric),c=Y(f=>f.loading),p=Y(f=>f.setMetric),y=l.numericDimensions.edges.map(f=>f.node),u=y.length>0,g=m.useCallback(f=>{const k=Ov({metricKey:f,dimensions:y});a(()=>{p(k)})},[p,y,a]);return o(uo,{label:"metric",labelExtra:Qv,selectedKey:d?ol(d):void 0,onSelectionChange:g,placeholder:"Select a metric...",isDisabled:c,children:[r?e(wl,{title:"Drift",children:e(ge,{children:"Euclidean Distance"},ol({type:"drift",metric:"euclideanDistance"}))}):null,s?e(wl,{title:"Retrieval",children:e(ge,{children:"Query Distance"},ol({type:"retrieval",metric:"queryDistance"}))}):null,e(wl,{title:"Performance",children:e(ge,{children:"Accuracy Score"},ol({type:"performance",metric:"accuracyScore"}))}),u?e(wl,{title:"Data Quality",children:y.map(f=>e(ge,{children:`${f.name} avg`},ol({type:"dataQuality",metric:"average",dimension:f})))}):null]})}const Ou=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},l={defaultValue:null,kind:"LocalArgument",name:"embeddingDimensionId"},t={defaultValue:null,kind:"LocalArgument",name:"fetchDataQuality"},i={defaultValue:null,kind:"LocalArgument",name:"fetchDrift"},r={defaultValue:null,kind:"LocalArgument",name:"fetchPerformance"},s={defaultValue:null,kind:"LocalArgument",name:"fetchQueryDistance"},d={defaultValue:null,kind:"LocalArgument",name:"metricGranularity"},c={defaultValue:null,kind:"LocalArgument",name:"performanceMetric"},p={defaultValue:null,kind:"LocalArgument",name:"timeRange"},y=[{kind:"Variable",name:"id",variableName:"embeddingDimensionId"}],u={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},g={kind:"Variable",name:"granularity",variableName:"metricGranularity"},f={kind:"Variable",name:"timeRange",variableName:"timeRange"},k=[g,{kind:"Literal",name:"metric",value:"euclideanDistance"},f],h=[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],S={kind:"InlineFragment",selections:[{condition:"fetchDrift",kind:"Condition",passingValue:!0,selections:[{alias:"euclideanDistanceTimeSeries",args:k,concreteType:"DriftTimeSeries",kind:"LinkedField",name:"driftTimeSeries",plural:!1,selections:h,storageKey:null}]},{condition:"fetchQueryDistance",kind:"Condition",passingValue:!0,selections:[{alias:null,args:k,concreteType:"DriftTimeSeries",kind:"LinkedField",name:"retrievalMetricTimeSeries",plural:!1,selections:h,storageKey:null}]},{alias:"trafficTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"countGranularity"},{kind:"Literal",name:"metric",value:"count"},f],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:h,storageKey:null}],type:"EmbeddingDimension",abstractKey:null},K=[{kind:"Variable",name:"id",variableName:"dimensionId"}],P={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:[g,{kind:"Literal",name:"metric",value:"mean"},f],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:h,storageKey:null}],type:"Dimension",abstractKey:null},I={alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{condition:"fetchPerformance",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[g,{fields:[{kind:"Variable",name:"metric",variableName:"performanceMetric"}],kind:"ObjectValue",name:"metric"},f],concreteType:"PerformanceTimeSeries",kind:"LinkedField",name:"performanceTimeSeries",plural:!1,selections:h,storageKey:null}]}],storageKey:null},D={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null};return{fragment:{argumentDefinitions:[n,a,l,t,i,r,s,d,c,p],kind:"Fragment",metadata:null,name:"MetricTimeSeriesQuery",selections:[{alias:"embedding",args:y,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[u,S],storageKey:null},{condition:"fetchDataQuality",kind:"Condition",passingValue:!0,selections:[{alias:"dimension",args:K,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[P],storageKey:null}]},I],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[l,p,d,n,i,s,t,a,r,c],kind:"Operation",name:"MetricTimeSeriesQuery",selections:[{alias:"embedding",args:y,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[D,u,S],storageKey:null},{condition:"fetchDataQuality",kind:"Condition",passingValue:!0,selections:[{alias:"dimension",args:K,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[D,P,u],storageKey:null}]},I]},params:{cacheID:"752d4bce509b4932d2511c656378a7bf",id:null,metadata:{},name:"MetricTimeSeriesQuery",operationKind:"query",text:`query MetricTimeSeriesQuery(
|
|
4158
4158
|
$embeddingDimensionId: ID!
|
|
4159
4159
|
$timeRange: TimeRange!
|
|
4160
4160
|
$metricGranularity: Granularity!
|
|
@@ -4212,7 +4212,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
4212
4212
|
}
|
|
4213
4213
|
}
|
|
4214
4214
|
}
|
|
4215
|
-
`}}}();Ou.hash="c0f9fd33875d639882a5b673d484bf3d";const qr=new Intl.NumberFormat([],{maximumFractionDigits:2}),Qu=()=>{const n=Zn(),a=n.blue400,l=n.gray500;return{color:a,barColor:l}};function qv({active:n,payload:a,label:l}){var r,s,d;const{color:t,barColor:i}=Qu();if(n&&a&&a.length){const c=((r=a[1])==null?void 0:r.value)??null,p=((s=a[0])==null?void 0:s.value)??null,y=typeof c=="number"?qr.format(c):"--",u=typeof p=="number"?qr.format(p):"--";return o(Gn,{children:[e(C,{weight:"heavy",size:"S",children:`${Jn(new Date(l))}`}),e(qe,{color:t,name:((d=a[1])==null?void 0:d.payload.metricName)??"Metric",value:y}),e(qe,{color:i,shape:"square",name:"Count",value:u}),e(
|
|
4215
|
+
`}}}();Ou.hash="c0f9fd33875d639882a5b673d484bf3d";const qr=new Intl.NumberFormat([],{maximumFractionDigits:2}),Qu=()=>{const n=Zn(),a=n.blue400,l=n.gray500;return{color:a,barColor:l}};function qv({active:n,payload:a,label:l}){var r,s,d;const{color:t,barColor:i}=Qu();if(n&&a&&a.length){const c=((r=a[1])==null?void 0:r.value)??null,p=((s=a[0])==null?void 0:s.value)??null,y=typeof c=="number"?qr.format(c):"--",u=typeof p=="number"?qr.format(p):"--";return o(Gn,{children:[e(C,{weight:"heavy",size:"S",children:`${Jn(new Date(l))}`}),e(qe,{color:t,name:((d=a[1])==null?void 0:d.payload.metricName)??"Metric",value:y}),e(qe,{color:i,shape:"square",name:"Count",value:u}),e(ct,{}),o("div",{css:F`
|
|
4216
4216
|
display: flex;
|
|
4217
4217
|
flex-direction: row;
|
|
4218
4218
|
align-items: center;
|
|
@@ -4220,7 +4220,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
4220
4220
|
gap: var(--ac-global-dimension-static-size-50);
|
|
4221
4221
|
|
|
4222
4222
|
margin-top: var(--ac-global-dimension-static-size-50);
|
|
4223
|
-
`,children:[e(_,{svg:e(qn,{})}),e("span",{children:"Click to view the point cloud at this time"})]})]})}return null}function Uv(n){switch(n.type){case"drift":return"Embedding Drift";case"performance":return"Model Performance";case"dataQuality":return"Data Quality";case"retrieval":return"Query Distance";default:Pe()}}function Hv(n){if(n)switch(n.type){case"drift":return Da(n.metric);case"performance":return Da(n.metric);case"dataQuality":return`${n.dimension.name} avg`;case"retrieval":return Da(n.metric);default:Pe()}else return"Count"}function Gv(n){switch(n.type){case"drift":return
|
|
4223
|
+
`,children:[e(_,{svg:e(qn,{})}),e("span",{children:"Click to view the point cloud at this time"})]})]})}return null}function Uv(n){switch(n.type){case"drift":return"Embedding Drift";case"performance":return"Model Performance";case"dataQuality":return"Data Quality";case"retrieval":return"Query Distance";default:Pe()}}function Hv(n){if(n)switch(n.type){case"drift":return Da(n.metric);case"performance":return Da(n.metric);case"dataQuality":return`${n.dimension.name} avg`;case"retrieval":return Da(n.metric);default:Pe()}else return"Count"}function Gv(n){switch(n.type){case"drift":return Qt(n.metric);case"performance":return Qt(n.metric);case"dataQuality":return null;case"retrieval":return Qt(n.metric);default:Pe()}}function Wv({embeddingDimensionId:n}){const a=Y(T=>T.metric),l=a.type==="drift",t=a.type==="retrieval",i=a.type==="dataQuality",r=a.type==="performance",{timeRange:s}=Yn(),{selectedTimestamp:d,setSelectedTimestamp:c}=kt(),p=Ya(s),y=x.useLazyLoadQuery(Ou,{embeddingDimensionId:n,timeRange:{start:s.start.toISOString(),end:s.end.toISOString()},metricGranularity:Jo(s),countGranularity:p,fetchDrift:l,fetchQueryDistance:t,fetchDataQuality:i,fetchPerformance:r,dimensionId:a.type==="dataQuality"?a.dimension.id:n,performanceMetric:a.type==="performance"?a.metric:"accuracyScore"}),u=el({samplingIntervalMinutes:p.samplingIntervalMinutes}),g=m.useCallback(T=>{const{activePayload:L}=T;if(L!=null&&L.length>0){const V=L[0].payload;c(new Date(V.timestamp))}},[c]),f=Jv({data:y,metric:a}),h=Zv(y).reduce((T,L)=>(T[L.timestamp]=L.value,T),{})??{},S=f.map(T=>{const L=h[T.timestamp];return{...T,traffic:L,timestamp:new Date(T.timestamp).getTime()}}),K=Hv(a),P=Gv(a),{color:I,barColor:D}=Qu();return o("section",{css:F`
|
|
4224
4224
|
width: 100%;
|
|
4225
4225
|
height: 100%;
|
|
4226
4226
|
display: flex;
|
|
@@ -4241,7 +4241,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
4241
4241
|
width: 100%;
|
|
4242
4242
|
overflow: hidden;
|
|
4243
4243
|
}
|
|
4244
|
-
`,children:[o(ae,{level:3,children:[Uv(a),P!=null?o(
|
|
4244
|
+
`,children:[o(ae,{level:3,children:[Uv(a),P!=null?o(Wa,{children:[e(ae,{level:4,children:K}),e(ka,{children:P})]}):null]}),e("div",{children:e(On,{width:"100%",height:"100%",children:o(Dl,{data:S,margin:{top:25,right:18,left:18,bottom:10},onClick:g,children:[o("defs",{children:[o("linearGradient",{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:I,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:I,stopOpacity:0})]}),o("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:D,stopOpacity:.3}),e("stop",{offset:"95%",stopColor:D,stopOpacity:0})]})]}),e(na,{...nl,tickFormatter:T=>u(new Date(T)),style:{fill:"var(--ac-global-text-color-700)"}}),e(In,{stroke:"var(--ac-global-color-grey-500)",label:{value:K,angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(In,{yAxisId:"right",orientation:"right",label:{value:"Count",angle:90,position:"insideRight",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(aa,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(ea,{content:e(qv,{})}),e(Ra,{yAxisId:"right",dataKey:"traffic",fill:"url(#barColor)",spacing:5}),e(Cl,{type:"monotone",dataKey:"value",stroke:I,fillOpacity:1,fill:"url(#colorUv)"}),d!=null?e(gs,{...Zo,x:d.getTime()}):null]})})})]})}function Jv({data:n,metric:a}){var l,t,i,r,s,d;if(((l=n.embedding.euclideanDistanceTimeSeries)==null?void 0:l.data)!=null&&n.embedding.euclideanDistanceTimeSeries.data.length>0)return n.embedding.euclideanDistanceTimeSeries.data.map(c=>({metricName:Da(a.metric),...c}));if(((t=n.embedding.retrievalMetricTimeSeries)==null?void 0:t.data)!=null&&n.embedding.retrievalMetricTimeSeries.data.length>0)return n.embedding.retrievalMetricTimeSeries.data.map(c=>({metricName:Da(a.metric),...c}));if(n.dimension&&((r=(i=n.dimension)==null?void 0:i.dataQualityTimeSeries)==null?void 0:r.data)!=null&&n.dimension.dataQualityTimeSeries.data.length>0){const c=n.dimension.name||"unknown";return n.dimension.dataQualityTimeSeries.data.map(p=>({metricName:`${c} avg`,...p}))}else{if(n.model&&((s=n.model.performanceTimeSeries)==null?void 0:s.data)!=null&&n.model.performanceTimeSeries.data.length>0)return n.model.performanceTimeSeries.data.map(c=>({metricName:Da(a.metric),...c}));if(((d=n.embedding.trafficTimeSeries)==null?void 0:d.data)!=null)return n.embedding.trafficTimeSeries.data.map(c=>({metricName:"Count",...c}))}return[]}function Zv(n){var a;return((a=n.embedding.trafficTimeSeries)==null?void 0:a.data)!=null?[...n.embedding.trafficTimeSeries.data]:[]}const Bu=function(){var n={defaultValue:null,kind:"LocalArgument",name:"corpusEventIds"},a={defaultValue:null,kind:"LocalArgument",name:"primaryEventIds"},l={defaultValue:null,kind:"LocalArgument",name:"referenceEventIds"},t=[{kind:"Variable",name:"eventIds",variableName:"primaryEventIds"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},s={alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null},c={alias:null,args:null,concreteType:"EventMetadata",kind:"LinkedField",name:"eventMetadata",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"predictionId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualScore",storageKey:null}],storageKey:null},p={alias:null,args:null,concreteType:"PromptResponse",kind:"LinkedField",name:"promptAndResponse",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"prompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"response",storageKey:null}],storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"documentText",storageKey:null},u=[i,{alias:null,args:null,concreteType:"DimensionWithValue",kind:"LinkedField",name:"dimensions",plural:!0,selections:[{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"dimension",plural:!1,selections:[r,s],storageKey:null},d],storageKey:null},c,p,y],g=[{kind:"Variable",name:"eventIds",variableName:"referenceEventIds"}],f=[{kind:"Variable",name:"eventIds",variableName:"corpusEventIds"}],k=[i,{alias:null,args:null,concreteType:"DimensionWithValue",kind:"LinkedField",name:"dimensions",plural:!0,selections:[{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"dimension",plural:!1,selections:[r,s,i],storageKey:null},d],storageKey:null},c,p,y];return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"PointSelectionPanelContentQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"primaryInferences",plural:!1,selections:[{alias:null,args:t,concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:u,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"referenceInferences",plural:!1,selections:[{alias:null,args:g,concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:u,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"corpusInferences",plural:!1,selections:[{alias:null,args:f,concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:u,storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,l,n],kind:"Operation",name:"PointSelectionPanelContentQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"primaryInferences",plural:!1,selections:[{alias:null,args:t,concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:k,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"referenceInferences",plural:!1,selections:[{alias:null,args:g,concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:k,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"corpusInferences",plural:!1,selections:[{alias:null,args:f,concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:k,storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"12c88e562048659c9ca654fccf693fb2",id:null,metadata:{},name:"PointSelectionPanelContentQuery",operationKind:"query",text:`query PointSelectionPanelContentQuery(
|
|
4245
4245
|
$primaryEventIds: [ID!]!
|
|
4246
4246
|
$referenceEventIds: [ID!]!
|
|
4247
4247
|
$corpusEventIds: [ID!]!
|
|
@@ -4342,7 +4342,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
4342
4342
|
margin-inline-start: 0;
|
|
4343
4343
|
}
|
|
4344
4344
|
}
|
|
4345
|
-
`;function
|
|
4345
|
+
`;function sl(n){return e("div",{css:F`
|
|
4346
4346
|
max-height: 200px;
|
|
4347
4347
|
overflow-y: auto;
|
|
4348
4348
|
`,children:e("pre",{css:F`
|
|
@@ -4375,7 +4375,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
4375
4375
|
`}):l?e("audio",{src:n,controls:!0,autoPlay:!0}):e("img",{src:n,alt:"event image",width:"100%",height:"200px",css:F`
|
|
4376
4376
|
object-fit: contain;
|
|
4377
4377
|
background-color: black;
|
|
4378
|
-
`})}function aC({event:n}){const a=n.linkToData||void 0,l=n.rawData,t=n.prompt||n.response?{prompt:n.prompt,response:n.response}:null,i=n.documentText;let r=null;return a?r=o(b,{direction:"column",children:[e(nC,{dataUrl:a}),l&&o(fe,{id:"raw",children:[e(pe,{children:"Raw Data"}),e(ye,{children:e(
|
|
4378
|
+
`})}function aC({event:n}){const a=n.linkToData||void 0,l=n.rawData,t=n.prompt||n.response?{prompt:n.prompt,response:n.response}:null,i=n.documentText;let r=null;return a?r=o(b,{direction:"column",children:[e(nC,{dataUrl:a}),l&&o(fe,{id:"raw",children:[e(pe,{children:"Raw Data"}),e(ye,{children:e(sl,{children:l})})]})]}):i?r=o(fe,{id:"document",children:[e(pe,{children:"Document"}),e(ye,{children:e(sl,{children:i})})]}):t?r=o(bn,{defaultExpandedKeys:["prompt","response"],children:[o(fe,{id:"prompt",children:[e(pe,{children:"Prompt"}),e(ye,{children:e(sl,{children:t.prompt})})]}),o(fe,{id:"response",children:[e(pe,{children:"Response"}),e(ye,{children:e(sl,{children:t.response})})]})]}):n.rawData&&n.rawData&&n.rawData,r}function lC(){return e("tbody",{className:"is-empty",children:e("tr",{children:e("td",{colSpan:100,css:F`
|
|
4379
4379
|
text-align: center;
|
|
4380
4380
|
padding: var(--ac-global-dimension-size-300)
|
|
4381
4381
|
var(--ac-global-dimension-size-300) !important;
|
|
@@ -4401,7 +4401,7 @@ dataframe`,iC=F`
|
|
|
4401
4401
|
.cm-content {
|
|
4402
4402
|
padding: var(--ac-global-dimension-static-size-100);
|
|
4403
4403
|
}
|
|
4404
|
-
`;function rC({value:n}){const{theme:a}=Xn(),l=a==="light"?Ca:Fa;return e(Ka,{value:n,basicSetup:!1,extensions:[Il()],editable:!1,theme:l,css:iC})}function oC(){const n=Y(s=>s.selectedEventIds),[a,l]=x.useMutation(Uu),[t,i]=m.useState(null),r=m.useCallback(()=>{a({variables:{eventIds:[...n]},onCompleted:s=>{i(s.exportEvents)}})},[a,n]);return o(J,{children:[e(E,{size:"S",leadingVisual:e(_,{svg:l?e(en,{}):e(
|
|
4404
|
+
`;function rC({value:n}){const{theme:a}=Xn(),l=a==="light"?Ca:Fa;return e(Ka,{value:n,basicSetup:!1,extensions:[Il()],editable:!1,theme:l,css:iC})}function oC(){const n=Y(s=>s.selectedEventIds),[a,l]=x.useMutation(Uu),[t,i]=m.useState(null),r=m.useCallback(()=>{a({variables:{eventIds:[...n]},onCompleted:s=>{i(s.exportEvents)}})},[a,n]);return o(J,{children:[e(E,{size:"S",leadingVisual:e(_,{svg:l?e(en,{}):e(ht,{})}),"aria-label":"Export selection / cluster",isDisabled:l,onPress:r,children:l?"Exporting":"Export"}),e(oe,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:t!=null&&o(te,{title:"Cluster Exports",size:"M",children:[e(Fe,{variant:"success",banner:!0,title:"Export succeeded",extra:e(E,{variant:"success",size:"S",onPress:()=>{window.open(`/exports?filename=${t.fileName}`,"_self")},children:"Download"})}),o("div",{css:F`
|
|
4405
4405
|
display: flex;
|
|
4406
4406
|
flex-direction: column;
|
|
4407
4407
|
justify-content: space-between;
|
|
@@ -4485,16 +4485,16 @@ dataframe`,iC=F`
|
|
|
4485
4485
|
`,children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(qp,{})}),"aria-label":"Clear selection",onPress:u}),e(oC,{})]}),o(an,{children:[e(nn,{children:e(ne,{id:"selection",children:"Selection"})}),o(Aa,{id:"selection",children:[e(yC,{numSelectedEvents:I,numMatchingEvents:D,searchText:k}),t===Xo.list?e("div",{css:F`
|
|
4486
4486
|
flex: 1 1 auto;
|
|
4487
4487
|
overflow-y: auto;
|
|
4488
|
-
`,children:e(cC,{data:S,onPointSelected:r})}):e(dC,{events:K,onItemSelected:r})]})]}),e(
|
|
4488
|
+
`,children:e(cC,{data:S,onPointSelected:r})}):e(dC,{events:K,onItemSelected:r})]})]}),e(oe,{type:"slideOver",isDismissable:!0,onDismiss:()=>r(null),children:P&&e(te,{title:"Embedding Details",size:"L",children:e(Xv,{event:P})})})]})}function yC({numSelectedEvents:n,numMatchingEvents:a,searchText:l}){const t=Y(p=>p.selectionDisplay),i=Y(p=>p.setSelectionDisplay),r=Y(p=>p.selectionGridSize),s=Y(p=>p.setSelectionGridSize),d=Y(p=>p.setSelectionSearchText),c=m.useMemo(()=>l?`${a}/${n} match "${l}"`:`${n} selected`,[n,a,l]);return e(Di,{extra:o("div",{css:F`
|
|
4489
4489
|
display: flex;
|
|
4490
4490
|
flex-direction: row;
|
|
4491
4491
|
gap: var(--ac-global-dimension-static-size-100);
|
|
4492
|
-
`,children:[e(Up,{placeholder:"Search by text or ID",onChange:p=>{d(p)}}),t===Xo.gallery&&e(Df,{size:r,onChange:s}),e(Lf,{mode:t,onChange:p=>{i(p)}})]}),children:e(C,{children:c})})}const Hu=zu;function IT(){const{referenceInferences:n,corpusInferences:a}=jn(),{timeRange:l}=Yn(),t=m.useMemo(()=>{let i={};return a!=null?i=wf():n!=null?i=Rf():i=Ef(),i={...i,umapParameters:{...window.Config.UMAP}},i},[a,n]);return e(Yo,{initialTimestamp:l.end,children:e(Mf,{...t,children:e(fC,{})})})}function fC(){const n=zv(),{primaryInferences:a,referenceInferences:l}=jn(),t=Y(K=>K.umapParameters),i=Y(K=>K.getHDSCANParameters),r=Y(K=>K.getMetric),s=Y(K=>K.reset),d=Y(K=>K.setLoading),[c,p]=m.useState(!0),[y,u,g]=x.useQueryLoader(Hu),{selectedTimestamp:f}=
|
|
4492
|
+
`,children:[e(Up,{placeholder:"Search by text or ID",onChange:p=>{d(p)}}),t===Xo.gallery&&e(Df,{size:r,onChange:s}),e(Lf,{mode:t,onChange:p=>{i(p)}})]}),children:e(C,{children:c})})}const Hu=zu;function IT(){const{referenceInferences:n,corpusInferences:a}=jn(),{timeRange:l}=Yn(),t=m.useMemo(()=>{let i={};return a!=null?i=wf():n!=null?i=Rf():i=Ef(),i={...i,umapParameters:{...window.Config.UMAP}},i},[a,n]);return e(Yo,{initialTimestamp:l.end,children:e(Mf,{...t,children:e(fC,{})})})}function fC(){const n=zv(),{primaryInferences:a,referenceInferences:l}=jn(),t=Y(K=>K.umapParameters),i=Y(K=>K.getHDSCANParameters),r=Y(K=>K.getMetric),s=Y(K=>K.reset),d=Y(K=>K.setLoading),[c,p]=m.useState(!0),[y,u,g]=x.useQueryLoader(Hu),{selectedTimestamp:f}=kt(),k=m.useMemo(()=>f??new Date(a.endTime),[f,a.endTime]),h=m.useMemo(()=>({start:ro(k,2).toISOString(),end:k.toISOString()}),[k]),S=x.useLazyLoadQuery(Vu,{});return m.useEffect(()=>{s(),d(!0);const K=r();return u({id:n,timeRange:h,...t,...i(),fetchDataQualityMetric:K.type==="dataQuality",fetchPerformanceMetric:K.type==="performance",dataQualityMetricColumnName:K.type==="dataQuality"?K.dimension.name:null,performanceMetric:K.type==="performance"?K.metric:"accuracyScore"},{fetchPolicy:"network-only"}),()=>{g()}},[d,s,n,u,g,t,i,r,h]),o("main",{css:F`
|
|
4493
4493
|
flex: 1 1 auto;
|
|
4494
4494
|
display: flex;
|
|
4495
4495
|
flex-direction: column;
|
|
4496
4496
|
overflow: hidden;
|
|
4497
|
-
`,children:[e(FC,{}),o(Di,{extra:o(b,{direction:"row",justifyContent:"center",alignItems:"center",gap:"size-100",children:[e(ha,{onChange:K=>{p(K)},defaultSelected:!0,labelPlacement:"start",children:"Show Timeseries"}),e($v,{})]}),children:[e(Ho,{}),l?e(Go,{inferencesRole:"reference",timeRange:{start:new Date(l.startTime),end:new Date(l.endTime)}}):null,e(Bv,{model:S.model})]}),o(Pn,{direction:"vertical",children:[c?o(J,{children:[e(Re,{defaultSize:20,collapsible:!0,order:1,children:e(m.Suspense,{fallback:e(me,{}),children:e(Wv,{embeddingDimensionId:n})})}),e(Rn,{css:
|
|
4497
|
+
`,children:[e(FC,{}),o(Di,{extra:o(b,{direction:"row",justifyContent:"center",alignItems:"center",gap:"size-100",children:[e(ha,{onChange:K=>{p(K)},defaultSelected:!0,labelPlacement:"start",children:"Show Timeseries"}),e($v,{})]}),children:[e(Ho,{}),l?e(Go,{inferencesRole:"reference",timeRange:{start:new Date(l.startTime),end:new Date(l.endTime)}}):null,e(Bv,{model:S.model})]}),o(Pn,{direction:"vertical",children:[c?o(J,{children:[e(Re,{defaultSize:20,collapsible:!0,order:1,children:e(m.Suspense,{fallback:e(me,{}),children:e(Wv,{embeddingDimensionId:n})})}),e(Rn,{css:Za})]}):null,e(Re,{order:2,children:e("div",{css:F`
|
|
4498
4498
|
width: 100%;
|
|
4499
4499
|
height: 100%;
|
|
4500
4500
|
position: relative;
|
|
@@ -4526,7 +4526,7 @@ dataframe`,iC=F`
|
|
|
4526
4526
|
}
|
|
4527
4527
|
}
|
|
4528
4528
|
}
|
|
4529
|
-
`,children:e(vC,{})}),e(Rn,{css:
|
|
4529
|
+
`,children:e(vC,{})}),e(Rn,{css:Za}),e(Re,{css:F`
|
|
4530
4530
|
.ac-tabs {
|
|
4531
4531
|
height: 100%;
|
|
4532
4532
|
overflow: hidden;
|
|
@@ -4535,7 +4535,7 @@ dataframe`,iC=F`
|
|
|
4535
4535
|
overflow-y: auto;
|
|
4536
4536
|
}
|
|
4537
4537
|
}
|
|
4538
|
-
`,children:o(an,{children:[o(nn,{children:[e(ne,{id:"display",children:"Display"}),e(ne,{id:"hyperparameters",children:"Hyperparameters"})]}),e(Aa,{id:"display",children:e(zf,{})}),e(Aa,{id:"hyperparameters",children:e(Nf,{})})]})})]})}),e(Rn,{css:
|
|
4538
|
+
`,children:o(an,{children:[o(nn,{children:[e(ne,{id:"display",children:"Display"}),e(ne,{id:"hyperparameters",children:"Hyperparameters"})]}),e(Aa,{id:"display",children:e(zf,{})}),e(Aa,{id:"hyperparameters",children:e(Nf,{})})]})})]})}),e(Rn,{css:yt}),e(Re,{children:o("div",{css:F`
|
|
4539
4539
|
position: relative;
|
|
4540
4540
|
width: 100%;
|
|
4541
4541
|
height: 100%;
|
|
@@ -4545,7 +4545,7 @@ dataframe`,iC=F`
|
|
|
4545
4545
|
left: 0;
|
|
4546
4546
|
bottom: 0;
|
|
4547
4547
|
right: 0;
|
|
4548
|
-
`,"data-testid":"selection-panel",children:o(Pn,{direction:"vertical",children:[e(Re,{}),e(Rn,{css:
|
|
4548
|
+
`,"data-testid":"selection-panel",children:o(Pn,{direction:"vertical",children:[e(Re,{}),e(Rn,{css:Za,style:{zIndex:1}}),e(Re,{id:"embedding-point-selection",defaultSize:40,minSize:20,order:2,style:{zIndex:1},children:e(SC,{children:e(m.Suspense,{fallback:e(me,{}),children:e(pC,{})})})})]})})}function SC(n){return e("div",{css:F`
|
|
4549
4549
|
background-color: var(--ac-global-color-grey-75);
|
|
4550
4550
|
width: 100%;
|
|
4551
4551
|
height: 100%;
|
|
@@ -4665,7 +4665,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
4665
4665
|
}
|
|
4666
4666
|
}
|
|
4667
4667
|
}
|
|
4668
|
-
`}}}();Zu.hash="54017cf4e3febc3e99e1d95c98800ef7";const _l={top:25,right:18,left:18,bottom:5},TC=new Intl.NumberFormat([],{maximumFractionDigits:2}),Xu=()=>{const{gray300:n}=Zn();return{color:n}};function PC({active:n,payload:a,label:l}){var i;const{color:t}=Xu();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,s=typeof r=="number"?TC.format(r):"--";return o(Gn,{children:[e(C,{weight:"heavy",size:"S",children:`${Jn(new Date(l))}`}),e(qe,{color:t,name:"Cardinality",value:s}),e(
|
|
4668
|
+
`}}}();Zu.hash="54017cf4e3febc3e99e1d95c98800ef7";const _l={top:25,right:18,left:18,bottom:5},TC=new Intl.NumberFormat([],{maximumFractionDigits:2}),Xu=()=>{const{gray300:n}=Zn();return{color:n}};function PC({active:n,payload:a,label:l}){var i;const{color:t}=Xu();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,s=typeof r=="number"?TC.format(r):"--";return o(Gn,{children:[e(C,{weight:"heavy",size:"S",children:`${Jn(new Date(l))}`}),e(qe,{color:t,name:"Cardinality",value:s}),e(ct,{})]})}return null}function xC({dimensionId:n}){var d;const{timeRange:a}=Yn(),l=Ya(a),t=x.useLazyLoadQuery(Zu,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:l}),{color:i}=Xu(),r=((d=t.dimension.cardinalityTimeSeries)==null?void 0:d.data.map(c=>({timestamp:new Date(c.timestamp).valueOf(),value:c.value})))||[],s=el({samplingIntervalMinutes:l.samplingIntervalMinutes});return e(On,{width:"100%",height:"100%",children:o(Dl,{data:r,margin:_l,syncId:"dimensionDetails",children:[e("defs",{children:o("linearGradient",{id:"cardinalityColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:i,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:i,stopOpacity:0})]})}),e(na,{...nl,tickFormatter:c=>s(new Date(c))}),e(In,{stroke:"var(--ac-global-color-grey-500)",label:{value:"Cardinality",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(aa,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(ea,{content:e(PC,{})}),e(Cl,{type:"monotone",dataKey:"value",stroke:i,fillOpacity:1,fill:"url(#cardinalityColorUv)"})]})})}const Yu={argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionCountStats_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:"count",args:[{kind:"Literal",name:"metric",value:"count"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],kind:"ScalarField",name:"dataQualityMetric",storageKey:null}],type:"Dimension",abstractKey:null};Yu.hash="6dccac51f3fb0853276677c692af5a43";function IC(n){const l=x.useFragment(Yu,n.dimension).count??0;return o(J,{children:[e(C,{elementType:"h3",size:"XS",color:"text-700",children:"Total Count"}),e(C,{size:"L",children:wa(l)})]})}const em=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},l={defaultValue:null,kind:"LocalArgument",name:"timeRange"},t=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"InlineFragment",selections:[{alias:"trafficTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"countGranularity"},{kind:"Literal",name:"metric",value:"count"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"DimensionCountTimeSeriesQuery",selections:[{alias:"embedding",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,l,n],kind:"Operation",name:"DimensionCountTimeSeriesQuery",selections:[{alias:"embedding",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,r],storageKey:null}]},params:{cacheID:"695a044545346c5b69438bef3d905a3e",id:null,metadata:{},name:"DimensionCountTimeSeriesQuery",operationKind:"query",text:`query DimensionCountTimeSeriesQuery(
|
|
4669
4669
|
$dimensionId: ID!
|
|
4670
4670
|
$timeRange: TimeRange!
|
|
4671
4671
|
$countGranularity: Granularity!
|
|
@@ -4683,7 +4683,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
4683
4683
|
}
|
|
4684
4684
|
}
|
|
4685
4685
|
}
|
|
4686
|
-
`}}}();em.hash="0e3c417502e042a162e263efd78e1877";const DC=new Intl.NumberFormat([],{maximumFractionDigits:2}),nm=()=>{const{gray300:n}=Zn();return{barColor:n}};function LC({active:n,payload:a,label:l}){var i;const{barColor:t}=nm();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,s=typeof r=="number"?DC.format(r):"--";return o(Gn,{children:[e(C,{weight:"heavy",size:"S",children:`${Jn(new Date(l))}`}),e(qe,{color:t,shape:"square",name:"Count",value:s})]})}return null}function _C({dimensionId:n}){var c;const{timeRange:a}=Yn(),l=
|
|
4686
|
+
`}}}();em.hash="0e3c417502e042a162e263efd78e1877";const DC=new Intl.NumberFormat([],{maximumFractionDigits:2}),nm=()=>{const{gray300:n}=Zn();return{barColor:n}};function LC({active:n,payload:a,label:l}){var i;const{barColor:t}=nm();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,s=typeof r=="number"?DC.format(r):"--";return o(Gn,{children:[e(C,{weight:"heavy",size:"S",children:`${Jn(new Date(l))}`}),e(qe,{color:t,shape:"square",name:"Count",value:s})]})}return null}function _C({dimensionId:n}){var c;const{timeRange:a}=Yn(),l=Ya(a),r=(((c=x.useLazyLoadQuery(em,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},countGranularity:l}).embedding.trafficTimeSeries)==null?void 0:c.data)||[]).map(p=>({...p,timestamp:new Date(p.timestamp).valueOf()})),s=el({samplingIntervalMinutes:l.samplingIntervalMinutes}),{barColor:d}=nm();return e(On,{width:"100%",height:"100%",children:o(vt,{data:r,margin:_l,syncId:"dimensionDetails",children:[e("defs",{children:o("linearGradient",{id:"countBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:d,stopOpacity:1}),e("stop",{offset:"95%",stopColor:d,stopOpacity:.5})]})}),e(na,{...nl,tickFormatter:p=>s(new Date(p))}),e(In,{stroke:"var(--ac-global-color-grey-500)",label:{value:"Count",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(aa,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(ea,{...Li,content:e(LC,{})}),e(Ra,{dataKey:"value",fill:"url(#countBarColor)",spacing:5})]})})}const am=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"dimensionId"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"dimensionId"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t=[{kind:"Variable",name:"primaryTimeRange",variableName:"timeRange"}],i={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},s={alias:null,args:null,concreteType:"NumericRange",kind:"LinkedField",name:"range",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"start",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"end",storageKey:null}],storageKey:null},d=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"referenceValue",storageKey:null}],c={alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"counts",plural:!1,selections:d,storageKey:null},p={alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"totalCounts",plural:!1,selections:d,storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DimensionDriftBreakdownSegmentBarChartQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"InlineFragment",selections:[{kind:"RequiredField",field:{alias:null,args:t,concreteType:"Segments",kind:"LinkedField",name:"segmentsComparison",plural:!1,selections:[{alias:null,args:null,concreteType:"Segment",kind:"LinkedField",name:"segments",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"bin",plural:!1,selections:[{kind:"InlineFragment",selections:[i,r],type:"NominalBin",abstractKey:null},{kind:"InlineFragment",selections:[i,s],type:"IntervalBin",abstractKey:null},{kind:"InlineFragment",selections:[i],type:"MissingValueBin",abstractKey:null}],storageKey:null},c],storageKey:null},p],storageKey:null},action:"THROW"}],type:"Dimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DimensionDriftBreakdownSegmentBarChartQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,l,{kind:"InlineFragment",selections:[{alias:null,args:t,concreteType:"Segments",kind:"LinkedField",name:"segmentsComparison",plural:!1,selections:[{alias:null,args:null,concreteType:"Segment",kind:"LinkedField",name:"segments",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"bin",plural:!1,selections:[i,{kind:"InlineFragment",selections:[r],type:"NominalBin",abstractKey:null},{kind:"InlineFragment",selections:[s],type:"IntervalBin",abstractKey:null}],storageKey:null},c],storageKey:null},p],storageKey:null}],type:"Dimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"2e05d1ca13480861b72938edd162c36f",id:null,metadata:{},name:"DimensionDriftBreakdownSegmentBarChartQuery",operationKind:"query",text:`query DimensionDriftBreakdownSegmentBarChartQuery(
|
|
4687
4687
|
$dimensionId: ID!
|
|
4688
4688
|
$timeRange: TimeRange!
|
|
4689
4689
|
) {
|
|
@@ -4723,7 +4723,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
4723
4723
|
}
|
|
4724
4724
|
}
|
|
4725
4725
|
}
|
|
4726
|
-
`}}}();am.hash="f42c6bfff21c628edc1e297e0a0462d4";const Hr=
|
|
4726
|
+
`}}}();am.hash="f42c6bfff21c628edc1e297e0a0462d4";const Hr=oi(".2f"),lm=()=>{const{primary:n,reference:a}=Zn();return{primaryBarColor:n,referenceBarColor:a}};function AC({active:n,payload:a,label:l}){var r,s,d,c,p,y;const{primaryBarColor:t,referenceBarColor:i}=lm();if(n&&a&&a.length){const u=(s=(r=a[0])==null?void 0:r.payload)==null?void 0:s.primaryName,g=(d=a[0])==null?void 0:d.value,f=(p=(c=a[0])==null?void 0:c.payload)==null?void 0:p.referenceName,k=(y=a[1])==null?void 0:y.value;return o(Gn,{children:[e(C,{elementType:"h3",size:"S",weight:"heavy",children:l}),e(qe,{color:t,shape:"square",name:u,value:g!=null?`${Hr(g)}%`:"--"}),e(qe,{color:i,shape:"square",name:f,value:k!=null?`${Hr(k)}%`:"--"})]})}return null}function wC(n){var g,f,k,h,S;const{primaryInferences:a,referenceInferences:l}=jn(),t=a.name,i=(l==null?void 0:l.name)||"reference",{selectedTimestamp:r}=kt(),s=m.useMemo(()=>r??new Date(a.endTime),[r,a.endTime]),d=m.useMemo(()=>({start:ro(s,2).toISOString(),end:s.toISOString()}),[s]),c=x.useLazyLoadQuery(am,{dimensionId:n.dimensionId,timeRange:d}),p=m.useMemo(()=>{var D,T,L,V,w;const K=((D=c.dimension.segmentsComparison)==null?void 0:D.segments)??[],P=((L=(T=c.dimension.segmentsComparison)==null?void 0:T.totalCounts)==null?void 0:L.primaryValue)??0,I=((w=(V=c.dimension.segmentsComparison)==null?void 0:V.totalCounts)==null?void 0:w.referenceValue)??0;return K.map($=>{var be,Qn;const M=((be=$.counts)==null?void 0:be.primaryValue)??0,N=((Qn=$.counts)==null?void 0:Qn.referenceValue)??0,j=es($.bin),q=M/P*100,se=N/I*100;return{name:j,primaryName:t,referenceName:i,primaryPercent:q,referencePercent:se}})},[(g=c.dimension.segmentsComparison)==null?void 0:g.segments,(k=(f=c.dimension.segmentsComparison)==null?void 0:f.totalCounts)==null?void 0:k.primaryValue,(S=(h=c.dimension.segmentsComparison)==null?void 0:h.totalCounts)==null?void 0:S.referenceValue,t,i]),{primaryBarColor:y,referenceBarColor:u}=lm();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 ${Jn(new Date(d.end))}`})}),e(v,{flex:!0,children:e(On,{children:o(vt,{data:p,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:y,stopOpacity:1}),e("stop",{offset:"95%",stopColor:y,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(na,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(In,{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(aa,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)"}),e(ea,{...Li,content:e(AC,{})}),e(Ra,{dataKey:"primaryPercent",fill:"url(#dimensionPrimarySegmentsBarColor)"}),e(Ra,{dataKey:"referencePercent",fill:"url(#dimensionReferenceSegmentsBarColor)"})]})})})]})}const tm={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};tm.hash="f8a9fb08a14f63906e38bc247d50b189";const RC=o(Wa,{variant:"info",placement:"top end",children:[e(ae,{weight:"heavy",level:4,children:"Population Stability Index"}),e(ka,{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(Sn,{href:"https://arize.com/blog-course/population-stability-index-psi/#:~:text=Population%20Stability%20Index%20(PSI)%20Overview,distributions%20are%20from%20each%20other.",children:"Learn more"})})]});function EC(n){const a=x.useFragment(tm,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"}),RC]}),e(C,{size:"L",children:ja(a.psi)})]})}const im=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(
|
|
4727
4727
|
$dimensionId: ID!
|
|
4728
4728
|
$timeRange: TimeRange!
|
|
4729
4729
|
$driftGranularity: Granularity!
|
|
@@ -4748,7 +4748,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
4748
4748
|
}
|
|
4749
4749
|
}
|
|
4750
4750
|
}
|
|
4751
|
-
`}}}();im.hash="e458e42625d1c4dcdd2359a8d33d32a8";const rm=()=>{const{orange300:n,gray300:a}=Zn();return{color:n,barColor:a}};function MC({active:n,payload:a,label:l}){var i;const{color:t}=rm();if(n&&a&&a.length){const r=((i=a[1])==null?void 0:i.value)??null;return o(Gn,{children:[e(C,{weight:"heavy",size:"S",children:`${Jn(new Date(l))}`}),e(qe,{color:t,name:"PSI",value:ja(r)}),e(
|
|
4751
|
+
`}}}();im.hash="e458e42625d1c4dcdd2359a8d33d32a8";const rm=()=>{const{orange300:n,gray300:a}=Zn();return{color:n,barColor:a}};function MC({active:n,payload:a,label:l}){var i;const{color:t}=rm();if(n&&a&&a.length){const r=((i=a[1])==null?void 0:i.value)??null;return o(Gn,{children:[e(C,{weight:"heavy",size:"S",children:`${Jn(new Date(l))}`}),e(qe,{color:t,name:"PSI",value:ja(r)}),e(ct,{}),o("div",{css:F`
|
|
4752
4752
|
display: flex;
|
|
4753
4753
|
flex-direction: row;
|
|
4754
4754
|
align-items: center;
|
|
@@ -4756,7 +4756,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
4756
4756
|
gap: var(--ac-global-dimension-static-size-50);
|
|
4757
4757
|
|
|
4758
4758
|
margin-top: var(--ac-global-dimension-static-size-50);
|
|
4759
|
-
`,children:[e(_,{svg:e(qn,{})}),e("span",{children:"Click to view details"})]})]})}return null}function VC({dimensionId:n}){var f,k;const{timeRange:a}=Yn(),{selectedTimestamp:l,setSelectedTimestamp:t}=
|
|
4759
|
+
`,children:[e(_,{svg:e(qn,{})}),e("span",{children:"Click to view details"})]})]})}return null}function VC({dimensionId:n}){var f,k;const{timeRange:a}=Yn(),{selectedTimestamp:l,setSelectedTimestamp:t}=kt(),i=Ya(a),r=x.useLazyLoadQuery(im,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},driftGranularity:Jo(a),countGranularity:i}),s=((f=r.embedding.driftTimeSeries)==null?void 0:f.data)||[],d=((k=r.embedding.trafficTimeSeries)==null?void 0:k.data.reduce((h,S)=>(h[S.timestamp]=S.value,h),{}))??{},c=s.map(h=>{const S=d[h.timestamp];return{...h,traffic:S,timestamp:new Date(h.timestamp).valueOf()}}),p=el({samplingIntervalMinutes:i.samplingIntervalMinutes}),y=m.useCallback(h=>{const{activePayload:S}=h;if(S!=null&&S.length>0){const K=S[0].payload;t(new Date(K.timestamp))}},[t]),{color:u,barColor:g}=rm();return e(On,{width:"100%",height:"100%",children:o(Dl,{data:c,margin:_l,onClick:y,syncId:"dimensionDetails",children:[o("defs",{children:[o("linearGradient",{id:"dimensionDriftColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:u,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:u,stopOpacity:0})]}),o("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:g,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:g,stopOpacity:0})]})]}),e(na,{...nl,tickFormatter:h=>p(new Date(h))}),e(In,{stroke:"var(--ac-global-color-grey-500)",label:{value:"PSI",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-color-grey-500)"}}),e(In,{yAxisId:"right",orientation:"right",tick:!1,tickLine:!1,width:0}),e(aa,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(ea,{content:e(MC,{})}),e(Ra,{yAxisId:"right",dataKey:"traffic",fill:"url(#barColor)",spacing:5}),e(Cl,{type:"monotone",dataKey:"value",stroke:u,fillOpacity:1,fill:"url(#dimensionDriftColorUv)"}),l!=null?e(gs,{...Zo,x:l.getTime()}):null]})})}const om=function(){var n={kind:"Literal",name:"metric",value:"percentEmpty"};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"hasReference"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionPercentEmptyStats_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:"percentEmpty",args:[n,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{condition:"hasReference",kind:"Condition",passingValue:!0,selections:[{alias:"referencePercentEmpty",args:[{kind:"Literal",name:"inferencesRole",value:"reference"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"percentEmpty")'}]}],type:"Dimension",abstractKey:null}}();om.hash="1e10d0449d6607d9292f355548c41c78";function zC(n){const a=x.useFragment(om,n.dimension);return o(J,{children:[e(C,{elementType:"h3",size:"XS",color:"text-700",children:"% Empty"}),e(C,{size:"L",children:ql(a.percentEmpty)}),a.referencePercentEmpty!=null&&e(C,{size:"M",color:"purple-800",children:ql(a.referencePercentEmpty)})]})}const sm=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"granularity"},l={defaultValue:null,kind:"LocalArgument",name:"timeRange"},t=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"InlineFragment",selections:[{alias:"percentEmptyTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"granularity"},{kind:"Literal",name:"metric",value:"percentEmpty"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"DimensionPercentEmptyTimeSeriesQuery",selections:[{alias:"embedding",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,l,a],kind:"Operation",name:"DimensionPercentEmptyTimeSeriesQuery",selections:[{alias:"embedding",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,r],storageKey:null}]},params:{cacheID:"85842391b76ccca79e3b6f506fb1d78d",id:null,metadata:{},name:"DimensionPercentEmptyTimeSeriesQuery",operationKind:"query",text:`query DimensionPercentEmptyTimeSeriesQuery(
|
|
4760
4760
|
$dimensionId: ID!
|
|
4761
4761
|
$timeRange: TimeRange!
|
|
4762
4762
|
$granularity: Granularity!
|
|
@@ -4774,7 +4774,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
4774
4774
|
}
|
|
4775
4775
|
}
|
|
4776
4776
|
}
|
|
4777
|
-
`}}}();sm.hash="c04e7d788249ceb6f9f7a9ff50a28efd";const NC=new Intl.NumberFormat([],{maximumFractionDigits:2}),dm=()=>{const{gray100:n}=Zn();return{color:n}};function $C({active:n,payload:a,label:l}){var i;const{color:t}=dm();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,s=typeof r=="number"?NC.format(r):"--";return o(Gn,{children:[e(C,{weight:"heavy",size:"S",children:`${Jn(new Date(l))}`}),e(qe,{color:t,name:"% Empty",value:s})]})}return null}function jC({dimensionId:n}){var d;const{timeRange:a}=Yn(),l=
|
|
4777
|
+
`}}}();sm.hash="c04e7d788249ceb6f9f7a9ff50a28efd";const NC=new Intl.NumberFormat([],{maximumFractionDigits:2}),dm=()=>{const{gray100:n}=Zn();return{color:n}};function $C({active:n,payload:a,label:l}){var i;const{color:t}=dm();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,s=typeof r=="number"?NC.format(r):"--";return o(Gn,{children:[e(C,{weight:"heavy",size:"S",children:`${Jn(new Date(l))}`}),e(qe,{color:t,name:"% Empty",value:s})]})}return null}function jC({dimensionId:n}){var d;const{timeRange:a}=Yn(),l=Ya(a),i=((d=x.useLazyLoadQuery(sm,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:l}).embedding.percentEmptyTimeSeries)==null?void 0:d.data.map(c=>({timestamp:new Date(c.timestamp).valueOf(),value:c.value})))||[],r=el({samplingIntervalMinutes:l.samplingIntervalMinutes}),{color:s}=dm();return e(On,{width:"100%",height:"100%",children:o(Dl,{data:i,margin:_l,syncId:"dimensionDetails",children:[e("defs",{children:o("linearGradient",{id:"percentEmptyColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:s,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:s,stopOpacity:0})]})}),e(na,{...nl,tickFormatter:c=>r(new Date(c))}),e(In,{stroke:"var(--ac-global-color-grey-500)",label:{value:"% Empty",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(aa,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(ea,{content:e($C,{})}),e(ps,{type:"monotone",dataKey:"value",stroke:s,fillOpacity:1,fill:"url(#percentEmptyColorUv)"})]})})}const cm=function(){var n={kind:"Variable",name:"timeRange",variableName:"timeRange"};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionQuantilesStats_dimension",selections:[{alias:"p99",args:[{kind:"Literal",name:"metric",value:"p99"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p75",args:[{kind:"Literal",name:"metric",value:"p75"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p50",args:[{kind:"Literal",name:"metric",value:"p50"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p25",args:[{kind:"Literal",name:"metric",value:"p25"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p1",args:[{kind:"Literal",name:"metric",value:"p01"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null}],type:"Dimension",abstractKey:null}}();cm.hash="c306c8eafb1d34be464d3a658d5f94a7";function OC(n){const a=x.useFragment(cm,n.dimension);return e("ul",{css:F`
|
|
4778
4778
|
display: flex;
|
|
4779
4779
|
flex-direction: column;
|
|
4780
4780
|
gap: var(--ac-global-dimension-static-size-50);
|
|
@@ -4824,7 +4824,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
4824
4824
|
}
|
|
4825
4825
|
}
|
|
4826
4826
|
}
|
|
4827
|
-
`}}}();um.hash="83342058bb8f50dad5bec299b4bc034d";const QC=
|
|
4827
|
+
`}}}();um.hash="83342058bb8f50dad5bec299b4bc034d";const QC=oi("~s");var mm=(n=>(n.p99_p01="p99_p01",n.p75_p25="p75_p25",n.p50="p50",n))(mm||{});const BC=new Intl.NumberFormat([],{maximumFractionDigits:2});function dl(n){return typeof n=="number"?BC.format(n):"--"}const gm=()=>{const n=Zn();return{outerColor:n.gray500,innerColor:n.gray300,lineColor:n.default}};function qC({active:n,payload:a,label:l}){const{outerColor:t,innerColor:i,lineColor:r}=gm();if(n&&a&&a.length){const s=a[0].payload;return o(Gn,{children:[e(C,{weight:"heavy",size:"S",children:`${Jn(new Date(l))}`}),e(qe,{color:t,name:"p99",value:dl(s.p99_p01[0])}),e(qe,{color:i,name:"p75",value:dl(s.p75_p25[0])}),e(qe,{color:r,name:"p50",value:dl(s.p50)}),e(qe,{color:i,name:"p25",value:dl(s.p75_p25[1])}),e(qe,{color:t,name:"p01",value:dl(s.p99_p01[1])})]})}return null}function UC({dimensionId:n}){var I,D,T,L,V;const{timeRange:a}=Yn(),l=Ya(a),t=x.useLazyLoadQuery(um,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:l}),i=((I=t.dimension.p99TimeSeries)==null?void 0:I.data.map(w=>w))||[],r=((D=t.dimension.p01TimeSeries)==null?void 0:D.data.map(w=>w))||[],s=((T=t.dimension.p75TimeSeries)==null?void 0:T.data.map(w=>w))||[],d=((L=t.dimension.p25TimeSeries)==null?void 0:L.data.map(w=>w))||[],c=((V=t.dimension.p50TimeSeries)==null?void 0:V.data.map(w=>w))||[],p=i.map((w,$)=>({timestamp:new Date(w.timestamp).valueOf(),p99_p01:[w.value,r[$].value],p75_p25:[s[$].value,d[$].value],p50:c[$].value})),y=el({samplingIntervalMinutes:l.samplingIntervalMinutes}),[u,g]=m.useState(Object.keys(mm).reduce((w,$)=>(w[$]=!1,w),{})),f=w=>{u[w.dataKey]||g({...u})},k=()=>{g({...u})},h=w=>{g({...u,[String(w.dataKey)]:!u[w.dataKey]})},{outerColor:S,innerColor:K,lineColor:P}=gm();return e(On,{width:"100%",height:"100%",children:o(Dl,{data:p,margin:_l,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(na,{...nl,tickFormatter:w=>y(new Date(w))}),e(In,{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:w=>QC(w),style:{fill:"var(--ac-global-text-color-700)"}}),e(aa,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(ea,{content:e(qC,{})}),e(bh,{onClick:h,onMouseOver:f,onMouseOut:k}),e(Cl,{type:"monotone",dataKey:"p99_p01",name:"p99 - p01",fillOpacity:1,fill:"url(#p99_p01ColorUV)",stroke:S,hide:u.p99_p01===!0}),e(Cl,{type:"monotone",dataKey:"p75_p25",name:"p75 - p25",fillOpacity:1,stroke:K,fill:"url(#p75_p25ColorUV)",hide:u.p75_p25===!0}),e(ps,{type:"monotone",dataKey:"p50",stroke:P,hide:u.p50===!0})]})})}const pm=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}}();pm.hash="8cef9841e9a5bd7d0d50acb5db9028b0";const HC=oi(".2f"),ym=()=>{const{primary:n}=Zn();return{color:n}};function GC({active:n,payload:a,label:l}){var i;const{color:t}=ym();if(n&&a&&a.length){const r=(i=a[0])==null?void 0:i.value;return e(Gn,{children:e(qe,{color:t,shape:"square",name:l,value:r!=null?`${HC(r)}%`:"--"})})}return null}function WC(n){const a=x.useFragment(pm,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(p=>{var f;const y=((f=p.counts)==null?void 0:f.primaryValue)??0,u=es(p.bin),g=y/r*100;return{name:u,percent:g}})},[a]),{color:t}=ym();return e(On,{children:o(vt,{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(na,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(In,{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(aa,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(ea,{...Li,content:e(GC,{})}),e(Ra,{dataKey:"percent",fill:"url(#dimensionSegmentsBarColor)",spacing:15})]})})}function LT(){const{dimensionId:n}=Oe(),{timeRange:a}=Yn(),l=Me();je(l);const{referenceInferences:t}=jn(),i=t!==null,r=i,s=l.dimension.shape!=="continuous",d=l.dimension.dataType==="numeric",c=ce(),p=x.useLazyLoadQuery(Wu,{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(Yo,{initialTimestamp:new Date(a.end),children:e(oe,{type:"slideOver",isDismissable:!0,onDismiss:()=>c(-1),children:e(te,{size:"L",title:l.dimension.name,children:e("main",{css:F`
|
|
4828
4828
|
padding: var(--ac-global-dimension-static-size-100);
|
|
4829
4829
|
display: flex;
|
|
4830
4830
|
flex-direction: column;
|
|
@@ -4845,7 +4845,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
4845
4845
|
id
|
|
4846
4846
|
}
|
|
4847
4847
|
}
|
|
4848
|
-
`}}}();fm.hash="00f0d45ac038a51b4b30d9c5251f701e";async function _T(n){const{dimensionId:a}=n.params;return x.fetchQuery(he,fm,{id:a}).toPromise()}const AT=()=>{const n=
|
|
4848
|
+
`}}}();fm.hash="00f0d45ac038a51b4b30d9c5251f701e";async function _T(n){const{dimensionId:a}=n.params;return x.fetchQuery(he,fm,{id:a}).toPromise()}const AT=()=>{const n=bl(a=>a.defaultTab);return e(oo,{to:n,replace:!0})},hm=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={kind:"Variable",name:"timeRange",variableName:"timeRange"},t=[l];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectPageQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"ProjectPageHeader_stats"},{args:null,kind:"FragmentSpread",name:"StreamToggle_data"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectPageQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:t,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:t,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:t,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:t,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},l],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:"latencyMsP99",args:[{kind:"Literal",name:"probability",value:.99},l],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentEvaluationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"streamingLastUpdatedAt",storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"6f2e474e767cd6efbff3c16e5bda0e88",id:null,metadata:{},name:"ProjectPageQuery",operationKind:"query",text:`query ProjectPageQuery(
|
|
4849
4849
|
$id: ID!
|
|
4850
4850
|
$timeRange: TimeRange!
|
|
4851
4851
|
) {
|
|
@@ -4937,7 +4937,7 @@ fragment DocumentEvaluationSummaryValueFragment_1dJL9N on Project {
|
|
|
4937
4937
|
}
|
|
4938
4938
|
id
|
|
4939
4939
|
}
|
|
4940
|
-
`}}}();Cm.hash="6ec982057cc21ad195aa215a2118c5bc";function JC({evaluationName:n}){var i,r;const{projectId:a}=Oe(),{timeRange:l}=
|
|
4940
|
+
`}}}();Cm.hash="6ec982057cc21ad195aa215a2118c5bc";function JC({evaluationName:n}){var i,r;const{projectId:a}=Oe(),{timeRange:l}=ut(),t=x.useLazyLoadQuery(Cm,{id:a,evaluationName:n,timeRange:{start:(i=l==null?void 0:l.start)==null?void 0:i.toISOString(),end:(r=l==null?void 0:l.end)==null?void 0:r.toISOString()}});return o(b,{direction:"column",flex:"none",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:n}),e(m.Suspense,{fallback:e(C,{size:"L",children:"--"}),children:e(ZC,{evaluationName:n,project:t==null?void 0:t.project})})]})}function ZC(n){var p,y,u,g;const{project:a}=n,{fetchKey:l}=Ma(),[t,i]=x.useRefetchableFragment(vm,a);m.useEffect(()=>{m.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[l,i]);const r=(p=t==null?void 0:t.documentEvaluationSummary)==null?void 0:p.averageNdcg,s=(y=t==null?void 0:t.documentEvaluationSummary)==null?void 0:y.averagePrecision,d=(u=t==null?void 0:t.documentEvaluationSummary)==null?void 0:u.hitRate,c=(g=t==null?void 0:t.documentEvaluationSummary)==null?void 0:g.meanReciprocalRank;return o(Le,{delay:0,placement:"bottom",children:[e(Ne,{children:e(b,{direction:"row",alignItems:"center",gap:"size-50",height:"28px",children:o(J,{children:[e(kn,{metric:"ndcg",score:r},"ndcg"),e(kn,{metric:"precision",score:s},"precision"),e(kn,{metric:"hit rate",score:d},"hit")]})})}),e(Hn,{children:e(v,{width:"size-2400",children:o(b,{direction:"column",children:[o(b,{justifyContent:"space-between",children:[e(C,{children:"average ndcg"}),e(C,{children:typeof r=="number"?$a(r):"--"})]}),o(b,{justifyContent:"space-between",children:[e(C,{children:"average precision"}),e(C,{children:typeof s=="number"?$a(s):"--"})]}),o(b,{justifyContent:"space-between",children:[e(C,{children:"mean reciprocal rank"}),e(C,{children:typeof c=="number"?$a(c):"--"})]}),o(b,{justifyContent:"space-between",children:[e(C,{children:"hit rate"}),e(C,{children:typeof d=="number"?$a(d):"--"})]})]})})})]})}function XC(n){var g;const{extra:a}=n,{fetchKey:l}=Ma(),[t,i]=x.useRefetchableFragment(bm,n.project);m.useEffect(()=>{m.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[l,i]);const r=t==null?void 0:t.latencyMsP50,s=t==null?void 0:t.latencyMsP99,d=t==null?void 0:t.tokenCountTotal,c=t==null?void 0:t.tokenCountPrompt,p=t==null?void 0:t.tokenCountCompletion,y=(g=t==null?void 0:t.spanAnnotationNames)==null?void 0:g.filter(f=>f!=="note"),u=t==null?void 0:t.documentEvaluationNames;return e(v,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-200",paddingBottom:"size-50",flex:"none",children:o(b,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e("div",{css:F`
|
|
4941
4941
|
overflow-x: auto;
|
|
4942
4942
|
overflow-y: hidden;
|
|
4943
4943
|
flex: 1 1 auto;
|
|
@@ -4973,7 +4973,7 @@ fragment DocumentEvaluationSummaryValueFragment_1dJL9N on Project {
|
|
|
4973
4973
|
left center,
|
|
4974
4974
|
right center;
|
|
4975
4975
|
background-attachment: local, local, scroll, scroll;
|
|
4976
|
-
`,children:o(b,{direction:"row",gap:"size-400",alignItems:"center",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:wa(t==null?void 0:t.traceCount)})]}),o(b,{direction:"column",flex:"none",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Total Tokens"}),o(Le,{delay:0,placement:"bottom",children:[e(Ne,{children:e(C,{size:"L",children:wa(d)})}),e(Hn,{children:e(v,{width:"size-2400",children:o(b,{direction:"column",children:[o(b,{justifyContent:"space-between",children:[e(C,{children:"Prompt Tokens"}),e(C,{children:typeof c=="number"?
|
|
4976
|
+
`,children:o(b,{direction:"row",gap:"size-400",alignItems:"center",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:wa(t==null?void 0:t.traceCount)})]}),o(b,{direction:"column",flex:"none",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Total Tokens"}),o(Le,{delay:0,placement:"bottom",children:[e(Ne,{children:e(C,{size:"L",children:wa(d)})}),e(Hn,{children:e(v,{width:"size-2400",children:o(b,{direction:"column",children:[o(b,{justifyContent:"space-between",children:[e(C,{children:"Prompt Tokens"}),e(C,{children:typeof c=="number"?Rt(c):"--"})]}),o(b,{justifyContent:"space-between",children:[e(C,{children:"Completion Tokens"}),e(C,{children:typeof p=="number"?Rt(p):"--"})]}),o(b,{justifyContent:"space-between",children:[e(C,{children:"Total Tokens"}),e(C,{children:typeof d=="number"?Rt(d):"--"})]})]})})})]})]}),o(b,{direction:"column",flex:"none",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Latency P50"}),r!=null?e($e,{latencyMs:r,size:"L"}):e(C,{size:"L",children:"--"})]}),o(b,{direction:"column",flex:"none",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Latency P99"}),s!=null?e($e,{latencyMs:s,size:"L"}):e(C,{size:"L",children:"--"})]}),y.map(f=>e(pt,{fallback:jf,children:e(ab,{annotationName:f},f)},f)),u.map(f=>e(JC,{evaluationName:f},`document-${f}`))]})}),e(v,{flex:"none",paddingStart:"size-100",children:a})]})})}const Fm=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"StreamToggleRefetchQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"StreamToggle_data"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"StreamToggleRefetchQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"streamingLastUpdatedAt",storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"70bebe4abe808b13c94decf17c7cd90d",id:null,metadata:{},name:"StreamToggleRefetchQuery",operationKind:"query",text:`query StreamToggleRefetchQuery(
|
|
4977
4977
|
$id: ID!
|
|
4978
4978
|
) {
|
|
4979
4979
|
node(id: $id) {
|
|
@@ -4987,7 +4987,7 @@ fragment StreamToggle_data on Project {
|
|
|
4987
4987
|
streamingLastUpdatedAt
|
|
4988
4988
|
id
|
|
4989
4989
|
}
|
|
4990
|
-
`}}}();Fm.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";const Km={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Fm,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"StreamToggle_data",selections:[{alias:null,args:null,kind:"ScalarField",name:"streamingLastUpdatedAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],type:"Project",abstractKey:null};Km.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";const YC=2e3,eF=["spans","traces","sessions"];function nF(n){const{isStreaming:a,setIsStreaming:l,setFetchKey:t}=Ma(),r=
|
|
4990
|
+
`}}}();Fm.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";const Km={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Fm,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"StreamToggle_data",selections:[{alias:null,args:null,kind:"ScalarField",name:"streamingLastUpdatedAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],type:"Project",abstractKey:null};Km.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";const YC=2e3,eF=["spans","traces","sessions"];function nF(n){const{isStreaming:a,setIsStreaming:l,setFetchKey:t}=Ma(),r=Ga().pathname.split("/").pop()||"",s=eF.includes(r)&&a,[d,c]=x.useRefetchableFragment(Km,n.project),p=m.useRef(d.streamingLastUpdatedAt),y=m.useCallback(()=>{s&&m.startTransition(()=>{c({},{fetchPolicy:"store-and-network"})})},[s,c]),u=d.streamingLastUpdatedAt;return m.useEffect(()=>{u!=null&&(p.current==null||p.current<u)&&(p.current=u,t(`fetch-traces-${u}`))},[t,u]),W1(y,YC),e(ha,{labelPlacement:"start",isSelected:a,onChange:()=>{l(!a)},children:"Stream"})}const aF=F`
|
|
4991
4991
|
flex: 1 1 auto;
|
|
4992
4992
|
display: flex;
|
|
4993
4993
|
flex-direction: column;
|
|
@@ -5013,7 +5013,7 @@ fragment StreamToggle_data on Project {
|
|
|
5013
5013
|
}
|
|
5014
5014
|
}
|
|
5015
5015
|
}
|
|
5016
|
-
`;function wT(){const{projectId:n}=Oe(),{timeRange:a}=
|
|
5016
|
+
`;function wT(){const{projectId:n}=Oe(),{timeRange:a}=ut();return e(m.Suspense,{fallback:e(me,{}),children:e(tF,{projectId:n,timeRange:a})})}const lF=["spans","traces","sessions","config"],Gr=n=>lF.includes(n),Wr={spans:0,traces:1,sessions:2,config:3};function tF({projectId:n,timeRange:a}){const l=bl(L=>L.treatOrphansAsRoots),t=m.useMemo(()=>{var L,V;return{start:(L=a==null?void 0:a.start)==null?void 0:L.toISOString(),end:(V=a==null?void 0:a.end)==null?void 0:V.toISOString()}},[a]),i=ce(),{rootPath:r,tab:s}=Dt(),d=x.useLazyLoadQuery(hm,{id:n,timeRange:t},{fetchPolicy:"store-and-network",fetchKey:`${n}-${t.start}-${t.end}`}),[c,p,y]=x.useQueryLoader(wd),[u,g,f]=x.useQueryLoader(Rd),[k,h,S]=x.useQueryLoader(Ed),[K,P,I]=x.useQueryLoader(Md),D=Gr(s)?Wr[s]:0;m.useEffect(()=>(D===0?g({id:n,timeRange:t,orphanSpanAsRootSpan:l}):D===1?p({id:n,timeRange:t}):D===2?h({id:n,timeRange:t}):D===3&&P({id:n}),()=>{f(),S(),y(),I()}),[p,n,t,D,f,S,y,g,h,P,I,l]);const T=m.useCallback(L=>{m.startTransition(()=>{i(L===1?`${r}/traces`:L===2?`${r}/sessions`:L===3?`${r}/config`:`${r}/spans`)})},[i,r]);return e(nb,{children:o("main",{css:aF,children:[e(XC,{project:d.project,extra:o(b,{direction:"row",alignItems:"center",gap:"size-100",children:[e(nF,{project:d.project}),e(lt,{})]})}),e(Vd.Provider,{value:{spansQueryReference:u??null,sessionsQueryReference:k??null,tracesQueryReference:c??null,projectConfigQueryReference:K??null},children:o(an,{onSelectionChange:L=>{typeof L=="string"&&Gr(L)&&T(Wr[L])},selectedKey:s,children:[o(nn,{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(re,{padded:!1,id:"spans",children:e(Ce,{})}),e(re,{padded:!1,id:"traces",children:e(Ce,{})}),e(re,{padded:!1,id:"sessions",children:e(Ce,{})}),e(re,{padded:!1,id:"config",children:e(Ce,{})})]})})]})})}const Tm=m.createContext(null);function Pm(){const n=m.useContext(Tm);if(n===null)throw new Error("useSessionSubstring must be used within a SessionSubstringProvider");return n}function iF(n){const[a,l]=m.useState(""),t=m.useCallback(i=>{m.startTransition(()=>{l(i)})},[]);return e(Tm.Provider,{value:{filterIoSubstring:a,setFilterIoSubstring:t},children:n.children})}const xm=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"},p={kind:"Variable",name:"first",variableName:"first"},y={kind:"Variable",name:"sort",variableName:"sort"},u={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},f=[d,c,p,y,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],k=[{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,p,y],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,g,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:f,concreteType:"ProjectSessionConnection",kind:"LinkedField",name:"sessions",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectSessionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"session",args:null,concreteType:"ProjectSession",kind:"LinkedField",name:"node",plural:!1,selections:[g,{alias:null,args:null,kind:"ScalarField",name:"sessionId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"numTraces",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"firstInput",plural:!1,selections:k,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"lastOutput",plural:!1,selections:k,storageKey:null},{alias:null,args:null,concreteType:"TokenUsage",kind:"LinkedField",name:"tokenUsage",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"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,g],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:f,filters:["sort","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(
|
|
5017
5017
|
$after: String = null
|
|
5018
5018
|
$filterIoSubstring: String = null
|
|
5019
5019
|
$first: Int = 30
|
|
@@ -5094,11 +5094,11 @@ fragment SessionsTable_sessions_2MhLSo on Project {
|
|
|
5094
5094
|
border-color: var(--ac-global-color-danger);
|
|
5095
5095
|
}
|
|
5096
5096
|
box-sizing: border-box;
|
|
5097
|
-
`;function dF(n){const{placeholder:a="Search messages"}=n,[l,t]=m.useState(!1),{filterIoSubstring:i,setFilterIoSubstring:r}=Pm(),{theme:s}=Xn();return e("div",{"data-is-focused":l,className:"sessions-substring-field",css:sF,children:o(b,{direction:"row",children:[e(
|
|
5097
|
+
`;function dF(n){const{placeholder:a="Search messages"}=n,[l,t]=m.useState(!1),{filterIoSubstring:i,setFilterIoSubstring:r}=Pm(),{theme:s}=Xn();return e("div",{"data-is-focused":l,className:"sessions-substring-field",css:sF,children:o(b,{direction:"row",children:[e(ci,{children:e(_,{svg:e(_i,{})})}),e(Ka,{css:oF,indentWithTab:!1,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!1,syntaxHighlighting:!1,highlightActiveLine:!1,highlightActiveLineGutter:!1,defaultKeymap:!1},onFocus:()=>t(!0),onBlur:()=>t(!1),value:i,onChange:r,height:"36px",width:"100%",theme:s==="light"?Ca:Fa,placeholder:a}),e("button",{css:F`
|
|
5098
5098
|
margin-right: var(--ac-global-dimension-static-size-100);
|
|
5099
5099
|
color: var(--ac-global-text-color-700);
|
|
5100
5100
|
visibility: ${i!==""?"visible":"hidden"};
|
|
5101
|
-
`,onClick:()=>r(""),className:"button--reset",children:e(_,{svg:e(
|
|
5101
|
+
`,onClick:()=>r(""),className:"button--reset",children:e(_,{svg:e(bt,{})})})]})})}const cF="pip install openinference-instrumentation",uF=`import uuid
|
|
5102
5102
|
|
|
5103
5103
|
import openai
|
|
5104
5104
|
from openinference.instrumentation import using_session
|
|
@@ -5204,11 +5204,11 @@ await assistant({
|
|
|
5204
5204
|
messages,
|
|
5205
5205
|
sessionId: sessionId,
|
|
5206
5206
|
});
|
|
5207
|
-
`;function yF(){return o("div",{children:[e(v,{paddingTop:"size-200",paddingBottom:"size-100",children:e(ae,{level:2,weight:"heavy",children:"Install Dependencies"})}),e(v,{paddingBottom:"size-100",children:o(C,{children:["Sessions are tracked via the OpenTelemetry attribute ",e("b",{children:"session.id"}),". The easiest way to get started with sessions is to use the OpenInference instrumentation package."]})}),e(Ze,{children:e(Ln,{value:gF})}),e(v,{paddingTop:"size-200",paddingBottom:"size-100",children:e(ae,{level:2,weight:"heavy",children:"Add Session ID to your Traces"})}),e(v,{paddingBottom:"size-100",children:e(C,{children:"Below is an example of how to add session IDs to a simple OpenAI application."})}),e(Ze,{children:e(
|
|
5207
|
+
`;function yF(){return o("div",{children:[e(v,{paddingTop:"size-200",paddingBottom:"size-100",children:e(ae,{level:2,weight:"heavy",children:"Install Dependencies"})}),e(v,{paddingBottom:"size-100",children:o(C,{children:["Sessions are tracked via the OpenTelemetry attribute ",e("b",{children:"session.id"}),". The easiest way to get started with sessions is to use the OpenInference instrumentation package."]})}),e(Ze,{children:e(Ln,{value:gF})}),e(v,{paddingTop:"size-200",paddingBottom:"size-100",children:e(ae,{level:2,weight:"heavy",children:"Add Session ID to your Traces"})}),e(v,{paddingBottom:"size-100",children:e(C,{children:"Below is an example of how to add session IDs to a simple OpenAI application."})}),e(Ze,{children:e(Yt,{value:pF})}),e(v,{paddingBottom:"size-100",children:o(C,{children:["For more information on how to use sessions, consult the"," ",e(Sn,{href:"https://docs.arize.com/phoenix/tracing/how-to-tracing/setup-sessions",children:"documentation"})]})})]})}function fF(){const[n,a]=m.useState("Python");return e(te,{title:"Setup Sessions for this Project",size:"L",children:o(v,{padding:"size-400",overflow:"auto",children:[e(v,{paddingBottom:"size-100",children:e(xl,{language:n,onChange:a})}),n==="Python"?e(mF,{}):e(yF,{})]})})}function hF(){const[n,a]=m.useState(null),l=()=>{a(e(fF,{}))};return o("tbody",{className:"is-empty",children:[e("tr",{children:e("td",{colSpan:100,css:F`
|
|
5208
5208
|
text-align: center;
|
|
5209
5209
|
padding: var(--ac-global-dimension-size-300)
|
|
5210
5210
|
var(--ac-global-dimension-size-300) !important;
|
|
5211
|
-
`,children:o(b,{direction:"column",gap:"size-200",alignItems:"center",children:["No sessions found for this project",e(E,{leadingVisual:e(_,{svg:e(Ea,{})}),onPress:l,children:"Setup Sessions"})]})})}),e(
|
|
5211
|
+
`,children:o(b,{direction:"column",gap:"size-200",alignItems:"center",children:["No sessions found for this project",e(E,{leadingVisual:e(_,{svg:e(Ea,{})}),onPress:l,children:"Setup Sessions"})]})})}),e(oe,{onDismiss:()=>a(null),isDismissable:!0,type:"slideOver",children:n})]})}const Zi=F`
|
|
5212
5212
|
display: flex;
|
|
5213
5213
|
flex-direction: column;
|
|
5214
5214
|
flex: 1 1 auto;
|
|
@@ -5224,7 +5224,7 @@ await assistant({
|
|
|
5224
5224
|
`,Jr=Ei,Lm=({table:n})=>{const a=ce();return e("tbody",{children:n.getRowModel().rows.map(l=>e("tr",{onClick:()=>a(`${encodeURIComponent(l.id)}`),children:l.getVisibleCells().map(t=>e("td",{style:{width:`calc(var(--col-${t.column.id}-size) * 1px)`,maxWidth:`calc(var(--col-${t.column.id}-size) * 1px)`,textWrap:"nowrap",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:W(t.column.columnDef.cell,t.getContext())},t.id))},l.id))})},kF=sn.memo(Lm,(n,a)=>n.table.options.data===a.table.options.data);function bF(n){const a=m.useRef(null),[l,t]=m.useState([]),{filterIoSubstring:i}=Pm(),{fetchKey:r}=Ma(),{data:s,loadNext:d,hasNext:c,isLoadingNext:p,refetch:y}=x.usePaginationFragment(Im,n.project),u=m.useMemo(()=>s.sessions.edges.map(({session:N})=>({...N,tokenCountTotal:N.tokenUsage.total})),[s.sessions]),g=[{header:"session id",accessorKey:"sessionId",enableSorting:!1,cell:Ee},{header:"first input",accessorKey:"firstInput.value",enableSorting:!1,cell:Ee},{header:"last output",accessorKey:"lastOutput.value",enableSorting:!1,cell:Ee},{header:"start time",accessorKey:"startTime",enableSorting:!0,cell:_e},{header:"end time",accessorKey:"endTime",enableSorting:!0,cell:_e},{header:"p50 latency",accessorKey:"traceLatencyMsP50",enableSorting:!1,cell:({getValue:N})=>{const j=N();return j===null||typeof j!="number"?null:e($e,{latencyMs:j})}},{header:"p99 latency",accessorKey:"traceLatencyMsP99",enableSorting:!1,cell:({getValue:N})=>{const j=N();return j===null||typeof j!="number"?null:e($e,{latencyMs:j})}},{header:"total tokens",accessorKey:"tokenCountTotal",enableSorting:!0,minSize:80,cell:({row:N,getValue:j})=>{const q=j();return q==null||typeof q!="number"?"--":e(va,{tokenCountTotal:q,nodeId:N.original.id})}},{header:"total traces",accessorKey:"numTraces",enableSorting:!0,cell:ns}];m.useEffect(()=>{const N=l[0];m.startTransition(()=>{y({sort:N?{col:N.id,dir:N.desc?"desc":"asc"}:{col:"startTime",dir:"desc"},after:null,first:Jr,filterIoSubstring:i},{fetchPolicy:"store-and-network"})})},[l,y,i,r]);const f=sn.useCallback(N=>{if(N){const{scrollHeight:j,scrollTop:q,clientHeight:se}=N;j-q-se<300&&!p&&c&&d(Jr)}},[c,p,d]),[k,h]=m.useState({}),S=Xe(N=>N.columnVisibility),K=Xe(N=>N.columnSizing),P=Xe(N=>N.setColumnSizing),I=Ke({columns:g,data:u,onExpandedChange:h,manualSorting:!0,state:{sorting:l,expanded:k,columnVisibility:S,columnSizing:K},columnResizeMode:"onChange",onColumnSizingChange:P,enableSubRowSelection:!1,onSortingChange:t,getCoreRowModel:Te(),getSortedRowModel:ln(),getExpandedRowModel:so(),getRowId:N=>N.id}),T=I.getRowModel().rows.length===0,{columnSizingInfo:L,columnSizing:V}=I.getState(),w=I.getFlatHeaders,$=g.length,M=sn.useMemo(()=>{const N=w(),j={};for(let q=0;q<N.length;q++){const se=N[q];j[`--header-${se.id}-size`]=se.getSize(),j[`--col-${se.column.id}-size`]=se.column.getSize()}return j},[w,L,V,$]);return o("div",{css:Zi,children:[e(v,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:e(dF,{})}),e("div",{css:F`
|
|
5225
5225
|
flex: 1 1 auto;
|
|
5226
5226
|
overflow: auto;
|
|
5227
|
-
`,onScroll:N=>f(N.target),ref:a,children:o("table",{css:$n,style:{...M,width:I.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:I.getHeaderGroups().map(N=>e("tr",{children:N.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()?"cursor-pointer":"",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))},N.id))}),T?e(hF,{}):L.isResizingColumn?e(kF,{table:I}):e(Lm,{table:I})]})})]})}function Xi({children:n}){const{projectId:a}=Oe();if(!a)throw new Error("projectId is required");const{tab:l}=
|
|
5227
|
+
`,onScroll:N=>f(N.target),ref:a,children:o("table",{css:$n,style:{...M,width:I.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:I.getHeaderGroups().map(N=>e("tr",{children:N.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()?"cursor-pointer":"",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))},N.id))}),T?e(hF,{}):L.isResizingColumn?e(kF,{table:I}):e(Lm,{table:I})]})})]})}function Xi({children:n}){const{projectId:a}=Oe();if(!a)throw new Error("projectId is required");const{tab:l}=Dt();if(!Fd(l))throw new Error(`Invalid tab: ${l}`);return e(rF,{projectId:a,tableId:l||"table",children:n})}function SF({queryReference:n}){const a=x.usePreloadedQuery(Ed,n);return e(iF,{children:e(bF,{project:a.project})})}const RT=()=>{const{sessionsQueryReference:n}=Ft();return n?o(Xi,{children:[e(Ui,{children:e(m.Suspense,{fallback:e(me,{}),children:e(SF,{queryReference:n})})}),e(m.Suspense,{children:e(Ce,{})})]}):null},_m=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"}],p={kind:"Variable",name:"after",variableName:"after"},y={kind:"Variable",name:"filterCondition",variableName:"filterCondition"},u={kind:"Variable",name:"first",variableName:"first"},g={kind:"Variable",name:"rootSpansOnly",variableName:"rootSpansOnly"},f={kind:"Variable",name:"sort",variableName:"sort"},k={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},h={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},K=[p,y,u,{kind:"Variable",name:"orphanSpanAsRootSpan",variableName:"orphanSpanAsRootSpan"},g,f,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],P=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],I={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},D={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:[p,y,u,g,f],kind:"FragmentSpread",name:"SpansTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,l,i,r,s,d,t],kind:"Operation",name:"SpansTableSpansQuery",selections:[{alias:null,args:c,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[k,h,{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:[h,{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:[h,{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:P,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:P,storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[h,S,I,D,{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},h],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummaries",plural:!0,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null},I],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null},S],storageKey:null},{alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[h,{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:[k,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"annotationType",storageKey:null}],type:"AnnotationConfigBase",abstractKey:"__isAnnotationConfigBase"},{kind:"InlineFragment",selections:[h,S,{alias:null,args:null,kind:"ScalarField",name:"optimizationDirection",storageKey:null},{alias:null,args:null,concreteType:"CategoricalAnnotationValue",kind:"LinkedField",name:"values",plural:!0,selections:[I,D],storageKey:null}],type:"CategoricalAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[h],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:[k,h],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:K,filters:["sort","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(
|
|
5228
5228
|
$after: String = null
|
|
5229
5229
|
$filterCondition: String = null
|
|
5230
5230
|
$first: Int = 30
|
|
@@ -5375,8 +5375,8 @@ fragment SpansTable_spans_xYL0c on Project {
|
|
|
5375
5375
|
}
|
|
5376
5376
|
max-width: 100%;
|
|
5377
5377
|
height: var(--ac-global-dimension-size-200);
|
|
5378
|
-
`;function CF({metadata:n,onClick:a}){const l=m.useMemo(()=>{let t=n;return t.startsWith("{")&&(t=t.slice(1)),t.endsWith("}")&&(t=t.slice(0,-1)),t},[n]);return e("div",{css:F(vF),role:a?"button":"label","aria-label":"metadata",onClick:t=>{t.stopPropagation(),t.preventDefault(),a==null||a()},children:e(b,{direction:"row",justifyContent:"space-between",alignItems:"center",height:"100%",children:e(
|
|
5379
|
-
`,"\\n").replaceAll('"','\\"')}function KF(n){return typeof n=="boolean"?n?"True":"False":typeof n=="number"?n.toString():typeof n=="string"?`"${FF(n)}"`:""}const wm=(n,a)=>`metadata${n.split(".").map(i=>/^\d+$/.test(i)?`[${i}]`:`['${i}']`).join("")} == ${KF(a)}`;function TF({children:n,metadata:a,width:l}){const{appendFilterCondition:t}=
|
|
5378
|
+
`;function CF({metadata:n,onClick:a}){const l=m.useMemo(()=>{let t=n;return t.startsWith("{")&&(t=t.slice(1)),t.endsWith("}")&&(t=t.slice(0,-1)),t},[n]);return e("div",{css:F(vF),role:a?"button":"label","aria-label":"metadata",onClick:t=>{t.stopPropagation(),t.preventDefault(),a==null||a()},children:e(b,{direction:"row",justifyContent:"space-between",alignItems:"center",height:"100%",children:e(un,{maxWidth:"100%",children:e(C,{children:l})})})})}function FF(n){return n.replaceAll(`
|
|
5379
|
+
`,"\\n").replaceAll('"','\\"')}function KF(n){return typeof n=="boolean"?n?"True":"False":typeof n=="number"?n.toString():typeof n=="string"?`"${FF(n)}"`:""}const wm=(n,a)=>`metadata${n.split(".").map(i=>/^\d+$/.test(i)?`[${i}]`:`['${i}']`).join("")} == ${KF(a)}`;function TF({children:n,metadata:a,width:l}){const{appendFilterCondition:t}=It(),i=Object.entries(a).map(([r,s])=>({key:r,value:String(s),filterCondition:wm(r,s)}));return o(Le,{delay:500,offset:3,children:[e(Ne,{children:n}),e(Hn,{UNSAFE_style:{minWidth:l},children:o(b,{direction:"row",wrap:"nowrap",gap:"size-100",children:[e(b,{flexBasis:"40%",children:o(b,{direction:"column",gap:"size-100",width:"100%",children:[e(C,{weight:"heavy",children:"Metadata"}),e("ul",{css:F`
|
|
5380
5380
|
display: flex;
|
|
5381
5381
|
flex-direction: column;
|
|
5382
5382
|
gap: var(--ac-global-dimension-size-100);
|
|
@@ -5384,7 +5384,7 @@ fragment SpansTable_spans_xYL0c on Project {
|
|
|
5384
5384
|
max-height: 200px;
|
|
5385
5385
|
scrollbar-gutter: stable;
|
|
5386
5386
|
padding-right: var(--ac-global-dimension-size-50);
|
|
5387
|
-
`,children:i.map(({key:r,value:s})=>e("li",{children:o(b,{direction:"row",gap:"size-100",children:[e(b,{flexBasis:"30%",width:0,children:e(
|
|
5387
|
+
`,children:i.map(({key:r,value:s})=>e("li",{children:o(b,{direction:"row",gap:"size-100",children:[e(b,{flexBasis:"30%",width:0,children:e(un,{maxWidth:"100%",children:e(C,{weight:"heavy",color:"inherit",size:"XS",children:r})})}),e(b,{flexBasis:"70%",flexShrink:1,justifyContent:"end",width:0,children:e(un,{maxWidth:"100%",children:e(C,{color:"inherit",size:"XS",maxWidth:"100%",children:s})})})]})},r))})]})}),e(v,{borderColor:"dark",paddingStart:"size-200",paddingEnd:"size-100",marginStart:"size-200",flexBasis:"60%",borderStartWidth:"thin",children:o(b,{direction:"column",gap:"size-100",width:"100%",children:[e(C,{weight:"heavy",children:"Filters"}),e("ul",{css:F`
|
|
5388
5388
|
display: flex;
|
|
5389
5389
|
flex-direction: row;
|
|
5390
5390
|
gap: var(--ac-global-dimension-size-100);
|
|
@@ -5402,11 +5402,11 @@ fragment SpansTable_spans_xYL0c on Project {
|
|
|
5402
5402
|
&:hover {
|
|
5403
5403
|
background-color: var(--ac-global-color-gray-300);
|
|
5404
5404
|
}
|
|
5405
|
-
`,children:["Match ",r]})},r))})]})})]})})]})}const Rm=({metadata:n})=>{const{appendFilterCondition:a}=
|
|
5405
|
+
`,children:["Match ",r]})},r))})]})})]})})]})}const Rm=({metadata:n})=>{const{appendFilterCondition:a}=It(),[l,t]=m.useMemo(()=>{try{if(typeof n!="string")throw new Error("Metadata is not a string");const i=Qf(n),r=JSON.stringify(i);if(Object.keys(i).length===0)throw new Error("Metadata is empty");return[i,r]}catch{return[null,null]}},[n]);return!l||!t?"--":e("div",{style:{maxWidth:"100%"},children:e(TF,{width:"800px",metadata:l,children:e(CF,{metadata:t,onClick:()=>{const[i,r]=Object.entries(l)[0],s=wm(i,r);a(s)}})})})};function PF(){const n=bl(l=>l.treatOrphansAsRoots),a=bl(l=>l.setTreatOrphansAsRoots);return o(Ue,{children:[e(E,{size:"M","aria-label":"Filter Configuration",leadingVisual:e(_,{svg:e(Bf,{})})}),o(La,{children:[e(Uo,{}),e(dn,{children:e(v,{padding:"size-100",children:e(b,{direction:"column",gap:"size-100",children:e(ha,{isSelected:n,onChange:l=>{a(l)},children:"Treat Orphan Spans as Roots"})})})})]})]})}function xF({projectName:n}){const[a,l]=m.useState("Python");return e(te,{title:"Send Traces to this Project",size:"L",children:o(v,{padding:"size-400",overflow:"auto",children:[e(v,{paddingBottom:"size-100",children:e(xl,{language:a,onChange:l})}),a==="Python"?e(as,{projectName:n}):e(ls,{projectName:n})]})})}function Em({projectName:n}){const[a,l]=m.useState(null),t=()=>{l(e(xF,{projectName:n}))};return o("tbody",{className:"is-empty",children:[e("tr",{children:e("td",{colSpan:100,css:F`
|
|
5406
5406
|
text-align: center;
|
|
5407
5407
|
padding: var(--ac-global-dimension-size-300)
|
|
5408
5408
|
var(--ac-global-dimension-size-300) !important;
|
|
5409
|
-
`,children:o(b,{direction:"column",gap:"size-200",alignItems:"center",children:["No traces found that match the selected filters",e(E,{variant:"default",leadingVisual:e(_,{svg:e(Ea,{})}),onPress:t,children:"Get Started"})]})})}),e(
|
|
5409
|
+
`,children:o(b,{direction:"column",gap:"size-200",alignItems:"center",children:["No traces found that match the selected filters",e(E,{variant:"default",leadingVisual:e(_,{svg:e(Ea,{})}),onPress:t,children:"Get Started"})]})})}),e(oe,{onDismiss:()=>l(null),isDismissable:!0,type:"slideOver",children:a})]})}const Mm={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanColumnSelector_annotations",selections:[{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null}],type:"Project",abstractKey:null};Mm.hash="ad01e6897ad1ea779eb346d85783b8b4";const IF=["spanKind","name"];function Vm(n){return e(ui,{menu:e(DF,{...n}),triggerProps:{placement:"bottom end"},children:o(b,{direction:"row",alignItems:"center",gap:"size-100",children:[e(_,{svg:e(qf,{})}),"Columns"]})})}const Ul=F`
|
|
5410
5410
|
padding: var(--ac-global-dimension-static-size-50)
|
|
5411
5411
|
var(--ac-global-dimension-static-size-100);
|
|
5412
5412
|
label {
|
|
@@ -5463,11 +5463,11 @@ fragment SpansTable_spans_xYL0c on Project {
|
|
|
5463
5463
|
border-color: var(--ac-global-color-danger);
|
|
5464
5464
|
}
|
|
5465
5465
|
box-sizing: border-box;
|
|
5466
|
-
`;function _F(n){const a=n.matchBefore(/\w*/);return!a||a.from==a.to&&!n.explicit?null:{from:a.from,options:[{label:"span_kind",type:"variable",info:"The span variant: CHAIN, LLM, RETRIEVER, TOOL, etc."},{label:"status_code",type:"variable",info:"The span status: OK, UNSET, or ERROR"},{label:"input.value",type:"variable",info:"The input value of a span, typically a query"},{label:"output.value",type:"variable",info:"The output value of a span, typically a response"},{label:"name",type:"variable",info:"The name given to a span - e.x. OpenAI"},{label:"latency_ms",type:"variable",info:"Latency (i.e. duration) in milliseconds"},{label:"cumulative_token_count.prompt",type:"variable",info:"Sum of token count for prompt from self and all child spans"},{label:"cumulative_token_count.completion",type:"variable",info:"Sum of token count for completion from self and all child spans"},{label:"cumulative_token_count.total",type:"variable",info:"Sum of token count total (prompt + completion) from self and all child spans"},{label:"llm spans",type:"text",apply:"span_kind == 'LLM'",detail:"macro"},{label:"retriever spans",type:"text",apply:"span_kind == 'RETRIEVER'",detail:"macro"},{label:"search input",type:"text",apply:"'' in input.value",detail:"macro"},{label:"search output",type:"text",apply:"'' in output.value",detail:"macro"},{label:"status_code error",type:"text",apply:"status_code == 'ERROR'",detail:"macro"},{label:"Latency >= 10s",type:"text",apply:"latency_ms >= 10_000",detail:"macro"},{label:"Tokens >= 1,000",type:"text",apply:"llm.token_count.total >= 1_000",detail:"macro"},{label:"Hallucinations",type:"text",apply:"annotations['Hallucination'].label == 'hallucinated'",detail:"macro"},{label:"Annotations",type:"text",apply:"annotations['Hallucination'].label == 'hallucinated'",detail:"macro"},{label:"Metadata",type:"text",apply:"metadata['topic'] == 'agent'",detail:"macro"},{label:"Substring",type:"text",apply:"'agent' in input.value",detail:"macro"}]}}async function AF(n,a){if(!n)return{isValid:!0,errorMessage:null};const l=await Kl.fetchQuery(he,zm,{condition:n,id:a}).toPromise();if(!l)throw new Error("Filter condition validation is null");return l.project.validateSpanFilterCondition}const wF=[Ai.of([{key:"Enter",run:n=>!0}]),Il(),ds({override:[_F]})];function jm(n){const{onValidCondition:a,placeholder:l="filter condition (e.x. span_kind == 'LLM')"}=n,[t,i]=m.useState(!1),[r,s]=m.useState(""),{filterCondition:d,setFilterCondition:c,appendFilterCondition:p}=
|
|
5466
|
+
`;function _F(n){const a=n.matchBefore(/\w*/);return!a||a.from==a.to&&!n.explicit?null:{from:a.from,options:[{label:"span_kind",type:"variable",info:"The span variant: CHAIN, LLM, RETRIEVER, TOOL, etc."},{label:"status_code",type:"variable",info:"The span status: OK, UNSET, or ERROR"},{label:"input.value",type:"variable",info:"The input value of a span, typically a query"},{label:"output.value",type:"variable",info:"The output value of a span, typically a response"},{label:"name",type:"variable",info:"The name given to a span - e.x. OpenAI"},{label:"latency_ms",type:"variable",info:"Latency (i.e. duration) in milliseconds"},{label:"cumulative_token_count.prompt",type:"variable",info:"Sum of token count for prompt from self and all child spans"},{label:"cumulative_token_count.completion",type:"variable",info:"Sum of token count for completion from self and all child spans"},{label:"cumulative_token_count.total",type:"variable",info:"Sum of token count total (prompt + completion) from self and all child spans"},{label:"llm spans",type:"text",apply:"span_kind == 'LLM'",detail:"macro"},{label:"retriever spans",type:"text",apply:"span_kind == 'RETRIEVER'",detail:"macro"},{label:"search input",type:"text",apply:"'' in input.value",detail:"macro"},{label:"search output",type:"text",apply:"'' in output.value",detail:"macro"},{label:"status_code error",type:"text",apply:"status_code == 'ERROR'",detail:"macro"},{label:"Latency >= 10s",type:"text",apply:"latency_ms >= 10_000",detail:"macro"},{label:"Tokens >= 1,000",type:"text",apply:"llm.token_count.total >= 1_000",detail:"macro"},{label:"Hallucinations",type:"text",apply:"annotations['Hallucination'].label == 'hallucinated'",detail:"macro"},{label:"Annotations",type:"text",apply:"annotations['Hallucination'].label == 'hallucinated'",detail:"macro"},{label:"Metadata",type:"text",apply:"metadata['topic'] == 'agent'",detail:"macro"},{label:"Substring",type:"text",apply:"'agent' in input.value",detail:"macro"}]}}async function AF(n,a){if(!n)return{isValid:!0,errorMessage:null};const l=await Kl.fetchQuery(he,zm,{condition:n,id:a}).toPromise();if(!l)throw new Error("Filter condition validation is null");return l.project.validateSpanFilterCondition}const wF=[Ai.of([{key:"Enter",run:n=>!0}]),Il(),ds({override:[_F]})];function jm(n){const{onValidCondition:a,placeholder:l="filter condition (e.x. span_kind == 'LLM')"}=n,[t,i]=m.useState(!1),[r,s]=m.useState(""),{filterCondition:d,setFilterCondition:c,appendFilterCondition:p}=It(),y=m.useDeferredValue(d),{theme:u}=Xn(),g=u==="light"?Ca:Fa,{projectId:f}=Oe();m.useEffect(()=>{AF(y,f).then(S=>{S!=null&&S.isValid?(s(""),m.startTransition(()=>{a(y)})):s((S==null?void 0:S.errorMessage)??"Invalid filter condition")})},[a,y,f]);const k=r!=="";return o("div",{"data-is-focused":t,"data-is-invalid":k,className:"span-filter-condition-field",css:$m,children:[o(b,{direction:"row",children:[e(ci,{children:e(_,{svg:e(_i,{})})}),e(Ka,{css:Nm,indentWithTab:!1,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1,defaultKeymap:!1},onFocus:()=>i(!0),onBlur:()=>i(!1),value:d,onChange:c,height:"36px",width:"100%",theme:g,placeholder:l,extensions:wF}),e("button",{css:F`
|
|
5467
5467
|
margin-right: var(--ac-global-dimension-static-size-100);
|
|
5468
5468
|
color: var(--ac-global-text-color-700);
|
|
5469
5469
|
visibility: ${d!==""?"visible":"hidden"};
|
|
5470
|
-
`,onClick:()=>c(""),className:"button--reset",children:e(_,{svg:e(
|
|
5470
|
+
`,onClick:()=>c(""),className:"button--reset",children:e(_,{svg:e(bt,{})})}),o(Tl,{placement:"bottom right",children:[e(Ne,{children:e("button",{css:F`
|
|
5471
5471
|
color: var(--ac-global-text-color-700);
|
|
5472
5472
|
background-color: var(--ac-global-color-grey-300);
|
|
5473
5473
|
padding-left: var(--ac-global-dimension-static-size-100);
|
|
@@ -5531,10 +5531,10 @@ fragment DatasetSelectorPopoverContent_datasets on Query {
|
|
|
5531
5531
|
z-index: 10;
|
|
5532
5532
|
box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.4);
|
|
5533
5533
|
border-radius: var(--ac-global-rounding-medium);
|
|
5534
|
-
`,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:`${y.length} span${S?"s":""} selected`}),o(b,{direction:"row",gap:"size-100",children:[e(E,{variant:"default",size:"S",onPress:u,children:"Cancel"}),o(Ue,{isOpen:s,onOpenChange:D=>{d(D)},children:[e(E,{variant:"default",size:"S",leadingVisual:f?e(en,{}):e(
|
|
5534
|
+
`,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:`${y.length} span${S?"s":""} selected`}),o(b,{direction:"row",gap:"size-100",children:[e(E,{variant:"default",size:"S",onPress:u,children:"Cancel"}),o(Ue,{isOpen:s,onOpenChange:D=>{d(D)},children:[e(E,{variant:"default",size:"S",leadingVisual:f?e(en,{}):e(tt,{}),onPress:()=>{d(!0)},isDisabled:f,children:f?"Adding...":"Add to Dataset"}),e(m.Suspense,{children:e(La,{placement:"top end",crossOffset:300,children:e(EF,{onDatasetSelected:D=>{K(D),d(!1)},onCreateNewDataset:()=>{d(!1),r(!0)}})})})]}),e(Ue,{isOpen:i,onOpenChange:r,children:e(La,{children:e(cn,{children:e(dn,{children:o(Ua,{children:[o(Ba,{children:[e(qa,{children:"New Dataset"}),e(gt,{children:e(E,{variant:"default",size:"S",onPress:()=>{r(!1)},leadingVisual:e(_,{svg:e(Oo,{})})})})]}),e(ts,{onDatasetCreateError:D=>{const T=Ie(D);t({title:"Dataset creation failed",message:`Failed to create dataset: ${(T==null?void 0:T[0])??D.message}`})},onDatasetCreated:D=>{r(!1),l({title:"Dataset created",message:`${D.name} has been successfully created.`}),d(!0)}})]})})})})}),e(E,{variant:"danger",size:"S",leadingVisual:e(_,{svg:h?e(en,{}):e(Ge,{})}),isDisabled:h,onPress:I,children:h?"Deleting...":"Delete"}),e(Ue,{isOpen:c,onOpenChange:p,children:e(cn,{children:e(dn,{children:o(Ua,{children:[e(Ba,{children:e(qa,{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:()=>{p(!1)},children:"Cancel"}),e(E,{variant:"danger",onPress:()=>{P(),p(!1)},children:"Delete Traces"})]})})]})})})})]})]})})})}const Gm="annotations",li="-",Wm={col:"startTime",dir:"desc"};function Jm(n){let a=null,l=null;if(n.id&&n.id.startsWith(Gm)){const[,t,i]=n.id.split(li);l={attr:t,name:i}}else a=n.id;return{col:a,evalResultKey:l,dir:n.desc?"desc":"asc"}}function Hl(n,a){return`${Gm}${li}${a}${li}${n}`.replace(/[^a-zA-Z0-9]/g,"-")}const Vl=Ei,VF={minSize:100};function zF(n){return n==="root"||n==="all"}const Zm=({table:n,hasNext:a,onLoadNext:l,isLoadingNext:t})=>{const i=ce(),[r]=pn(),{traceId:s}=Oe(),d=r.get(gn);return o("tbody",{children:[n.getRowModel().rows.map(c=>{const p=d===c.original.id||!d&&c.original.trace.traceId===s;return e("tr",{"data-selected":p,onClick:()=>i(`${c.original.trace.traceId}?${gn}=${c.original.id}`),children:c.getVisibleCells().map(y=>{const u=`--col-${y.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(y.column.columnDef.cell,y.getContext())},y.id)})},c.id)}),a?e(Hf,{onLoadMore:l,isLoadingNext:t},"load-more"):null]})},NF=sn.memo(Zm,(n,a)=>n.table.options.data===a.table.options.data);function $F(n){const{fetchKey:a}=Ma(),l=m.useRef(null),t=m.useRef(!0),[i,r]=m.useState({}),[s,d]=m.useState([]),[c,p]=m.useState(""),[y,u]=m.useState(!0),g=Xe(A=>A.columnVisibility),{data:f,loadNext:k,hasNext:h,isLoadingNext:S,refetch:K}=x.usePaginationFragment(Am,n.project),P=Gi(),I=P==null?void 0:P.setTraceSequence;m.useEffect(()=>{if(I)return I(f.spans.edges.map(({span:A})=>({traceId:A.trace.traceId,spanId:A.id}))),()=>{I([])}},[f.spans.edges,I]);const D=Xe(A=>A.annotationColumnVisibility),T=m.useMemo(()=>Object.keys(D).filter(A=>D[A]),[D]),L=m.useMemo(()=>f.spans.edges.map(({span:z})=>z),[f]),V=T.map(A=>({header:A,columns:[{header:"labels",accessorKey:Hl(A,"label"),cell:({row:z})=>{const U=z.original.spanAnnotationSummaries.find(ee=>ee.name===A);return U?e(qc,{name:A,labelFractions:U.labelFractions}):null}},{header:"mean score",accessorKey:Hl(A,"score"),cell:({row:z})=>{const U=z.original.spanAnnotationSummaries.find(ee=>ee.name===A);return U?e(dt,{value:U.meanScore,fallback:null}):null}}]})),w=[{header:()=>o(b,{direction:"row",gap:"size-50",children:[e("span",{children:"annotations"}),o(Wa,{children:[e(ae,{level:3,weight:"heavy",children:"Annotations"}),e(ka,{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(mt,{span:A.original,showFilterActions:!0}),A.original.documentRetrievalMetrics.map(z=>o(J,{children:[e(kn,{name:z.evaluationName,metric:"ndcg",score:z.ndcg},"ndcg"),e(kn,{name:z.evaluationName,metric:"precision",score:z.precision},"precision"),e(kn,{name:z.evaluationName,metric:"hit",score:z.hit},"hit")]}))]})},...V],$=[{id:"select",maxSize:10,header:({table:A})=>e(Mn,{checked:A.getIsAllRowsSelected(),indeterminate:A.getIsSomeRowsSelected(),onChange:A.getToggleAllRowsSelectedHandler()}),cell:({row:A})=>e(Mn,{checked:A.getIsSelected(),disabled:!A.getCanSelect(),indeterminate:A.getIsSomeSelected(),onChange:A.getToggleSelectedHandler()})},{header:"status",accessorKey:"statusCode",maxSize:30,enableSorting:!1,cell:({getValue:A})=>{const z=A();return e(b,{direction:"row",gap:"size-50",alignItems:"center",children:e(st,{statusCode:z})})}},{header:"kind",accessorKey:"spanKind",maxSize:100,enableSorting:!1,cell:({getValue:A})=>e(Ci,{spanKind:A()})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:A,row:z})=>{const U=z.original,{traceId:ee}=U.trace;return e(we,{to:`${ee}?${gn}=${U.id}`,children:A()})}},{header:"input",accessorKey:"input.value",cell:Ee,enableSorting:!1},{header:"output",accessorKey:"output.value",cell:Ee,enableSorting:!1},{header:"metadata",accessorKey:"metadata",cell:({row:A})=>e(Rm,{metadata:A.original.metadata}),enableSorting:!1},...w,{header:"start time",accessorKey:"startTime",cell:_e},{header:"latency",accessorKey:"latencyMs",cell:({getValue:A})=>{const z=A();return z===null||typeof z!="number"?null:e($e,{latencyMs:z})}},{header:y?"cumulative tokens":"total tokens",accessorKey:y?"cumulativeTokenCountTotal":"tokenCountTotal",cell:({row:A,getValue:z})=>{if(z()===null)return"--";const ee=A.original,rn=y?ee.cumulativeTokenCountTotal:ee.tokenCountTotal;return e(va,{tokenCountTotal:rn||0,nodeId:ee.id})}}];m.useEffect(()=>{if(t.current===!0){t.current=!1;return}m.startTransition(()=>{const A=s[0];K({sort:A?Jm(A):Wm,after:null,first:Vl,filterCondition:c,rootSpansOnly:y},{fetchPolicy:"store-and-network"})})},[s,K,c,a,y]);const M=m.useCallback(A=>{if(A){const{scrollHeight:z,scrollTop:U,clientHeight:ee}=A;z-U-ee<300&&!S&&h&&k(Vl)}},[h,S,k]),N=Xe(A=>A.setColumnSizing),j=Xe(A=>A.columnSizing),q=Ke({columns:$,data:L,state:{sorting:s,columnVisibility:g,rowSelection:i,columnSizing:j},defaultColumn:VF,columnResizeMode:"onChange",manualSorting:!0,enableRowSelection:!0,onRowSelectionChange:r,onSortingChange:d,onColumnSizingChange:N,getCoreRowModel:Te(),getSortedRowModel:ln()}),se=q.getRowModel().rows,be=q.getSelectedRowModel().rows,Qn=be.map(A=>({id:A.original.id,traceId:A.original.trace.id})),la=m.useCallback(()=>{r({})},[r]),tl=se.length===0,Ta=q.getAllColumns().filter(A=>A.columns.length===0),{columnSizingInfo:Q,columnSizing:ie}=q.getState(),le=q.getFlatHeaders,Ae=Ta.length,[xe]=sn.useMemo(()=>{const A=le(),z={};for(let U=0;U<A.length;U++){const ee=A[U];z[`--header-${ee.id}-size`]=ee.getSize(),z[`--col-${ee.column.id}-size`]=ee.column.getSize()}return[z]},[le,Q,ie,Ae]);return o("div",{css:Zi,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(jm,{onValidCondition:p}),o(ft,{"aria-label":"Toggle between root and all spans",selectionMode:"single",selectedKeys:[y?"root":"all"],onSelectionChange:A=>{if(A.size===0)return;const z=A.keys().next().value;if(zF(z))u(z==="root");else throw new Error(`Unknown root span filter selection: ${z}`)},children:[e(Fn,{"aria-label":"root spans",id:"root",children:"Root Spans"}),e(Fn,{"aria-label":"all spans",id:"all",children:"All"})]}),e(Vm,{columns:Ta,query:f}),e(PF,{})]})}),e("div",{css:F`
|
|
5535
5535
|
flex: 1 1 auto;
|
|
5536
5536
|
overflow: auto;
|
|
5537
|
-
`,onScroll:A=>M(A.target),ref:l,children:o("table",{css:$n,style:{...xe,width:q.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:q.getHeaderGroups().map(A=>e("tr",{children:A.headers.map(z=>e("th",{colSpan:z.colSpan,style:{width:`calc(var(--header-${z.id}-size) * 1px)`},children:z.isPlaceholder?null:o(J,{children:[o("div",{className:z.column.getCanSort()?"cursor-pointer":"",onClick:z.column.getToggleSortingHandler(),style:{left:z.getStart(),width:z.getSize()},children:[e(
|
|
5537
|
+
`,onScroll:A=>M(A.target),ref:l,children:o("table",{css:$n,style:{...xe,width:q.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:q.getHeaderGroups().map(A=>e("tr",{children:A.headers.map(z=>e("th",{colSpan:z.colSpan,style:{width:`calc(var(--header-${z.id}-size) * 1px)`},children:z.isPlaceholder?null:o(J,{children:[o("div",{className:z.column.getCanSort()?"cursor-pointer":"",onClick:z.column.getToggleSortingHandler(),style:{left:z.getStart(),width:z.getSize()},children:[e(un,{maxWidth:"100%",children:W(z.column.columnDef.header,z.getContext())}),z.column.getIsSorted()?e(_,{className:"sort-icon",svg:z.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]}),e("div",{onMouseDown:z.getResizeHandler(),onTouchStart:z.getResizeHandler(),className:`resizer ${z.column.getIsResizing()?"isResizing":""}`})]})},z.id))},A.id))}),tl?e(Em,{projectName:f.name}):Q.isResizingColumn?e(NF,{table:q,hasNext:h,onLoadNext:()=>k(Vl),isLoadingNext:S}):e(Zm,{table:q,hasNext:h,onLoadNext:()=>k(Vl),isLoadingNext:S})]})}),be.length?e(Hm,{selectedSpans:Qn,onClearSelection:la}):null]})}function jF({queryReference:n}){const a=x.usePreloadedQuery(Rd,n);return e($F,{project:a.project})}const ET=()=>{const{spansQueryReference:n}=Ft();return n?e(Xi,{children:o(tu,{children:[e(Ui,{children:e(m.Suspense,{fallback:e(me,{}),children:e(jF,{queryReference:n})})}),e(m.Suspense,{children:e(Ce,{})})]})}):null},Xm=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"},p={kind:"Variable",name:"first",variableName:"first"},y={kind:"Variable",name:"sort",variableName:"sort"},u={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},k=[d,c,p,{kind:"Literal",name:"rootSpansOnly",value:!0},y,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],h={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},P={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},I=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],D={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:I,storageKey:null},T={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:I,storageKey:null},L={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},V={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},w={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},$={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},M={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[g,f,w,$,{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},g],storageKey:null}],storageKey:null},N={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},w],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null},f],storageKey:null},j={alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[g,{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:[g,f,{alias:null,args:null,kind:"ScalarField",name:"optimizationDirection",storageKey:null},{alias:null,args:null,concreteType:"CategoricalAnnotationValue",kind:"LinkedField",name:"values",plural:!0,selections:[w,$],storageKey:null}],type:"CategoricalAnnotationConfig",abstractKey:null},{kind:"InlineFragment",selections:[g],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,p,y],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,g,{kind:"InlineFragment",selections:[f,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:"rootSpans",args:k,concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"rootSpan",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[g,h,f,{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},P,D,T,L,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[g,V,{alias:null,args:null,kind:"ScalarField",name:"numSpans",storageKey:null}],storageKey:null},M,N,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:[g,h,f,{alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},S,K,P,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},D,T,L,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[g,V],storageKey:null},M,j,N,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,g],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:"rootSpans",args:k,filters:["sort","rootSpansOnly","filterCondition","timeRange"],handle:"connection",key:"TracesTable_rootSpans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"dcad31a9f81b32615240143982c91514",id:null,metadata:{},name:"TracesTableQuery",operationKind:"query",text:`query TracesTableQuery(
|
|
5538
5538
|
$after: String = null
|
|
5539
5539
|
$filterCondition: String = null
|
|
5540
5540
|
$first: Int = 30
|
|
@@ -5717,7 +5717,7 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
5717
5717
|
&[data-is-additional-row="true"] {
|
|
5718
5718
|
box-shadow: inset 0 -10px 20px var(--ac-global-color-grey-100);
|
|
5719
5719
|
}
|
|
5720
|
-
`;function ng(n){const{children:a}=n,l=[];for(const t of a){const i={...t.span,children:ng({children:t.children})};l.push(i)}return l}function UF(n){const a=m.useRef(null),l=m.useRef(!0),[t,i]=m.useState({}),[r,s]=m.useState([]),[d,c]=m.useState(""),{fetchKey:p}=Ma(),{data:y,loadNext:u,hasNext:g,isLoadingNext:f,refetch:k}=x.usePaginationFragment(Ym,n.project),h=Xe(A=>A.annotationColumnVisibility),S=m.useMemo(()=>Object.keys(h).filter(A=>h[A]),[h]),K=m.useMemo(()=>y.rootSpans.edges.map(({rootSpan:A})=>{const z=Gf([A,...A.descendants.edges.map(({node:rn})=>rn)]),[U]=ng({children:z}),ee=A.trace.numSpans-OF-1;return ee>0&&(U.children=[...U.children,{...U,__additionalRow:!0,name:`+ ${ee} more span${ee>1?"s":""}`,id:`additional-${U.id}`,input:{value:""},output:{value:""},metadata:null,spanAnnotations:[],documentRetrievalMetrics:[],children:[]}]),U}),[y]),P=m.useMemo(()=>S.map(A=>({header:A,columns:[{header:"labels",accessorKey:Hl(A,"label"),cell:({row:z})=>{var ee;const U=(ee=z.original.spanAnnotationSummaries)==null?void 0:ee.find(rn=>rn.name===A);return U?e(qc,{name:A,labelFractions:U.labelFractions}):null}},{header:"mean score",accessorKey:Hl(A,"score"),cell:({row:z})=>{var ee;const U=(ee=z.original.spanAnnotationSummaries)==null?void 0:ee.find(rn=>rn.name===A);return U?e(
|
|
5720
|
+
`;function ng(n){const{children:a}=n,l=[];for(const t of a){const i={...t.span,children:ng({children:t.children})};l.push(i)}return l}function UF(n){const a=m.useRef(null),l=m.useRef(!0),[t,i]=m.useState({}),[r,s]=m.useState([]),[d,c]=m.useState(""),{fetchKey:p}=Ma(),{data:y,loadNext:u,hasNext:g,isLoadingNext:f,refetch:k}=x.usePaginationFragment(Ym,n.project),h=Xe(A=>A.annotationColumnVisibility),S=m.useMemo(()=>Object.keys(h).filter(A=>h[A]),[h]),K=m.useMemo(()=>y.rootSpans.edges.map(({rootSpan:A})=>{const z=Gf([A,...A.descendants.edges.map(({node:rn})=>rn)]),[U]=ng({children:z}),ee=A.trace.numSpans-OF-1;return ee>0&&(U.children=[...U.children,{...U,__additionalRow:!0,name:`+ ${ee} more span${ee>1?"s":""}`,id:`additional-${U.id}`,input:{value:""},output:{value:""},metadata:null,spanAnnotations:[],documentRetrievalMetrics:[],children:[]}]),U}),[y]),P=m.useMemo(()=>S.map(A=>({header:A,columns:[{header:"labels",accessorKey:Hl(A,"label"),cell:({row:z})=>{var ee;const U=(ee=z.original.spanAnnotationSummaries)==null?void 0:ee.find(rn=>rn.name===A);return U?e(qc,{name:A,labelFractions:U.labelFractions}):null}},{header:"mean score",accessorKey:Hl(A,"score"),cell:({row:z})=>{var ee;const U=(ee=z.original.spanAnnotationSummaries)==null?void 0:ee.find(rn=>rn.name===A);return U?e(dt,{value:U.meanScore,fallback:null}):null}}]})),[S]),I=m.useMemo(()=>[{header:()=>o(b,{direction:"row",gap:"size-50",children:[e("span",{children:"Annotations"}),o(Wa,{children:[e(ae,{level:3,weight:"heavy",children:"Annotations"}),e(ka,{children:"Evaluations and human annotations logged via the API or set via the UI."})]})]}),id:"annotations",accessorKey:"spanAnnotations",enableSorting:!1,cell:({row:A})=>{if(A.original.__additionalRow)return null;const z=A.original.spanAnnotations.length===0&&A.original.documentRetrievalMetrics.length===0;return o(b,{direction:"row",gap:"size-50",wrap:"wrap",children:[e(mt,{span:A.original,showFilterActions:!0}),A.original.documentRetrievalMetrics.map(U=>o(m.Fragment,{children:[e(kn,{name:U.evaluationName,metric:"ndcg",score:U.ndcg},"ndcg"),e(kn,{name:U.evaluationName,metric:"precision",score:U.precision},"precision"),e(kn,{name:U.evaluationName,metric:"hit",score:U.hit},"hit")]},"doc-evals")),z?"--":null]})}},...P],[P]),D=m.useMemo(()=>[{id:"select",maxSize:10,header:({table:A})=>e(Mn,{checked:A.getIsAllRowsSelected(),indeterminate:A.getIsSomeRowsSelected(),onChange:A.getToggleAllRowsSelectedHandler()}),cell:({row:A})=>A.original.__additionalRow?null:e(Mn,{checked:A.getIsSelected(),disabled:!A.getCanSelect(),indeterminate:A.getIsSomeSelected(),onChange:A.getToggleSelectedHandler()})},{header:"status",accessorKey:"statusCode",maxSize:30,enableSorting:!1,cell:({getValue:A,row:z})=>{if(z.original.__additionalRow)return null;const U=A();return e(st,{statusCode:U})}},{header:({table:A})=>o(b,{gap:"size-50",direction:"row",alignItems:"center",children:[e(fr,{isExpanded:A.getIsAllRowsExpanded(),onClick:A.getToggleAllRowsExpandedHandler(),"aria-label":"Expand all rows"}),"kind"]}),enableSorting:!1,accessorKey:"spanKind",maxSize:100,cell:A=>A.row.original.__additionalRow?e("div",{css:F`
|
|
5721
5721
|
// Since rows are flattened by default,
|
|
5722
5722
|
// we can use the row.depth property
|
|
5723
5723
|
// and paddingLeft to visually indicate the depth
|
|
@@ -5729,10 +5729,10 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
5729
5729
|
// and paddingLeft to visually indicate the depth
|
|
5730
5730
|
// of the row
|
|
5731
5731
|
padding-left: ${A.row.depth*2}rem;
|
|
5732
|
-
`,children:o(b,{gap:"size-50",children:[A.row.getCanExpand()?e(fr,{isExpanded:A.row.getIsExpanded(),onClick:A.row.getToggleExpandedHandler(),"aria-label":"Expand row"}):null,e(
|
|
5732
|
+
`,children:o(b,{gap:"size-50",children:[A.row.getCanExpand()?e(fr,{isExpanded:A.row.getIsExpanded(),onClick:A.row.getToggleExpandedHandler(),"aria-label":"Expand row"}):null,e(Ci,{spanKind:A.getValue()})]})})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:A,row:z})=>{const{traceId:U}=z.original.trace,ee=z.original.isAdditionalSpansRow?null:z.original.id;return e(we,{to:`${U}${ee?`?${gn}=${ee}`:""}`,children:A()})}},{header:"input",accessorKey:"input.value",enableSorting:!1,cell:Ee},{header:"output",accessorKey:"output.value",enableSorting:!1,cell:Ee},{header:"metadata",accessorKey:"metadata",enableSorting:!1,cell:BF},...I,{header:"start time",accessorKey:"startTime",cell:A=>A.row.original.__additionalRow?null:e(_e,{...A})},{header:"latency",accessorKey:"latencyMs",cell:({getValue:A,row:z})=>{const U=A();return U===null||typeof U!="number"||z.original.__additionalRow?null:e($e,{latencyMs:U})}},{header:"total tokens",minSize:80,accessorKey:"cumulativeTokenCountTotal",cell:({row:A,getValue:z})=>{if(A.original.__additionalRow)return null;const U=z();return U===null?"--":e(va,{tokenCountTotal:U,nodeId:A.original.trace.id})}}],[I]);m.useEffect(()=>{if(l.current===!0){l.current=!1;return}const A=r[0];m.startTransition(()=>{k({sort:A?Jm(A):Wm,after:null,first:Zr,filterCondition:d},{fetchPolicy:"store-and-network"})})},[r,k,d,p]);const T=m.useCallback(A=>{if(A){const{scrollHeight:z,scrollTop:U,clientHeight:ee}=A;z-U-ee<300&&!f&&g&&u(Zr)}},[g,f,u]),L=Gi(),V=L==null?void 0:L.setTraceSequence;m.useEffect(()=>{if(V)return V(y.rootSpans.edges.map(({rootSpan:A})=>({traceId:A.trace.traceId,spanId:A.id}))),()=>{V([])}},[y.rootSpans.edges,V]);const[w,$]=m.useState({}),M=Xe(A=>A.columnVisibility),N=Xe(A=>A.setColumnSizing),j=Xe(A=>A.columnSizing),q=Ke({columns:D,data:K,onExpandedChange:$,manualSorting:!0,getSubRows:A=>A.children,state:{sorting:r,expanded:w,columnVisibility:M,rowSelection:t,columnSizing:j},columnResizeMode:"onChange",onRowSelectionChange:i,enableSubRowSelection:!1,onSortingChange:s,onColumnSizingChange:N,getCoreRowModel:Te(),getSortedRowModel:ln(),getExpandedRowModel:so(),getRowId:A=>A.id}),se=q.getRowModel().rows,be=q.getSelectedRowModel().flatRows,Qn=be.map(A=>({id:A.original.id,traceId:A.original.trace.id})),la=m.useCallback(()=>{i({})},[i]),tl=se.length===0,Ta=q.getAllColumns().filter(A=>A.columns.length===0),{columnSizingInfo:Q,columnSizing:ie}=q.getState(),le=q.getFlatHeaders,Ae=Ta.length,xe=sn.useMemo(()=>{const A=le(),z={};for(let U=0;U<A.length;U++){const ee=A[U];z[`--header-${ee.id}-size`]=ee.getSize(),z[`--col-${ee.column.id}-size`]=ee.column.getSize()}return z},[le,Q,ie,Ae]);return o("div",{css:Zi,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(jm,{onValidCondition:c}),e(Vm,{columns:Ta,query:y})]})}),e("div",{css:F`
|
|
5733
5733
|
flex: 1 1 auto;
|
|
5734
5734
|
overflow: auto;
|
|
5735
|
-
`,onScroll:A=>T(A.target),ref:a,children:o("table",{css:$n,style:{...xe,width:q.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:q.getHeaderGroups().map(A=>e("tr",{children:A.headers.map(z=>e("th",{style:{width:`calc(var(--header-${z.id}-size) * 1px)`},colSpan:z.colSpan,children:z.isPlaceholder?null:o(J,{children:[o("div",{"data-sortable":z.column.getCanSort(),className:z.column.getCanSort()?"cursor-pointer":"",onClick:z.column.getToggleSortingHandler(),style:{left:z.getStart(),width:z.getSize()},children:[e(
|
|
5735
|
+
`,onScroll:A=>T(A.target),ref:a,children:o("table",{css:$n,style:{...xe,width:q.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:q.getHeaderGroups().map(A=>e("tr",{children:A.headers.map(z=>e("th",{style:{width:`calc(var(--header-${z.id}-size) * 1px)`},colSpan:z.colSpan,children:z.isPlaceholder?null:o(J,{children:[o("div",{"data-sortable":z.column.getCanSort(),className:z.column.getCanSort()?"cursor-pointer":"",onClick:z.column.getToggleSortingHandler(),style:{left:z.getStart(),width:z.getSize()},children:[e(un,{maxWidth:"100%",children:W(z.column.columnDef.header,z.getContext())}),z.column.getIsSorted()?e(_,{className:"sort-icon",svg:z.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]}),e("div",{onMouseDown:z.getResizeHandler(),onTouchStart:z.getResizeHandler(),className:`resizer ${z.column.getIsResizing()?"isResizing":""}`})]})},z.id))},A.id))}),tl?e(Em,{projectName:y.name}):Q.isResizingColumn?e(QF,{table:q}):e(eg,{table:q})]})}),be.length?e(Hm,{selectedSpans:Qn,onClearSelection:la}):null]})}const HF=({tracesQueryReference:n})=>{const a=x.usePreloadedQuery(wd,n);return e(UF,{project:a.project})},MT=()=>{const{tracesQueryReference:n}=Ft();return n?e(Xi,{children:o(tu,{children:[e(Ui,{children:e(m.Suspense,{fallback:e(me,{}),children:e(HF,{tracesQueryReference:n})})}),e(m.Suspense,{children:e(Ce,{})})]})}):null},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={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(
|
|
5736
5736
|
$id: ID!
|
|
5737
5737
|
) {
|
|
5738
5738
|
project: node(id: $id) {
|
|
@@ -5874,9 +5874,9 @@ fragment ProjectsPageProjectsFragment_1bvy9D on Query {
|
|
|
5874
5874
|
}
|
|
5875
5875
|
}
|
|
5876
5876
|
}
|
|
5877
|
-
`}}}();og.hash="c85f2b2ff3b9697931cca71426ea0b59";const ZF=()=>{const{projectViewMode:n,setProjectViewMode:a}=
|
|
5877
|
+
`}}}();og.hash="c85f2b2ff3b9697931cca71426ea0b59";const ZF=()=>{const{projectViewMode:n,setProjectViewMode:a}=mn(l=>({projectViewMode:l.projectViewMode,setProjectViewMode:l.setProjectViewMode}));return o(ft,{css:F`
|
|
5878
5878
|
flex-basis: fit-content;
|
|
5879
|
-
`,selectedKeys:[n],selectionMode:"single",onSelectionChange:l=>{const t=l.values().next().value;typeof t=="string"&&a(t)},size:"S",children:[o(Ql,{delay:100,children:[e(Fn,{id:"grid",leadingVisual:e(_,{svg:e(Zf,{})})}),e(Bl,{offset:10,children:e(v,{padding:"size-100",backgroundColor:"light",borderColor:"dark",borderWidth:"thin",borderRadius:"small",children:e(C,{children:"View projects in a grid"})})})]}),o(Ql,{delay:100,children:[e(Fn,{id:"table",leadingVisual:e(_,{svg:e(Xf,{})})}),e(Bl,{offset:10,children:e(v,{padding:"size-100",backgroundColor:"light",borderColor:"dark",borderWidth:"thin",borderRadius:"small",children:e(C,{children:"View projects in a table"})})})]})]})},XF="https://docs.arize.com/phoenix/tracing/how-to-tracing/setup-tracing";function YF({variant:n}){const[a,l]=m.useState(null);return o("div",{children:[e(E,{leadingVisual:e(_,{svg:e(Co,{})}),size:"S",variant:n,onPress:()=>{l(e(e2,{}))},children:"New Project"}),e(
|
|
5879
|
+
`,selectedKeys:[n],selectionMode:"single",onSelectionChange:l=>{const t=l.values().next().value;typeof t=="string"&&a(t)},size:"S",children:[o(Ql,{delay:100,children:[e(Fn,{id:"grid",leadingVisual:e(_,{svg:e(Zf,{})})}),e(Bl,{offset:10,children:e(v,{padding:"size-100",backgroundColor:"light",borderColor:"dark",borderWidth:"thin",borderRadius:"small",children:e(C,{children:"View projects in a grid"})})})]}),o(Ql,{delay:100,children:[e(Fn,{id:"table",leadingVisual:e(_,{svg:e(Xf,{})})}),e(Bl,{offset:10,children:e(v,{padding:"size-100",backgroundColor:"light",borderColor:"dark",borderWidth:"thin",borderRadius:"small",children:e(C,{children:"View projects in a table"})})})]})]})},XF="https://docs.arize.com/phoenix/tracing/how-to-tracing/setup-tracing";function YF({variant:n}){const[a,l]=m.useState(null);return o("div",{children:[e(E,{leadingVisual:e(_,{svg:e(Co,{})}),size:"S",variant:n,onPress:()=>{l(e(e2,{}))},children:"New Project"}),e(oe,{isDismissable:!0,type:"slideOver",onDismiss:()=>l(null),children:a})]})}function e2(){const[n,a]=m.useState("Python");return e(te,{title:"Create a New Project",size:"L",children:o(v,{padding:"size-400",overflow:"auto",children:[e(v,{paddingBottom:"size-200",children:e(xl,{language:n,onChange:a})}),e(v,{paddingBottom:"size-100",children:o(C,{children:["Projects are created when you log your first trace via OpenTelemetry. See the"," ",e(Sn,{href:XF,children:"documentation"})," ","for a complete guide."]})}),n==="Python"?e(as,{}):e(ls,{})]})})}const sg=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"Query",kind:"LinkedField",name:"clearProject",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectActionMenuClearMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectActionMenuClearMutation",selections:a},params:{cacheID:"63319b4e42b499db2447817f1dc821fb",id:null,metadata:{},name:"ProjectActionMenuClearMutation",operationKind:"mutation",text:`mutation ProjectActionMenuClearMutation(
|
|
5880
5880
|
$input: ClearProjectInput!
|
|
5881
5881
|
) {
|
|
5882
5882
|
clearProject(input: $input) {
|
|
@@ -5897,13 +5897,13 @@ fragment ProjectsPageProjectsFragment_1bvy9D on Query {
|
|
|
5897
5897
|
__typename
|
|
5898
5898
|
}
|
|
5899
5899
|
}
|
|
5900
|
-
`}}}();cg.hash="212501fe2d6367ec1503bd7a00c1730f";function n2(n){const{projectId:a}=n,l=J1(),t=m.useRef(null),[i,r]=x.useMutation(cg),{control:s,handleSubmit:d,setError:c,formState:{isValid:p}}=Ve({defaultValues:{endDate:Vp(new Date(Date.now()-Yf).toISOString())}}),y=m.useCallback(u=>{const g=u.endDate.toDate(
|
|
5900
|
+
`}}}();cg.hash="212501fe2d6367ec1503bd7a00c1730f";function n2(n){const{projectId:a}=n,l=J1(),t=m.useRef(null),[i,r]=x.useMutation(cg),{control:s,handleSubmit:d,setError:c,formState:{isValid:p}}=Ve({defaultValues:{endDate:Vp(new Date(Date.now()-Yf).toISOString())}}),y=m.useCallback(u=>{const g=u.endDate.toDate(ii());if(!zp(g))return c("endDate",{message:"Date is not in a valid format"});i({variables:{input:{id:a,endTime:new Date(g).toISOString()}},onCompleted:()=>{n.onComplete()},onError:f=>{alert("Failed to clear project traces: "+f)}})},[i,a,n,c]);return o("form",{onSubmit:d(y),ref:t,children:[o(v,{padding:"size-200",children:[e(C,{color:"danger",children:" This will remove all data before the following date. This cannot be undone."}),e(H,{name:"endDate",control:s,rules:{required:"field is required"},render:({field:{name:u,onChange:g,onBlur:f,value:k},fieldState:{invalid:h,error:S}})=>o(eh,{isInvalid:h,onChange:g,name:u,onBlur:f,value:k,granularity:"second",hideTimeZone:!0,css:F`
|
|
5901
5901
|
.react-aria-DateInput {
|
|
5902
5902
|
width: 100%;
|
|
5903
5903
|
}
|
|
5904
|
-
`,children:[e(G,{children:"End Date"}),e(Np,{children:K=>e($p,{segment:K})}),S?e(Se,{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:!p||r,size:"S",leadingVisual:r?e(_,{svg:e(en,{})}):void 0,onPress:()=>{var u;(u=t.current)==null||u.requestSubmit()},children:r?"Removing...":"Remove Data"})})})]})}function ug({projectId:n,projectName:a,onProjectDelete:l,onProjectClear:t,onProjectRemoveData:i,variant:r="quiet"}){const[s,d]=m.useState(null),c=a!=="default",[p]=x.useMutation(dg),[y]=x.useMutation(sg),u=m.useCallback(()=>{m.startTransition(()=>{p({variables:{projectId:n}}),l()})},[p,n,l]),g=m.useCallback(()=>{m.startTransition(()=>{y({variables:{input:{id:n}},onCompleted:()=>{t()},onError:S=>{alert("Failed to clear project: "+S)}})})},[y,n,t]),f=m.useCallback(()=>{d(o(te,{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]),k=m.useCallback(()=>{d(o(te,{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:()=>{g(),d(null)},children:"Clear"})})})]}))},[g,a]),h=m.useCallback(()=>{d(e(te,{size:"S",title:"Remove Data",children:e(n2,{projectId:n,onComplete:()=>{i(),d(null)}})}))},[i,n]);return o("div",{onClick:S=>{S.preventDefault(),S.stopPropagation()},children:[o(zn,{buttonVariant:r,buttonSize:"compact",align:"end",onAction:S=>{switch(S){case"copyName":{navigator.clipboard.writeText(a);return}case"deleteProject":return f();case"clearProject":return k();case"removeProjectData":return h()}},disabledKeys:c?[]:["deleteProject"],children:[e(ge,{textValue:"Copy Name",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(
|
|
5904
|
+
`,children:[e(G,{children:"End Date"}),e(Np,{children:K=>e($p,{segment:K})}),S?e(Se,{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:!p||r,size:"S",leadingVisual:r?e(_,{svg:e(en,{})}):void 0,onPress:()=>{var u;(u=t.current)==null||u.requestSubmit()},children:r?"Removing...":"Remove Data"})})})]})}function ug({projectId:n,projectName:a,onProjectDelete:l,onProjectClear:t,onProjectRemoveData:i,variant:r="quiet"}){const[s,d]=m.useState(null),c=a!=="default",[p]=x.useMutation(dg),[y]=x.useMutation(sg),u=m.useCallback(()=>{m.startTransition(()=>{p({variables:{projectId:n}}),l()})},[p,n,l]),g=m.useCallback(()=>{m.startTransition(()=>{y({variables:{input:{id:n}},onCompleted:()=>{t()},onError:S=>{alert("Failed to clear project: "+S)}})})},[y,n,t]),f=m.useCallback(()=>{d(o(te,{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]),k=m.useCallback(()=>{d(o(te,{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:()=>{g(),d(null)},children:"Clear"})})})]}))},[g,a]),h=m.useCallback(()=>{d(e(te,{size:"S",title:"Remove Data",children:e(n2,{projectId:n,onComplete:()=>{i(),d(null)}})}))},[i,n]);return o("div",{onClick:S=>{S.preventDefault(),S.stopPropagation()},children:[o(zn,{buttonVariant:r,buttonSize:"compact",align:"end",onAction:S=>{switch(S){case"copyName":{navigator.clipboard.writeText(a);return}case"deleteProject":return f();case"clearProject":return k();case"removeProjectData":return h()}},disabledKeys:c?[]:["deleteProject"],children:[e(ge,{textValue:"Copy Name",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Jt,{})}),e(C,{children:"Copy Name"})]})},"copyName"),e(ge,{textValue:"Clear All Traces",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(ko,{})}),e(C,{children:"Clear All Data"})]})},"clearProject"),e(ge,{textValue:"Remove Data",children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(bt,{})}),e(C,{children:"Remove Data"})]})},"removeProjectData"),c?e(ge,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ge,{})}),e(C,{children:"Delete"})]})},"deleteProject"):null]}),e(oe,{type:"modal",isDismissable:!0,onDismiss:()=>d(null),children:s})]})}const a2=200;function l2({onChange:n}){const a=m.useMemo(()=>ri(t=>{m.startTransition(()=>{n(t)})},a2),[n]),l=m.useCallback(t=>{a(t)},[a]);return e(X,{size:"S",css:F`
|
|
5905
5905
|
flex-basis: 100%;
|
|
5906
|
-
`,"aria-label":"Search projects by name",name:"filter",type:"search",onChange:l,children:e(Z,{placeholder:"Search projects by name"})})}const
|
|
5906
|
+
`,"aria-label":"Search projects by name",name:"filter",type:"search",onChange:l,children:e(Z,{placeholder:"Search projects by name"})})}const ti=10,Yi=()=>{const{projectSortOrder:n}=mn(l=>({projectViewMode:l.projectViewMode,projectSortOrder:l.projectSortOrder}));return m.useMemo(()=>({sort:{col:n.column,dir:n.direction}}),[n])};function jT(){const{timeRange:n}=ut(),a=Yi(),[l]=m.useState(()=>a),t=x.useLazyLoadQuery(og,{first:ti,...l});return e(m.Suspense,{fallback:e(me,{}),children:e(t2,{timeRange:n,query:t})})}function t2({timeRange:n,query:a}){const{projectViewMode:l}=mn(w=>({projectViewMode:w.projectViewMode})),t=Yi(),[i,r]=m.useState(""),[s,d]=Hp(),c=m.useMemo(()=>{var w,$;return{start:(w=n==null?void 0:n.start)==null?void 0:w.toISOString(),end:($=n==null?void 0:n.end)==null?void 0:$.toISOString()}},[n]),{data:p,loadNext:y,hasNext:u,isLoadingNext:g,refetch:f}=x.usePaginationFragment(rg,a),k=m.useMemo(()=>({...t,filter:{value:i,col:"name"}}),[t,i]),h=m.useCallback(({vars:w,onComplete:$})=>{m.startTransition(()=>{f({...k,...w},{fetchPolicy:"store-and-network",onComplete:()=>{$==null||$()}})})},[f,k]),S=p==null?void 0:p.projects.edges.map(w=>w.project),K=m.useRef(null),P=m.useCallback(w=>{if(w){const{scrollHeight:$,scrollTop:M,clientHeight:N}=w;$-M-N<300&&!g&&u&&y(ti,{UNSTABLE_extraVariables:k})}},[u,g,y,k]),I=m.useCallback(w=>{h({vars:{sort:w}})},[h]),D=m.useCallback(w=>{m.startTransition(()=>{h({onComplete:()=>{s({variant:"success",title:"Project Deleted",message:`Project ${w} has been deleted.`})}})})},[s,h]),T=m.useCallback(w=>{m.startTransition(()=>{h({onComplete:()=>{s({variant:"success",title:"Project Cleared",message:`Project ${w} has been cleared of traces.`})}})})},[s,h]),L=m.useCallback(w=>{m.startTransition(()=>{h({onComplete:()=>{s({variant:"success",title:"Project Data Removed",message:`Old data from project ${w} have been removed.`})}})})},[s,h]),V=m.useCallback(()=>{y(ti,{UNSTABLE_extraVariables:k})},[y,k]);return o("div",{css:F`
|
|
5907
5907
|
display: flex;
|
|
5908
5908
|
flex-direction: column;
|
|
5909
5909
|
overflow: auto;
|
|
@@ -5911,7 +5911,7 @@ fragment ProjectsPageProjectsFragment_1bvy9D on Query {
|
|
|
5911
5911
|
button {
|
|
5912
5912
|
text-wrap: nowrap;
|
|
5913
5913
|
}
|
|
5914
|
-
`,children:[e(ZF,{}),e(
|
|
5914
|
+
`,children:[e(ZF,{}),e(lt,{}),e(YF,{variant:"primary"})]})]})}),l==="grid"?e("div",{css:F`
|
|
5915
5915
|
display: flex;
|
|
5916
5916
|
flex-direction: column;
|
|
5917
5917
|
flex: 1 1 auto;
|
|
@@ -5971,9 +5971,9 @@ fragment ProjectsPageProjectsFragment_1bvy9D on Query {
|
|
|
5971
5971
|
-webkit-box-orient: vertical;
|
|
5972
5972
|
-webkit-line-clamp: 1;
|
|
5973
5973
|
overflow: hidden;
|
|
5974
|
-
`,children:n.name}),e(C,{color:"text-700",size:"XS",fontStyle:"italic",children:c})]})]}),e(ug,{projectId:n.id,projectName:n.name,onProjectDelete:a,onProjectClear:l,onProjectRemoveData:t})]}),e(gg,{projectId:n.id,timeRange:i})]})}const o2=tg;function s2(){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(
|
|
5974
|
+
`,children:n.name}),e(C,{color:"text-700",size:"XS",fontStyle:"italic",children:c})]})]}),e(ug,{projectId:n.id,projectName:n.name,onProjectDelete:a,onProjectClear:l,onProjectRemoveData:t})]}),e(gg,{projectId:n.id,timeRange:i})]})}const o2=tg;function s2(){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(Et,{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(Et,{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(Et,{width:60,height:20,animation:"wave"})]})]})}const gg=m.memo(function({projectId:a,timeRange:l,flexProps:t}){const i=x.useRelayEnvironment(),r=m.useRef(null),[s,d]=m.useState(null),c=m.useCallback(()=>(d(null),x.fetchQuery(i,o2,{id:a,timeRange:l}).subscribe({next:u=>{d(u)},error:()=>{d(null)}})),[a,l,i]);return m.useEffect(()=>(r.current=c(),()=>{var p;(p=r.current)==null||p.unsubscribe(),r.current=null}),[c]),s==null?e(s2,{}):e(d2,{project:s,flexProps:t})});function d2({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:wa(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:wa(t)})]}),o(b,{direction:"column",flex:"none",children:[e(C,{elementType:"h3",size:"S",color:"text-700",children:"Latency P50"}),i!=null?e($e,{latencyMs:i,size:"L"}):e(C,{size:"L",children:"--"})]})]})}const c2=["name","endTime"];function u2({projects:n,onDelete:a,onClear:l,onRemove:t,timeRangeVariable:i,hasNext:r,loadNext:s,isLoadingNext:d,onSort:c}){const p=ce(),y=m.useMemo(()=>[{header:"name",accessorKey:"name",maxSize:135,cell:({row:P})=>o(b,{direction:"row",gap:"size-200",alignItems:"center",children:[e(mg,{gradientStartColor:P.original.gradientStartColor,gradientEndColor:P.original.gradientEndColor}),e(we,{to:`/projects/${P.original.id}`,children:e(un,{maxWidth:"300px",children:P.original.name})})]})},{header:"last updated at",accessorKey:"endTime",maxSize:30,cell:_e},{header:"metrics",id:"metrics",enableSorting:!1,cell:({row:P})=>e("div",{css:F`
|
|
5975
5975
|
max-width: 100%;
|
|
5976
|
-
`,children:e(gg,{flexProps:{justifyContent:"start",gap:"size-800",wrap:"wrap",rowGap:"size-100"},projectId:P.original.id,timeRange:i})})},{header:"",id:"actions",enableSorting:!1,size:10,maxSize:10,minSize:10,cell:({row:P})=>e(ug,{variant:"default",projectId:P.original.id,projectName:P.original.name,onProjectClear:()=>l(P.original.name),onProjectRemoveData:()=>t(P.original.name),onProjectDelete:()=>a(P.original.name)})}],[i,l,a,t]),u=Yi(),{setProjectSortOrder:g}=
|
|
5976
|
+
`,children:e(gg,{flexProps:{justifyContent:"start",gap:"size-800",wrap:"wrap",rowGap:"size-100"},projectId:P.original.id,timeRange:i})})},{header:"",id:"actions",enableSorting:!1,size:10,maxSize:10,minSize:10,cell:({row:P})=>e(ug,{variant:"default",projectId:P.original.id,projectName:P.original.name,onProjectClear:()=>l(P.original.name),onProjectRemoveData:()=>t(P.original.name),onProjectDelete:()=>a(P.original.name)})}],[i,l,a,t]),u=Yi(),{setProjectSortOrder:g}=mn(P=>({setProjectSortOrder:P.setProjectSortOrder})),f=m.useMemo(()=>[{id:u.sort.col,desc:u.sort.dir==="desc"}],[u.sort.col,u.sort.dir]),k=m.useCallback(P=>{if(typeof P=="function"){const I=P(f),[D]=I;if(D==null)return;const T=D.id;if(!c2.includes(T))return;c({col:T,dir:D.desc?"desc":"asc"}),g({column:T,direction:D.desc?"desc":"asc"})}},[g,f,c]),h=Ke({data:n,columns:y,getCoreRowModel:Te(),state:{sorting:f},enableSortingRemoval:!1,onSortingChange:k}),K=h.getRowModel().rows.length===0;return e(v,{flex:"none",height:"100%",width:"100%",children:o("div",{css:F`
|
|
5977
5977
|
flex: 1 1 auto;
|
|
5978
5978
|
height: 100%;
|
|
5979
5979
|
width: 100%;
|
|
@@ -6008,7 +6008,7 @@ fragment DatasetsTable_datasets on Query {
|
|
|
6008
6008
|
.ac-dropdown-button {
|
|
6009
6009
|
width: 100%;
|
|
6010
6010
|
}
|
|
6011
|
-
`,children:[e(H,{name:"name",control:r,rules:{required:"field is required"},render:({field:{onChange:u,onBlur:g,value:f},fieldState:{invalid:k,error:h}})=>o(X,{isInvalid:k,onChange:u,onBlur:g,value:f.toString(),children:[e(G,{children:"Dataset Name"}),e(Z,{placeholder:"e.x. Golden Dataset"}),h!=null&&h.message?e(Se,{children:h.message}):e(C,{slot:"description",children:"The name of the dataset"})]})}),e(H,{name:"description",control:r,render:({field:{onChange:u,onBlur:g,value:f},fieldState:{invalid:k,error:h}})=>o(X,{isInvalid:k,onChange:u,onBlur:g,value:f.toString(),children:[e(G,{children:"Description"}),e(fa,{placeholder:"e.x. A dataset for structured data extraction"}),h!=null&&h.message?e(Se,{children:h.message}):e(C,{slot:"description",children:"The description of the dataset"})]})}),e(H,{control:r,name:"file",rules:{required:"CSV file is required"},render:({field:{value:u,onChange:g,...f},fieldState:{invalid:k,error:h}})=>e(ba,{label:"CSV file",validationState:k?"invalid":"valid",errorMessage:h==null?void 0:h.message,children:e("input",{...f,onChange:S=>{var P;g(S.target.files),d("input_keys"),d("output_keys"),d("metadata_keys");const K=(P=S.target.files)==null?void 0:P[0];if(K){const I=new FileReader;I.onload=function(D){if(!D.target)return;const T=D.target.result,L=m2(T);i(L)},I.readAsText(K)}},type:"file",id:"file",accept:".csv"})})}),e(H,{name:"input_keys",control:r,rules:{required:"field is required"},render:({field:{value:u,onChange:g},fieldState:{invalid:f,error:k}})=>e(
|
|
6011
|
+
`,children:[e(H,{name:"name",control:r,rules:{required:"field is required"},render:({field:{onChange:u,onBlur:g,value:f},fieldState:{invalid:k,error:h}})=>o(X,{isInvalid:k,onChange:u,onBlur:g,value:f.toString(),children:[e(G,{children:"Dataset Name"}),e(Z,{placeholder:"e.x. Golden Dataset"}),h!=null&&h.message?e(Se,{children:h.message}):e(C,{slot:"description",children:"The name of the dataset"})]})}),e(H,{name:"description",control:r,render:({field:{onChange:u,onBlur:g,value:f},fieldState:{invalid:k,error:h}})=>o(X,{isInvalid:k,onChange:u,onBlur:g,value:f.toString(),children:[e(G,{children:"Description"}),e(fa,{placeholder:"e.x. A dataset for structured data extraction"}),h!=null&&h.message?e(Se,{children:h.message}):e(C,{slot:"description",children:"The description of the dataset"})]})}),e(H,{control:r,name:"file",rules:{required:"CSV file is required"},render:({field:{value:u,onChange:g,...f},fieldState:{invalid:k,error:h}})=>e(ba,{label:"CSV file",validationState:k?"invalid":"valid",errorMessage:h==null?void 0:h.message,children:e("input",{...f,onChange:S=>{var P;g(S.target.files),d("input_keys"),d("output_keys"),d("metadata_keys");const K=(P=S.target.files)==null?void 0:P[0];if(K){const I=new FileReader;I.onload=function(D){if(!D.target)return;const T=D.target.result,L=m2(T);i(L)},I.readAsText(K)}},type:"file",id:"file",accept:".csv"})})}),e(H,{name:"input_keys",control:r,rules:{required:"field is required"},render:({field:{value:u,onChange:g},fieldState:{invalid:f,error:k}})=>e(Bt,{label:"input keys",validationState:f?"invalid":"valid",description:"the columns to use as input",columns:t,selectedColumns:u,onChange:g,errorMessage:k==null?void 0:k.message})}),e(H,{name:"output_keys",control:r,render:({field:{value:u,onChange:g},fieldState:{invalid:f,error:k}})=>e(Bt,{label:"output keys",validationState:f?"invalid":"valid",description:"the columns to use as output",columns:t,selectedColumns:u,onChange:g,errorMessage:k==null?void 0:k.message})}),e(H,{name:"metadata_keys",control:r,render:({field:{value:u,onChange:g},fieldState:{invalid:f,error:k}})=>e(Bt,{label:"metadata keys",validationState:f?"invalid":"valid",description:"the columns to use as metadata",columns:t,selectedColumns:u,onChange:g,errorMessage:k==null?void 0:k.message})})]}),e(v,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(b,{direction:"row",justifyContent:"end",children:e(E,{type:"submit",isDisabled:!p,variant:c?"primary":"default",size:"S",children:"Create Dataset"})})})]})}function Bt(n){const{columns:a,selectedColumns:l,onChange:t,label:i,validationState:r,description:s,errorMessage:d,...c}=n,p=a.length===0,y=m.useMemo(()=>p?"No columns to select":l.length>0?`${l.join(", ")}`:"No columns selected",[l,p]);return e(ba,{label:i,isDisabled:p,validationState:r,description:s,errorMessage:d,children:e(ui,{isDisabled:p,...c,menu:e(Yl,{selectionMode:"multiple",onSelectionChange:u=>{t(Array.from(u))},selectedKeys:new Set(l),children:a.map(u=>e(ge,{children:u},u))}),triggerProps:{placement:"bottom end"},children:y})})}const yg=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(
|
|
6012
6012
|
$after: String = null
|
|
6013
6013
|
$first: Int = 100
|
|
6014
6014
|
$sort: DatasetSort = {col: createdAt, dir: desc}
|
|
@@ -6044,10 +6044,10 @@ fragment DatasetsTable_datasets_dWkdd on Query {
|
|
|
6044
6044
|
__typename
|
|
6045
6045
|
}
|
|
6046
6046
|
}
|
|
6047
|
-
`}}}();hg.hash="bd97316dd472eec18504f66e16088abc";function p2({datasetId:n,datasetName:a,onDatasetDelete:l,onDatasetDeleteError:t}){const[i,r]=x.useMutation(hg),s=m.useCallback(()=>{m.startTransition(()=>{i({variables:{datasetId:n},onCompleted:()=>{l()},onError:d=>{t(d)}})})},[i,n,l,t]);return o(te,{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(en,{}):e(Ge,{})}),children:"Delete Dataset"})})})]})}function y2({datasetName:n,datasetId:a,datasetDescription:l,datasetMetadata:t,onDatasetEdited:i,onDatasetEditError:r}){return e(te,{title:"Edit Dataset",size:"M",children:e(nh,{datasetName:n,datasetId:a,datasetDescription:l,datasetMetadata:t,onDatasetEdited:i,onDatasetEditError:r})})}function f2(n){const{datasetId:a,datasetName:l,datasetDescription:t,datasetMetadata:i,onDatasetDelete:r,onDatasetDeleteError:s,onDatasetEdit:d,onDatasetEditError:c}=n,[p,y]=m.useState(null),u=m.useCallback(()=>{y(e(p2,{datasetId:a,datasetName:l,onDatasetDelete:()=>{r(),y(null)},onDatasetDeleteError:s}))},[a,l,r,s]),g=m.useCallback(()=>{y(e(y2,{datasetId:a,datasetName:l,datasetDescription:t,datasetMetadata:i,onDatasetEdited:()=>{d(),y(null)},onDatasetEditError:c}))},[t,a,i,l,d,c]);return o("div",{onClick:f=>{f.preventDefault(),f.stopPropagation()},children:[o(zn,{align:"end",buttonSize:"compact",onAction:f=>{switch(f){case"deleteDataset":u();break;case"editDataset":g();break}},children:[e(ge,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ge,{})}),e(C,{children:"Delete"})]})},"deleteDataset"),e(ge,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(
|
|
6047
|
+
`}}}();hg.hash="bd97316dd472eec18504f66e16088abc";function p2({datasetId:n,datasetName:a,onDatasetDelete:l,onDatasetDeleteError:t}){const[i,r]=x.useMutation(hg),s=m.useCallback(()=>{m.startTransition(()=>{i({variables:{datasetId:n},onCompleted:()=>{l()},onError:d=>{t(d)}})})},[i,n,l,t]);return o(te,{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(en,{}):e(Ge,{})}),children:"Delete Dataset"})})})]})}function y2({datasetName:n,datasetId:a,datasetDescription:l,datasetMetadata:t,onDatasetEdited:i,onDatasetEditError:r}){return e(te,{title:"Edit Dataset",size:"M",children:e(nh,{datasetName:n,datasetId:a,datasetDescription:l,datasetMetadata:t,onDatasetEdited:i,onDatasetEditError:r})})}function f2(n){const{datasetId:a,datasetName:l,datasetDescription:t,datasetMetadata:i,onDatasetDelete:r,onDatasetDeleteError:s,onDatasetEdit:d,onDatasetEditError:c}=n,[p,y]=m.useState(null),u=m.useCallback(()=>{y(e(p2,{datasetId:a,datasetName:l,onDatasetDelete:()=>{r(),y(null)},onDatasetDeleteError:s}))},[a,l,r,s]),g=m.useCallback(()=>{y(e(y2,{datasetId:a,datasetName:l,datasetDescription:t,datasetMetadata:i,onDatasetEdited:()=>{d(),y(null)},onDatasetEditError:c}))},[t,a,i,l,d,c]);return o("div",{onClick:f=>{f.preventDefault(),f.stopPropagation()},children:[o(zn,{align:"end",buttonSize:"compact",onAction:f=>{switch(f){case"deleteDataset":u();break;case"editDataset":g();break}},children:[e(ge,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ge,{})}),e(C,{children:"Delete"})]})},"deleteDataset"),e(ge,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Si,{})}),e(C,{children:"Edit"})]})},"editDataset")]}),e(oe,{type:"modal",isDismissable:!0,onDismiss:()=>y(null),children:p})]})}function h2(){return e(v,{width:"100%",paddingY:"size-400",children:e(b,{direction:"column",width:"100%",alignItems:"center",justifyContent:"center",children:e(v,{width:"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(ah,{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(hr,{href:"https://docs.arize.com/phoenix/datasets-and-experiments/overview-datasets",target:"_blank",leadingVisual:e(_,{svg:e(lh,{})}),children:"Documentation"}),e(hr,{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(th,{})}),children:"Quckstart"})]})]})})})})}const Xr=100;function k2(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 b2(n){const[a,l]=m.useState([]),t=m.useRef(null),i=ce(),r=ue(),s=ke(),{data:d,loadNext:c,hasNext:p,isLoadingNext:y,refetch:u}=x.usePaginationFragment(fg,n.query),g=m.useMemo(()=>d.datasets.edges.map(K=>K.node),[d]),f=m.useCallback(K=>{if(K){const{scrollHeight:P,scrollTop:I,clientHeight:D}=K;P-I-D<300&&!y&&p&&c(Xr)}},[p,y,c]),k=Ke({columns:[{header:"name",accessorKey:"name",cell:({row:K})=>{const I=K.original.experimentCount>0?`${K.original.id}/experiments`:`${K.original.id}/examples`;return e(we,{to:I,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:Oa},{header:"",id:"actions",enableSorting:!1,size:10,cell:({row:K})=>e(f2,{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:P=>{const I=Ie(P);s({title:"Dataset update failed",message:(I==null?void 0:I[0])??P.message})},onDatasetDelete:()=>{r({title:"Dataset deleted",message:`${K.original.name} has been successfully deleted.`}),u({},{fetchPolicy:"store-and-network"})},onDatasetDeleteError:P=>{const I=Ie(P);s({title:"Dataset deletion failed",message:(I==null?void 0:I[0])??P.message})}})}],data:g,state:{sorting:a},getCoreRowModel:Te(),getSortedRowModel:ln(),onSortingChange:l,manualSorting:!0});m.useEffect(()=>{const K=a[0];m.startTransition(()=>{u({sort:K?k2(K):{col:"createdAt",dir:"desc"},after:null,first:Xr},{fetchPolicy:"store-and-network"})})},[a,u]);const h=k.getRowModel().rows,S=h.length===0;return e("div",{css:F`
|
|
6048
6048
|
flex: 1 1 auto;
|
|
6049
6049
|
overflow: auto;
|
|
6050
|
-
`,onScroll:K=>f(K.target),ref:t,children:o("table",{css:$n,children:[e("thead",{children:k.getHeaderGroups().map(K=>e("tr",{children:K.headers.map(P=>{var I;return e("th",{colSpan:P.colSpan,children:P.isPlaceholder?null:o("div",{className:P.column.getCanSort()?"cursor-pointer":"",onClick:P.column.getToggleSortingHandler(),style:{textAlign:(I=P.column.columnDef.meta)==null?void 0:I.textAlign},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)})},K.id))}),S?e(ih,{children:e(h2,{})}):e("tbody",{children:h.map(K=>e("tr",{onClick:()=>{const I=K.original.experimentCount>0?`${K.original.id}/experiments`:`${K.original.id}/examples`;i(I)},children:K.getVisibleCells().map(P=>{var I;return e("td",{align:(I=P.column.columnDef.meta)==null?void 0:I.textAlign,children:W(P.column.columnDef.cell,P.getContext())},P.id)})},K.id))})]})})}function OT(){return e(m.Suspense,{fallback:e(me,{}),children:e(S2,{})})}function S2(){const[n,a]=m.useState(0),l=x.useLazyLoadQuery(pg,{},{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(v2,{onDatasetCreated:t})]})}),e(b2,{query:l})]})}function v2({onDatasetCreated:n}){const a=ce(),l=ue(),t=ke(),[i,r]=m.useState(null),s=()=>{r(e(te,{size:"S",title:"New Dataset",children:e(ts,{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 p=Ie(c);t({title:"Dataset creation failed",message:(p==null?void 0:p[0])??c.message})}})}))},d=()=>{r(e(te,{size:"M",title:"New Dataset from CSV",children:e(g2,{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 p=Ie(c);t({title:"Dataset creation failed",message:(p==null?void 0:p[0])??c.message})}})}))};return o(J,{children:[o(zn,{buttonText:"Create Dataset",align:"end",icon:e(_,{svg:e(
|
|
6050
|
+
`,onScroll:K=>f(K.target),ref:t,children:o("table",{css:$n,children:[e("thead",{children:k.getHeaderGroups().map(K=>e("tr",{children:K.headers.map(P=>{var I;return e("th",{colSpan:P.colSpan,children:P.isPlaceholder?null:o("div",{className:P.column.getCanSort()?"cursor-pointer":"",onClick:P.column.getToggleSortingHandler(),style:{textAlign:(I=P.column.columnDef.meta)==null?void 0:I.textAlign},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)})},K.id))}),S?e(ih,{children:e(h2,{})}):e("tbody",{children:h.map(K=>e("tr",{onClick:()=>{const I=K.original.experimentCount>0?`${K.original.id}/experiments`:`${K.original.id}/examples`;i(I)},children:K.getVisibleCells().map(P=>{var I;return e("td",{align:(I=P.column.columnDef.meta)==null?void 0:I.textAlign,children:W(P.column.columnDef.cell,P.getContext())},P.id)})},K.id))})]})})}function OT(){return e(m.Suspense,{fallback:e(me,{}),children:e(S2,{})})}function S2(){const[n,a]=m.useState(0),l=x.useLazyLoadQuery(pg,{},{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(v2,{onDatasetCreated:t})]})}),e(b2,{query:l})]})}function v2({onDatasetCreated:n}){const a=ce(),l=ue(),t=ke(),[i,r]=m.useState(null),s=()=>{r(e(te,{size:"S",title:"New Dataset",children:e(ts,{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 p=Ie(c);t({title:"Dataset creation failed",message:(p==null?void 0:p[0])??c.message})}})}))},d=()=>{r(e(te,{size:"M",title:"New Dataset from CSV",children:e(g2,{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 p=Ie(c);t({title:"Dataset creation failed",message:(p==null?void 0:p[0])??c.message})}})}))};return o(J,{children:[o(zn,{buttonText:"Create Dataset",align:"end",icon:e(_,{svg:e(tt,{})}),onAction:c=>{switch(c){case"newDataset":s();break;case"datasetFromCSV":d();break}},children:[e(ge,{children:"New Dataset"},"newDataset"),e(ge,{children:"Dataset from CSV"},"datasetFromCSV")]}),e(oe,{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(
|
|
6051
6051
|
$datasetId: ID!
|
|
6052
6052
|
) {
|
|
6053
6053
|
dataset: node(id: $datasetId) {
|
|
@@ -6073,10 +6073,10 @@ fragment DatasetsTable_datasets_dWkdd on Query {
|
|
|
6073
6073
|
__typename
|
|
6074
6074
|
}
|
|
6075
6075
|
}
|
|
6076
|
-
`}}}();Sg.hash="8d99470f590cd5d28701fa6e3c0330e6";const
|
|
6076
|
+
`}}}();Sg.hash="8d99470f590cd5d28701fa6e3c0330e6";const qt={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function T2(n){const{datasetId:a,onCompleted:l}=n,[t,i]=m.useState(null),[r,s]=x.useMutation(Sg),{control:d,setError:c,handleSubmit:p,formState:{isValid:y}}=Ve({defaultValues:{input:"{}",output:"{}",metadata:"{}"}}),u=m.useCallback(g=>{if(i(null),!Bn(g==null?void 0:g.input))return c("input",{message:"Input must be a valid JSON object"});if(!Bn(g==null?void 0:g.output))return c("output",{message:"Output must be a valid JSON object"});if(!Bn(g==null?void 0:g.metadata))return c("metadata",{message:"Metadata must be a valid JSON object"});r({variables:{input:{datasetId:a,examples:[{input:JSON.parse(g.input),output:JSON.parse(g.output),metadata:JSON.parse(g.metadata)}],datasetVersionDescription:g.description}},onCompleted:()=>{l()},onError:f=>{const k=Ie(f);i((k==null?void 0:k[0])??f.message)}})},[r,a,c,l]);return o(te,{size:"L",title:"Add Example",children:[e("div",{css:F`
|
|
6077
6077
|
overflow-y: auto;
|
|
6078
6078
|
padding: var(--ac-global-dimension-size-400);
|
|
6079
|
-
`,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(Fe,{variant:"danger",children:t}):null,e(H,{control:d,name:"input",render:({field:{onChange:g,onBlur:f,value:k},fieldState:{invalid:h,error:S}})=>o(B,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...
|
|
6079
|
+
`,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(Fe,{variant:"danger",children:t}):null,e(H,{control:d,name:"input",render:({field:{onChange:g,onBlur:f,value:k},fieldState:{invalid:h,error:S}})=>o(B,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...qt,children:[h?e(Fe,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(on,{value:k,onChange:g,onBlur:f})]})}),e(H,{control:d,name:"output",render:({field:{onChange:g,onBlur:f,value:k},fieldState:{invalid:h,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:[h?e(Fe,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(on,{value:k,onChange:g,onBlur:f})]})}),e(H,{control:d,name:"metadata",render:({field:{onChange:g,onBlur:f,value:k},fieldState:{invalid:h,error:S}})=>o(B,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...qt,children:[h?e(Fe,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(on,{value:k,onChange:g,onBlur:f})]})}),e(H,{control:d,name:"description",render:({field:{onChange:g,onBlur:f,value:k},fieldState:{invalid:h,error:S}})=>o(X,{value:k,onChange:g,onBlur:f,isInvalid:h,children:[e(G,{children:"Version Description"}),e(fa,{}),S?e(Se,{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:!y||s,leadingVisual:s?e(_,{svg:e(en,{})}):null,onPress:()=>p(u)(),children:s?"Adding Example...":"Add Example"})})})]})}function P2(n){const{datasetId:a,onAddExampleCompleted:l}=n,[t,i]=m.useState(null),r=m.useCallback(()=>{i(e(T2,{datasetId:a,onCompleted:()=>{l(),i(null)}}))},[a,l]);return o(J,{children:[e(E,{leadingVisual:e(_,{svg:e(Nn,{})}),size:"S",onPress:r,"aria-label":"Add Dataset Example",children:"Add Example"}),e(oe,{isDismissable:!0,onDismiss:()=>{i(null)},children:t})]})}function x2(){const n=ya(i=>i.datasetId),a=ya(i=>i.latestVersion);let l=`${Gt}/v1/datasets/${n}/examples`;a&&(l+=`?version-id=${a.id}`);const t=m.useMemo(()=>`import phoenix as px
|
|
6080
6080
|
client = px.Client()
|
|
6081
6081
|
# Get the current dataset version
|
|
6082
6082
|
dataset = client.get_dataset(id="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return e("div",{css:F`
|
|
@@ -6086,7 +6086,7 @@ dataset = client.get_dataset(id="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);
|
|
|
6086
6086
|
padding-right: 10px;
|
|
6087
6087
|
}
|
|
6088
6088
|
}
|
|
6089
|
-
`,children:o(Tl,{placement:"bottom right",children:[e(co,{addonBefore:e(_,{svg:e(
|
|
6089
|
+
`,children:o(Tl,{placement:"bottom right",children:[e(co,{addonBefore:e(_,{svg:e(ki,{})}),children:"Code"}),e(di,{children:o("section",{css:F`
|
|
6090
6090
|
width: 500px;
|
|
6091
6091
|
.ac-field {
|
|
6092
6092
|
flex: 1 1 auto;
|
|
@@ -6157,7 +6157,7 @@ fragment DatasetHistoryTable_versions_2HEEH6 on Dataset {
|
|
|
6157
6157
|
overflow: auto;
|
|
6158
6158
|
`,onScroll:u=>d(u.target),ref:a,children:o("table",{css:He,children:[e("thead",{children:c.getHeaderGroups().map(u=>e("tr",{children:u.headers.map(g=>e("th",{colSpan:g.colSpan,children:g.isPlaceholder?null:o("div",{className:g.column.getCanSort()?"cursor-pointer":"",onClick:g.column.getToggleSortingHandler(),style:{left:g.getStart(),width:g.getSize()},children:[W(g.column.columnDef.header,g.getContext()),g.column.getIsSorted()?e(_,{className:"sort-icon",svg:g.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]})},g.id))},u.id))}),y?e(tn,{}):e("tbody",{children:p.map(u=>e("tr",{children:u.getVisibleCells().map(g=>e("td",{children:W(g.column.columnDef.cell,g.getContext())},g.id))},u.id))})]})})}function L2(n){const{datasetId:a}=n,l=x.useLazyLoadQuery(vg,{datasetId:a});return e(te,{size:"L",title:"Dataset History",children:e("div",{css:F`
|
|
6159
6159
|
height: 500px;
|
|
6160
|
-
`,children:e(D2,{dataset:l.dataset})})})}function _2(n){const{datasetId:a}=n,[l,t]=m.useState(null);return o(J,{children:[o(Le,{children:[e(E,{leadingVisual:e(_,{svg:e(rh,{})}),"aria-label":"Version History",onPress:()=>{t(e(L2,{datasetId:a}))}}),e(
|
|
6160
|
+
`,children:e(D2,{dataset:l.dataset})})})}function _2(n){const{datasetId:a}=n,[l,t]=m.useState(null);return o(J,{children:[o(Le,{children:[e(E,{leadingVisual:e(_,{svg:e(rh,{})}),"aria-label":"Version History",onPress:()=>{t(e(L2,{datasetId:a}))}}),e(yn,{children:"Dataset Version History"})]}),e(m.Suspense,{fallback:null,children:e(oe,{type:"modal",isDismissable:!0,onDismiss:()=>{t(null)},children:l})})]})}const A2=`pip install arize-phoenix>=${window.Config.platformVersion}`;function w2({isAuthEnabled:n}){let a=`import os
|
|
6161
6161
|
# Set the phoenix collector endpoint. Commonly http://localhost:6006
|
|
6162
6162
|
os.environ["PHOENIX_COLLECTOR_ENDPOINT"] = "<your-phoenix-url>"`;return n&&(a+=`
|
|
6163
6163
|
# Configure access
|
|
@@ -6221,7 +6221,7 @@ await runExperiment({
|
|
|
6221
6221
|
# Initialize a phoenix client
|
|
6222
6222
|
client = px.Client()
|
|
6223
6223
|
# Get the current dataset version. You can omit the version for the latest.
|
|
6224
|
-
dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return o(v,{overflow:"auto",children:[e(v,{paddingBottom:"size-100",children:e(C,{children:"Install Phoenix"})}),e(Ze,{children:e(Ln,{value:A2})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Point to a running instance of Phoenix"})}),e(Ze,{children:e(Ln,{value:w2({isAuthEnabled:l})})}),e(oh,{children:e(v,{paddingBottom:"size-100",paddingTop:"size-100",children:e(bo,{fallback:o(C,{children:["Your personal API keys can be created and managed on your"," ",e(Sn,{href:"/profile",children:"Profile"})]}),children:o(C,{children:["System API keys can be created and managed in"," ",e(Sn,{href:"/settings/general",children:"Settings"})]})})})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Pull down this dataset"})}),e(Ze,{children:e(Ln,{value:t})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Define your task"})}),e(Ze,{children:e(Ln,{value:R2})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Define evaluators"})}),e(Ze,{children:e(Ln,{value:E2})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Run an experiment"})}),e(Ze,{children:e(Ln,{value:M2})})]})}function N2(){const n=ya(a=>a.datasetName);return o(v,{overflow:"auto",children:[e(v,{paddingBottom:"size-100",children:e(C,{children:"Install Phoenix Client"})}),e(Ze,{children:e(
|
|
6224
|
+
dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return o(v,{overflow:"auto",children:[e(v,{paddingBottom:"size-100",children:e(C,{children:"Install Phoenix"})}),e(Ze,{children:e(Ln,{value:A2})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Point to a running instance of Phoenix"})}),e(Ze,{children:e(Ln,{value:w2({isAuthEnabled:l})})}),e(oh,{children:e(v,{paddingBottom:"size-100",paddingTop:"size-100",children:e(bo,{fallback:o(C,{children:["Your personal API keys can be created and managed on your"," ",e(Sn,{href:"/profile",children:"Profile"})]}),children:o(C,{children:["System API keys can be created and managed in"," ",e(Sn,{href:"/settings/general",children:"Settings"})]})})})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Pull down this dataset"})}),e(Ze,{children:e(Ln,{value:t})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Define your task"})}),e(Ze,{children:e(Ln,{value:R2})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Define evaluators"})}),e(Ze,{children:e(Ln,{value:E2})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Run an experiment"})}),e(Ze,{children:e(Ln,{value:M2})})]})}function N2(){const n=ya(a=>a.datasetName);return o(v,{overflow:"auto",children:[e(v,{paddingBottom:"size-100",children:e(C,{children:"Install Phoenix Client"})}),e(Ze,{children:e(Yt,{value:"npm install @arizeai/phoenix-client"})}),e(v,{paddingTop:"size-100",paddingBottom:"size-100",children:e(C,{children:"Run an experiment"})}),e(Ze,{children:e(Yt,{value:V2(n,"experiment_name")})})]})}function $2(){const[n,a]=m.useState("Python");return e(te,{title:"Run Experiment",size:"XL",children:o(v,{padding:"size-400",overflow:"auto",children:[e(v,{paddingBottom:"size-200",children:e(xl,{language:n,onChange:a})}),n==="Python"?e(z2,{}):e(N2,{})]})})}function Kg(){const[n,a]=m.useState(null),l=m.useCallback(()=>{a(e($2,{}))},[]);return o(J,{children:[e(E,{size:"S",leadingVisual:e(_,{svg:e(jo,{})}),onPress:l,children:"Run Experiment"}),e(oe,{isDismissable:!0,type:"slideOver",onDismiss:()=>{a(null)},children:n})]})}function QT(){const n=Me();je(n);const a=m.useMemo(()=>{const l=n.dataset.latestVersions;return l!=null&&l.edges&&l.edges.length?l.edges[0].version:null},[n]);return e(K2,{datasetId:n.dataset.id,datasetName:n.dataset.name,latestVersion:a,children:e(m.Suspense,{fallback:e(me,{}),children:e(O2,{dataset:n.dataset})})})}const j2=F`
|
|
6225
6225
|
flex: 1 1 auto;
|
|
6226
6226
|
display: flex;
|
|
6227
6227
|
flex-direction: column;
|
|
@@ -6247,7 +6247,7 @@ dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]
|
|
|
6247
6247
|
}
|
|
6248
6248
|
}
|
|
6249
6249
|
}
|
|
6250
|
-
`;function O2({dataset:n}){const a=n.id,l=ya(c=>c.refreshLatestVersion),t=ue(),i=ce(),r=m.useCallback(c=>{c===0?i(`/datasets/${a}/experiments`):c===1&&i(`/datasets/${a}/examples`)},[i,a]),d=
|
|
6250
|
+
`;function O2({dataset:n}){const a=n.id,l=ya(c=>c.refreshLatestVersion),t=ue(),i=ce(),r=m.useCallback(c=>{c===0?i(`/datasets/${a}/experiments`):c===1&&i(`/datasets/${a}/examples`)},[i,a]),d=Ga().pathname.includes("examples")?1:0;return o("main",{css:j2,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(zn,{align:"end",icon:e(_,{svg:e(ht,{})}),onAction:c=>{switch(c){case"csv":window.open(Kn(`/v1/datasets/${n.id}/csv`),"_blank");break;case"openai-ft":window.open(Kn(`/v1/datasets/${n.id}/jsonl/openai_ft`),"_blank");break;case"openai-evals":window.open(Kn(`/v1/datasets/${n.id}/jsonl/openai_evals`),"_blank");break}},children:[e(ge,{children:"Download CSV"},"csv"),e(ge,{children:"Download OpenAI Fine-Tuning JSONL"},"openai-ft"),e(ge,{children:"Download OpenAI Evals JSONL"},"openai-evals")]}),e(_2,{datasetId:n.id}),e(x2,{}),e(Kg,{}),e(E,{leadingVisual:e(_,{svg:e(Ea,{})}),onPress:()=>{i(`/playground?datasetId=${n.id}`)},children:"Playground"}),e(P2,{datasetId:n.id,onAddExampleCompleted:()=>{t({title:"Example added",message:"The example has been added successfully and the version has been updated."}),l()}})]})]})}),o(an,{defaultSelectedKey:d===0?"experiments":"examples",onSelectionChange:c=>{switch(c){case"experiments":r(0);break;case"examples":r(1);break}},children:[o(nn,{children:[o(ne,{id:"experiments",children:["Experiments ",e(xn,{children:n.experimentCount})]}),o(ne,{id:"examples",children:["Examples ",e(xn,{children:n.exampleCount})]})]}),e(re,{id:"experiments",children:e(m.Suspense,{children:e(Ce,{})})}),e(re,{id:"examples",children:e(m.Suspense,{children:e(Ce,{})})})]})]})}const Tg=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(
|
|
6251
6251
|
$id: ID!
|
|
6252
6252
|
) {
|
|
6253
6253
|
dataset: node(id: $id) {
|
|
@@ -6356,7 +6356,7 @@ fragment ExamplesTableFragment_4a6F8Z on Dataset {
|
|
|
6356
6356
|
bottom: var(--ac-global-dimension-size-400);
|
|
6357
6357
|
left: 50%;
|
|
6358
6358
|
transform: translateX(-50%);
|
|
6359
|
-
`,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:y?e(en,{}):e(Ge,{})}),isDisabled:y,onPress:g,children:y?"Deleting...":"Delete Example"+(u?"s":"")})]})]})}),e(
|
|
6359
|
+
`,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:y?e(en,{}):e(Ge,{})}),isDisabled:y,onPress:g,children:y?"Deleting...":"Delete Example"+(u?"s":"")})]})]})}),e(oe,{onDismiss:()=>{s(null)},children:r})]})}const B2=100;function q2({dataset:n}){const a=ya(D=>D.latestVersion),l=m.useRef(null),[t,i]=m.useState({}),{data:r,loadNext:s,hasNext:d,isLoadingNext:c,refetch:p}=x.usePaginationFragment(Ig,n);m.useEffect(()=>{m.startTransition(()=>{p({datasetVersionId:(a==null?void 0:a.id)||null},{fetchPolicy:"store-and-network"})})},[a,p]);const y=m.useMemo(()=>r.examples.edges.map(D=>{const T=D.example,L=T.revision;return{id:T.id,input:L.input,output:L.output,metadata:L.metadata}}),[r]),g=Ke({columns:[{id:"select",header:({table:D})=>e(Mn,{checked:D.getIsAllRowsSelected(),indeterminate:D.getIsSomeRowsSelected(),onChange:D.getToggleAllRowsSelectedHandler()}),cell:({row:D})=>e(Mn,{checked:D.getIsSelected(),disabled:!D.getCanSelect(),indeterminate:D.getIsSomeSelected(),onChange:D.getToggleSelectedHandler()})},{header:"example id",accessorKey:"id",cell:({getValue:D,row:T})=>{const L=T.original.id;return e(we,{to:`${L}`,children:D()})}},{header:"input",accessorKey:"input",cell:Oa},{header:"output",accessorKey:"output",cell:Oa},{header:"metadata",accessorKey:"metadata",cell:Oa}],data:y,state:{rowSelection:t},onRowSelectionChange:i,getCoreRowModel:Te()}),f=g.getRowModel().rows,k=f.length===0,h=g.getSelectedRowModel().rows,S=h.map(D=>D.original),K=m.useCallback(()=>{i({})},[i]),P=m.useCallback(D=>{if(D){const{scrollHeight:T,scrollTop:L,clientHeight:V}=D;T-L-V<300&&!c&&d&&s(B2)}},[d,c,s]),I=ce();return o("div",{css:F`
|
|
6360
6360
|
flex: 1 1 auto;
|
|
6361
6361
|
overflow: auto;
|
|
6362
6362
|
`,ref:l,onScroll:D=>P(D.target),children:[o("table",{css:$n,children:[e("thead",{children:g.getHeaderGroups().map(D=>e("tr",{children:D.headers.map(T=>e("th",{children:e("div",{children:W(T.column.columnDef.header,T.getContext())})},T.id))},D.id))}),k?e(tn,{}):e("tbody",{children:f.map(D=>e("tr",{onClick:()=>{I(`${D.original.id}`)},children:D.getVisibleCells().map(T=>e("td",{children:W(T.column.columnDef.cell,T.getContext())},T.id))},D.id))})]}),h.length?e(Q2,{selectedExamples:S,onClearSelection:K,onExamplesDeleted:()=>{p({},{fetchPolicy:"store-and-network"})}}):null]})}function HT(){const n=Me();return je(n),o(J,{children:[e(q2,{dataset:n.dataset})," ",e(m.Suspense,{children:e(Ce,{})})]})}const Lg=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:"annotationName",storageKey:null},r=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"experimentsLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"ExperimentsTableFragment"}],type:"Dataset",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"experimentsLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:null,args:r,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[l],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[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:"experiments(first:100)"},{alias:null,args:r,filters:null,handle:"connection",key:"ExperimentsTable_experiments",kind:"LinkedHandle",name:"experiments"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"408cf8f25f19c40db245b9f45d2a5ed2",id:null,metadata:{},name:"experimentsLoaderQuery",operationKind:"query",text:`query experimentsLoaderQuery(
|
|
@@ -6461,7 +6461,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
6461
6461
|
}
|
|
6462
6462
|
id
|
|
6463
6463
|
}
|
|
6464
|
-
`}}}();_g.hash="c7c7580fe40888ceb86a1701fe4eedf4";const Ag=function(){var n=["experiments"],a={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:_g,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ExperimentsTableFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:"experiments",args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"__ExperimentsTable_experiments_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[l],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},l],type:"Dataset",abstractKey:null}}();Ag.hash="c7c7580fe40888ceb86a1701fe4eedf4";function U2({experimentId:n}){return e(Pl,{children:o(zn,{buttonSize:"compact",align:"end",icon:e(_,{svg:e(
|
|
6464
|
+
`}}}();_g.hash="c7c7580fe40888ceb86a1701fe4eedf4";const Ag=function(){var n=["experiments"],a={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:_g,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ExperimentsTableFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:"experiments",args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"__ExperimentsTable_experiments_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[l],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},l],type:"Dataset",abstractKey:null}}();Ag.hash="c7c7580fe40888ceb86a1701fe4eedf4";function U2({experimentId:n}){return e(Pl,{children:o(zn,{buttonSize:"compact",align:"end",icon:e(_,{svg:e(ht,{})}),onAction:a=>{a==="csv"&&window.open(Kn(`/v1/experiments/${n}/csv`),"_blank"),a==="json"&&window.open(Kn(`/v1/experiments/${n}/json`),"_blank")},children:[e(ge,{children:"Download CSV"},"csv"),e(ge,{children:"Download JSON"},"json")]})})}function H2({getValue:n}){const a=n(),l=a!==null?a*100:null,t=m.useMemo(()=>{if(l!==null)return l>=80?"red-1100":l>0?"orange-1100":"green-1100"},[l]);return e(C,{color:t,children:ql(l)})}const wg=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"ExperimentMutationPayload",kind:"LinkedField",name:"deleteExperiments",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExperimentSelectionToolbarDeleteExperimentsMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExperimentSelectionToolbarDeleteExperimentsMutation",selections:a},params:{cacheID:"3af24cbaf3208c0d5ad1cd9313dd3823",id:null,metadata:{},name:"ExperimentSelectionToolbarDeleteExperimentsMutation",operationKind:"mutation",text:`mutation ExperimentSelectionToolbarDeleteExperimentsMutation(
|
|
6465
6465
|
$input: DeleteExperimentsInput!
|
|
6466
6466
|
) {
|
|
6467
6467
|
deleteExperiments(input: $input) {
|
|
@@ -6473,7 +6473,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
6473
6473
|
bottom: var(--ac-global-dimension-size-400);
|
|
6474
6474
|
left: 50%;
|
|
6475
6475
|
transform: translateX(-50%);
|
|
6476
|
-
`,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${y?"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(en,{}):e(Ge,{})}),isDisabled:r,onPress:k,children:r?"Deleting...":"Delete"}),e(E,{variant:"primary",size:"S",onPress:()=>{a(`/datasets/${s}/compare?${d.map(h=>`experimentId=${h.id}`).join("&")}`)},leadingVisual:e(_,{svg:e(sh,{})}),children:"Compare Experiments"})]})]})}),e(
|
|
6476
|
+
`,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${y?"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(en,{}):e(Ge,{})}),isDisabled:r,onPress:k,children:r?"Deleting...":"Delete"}),e(E,{variant:"primary",size:"S",onPress:()=>{a(`/datasets/${s}/compare?${d.map(h=>`experimentId=${h.id}`).join("&")}`)},leadingVisual:e(_,{svg:e(sh,{})}),children:"Compare Experiments"})]})]})}),e(oe,{onDismiss:()=>{t(null)},children:l})]})}const W2=100;function J2(){return e("tbody",{className:"is-empty",children:e("tr",{children:o("td",{colSpan:100,css:F`
|
|
6477
6477
|
text-align: center;
|
|
6478
6478
|
padding: var(--ac-global-dimension-size-400) !important;
|
|
6479
6479
|
button {
|
|
@@ -6481,7 +6481,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
6481
6481
|
margin-left: auto;
|
|
6482
6482
|
margin-right: auto;
|
|
6483
6483
|
}
|
|
6484
|
-
`,children:["No experiments for this dataset. To see how to run experiments on a dataset, check out the documentation.",e(Kg,{})]})})})}function Z2({dataset:n}){const a=m.useRef(null),[l,t]=m.useState({}),{data:i,loadNext:r,hasNext:s,isLoadingNext:d,refetch:c}=x.usePaginationFragment(Ag,n),p=m.useMemo(()=>i.experiments.edges.map(T=>{const L=T.experiment.annotationSummaries.reduce((V,w)=>(V[w.annotationName]=w,V),{});return{...T.experiment,annotationSummaryMap:L}}),[i.experiments.edges]),y=[{id:"select",header:({table:T})=>e(Mn,{checked:T.getIsAllRowsSelected(),indeterminate:T.getIsSomeRowsSelected(),onChange:T.getToggleAllRowsSelectedHandler()}),cell:({row:T})=>e(Mn,{checked:T.getIsSelected(),disabled:!T.getCanSelect(),indeterminate:T.getIsSomeSelected(),onChange:T.getToggleSelectedHandler()})},{header:"name",accessorKey:"name",minSize:200,cell:({getValue:T,row:L})=>{const V=L.original.id,w=L.original.sequenceNumber;return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(
|
|
6484
|
+
`,children:["No experiments for this dataset. To see how to run experiments on a dataset, check out the documentation.",e(Kg,{})]})})})}function Z2({dataset:n}){const a=m.useRef(null),[l,t]=m.useState({}),{data:i,loadNext:r,hasNext:s,isLoadingNext:d,refetch:c}=x.usePaginationFragment(Ag,n),p=m.useMemo(()=>i.experiments.edges.map(T=>{const L=T.experiment.annotationSummaries.reduce((V,w)=>(V[w.annotationName]=w,V),{});return{...T.experiment,annotationSummaryMap:L}}),[i.experiments.edges]),y=[{id:"select",header:({table:T})=>e(Mn,{checked:T.getIsAllRowsSelected(),indeterminate:T.getIsSomeRowsSelected(),onChange:T.getToggleAllRowsSelectedHandler()}),cell:({row:T})=>e(Mn,{checked:T.getIsSelected(),disabled:!T.getCanSelect(),indeterminate:T.getIsSomeSelected(),onChange:T.getToggleSelectedHandler()})},{header:"name",accessorKey:"name",minSize:200,cell:({getValue:T,row:L})=>{const V=L.original.id,w=L.original.sequenceNumber;return o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[e(St,{sequenceNumber:w}),e(we,{to:`/datasets/${n.id}/compare?experimentId=${V}`,children:T()})]})}},{header:"description",accessorKey:"description",minSize:300,cell:Ee},{header:"created at",accessorKey:"createdAt",cell:_e}],u=i.experimentAnnotationSummaries.map(T=>{const{annotationName:L,minScore:V,maxScore:w}=T;return{header:()=>o(b,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",justifyContent:"end",children:[e(C,{children:L}),e(dh,{annotationName:L})]}),id:`annotation-${L}`,meta:{textAlign:"right"},cell:({row:$})=>{const M=$.original.annotationSummaryMap[L];return!M||M.meanScore==null?e("span",{css:F`
|
|
6485
6485
|
float: right;
|
|
6486
6486
|
`,children:"--"}):e(X2,{annotationName:L,value:M.meanScore,min:V,max:w})}}}),g=[{header:"run count",accessorKey:"runCount",meta:{textAlign:"right"},cell:ns},{header:"avg latency",accessorKey:"averageRunLatencyMs",meta:{textAlign:"right"},cell:({getValue:T})=>{const L=T();return L===null||typeof L!="number"?"--":e($e,{latencyMs:L})}},{header:"error rate",accessorKey:"errorRate",meta:{textAlign:"right"},cell:H2},{header:"metadata",accessorKey:"metadata",minSize:200,cell:Oa},{id:"actions",cell:({row:T})=>{const L=T.original.project,V=T.original.metadata;return o(b,{direction:"row",gap:"size-100",children:[e(U2,{experimentId:T.original.id}),e(rs,{projectId:(L==null?void 0:L.id)||null,experimentId:T.original.id,metadata:V,canDeleteExperiment:!0,onExperimentDeleted:()=>{c({},{fetchPolicy:"store-and-network"})}})]})}}],f=Ke({columns:[...y,...u,...g],data:p,getCoreRowModel:Te(),state:{rowSelection:l},onRowSelectionChange:t}),k=f.getRowModel().rows,h=f.getSelectedRowModel().rows,S=h.map(T=>T.original),K=m.useCallback(()=>{t({})},[t]),P=k.length===0,I=m.useCallback(T=>{if(T){const{scrollHeight:L,scrollTop:V,clientHeight:w}=T;L-V-w<300&&!d&&s&&r(W2)}},[s,d,r]),D=ce();return o("div",{css:F`
|
|
6487
6487
|
flex: 1 1 auto;
|
|
@@ -6560,7 +6560,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
6560
6560
|
}
|
|
6561
6561
|
}
|
|
6562
6562
|
}
|
|
6563
|
-
`}}}();Rg.hash="e989d0f9fc590e030a4b795ba6fe433d";function
|
|
6563
|
+
`}}}();Rg.hash="e989d0f9fc590e030a4b795ba6fe433d";function hl(n){return n.replace(/[^a-zA-Z0-9]/g,"-")}const Eg=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"condition"},{defaultValue:null,kind:"LocalArgument",name:"experimentIds"}],a=[{alias:null,args:[{kind:"Variable",name:"condition",variableName:"condition"},{kind:"Variable",name:"experimentIds",variableName:"experimentIds"}],concreteType:"ValidationResult",kind:"LinkedField",name:"validateExperimentRunFilterCondition",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"isValid",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorMessage",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExperimentRunFilterConditionFieldValidationQuery",selections:a,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExperimentRunFilterConditionFieldValidationQuery",selections:a},params:{cacheID:"efd70fda1905f639957b01b0d1495895",id:null,metadata:{},name:"ExperimentRunFilterConditionFieldValidationQuery",operationKind:"query",text:`query ExperimentRunFilterConditionFieldValidationQuery(
|
|
6564
6564
|
$condition: String!
|
|
6565
6565
|
$experimentIds: [ID!]!
|
|
6566
6566
|
) {
|
|
@@ -6600,11 +6600,11 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
6600
6600
|
border-color: var(--ac-global-color-danger);
|
|
6601
6601
|
}
|
|
6602
6602
|
box-sizing: border-box;
|
|
6603
|
-
`;function nK(n){const a=n.matchBefore(/\w*/);return!a||a.from==a.to&&!n.explicit?null:{from:a.from,options:[{label:"input",type:"variable",info:"The input of the dataset example"},{label:"reference_output",type:"variable",info:"The reference output of the dataset example"},{label:"metadata",type:"variable",info:"The metadata of the dataset example"},{label:"output",type:"variable",info:"The output of the experiment run"},{label:"error",type:"variable",info:"The error message of the experiment run (if exists)"},{label:"latency_ms",type:"variable",info:"The duration of the experiment run in milliseconds"},{label:"evals",type:"variable",info:"The evaluations of the experiment run"},{label:"search input",type:"text",apply:"'' in input",detail:"macro"},{label:"search reference output",type:"text",apply:"'' in reference_output",detail:"macro"},{label:"search output",type:"text",apply:"'' in output",detail:"macro"},{label:"has error",type:"text",apply:"error is not None",detail:"macro"},{label:"Latency >= 10s",type:"text",apply:"latency_ms >= 10_000",detail:"macro"},{label:"Hallucinations",type:"text",apply:"evals['hallucination'].label == 'hallucinated'",detail:"macro"},{label:"Metadata",type:"text",apply:"metadata['category'] == 'hard_examples'",detail:"macro"}]}}async function aK(n,a){if(!n)return{isValid:!0,errorMessage:null};const l=await Kl.fetchQuery(he,Eg,{condition:n,experimentIds:a}).toPromise();if(!l)throw new Error("Filter condition validation is null");return l.validateExperimentRunFilterCondition}const lK=[Ai.of([{key:"Enter",run:n=>!0}]),Il(),ds({override:[nK]})];function tK(n){const{onValidCondition:a,placeholder:l=`filter condition (e.g., evals["Hallucination"].label == 'hallucinated')`}=n,[t,i]=m.useState(!1),[r,s]=m.useState(""),{filterCondition:d,setFilterCondition:c,appendFilterCondition:p}=Y2(),y=m.useDeferredValue(d),{theme:u}=Xn(),g=u==="light"?Ca:Fa,[f]=
|
|
6603
|
+
`;function nK(n){const a=n.matchBefore(/\w*/);return!a||a.from==a.to&&!n.explicit?null:{from:a.from,options:[{label:"input",type:"variable",info:"The input of the dataset example"},{label:"reference_output",type:"variable",info:"The reference output of the dataset example"},{label:"metadata",type:"variable",info:"The metadata of the dataset example"},{label:"output",type:"variable",info:"The output of the experiment run"},{label:"error",type:"variable",info:"The error message of the experiment run (if exists)"},{label:"latency_ms",type:"variable",info:"The duration of the experiment run in milliseconds"},{label:"evals",type:"variable",info:"The evaluations of the experiment run"},{label:"search input",type:"text",apply:"'' in input",detail:"macro"},{label:"search reference output",type:"text",apply:"'' in reference_output",detail:"macro"},{label:"search output",type:"text",apply:"'' in output",detail:"macro"},{label:"has error",type:"text",apply:"error is not None",detail:"macro"},{label:"Latency >= 10s",type:"text",apply:"latency_ms >= 10_000",detail:"macro"},{label:"Hallucinations",type:"text",apply:"evals['hallucination'].label == 'hallucinated'",detail:"macro"},{label:"Metadata",type:"text",apply:"metadata['category'] == 'hard_examples'",detail:"macro"}]}}async function aK(n,a){if(!n)return{isValid:!0,errorMessage:null};const l=await Kl.fetchQuery(he,Eg,{condition:n,experimentIds:a}).toPromise();if(!l)throw new Error("Filter condition validation is null");return l.validateExperimentRunFilterCondition}const lK=[Ai.of([{key:"Enter",run:n=>!0}]),Il(),ds({override:[nK]})];function tK(n){const{onValidCondition:a,placeholder:l=`filter condition (e.g., evals["Hallucination"].label == 'hallucinated')`}=n,[t,i]=m.useState(!1),[r,s]=m.useState(""),{filterCondition:d,setFilterCondition:c,appendFilterCondition:p}=Y2(),y=m.useDeferredValue(d),{theme:u}=Xn(),g=u==="light"?Ca:Fa,[f]=pn(),k=f.getAll("experimentId");m.useEffect(()=>{aK(y,k).then(K=>{K!=null&&K.isValid?(s(""),m.startTransition(()=>{a(y)})):s((K==null?void 0:K.errorMessage)??"Invalid filter condition")})},[a,y,k]);const h=r!=="";return o("div",{"data-is-focused":t,"data-is-invalid":h,css:zg,children:[o(b,{direction:"row",children:[e(ci,{children:e(_,{svg:e(_i,{})})}),e(Ka,{css:Vg,indentWithTab:!1,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1,defaultKeymap:!1},onFocus:()=>i(!0),onBlur:()=>i(!1),value:d,onChange:c,height:"36px",width:"100%",theme:g,placeholder:l,extensions:lK}),e("button",{css:F`
|
|
6604
6604
|
margin-right: var(--ac-global-dimension-static-size-100);
|
|
6605
6605
|
color: var(--ac-global-text-color-700);
|
|
6606
6606
|
visibility: ${d!==""?"visible":"hidden"};
|
|
6607
|
-
`,onClick:()=>c(""),className:"button--reset",children:e(_,{svg:e(
|
|
6607
|
+
`,onClick:()=>c(""),className:"button--reset",children:e(_,{svg:e(bt,{})})}),o(Tl,{placement:"bottom right",children:[e(Ne,{children:e("button",{css:F`
|
|
6608
6608
|
color: var(--ac-global-text-color-700);
|
|
6609
6609
|
background-color: var(--ac-global-color-grey-300);
|
|
6610
6610
|
padding-left: var(--ac-global-dimension-static-size-100);
|
|
@@ -6612,7 +6612,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
6612
6612
|
height: 100%;
|
|
6613
6613
|
`,className:"button--reset",children:e(_,{svg:e(Nn,{})})})}),e(iK,{onAddFilterConditionSnippet:p})]})]}),o(Le,{isOpen:h&&t,placement:"bottom",children:[e(Ne,{children:e("div",{})}),e(Hn,{children:r!=""?e(C,{color:"danger",children:r}):e(C,{color:"success",children:"Valid Expression"})})]})]})}function iK(n){const{onAddFilterConditionSnippet:a}=n;return e(v,{width:"500px",paddingTop:"size-200",paddingStart:"size-200",paddingEnd:"size-200",borderRadius:"medium",borderWidth:"thin",borderColor:"light",backgroundColor:"light",children:o(Ye,{children:[e(ta,{label:"filter by substring",initialSnippet:"'search term' in output['key']",onAddFilterConditionSnippet:a},"substring"),e(ta,{label:"filter on errors",initialSnippet:"error is not None",onAddFilterConditionSnippet:a},"errors"),e(ta,{label:"filter by evaluation label",initialSnippet:"evals['hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"eval_label"),e(ta,{label:"filter by evaluation score",initialSnippet:"evals['hallucination'].score >= 0.5",onAddFilterConditionSnippet:a},"eval_score"),e(ta,{label:"filter by evaluation explanation",initialSnippet:"'search term' in evals['hallucination'].explanation",onAddFilterConditionSnippet:a},"eval_explanation"),e(ta,{label:"filter for lower scores than first experiment",initialSnippet:"evals['hallucination'].score < experiments[0].evals['hallucination'].score",onAddFilterConditionSnippet:a},"compare_experiments"),e(ta,{label:"filter by metadata",initialSnippet:"metadata['category'] == 'hard_examples'",onAddFilterConditionSnippet:a},"metadata"),e(ta,{label:"filter by latency",initialSnippet:"latency_ms >= 10_000",onAddFilterConditionSnippet:a},"latency")]})})}function ta(n){const{initialSnippet:a,onAddFilterConditionSnippet:l}=n,[t,i]=m.useState(a),{theme:r}=Xn(),s=r==="light"?Ca:Fa;return e(ba,{label:n.label,children:o(b,{direction:"row",width:"100%",gap:"size-100",children:[e("div",{css:F(zg,F`
|
|
6614
6614
|
flex: 1 1 auto;
|
|
6615
|
-
`),children:e(Ka,{value:t,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[Il()],editable:!0,onChange:i,theme:s,css:Vg})}),e(E,{"aria-label":"Add to filter condition",variant:"default",onPress:()=>l(t),leadingVisual:e(_,{svg:e(Nn,{})})})]})})}const
|
|
6615
|
+
`),children:e(Ka,{value:t,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[Il()],editable:!0,onChange:i,theme:s,css:Vg})}),e(E,{"aria-label":"Add to filter condition",variant:"default",onPress:()=>l(t),leadingVisual:e(_,{svg:e(Nn,{})})})]})})}const Ut={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}},rK=F`
|
|
6616
6616
|
flex: 1 1 auto;
|
|
6617
6617
|
overflow: auto;
|
|
6618
6618
|
// Make sure the table fills up the remaining space
|
|
@@ -6628,19 +6628,19 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
6628
6628
|
align-items: center;
|
|
6629
6629
|
color: var(--ac-global-color-primary);
|
|
6630
6630
|
gap: var(--ac-global-dimension-size-50);
|
|
6631
|
-
`;function sK(n){const{datasetId:a,experimentIds:l,displayFullText:t}=n,[i,r]=m.useState(""),[,s]=
|
|
6631
|
+
`;function sK(n){const{datasetId:a,experimentIds:l,displayFullText:t}=n,[i,r]=m.useState(""),[,s]=pn(),d=x.useLazyLoadQuery(Rg,{experimentIds:l,datasetId:a,filterCondition:i}),c=m.useMemo(()=>{var I,D;return((D=(I=d.dataset)==null?void 0:I.experiments)==null?void 0:D.edges.reduce((T,L)=>{var V,w;return T[L.experiment.id]={...L.experiment,projectId:((w=(V=L.experiment)==null?void 0:V.project)==null?void 0:w.id)||null},T},{}))||{}},[d]),p=m.useMemo(()=>d.comparisons.map(I=>{const D=I.runComparisonItems.reduce((T,L)=>(T[L.experimentId]=L,T),{});return{...I,id:I.example.id,input:I.example.revision.input,referenceOutput:I.example.revision.referenceOutput,runComparisonMap:D}}),[d]),[y,u]=m.useState(null),g=m.useMemo(()=>[{header:"input",accessorKey:"input",cell:({row:I})=>e(kr,{controls:e(E,{size:"S","aria-label":"View example details",leadingVisual:e(_,{svg:e(vl,{})}),onPress:()=>{m.startTransition(()=>{u(e(m.Suspense,{children:e(Bi,{exampleId:I.original.example.id,onDismiss:()=>{u(null)}})}))})},children:"View Example"}),children:e(zl,{children:e(er,{children:e(Xa,{json:I.original.input,disableTitle:!0,space:t?2:0})})})})},{header:"reference output",accessorKey:"referenceOutput",cell:I=>e(zl,{children:t?mK(I):Oa(I)})}],[t]),f=m.useMemo(()=>l.map(I=>({header:()=>{var w,$,M,N;const D=(w=c[I])==null?void 0:w.name,T=($=c[I])==null?void 0:$.metadata,L=(M=c[I])==null?void 0:M.projectId,V=((N=c[I])==null?void 0:N.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(St,{sequenceNumber:V}),e(C,{children:D})]}),e(rs,{experimentId:I,metadata:T,isQuiet:!0,projectId:L,canDeleteExperiment:!1})]})},accessorKey:I,minSize:500,cell:({row:D})=>{var j,q;const T=D.original.runComparisonMap[I],L=(T==null?void 0:T.runs.length)||0;if(L===0)return e(Yr,{});if(L>1)return e(C,{color:"warning",children:`${L} runs`});const V=T==null?void 0:T.runs[0];let w=null;const $=(j=V==null?void 0:V.trace)==null?void 0:j.traceId,M=(q=V==null?void 0:V.trace)==null?void 0:q.projectId;return $&&M&&(w=e(E,{variant:"default",className:"trace-button",size:"S","aria-label":"View run trace",leadingVisual:e(_,{svg:e(ot,{})}),onPress:()=>{m.startTransition(()=>{u(e(Og,{traceId:$,projectId:M,title:"Experiment Run Trace"}))})},children:"View Trace"})),V?e(kr,{controls:o(J,{children:[e(E,{variant:"default",className:"expand-button",size:"S","aria-label":"View example run details",leadingVisual:e(_,{svg:e(vl,{})}),onPress:()=>{m.startTransition(()=>{u(e(gK,{selectedExample:D.original,datasetId:a,experimentInfoById:c}))})},children:"Experiment Run"}),w]}),children:e(zl,{children:e(uK,{...V,displayFullText:t,setDialog:u})})}):e(zl,{children:e(Yr,{})})}})),[l,c,a,t]),k=m.useMemo(()=>[...g,...f],[g,f]),h=Ke({columns:k,data:p,getCoreRowModel:Te(),columnResizeMode:"onChange"}),S=sn.useMemo(()=>{const I=h.getFlatHeaders(),D={};for(let T=0;T<I.length;T++){const L=I[T];D[`--header-${hl(L.id)}-size`]=L.getSize(),D[`--col-${hl(L.column.id)}-size`]=L.column.getSize()}return D},[h.getState().columnSizingInfo,h.getState().columnSizing]),P=h.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(tK,{onValidCondition:r})}),o("div",{css:rK,children:[o("table",{css:F(He,No),style:{...S,width:h.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:h.getHeaderGroups().map(I=>e("tr",{children:I.headers.map(D=>e("th",{colSpan:D.colSpan,style:{width:`calc(var(--header-${hl(D==null?void 0:D.id)}-size) * 1px)`},children:D.isPlaceholder?null:o(J,{children:[o("div",{className:D.column.getCanSort()?"cursor-pointer":"",onClick:D.column.getToggleSortingHandler(),style:{left:D.getStart(),width:"100%"},children:[e(un,{maxWidth:"100%",children:W(D.column.columnDef.header,D.getContext())}),D.column.getIsSorted()?e(_,{className:"sort-icon",svg:D.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]}),e("div",{onMouseDown:D.getResizeHandler(),onTouchStart:D.getResizeHandler(),className:`resizer ${D.column.getIsResizing()?"isResizing":""}`})]})},D.id))},I.id))}),P?e(tn,{}):h.getState().columnSizingInfo.isResizingColumn?e(dK,{table:h}):e(Ng,{table:h})]}),e(oe,{isDismissable:!0,type:"slideOver",onDismiss:()=>{u(null),s(I=>(I.delete(gn),I))},children:y})]})]})})}function Ng({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-${hl(l.column.id)}-size) * 1px)`,maxWidth:`calc(var(--col-${hl(l.column.id)}-size) * 1px)`,padding:0},children:W(l.column.columnDef.cell,l.getContext())},l.id))},a.id))})}const dK=sn.memo(Ng,(n,a)=>n.table.options.data===a.table.options.data);function cK(n){const{datasetId:a,exampleId:l}=n,t=ce();return e("div",{onClick:i=>{i.preventDefault(),i.stopPropagation()},children:e(zn,{buttonSize:"compact",align:"end",onAction:i=>{switch(i){case"gotoExample":return t(`/datasets/${a}/examples/${l}`);default:Pe()}},children:e(ge,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(uh,{})}),e(C,{children:"Go to example"})]})},"gotoExample")})})}function uK(n){const{output:a,error:l,startTime:t,endTime:i,annotations:r,displayFullText:s,setDialog:d}=n;if(l)return e($g,{error:l});const c=r!=null&&r.edges.length?r.edges.map(p=>p.annotation):[];return o(b,{direction:"column",gap:"size-100",height:"100%",justifyContent:"space-between",children:[e(er,{children:e(Xa,{json:a,disableTitle:!0,space:s?2:0})}),o("ul",{css:F`
|
|
6632
6632
|
display: flex;
|
|
6633
6633
|
flex-direction: row;
|
|
6634
6634
|
gap: var(--ac-global-dimension-static-size-100);
|
|
6635
6635
|
align-items: center;
|
|
6636
6636
|
flex-wrap: wrap;
|
|
6637
|
-
`,children:[e("li",{children:e(jg,{startTime:t,endTime:i})},"run-latency"),c.map(p=>e("li",{children:e(Do,{annotation:p,extra:p.trace&&e(v,{paddingTop:"size-100",children:o("div",{css:oK,children:[e(_,{svg:e(qn,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(
|
|
6637
|
+
`,children:[e("li",{children:e(jg,{startTime:t,endTime:i})},"run-latency"),c.map(p=>e("li",{children:e(Do,{annotation:p,extra:p.trace&&e(v,{paddingTop:"size-100",children:o("div",{css:oK,children:[e(_,{svg:e(qn,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(Ja,{annotation:p,onClick:()=>{const y=p.trace;y&&m.startTransition(()=>{d(e(Og,{traceId:y.traceId,projectId:y.projectId,title:`Evaluator Trace: ${p.name}`}))})}})})},p.id))]})]})}function $g({error:n}){return o(b,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_,{svg:e(vi,{}),color:"danger"}),e(C,{color:"danger",children:n})]})}function jg({startTime:n,endTime:a}){const l=m.useMemo(()=>{let t=null;return n&&a&&(t=new Date(a).getTime()-new Date(n).getTime()),t},[n,a]);return l===null?null:e($e,{latencyMs:l})}function Yr(){return o(b,{direction:"row",gap:"size-50",children:[e(_,{svg:e(ch,{}),color:"grey-800"}),e(C,{color:"text-700",children:"not run"})]})}function mK({getValue:n}){const a=n();return e(er,{children:e(Xa,{json:a,space:2})})}function er({children:n}){return e("div",{css:F`
|
|
6638
6638
|
max-height: 300px;
|
|
6639
6639
|
overflow-y: auto;
|
|
6640
6640
|
`,children:n})}function gK({selectedExample:n,datasetId:a,experimentInfoById:l}){return e(te,{title:`Comparing Experiments for Example: ${n.id}`,size:"fullscreen",extra:e(cK,{datasetId:a,exampleId:n.id}),children:o(Pn,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(Re,{defaultSize:35,children:e("div",{css:F`
|
|
6641
6641
|
overflow-y: auto;
|
|
6642
6642
|
height: 100%;
|
|
6643
|
-
`,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",...
|
|
6643
|
+
`,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",...Ut,bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},extra:e(de,{text:JSON.stringify(n.input)}),children:e(hn,{value:JSON.stringify(n.input,null,2)})})}),e(v,{width:"50%",children:e(B,{title:"Reference Output",...Ut,extra:e(de,{text:JSON.stringify(n.referenceOutput)}),bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},children:e(hn,{value:JSON.stringify(n.referenceOutput,null,2)})})})]})})})}),e(Rn,{css:Za}),e(Re,{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`
|
|
6644
6644
|
overflow-y: auto;
|
|
6645
6645
|
height: 100%;
|
|
6646
6646
|
padding: var(--ac-global-dimension-static-size-200);
|
|
@@ -6648,7 +6648,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
6648
6648
|
display: flex;
|
|
6649
6649
|
flex-direction: column;
|
|
6650
6650
|
gap: var(--ac-global-dimension-static-size-200);
|
|
6651
|
-
`,children:n.runComparisonItems.map(t=>{const i=l[t.experimentId];return e("li",{children:e(B,{...
|
|
6651
|
+
`,children:n.runComparisonItems.map(t=>{const i=l[t.experimentId];return e("li",{children:e(B,{...Ut,title:i==null?void 0:i.name,titleExtra:e(St,{sequenceNumber:(i==null?void 0:i.sequenceNumber)||0}),children:e("ul",{children:t.runs.map((r,s)=>{var d;return e("li",{children:o(b,{direction:"row",children:[e(v,{flex:!0,children:r.error?e(v,{padding:"size-200",children:e($g,{error:r.error})}):e(hn,{value:JSON.stringify(r.output,null,2)})}),o(xa,{width:"size-3000",children:[e(jg,{startTime:r.startTime,endTime:r.endTime}),e("ul",{css:F`
|
|
6652
6652
|
margin-top: var(
|
|
6653
6653
|
--ac-global-dimension-static-size-100
|
|
6654
6654
|
);
|
|
@@ -6659,7 +6659,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
6659
6659
|
gap: var(
|
|
6660
6660
|
--ac-global-dimension-static-size-100
|
|
6661
6661
|
);
|
|
6662
|
-
`,children:(d=r.annotations)==null?void 0:d.edges.map(c=>e("li",{children:e(
|
|
6662
|
+
`,children:(d=r.annotations)==null?void 0:d.edges.map(c=>e("li",{children:e(Ja,{annotation:c.annotation})},c.annotation.id))})]})]})},s)})})})},t.experimentId)})})})]})})]})})}function Og({traceId:n,projectId:a,title:l}){const t=ce();return e(te,{title:l,size:"fullscreen",extra:e(E,{onPress:()=>t(`/projects/${a}/traces/${n}`),children:"View Trace in Project"}),children:e(Hi,{traceId:n,projectId:a})})}function zl({children:n}){return e(v,{paddingX:"size-200",paddingY:"size-100",children:n})}const Qg={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};Qg.hash="1aa376b1e9425f49268ac231dc2c0412";function pK(n){const{dataset:a,selectedExperimentIds:l,onChange:t,label:i,validationState:r,description:s,errorMessage:d,...c}=n,p=x.useFragment(Qg,a),y=m.useMemo(()=>p.experiments.edges.map(f=>f.experiment),[p]),u=y.length===0,g=m.useMemo(()=>{if(u)return"No experiments";const f=l.length;return f>0?`${f} experiment${f>1?"s":""}`:"No experiments selected"},[l,u]);return e(ba,{label:i,isDisabled:u,validationState:r,description:s,errorMessage:d,children:e(ui,{isDisabled:u,...c,menu:e(Yl,{selectionMode:"multiple",onSelectionChange:f=>{t(Array.from(f))},selectedKeys:new Set(l),children:y.map(f=>e(ge,{textValue:f.name,children:o(b,{direction:"column",gap:"size-50",children:[o(b,{direction:"row",gap:"size-100",children:[e(St,{sequenceNumber:f.sequenceNumber}),e(C,{children:f.name})]}),e(C,{size:"XS",color:"text-700",children:new Date(f.createdAt).toLocaleString()})]})},f.id))}),triggerProps:{placement:"bottom start"},children:g})})}function JT(){const n=Me();je(n);const[a,l]=m.useState(!1),[t,i]=pn(),r=t.getAll("experimentId"),s=r.length>0;return o("main",{css:F`
|
|
6663
6663
|
height: 100%;
|
|
6664
6664
|
display: flex;
|
|
6665
6665
|
flex-direction: column;
|
|
@@ -6701,7 +6701,7 @@ fragment ExperimentMultiSelector__experiments on Dataset {
|
|
|
6701
6701
|
width: 100%;
|
|
6702
6702
|
margin-left: auto;
|
|
6703
6703
|
margin-right: auto;
|
|
6704
|
-
`;function XT(){const{pathname:n}=
|
|
6704
|
+
`;function XT(){const{pathname:n}=Ga(),a=ce(),l=n.split("/settings")[1].replace("/",""),t=m.useCallback(i=>{typeof i=="string"&&a(`/settings/${i}`,{replace:!0})},[a]);return l?e("main",{css:yK,children:e("div",{css:fK,children:o(an,{selectedKey:l,onSelectionChange:t,children:[o(nn,{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(re,{id:"general",padded:!0,children:e(Ce,{})}),e(re,{id:"providers",padded:!0,children:e(Ce,{})}),e(re,{id:"annotations",padded:!0,children:e(Ce,{})}),e(re,{id:"data",padded:!0,children:e(Ce,{})})]})})}):e(oo,{to:"/settings/general",replace:!0})}const qg={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 {
|
|
6705
6705
|
...DBUsagePieChart_data
|
|
6706
6706
|
}
|
|
6707
6707
|
|
|
@@ -6725,7 +6725,7 @@ fragment DBUsagePieChart_data on Query {
|
|
|
6725
6725
|
flex: 1 1 auto;
|
|
6726
6726
|
height: 100%;
|
|
6727
6727
|
}
|
|
6728
|
-
`,children:[e(Fe,{variant:"info",banner:!0,icon:e(_,{svg:e(mh,{})}),children:"These APIs are under active development and are subject to change."}),o(an,{children:[o(nn,{children:[e(ne,{id:"rest",children:"REST"}),e(ne,{id:"graphql",children:"GraphQL"})]}),e(
|
|
6728
|
+
`,children:[e(Fe,{variant:"info",banner:!0,icon:e(_,{svg:e(mh,{})}),children:"These APIs are under active development and are subject to change."}),o(an,{children:[o(nn,{children:[e(ne,{id:"rest",children:"REST"}),e(ne,{id:"graphql",children:"GraphQL"})]}),e(re,{id:"rest",children:e("iframe",{src:`${eo}/docs`,style:no})}),e(re,{id:"graphql",children:e("iframe",{src:`${eo}/graphql`,style:no})})]})]})}function Al({children:n}){return o("main",{css:F`
|
|
6729
6729
|
padding-top: 200px;
|
|
6730
6730
|
width: 100%;
|
|
6731
6731
|
height: 100vh;
|
|
@@ -6807,7 +6807,7 @@ fragment DBUsagePieChart_data on Query {
|
|
|
6807
6807
|
&[data-provider^="arize"] {
|
|
6808
6808
|
background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.9884%2017.7389C11.5829%2017.7414%2011.1872%2017.8689%2010.8513%2018.1051C10.5155%2018.3414%2010.2547%2018.6758%2010.1018%2019.0661C9.94885%2019.4564%209.91077%2019.8851%209.99233%2020.2979C10.0739%2020.7107%2010.2714%2021.0891%2010.56%2021.3853C10.8485%2021.6814%2011.2151%2021.882%2011.6133%2021.9616C12.0115%2022.0413%2012.4236%2021.9964%2012.7973%2021.8327C13.171%2021.669%2013.4896%2021.3938%2013.7127%2021.0419C13.9359%2020.6901%2014.0537%2020.2773%2014.0511%2019.8559C14.0502%2019.576%2013.9961%2019.2989%2013.8918%2019.0408C13.7875%2018.7826%2013.6351%2018.5484%2013.4434%2018.3517C13.2517%2018.155%2013.0245%2017.9995%2012.7748%2017.8944C12.5251%2017.7892%2012.2578%2017.7363%2011.9884%2017.7389V17.7389Z%22%20fill%3D%22%23CA2A76%22%2F%3E%3Cpath%20d%3D%22M21.6973%2014.9994L13.3945%202.7484C13.1657%202.4149%2012.8317%202.17533%2012.4505%202.07142L12.3272%202.0401C12.2202%202.01604%2012.1112%202.00269%2012.0018%202.00024C11.891%201.99795%2011.7805%202.01209%2011.6736%202.04224V2.04224L11.5476%202.07142C11.1668%202.1746%2010.8328%202.41312%2010.6036%202.74555L2.30008%2014.9994C2.17431%2015.1869%202.08541%2015.3983%202.03848%2015.6215C1.99155%2015.8448%201.9875%2016.0755%202.02659%2016.3004C2.06567%2016.5252%202.1471%2016.7399%202.26622%2016.932C2.38533%2017.1241%202.53978%2017.2898%202.7207%2017.4197C3.09016%2017.6822%203.54364%2017.7844%203.98456%2017.7047C4.42549%2017.6249%204.81903%2017.3694%205.08138%2016.9926L11.055%208.17558C11.1493%207.99991%2011.287%207.85358%2011.4539%207.75172C11.6209%207.64985%2011.8109%207.59615%2012.0045%207.59615C12.1981%207.59615%2012.3881%207.64985%2012.555%207.75172C12.722%207.85358%2012.8597%207.99991%2012.954%208.17558V8.17558L18.9262%2016.9926C19.1864%2017.3722%2019.5798%2017.6302%2020.0214%2017.711C20.4631%2017.7919%2020.9176%2017.689%2021.2869%2017.4247C21.6504%2017.1593%2021.8977%2016.7549%2021.9746%2016.3002C22.0516%2015.8456%2021.9518%2015.3778%2021.6973%2014.9994V14.9994Z%22%20fill%3D%22%23CA2A76%22%2F%3E%3C%2Fsvg%3E");
|
|
6809
6809
|
}
|
|
6810
|
-
`,"data-provider":n})}):null}function Dt(){return o("svg",{width:"253",height:"63",viewBox:"0 0 682 169",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[o("g",{clipPath:"url(#clip0_290_1904)",children:[e("path",{d:"M147.458 105.593C147.022 103.63 146.028 101.824 144.492 100.222C143.901 99.6064 143.244 99.0233 142.529 98.4978C142.184 98.2432 141.815 98.005 141.437 97.7669C140.969 97.4712 140.484 97.192 139.95 96.921C137.995 95.9191 136.328 94.909 134.866 93.825C134.274 93.3897 133.699 92.9299 133.157 92.4535C131.851 91.312 130.972 90.3348 130.315 89.3C130.102 88.9715 129.913 88.6102 129.732 88.2653C129.658 88.1175 129.543 87.9943 129.412 87.8957C129.173 87.7233 128.869 87.6494 128.565 87.6986C128.097 87.789 127.736 88.1667 127.678 88.6431C127.637 89.0126 127.637 89.4068 127.687 89.8092C127.719 90.0474 127.588 90.2773 127.366 90.3758C127.317 90.4005 127.259 90.4087 127.21 90.4169C126.898 90.4498 126.619 90.6222 126.438 90.885C126.257 91.1478 126.208 91.4681 126.282 91.7719C126.348 92.0347 126.438 92.2236 126.512 92.3714L126.578 92.5028C126.627 92.5931 126.676 92.6917 126.726 92.782C126.873 93.0612 127.021 93.3405 127.202 93.6033C127.547 94.1042 127.933 94.6052 128.393 95.1389C128.541 95.3114 128.565 95.5578 128.459 95.7549C128.352 95.952 128.13 96.0669 127.908 96.0341C125.321 95.681 122.996 95.0979 120.836 94.3013C120.59 94.211 120.335 94.1206 120.097 94.0221C118.158 93.2009 121.658 89.7189 123.259 87.247C130.282 76.4479 131.736 64.0802 131.794 51.5647C131.851 39.4681 130.545 27.5357 128.138 15.7593V15.7429C126.569 5.87173 125.239 2.168 124.401 0.796558C124.22 0.435219 124.023 0.205276 123.818 0.0985162C123.588 -0.0575166 123.465 0.0163937 123.465 0.0163937C123.013 0.0328182 122.495 0.435219 121.871 1.08399C119.251 3.83509 119.399 7.11178 120.122 10.5363C123.432 26.0903 125.921 41.7346 124.787 57.7157C124.007 68.7365 121.953 79.3468 114.248 87.9779C113.789 88.4952 113.287 88.9798 112.786 89.4725C112.211 90.0391 111.316 91.1396 110.651 90.6797C109.764 90.0638 110.552 88.7991 110.831 88.1421C115.341 77.5729 116.639 66.5275 115.949 55.1453C115.932 54.8825 115.908 54.6197 115.891 54.3569V54.3405C115.883 54.1269 115.858 53.9298 115.842 53.7245C115.727 52.2217 115.587 50.7189 115.398 49.2242C113.46 31.1655 111.127 29.9911 111.127 29.9911C110.971 29.8515 110.782 29.7448 110.528 29.6955C109.304 29.4409 108.638 30.5167 108.096 31.3297C105.648 34.9924 106.733 38.8932 107.521 42.753C110.289 56.2703 110.33 69.6645 105.583 82.8124C105.147 84.0113 104.63 85.1775 104.08 86.3272C103.496 87.5508 103.119 89.0783 101.131 88.4213C99.2662 87.8054 99.7918 86.3929 100.03 85.1036C100.654 81.8269 101.155 78.542 101.467 75.2489V75.2653C101.509 74.9368 101.525 74.6247 101.55 74.3127C101.599 73.746 101.632 73.1712 101.665 72.6045C101.689 72.1282 101.714 71.6601 101.739 71.2002C101.747 70.9621 101.763 70.7321 101.763 70.494C102.141 60.0562 100.383 55.3095 99.7179 53.9052C99.644 53.7328 99.5619 53.5767 99.4715 53.4371C98.7815 52.4024 97.6398 52.5256 96.6541 53.5028C94.8388 55.2931 93.8367 57.4118 94.2967 60.0808C95.6438 67.8496 94.8552 75.5445 93.4096 83.1983C93.2124 84.2249 92.7524 86.0973 90.5593 85.6127C89.0644 85.2842 88.7194 84.6437 88.6372 83.3461C88.6537 82.3689 88.6372 81.3916 88.6044 80.4144C88.6044 80.3897 88.6044 80.3651 88.6044 80.3405C88.6044 80.2009 88.588 80.0612 88.588 79.9299C88.588 79.8559 88.5797 79.7902 88.5715 79.7245C88.5058 78.3942 88.399 77.0556 88.2347 75.717C88.2183 75.5856 88.1937 75.4624 88.1773 75.331C87.3394 67.7921 86.247 67.0612 86.247 67.0612C85.5488 66.1497 84.4563 66.3057 83.5117 67.2419C81.6964 69.0322 80.7764 71.1427 81.1543 73.8199C81.4336 75.7745 81.3596 75.175 81.5568 76.8831C81.7128 77.7618 81.8771 79.3632 81.8935 79.8724C81.8525 80.324 81.7375 80.7182 81.4582 81.0139C80.53 82.0076 79.0351 80.9892 77.9015 80.5211C55.9209 71.4302 37.1108 58.6683 20.691 42.523C14.2513 35.945 3.25273 22.6329 3.25273 22.6329C2.84203 22.1566 2.33276 21.8856 1.55243 22.2223C0.114982 22.8383 0.156052 24.6778 0.0246278 26.2217C-0.23822 29.3177 1.42101 31.5597 3.21987 33.662C28.0179 62.5856 58.2783 83.3708 94.8059 93.7675L101.377 95.5085C101.451 95.5249 101.533 95.5496 101.607 95.566C101.624 95.566 101.632 95.566 101.64 95.5742L107.299 97.077L107.456 97.1181C107.267 97.1756 107.061 97.2167 106.839 97.2577C100.613 98.4895 88.2923 96.223 78.3944 93.9153C73.4988 92.8888 68.6854 91.6405 63.9788 90.1541C63.7653 90.0884 63.642 90.0556 63.642 90.0556C45.3577 84.2331 28.6093 74.7972 13.9556 60.4093C12.5674 59.0461 11.286 57.5761 10.0211 56.0897C8.86289 54.71 6.47262 51.8275 5.643 50.8338C5.55265 50.7024 5.45408 50.5875 5.35551 50.4807C5.10909 50.2261 4.80517 50.0619 4.36983 50.1604C3.3513 50.3986 3.05559 51.4498 2.86667 52.3367C2.1192 55.9008 3.25273 58.8983 5.65122 61.5755C20.6582 78.3942 39.4929 89.1358 60.6439 96.1819C72.6528 100.181 85.0067 102.612 97.6069 104.164C90.0911 106.595 82.3617 107.334 74.5667 107.137C59.4775 106.759 45.3248 103.138 32.0264 96.6746C27.1226 94.1535 22.5556 91.3449 21.3564 90.5894C20.6664 90.1213 19.9518 89.8338 19.2454 90.3758C17.9229 91.4024 18.8347 93.2009 19.2618 94.6051C20.075 97.307 21.956 99.1712 24.3956 100.46C46.0641 111.917 68.9401 116.499 93.2946 112.434C95.7588 112.023 98.0998 111.572 100.679 110.701C96.6048 114.224 91.89 116.524 86.9369 118.339C71.6835 123.915 56.5287 123.693 41.4314 119.915C36.5851 118.618 30.9668 116.507 30.9668 116.507C30.1536 116.154 29.3486 116.031 28.7243 116.926C27.6237 118.503 28.5847 120.145 29.5375 121.632C31.7882 125.138 36.1416 125.483 39.5832 126.674C40.7578 127.052 37.5544 129.187 36.5276 129.975C31.5335 133.794 26.6462 137.284 21.6767 140.98L18.424 143.378C17.8654 143.764 17.3726 144.199 17.6272 145.004C17.9229 145.915 18.8675 146.08 19.7875 146.268C23.3442 147.008 26.3833 145.825 29.1925 143.723C35.2134 139.214 41.3493 134.837 47.2387 130.156C49.4811 128.374 51.5182 128.522 54.582 129.31C46.9183 135.083 39.7475 140.495 32.5685 145.899C25.2827 151.376 17.9969 156.854 10.711 162.323L5.89764 165.888C5.82371 165.937 5.758 165.986 5.69229 166.044L5.61836 166.093C5.20766 166.421 4.90374 166.791 4.9941 167.267C5.19123 168.351 6.4644 168.622 7.50758 168.803C11.8117 169.542 14.4813 167.924 17.4219 165.715C32.1496 154.661 46.9266 143.682 61.5721 132.521C64.8577 130.016 68.2337 128.604 72.9731 129.138C68.9401 132.152 65.0631 135.051 61.2436 137.908L50.8611 145.587C50.7871 145.636 50.7132 145.694 50.6475 145.751C50.0972 146.186 49.7111 146.695 49.9247 147.451C50.3189 148.822 51.97 148.987 53.3745 149.2C55.9537 149.586 58.1387 148.675 60.1675 147.164C61.3339 146.293 62.5085 145.439 63.6831 144.593L79.5361 132.004C79.5361 132.004 83.2817 129.327 87.6187 126.871C88.0048 126.633 88.3908 126.387 88.7851 126.148C88.9494 126.075 89.3601 125.886 89.9843 125.59C90.4525 125.352 90.9207 125.114 91.3807 124.892C92.0625 124.547 92.851 124.128 93.7381 123.644C96.2927 122.584 103.611 119.168 109.657 112.73C112.532 110.512 116.581 107.613 119.735 106.217H119.752C119.99 106.111 120.228 106.012 120.458 105.93C120.458 105.93 120.475 105.93 120.483 105.922C120.639 105.864 120.787 105.815 120.935 105.766L121.337 105.61C122.479 105.289 124.335 105.166 124.582 107.679C124.623 108.295 124.615 108.927 124.541 109.593C124.491 110.093 124.393 110.627 124.319 111.054C124.245 111.465 124.417 111.876 124.746 112.122C124.795 112.163 124.853 112.196 124.91 112.22C125.346 112.434 125.871 112.335 126.2 111.974C126.323 111.834 126.446 111.703 126.569 111.572C128.122 109.937 129.699 108.804 131.375 108.114C133.822 107.104 136.303 107.096 138.94 108.106C140.197 108.582 141.379 109.239 142.554 110.102C143.055 110.471 143.556 110.882 144.057 111.334C144.353 111.605 144.648 111.9 144.911 112.163L144.952 112.204L145.166 112.418C145.166 112.418 145.248 112.491 145.289 112.524C145.536 112.705 145.856 112.779 146.168 112.713C146.529 112.631 146.825 112.376 146.957 112.032C146.981 111.966 147.006 111.9 147.031 111.834C147.778 109.617 147.934 107.581 147.499 105.593H147.458Z",fill:"url(#paint0_linear_290_1904)"}),e("path",{d:"M120.113 94.0303C120.195 94.0632 120.269 94.096 120.351 94.1207C120.269 94.0878 120.187 94.0632 120.113 94.0303Z",fill:"#FEDBB5"}),e("path",{d:"M111.283 87.1238C111.283 87.1238 111.267 87.1567 111.267 87.1731C111.267 87.1567 111.283 87.1402 111.283 87.1238Z",fill:"#FEDBB5"}),e("path",{d:"M123.383 87.1074C123.383 87.1074 123.358 87.1487 123.341 87.1652C123.358 87.1487 123.366 87.1239 123.383 87.1074Z",fill:"#FEDBB5"}),e("path",{d:"M104.104 86.3354C103.965 86.6229 103.841 86.9267 103.71 87.2142C103.85 86.9267 103.973 86.6229 104.104 86.3354Z",fill:"#FEDBB5"}),e("path",{d:"M89.0233 84.7422C89.0233 84.7422 89.0233 84.7505 89.0316 84.7588C89.0316 84.7588 89.0316 84.7505 89.0233 84.7422Z",fill:"#FEDBB5"}),e("path",{d:"M89.0644 84.7998C89.1876 84.964 89.3437 85.1118 89.5408 85.235C89.3437 85.1118 89.1876 84.9722 89.0644 84.7998ZM89.0644 84.7833C89.0644 84.7833 89.0644 84.7833 89.0644 84.7915C89.0644 84.7915 89.0644 84.7915 89.0644 84.7833ZM89.0562 84.7751C89.0562 84.7751 89.0562 84.7751 89.0562 84.7833C89.0562 84.7833 89.0562 84.7833 89.0562 84.7751ZM88.6947 83.3626C88.6947 83.3626 88.6947 83.3708 88.6947 83.379C88.6947 83.379 88.6947 83.3708 88.6947 83.3626ZM79.1665 81.0878C79.1665 81.0878 79.1829 81.0878 79.1829 81.096C79.6429 81.2931 80.1029 81.4492 80.53 81.4492C80.7107 81.4492 80.8832 81.4245 81.0393 81.3588C80.875 81.4245 80.7025 81.4492 80.53 81.4492C80.0947 81.4492 79.6265 81.2849 79.1665 81.0878ZM88.629 79.6507C88.629 79.6507 88.629 79.6507 88.629 79.6589C88.629 79.6589 88.629 79.6589 88.629 79.6507Z",fill:"#E5B4A6"}),e("path",{d:"M120.36 94.1206C120.36 94.1206 120.434 94.1535 120.475 94.1617C120.475 94.1617 120.401 94.1289 120.36 94.1206ZM110.273 89.8749C110.273 90.187 110.38 90.4662 110.684 90.6797C110.79 90.7536 110.905 90.7865 111.029 90.7865C111.209 90.7865 111.398 90.7126 111.595 90.5894C111.406 90.7126 111.218 90.7865 111.029 90.7865C110.905 90.7865 110.79 90.7536 110.684 90.6797C110.38 90.4744 110.273 90.187 110.273 89.8749ZM110.914 88.0189C110.914 88.0189 110.881 88.1011 110.864 88.1421C110.881 88.1011 110.897 88.06 110.914 88.0189ZM111.226 87.2798C111.127 87.5262 111.02 87.7726 110.914 88.0189C111.02 87.7726 111.119 87.5262 111.226 87.2798ZM111.267 87.1731C111.267 87.1731 111.234 87.2388 111.226 87.2798C111.242 87.247 111.259 87.2141 111.267 87.1731ZM123.341 87.1731C123.341 87.1731 123.341 87.1813 123.333 87.1895C123.333 87.1895 123.333 87.1813 123.341 87.1731ZM123.391 87.0992C123.391 87.0992 123.391 87.1074 123.382 87.1156C123.382 87.1156 123.382 87.1074 123.391 87.0992ZM111.308 87.0992C111.308 87.0992 111.3 87.132 111.291 87.1402C111.291 87.1238 111.3 87.1074 111.308 87.0992ZM99.8001 86.7707C99.8001 87.4769 100.079 88.0928 101.155 88.446C101.484 88.5527 101.771 88.602 102.026 88.602C102.93 88.602 103.365 87.9615 103.71 87.2306C103.357 87.9697 102.921 88.602 102.026 88.602C101.78 88.602 101.492 88.5527 101.155 88.446C100.088 88.0928 99.8001 87.4769 99.8001 86.7707ZM92.7689 84.9886C92.4486 85.4074 91.9722 85.7195 91.2575 85.7195C91.1836 85.7195 91.1097 85.7195 91.0358 85.7113C91.1097 85.7113 91.1836 85.7195 91.2575 85.7195C91.9722 85.7195 92.4486 85.4157 92.7689 84.9886ZM106.651 79.7081C106.651 79.7081 106.651 79.7081 106.642 79.7081C106.322 80.7511 105.985 81.8023 105.616 82.8452C105.993 81.8023 106.338 80.7593 106.659 79.7081M94.1571 79.1251C93.9846 80.2748 93.7875 81.4163 93.5739 82.566C93.7875 81.4245 93.9846 80.2748 94.1571 79.1251ZM122.191 73.6311C120.623 78.7884 118.175 83.65 114.29 88.0025C113.83 88.5199 113.329 89.0044 112.828 89.4972C113.329 89.0126 113.821 88.5199 114.29 88.0025C118.175 83.65 120.623 78.7884 122.2 73.6311",fill:"#E5B4A6"}),e("path",{opacity:"0.4",d:"M2.20136 22.0745C2.00423 22.0745 1.79066 22.1238 1.55246 22.2223C0.53392 22.6658 0.254644 23.7252 0.139648 24.8503C5.61017 32.0196 27.213 58.4548 61.1943 76.5875C61.1943 76.5875 94.4692 94.1453 127.933 96.0423C125.346 95.6892 123.021 95.1061 120.861 94.3095C120.729 94.2602 120.606 94.2192 120.475 94.1699C108.318 91.542 97.9519 88.2571 90.6168 85.6292C90.7565 85.662 90.8961 85.6784 91.0193 85.6949C90.8879 85.6867 90.7401 85.662 90.5922 85.6292C90.1486 85.5306 89.8037 85.4074 89.5408 85.2432C83.7417 83.1244 80.0454 81.4984 79.1583 81.096C78.7312 80.9153 78.3123 80.6936 77.9344 80.5376C55.9538 71.4466 37.1437 58.6848 20.7239 42.5395C14.2513 35.945 3.25275 22.633 3.25275 22.633C2.97348 22.3045 2.6367 22.0745 2.20136 22.0745Z",fill:"url(#paint1_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M4.62448 50.1358C4.55056 50.1358 4.46842 50.144 4.37806 50.1687C3.35953 50.4068 3.06382 51.458 2.8749 52.3449C2.84204 52.5009 2.80919 52.6652 2.78455 52.8212C19.7711 75.832 42.5732 85.235 42.5732 85.235C65.3341 95.952 84.0128 98.12 95.3892 98.12C100.096 98.12 103.554 97.7505 105.533 97.463C104.63 97.5616 103.636 97.6109 102.568 97.6109C95.8984 97.6109 86.362 95.7795 78.4026 93.9235C73.5071 92.897 68.6937 91.6488 63.987 90.1623C63.7735 90.0966 63.6503 90.0638 63.6503 90.0638C45.3659 84.2413 28.6176 74.8054 13.9638 60.4175C12.5756 59.0543 11.2942 57.5843 10.0293 56.0979C8.87112 54.7182 6.48084 51.8357 5.65123 50.8421C5.56088 50.7107 5.46231 50.5957 5.36374 50.4889C5.16661 50.2836 4.9284 50.1358 4.62448 50.1358Z",fill:"url(#paint2_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M20.0669 90.1049C19.7958 90.1049 19.5247 90.187 19.2537 90.4005C18.1037 91.2874 18.6458 92.7738 19.0812 94.0632C27.5991 99.2287 47.132 109.289 70.2626 109.289C79.0023 109.289 88.243 107.86 97.607 104.189C90.8469 106.382 83.9061 107.195 76.9077 107.195C76.1274 107.195 75.3471 107.186 74.5667 107.162C59.4776 106.784 45.3249 103.162 32.0264 96.6993C27.1227 94.1781 22.5557 91.3695 21.3565 90.614C20.9293 90.3266 20.5022 90.1049 20.0669 90.1049Z",fill:"url(#paint3_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M99.1759 111.949C95.4632 114.791 91.2987 116.762 86.937 118.355C78.7559 121.344 70.5994 122.666 62.4675 122.666C55.4363 122.666 48.4298 121.681 41.4315 119.932C36.5852 118.634 30.9668 116.524 30.9668 116.524C30.6136 116.368 30.2604 116.261 29.9237 116.261C29.4883 116.261 29.0776 116.442 28.7326 116.951C28.2234 117.682 28.1577 118.429 28.3219 119.168C33.6939 121.665 45.2181 126.099 59.2723 126.099C71.4536 126.099 85.5406 122.765 99.1759 111.949Z",fill:"url(#paint4_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M62.9356 129.368C49.7358 129.368 39.7557 126.699 38.4908 126.346C38.8604 126.452 39.2218 126.567 39.5833 126.69C40.7579 127.068 37.5544 129.203 36.5276 129.992C32.8396 132.817 29.2008 135.461 25.5537 138.138H36.7576C40.2897 135.527 43.8052 132.907 47.2387 130.172C48.5119 129.154 49.7275 128.768 51.0993 128.768C52.1342 128.768 53.2678 128.99 54.582 129.335C46.9184 135.108 39.7475 140.52 32.5685 145.924C28.3711 149.077 24.1738 152.231 19.9764 155.384H31.246C41.3821 147.804 51.51 140.216 61.5721 132.546C63.8967 130.78 66.2623 129.557 69.1208 129.179C67.0016 129.318 64.9316 129.376 62.9439 129.376L62.9356 129.368Z",fill:"url(#paint5_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M60.5782 138.409H71.47L79.5115 132.02C79.5115 132.02 83.2571 129.343 87.5941 126.888C87.9801 126.649 88.3662 126.403 88.7605 126.165C88.9248 126.091 89.3354 125.902 89.9597 125.606C90.4279 125.368 90.8961 125.13 91.3561 124.908C92.0625 124.547 92.8921 124.112 93.8121 123.603C86.0499 126.855 78.0987 128.44 70.739 129.056C70.8375 129.056 70.9443 129.056 71.0429 129.056C71.6589 129.056 72.2996 129.088 72.965 129.162C68.9319 132.176 65.0549 135.075 61.2354 137.933L60.5782 138.418V138.409Z",fill:"url(#paint6_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M88.6701 83.3544C88.6865 82.3771 88.6701 81.3999 88.6373 80.4226V80.3487C88.6373 80.2091 88.6208 80.0695 88.6208 79.9381L88.6044 79.7328C88.5633 78.9115 88.4976 78.0903 88.4237 77.2609C85.8281 76.1687 83.3803 74.7726 81.1215 73.1301C81.1379 73.3601 81.1461 73.59 81.179 73.8364C81.4582 75.7909 81.3843 75.1914 81.5814 76.8995C81.7375 77.7783 81.9018 79.3797 81.9182 79.8888C81.8771 80.3405 81.7621 80.7347 81.4829 81.0303C81.1954 81.3342 80.8586 81.4491 80.4972 81.4491C80.0619 81.4491 79.5937 81.2849 79.1337 81.0878C79.9961 81.4738 83.7007 83.108 89.5408 85.2432C88.9165 84.8572 88.7194 84.2742 88.6619 83.3626L88.6701 83.3544Z",fill:"url(#paint7_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M131.022 64.885C128.59 68.2685 125.6 71.2331 122.175 73.6146C120.606 78.7719 118.158 83.6336 114.273 87.9861C113.813 88.5035 113.312 88.988 112.811 89.4807C112.326 89.9488 111.628 90.8029 111.02 90.8029C110.897 90.8029 110.782 90.77 110.675 90.6961C109.788 90.0802 110.577 88.8155 110.856 88.1585C112.31 84.7505 113.427 81.2931 114.257 77.7865C111.825 78.698 109.271 79.3386 106.634 79.6999C106.314 80.7429 105.977 81.794 105.607 82.837C105.172 84.036 104.655 85.2021 104.104 86.3518C103.62 87.3702 103.275 88.602 102.018 88.602C101.771 88.602 101.484 88.5527 101.147 88.446C99.2827 87.83 99.8084 86.4175 100.047 85.1282C100.367 83.4201 100.663 81.7119 100.909 79.9956C98.5927 79.9217 96.3256 79.626 94.1325 79.1168C93.9271 80.4883 93.6889 81.8515 93.4261 83.2148C93.2536 84.1263 92.8675 85.7113 91.2412 85.7113C91.044 85.7113 90.8305 85.6867 90.6005 85.6374C97.9356 88.2735 108.293 91.5584 120.458 94.1863C120.335 94.1371 120.22 94.096 120.105 94.0467C118.167 93.2255 121.666 89.7435 123.268 87.2716C127.777 80.3323 129.987 72.7523 131.005 64.8932L131.022 64.885Z",fill:"url(#paint8_linear_290_1904)"}),e("path",{opacity:"0.5",d:"M129.206 102.497C127.687 102.497 126.151 102.645 124.647 102.916C124.36 102.965 124.081 102.99 123.818 102.99C123.391 102.99 122.988 102.924 122.61 102.809C122.668 102.883 122.734 102.957 122.791 103.039C123.448 103.959 123.793 104.961 123.925 106.004C124.089 106.184 124.229 106.406 124.344 106.694C124.344 106.694 124.344 106.694 124.344 106.71C124.344 106.71 124.344 106.71 124.344 106.718C124.344 106.718 124.344 106.718 124.344 106.726C124.344 106.726 124.344 106.726 124.344 106.735C124.344 106.735 124.344 106.735 124.344 106.743C124.344 106.743 124.344 106.743 124.344 106.751C124.344 106.751 124.344 106.751 124.344 106.759C124.344 106.759 124.344 106.759 124.344 106.768V106.784C124.344 106.784 124.344 106.784 124.344 106.792C124.344 106.792 124.344 106.792 124.344 106.8C124.344 106.8 124.344 106.8 124.344 106.809C124.344 106.809 124.344 106.809 124.344 106.817C124.344 106.817 124.344 106.817 124.344 106.825C124.344 106.825 124.344 106.833 124.344 106.841C124.344 106.841 124.344 106.841 124.344 106.858C124.344 106.858 124.344 106.858 124.344 106.866C124.344 106.866 124.344 106.866 124.344 106.874C124.344 106.874 124.344 106.874 124.344 106.882C124.344 106.882 124.344 106.883 124.344 106.891C124.344 106.891 124.344 106.891 124.344 106.899C124.344 106.899 124.344 106.899 124.344 106.907C124.344 106.907 124.344 106.907 124.344 106.915C124.344 106.915 124.344 106.915 124.344 106.924C124.344 106.924 124.344 106.924 124.344 106.932C124.344 106.932 124.344 106.932 124.344 106.94C124.344 106.94 124.344 106.94 124.344 106.948C124.344 106.948 124.344 106.948 124.344 106.965C124.344 106.965 124.344 106.973 124.344 106.981C124.344 106.981 124.344 106.989 124.344 106.997V107.014C124.344 107.014 124.344 107.022 124.344 107.03C124.344 107.03 124.344 107.039 124.344 107.047C124.344 107.047 124.344 107.055 124.344 107.063C124.344 107.063 124.344 107.071 124.344 107.08C124.344 107.08 124.344 107.088 124.344 107.096C124.344 107.096 124.344 107.104 124.344 107.112C124.344 107.112 124.344 107.121 124.344 107.129C124.344 107.145 124.344 107.162 124.344 107.178C124.344 107.178 124.344 107.186 124.344 107.195C124.344 107.195 124.344 107.227 124.344 107.244C124.344 107.244 124.344 107.252 124.344 107.26V107.277C124.344 107.277 124.344 107.301 124.344 107.31C124.344 107.31 124.344 107.318 124.344 107.326V107.342V107.359C124.36 107.597 124.368 107.843 124.368 108.09C124.368 108.476 124.344 108.87 124.302 109.272C124.253 109.773 124.155 110.307 124.081 110.734C124.072 110.8 124.064 110.865 124.064 110.923C124.064 111.268 124.229 111.588 124.508 111.793L124.672 111.892C124.828 111.966 124.992 112.007 125.157 112.007C125.461 112.007 125.748 111.884 125.962 111.654C126.085 111.514 126.208 111.383 126.331 111.251C127.884 109.617 129.461 108.484 131.136 107.794C132.369 107.285 133.601 107.03 134.857 107.03C136.114 107.03 137.387 107.285 138.702 107.786C139.958 108.262 141.141 108.919 142.316 109.781C142.817 110.151 143.318 110.562 143.819 111.013C144.115 111.284 144.41 111.58 144.673 111.843L144.714 111.884L144.928 112.097L145.051 112.204C145.232 112.335 145.453 112.409 145.675 112.418C144.632 110.192 143.318 108.123 141.461 106.513C137.946 103.466 133.51 102.177 129.001 102.177",fill:"url(#paint9_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M128.779 87.6905L128.582 87.7069C128.114 87.7972 127.752 88.175 127.695 88.6513C127.654 89.0208 127.654 89.415 127.703 89.8174C127.72 89.9488 127.687 90.072 127.629 90.1706C129.51 92.9627 133.584 97.9065 139.769 99.7789C139.769 99.7789 149.331 104.78 146.916 112.032L146.99 111.834C147.737 109.617 147.893 107.581 147.458 105.593C147.022 103.63 146.029 101.824 144.492 100.222C143.901 99.6064 143.244 99.0234 142.529 98.4978C142.184 98.2432 141.815 98.0051 141.437 97.7669C140.969 97.4713 140.484 97.192 139.95 96.921C137.995 95.9191 136.328 94.909 134.866 93.825C134.274 93.3898 133.699 92.9299 133.157 92.4536C131.851 91.3121 130.972 90.3348 130.315 89.3001C130.102 88.9716 129.913 88.6102 129.732 88.2653C129.658 88.1175 129.543 87.9943 129.412 87.8958C129.231 87.7562 129.001 87.6823 128.763 87.6823",fill:"url(#paint10_linear_290_1904)"}),e("path",{opacity:"0.5",d:"M116.647 107.893L118.586 106.768L126.734 95.8535C126.734 95.8535 122.274 95.0076 120.122 94.0303C120.122 94.0303 117.887 104.222 109.632 112.738L112.672 110.488C113.887 109.634 114.988 108.903 116.647 107.893Z",fill:"url(#paint11_linear_290_1904)"}),e("path",{d:"M209.416 49.9962H230.197C245.221 49.9962 252.104 57.7157 252.104 73.5818V81.4409C252.104 97.307 245.221 105.027 230.197 105.027H218.123V148.264H209.416V49.9962ZM230.197 97.0196C239.323 97.0196 243.397 92.9463 243.397 81.8598V73.0152C243.397 62.0682 239.323 57.8553 230.197 57.8553H218.123V97.0196H230.197Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M284.114 49.9962H292.821V93.0941H319.64V49.9962H328.346V148.256H319.64V100.953H292.821V148.256H284.114V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M362.451 125.656V72.5963C362.451 57.0177 370.312 48.5919 384.497 48.5919C398.683 48.5919 406.544 57.0177 406.544 72.5963V125.656C406.544 141.234 398.683 149.66 384.497 149.66C370.312 149.66 362.451 141.234 362.451 125.656ZM397.829 126.214V72.0297C397.829 61.5016 393.056 56.451 384.489 56.451C375.922 56.451 371.15 61.5016 371.15 72.0297V126.214C371.15 136.742 375.922 141.653 384.489 141.653C393.056 141.653 397.829 136.742 397.829 126.214Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M440.796 49.9962H480.108V57.8553H449.503V93.0859H474.638V100.945H449.503V140.249H480.108V148.248H440.796V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M511.56 49.9962H523.076L548.629 125.935V49.9962H556.769V148.256H547.504L519.56 64.458V148.256H511.56V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M592.007 49.9962H600.714V148.256H592.007V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M651.674 98.1447L632.437 49.9962H641.702L657.144 89.0209L672.726 49.9962H681.154L661.917 98.1447L681.992 148.256H672.726L656.438 106.989L640.01 148.256H631.591L651.666 98.1447H651.674Z",fill:"var(--ac-global-text-color-900)"})]}),o("defs",{children:[o("linearGradient",{id:"paint0_linear_290_1904",x1:"22.0956",y1:"10.3474",x2:"97.4433",y2:"140.879",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#14BAB6"}),e("stop",{offset:"0.5",stopColor:"#00ADEE"}),e("stop",{offset:"1",stopColor:"#0095C4"})]}),o("linearGradient",{id:"paint1_linear_290_1904",x1:"95.422",y1:"114.807",x2:"31.8741",y2:"4.70214",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint2_linear_290_1904",x1:"76.6695",y1:"114.126",x2:"30.8746",y2:"34.7951",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint3_linear_290_1904",x1:"70.3612",y1:"119.915",x2:"44.7991",y2:"75.6384",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint4_linear_290_1904",x1:"71.4208",y1:"128.85",x2:"55.5071",y2:"101.279",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint5_linear_290_1904",x1:"44.5363",y1:"126.346",x2:"44.5363",y2:"155.384",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.03",stopColor:"#231F20",stopOpacity:"0.9"}),e("stop",{offset:"0.22",stopColor:"#231F20",stopOpacity:"0.4"}),e("stop",{offset:"0.42",stopColor:"#231F20",stopOpacity:"0.1"}),e("stop",{offset:"0.65",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint6_linear_290_1904",x1:"77.1952",y1:"123.603",x2:"77.1952",y2:"138.409",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint7_linear_290_1904",x1:"84.3413",y1:"85.235",x2:"84.3413",y2:"73.1301",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.03",stopColor:"#231F20",stopOpacity:"0.95"}),e("stop",{offset:"0.51",stopColor:"#231F20",stopOpacity:"0.26"}),e("stop",{offset:"0.81",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint8_linear_290_1904",x1:"110.815",y1:"94.1699",x2:"110.815",y2:"64.885",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.18",stopColor:"#231F20",stopOpacity:"0.48"}),e("stop",{offset:"0.38",stopColor:"#231F20",stopOpacity:"0.12"}),e("stop",{offset:"0.58",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint9_linear_290_1904",x1:"138.077",y1:"117.246",x2:"127.969",y2:"99.7278",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint10_linear_290_1904",x1:"146.226",y1:"112.434",x2:"131.084",y2:"86.1931",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint11_linear_290_1904",x1:"106.889",y1:"107.999",x2:"128.941",y2:"95.2581",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.31",stopColor:"#231F20",stopOpacity:"0.5"}),e("stop",{offset:"0.67",stopColor:"#231F20",stopOpacity:"0.13"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),e("clipPath",{id:"clip0_290_1904",children:e("rect",{width:"682",height:"169",fill:"white"})})]})]})}const SK=F`
|
|
6810
|
+
`,"data-provider":n})}):null}function Lt(){return o("svg",{width:"253",height:"63",viewBox:"0 0 682 169",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[o("g",{clipPath:"url(#clip0_290_1904)",children:[e("path",{d:"M147.458 105.593C147.022 103.63 146.028 101.824 144.492 100.222C143.901 99.6064 143.244 99.0233 142.529 98.4978C142.184 98.2432 141.815 98.005 141.437 97.7669C140.969 97.4712 140.484 97.192 139.95 96.921C137.995 95.9191 136.328 94.909 134.866 93.825C134.274 93.3897 133.699 92.9299 133.157 92.4535C131.851 91.312 130.972 90.3348 130.315 89.3C130.102 88.9715 129.913 88.6102 129.732 88.2653C129.658 88.1175 129.543 87.9943 129.412 87.8957C129.173 87.7233 128.869 87.6494 128.565 87.6986C128.097 87.789 127.736 88.1667 127.678 88.6431C127.637 89.0126 127.637 89.4068 127.687 89.8092C127.719 90.0474 127.588 90.2773 127.366 90.3758C127.317 90.4005 127.259 90.4087 127.21 90.4169C126.898 90.4498 126.619 90.6222 126.438 90.885C126.257 91.1478 126.208 91.4681 126.282 91.7719C126.348 92.0347 126.438 92.2236 126.512 92.3714L126.578 92.5028C126.627 92.5931 126.676 92.6917 126.726 92.782C126.873 93.0612 127.021 93.3405 127.202 93.6033C127.547 94.1042 127.933 94.6052 128.393 95.1389C128.541 95.3114 128.565 95.5578 128.459 95.7549C128.352 95.952 128.13 96.0669 127.908 96.0341C125.321 95.681 122.996 95.0979 120.836 94.3013C120.59 94.211 120.335 94.1206 120.097 94.0221C118.158 93.2009 121.658 89.7189 123.259 87.247C130.282 76.4479 131.736 64.0802 131.794 51.5647C131.851 39.4681 130.545 27.5357 128.138 15.7593V15.7429C126.569 5.87173 125.239 2.168 124.401 0.796558C124.22 0.435219 124.023 0.205276 123.818 0.0985162C123.588 -0.0575166 123.465 0.0163937 123.465 0.0163937C123.013 0.0328182 122.495 0.435219 121.871 1.08399C119.251 3.83509 119.399 7.11178 120.122 10.5363C123.432 26.0903 125.921 41.7346 124.787 57.7157C124.007 68.7365 121.953 79.3468 114.248 87.9779C113.789 88.4952 113.287 88.9798 112.786 89.4725C112.211 90.0391 111.316 91.1396 110.651 90.6797C109.764 90.0638 110.552 88.7991 110.831 88.1421C115.341 77.5729 116.639 66.5275 115.949 55.1453C115.932 54.8825 115.908 54.6197 115.891 54.3569V54.3405C115.883 54.1269 115.858 53.9298 115.842 53.7245C115.727 52.2217 115.587 50.7189 115.398 49.2242C113.46 31.1655 111.127 29.9911 111.127 29.9911C110.971 29.8515 110.782 29.7448 110.528 29.6955C109.304 29.4409 108.638 30.5167 108.096 31.3297C105.648 34.9924 106.733 38.8932 107.521 42.753C110.289 56.2703 110.33 69.6645 105.583 82.8124C105.147 84.0113 104.63 85.1775 104.08 86.3272C103.496 87.5508 103.119 89.0783 101.131 88.4213C99.2662 87.8054 99.7918 86.3929 100.03 85.1036C100.654 81.8269 101.155 78.542 101.467 75.2489V75.2653C101.509 74.9368 101.525 74.6247 101.55 74.3127C101.599 73.746 101.632 73.1712 101.665 72.6045C101.689 72.1282 101.714 71.6601 101.739 71.2002C101.747 70.9621 101.763 70.7321 101.763 70.494C102.141 60.0562 100.383 55.3095 99.7179 53.9052C99.644 53.7328 99.5619 53.5767 99.4715 53.4371C98.7815 52.4024 97.6398 52.5256 96.6541 53.5028C94.8388 55.2931 93.8367 57.4118 94.2967 60.0808C95.6438 67.8496 94.8552 75.5445 93.4096 83.1983C93.2124 84.2249 92.7524 86.0973 90.5593 85.6127C89.0644 85.2842 88.7194 84.6437 88.6372 83.3461C88.6537 82.3689 88.6372 81.3916 88.6044 80.4144C88.6044 80.3897 88.6044 80.3651 88.6044 80.3405C88.6044 80.2009 88.588 80.0612 88.588 79.9299C88.588 79.8559 88.5797 79.7902 88.5715 79.7245C88.5058 78.3942 88.399 77.0556 88.2347 75.717C88.2183 75.5856 88.1937 75.4624 88.1773 75.331C87.3394 67.7921 86.247 67.0612 86.247 67.0612C85.5488 66.1497 84.4563 66.3057 83.5117 67.2419C81.6964 69.0322 80.7764 71.1427 81.1543 73.8199C81.4336 75.7745 81.3596 75.175 81.5568 76.8831C81.7128 77.7618 81.8771 79.3632 81.8935 79.8724C81.8525 80.324 81.7375 80.7182 81.4582 81.0139C80.53 82.0076 79.0351 80.9892 77.9015 80.5211C55.9209 71.4302 37.1108 58.6683 20.691 42.523C14.2513 35.945 3.25273 22.6329 3.25273 22.6329C2.84203 22.1566 2.33276 21.8856 1.55243 22.2223C0.114982 22.8383 0.156052 24.6778 0.0246278 26.2217C-0.23822 29.3177 1.42101 31.5597 3.21987 33.662C28.0179 62.5856 58.2783 83.3708 94.8059 93.7675L101.377 95.5085C101.451 95.5249 101.533 95.5496 101.607 95.566C101.624 95.566 101.632 95.566 101.64 95.5742L107.299 97.077L107.456 97.1181C107.267 97.1756 107.061 97.2167 106.839 97.2577C100.613 98.4895 88.2923 96.223 78.3944 93.9153C73.4988 92.8888 68.6854 91.6405 63.9788 90.1541C63.7653 90.0884 63.642 90.0556 63.642 90.0556C45.3577 84.2331 28.6093 74.7972 13.9556 60.4093C12.5674 59.0461 11.286 57.5761 10.0211 56.0897C8.86289 54.71 6.47262 51.8275 5.643 50.8338C5.55265 50.7024 5.45408 50.5875 5.35551 50.4807C5.10909 50.2261 4.80517 50.0619 4.36983 50.1604C3.3513 50.3986 3.05559 51.4498 2.86667 52.3367C2.1192 55.9008 3.25273 58.8983 5.65122 61.5755C20.6582 78.3942 39.4929 89.1358 60.6439 96.1819C72.6528 100.181 85.0067 102.612 97.6069 104.164C90.0911 106.595 82.3617 107.334 74.5667 107.137C59.4775 106.759 45.3248 103.138 32.0264 96.6746C27.1226 94.1535 22.5556 91.3449 21.3564 90.5894C20.6664 90.1213 19.9518 89.8338 19.2454 90.3758C17.9229 91.4024 18.8347 93.2009 19.2618 94.6051C20.075 97.307 21.956 99.1712 24.3956 100.46C46.0641 111.917 68.9401 116.499 93.2946 112.434C95.7588 112.023 98.0998 111.572 100.679 110.701C96.6048 114.224 91.89 116.524 86.9369 118.339C71.6835 123.915 56.5287 123.693 41.4314 119.915C36.5851 118.618 30.9668 116.507 30.9668 116.507C30.1536 116.154 29.3486 116.031 28.7243 116.926C27.6237 118.503 28.5847 120.145 29.5375 121.632C31.7882 125.138 36.1416 125.483 39.5832 126.674C40.7578 127.052 37.5544 129.187 36.5276 129.975C31.5335 133.794 26.6462 137.284 21.6767 140.98L18.424 143.378C17.8654 143.764 17.3726 144.199 17.6272 145.004C17.9229 145.915 18.8675 146.08 19.7875 146.268C23.3442 147.008 26.3833 145.825 29.1925 143.723C35.2134 139.214 41.3493 134.837 47.2387 130.156C49.4811 128.374 51.5182 128.522 54.582 129.31C46.9183 135.083 39.7475 140.495 32.5685 145.899C25.2827 151.376 17.9969 156.854 10.711 162.323L5.89764 165.888C5.82371 165.937 5.758 165.986 5.69229 166.044L5.61836 166.093C5.20766 166.421 4.90374 166.791 4.9941 167.267C5.19123 168.351 6.4644 168.622 7.50758 168.803C11.8117 169.542 14.4813 167.924 17.4219 165.715C32.1496 154.661 46.9266 143.682 61.5721 132.521C64.8577 130.016 68.2337 128.604 72.9731 129.138C68.9401 132.152 65.0631 135.051 61.2436 137.908L50.8611 145.587C50.7871 145.636 50.7132 145.694 50.6475 145.751C50.0972 146.186 49.7111 146.695 49.9247 147.451C50.3189 148.822 51.97 148.987 53.3745 149.2C55.9537 149.586 58.1387 148.675 60.1675 147.164C61.3339 146.293 62.5085 145.439 63.6831 144.593L79.5361 132.004C79.5361 132.004 83.2817 129.327 87.6187 126.871C88.0048 126.633 88.3908 126.387 88.7851 126.148C88.9494 126.075 89.3601 125.886 89.9843 125.59C90.4525 125.352 90.9207 125.114 91.3807 124.892C92.0625 124.547 92.851 124.128 93.7381 123.644C96.2927 122.584 103.611 119.168 109.657 112.73C112.532 110.512 116.581 107.613 119.735 106.217H119.752C119.99 106.111 120.228 106.012 120.458 105.93C120.458 105.93 120.475 105.93 120.483 105.922C120.639 105.864 120.787 105.815 120.935 105.766L121.337 105.61C122.479 105.289 124.335 105.166 124.582 107.679C124.623 108.295 124.615 108.927 124.541 109.593C124.491 110.093 124.393 110.627 124.319 111.054C124.245 111.465 124.417 111.876 124.746 112.122C124.795 112.163 124.853 112.196 124.91 112.22C125.346 112.434 125.871 112.335 126.2 111.974C126.323 111.834 126.446 111.703 126.569 111.572C128.122 109.937 129.699 108.804 131.375 108.114C133.822 107.104 136.303 107.096 138.94 108.106C140.197 108.582 141.379 109.239 142.554 110.102C143.055 110.471 143.556 110.882 144.057 111.334C144.353 111.605 144.648 111.9 144.911 112.163L144.952 112.204L145.166 112.418C145.166 112.418 145.248 112.491 145.289 112.524C145.536 112.705 145.856 112.779 146.168 112.713C146.529 112.631 146.825 112.376 146.957 112.032C146.981 111.966 147.006 111.9 147.031 111.834C147.778 109.617 147.934 107.581 147.499 105.593H147.458Z",fill:"url(#paint0_linear_290_1904)"}),e("path",{d:"M120.113 94.0303C120.195 94.0632 120.269 94.096 120.351 94.1207C120.269 94.0878 120.187 94.0632 120.113 94.0303Z",fill:"#FEDBB5"}),e("path",{d:"M111.283 87.1238C111.283 87.1238 111.267 87.1567 111.267 87.1731C111.267 87.1567 111.283 87.1402 111.283 87.1238Z",fill:"#FEDBB5"}),e("path",{d:"M123.383 87.1074C123.383 87.1074 123.358 87.1487 123.341 87.1652C123.358 87.1487 123.366 87.1239 123.383 87.1074Z",fill:"#FEDBB5"}),e("path",{d:"M104.104 86.3354C103.965 86.6229 103.841 86.9267 103.71 87.2142C103.85 86.9267 103.973 86.6229 104.104 86.3354Z",fill:"#FEDBB5"}),e("path",{d:"M89.0233 84.7422C89.0233 84.7422 89.0233 84.7505 89.0316 84.7588C89.0316 84.7588 89.0316 84.7505 89.0233 84.7422Z",fill:"#FEDBB5"}),e("path",{d:"M89.0644 84.7998C89.1876 84.964 89.3437 85.1118 89.5408 85.235C89.3437 85.1118 89.1876 84.9722 89.0644 84.7998ZM89.0644 84.7833C89.0644 84.7833 89.0644 84.7833 89.0644 84.7915C89.0644 84.7915 89.0644 84.7915 89.0644 84.7833ZM89.0562 84.7751C89.0562 84.7751 89.0562 84.7751 89.0562 84.7833C89.0562 84.7833 89.0562 84.7833 89.0562 84.7751ZM88.6947 83.3626C88.6947 83.3626 88.6947 83.3708 88.6947 83.379C88.6947 83.379 88.6947 83.3708 88.6947 83.3626ZM79.1665 81.0878C79.1665 81.0878 79.1829 81.0878 79.1829 81.096C79.6429 81.2931 80.1029 81.4492 80.53 81.4492C80.7107 81.4492 80.8832 81.4245 81.0393 81.3588C80.875 81.4245 80.7025 81.4492 80.53 81.4492C80.0947 81.4492 79.6265 81.2849 79.1665 81.0878ZM88.629 79.6507C88.629 79.6507 88.629 79.6507 88.629 79.6589C88.629 79.6589 88.629 79.6589 88.629 79.6507Z",fill:"#E5B4A6"}),e("path",{d:"M120.36 94.1206C120.36 94.1206 120.434 94.1535 120.475 94.1617C120.475 94.1617 120.401 94.1289 120.36 94.1206ZM110.273 89.8749C110.273 90.187 110.38 90.4662 110.684 90.6797C110.79 90.7536 110.905 90.7865 111.029 90.7865C111.209 90.7865 111.398 90.7126 111.595 90.5894C111.406 90.7126 111.218 90.7865 111.029 90.7865C110.905 90.7865 110.79 90.7536 110.684 90.6797C110.38 90.4744 110.273 90.187 110.273 89.8749ZM110.914 88.0189C110.914 88.0189 110.881 88.1011 110.864 88.1421C110.881 88.1011 110.897 88.06 110.914 88.0189ZM111.226 87.2798C111.127 87.5262 111.02 87.7726 110.914 88.0189C111.02 87.7726 111.119 87.5262 111.226 87.2798ZM111.267 87.1731C111.267 87.1731 111.234 87.2388 111.226 87.2798C111.242 87.247 111.259 87.2141 111.267 87.1731ZM123.341 87.1731C123.341 87.1731 123.341 87.1813 123.333 87.1895C123.333 87.1895 123.333 87.1813 123.341 87.1731ZM123.391 87.0992C123.391 87.0992 123.391 87.1074 123.382 87.1156C123.382 87.1156 123.382 87.1074 123.391 87.0992ZM111.308 87.0992C111.308 87.0992 111.3 87.132 111.291 87.1402C111.291 87.1238 111.3 87.1074 111.308 87.0992ZM99.8001 86.7707C99.8001 87.4769 100.079 88.0928 101.155 88.446C101.484 88.5527 101.771 88.602 102.026 88.602C102.93 88.602 103.365 87.9615 103.71 87.2306C103.357 87.9697 102.921 88.602 102.026 88.602C101.78 88.602 101.492 88.5527 101.155 88.446C100.088 88.0928 99.8001 87.4769 99.8001 86.7707ZM92.7689 84.9886C92.4486 85.4074 91.9722 85.7195 91.2575 85.7195C91.1836 85.7195 91.1097 85.7195 91.0358 85.7113C91.1097 85.7113 91.1836 85.7195 91.2575 85.7195C91.9722 85.7195 92.4486 85.4157 92.7689 84.9886ZM106.651 79.7081C106.651 79.7081 106.651 79.7081 106.642 79.7081C106.322 80.7511 105.985 81.8023 105.616 82.8452C105.993 81.8023 106.338 80.7593 106.659 79.7081M94.1571 79.1251C93.9846 80.2748 93.7875 81.4163 93.5739 82.566C93.7875 81.4245 93.9846 80.2748 94.1571 79.1251ZM122.191 73.6311C120.623 78.7884 118.175 83.65 114.29 88.0025C113.83 88.5199 113.329 89.0044 112.828 89.4972C113.329 89.0126 113.821 88.5199 114.29 88.0025C118.175 83.65 120.623 78.7884 122.2 73.6311",fill:"#E5B4A6"}),e("path",{opacity:"0.4",d:"M2.20136 22.0745C2.00423 22.0745 1.79066 22.1238 1.55246 22.2223C0.53392 22.6658 0.254644 23.7252 0.139648 24.8503C5.61017 32.0196 27.213 58.4548 61.1943 76.5875C61.1943 76.5875 94.4692 94.1453 127.933 96.0423C125.346 95.6892 123.021 95.1061 120.861 94.3095C120.729 94.2602 120.606 94.2192 120.475 94.1699C108.318 91.542 97.9519 88.2571 90.6168 85.6292C90.7565 85.662 90.8961 85.6784 91.0193 85.6949C90.8879 85.6867 90.7401 85.662 90.5922 85.6292C90.1486 85.5306 89.8037 85.4074 89.5408 85.2432C83.7417 83.1244 80.0454 81.4984 79.1583 81.096C78.7312 80.9153 78.3123 80.6936 77.9344 80.5376C55.9538 71.4466 37.1437 58.6848 20.7239 42.5395C14.2513 35.945 3.25275 22.633 3.25275 22.633C2.97348 22.3045 2.6367 22.0745 2.20136 22.0745Z",fill:"url(#paint1_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M4.62448 50.1358C4.55056 50.1358 4.46842 50.144 4.37806 50.1687C3.35953 50.4068 3.06382 51.458 2.8749 52.3449C2.84204 52.5009 2.80919 52.6652 2.78455 52.8212C19.7711 75.832 42.5732 85.235 42.5732 85.235C65.3341 95.952 84.0128 98.12 95.3892 98.12C100.096 98.12 103.554 97.7505 105.533 97.463C104.63 97.5616 103.636 97.6109 102.568 97.6109C95.8984 97.6109 86.362 95.7795 78.4026 93.9235C73.5071 92.897 68.6937 91.6488 63.987 90.1623C63.7735 90.0966 63.6503 90.0638 63.6503 90.0638C45.3659 84.2413 28.6176 74.8054 13.9638 60.4175C12.5756 59.0543 11.2942 57.5843 10.0293 56.0979C8.87112 54.7182 6.48084 51.8357 5.65123 50.8421C5.56088 50.7107 5.46231 50.5957 5.36374 50.4889C5.16661 50.2836 4.9284 50.1358 4.62448 50.1358Z",fill:"url(#paint2_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M20.0669 90.1049C19.7958 90.1049 19.5247 90.187 19.2537 90.4005C18.1037 91.2874 18.6458 92.7738 19.0812 94.0632C27.5991 99.2287 47.132 109.289 70.2626 109.289C79.0023 109.289 88.243 107.86 97.607 104.189C90.8469 106.382 83.9061 107.195 76.9077 107.195C76.1274 107.195 75.3471 107.186 74.5667 107.162C59.4776 106.784 45.3249 103.162 32.0264 96.6993C27.1227 94.1781 22.5557 91.3695 21.3565 90.614C20.9293 90.3266 20.5022 90.1049 20.0669 90.1049Z",fill:"url(#paint3_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M99.1759 111.949C95.4632 114.791 91.2987 116.762 86.937 118.355C78.7559 121.344 70.5994 122.666 62.4675 122.666C55.4363 122.666 48.4298 121.681 41.4315 119.932C36.5852 118.634 30.9668 116.524 30.9668 116.524C30.6136 116.368 30.2604 116.261 29.9237 116.261C29.4883 116.261 29.0776 116.442 28.7326 116.951C28.2234 117.682 28.1577 118.429 28.3219 119.168C33.6939 121.665 45.2181 126.099 59.2723 126.099C71.4536 126.099 85.5406 122.765 99.1759 111.949Z",fill:"url(#paint4_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M62.9356 129.368C49.7358 129.368 39.7557 126.699 38.4908 126.346C38.8604 126.452 39.2218 126.567 39.5833 126.69C40.7579 127.068 37.5544 129.203 36.5276 129.992C32.8396 132.817 29.2008 135.461 25.5537 138.138H36.7576C40.2897 135.527 43.8052 132.907 47.2387 130.172C48.5119 129.154 49.7275 128.768 51.0993 128.768C52.1342 128.768 53.2678 128.99 54.582 129.335C46.9184 135.108 39.7475 140.52 32.5685 145.924C28.3711 149.077 24.1738 152.231 19.9764 155.384H31.246C41.3821 147.804 51.51 140.216 61.5721 132.546C63.8967 130.78 66.2623 129.557 69.1208 129.179C67.0016 129.318 64.9316 129.376 62.9439 129.376L62.9356 129.368Z",fill:"url(#paint5_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M60.5782 138.409H71.47L79.5115 132.02C79.5115 132.02 83.2571 129.343 87.5941 126.888C87.9801 126.649 88.3662 126.403 88.7605 126.165C88.9248 126.091 89.3354 125.902 89.9597 125.606C90.4279 125.368 90.8961 125.13 91.3561 124.908C92.0625 124.547 92.8921 124.112 93.8121 123.603C86.0499 126.855 78.0987 128.44 70.739 129.056C70.8375 129.056 70.9443 129.056 71.0429 129.056C71.6589 129.056 72.2996 129.088 72.965 129.162C68.9319 132.176 65.0549 135.075 61.2354 137.933L60.5782 138.418V138.409Z",fill:"url(#paint6_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M88.6701 83.3544C88.6865 82.3771 88.6701 81.3999 88.6373 80.4226V80.3487C88.6373 80.2091 88.6208 80.0695 88.6208 79.9381L88.6044 79.7328C88.5633 78.9115 88.4976 78.0903 88.4237 77.2609C85.8281 76.1687 83.3803 74.7726 81.1215 73.1301C81.1379 73.3601 81.1461 73.59 81.179 73.8364C81.4582 75.7909 81.3843 75.1914 81.5814 76.8995C81.7375 77.7783 81.9018 79.3797 81.9182 79.8888C81.8771 80.3405 81.7621 80.7347 81.4829 81.0303C81.1954 81.3342 80.8586 81.4491 80.4972 81.4491C80.0619 81.4491 79.5937 81.2849 79.1337 81.0878C79.9961 81.4738 83.7007 83.108 89.5408 85.2432C88.9165 84.8572 88.7194 84.2742 88.6619 83.3626L88.6701 83.3544Z",fill:"url(#paint7_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M131.022 64.885C128.59 68.2685 125.6 71.2331 122.175 73.6146C120.606 78.7719 118.158 83.6336 114.273 87.9861C113.813 88.5035 113.312 88.988 112.811 89.4807C112.326 89.9488 111.628 90.8029 111.02 90.8029C110.897 90.8029 110.782 90.77 110.675 90.6961C109.788 90.0802 110.577 88.8155 110.856 88.1585C112.31 84.7505 113.427 81.2931 114.257 77.7865C111.825 78.698 109.271 79.3386 106.634 79.6999C106.314 80.7429 105.977 81.794 105.607 82.837C105.172 84.036 104.655 85.2021 104.104 86.3518C103.62 87.3702 103.275 88.602 102.018 88.602C101.771 88.602 101.484 88.5527 101.147 88.446C99.2827 87.83 99.8084 86.4175 100.047 85.1282C100.367 83.4201 100.663 81.7119 100.909 79.9956C98.5927 79.9217 96.3256 79.626 94.1325 79.1168C93.9271 80.4883 93.6889 81.8515 93.4261 83.2148C93.2536 84.1263 92.8675 85.7113 91.2412 85.7113C91.044 85.7113 90.8305 85.6867 90.6005 85.6374C97.9356 88.2735 108.293 91.5584 120.458 94.1863C120.335 94.1371 120.22 94.096 120.105 94.0467C118.167 93.2255 121.666 89.7435 123.268 87.2716C127.777 80.3323 129.987 72.7523 131.005 64.8932L131.022 64.885Z",fill:"url(#paint8_linear_290_1904)"}),e("path",{opacity:"0.5",d:"M129.206 102.497C127.687 102.497 126.151 102.645 124.647 102.916C124.36 102.965 124.081 102.99 123.818 102.99C123.391 102.99 122.988 102.924 122.61 102.809C122.668 102.883 122.734 102.957 122.791 103.039C123.448 103.959 123.793 104.961 123.925 106.004C124.089 106.184 124.229 106.406 124.344 106.694C124.344 106.694 124.344 106.694 124.344 106.71C124.344 106.71 124.344 106.71 124.344 106.718C124.344 106.718 124.344 106.718 124.344 106.726C124.344 106.726 124.344 106.726 124.344 106.735C124.344 106.735 124.344 106.735 124.344 106.743C124.344 106.743 124.344 106.743 124.344 106.751C124.344 106.751 124.344 106.751 124.344 106.759C124.344 106.759 124.344 106.759 124.344 106.768V106.784C124.344 106.784 124.344 106.784 124.344 106.792C124.344 106.792 124.344 106.792 124.344 106.8C124.344 106.8 124.344 106.8 124.344 106.809C124.344 106.809 124.344 106.809 124.344 106.817C124.344 106.817 124.344 106.817 124.344 106.825C124.344 106.825 124.344 106.833 124.344 106.841C124.344 106.841 124.344 106.841 124.344 106.858C124.344 106.858 124.344 106.858 124.344 106.866C124.344 106.866 124.344 106.866 124.344 106.874C124.344 106.874 124.344 106.874 124.344 106.882C124.344 106.882 124.344 106.883 124.344 106.891C124.344 106.891 124.344 106.891 124.344 106.899C124.344 106.899 124.344 106.899 124.344 106.907C124.344 106.907 124.344 106.907 124.344 106.915C124.344 106.915 124.344 106.915 124.344 106.924C124.344 106.924 124.344 106.924 124.344 106.932C124.344 106.932 124.344 106.932 124.344 106.94C124.344 106.94 124.344 106.94 124.344 106.948C124.344 106.948 124.344 106.948 124.344 106.965C124.344 106.965 124.344 106.973 124.344 106.981C124.344 106.981 124.344 106.989 124.344 106.997V107.014C124.344 107.014 124.344 107.022 124.344 107.03C124.344 107.03 124.344 107.039 124.344 107.047C124.344 107.047 124.344 107.055 124.344 107.063C124.344 107.063 124.344 107.071 124.344 107.08C124.344 107.08 124.344 107.088 124.344 107.096C124.344 107.096 124.344 107.104 124.344 107.112C124.344 107.112 124.344 107.121 124.344 107.129C124.344 107.145 124.344 107.162 124.344 107.178C124.344 107.178 124.344 107.186 124.344 107.195C124.344 107.195 124.344 107.227 124.344 107.244C124.344 107.244 124.344 107.252 124.344 107.26V107.277C124.344 107.277 124.344 107.301 124.344 107.31C124.344 107.31 124.344 107.318 124.344 107.326V107.342V107.359C124.36 107.597 124.368 107.843 124.368 108.09C124.368 108.476 124.344 108.87 124.302 109.272C124.253 109.773 124.155 110.307 124.081 110.734C124.072 110.8 124.064 110.865 124.064 110.923C124.064 111.268 124.229 111.588 124.508 111.793L124.672 111.892C124.828 111.966 124.992 112.007 125.157 112.007C125.461 112.007 125.748 111.884 125.962 111.654C126.085 111.514 126.208 111.383 126.331 111.251C127.884 109.617 129.461 108.484 131.136 107.794C132.369 107.285 133.601 107.03 134.857 107.03C136.114 107.03 137.387 107.285 138.702 107.786C139.958 108.262 141.141 108.919 142.316 109.781C142.817 110.151 143.318 110.562 143.819 111.013C144.115 111.284 144.41 111.58 144.673 111.843L144.714 111.884L144.928 112.097L145.051 112.204C145.232 112.335 145.453 112.409 145.675 112.418C144.632 110.192 143.318 108.123 141.461 106.513C137.946 103.466 133.51 102.177 129.001 102.177",fill:"url(#paint9_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M128.779 87.6905L128.582 87.7069C128.114 87.7972 127.752 88.175 127.695 88.6513C127.654 89.0208 127.654 89.415 127.703 89.8174C127.72 89.9488 127.687 90.072 127.629 90.1706C129.51 92.9627 133.584 97.9065 139.769 99.7789C139.769 99.7789 149.331 104.78 146.916 112.032L146.99 111.834C147.737 109.617 147.893 107.581 147.458 105.593C147.022 103.63 146.029 101.824 144.492 100.222C143.901 99.6064 143.244 99.0234 142.529 98.4978C142.184 98.2432 141.815 98.0051 141.437 97.7669C140.969 97.4713 140.484 97.192 139.95 96.921C137.995 95.9191 136.328 94.909 134.866 93.825C134.274 93.3898 133.699 92.9299 133.157 92.4536C131.851 91.3121 130.972 90.3348 130.315 89.3001C130.102 88.9716 129.913 88.6102 129.732 88.2653C129.658 88.1175 129.543 87.9943 129.412 87.8958C129.231 87.7562 129.001 87.6823 128.763 87.6823",fill:"url(#paint10_linear_290_1904)"}),e("path",{opacity:"0.5",d:"M116.647 107.893L118.586 106.768L126.734 95.8535C126.734 95.8535 122.274 95.0076 120.122 94.0303C120.122 94.0303 117.887 104.222 109.632 112.738L112.672 110.488C113.887 109.634 114.988 108.903 116.647 107.893Z",fill:"url(#paint11_linear_290_1904)"}),e("path",{d:"M209.416 49.9962H230.197C245.221 49.9962 252.104 57.7157 252.104 73.5818V81.4409C252.104 97.307 245.221 105.027 230.197 105.027H218.123V148.264H209.416V49.9962ZM230.197 97.0196C239.323 97.0196 243.397 92.9463 243.397 81.8598V73.0152C243.397 62.0682 239.323 57.8553 230.197 57.8553H218.123V97.0196H230.197Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M284.114 49.9962H292.821V93.0941H319.64V49.9962H328.346V148.256H319.64V100.953H292.821V148.256H284.114V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M362.451 125.656V72.5963C362.451 57.0177 370.312 48.5919 384.497 48.5919C398.683 48.5919 406.544 57.0177 406.544 72.5963V125.656C406.544 141.234 398.683 149.66 384.497 149.66C370.312 149.66 362.451 141.234 362.451 125.656ZM397.829 126.214V72.0297C397.829 61.5016 393.056 56.451 384.489 56.451C375.922 56.451 371.15 61.5016 371.15 72.0297V126.214C371.15 136.742 375.922 141.653 384.489 141.653C393.056 141.653 397.829 136.742 397.829 126.214Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M440.796 49.9962H480.108V57.8553H449.503V93.0859H474.638V100.945H449.503V140.249H480.108V148.248H440.796V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M511.56 49.9962H523.076L548.629 125.935V49.9962H556.769V148.256H547.504L519.56 64.458V148.256H511.56V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M592.007 49.9962H600.714V148.256H592.007V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M651.674 98.1447L632.437 49.9962H641.702L657.144 89.0209L672.726 49.9962H681.154L661.917 98.1447L681.992 148.256H672.726L656.438 106.989L640.01 148.256H631.591L651.666 98.1447H651.674Z",fill:"var(--ac-global-text-color-900)"})]}),o("defs",{children:[o("linearGradient",{id:"paint0_linear_290_1904",x1:"22.0956",y1:"10.3474",x2:"97.4433",y2:"140.879",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#14BAB6"}),e("stop",{offset:"0.5",stopColor:"#00ADEE"}),e("stop",{offset:"1",stopColor:"#0095C4"})]}),o("linearGradient",{id:"paint1_linear_290_1904",x1:"95.422",y1:"114.807",x2:"31.8741",y2:"4.70214",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint2_linear_290_1904",x1:"76.6695",y1:"114.126",x2:"30.8746",y2:"34.7951",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint3_linear_290_1904",x1:"70.3612",y1:"119.915",x2:"44.7991",y2:"75.6384",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint4_linear_290_1904",x1:"71.4208",y1:"128.85",x2:"55.5071",y2:"101.279",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint5_linear_290_1904",x1:"44.5363",y1:"126.346",x2:"44.5363",y2:"155.384",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.03",stopColor:"#231F20",stopOpacity:"0.9"}),e("stop",{offset:"0.22",stopColor:"#231F20",stopOpacity:"0.4"}),e("stop",{offset:"0.42",stopColor:"#231F20",stopOpacity:"0.1"}),e("stop",{offset:"0.65",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint6_linear_290_1904",x1:"77.1952",y1:"123.603",x2:"77.1952",y2:"138.409",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint7_linear_290_1904",x1:"84.3413",y1:"85.235",x2:"84.3413",y2:"73.1301",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.03",stopColor:"#231F20",stopOpacity:"0.95"}),e("stop",{offset:"0.51",stopColor:"#231F20",stopOpacity:"0.26"}),e("stop",{offset:"0.81",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint8_linear_290_1904",x1:"110.815",y1:"94.1699",x2:"110.815",y2:"64.885",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.18",stopColor:"#231F20",stopOpacity:"0.48"}),e("stop",{offset:"0.38",stopColor:"#231F20",stopOpacity:"0.12"}),e("stop",{offset:"0.58",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint9_linear_290_1904",x1:"138.077",y1:"117.246",x2:"127.969",y2:"99.7278",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint10_linear_290_1904",x1:"146.226",y1:"112.434",x2:"131.084",y2:"86.1931",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint11_linear_290_1904",x1:"106.889",y1:"107.999",x2:"128.941",y2:"95.2581",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.31",stopColor:"#231F20",stopOpacity:"0.5"}),e("stop",{offset:"0.67",stopColor:"#231F20",stopOpacity:"0.13"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),e("clipPath",{id:"clip0_290_1904",children:e("rect",{width:"682",height:"169",fill:"white"})})]})]})}const SK=F`
|
|
6811
6811
|
text-align: center;
|
|
6812
6812
|
margin-top: var(--ac-global-dimension-size-200);
|
|
6813
6813
|
margin-bottom: var(--ac-global-dimension-size-200);
|
|
@@ -6818,14 +6818,14 @@ fragment DBUsagePieChart_data on Query {
|
|
|
6818
6818
|
gap: var(--ac-global-dimension-size-100);
|
|
6819
6819
|
flex-wrap: wrap;
|
|
6820
6820
|
justify-content: center;
|
|
6821
|
-
`;function nP(){const n=!window.Config.basicAuthDisabled,a=window.Config.oAuth2Idps,l=a.length>0,[t,i]=
|
|
6821
|
+
`;function nP(){const n=!window.Config.basicAuthDisabled,a=window.Config.oAuth2Idps,l=a.length>0,[t,i]=pn(),r=t.get("returnUrl"),s=t.get("message"),d=t.get("trigger"),c=m.useRef({});return m.useEffect(()=>{var p;if(d&&l){const y=a.find(u=>u.name.toLowerCase()===d.toLowerCase());y&&c.current[y.name]&&((p=c.current[y.name])==null||p.submit())}},[d,l,a]),o(Al,{children:[e(b,{direction:"column",gap:"size-200",alignItems:"center",children:e(v,{paddingBottom:"size-200",children:e(Lt,{})})}),s&&e(v,{paddingBottom:"size-100",children:e(Fe,{variant:"success",children:s})}),n&&e(hK,{initialError:t.get("error"),onSubmit:()=>{i(p=>{const y=new URLSearchParams(p);return y.delete("message"),y.delete("error"),y})}}),n&&l?e("div",{css:SK,children:"or"}):null,l&&e(J,{children:e("ul",{css:vK,children:a.map(p=>e("li",{children:e(Ug,{idpName:p.name,idpDisplayName:p.displayName,returnUrl:r,ref:y=>{c.current[p.name]=y}},p.name)},p.name))})})]})}const Hg=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"UserMutationPayload",kind:"LinkedField",name:"patchViewer",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ResetPasswordFormMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ResetPasswordFormMutation",selections:a},params:{cacheID:"d09af5e3a2a3d10f117373e25bef11e6",id:null,metadata:{},name:"ResetPasswordFormMutation",operationKind:"mutation",text:`mutation ResetPasswordFormMutation(
|
|
6822
6822
|
$input: PatchViewerInput!
|
|
6823
6823
|
) {
|
|
6824
6824
|
patchViewer(input: $input) {
|
|
6825
6825
|
__typename
|
|
6826
6826
|
}
|
|
6827
6827
|
}
|
|
6828
|
-
`}}}();Hg.hash="f8f5c30b0e00c17cdda7557c73c3c2d3";const Gg={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};Gg.hash="1161643b76edb6ef437d8f136038cf21";const
|
|
6828
|
+
`}}}();Hg.hash="f8f5c30b0e00c17cdda7557c73c3c2d3";const Gg={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};Gg.hash="1161643b76edb6ef437d8f136038cf21";const cl=4;function CK(n){var p;const a=ce(),l=ke(),t=x.useFragment(Gg,n.query),[i,r]=x.useMutation(Hg),{control:s,handleSubmit:d}=Ve({defaultValues:{currentPassword:"",newPassword:"",confirmPassword:""}}),c=m.useCallback(y=>{i({variables:{input:{currentPassword:y.currentPassword,newPassword:y.newPassword}},onCompleted:()=>{const u=os({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(Xl,{onSubmit:d(c),children:[e(Xt,{children:o(X,{name:"email",type:"email",autoComplete:"email",isRequired:!0,isReadOnly:!0,value:(p=t.viewer)==null?void 0:p.email,children:[e(G,{children:"Email"}),e(Z,{})]})}),e(H,{name:"currentPassword",control:s,rules:{required:"the current is required"},render:({field:{name:y,onChange:u,onBlur:g,value:f},fieldState:{invalid:k,error:h}})=>o(X,{type:"password",name:y,isRequired:!0,isInvalid:k,onChange:u,onBlur:g,value:f,id:"current-password",autoComplete:"current-password",children:[e(G,{children:"Old Password"}),e(Z,{}),h?e(Se,{children:h==null?void 0:h.message}):e(C,{slot:"description",children:"The current password"})]})}),e(H,{name:"newPassword",control:s,rules:{required:"Password is required",minLength:{value:cl,message:`Password must be at least ${cl} characters`},validate:(y,u)=>y!==u.currentPassword||"New password must be different"},render:({field:{name:y,onChange:u,onBlur:g,value:f},fieldState:{invalid:k,error:h}})=>o(X,{type:"password",isRequired:!0,name:y,isInvalid:k,onChange:u,onBlur:g,defaultValue:f,id:"new-password",autoComplete:"new-password",children:[e(G,{children:"New Password"}),e(Z,{}),h?e(Se,{children:h==null?void 0:h.message}):o(C,{slot:"description",children:["Password must be at least ",cl," characters"]})]})}),e(H,{name:"confirmPassword",control:s,rules:{required:"Password is required",minLength:{value:cl,message:`Password must be at least ${cl} characters`},validate:(y,u)=>y===u.newPassword||"Passwords do not match"},render:({field:{name:y,onChange:u,onBlur:g,value:f},fieldState:{invalid:k,error:h}})=>o(X,{isRequired:!0,type:"password",name:y,isInvalid:k,onChange:u,onBlur:g,defaultValue:f,autoComplete:"new-password",children:[e(G,{children:"Confirm Password"}),e(Z,{}),h?e(Se,{children:h==null?void 0:h.message}):e(C,{slot:"description",children:"Confirm the new password"})]})}),o("div",{css:F`
|
|
6829
6829
|
display: flex;
|
|
6830
6830
|
flex-direction: row;
|
|
6831
6831
|
gap: var(--ac-global-dimension-size-200);
|
|
@@ -6833,13 +6833,13 @@ fragment DBUsagePieChart_data on Query {
|
|
|
6833
6833
|
& > * {
|
|
6834
6834
|
width: 50%;
|
|
6835
6835
|
}
|
|
6836
|
-
`,children:[e(E,{onPress:()=>{a(-1)},children:"Cancel"}),e(E,{variant:"primary",type:"submit",isDisabled:r,children:r?"Resetting...":"Reset Password"})]})]})}function aP(){const n=Me();return o(Al,{children:[e(b,{direction:"column",gap:"size-200",alignItems:"center",children:e(v,{paddingBottom:"size-200",children:e(
|
|
6836
|
+
`,children:[e(E,{onPress:()=>{a(-1)},children:"Cancel"}),e(E,{variant:"primary",type:"submit",isDisabled:r,children:r?"Resetting...":"Reset Password"})]})]})}function aP(){const n=Me();return o(Al,{children:[e(b,{direction:"column",gap:"size-200",alignItems:"center",children:e(v,{paddingBottom:"size-200",children:e(Lt,{})})}),e(CK,{query:n})]})}const ul=4,FK="An error occurred. Please try resetting again.";function KK({resetToken:n}){const a=ce(),[l,t]=m.useState(null),[i,r]=m.useState(!1),s=m.useCallback(async({resetToken:y,newPassword:u})=>{t(null),r(!0);try{const g=await fetch(Kn("/auth/password-reset"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({token:y,password:u})});if(!g.ok){const f=await g.text();t(f);return}}catch{t(FK);return}finally{r(()=>!1)}a(`/login?message=${encodeURIComponent("Password has been reset.")}`)},[t,a]),{control:d,handleSubmit:c,formState:{isDirty:p}}=Ve({defaultValues:{resetToken:n,newPassword:"",confirmPassword:""}});return o(J,{children:[l?e(v,{paddingBottom:"size-100",children:e(Fe,{variant:"danger",children:l})}):null,o(Xl,{onSubmit:c(s),children:[e(H,{name:"newPassword",control:d,rules:{required:"Password is required",minLength:{value:ul,message:`Password must be at least ${ul} characters`}},render:({field:{name:y,onChange:u,onBlur:g,value:f},fieldState:{invalid:k,error:h}})=>o(X,{type:"password",isRequired:!0,name:y,isInvalid:k,id:"new-password",autoComplete:"new-password",onChange:u,onBlur:g,defaultValue:f,children:[e(G,{children:"New Password"}),e(Z,{}),h?e(Se,{children:h==null?void 0:h.message}):o(C,{slot:"description",children:["Password must be at least ",ul," characters"]})]})}),e(H,{name:"confirmPassword",control:d,rules:{required:"Password is required",minLength:{value:ul,message:`Password must be at least ${ul} characters`},validate:(y,u)=>y===u.newPassword||"Passwords do not match"},render:({field:{name:y,onChange:u,onBlur:g,value:f},fieldState:{invalid:k,error:h}})=>o(X,{type:"password",isRequired:!0,name:y,isInvalid:k,onChange:u,onBlur:g,defaultValue:f,children:[e(G,{children:"Confirm Password"}),e(Z,{}),h?e(Se,{children:h==null?void 0:h.message}):e(C,{slot:"description",children:"Confirm the new password"})]})}),e("div",{css:F`
|
|
6837
6837
|
margin-top: var(--ac-global-dimension-size-200);
|
|
6838
6838
|
margin-bottom: var(--ac-global-dimension-size-50);
|
|
6839
6839
|
button {
|
|
6840
6840
|
width: 100%;
|
|
6841
6841
|
}
|
|
6842
|
-
`,children:e(E,{variant:p?"primary":"default",type:"submit",isDisabled:i,children:i?"Resetting...":"Reset Password"})})]})]})}function lP(){const n=ce(),[a]=
|
|
6842
|
+
`,children:e(E,{variant:p?"primary":"default",type:"submit",isDisabled:i,children:i?"Resetting...":"Reset Password"})})]})]})}function lP(){const n=ce(),[a]=pn(),l=a.get("token");return l?o(Al,{children:[e(b,{direction:"column",gap:"size-200",alignItems:"center",children:e(v,{paddingBottom:"size-200",children:e(Lt,{})})}),e(KK,{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 Wg=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 {
|
|
6843
6843
|
viewer {
|
|
6844
6844
|
id
|
|
6845
6845
|
email
|
|
@@ -6853,7 +6853,7 @@ fragment ResetPasswordFormQuery on Query {
|
|
|
6853
6853
|
id
|
|
6854
6854
|
}
|
|
6855
6855
|
}
|
|
6856
|
-
`}}}();Wg.hash="17bb397eaa3a44dd33996854e538f2ef";async function tP(){const n=await x.fetchQuery(he,Wg,{}).toPromise();return n!=null&&n.viewer?n:
|
|
6856
|
+
`}}}();Wg.hash="17bb397eaa3a44dd33996854e538f2ef";async function tP(){const n=await x.fetchQuery(he,Wg,{}).toPromise();return n!=null&&n.viewer?n:kl("/login")}function TK({onResetSent:n}){const[a,l]=m.useState(null),[t,i]=m.useState(!1),r=m.useCallback(async c=>{l(null),i(!0);try{const p=await fetch(Kn("/auth/password-reset-email"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(c)});if(!p.ok){const y=await p.text();l(y);return}n()}finally{i(()=>!1)}},[n,l]),{control:s,handleSubmit:d}=Ve({defaultValues:{email:""}});return o(J,{children:[a?e(v,{paddingBottom:"size-100",children:e(Fe,{variant:"danger",children:a})}):null,o(Ye,{onSubmit:d(r),children:[e(H,{name:"email",control:s,render:({field:{onChange:c,value:p}})=>o(X,{name:"email",isRequired:!0,type:"email",onChange:c,value:p,children:[e(G,{children:"Email"}),e(Z,{placeholder:"your email address"}),e(C,{slot:"description",children:"Enter the email address associated with your account."})]})}),e("div",{css:F`
|
|
6857
6857
|
margin-top: var(--ac-global-dimension-size-200);
|
|
6858
6858
|
margin-bottom: var(--ac-global-dimension-size-50);
|
|
6859
6859
|
button {
|
|
@@ -6874,7 +6874,7 @@ fragment ResetPasswordFormQuery on Query {
|
|
|
6874
6874
|
gap: var(--ac-global-dimension-size-100);
|
|
6875
6875
|
flex-wrap: wrap;
|
|
6876
6876
|
justify-content: center;
|
|
6877
|
-
`;function rP(){const n=window.Config.oAuth2Idps,a=n.length>0,[l]=
|
|
6877
|
+
`;function rP(){const n=window.Config.oAuth2Idps,a=n.length>0,[l]=pn(),t=l.get("returnUrl"),i=!window.Config.basicAuthDisabled,r=l.get("error");return o(Al,{children:[e(b,{direction:"column",gap:"size-200",alignItems:"center",children:e(v,{paddingBottom:"size-200",children:e(Lt,{})})}),e(v,{paddingBottom:"size-100",children:e(Fe,{variant:r?"danger":"success",children:r||"You have been logged out"})}),i&&e(v,{paddingY:"size-100",children:e(Wn,{to:"/login",children:"Back to login"})}),a&&e("ul",{css:PK,children:n.slice(0,1).map(s=>e("li",{children:e(Ug,{idpName:s.name,idpDisplayName:s.displayName,returnUrl:t},s.name)},s.name))})]})}const Jg=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{kind:"Variable",name:"input",variableName:"input"}],l={alias:null,args:null,kind:"ScalarField",name:"jwt",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ViewerAPIKeysCreateUserAPIKeyMutation",selections:[{alias:null,args:a,concreteType:"CreateUserApiKeyMutationPayload",kind:"LinkedField",name:"createUserApiKey",plural:!1,selections:[l,{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKey",plural:!1,selections:[t,{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"APIKeysTableFragment"}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ViewerAPIKeysCreateUserAPIKeyMutation",selections:[{alias:null,args:a,concreteType:"CreateUserApiKeyMutationPayload",kind:"LinkedField",name:"createUserApiKey",plural:!1,selections:[l,{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKey",plural:!1,selections:[t,{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKeys",plural:!0,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null},t],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"500fa7541c393ca91d6fa184c5626b44",id:null,metadata:{},name:"ViewerAPIKeysCreateUserAPIKeyMutation",operationKind:"mutation",text:`mutation ViewerAPIKeysCreateUserAPIKeyMutation(
|
|
6878
6878
|
$input: CreateUserApiKeyInput!
|
|
6879
6879
|
) {
|
|
6880
6880
|
createUserApiKey(input: $input) {
|
|
@@ -6944,14 +6944,14 @@ fragment APIKeysTableFragment on User {
|
|
|
6944
6944
|
}
|
|
6945
6945
|
id
|
|
6946
6946
|
}
|
|
6947
|
-
`}}}();Xg.hash="6c32098d55e4cba859dcec73f3ccd28c";const Yg=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Xg,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}}();Yg.hash="6c32098d55e4cba859dcec73f3ccd28c";const ao=70;function xK({query:n}){const[a,l]=x.useRefetchableFragment(Yg,n),t=ue(),[i]=x.useMutation(Zg),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:Ee},{header:"Description",accessorKey:"description",cell:Ee},{header:"Created At",accessorKey:"createdAt",size:ao,cell:_e},{header:"Expires At",accessorKey:"expiresAt",size:ao,cell:_e},{header:"",accessorKey:"id",size:10,cell:({row:g})=>e(b,{direction:"row",justifyContent:"end",width:"100%",children:e(
|
|
6947
|
+
`}}}();Xg.hash="6c32098d55e4cba859dcec73f3ccd28c";const Yg=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Xg,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}}();Yg.hash="6c32098d55e4cba859dcec73f3ccd28c";const ao=70;function xK({query:n}){const[a,l]=x.useRefetchableFragment(Yg,n),t=ue(),[i]=x.useMutation(Zg),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:Ee},{header:"Description",accessorKey:"description",cell:Ee},{header:"Created At",accessorKey:"createdAt",size:ao,cell:_e},{header:"Expires At",accessorKey:"expiresAt",size:ao,cell:_e},{header:"",accessorKey:"id",size:10,cell:({row:g})=>e(b,{direction:"row",justifyContent:"end",width:"100%",children:e(yi,{handleDelete:()=>{r(g.original.id)}})}),meta:{textAlign:"right"}}],[r]),c=Ke({columns:d,data:s,getCoreRowModel:Te()}),p=c.getRowModel().rows,y=c.getRowModel().rows.length===0;return o("table",{css:He,children:[e("thead",{children:c.getHeaderGroups().map(u=>e("tr",{children:u.headers.map(g=>e("th",{colSpan:g.colSpan,children:g.isPlaceholder?null:o("div",{className:g.column.getCanSort()?"cursor-pointer":"",onClick:g.column.getToggleSortingHandler(),style:{left:g.getStart(),width:g.getSize()},children:[W(g.column.columnDef.header,g.getContext()),g.column.getIsSorted()?e(_,{className:"sort-icon",svg:g.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]})},g.id))},u.id))}),y?e(tn,{message:"No Keys"}):e("tbody",{children:p.map(u=>e("tr",{children:u.getVisibleCells().map(g=>e("td",{children:W(g.column.columnDef.cell,g.getContext())},g.id))},u.id))})]})}function IK({viewer:n}){const[a,l]=m.useState(null),t=ke(),[i,r]=x.useMutation(Jg),s=m.useCallback(d=>{var c;i({variables:{input:{...d,expiresAt:((c=d.expiresAt)==null?void 0:c.toDate(ii()).toISOString())||null}},onCompleted:p=>{l(e(fo,{jwt:p.createUserApiKey.jwt}))},onError:p=>{t({title:"Error creating API key",message:p.message})}})},[i,t]);return o(B,{title:"API Keys",variant:"compact",bodyStyle:{padding:0},extra:e(E,{size:"S",leadingVisual:e(_,{svg:e(Nn,{})}),onPress:()=>l(e(ho,{onSubmit:s,isCommitting:r})),children:"New Key"}),children:[e(xK,{query:n}),e(oe,{onDismiss:()=>{l(null)},children:a})]})}const ep=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(
|
|
6948
6948
|
$input: PatchViewerInput!
|
|
6949
6949
|
) {
|
|
6950
6950
|
patchViewer(input: $input) {
|
|
6951
6951
|
__typename
|
|
6952
6952
|
}
|
|
6953
6953
|
}
|
|
6954
|
-
`}}}();ep.hash="4a11ca65151d84fe95f636763c91dc68";function DK(){const{viewer:n,refetchViewer:a}=
|
|
6954
|
+
`}}}();ep.hash="4a11ca65151d84fe95f636763c91dc68";function DK(){const{viewer:n,refetchViewer:a}=fi(),l=ke(),t=ue(),[i,r]=x.useMutation(ep),{control:s,handleSubmit:d,formState:{isDirty:c},reset:p}=Ve({defaultValues:{username:(n==null?void 0:n.username)||""}}),y=m.useCallback(u=>{i({variables:{input:{newUsername:u.username}},onCompleted:()=>{t({title:"Profile updated",message:"Your profile has been updated"}),p({username:u.username}),a()},onError:g=>{l({title:"Failed update profile",message:g.message})}})},[i,t,p,a,l]);return n?o(B,{title:"Profile",variant:"compact",bodyStyle:{padding:0},extra:n.authMethod==="LOCAL"&&e(Wn,{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(at,{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(Ye,{onSubmit:d(y),children:[e(v,{padding:"size-200",children:o(b,{direction:"column",gap:"size-100",children:[o(X,{value:n.email,isReadOnly:!0,size:"S",children:[e(G,{children:"Email"}),e(Z,{})]}),e(H,{name:"username",control:s,rules:{required:"A username is required as it needs to be unique"},render:({field:{name:u,onChange:g,onBlur:f,value:k},fieldState:{invalid:h,error:S}})=>o(X,{isRequired:!0,name:u,isInvalid:h,onChange:g,onBlur:f,defaultValue:k,size:"S",children:[e(G,{children:"Username"}),e(Z,{}),S?e(Se,{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(y)()},children:r?"Saving...":"Save"})})})]})})]}):null}const LK=F`
|
|
6955
6955
|
overflow-y: auto;
|
|
6956
6956
|
`,_K=F`
|
|
6957
6957
|
padding: var(--ac-global-dimension-size-400);
|
|
@@ -6961,7 +6961,7 @@ fragment APIKeysTableFragment on User {
|
|
|
6961
6961
|
width: 100%;
|
|
6962
6962
|
margin-left: auto;
|
|
6963
6963
|
margin-right: auto;
|
|
6964
|
-
`;function oP(){const{viewer:n}=
|
|
6964
|
+
`;function oP(){const{viewer:n}=fi();return n?e("main",{css:LK,children:e("div",{css:_K,children:o(b,{direction:"column",gap:"size-200",children:[e(DK,{}),e(IK,{viewer:n})]})})}):null}function sP(){return e(Ji,{})}function dP(){const n=Me();je(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(()=>t0(a),[a]),r=i!=null?{input:i}:{};return o(b,{direction:"column",height:"100%",children:[e(AK,{span:a,parsingErrors:t}),e(Ji,{instances:[l],...r},a.id)]})}function AK({span:n,parsingErrors:a}){const l=ce(),t=a&&a.length>0,[i,r]=m.useState(!0),[s,d]=m.useState(t);return o(b,{direction:"column",children:[i&&e(Fe,{variant:"info",title:"LLM Span Replay",banner:!0,dismissable:!0,onDismissClick:()=>{r(!1)},extra:e(E,{leadingVisual:e(_,{svg:e(ph,{})}),onPress:()=>{l(`/projects/${n.project.id}/traces/${n.trace.traceId}?${gn}=${n.id}`)},children:"Back to Trace"}),children:`Replay and iterate on your LLM call from your ${n.project.name} project`}),s&&t&&e(Fe,{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 np=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}],p={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,p],type:"Span",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"spanPlaygroundPageLoaderQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t,{kind:"InlineFragment",selections:[i,r,s,d,p],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"15db907b4e1020d0625053f7530561ad",id:null,metadata:{},name:"spanPlaygroundPageLoaderQuery",operationKind:"query",text:`query spanPlaygroundPageLoaderQuery(
|
|
6965
6965
|
$spanId: ID!
|
|
6966
6966
|
) {
|
|
6967
6967
|
span: node(id: $spanId) {
|
|
@@ -7078,10 +7078,10 @@ fragment PromptsTable_prompts on Query {
|
|
|
7078
7078
|
}
|
|
7079
7079
|
}
|
|
7080
7080
|
}
|
|
7081
|
-
`}}}();tp.hash="af218c6f8442ad552dd44771a2d55275";function wK({promptId:n,onDeleted:a,onClose:l}){const[t,i]=x.useMutation(tp),r=ue(),s=ke(),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(te,{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 RK({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(Pl,{children:[e(zn,{align:"end","aria-label":"User Actions",buttonSize:"compact",onAction:r=>{switch(r){case"DELETE":i();break}},children:e(ge,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ge,{})}),e(J,{children:"Delete"})]})},"DELETE")}),e(
|
|
7081
|
+
`}}}();tp.hash="af218c6f8442ad552dd44771a2d55275";function wK({promptId:n,onDeleted:a,onClose:l}){const[t,i]=x.useMutation(tp),r=ue(),s=ke(),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(te,{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 RK({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(Pl,{children:[e(zn,{align:"end","aria-label":"User Actions",buttonSize:"compact",onAction:r=>{switch(r){case"DELETE":i();break}},children:e(ge,{children:o(b,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ge,{})}),e(J,{children:"Delete"})]})},"DELETE")}),e(oe,{type:"modal",isDismissable:!0,onDismiss:()=>t(null),children:l})]})}const EK=100;function MK(n){const a=ce(),l=m.useRef(null),{data:t,loadNext:i,hasNext:r,isLoadingNext:s,refetch:d}=x.usePaginationFragment(lp,n.query),c=m.useMemo(()=>t.prompts.edges.map(k=>({lastUpdatedAt:k.prompt.version.createdAt,...k.prompt})),[t]),p=m.useCallback(k=>{if(k){const{scrollHeight:h,scrollTop:S,clientHeight:K}=k;h-S-K<300&&!s&&r&&i(EK)}},[r,s,i]),y=m.useMemo(()=>[{header:"name",accessorKey:"name",cell:({row:h})=>e(we,{to:`${h.original.id}`,children:h.original.name})},{header:"description",accessorKey:"description",cell:Ee},{header:"created at",accessorKey:"createdAt",cell:_e},{header:"last updated",accessorKey:"lastUpdatedAt",cell:_e},{id:"actions",header:"",size:5,accessorKey:"id",cell:({row:h})=>o(b,{direction:"row",gap:"size-100",justifyContent:"end",width:"100%",children:[e(Pl,{children:e(Wn,{leadingVisual:e(_,{svg:e(Ea,{})}),size:"S","aria-label":"Open in playground",to:`${h.original.id}/playground`,children:"Playground"})}),e(RK,{promptId:h.original.id,onDeleted:()=>{d({},{fetchPolicy:"network-only"})}})]})}],[d]),u=Ke({columns:y,data:c,getCoreRowModel:Te(),getSortedRowModel:ln()}),g=u.getRowModel().rows,f=g.length===0;return e("div",{css:F`
|
|
7082
7082
|
flex: 1 1 auto;
|
|
7083
7083
|
overflow: auto;
|
|
7084
|
-
`,onScroll:k=>p(k.target),ref:l,children:o("table",{css:$n,children:[e("thead",{children:u.getHeaderGroups().map(k=>e("tr",{children:k.headers.map(h=>{var S;return e("th",{colSpan:h.colSpan,children:h.isPlaceholder?null:o("div",{className:h.column.getCanSort()?"cursor-pointer":"","aria-role":h.column.getCanSort()?"button":null,onClick:h.column.getToggleSortingHandler(),style:{textAlign:(S=h.column.columnDef.meta)==null?void 0:S.textAlign},children:[W(h.column.columnDef.header,h.getContext()),h.column.getIsSorted()?e(_,{className:"sort-icon",svg:h.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]})},h.id)})},k.id))}),f?e(tn,{}):e("tbody",{children:g.map(k=>e("tr",{onClick:()=>{a(`${k.original.id}`)},children:k.getVisibleCells().map(h=>{var S;return e("td",{align:(S=h.column.columnDef.meta)==null?void 0:S.textAlign,children:W(h.column.columnDef.cell,h.getContext())},h.id)})},k.id))})]})})}function uP(){const n=Me();return je(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(Wn,{size:"M",leadingVisual:e(_,{svg:e(
|
|
7084
|
+
`,onScroll:k=>p(k.target),ref:l,children:o("table",{css:$n,children:[e("thead",{children:u.getHeaderGroups().map(k=>e("tr",{children:k.headers.map(h=>{var S;return e("th",{colSpan:h.colSpan,children:h.isPlaceholder?null:o("div",{className:h.column.getCanSort()?"cursor-pointer":"","aria-role":h.column.getCanSort()?"button":null,onClick:h.column.getToggleSortingHandler(),style:{textAlign:(S=h.column.columnDef.meta)==null?void 0:S.textAlign},children:[W(h.column.columnDef.header,h.getContext()),h.column.getIsSorted()?e(_,{className:"sort-icon",svg:h.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]})},h.id)})},k.id))}),f?e(tn,{}):e("tbody",{children:g.map(k=>e("tr",{onClick:()=>{a(`${k.original.id}`)},children:k.getVisibleCells().map(h=>{var S;return e("td",{align:(S=h.column.columnDef.meta)==null?void 0:S.textAlign,children:W(h.column.columnDef.cell,h.getContext())},h.id)})},k.id))})]})})}function uP(){const n=Me();return je(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(Wn,{size:"M",leadingVisual:e(_,{svg:e(hi,{})}),variant:"primary",to:"/playground",children:"Create Prompt"})]})}),e(MK,{query:n})]})}const ip=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 {
|
|
7085
7085
|
...PromptsTable_prompts
|
|
7086
7086
|
}
|
|
7087
7087
|
|
|
@@ -7362,7 +7362,7 @@ fragment PromptVersionTagsConfigCard_data on Prompt {
|
|
|
7362
7362
|
promptVersionId
|
|
7363
7363
|
}
|
|
7364
7364
|
}
|
|
7365
|
-
`}}}();sp.hash="58fa5b2b6e7af186229c70b90082644a";function VK({promptVersionTagId:n,promptId:a}){const[l,t]=m.useState(!1),i=ue(),[r,s]=x.useMutation(sp);return o(Ue,{isOpen:l,onOpenChange:t,children:[e(E,{"aria-label":"Delete tag",size:"S",leadingVisual:e(_,{svg:e(Ge,{})})}),e(
|
|
7365
|
+
`}}}();sp.hash="58fa5b2b6e7af186229c70b90082644a";function VK({promptVersionTagId:n,promptId:a}){const[l,t]=m.useState(!1),i=ue(),[r,s]=x.useMutation(sp);return o(Ue,{isOpen:l,onOpenChange:t,children:[e(E,{"aria-label":"Delete tag",size:"S",leadingVisual:e(_,{svg:e(Ge,{})})}),e(cn,{size:"S",isDismissable:!0,children:o(dn,{children:[e(ae,{slot:"title",children:"Delete Tag"}),e(v,{padding:"size-200",children:e(v,{paddingBottom:"size-100",children:e(C,{color:"danger",size:"XS",children:"Are you sure you want to delete this tag? This will make pulling prompts by this tag no longer possible. Make sure this tag is not used before deleting."})})}),e(v,{paddingX:"size-200",paddingY:"size-100",borderTopWidth:"thin",borderColor:"light",children:o(b,{gap:"size-100",justifyContent:"end",children:[e(E,{size:"S",onPress:()=>t(!1),children:"Cancel"}),e(E,{variant:"danger",size:"S",onPress:()=>r({variables:{input:{promptVersionTagId:n},promptId:a},onCompleted:()=>{i({title:"Tag Deleted",message:"The tag has been deleted"})}}),children:s?"Deleting...":"Delete Tag"})]})})]})})]})}function zK({prompt:n}){const a=x.useFragment(op,n),l=m.useMemo(()=>[{header:"Name",accessorKey:"name"},{header:"Description",accessorKey:"description",cell:Ee},{header:"Version",accessorKey:"promptVersionId",cell:({row:d})=>{const{promptId:c,promptVersionId:p}=d.original;return e(we,{to:`/prompts/${c}/versions/${p}`,children:d.original.promptVersionId})}},{id:"actions",header:"",size:5,accessorKey:"id",cell:({row:d})=>e(b,{direction:"row",gap:"size-100",justifyContent:"end",width:"100%",children:e(VK,{promptVersionTagId:d.original.id,promptId:d.original.promptId},d.original.id)})}],[]),t=m.useMemo(()=>a.versionTags.map(d=>({id:d.id,name:d.name,description:d.description,promptId:a.id,promptVersionId:d.promptVersionId})),[a]),i=Ke({columns:l,data:t,getCoreRowModel:Te(),getSortedRowModel:ln()}),r=i.getRowModel().rows,s=r.length===0;return e(B,{title:"Tags",variant:"compact",bodyStyle:{padding:0},children:o("table",{css:He,children:[e("thead",{children:i.getHeaderGroups().map(d=>e("tr",{children:d.headers.map(c=>e("th",{colSpan:c.colSpan,children:c.isPlaceholder?null:o("div",{className:c.column.getCanSort()?"cursor-pointer":"",onClick:c.column.getToggleSortingHandler(),style:{left:c.getStart(),width:c.getSize()},children:[W(c.column.columnDef.header,c.getContext()),c.column.getIsSorted()?e(_,{className:"sort-icon",svg:c.column.getIsSorted()==="asc"?e(We,{}):e(Je,{})}):null]})},c.id))},d.id))}),s?e(tn,{message:"No Tags"}):e("tbody",{children:r.map(d=>e("tr",{children:d.getVisibleCells().map(c=>e("td",{children:W(c.column.columnDef.cell,c.getContext())},c.id))},d.id))})]})})}function pP(){const n=Me();return je(n),e(b,{direction:"row",height:"100%",children:e(v,{height:"100%",overflow:"auto",width:"100%","data-testid":"scroll-container",children:e(v,{padding:"size-200",children:e(b,{direction:"column",gap:"size-200",marginStart:"auto",marginEnd:"auto",maxWidth:900,children:e(zK,{prompt:n.prompt})})})})})}function yP(){const n=Me();return je(n),e(yh,{query:n,children:e(Ce,{})})}const dp=function(){var n={alias:null,args:null,kind:"ScalarField",name:"passwordNeedsReset",storageKey:null},a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"authenticatedRootLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"ViewerContext_viewer"},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"viewer",plural:!1,selections:[n],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"authenticatedRootLoaderQuery",selections:[{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"viewer",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},{alias:null,args:null,concreteType:"UserRole",kind:"LinkedField",name:"role",plural:!1,selections:[l,a],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"authMethod",storageKey:null},{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKeys",plural:!0,selections:[a,l,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null},n],storageKey:null}]},params:{cacheID:"9a44f89c9ef9c0c136d78242e89b66e3",id:null,metadata:{},name:"authenticatedRootLoaderQuery",operationKind:"query",text:`query authenticatedRootLoaderQuery {
|
|
7366
7366
|
...ViewerContext_viewer
|
|
7367
7367
|
viewer {
|
|
7368
7368
|
passwordNeedsReset
|
|
@@ -7395,12 +7395,12 @@ fragment ViewerContext_viewer on Query {
|
|
|
7395
7395
|
...APIKeysTableFragment
|
|
7396
7396
|
}
|
|
7397
7397
|
}
|
|
7398
|
-
`}}}();dp.hash="d30a68846023740517243e9394be73a8";async function fP(){var a;const n=await x.fetchQuery(he,dp,{}).toPromise();if((a=n==null?void 0:n.viewer)!=null&&a.passwordNeedsReset){const l=os({path:"/reset-password"});return
|
|
7398
|
+
`}}}();dp.hash="d30a68846023740517243e9394be73a8";async function fP(){var a;const n=await x.fetchQuery(he,dp,{}).toPromise();if((a=n==null?void 0:n.viewer)!=null&&a.passwordNeedsReset){const l=os({path:"/reset-password"});return kl(l)}return n}const NK=F`
|
|
7399
7399
|
display: grid;
|
|
7400
7400
|
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
|
|
7401
7401
|
gap: var(--ac-global-dimension-size-200);
|
|
7402
7402
|
padding: var(--ac-global-dimension-size-200);
|
|
7403
|
-
`;function hP(){return e("main",{children:o(b,{direction:"column",width:"100%",children:[e(v,{padding:"size-200",borderBottomColor:"dark",borderBottomWidth:"thin",children:o(b,{direction:"column",gap:"size-50",children:[e(ae,{level:1,children:"Support"}),e(C,{color:"text-700",children:"We are here to help. Pick a channel below to get in touch with us."})]})}),o("div",{css:NK,children:[e(
|
|
7403
|
+
`;function hP(){return e("main",{children:o(b,{direction:"column",width:"100%",children:[e(v,{padding:"size-200",borderBottomColor:"dark",borderBottomWidth:"thin",children:o(b,{direction:"column",gap:"size-50",children:[e(ae,{level:1,children:"Support"}),e(C,{color:"text-700",children:"We are here to help. Pick a channel below to get in touch with us."})]})}),o("div",{css:NK,children:[e(ml,{leadingVisual:e(_,{svg:e(fh,{})}),href:"https://docs.arize.com/phoenix",title:"Documentation",description:"Visit our documentation for tutorials and AI support."}),e(ml,{leadingVisual:e(_,{svg:e(br,{})}),href:"https://github.com/Arize-ai/phoenix/issues",title:"GitHub Issues",description:"Create an issue on Github to report bugs or request new features."}),e(ml,{leadingVisual:e(_,{svg:e(br,{})}),href:"https://github.com/Arize-ai/phoenix/discussions",title:"GitHub Discussions",description:"Create a discussion on Github to ask questions or share feedback."}),e(ml,{leadingVisual:e(_,{svg:e(Sr,{})}),href:"https://arize-ai.slack.com/join/shared_invite/zt-11t1vbu4x-xkBIHmOREQnYnYDH1GDfCg?__hstc=259489365.a667dfafcfa0169c8aee4178d115dc81.1733501603539.1733501603539.1733501603539.1&__hssc=259489365.1.1733501603539&__hsfp=3822854628&submissionGuid=381a0676-8f38-437b-96f2-fc10875658df#/shared-invite/email",title:"Slack",description:"Join our Slack community to chat with other users and the team."}),e(ml,{leadingVisual:e(_,{svg:e(Sr,{})}),href:"mailto:phoenix-support@arize.com?subject=Slack%20Connect%20Request",title:"Slack Connect",description:"Get a dedicated support channel for you and your team."})]})]})})}const $K=F`
|
|
7404
7404
|
padding: var(--ac-global-dimension-size-200)
|
|
7405
7405
|
var(--ac-global-dimension-size-200) var(--ac-global-dimension-size-200);
|
|
7406
7406
|
border: var(--ac-global-border-size-thin) solid
|
|
@@ -7417,4 +7417,4 @@ fragment ViewerContext_viewer on Query {
|
|
|
7417
7417
|
&:hover {
|
|
7418
7418
|
border-color: var(--ac-global-color-primary);
|
|
7419
7419
|
}
|
|
7420
|
-
`,
|
|
7420
|
+
`,ml=({leadingVisual:n,href:a,title:l,description:t})=>o("a",{css:$K,href:a,target:"_blank",rel:"noreferrer",children:[o(b,{direction:"row",gap:"size-100",alignItems:"center",children:[n,e(ae,{level:2,children:l})]}),e(C,{color:"text-700",children:t})]});export{QT as $,yT as A,dT as B,wT as C,LT as D,IT as E,iP as F,cT as G,$T as H,rT as I,iT as J,tT as K,nP as L,xT as M,lT as N,aT as O,oP as P,oT as Q,wn as R,tb as S,ca as T,OT as U,BT as V,GT as W,WT as X,UT as Y,qT as Z,HT as _,ga as a,ZT as a0,JT as a1,sP as a2,cP as a3,dP as a4,mP as a5,uP as a6,gP as a7,mT as a8,vT as a9,ST as aa,bT as ab,CT as ac,uT as ad,pP as ae,gT as af,pT as ag,kT as ah,eP as ai,hP as aj,YT as ak,nT as al,ZK as am,JK as an,YK as ao,XK as ap,FT as aq,eT as ar,XT as as,sT as at,yP as au,zT as av,WK as aw,GK as ax,HK as ay,_n as b,o0 as c,ib as d,rb as e,fT as f,rP as g,aP as h,lP as i,fP as j,PT as k,_T as l,UK as m,DT as n,NT as o,jT as p,VT as q,tP as r,AT as s,hT as t,Vv as u,MT as v,ET as w,KT as x,TT as y,RT as z};
|