arize-phoenix 8.14.0__py3-none-any.whl → 8.15.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-8.14.0.dist-info → arize_phoenix-8.15.0.dist-info}/METADATA +1 -1
- {arize_phoenix-8.14.0.dist-info → arize_phoenix-8.15.0.dist-info}/RECORD +12 -12
- phoenix/server/api/queries.py +12 -8
- phoenix/server/static/.vite/manifest.json +9 -9
- phoenix/server/static/assets/{components-E6p--qL4.js → components-B1h2vIB3.js} +193 -179
- phoenix/server/static/assets/{index-BZg1KoYU.js → index-D27y64mn.js} +3 -1
- phoenix/server/static/assets/{pages-BsPyKRtU.js → pages-DV4OMLyH.js} +163 -159
- phoenix/version.py +1 -1
- {arize_phoenix-8.14.0.dist-info → arize_phoenix-8.15.0.dist-info}/WHEEL +0 -0
- {arize_phoenix-8.14.0.dist-info → arize_phoenix-8.15.0.dist-info}/entry_points.txt +0 -0
- {arize_phoenix-8.14.0.dist-info → arize_phoenix-8.15.0.dist-info}/licenses/IP_NOTICE +0 -0
- {arize_phoenix-8.14.0.dist-info → arize_phoenix-8.15.0.dist-info}/licenses/LICENSE +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{A as w,b3 as ye,b4 as Oe,b5 as Ne,b6 as kt,B as Ct,r as m,j as e,R as fe,u as st,v as D,l as s,az as _e,aA as Sn,aC as Le,aD as J,Q as Z,S as re,b7 as qe,ad as hl,b8 as yi,ac as $e,ah as tn,ag as W,T as Pe,O as U,aw as oe,E as K,b9 as Ie,aI as de,ba as rm,a8 as kl,ax as va,a9 as bl,bb as pn,bc as sm,aJ as om,bd as dm,H as fi,be as Ft,bf as Ee,bg as _n,bh as Ln,bi as vn,o as sr,F as hi,I as cm,bj as um,bk as el,bl as nl,bm as Ba,bn as We,n as ot,bo as mm,aS as or,bp as pm,bq as ki,br as gm,bs as ym,bt as fm,bu as hm,bv as km,bw as bm,bx as Sm,by as vm,bz as Cm,bA as at,D as Fm,bB as Km,bC as gt,g as dr,bD as Tm,aE as Sl,bE as cr,bF as ur,bG as mr,bH as Pm,ai as Im,bI as xm,ae as Dm,af as _m,bJ as Lm,p as wm}from"./vendor-BT2CVKel.js";import{c as X,D as ne,C as B,t as vl,h as Cn,L as Kt,v as Tt,A as be,w as pr,o as Cl,P as Ma,f as je,g as aa,T as he,E as Pt,a as Re,q as ta,r as Ra,d as la,x as Ca,b as Fl,s as It,y as Em,i as xt,z as Mm,B as Rm,G as Vm,H as Kl,J as Tl,u as Am,K as Nm}from"./vendor-arizeai-Dzsaenki.js";import{s as zm,l as $m,j as Pl,a as Me,i as Il,b as gr,c as Om,d as Xn,e as wn,f as yr,D as fr,g as Jn,h as et,k as Qm,m as Se,T as en,n as jm,o as xl,p as bi,q as qm,r as Si,t as Bm,u as Um,v as Hm,G as Dt,_ as h,w as v,x as R,I as _,E as _t,y as on,z as C,A as ee,R as Ce,B as De,C as Fe,F as xe,H as we,J as Ve,K as dn,L as cn,M as un,N as Dl,O as ve,P as Fn,Q as hr,S as Ue,U as te,V as ce,W as He,X as kr,Y as St,Z as ze,$ as Vn,a0 as Gm,a1 as Ye,a2 as br,a3 as ml,a4 as _l,a5 as Wm,a6 as Jm,a7 as pl,a8 as yt,a9 as ue,aa as Sr,ab as Zm,ac as Xm,ad as mn,ae as Ym,af as Pn,ag as ep,ah as vr,ai as Lt,aj as Fa,ak as Ll,al as wl,am as Cr,an as np,ao as ap,ap as tp,aq as lp,ar as ip,as as rp,at as sp,au as me,av as gl,aw as pe,ax as ge,ay as nn,az as op,aA as dp,aB as cp,aC as ln,aD as se,aE as Fr,aF as up,aG as mp,aH as pp,aI as wt,aJ as Et,aK as Kr,aL as gp,aM as yp,aN as fp,aO as Mt,aP as hp,aQ as Tr,aR as Da,aS as tt,aT as Je,aU as kp,aV as El,aW as gn,aX as bp,aY as Sp,aZ as vp,a_ as xn,a$ as Be,b0 as Ge,b1 as Pr,b2 as ia,b3 as Ae,b4 as Va,b5 as An,b6 as En,b7 as Rt,b8 as Aa,b9 as Na,ba as Ir,bb as rn,bc as xr,bd as Cp,be as Ml,bf as ya,bg as Hn,bh as Fp,bi as Kp,bj as Rl,bk as Vt,bl as Nn,bm as ra,bn as Dr,bo as vi,bp as Tp,bq as Pp,br as lt,bs as Ip,bt as nt,bu as Xe,bv as xp,bw as Dp,bx as At,by as zn,bz as _p,bA as Lp,bB as sn,bC as kn,bD as za,bE as Vl,bF as _r,bG as Al,bH as wp,bI as Nl,bJ as Ep,bK as Mp,bL as zl,bM as dt,bN as Lr,bO as wr,bP as Er,bQ as Ze,bR as Mr,bS as yl,bT as Rp,bU as $l,bV as Ol,bW as Rr,bX as Vp,bY as Ap,bZ as Np,b_ as zp,b$ as $p,c0 as Op,c1 as fa,c2 as Ql,c3 as Qp,c4 as Vr,c5 as jp,c6 as qp,c7 as Bp,c8 as Up,c9 as Hp,ca as Gp,cb as Wp,cc as Nt,cd as Jp,ce as Zp,cf as Xp,cg as Yp,ch as Ci,ci as eg,cj as Kn,ck as $n,cl as jl,cm as Ar,cn as Nr,co as Fi,cp as Ki,cq as ng,cr as ag,cs as H,ct as zr,cu as zt,cv as $t,cw as $a,cx as $r,cy as Oa,cz as Qa,cA as Or,cB as On,cC as Ot,cD as tg,cE as lg,cF as ig,cG as rg,cH as sg,cI as og,cJ as dg,cK as ka,cL as Qr,cM as cg,cN as ug,cO as Ti,cP as mg,cQ as pg,cR as gg,cS as yg,cT as fg,cU as hg,cV as jr,cW as kg,cX as bg,cY as Sg,cZ as vg,c_ as ba,c$ as ql,d0 as qr,d1 as xa,d2 as Qt,d3 as Br,d4 as Ur,d5 as al,d6 as Cg,d7 as Hr,d8 as Fg,d9 as Bl,da as jt,db as fn,dc as Kg,dd as Gr,de as Tg,df as Wr,dg as Jr,dh as Pg,di as Ig,dj as Zr,dk as Yn,dl as xg,dm as Dg,dn as Pi,dp as _g,dq as Lg,dr as wg,ds as Eg,dt as Mg,du as Rg,dv as _a,dw as Vg,dx as Ag,dy as Ng,dz as zg,dA as qt,dB as Xr,dC as Ii,dD as $g,dE as Og,dF as Qg,dG as jg,dH as Yr,dI as es,dJ as qg,dK as Bg,dL as Ug,dM as xi,dN as Di}from"./components-E6p--qL4.js";import{g as sa,i as oa,d as Hg,E as ns,R as da,k as Ul,b as Gg,p as ct,n as as}from"./vendor-codemirror-D2R3PB3i.js";import{P as ts,C as ls,T as Qn,a as is,R as jn,b as ut,X as ca,Y as bn,c as ua,B as wa,A as it,d as rs,e as Hl,L as ss,f as Wg}from"./vendor-recharts-DetvdWCF.js";const Jg=4,Zg={user:["user","human"],ai:["assistant","bot","ai"],system:["system"],tool:["tool"]},Xg="Unable to parse span input messages, expected messages which include a role and content.",Yg="Unable to parse span output messages, expected messages which include a role and content.",ey="Unable to parse span output expected output.value to be present.",ny="Unable to parse span attributes, attributes must be valid JSON.",ay="Unable to parse model config, expected llm.model_name to be present.",ty="Unable to parse model config, expected llm.invocation_parameters JSON string to be present.",ly="Unable to parse invocation parameters response_format, expected llm.invocation_parameters.response_format to be a well formed json object or undefined.",iy="Unable to parse tools, expected tools to be an array of valid tools.",ry="Unable to parse prompt template variables, expected prompt template variables to be a valid JSON object string.",_i={AZURE_OPENAI:[],ANTHROPIC:["claude"],OPENAI:["gpt","o1"],GOOGLE:["gemini"]},Zn="TOOL_CHOICE",La="tool_choice",Mn="RESPONSE_FORMAT",Dn="response_format",sy=[Zn,Mn],oy=w.object({tool_call:w.object({id:w.string().optional(),function:w.object({name:w.string(),arguments:w.string()}).partial()}).partial()}).partial(),os=w.object({[ye.message]:w.object({[Oe.role]:w.string(),[Oe.content]:w.union([w.string(),w.array(w.record(w.string(),w.unknown()))]).default(""),[Oe.tool_calls]:w.array(oy).optional(),[Oe.tool_call_id]:w.string().optional()})}),dy=w.object({[ye.llm]:w.object({[Ne.input_messages]:w.array(os)})}),cy=w.object({[ye.llm]:w.object({[Ne.output_messages]:w.array(os)})}),uy=w.object({[ye.output]:w.object({value:w.string()})}),ds=zm()(w.enum(["user","ai","system","tool"])),my=w.object({id:w.number(),role:ds,content:w.string().optional(),toolCallId:w.string().optional(),toolCalls:w.array($m).optional()}),py=w.array(my),Gl=w.lazy(()=>w.record(Pl)),gy=Gl,cs=w.string().transform((n,a)=>{const{json:t}=Me(n);if(!Il(t))return a.addIssue({code:w.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),w.NEVER;const{success:l,data:i}=gy.safeParse(t);return l?i:(a.addIssue({code:w.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),w.NEVER)}).default("{}"),yy=w.object({[ye.llm]:w.object({[Ne.provider]:w.string().optional(),[Ne.model_name]:w.string()})}),us=w.object({[ye.llm]:w.object({[Ne.invocation_parameters]:cs})}),fy=w.object({[ye.llm]:w.object({[Ne.invocation_parameters]:cs.pipe(w.object({response_format:Gl.optional()}))})}),hy=w.object({url:w.object({full:w.string(),path:w.string().optional()})}),ky=w.string().transform((n,a)=>{const{json:t}=Me(n);return t==null||!Il(t)?(a.addIssue({code:w.ZodIssueCode.custom,message:"The tool JSON schema must be a valid JSON object"}),w.NEVER):t}).transform((n,a)=>{const{data:t,success:l}=gr.safeParse(n);return l?t:(a.addIssue({code:w.ZodIssueCode.custom,message:"The tool JSON schema must be a valid tool schema"}),w.NEVER)}),by=w.object({[ye.llm]:w.object({[Ne.tools]:w.array(w.object({[ye.tool]:w.object({[kt.json_schema]:ky})}).optional()).optional()}).optional()}).optional(),Sy=w.lazy(()=>w.object({type:w.literal("json_schema"),json_schema:w.object({name:w.string().describe("The name of the schema"),schema:Om.describe("The schema itself in JSON schema format"),strict:w.literal(!0).describe("The schema must be strict")})})),vy=Ct(Sy,{removeAdditionalStrategy:"passthrough"}),Cy=w.string().transform((n,a)=>{const{json:t}=Me(n);return Xn(t)?Object.entries(t).reduce((i,[r,o])=>{if(typeof o=="string")i[r]=o;else{const{json:d}=wn(o);d!=null&&(i[r]=d)}return i},{}):(a.addIssue({code:w.ZodIssueCode.custom,message:"The prompt template variables must be a valid JSON object"}),w.NEVER)}),Fy=w.object({[ye.llm]:w.object({[Ne.prompt_template]:w.object({variables:Cy}).optional()}).optional()}).optional();function ms(n){return ds.safeParse(n).success}function Gn(n){const a=n.toLowerCase();if(ms(a))return a;for(const[t,l]of Object.entries(Zg))if(l.includes(a))return t;return Qm}function Ky({toolCalls:n,provider:a}){if(n!=null)return n.map(({tool_call:t})=>{var i,r,o,d;if(t==null)return null;let l={};if(((i=t.function)==null?void 0:i.arguments)!=null){const{json:c}=Me(t.function.arguments);Xn(c)&&(l=c)}switch(a){case"OPENAI":case"AZURE_OPENAI":return{id:t.id??"",type:"function",function:{name:((r=t.function)==null?void 0:r.name)??"",arguments:l}};case"ANTHROPIC":return{id:t.id??"",type:"tool_use",name:((o=t.function)==null?void 0:o.name)??"",input:l};case"GOOGLE":return{id:t.id??"",function:{name:((d=t.function)==null?void 0:d.name)??"",arguments:l}};default:Se()}}).filter(t=>t!=null)}function ps({messages:n,provider:a}){return n.map(({message:t})=>({id:Jn(),role:t.tool_call_id!=null?Gn("tool"):Gn(t.role),content:typeof t.content=="string"?t.content:void 0,toolCalls:Ky({provider:a,toolCalls:t.tool_calls}),toolCallId:t.tool_call_id}))}function Ty({provider:n,parsedAttributes:a}){var l;const t=dy.safeParse(a);if(!t.success)return{messageParsingErrors:[Xg],messages:null};if(n==="ANTHROPIC"){const{success:i,data:r}=us.safeParse(a);if(i){const o=t.data.llm.input_messages,d=(l=r.llm.invocation_parameters)==null?void 0:l.system;typeof d=="string"&&d&&(!o||o[0].message.role!=="system")&&t.data.llm.input_messages.unshift({message:{role:"system",content:d}})}}return{messageParsingErrors:[],messages:ps({provider:n,messages:t.data.llm.input_messages})}}function Py({provider:n,parsedAttributes:a}){const t=[],l=cy.safeParse(a);if(l.success)return{output:ps({provider:n,messages:l.data.llm.output_messages}),outputParsingErrors:t};t.push(Yg);const i=uy.safeParse(a);return i.success?{output:i.data.output.value,outputParsingErrors:t}:(t.push(ey),{output:void 0,outputParsingErrors:t})}function gs(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 Iy(n){for(const a of Object.keys(_i))if(_i[a].some(l=>n.includes(l)))return a;return fr}function xy(n){const{success:a,data:t}=yy.safeParse(n);if(a){const l=gs(t.llm.provider)||Iy(t.llm.model_name),i=Dy(n);return{modelConfig:{...Object.fromEntries(Object.entries(i).filter(([r,o])=>o!==null)),modelName:t.llm.model_name,provider:l,invocationParameters:[],supportedInvocationParameters:[]},parsingErrors:[]}}return{modelConfig:null,parsingErrors:[ay]}}function Dy(n){const{success:a,data:t}=hy.safeParse(n);if(a)try{const l=new URL(t.url.full);let i=l;if(t.url.path)try{i=new URL(t.url.full.split(t.url.path)[0])}catch{}return{baseUrl:`${i.origin}${i.pathname}`,endpoint:l.origin,apiVersion:l.searchParams.get("api-version")||null}}catch{}return{baseUrl:null,apiVersion:null,endpoint:null}}function _y(n,a=[]){const{success:t,data:l}=us.safeParse(n),i=[];return t||i.push(ty),{invocationParameters:zy((l==null?void 0:l.llm.invocation_parameters)??{},a),parsingErrors:i}}function Ly(n){const{success:a,data:t}=fy.safeParse(n);return a?{responseFormat:t.llm.invocation_parameters.response_format,parsingErrors:[]}:{responseFormat:void 0,parsingErrors:[ly]}}function wy(n){var a;return(((a=n==null?void 0:n.llm)==null?void 0:a.tools)??[]).map(t=>(t==null?void 0:t.tool)==null?null:{id:et(),definition:t.tool.json_schema}).filter(t=>t!=null)}function Ey(n){var l;const{data:a,success:t}=by.safeParse(n);return t?((l=a==null?void 0:a.llm)==null?void 0:l.tools)==null?{tools:null,parsingErrors:[]}:{tools:wy(a),parsingErrors:[]}:{tools:null,parsingErrors:[iy]}}function My(n){var l;const{success:a,data:t}=Fy.safeParse(n);return a?((l=t==null?void 0:t.llm)==null?void 0:l.prompt_template)==null?{variables:null,parsingErrors:[]}:{variables:t.llm.prompt_template.variables,parsingErrors:[]}:{variables:null,parsingErrors:[ry]}}function Ry(n){const{instance:a,instanceMessages:t}=yr(),l={...a,template:{__type:"chat",messages:Object.values(t)}},{json:i,parseError:r}=Me(n.attributes);if(r)return{playgroundInstance:{...l,spanId:(n==null?void 0:n.id)??null},parsingErrors:[ny]};const o=n.invocationParameters,d=xy(i);let{modelConfig:c}=d;const{parsingErrors:p}=d,{messages:y,messageParsingErrors:u}=Ty({provider:(c==null?void 0:c.provider)??l.model.provider,parsedAttributes:i}),{output:g,outputParsingErrors:f}=Py({provider:(c==null?void 0:c.provider)??l.model.provider,parsedAttributes:i}),{invocationParameters:k,parsingErrors:b}=_y(i,o),{variables:S,parsingErrors:F}=My(i),{parsingErrors:T}=Ly(i);c=c!=null?{...c,invocationParameters:T.length>0?k.filter(P=>P.invocationName!==Dn&&P.canonicalName!==Mn):k}:null;const{tools:x,parsingErrors:L}=Ey(i);return{playgroundInstance:{...l,model:c??l.model,template:y!=null?{__type:"chat",messages:y}:l.template,output:g,spanId:n.id,tools:x??l.tools},playgroundInput:S!=null?{variablesValueCache:S}:void 0,parsingErrors:[...u,...f,...p,...L,...b,...T,...F]}}const Vy=n=>py.safeParse(n).success,ys=({instance:n,templateFormat:a})=>{if(a==en.NONE)return[];const t=new Set,l=n.template.__type,i=jm(a);switch(l){case"chat":{n.template.messages.forEach(r=>{(r.content==null?[]:i.extractVariables(r.content)).forEach(d=>{t.add(d)})});break}case"text_completion":{i.extractVariables(n.template.prompt).forEach(o=>{t.add(o)});break}default:Se()}return Array.from(t)},Ay=({instances:n,templateFormat:a})=>a==en.NONE?[]:Array.from(new Set(n.flatMap(t=>ys({instance:t,templateFormat:a})))),fs=({instances:n,templateFormat:a,input:t})=>{if(a==en.NONE)return{variablesMap:{},variableKeys:[]};const l=Ay({instances:n,templateFormat:a}),i=t.variablesValueCache??{};return{variablesMap:l.reduce((o,d)=>(o[d]=i[d]||"",o),{}),variableKeys:l}};function ea(n,a){return n.invocationName===a.invocationName||n.canonicalName!=null&&a.canonicalName!=null&&n.canonicalName===a.canonicalName}const Ny=(n,a)=>n.filter(t=>a.some(l=>ea(l,t))).map(t=>{var l;return{...t,invocationName:((l=a.find(i=>ea(i,t)))==null?void 0:l.invocationName)??t.invocationName}}),ja=n=>n.replace(/_([a-z])/g,(a,t)=>t.toUpperCase()),zy=(n,a)=>Object.entries(n).map(([t,l])=>{const i=a.find(r=>r.canonicalName&&r.canonicalName.toLowerCase()===t.toLowerCase()||r.invocationName&&r.invocationName.toLowerCase()===t.toLowerCase());return i==null||i.invocationInputField==null||i.invocationName==null?null:{canonicalName:i.canonicalName,invocationName:i.invocationName,[ja(i.invocationInputField)]:l}}).filter(t=>t!=null),hs=n=>{const{provider:a,validatedToolDefinition:t}=Um(n.definition);switch(a){case"OPENAI":case"AZURE_OPENAI":return t.function.name;case"ANTHROPIC":return t.name;case"UNKNOWN":return null;default:Se()}},$y=({provider:n,toolNumber:a})=>{switch(n){case"OPENAI":case"AZURE_OPENAI":return{id:et(),definition:Si(a)};case"ANTHROPIC":return{id:et(),definition:Bm(a)};case"GOOGLE":return{id:et(),definition:Si(a)};default:Se()}},Oy=n=>{switch(n){case"OPENAI":case"AZURE_OPENAI":return bi();case"ANTHROPIC":return qm();case"GOOGLE":return bi();default:Se()}};function Qy(n){return{content:n.content,role:jy(n.role),toolCalls:n.toolCalls,toolCallId:n.toolCallId}}function jy(n){switch(n){case"system":return"SYSTEM";case"user":return"USER";case"tool":return"TOOL";case"ai":return"AI";default:Se()}}const ks=({playgroundStore:n,instanceId:a,credentials:t})=>{var u;const{instances:l,allInstanceMessages:i}=n.getState(),r=l.find(g=>g.id===a);if(!r)throw new Error(`No instance found for id ${a}`);if(r.template.__type!=="chat")throw new Error("We only support chat templates for now");const o=r.template.messageIds.map(g=>i[g]).filter(g=>g!=null),d=r.model.supportedInvocationParameters;let c=[...r.model.invocationParameters];const p=xl({toolChoice:r.toolChoice,targetProvider:r.model.provider});r.tools.length>0?(c=c.filter(g=>g.invocationName!==La&&g.canonicalName!==Zn),c.push({canonicalName:Zn,invocationName:La,valueJson:p})):c=c.filter(g=>g.invocationName!==La&&g.canonicalName!==Zn),c=d.length?Ny(c,d):c;const y=r.model.provider==="AZURE_OPENAI"?{endpoint:r.model.endpoint,apiVersion:r.model.apiVersion}:{};return{messages:o.map(Qy),model:{providerKey:r.model.provider,name:r.model.modelName||"",baseUrl:r.model.baseUrl,...y},invocationParameters:Ss(c,r.model.provider,r.model.modelName),tools:r.tools.length?r.tools.map(g=>g.definition):void 0,apiKey:t[r.model.provider]||null,promptName:(u=r.prompt)==null?void 0:u.name}},Bt=(n,a)=>{if(n.template.__type==="chat"){const{messageIds:t,...l}=n.template;return{...n,template:{...l,messages:n.template.messageIds.map(i=>a[i])}}}return n},qy=({playgroundStore:n,instanceId:a,credentials:t})=>{const l=ks({playgroundStore:n,instanceId:a,credentials:t}),{instances:i,templateFormat:r,input:o,allInstanceMessages:d}=n.getState(),c=i.map(y=>Bt(y,d)),{variablesMap:p}=fs({instances:c,input:o,templateFormat:r});return{...l,template:{variables:p,format:r}}},Li=({playgroundStore:n,instanceId:a,credentials:t,datasetId:l})=>({...ks({playgroundStore:n,instanceId:a,credentials:t}),templateFormat:n.getState().templateFormat,datasetId:l});function Ut(n){if(n===""||typeof n>"u")return"{}";if(typeof n=="string"){const a=n.startsWith('"{')||n.startsWith('"[')||n.startsWith('"\\"');try{if(a){const l=JSON.parse(n),i=typeof l=="string"?JSON.parse(l):l;return JSON.stringify(i,null,2)}}catch{}if(/^\s*[0-9{[]|true|false|null/.test(n))return n}return JSON.stringify(n,null,2)}function bs(n,a){return a.filter(t=>t.required).every(t=>n.some(l=>ea(l,t)))}const By=n=>{for(const[a,t]of Object.entries(n))if(a.endsWith("DefaultValue")&&t!=null)return n[a]};function v2(n,a){const t=new Map(n.map(l=>[l.invocationName,l]));return a.forEach(l=>{var c;const i=l.invocationName,r=By(l),o=ja(l.invocationInputField||"");if(!l.invocationName||!l.invocationInputField||!i||r==null||((c=t.get(i))==null?void 0:c[o])!=null)return;const d={canonicalName:l.canonicalName,invocationName:l.invocationName,[o]:r};t.set(i,d)}),Array.from(t.values())}const Uy=w.object({type:w.literal("enabled")}).passthrough(),Hy=w.object({type:w.enum(["any","tool"])}).passthrough(),Gy=(n,a)=>{if(!a)return n;const t=n.some(l=>l.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&l.valueJson&&Uy.safeParse(l.valueJson).success);return n.filter(l=>{if(l.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&!l.valueJson)return!1;if(t){if(l.canonicalName==="TEMPERATURE"||l.canonicalName==="TOP_P")return!1;if(l.canonicalName===Zn)return!Hy.safeParse(l.valueJson).success}return!0})},Ss=(n,a,t)=>a==="ANTHROPIC"?Gy(n,t):n,vs=m.createContext(null);function C2({children:n,...a}){const[t]=m.useState(()=>Hm(a));return e(vs.Provider,{value:t,children:n})}function Ea(n,a){const t=fe.useContext(vs);if(!t)throw new Error("Missing CredentialsContext.Provider in the tree");return st(t,n,a)}const Cs=m.createContext(null);function Wy(){const n=m.useContext(Cs);if(n===null)throw new Error("useFunctionality must be used within a FunctionalityProvider");return n}function F2(n){return e(Cs.Provider,{value:{authenticationEnabled:window.Config.authenticationEnabled},children:n.children})}const Fs={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};Fs.hash="0168d590171b96e7a2e41449a41754be";function Jy({query:n}){const[a,t]=m.useState(null),l=Ea(y=>y),i=Ea(y=>y.setCredential),r=D.useFragment(Fs,n),o=m.useMemo(()=>[...r.modelProviders],[r]),d=m.useMemo(()=>[{header:"Name",accessorKey:"name",cell:({row:y})=>s(h,{direction:"row",alignItems:"center",gap:"size-100",children:[e(Dt,{provider:y.original.key,height:18}),y.original.name]})},{header:"Environment Variable",accessorKey:"apiKeyEnvVar",cell:({row:y})=>e(v,{children:y.original.apiKeyEnvVar})},{header:"configuration",accessorKey:"apiKeySet",cell:({row:y})=>y.original.dependenciesInstalled?l[y.original.key]?e(v,{color:"success",children:"local"}):y.original.apiKeySet?e(v,{color:"success",children:"configured on the server"}):e(v,{color:"text-700",children:"not configured"}):e(v,{color:"warning",children:"missing dependencies"})},{header:"",accessorKey:"id",cell:({row:y})=>e(h,{direction:"row",justifyContent:"end",gap:"size-100",width:"100%",children:e(R,{size:"S",leadingVisual:e(_,{svg:e(_t,{})}),onPress:()=>{t(y.original)}})})}],[l]),c=_e({columns:d,data:o,getCoreRowModel:Le(),getSortedRowModel:Sn()}),p=c.getRowModel().rows;return s(B,{title:"AI Providers",bodyStyle:{padding:0},variant:"compact",children:[s("table",{css:on,children:[e("thead",{children:c.getHeaderGroups().map(y=>e("tr",{children:y.headers.map(u=>e("th",{colSpan:u.colSpan,children:u.isPlaceholder?null:e("div",{children:J(u.column.columnDef.header,u.getContext())})},u.id))},y.id))}),e("tbody",{children:p.map(y=>e("tr",{children:y.getVisibleCells().map(u=>e("td",{children:J(u.column.columnDef.cell,u.getContext())},u.id))},y.id))})]}),e(ne,{type:"modal",isDismissable:!0,onDismiss:()=>t(null),children:a&&s(X,{title:`Set ${a.name} API Key`,size:"S",children:[s(C,{padding:"size-200",children:[e(C,{paddingBottom:"size-100",children:s(v,{size:"XS",children:["Set the credentials for the ",a.name," API. These credentials will be stored entirely in your browser and will only be sent to the server during API requests."]})}),s(ee,{onChange:y=>{i({provider:a.key,value:y})},value:l[a.key],type:"password",children:[e(Z,{children:`${a.name} API Key`}),e(re,{placeholder:`e.g. ${a.apiKeyEnvVar}`}),e(v,{slot:"description",children:"The API key will be stored locally in your browser"})]})]}),e(C,{paddingX:"size-200",paddingY:"size-100",borderTopWidth:"thin",borderColor:"light",children:e(h,{direction:"row",justifyContent:"end",gap:"size-100",children:e(R,{variant:"primary",size:"S",onPress:()=>{t(null)},children:"Set API Key"})})})]})})]})}function K2(){const n=qe();return e(Jy,{query:n})}const Ks={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"settingsAIProvidersPageLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"GenerativeProvidersCard_data"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"settingsAIProvidersPageLoaderQuery",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeyEnvVar",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeySet",storageKey:null}],storageKey:null}]},params:{cacheID:"cc6e19e54ea894e905970362ee382e43",id:null,metadata:{},name:"settingsAIProvidersPageLoaderQuery",operationKind:"query",text:`query settingsAIProvidersPageLoaderQuery {
|
|
1
|
+
import{A as w,b3 as ye,b4 as Qe,b5 as Ne,b6 as kt,B as Ct,r as m,j as e,R as fe,u as st,v as D,l as s,az as _e,aA as Sn,aC as Le,aD as J,Q as Z,S as se,b7 as qe,ad as hl,b8 as yi,ac as Oe,ah as tn,ag as W,T as Pe,O as U,aw as oe,E as K,b9 as Ie,aI as de,ba as rm,a8 as kl,ax as va,a9 as bl,bb as pn,bc as sm,aJ as om,bd as dm,H as fi,be as Ft,bf as Ee,bg as _n,bh as Ln,bi as vn,o as sr,F as hi,I as cm,bj as um,bk as el,bl as nl,bm as Ba,bn as We,n as ot,bo as mm,aS as or,bp as pm,bq as ki,br as gm,bs as ym,bt as fm,bu as hm,bv as km,bw as bm,bx as Sm,by as vm,bz as Cm,bA as at,D as Fm,bB as Km,bC as gt,g as dr,bD as Tm,aE as Sl,bE as cr,bF as ur,bG as mr,bH as Pm,ai as Im,bI as xm,ae as Dm,af as _m,bJ as Lm,p as wm}from"./vendor-BT2CVKel.js";import{c as X,D as ne,C as B,t as vl,h as Cn,L as Kt,v as Tt,A as be,w as pr,o as Cl,P as Ra,f as $e,g as aa,T as he,E as Pt,a as Re,q as ta,r as Va,d as la,x as Ca,b as Fl,s as It,y as Em,i as xt,z as Mm,B as Rm,G as Vm,H as Kl,J as Tl,u as Am,K as Nm}from"./vendor-arizeai-Dzsaenki.js";import{s as zm,l as $m,j as Pl,a as Me,i as Il,b as gr,c as Om,d as Xn,e as wn,f as yr,D as fr,g as Jn,h as et,k as Qm,m as Se,T as en,n as jm,o as xl,p as bi,q as qm,r as Si,t as Bm,u as Um,v as Hm,G as Dt,_ as h,w as v,x as R,I as _,E as _t,y as on,z as C,A as ee,R as Ce,B as De,C as Fe,F as xe,H as we,J as Ve,K as dn,L as cn,M as un,N as Dl,O as ve,P as Fn,Q as hr,S as Ue,U as te,V as ce,W as He,X as kr,Y as St,Z as ze,$ as Vn,a0 as Gm,a1 as Ye,a2 as br,a3 as ml,a4 as _l,a5 as Wm,a6 as Jm,a7 as pl,a8 as yt,a9 as ue,aa as Sr,ab as Zm,ac as Xm,ad as mn,ae as Ym,af as Pn,ag as ep,ah as vr,ai as Lt,aj as Fa,ak as Ll,al as wl,am as Cr,an as np,ao as ap,ap as tp,aq as lp,ar as ip,as as rp,at as sp,au as me,av as gl,aw as pe,ax as ge,ay as nn,az as op,aA as dp,aB as cp,aC as ln,aD as re,aE as Fr,aF as up,aG as mp,aH as pp,aI as wt,aJ as Et,aK as Kr,aL as gp,aM as yp,aN as fp,aO as Mt,aP as hp,aQ as Tr,aR as _a,aS as tt,aT as Je,aU as kp,aV as El,aW as gn,aX as bp,aY as Sp,aZ as vp,a_ as xn,a$ as Be,b0 as Ge,b1 as Pr,b2 as ia,b3 as Ae,b4 as Aa,b5 as An,b6 as En,b7 as Rt,b8 as Na,b9 as Ka,ba as Ir,bb as rn,bc as xr,bd as Cp,be as Ml,bf as ya,bg as Hn,bh as Fp,bi as Kp,bj as Rl,bk as Vt,bl as Nn,bm as ra,bn as Dr,bo as vi,bp as Tp,bq as Pp,br as lt,bs as Ip,bt as nt,bu as Xe,bv as xp,bw as Dp,bx as At,by as zn,bz as _p,bA as Lp,bB as sn,bC as kn,bD as za,bE as Vl,bF as _r,bG as Al,bH as wp,bI as Nl,bJ as Ep,bK as Mp,bL as zl,bM as dt,bN as Lr,bO as wr,bP as Er,bQ as Ze,bR as Mr,bS as yl,bT as Rp,bU as $l,bV as Ol,bW as Rr,bX as Vp,bY as Ap,bZ as Np,b_ as zp,b$ as $p,c0 as Op,c1 as fa,c2 as Ql,c3 as Qp,c4 as Vr,c5 as jp,c6 as qp,c7 as Bp,c8 as Up,c9 as Hp,ca as Gp,cb as Wp,cc as Nt,cd as Jp,ce as Zp,cf as Xp,cg as Yp,ch as Ci,ci as eg,cj as Kn,ck as $n,cl as jl,cm as Ar,cn as Nr,co as Fi,cp as Ki,cq as ng,cr as ag,cs as H,ct as zr,cu as zt,cv as $t,cw as $a,cx as $r,cy as Oa,cz as Qa,cA as Or,cB as On,cC as Ot,cD as tg,cE as lg,cF as ig,cG as rg,cH as sg,cI as og,cJ as dg,cK as ka,cL as Qr,cM as cg,cN as ug,cO as Ti,cP as mg,cQ as pg,cR as gg,cS as yg,cT as fg,cU as hg,cV as jr,cW as kg,cX as bg,cY as Sg,cZ as vg,c_ as ba,c$ as ql,d0 as qr,d1 as Da,d2 as Qt,d3 as Br,d4 as Ur,d5 as al,d6 as Cg,d7 as Hr,d8 as Fg,d9 as Bl,da as jt,db as fn,dc as Kg,dd as Gr,de as Tg,df as Wr,dg as Jr,dh as Pg,di as Ig,dj as Zr,dk as Yn,dl as xg,dm as Dg,dn as Pi,dp as _g,dq as Lg,dr as wg,ds as Eg,dt as Mg,du as Rg,dv as La,dw as Vg,dx as Ag,dy as Ng,dz as zg,dA as qt,dB as Xr,dC as Ii,dD as $g,dE as Og,dF as Qg,dG as jg,dH as Yr,dI as es,dJ as qg,dK as Bg,dL as Ug,dM as xi,dN as Di}from"./components-B1h2vIB3.js";import{g as sa,i as oa,d as Hg,E as ns,R as da,k as Ul,b as Gg,p as ct,n as as}from"./vendor-codemirror-D2R3PB3i.js";import{P as ts,C as ls,T as Qn,a as is,R as jn,b as ut,X as ca,Y as bn,c as ua,B as Ea,A as it,d as rs,e as Hl,L as ss,f as Wg}from"./vendor-recharts-DetvdWCF.js";const Jg=4,Zg={user:["user","human"],ai:["assistant","bot","ai"],system:["system"],tool:["tool"]},Xg="Unable to parse span input messages, expected messages which include a role and content.",Yg="Unable to parse span output messages, expected messages which include a role and content.",ey="Unable to parse span output expected output.value to be present.",ny="Unable to parse span attributes, attributes must be valid JSON.",ay="Unable to parse model config, expected llm.model_name to be present.",ty="Unable to parse model config, expected llm.invocation_parameters JSON string to be present.",ly="Unable to parse invocation parameters response_format, expected llm.invocation_parameters.response_format to be a well formed json object or undefined.",iy="Unable to parse tools, expected tools to be an array of valid tools.",ry="Unable to parse prompt template variables, expected prompt template variables to be a valid JSON object string.",_i={AZURE_OPENAI:[],ANTHROPIC:["claude"],OPENAI:["gpt","o1"],GOOGLE:["gemini"]},Zn="TOOL_CHOICE",wa="tool_choice",Mn="RESPONSE_FORMAT",Dn="response_format",sy=[Zn,Mn],oy=w.object({tool_call:w.object({id:w.string().optional(),function:w.object({name:w.string(),arguments:w.string()}).partial()}).partial()}).partial(),os=w.object({[ye.message]:w.object({[Qe.role]:w.string(),[Qe.content]:w.union([w.string(),w.array(w.record(w.string(),w.unknown()))]).default(""),[Qe.tool_calls]:w.array(oy).optional(),[Qe.tool_call_id]:w.string().optional()})}),dy=w.object({[ye.llm]:w.object({[Ne.input_messages]:w.array(os)})}),cy=w.object({[ye.llm]:w.object({[Ne.output_messages]:w.array(os)})}),uy=w.object({[ye.output]:w.object({value:w.string()})}),ds=zm()(w.enum(["user","ai","system","tool"])),my=w.object({id:w.number(),role:ds,content:w.string().optional(),toolCallId:w.string().optional(),toolCalls:w.array($m).optional()}),py=w.array(my),Gl=w.lazy(()=>w.record(Pl)),gy=Gl,cs=w.string().transform((n,a)=>{const{json:t}=Me(n);if(!Il(t))return a.addIssue({code:w.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),w.NEVER;const{success:l,data:i}=gy.safeParse(t);return l?i:(a.addIssue({code:w.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),w.NEVER)}).default("{}"),yy=w.object({[ye.llm]:w.object({[Ne.provider]:w.string().optional(),[Ne.model_name]:w.string()})}),us=w.object({[ye.llm]:w.object({[Ne.invocation_parameters]:cs})}),fy=w.object({[ye.llm]:w.object({[Ne.invocation_parameters]:cs.pipe(w.object({response_format:Gl.optional()}))})}),hy=w.object({url:w.object({full:w.string(),path:w.string().optional()})}),ky=w.string().transform((n,a)=>{const{json:t}=Me(n);return t==null||!Il(t)?(a.addIssue({code:w.ZodIssueCode.custom,message:"The tool JSON schema must be a valid JSON object"}),w.NEVER):t}).transform((n,a)=>{const{data:t,success:l}=gr.safeParse(n);return l?t:(a.addIssue({code:w.ZodIssueCode.custom,message:"The tool JSON schema must be a valid tool schema"}),w.NEVER)}),by=w.object({[ye.llm]:w.object({[Ne.tools]:w.array(w.object({[ye.tool]:w.object({[kt.json_schema]:ky})}).optional()).optional()}).optional()}).optional(),Sy=w.lazy(()=>w.object({type:w.literal("json_schema"),json_schema:w.object({name:w.string().describe("The name of the schema"),schema:Om.describe("The schema itself in JSON schema format"),strict:w.literal(!0).describe("The schema must be strict")})})),vy=Ct(Sy,{removeAdditionalStrategy:"passthrough"}),Cy=w.string().transform((n,a)=>{const{json:t}=Me(n);return Xn(t)?Object.entries(t).reduce((i,[r,o])=>{if(typeof o=="string")i[r]=o;else{const{json:d}=wn(o);d!=null&&(i[r]=d)}return i},{}):(a.addIssue({code:w.ZodIssueCode.custom,message:"The prompt template variables must be a valid JSON object"}),w.NEVER)}),Fy=w.object({[ye.llm]:w.object({[Ne.prompt_template]:w.object({variables:Cy}).optional()}).optional()}).optional();function ms(n){return ds.safeParse(n).success}function Gn(n){const a=n.toLowerCase();if(ms(a))return a;for(const[t,l]of Object.entries(Zg))if(l.includes(a))return t;return Qm}function Ky({toolCalls:n,provider:a}){if(n!=null)return n.map(({tool_call:t})=>{var i,r,o,d;if(t==null)return null;let l={};if(((i=t.function)==null?void 0:i.arguments)!=null){const{json:c}=Me(t.function.arguments);Xn(c)&&(l=c)}switch(a){case"OPENAI":case"AZURE_OPENAI":return{id:t.id??"",type:"function",function:{name:((r=t.function)==null?void 0:r.name)??"",arguments:l}};case"ANTHROPIC":return{id:t.id??"",type:"tool_use",name:((o=t.function)==null?void 0:o.name)??"",input:l};case"GOOGLE":return{id:t.id??"",function:{name:((d=t.function)==null?void 0:d.name)??"",arguments:l}};default:Se()}}).filter(t=>t!=null)}function ps({messages:n,provider:a}){return n.map(({message:t})=>({id:Jn(),role:t.tool_call_id!=null?Gn("tool"):Gn(t.role),content:typeof t.content=="string"?t.content:void 0,toolCalls:Ky({provider:a,toolCalls:t.tool_calls}),toolCallId:t.tool_call_id}))}function Ty({provider:n,parsedAttributes:a}){var l;const t=dy.safeParse(a);if(!t.success)return{messageParsingErrors:[Xg],messages:null};if(n==="ANTHROPIC"){const{success:i,data:r}=us.safeParse(a);if(i){const o=t.data.llm.input_messages,d=(l=r.llm.invocation_parameters)==null?void 0:l.system;typeof d=="string"&&d&&(!o||o[0].message.role!=="system")&&t.data.llm.input_messages.unshift({message:{role:"system",content:d}})}}return{messageParsingErrors:[],messages:ps({provider:n,messages:t.data.llm.input_messages})}}function Py({provider:n,parsedAttributes:a}){const t=[],l=cy.safeParse(a);if(l.success)return{output:ps({provider:n,messages:l.data.llm.output_messages}),outputParsingErrors:t};t.push(Yg);const i=uy.safeParse(a);return i.success?{output:i.data.output.value,outputParsingErrors:t}:(t.push(ey),{output:void 0,outputParsingErrors:t})}function gs(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 Iy(n){for(const a of Object.keys(_i))if(_i[a].some(l=>n.includes(l)))return a;return fr}function xy(n){const{success:a,data:t}=yy.safeParse(n);if(a){const l=gs(t.llm.provider)||Iy(t.llm.model_name),i=Dy(n);return{modelConfig:{...Object.fromEntries(Object.entries(i).filter(([r,o])=>o!==null)),modelName:t.llm.model_name,provider:l,invocationParameters:[],supportedInvocationParameters:[]},parsingErrors:[]}}return{modelConfig:null,parsingErrors:[ay]}}function Dy(n){const{success:a,data:t}=hy.safeParse(n);if(a)try{const l=new URL(t.url.full);let i=l;if(t.url.path)try{i=new URL(t.url.full.split(t.url.path)[0])}catch{}return{baseUrl:`${i.origin}${i.pathname}`,endpoint:l.origin,apiVersion:l.searchParams.get("api-version")||null}}catch{}return{baseUrl:null,apiVersion:null,endpoint:null}}function _y(n,a=[]){const{success:t,data:l}=us.safeParse(n),i=[];return t||i.push(ty),{invocationParameters:zy((l==null?void 0:l.llm.invocation_parameters)??{},a),parsingErrors:i}}function Ly(n){const{success:a,data:t}=fy.safeParse(n);return a?{responseFormat:t.llm.invocation_parameters.response_format,parsingErrors:[]}:{responseFormat:void 0,parsingErrors:[ly]}}function wy(n){var a;return(((a=n==null?void 0:n.llm)==null?void 0:a.tools)??[]).map(t=>(t==null?void 0:t.tool)==null?null:{id:et(),definition:t.tool.json_schema}).filter(t=>t!=null)}function Ey(n){var l;const{data:a,success:t}=by.safeParse(n);return t?((l=a==null?void 0:a.llm)==null?void 0:l.tools)==null?{tools:null,parsingErrors:[]}:{tools:wy(a),parsingErrors:[]}:{tools:null,parsingErrors:[iy]}}function My(n){var l;const{success:a,data:t}=Fy.safeParse(n);return a?((l=t==null?void 0:t.llm)==null?void 0:l.prompt_template)==null?{variables:null,parsingErrors:[]}:{variables:t.llm.prompt_template.variables,parsingErrors:[]}:{variables:null,parsingErrors:[ry]}}function Ry(n){const{instance:a,instanceMessages:t}=yr(),l={...a,template:{__type:"chat",messages:Object.values(t)}},{json:i,parseError:r}=Me(n.attributes);if(r)return{playgroundInstance:{...l,spanId:(n==null?void 0:n.id)??null},parsingErrors:[ny]};const o=n.invocationParameters,d=xy(i);let{modelConfig:c}=d;const{parsingErrors:p}=d,{messages:f,messageParsingErrors:u}=Ty({provider:(c==null?void 0:c.provider)??l.model.provider,parsedAttributes:i}),{output:g,outputParsingErrors:y}=Py({provider:(c==null?void 0:c.provider)??l.model.provider,parsedAttributes:i}),{invocationParameters:k,parsingErrors:b}=_y(i,o),{variables:S,parsingErrors:F}=My(i),{parsingErrors:T}=Ly(i);c=c!=null?{...c,invocationParameters:T.length>0?k.filter(P=>P.invocationName!==Dn&&P.canonicalName!==Mn):k}:null;const{tools:x,parsingErrors:L}=Ey(i);return{playgroundInstance:{...l,model:c??l.model,template:f!=null?{__type:"chat",messages:f}:l.template,output:g,spanId:n.id,tools:x??l.tools},playgroundInput:S!=null?{variablesValueCache:S}:void 0,parsingErrors:[...u,...y,...p,...L,...b,...T,...F]}}const Vy=n=>py.safeParse(n).success,ys=({instance:n,templateFormat:a})=>{if(a==en.NONE)return[];const t=new Set,l=n.template.__type,i=jm(a);switch(l){case"chat":{n.template.messages.forEach(r=>{(r.content==null?[]:i.extractVariables(r.content)).forEach(d=>{t.add(d)})});break}case"text_completion":{i.extractVariables(n.template.prompt).forEach(o=>{t.add(o)});break}default:Se()}return Array.from(t)},Ay=({instances:n,templateFormat:a})=>a==en.NONE?[]:Array.from(new Set(n.flatMap(t=>ys({instance:t,templateFormat:a})))),fs=({instances:n,templateFormat:a,input:t})=>{if(a==en.NONE)return{variablesMap:{},variableKeys:[]};const l=Ay({instances:n,templateFormat:a}),i=t.variablesValueCache??{};return{variablesMap:l.reduce((o,d)=>(o[d]=i[d]||"",o),{}),variableKeys:l}};function ea(n,a){return n.invocationName===a.invocationName||n.canonicalName!=null&&a.canonicalName!=null&&n.canonicalName===a.canonicalName}const Ny=(n,a)=>n.filter(t=>a.some(l=>ea(l,t))).map(t=>{var l;return{...t,invocationName:((l=a.find(i=>ea(i,t)))==null?void 0:l.invocationName)??t.invocationName}}),ja=n=>n.replace(/_([a-z])/g,(a,t)=>t.toUpperCase()),zy=(n,a)=>Object.entries(n).map(([t,l])=>{const i=a.find(r=>r.canonicalName&&r.canonicalName.toLowerCase()===t.toLowerCase()||r.invocationName&&r.invocationName.toLowerCase()===t.toLowerCase());return i==null||i.invocationInputField==null||i.invocationName==null?null:{canonicalName:i.canonicalName,invocationName:i.invocationName,[ja(i.invocationInputField)]:l}}).filter(t=>t!=null),hs=n=>{const{provider:a,validatedToolDefinition:t}=Um(n.definition);switch(a){case"OPENAI":case"AZURE_OPENAI":return t.function.name;case"ANTHROPIC":return t.name;case"UNKNOWN":return null;default:Se()}},$y=({provider:n,toolNumber:a})=>{switch(n){case"OPENAI":case"AZURE_OPENAI":return{id:et(),definition:Si(a)};case"ANTHROPIC":return{id:et(),definition:Bm(a)};case"GOOGLE":return{id:et(),definition:Si(a)};default:Se()}},Oy=n=>{switch(n){case"OPENAI":case"AZURE_OPENAI":return bi();case"ANTHROPIC":return qm();case"GOOGLE":return bi();default:Se()}};function Qy(n){return{content:n.content,role:jy(n.role),toolCalls:n.toolCalls,toolCallId:n.toolCallId}}function jy(n){switch(n){case"system":return"SYSTEM";case"user":return"USER";case"tool":return"TOOL";case"ai":return"AI";default:Se()}}const ks=({playgroundStore:n,instanceId:a,credentials:t})=>{var u;const{instances:l,allInstanceMessages:i}=n.getState(),r=l.find(g=>g.id===a);if(!r)throw new Error(`No instance found for id ${a}`);if(r.template.__type!=="chat")throw new Error("We only support chat templates for now");const o=r.template.messageIds.map(g=>i[g]).filter(g=>g!=null),d=r.model.supportedInvocationParameters;let c=[...r.model.invocationParameters];const p=xl({toolChoice:r.toolChoice,targetProvider:r.model.provider});r.tools.length>0?(c=c.filter(g=>g.invocationName!==wa&&g.canonicalName!==Zn),c.push({canonicalName:Zn,invocationName:wa,valueJson:p})):c=c.filter(g=>g.invocationName!==wa&&g.canonicalName!==Zn),c=d.length?Ny(c,d):c;const f=r.model.provider==="AZURE_OPENAI"?{endpoint:r.model.endpoint,apiVersion:r.model.apiVersion}:{};return{messages:o.map(Qy),model:{providerKey:r.model.provider,name:r.model.modelName||"",baseUrl:r.model.baseUrl,...f},invocationParameters:Ss(c,r.model.provider,r.model.modelName),tools:r.tools.length?r.tools.map(g=>g.definition):void 0,apiKey:t[r.model.provider]||null,promptName:(u=r.prompt)==null?void 0:u.name}},Bt=(n,a)=>{if(n.template.__type==="chat"){const{messageIds:t,...l}=n.template;return{...n,template:{...l,messages:n.template.messageIds.map(i=>a[i])}}}return n},qy=({playgroundStore:n,instanceId:a,credentials:t})=>{const l=ks({playgroundStore:n,instanceId:a,credentials:t}),{instances:i,templateFormat:r,input:o,allInstanceMessages:d}=n.getState(),c=i.map(f=>Bt(f,d)),{variablesMap:p}=fs({instances:c,input:o,templateFormat:r});return{...l,template:{variables:p,format:r}}},Li=({playgroundStore:n,instanceId:a,credentials:t,datasetId:l})=>({...ks({playgroundStore:n,instanceId:a,credentials:t}),templateFormat:n.getState().templateFormat,datasetId:l});function Ut(n){if(n===""||typeof n>"u")return"{}";if(typeof n=="string"){const a=n.startsWith('"{')||n.startsWith('"[')||n.startsWith('"\\"');try{if(a){const l=JSON.parse(n),i=typeof l=="string"?JSON.parse(l):l;return JSON.stringify(i,null,2)}}catch{}if(/^\s*[0-9{[]|true|false|null/.test(n))return n}return JSON.stringify(n,null,2)}function bs(n,a){return a.filter(t=>t.required).every(t=>n.some(l=>ea(l,t)))}const By=n=>{for(const[a,t]of Object.entries(n))if(a.endsWith("DefaultValue")&&t!=null)return n[a]};function v2(n,a){const t=new Map(n.map(l=>[l.invocationName,l]));return a.forEach(l=>{var c;const i=l.invocationName,r=By(l),o=ja(l.invocationInputField||"");if(!l.invocationName||!l.invocationInputField||!i||r==null||((c=t.get(i))==null?void 0:c[o])!=null)return;const d={canonicalName:l.canonicalName,invocationName:l.invocationName,[o]:r};t.set(i,d)}),Array.from(t.values())}const Uy=w.object({type:w.literal("enabled")}).passthrough(),Hy=w.object({type:w.enum(["any","tool"])}).passthrough(),Gy=(n,a)=>{if(!a)return n;const t=n.some(l=>l.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&l.valueJson&&Uy.safeParse(l.valueJson).success);return n.filter(l=>{if(l.canonicalName==="ANTHROPIC_EXTENDED_THINKING"&&!l.valueJson)return!1;if(t){if(l.canonicalName==="TEMPERATURE"||l.canonicalName==="TOP_P")return!1;if(l.canonicalName===Zn)return!Hy.safeParse(l.valueJson).success}return!0})},Ss=(n,a,t)=>a==="ANTHROPIC"?Gy(n,t):n,vs=m.createContext(null);function C2({children:n,...a}){const[t]=m.useState(()=>Hm(a));return e(vs.Provider,{value:t,children:n})}function Ma(n,a){const t=fe.useContext(vs);if(!t)throw new Error("Missing CredentialsContext.Provider in the tree");return st(t,n,a)}const Cs=m.createContext(null);function Wy(){const n=m.useContext(Cs);if(n===null)throw new Error("useFunctionality must be used within a FunctionalityProvider");return n}function F2(n){return e(Cs.Provider,{value:{authenticationEnabled:window.Config.authenticationEnabled},children:n.children})}const Fs={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};Fs.hash="0168d590171b96e7a2e41449a41754be";function Jy({query:n}){const[a,t]=m.useState(null),l=Ma(f=>f),i=Ma(f=>f.setCredential),r=D.useFragment(Fs,n),o=m.useMemo(()=>[...r.modelProviders],[r]),d=m.useMemo(()=>[{header:"Name",accessorKey:"name",cell:({row:f})=>s(h,{direction:"row",alignItems:"center",gap:"size-100",children:[e(Dt,{provider:f.original.key,height:18}),f.original.name]})},{header:"Environment Variable",accessorKey:"apiKeyEnvVar",cell:({row:f})=>e(v,{children:f.original.apiKeyEnvVar})},{header:"configuration",accessorKey:"apiKeySet",cell:({row:f})=>f.original.dependenciesInstalled?l[f.original.key]?e(v,{color:"success",children:"local"}):f.original.apiKeySet?e(v,{color:"success",children:"configured on the server"}):e(v,{color:"text-700",children:"not configured"}):e(v,{color:"warning",children:"missing dependencies"})},{header:"",accessorKey:"id",cell:({row:f})=>e(h,{direction:"row",justifyContent:"end",gap:"size-100",width:"100%",children:e(R,{size:"S",leadingVisual:e(_,{svg:e(_t,{})}),onPress:()=>{t(f.original)}})})}],[l]),c=_e({columns:d,data:o,getCoreRowModel:Le(),getSortedRowModel:Sn()}),p=c.getRowModel().rows;return s(B,{title:"AI Providers",bodyStyle:{padding:0},variant:"compact",children:[s("table",{css:on,children:[e("thead",{children:c.getHeaderGroups().map(f=>e("tr",{children:f.headers.map(u=>e("th",{colSpan:u.colSpan,children:u.isPlaceholder?null:e("div",{children:J(u.column.columnDef.header,u.getContext())})},u.id))},f.id))}),e("tbody",{children:p.map(f=>e("tr",{children:f.getVisibleCells().map(u=>e("td",{children:J(u.column.columnDef.cell,u.getContext())},u.id))},f.id))})]}),e(ne,{type:"modal",isDismissable:!0,onDismiss:()=>t(null),children:a&&s(X,{title:`Set ${a.name} API Key`,size:"S",children:[s(C,{padding:"size-200",children:[e(C,{paddingBottom:"size-100",children:s(v,{size:"XS",children:["Set the credentials for the ",a.name," API. These credentials will be stored entirely in your browser and will only be sent to the server during API requests."]})}),s(ee,{onChange:f=>{i({provider:a.key,value:f})},value:l[a.key],type:"password",children:[e(Z,{children:`${a.name} API Key`}),e(se,{placeholder:`e.g. ${a.apiKeyEnvVar}`}),e(v,{slot:"description",children:"The API key will be stored locally in your browser"})]})]}),e(C,{paddingX:"size-200",paddingY:"size-100",borderTopWidth:"thin",borderColor:"light",children:e(h,{direction:"row",justifyContent:"end",gap:"size-100",children:e(R,{variant:"primary",size:"S",onPress:()=>{t(null)},children:"Set API Key"})})})]})})]})}function K2(){const n=qe();return e(Jy,{query:n})}const Ks={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"settingsAIProvidersPageLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"GenerativeProvidersCard_data"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"settingsAIProvidersPageLoaderQuery",selections:[{alias:null,args:null,concreteType:"GenerativeProvider",kind:"LinkedField",name:"modelProviders",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"key",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependenciesInstalled",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dependencies",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeyEnvVar",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeySet",storageKey:null}],storageKey:null}]},params:{cacheID:"cc6e19e54ea894e905970362ee382e43",id:null,metadata:{},name:"settingsAIProvidersPageLoaderQuery",operationKind:"query",text:`query settingsAIProvidersPageLoaderQuery {
|
|
2
2
|
...GenerativeProvidersCard_data
|
|
3
3
|
}
|
|
4
4
|
|
|
@@ -85,7 +85,7 @@ fragment SystemAPIKeysTableFragment on Query {
|
|
|
85
85
|
expiresAt
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
|
-
`}};xs.hash="de0fc04de739f0adfcbdeaff28b16265";const Ds={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:xs}},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};Ds.hash="de0fc04de739f0adfcbdeaff28b16265";function Zy({query:n}){const[a,t]=D.useRefetchableFragment(Ds,n),l=De(),i=Fe(),[r]=D.useMutation(Is),o=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(()=>{t({},{fetchPolicy:"network-only"})})},onError:
|
|
88
|
+
`}};xs.hash="de0fc04de739f0adfcbdeaff28b16265";const Ds={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:xs}},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};Ds.hash="de0fc04de739f0adfcbdeaff28b16265";function Zy({query:n}){const[a,t]=D.useRefetchableFragment(Ds,n),l=De(),i=Fe(),[r]=D.useMutation(Is),o=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(()=>{t({},{fetchPolicy:"network-only"})})},onError:y=>{const k=xe(y);l({title:"Error deleting system key",message:(k==null?void 0:k[0])??y.message})}})},[r,l,i,t]),d=m.useMemo(()=>[...a.systemApiKeys],[a]),c=m.useMemo(()=>[{header:"Name",accessorKey:"name"},{header:"Description",accessorKey:"description",cell:we},{header:"Created At",accessorKey:"createdAt",cell:Ve},{header:"Expires At",accessorKey:"expiresAt",cell:Ve},{header:"",accessorKey:"id",size:10,cell:({row:y})=>e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(Dl,{handleDelete:()=>{o(y.original.id)}})}),meta:{textAlign:"right"}}],[o]),p=_e({columns:c,data:d,getCoreRowModel:Le()}),f=p.getRowModel().rows,u=p.getRowModel().rows.length===0;return s("table",{css:on,children:[e("thead",{children:p.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:s("div",{className:y.column.getCanSort()?"cursor-pointer":"",onClick:y.column.getToggleSortingHandler(),style:{left:y.getStart(),width:y.getSize()},children:[J(y.column.columnDef.header,y.getContext()),y.column.getIsSorted()?e(_,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(dn,{}):e(cn,{})}):null]})},y.id))},g.id))}),u?e(un,{message:"No Keys"}):e("tbody",{children:f.map(g=>e("tr",{children:g.getVisibleCells().map(y=>e("td",{children:J(y.column.columnDef.cell,y.getContext())},y.id))},g.id))})]})}const _s=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DeleteApiKeyMutationPayload",kind:"LinkedField",name:"deleteUserApiKey",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"apiKeyId",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"UserAPIKeysTableDeleteAPIKeyMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"UserAPIKeysTableDeleteAPIKeyMutation",selections:a},params:{cacheID:"d137498515ff43864f5525b3c1847376",id:null,metadata:{},name:"UserAPIKeysTableDeleteAPIKeyMutation",operationKind:"mutation",text:`mutation UserAPIKeysTableDeleteAPIKeyMutation(
|
|
89
89
|
$input: DeleteApiKeyInput!
|
|
90
90
|
) {
|
|
91
91
|
deleteUserApiKey(input: $input) {
|
|
@@ -109,7 +109,7 @@ fragment UserAPIKeysTableFragment on Query {
|
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
}
|
|
112
|
-
`}};Ls.hash="c2b3a579bcb0ba915523ecb35cae3b44";const ws={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:Ls}},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};ws.hash="c2b3a579bcb0ba915523ecb35cae3b44";const wi=70;function Xy({query:n}){const[a,t]=D.useRefetchableFragment(ws,n),l=De(),i=Fe(),[r]=D.useMutation(_s),o=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(()=>{t({},{fetchPolicy:"network-only"})})},onError:
|
|
112
|
+
`}};Ls.hash="c2b3a579bcb0ba915523ecb35cae3b44";const ws={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:Ls}},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};ws.hash="c2b3a579bcb0ba915523ecb35cae3b44";const wi=70;function Xy({query:n}){const[a,t]=D.useRefetchableFragment(ws,n),l=De(),i=Fe(),[r]=D.useMutation(_s),o=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(()=>{t({},{fetchPolicy:"network-only"})})},onError:y=>{const k=xe(y);l({title:"Error deleting user key",message:(k==null?void 0:k[0])??y.message})}})},[r,l,i,t]),d=m.useMemo(()=>[...a.userApiKeys],[a]),c=m.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:we},{header:"Description",accessorKey:"description",cell:we},{header:"Created At",accessorKey:"createdAt",size:wi,cell:Ve},{header:"Expires At",accessorKey:"expiresAt",size:wi,cell:Ve},{header:"User",size:120,accessorKey:"user.email",cell:we},{header:"",accessorKey:"id",size:10,cell:({row:y})=>e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(Dl,{handleDelete:()=>{o(y.original.id)}})}),meta:{textAlign:"right"}}],[o]),p=_e({columns:c,data:d,getCoreRowModel:Le()}),f=p.getRowModel().rows,u=p.getRowModel().rows.length===0;return s("table",{css:on,children:[e("thead",{children:p.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:s("div",{className:y.column.getCanSort()?"cursor-pointer":"",onClick:y.column.getToggleSortingHandler(),style:{left:y.getStart(),width:y.getSize()},children:[J(y.column.columnDef.header,y.getContext()),y.column.getIsSorted()?e(_,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(dn,{}):e(cn,{})}):null]})},y.id))},g.id))}),u?e(un,{message:"No Keys"}):e("tbody",{children:f.map(g=>e("tr",{children:g.getVisibleCells().map(y=>e("td",{children:J(y.column.columnDef.cell,y.getContext())},y.id))},g.id))})]})}function Yy(){const n=D.useLazyLoadQuery(Ps,{},{fetchPolicy:"network-only"});return s(He,{children:[s(Ue,{children:[e(te,{id:"system",children:"System Keys"}),e(te,{id:"user",children:"User Keys"})]}),e(ce,{id:"system",children:e(Zy,{query:n})}),e(ce,{id:"user",children:e(Xy,{query:n})})]})}function ef(){const[n,a]=m.useState(null),t=De(),l=c=>{a(e(hr,{jwt:c}))},[i,r]=D.useMutation(Ts),o=m.useCallback(c=>{var p;i({variables:{...c,expiresAt:((p=c.expiresAt)==null?void 0:p.toDate(hl()).toISOString())||null},onCompleted:f=>{l(f.createSystemApiKey.jwt)},onError:f=>{t({title:"Error creating system key",message:f.message})}})},[i,t]);return s("div",{children:[e(vl,{title:"API Keys",variant:"compact",extra:e(R,{size:"S",leadingVisual:e(_,{svg:e(Fn,{})}),onPress:()=>{a(e(kr,{onSubmit:o,isCommitting:r,defaultName:"System"}))},children:"System Key"}),children:e(m.Suspense,{fallback:e(C,{padding:"size-100",children:e(ve,{})}),children:e(Yy,{})})}),e(ne,{onDismiss:()=>{a(null)},children:n})]})}const Es={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};Es.hash="922bf6de312a4be0c38025ffbb868d6d";function Ms(n,a){const{si:t=!1,decimalPlaces:l=1}={},i=t?1e3:1024;if(Math.abs(n)<i)return n+" B";const r=t?["kB","MB","GB","TB","PB","EB","ZB","YB"]:["KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"];let o=-1;const d=10**l;do n/=i,++o;while(Math.round(Math.abs(n)*d)/d>=i&&o<r.length-1);return n.toFixed(l)+" "+r[o]}const Ei="remaining";function nf({active:n,payload:a}){return n&&a&&a.length?e(Vn,{children:e(ze,{shape:"square",color:a[0].payload.fill||"transparent",name:a[0].name||"--",value:Ms(a[0].value||0)})}):null}function af({query:n}){const a=D.useFragment(Es,n),t=a.dbTableStats.reduce((r,o)=>r+o.numBytes,0),l=typeof a.dbStorageCapacityBytes=="number"?a.dbStorageCapacityBytes-t:null,i=m.useMemo(()=>{const r=[...a.dbTableStats];return l!==null&&r.push({tableName:Ei,numBytes:l}),r},[a.dbTableStats,l]);return e(jn,{width:"100%",height:245,children:s(is,{children:[e(ts,{data:i,dataKey:"numBytes",nameKey:"tableName",cx:"50%",cy:"50%",innerRadius:70,outerRadius:110,strokeWidth:0,stroke:"transparent",children:i.map((r,o)=>e(ls,{stroke:"0",fill:r.tableName===Ei?"var(--ac-global-color-grey-200)":`${yi[o%yi.length]}`},`cell-${o}`))}),e(Qn,{content:e(nf,{})}),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"?St(t/a.dbStorageCapacityBytes*100):Ms(t)}`}),e("text",{x:"50%",y:"50%",dy:25,textAnchor:"middle",fill:"var(--ac-global-text-color-900",fontSize:"var(--ac-global-font-size-s)",children:"Used"}),e("g",{children:e("text",{x:"100%",y:"100%",dx:-80,dy:-2,textAnchor:"right",fill:"var(--ac-global-text-color-500)",fontSize:"var(--ac-global-font-size-xs)",children:"* approximate"})})]})})}const Rs={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"UsersCardQuery",selections:[{args:null,kind:"FragmentSpread",name:"UsersTable_users"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"UsersCardQuery",selections:[{alias:null,args:null,concreteType:"UserConnection",kind:"LinkedField",name:"users",plural:!1,selections:[{alias:null,args:null,concreteType:"UserEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"user",args:null,concreteType:"User",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"authMethod",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},{alias:null,args:null,concreteType:"UserRole",kind:"LinkedField",name:"role",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"926faf98cad4bc437a919677347e277c",id:null,metadata:{},name:"UsersCardQuery",operationKind:"query",text:`query UsersCardQuery {
|
|
113
113
|
...UsersTable_users
|
|
114
114
|
}
|
|
115
115
|
|
|
@@ -173,14 +173,14 @@ fragment UsersTable_users on Query {
|
|
|
173
173
|
__typename
|
|
174
174
|
}
|
|
175
175
|
}
|
|
176
|
-
`}}}();$s.hash="85b22da61ec094c28e97db2759622b69";const Ua=4;function rf({userId:n,onClose:a}){const t=De(),l=Fe(),[i,r]=D.useMutation($s),{control:o,handleSubmit:d,formState:{isDirty:c}}
|
|
176
|
+
`}}}();$s.hash="85b22da61ec094c28e97db2759622b69";const Ua=4;function rf({userId:n,onClose:a}){const t=De(),l=Fe(),[i,r]=D.useMutation($s),{control:o,handleSubmit:d,formState:{isDirty:c}}=Oe({defaultValues:{newPassword:"",confirmPassword:""}}),p=m.useCallback(f=>{i({variables:{input:{userId:n,newPassword:f.newPassword}},onCompleted:()=>{l({title:"Password reset",message:"Users password has been reset."}),a()},onError:u=>{t({title:"Failed to reset password",message:u.message})}})},[i,t,l,a,n]);return e(X,{title:"Reset Password",isDismissable:!0,onDismiss:a,children:e(tn,{children:s(C,{padding:"size-200",children:[s(h,{direction:"column",gap:"size-100",children:[e(W,{name:"newPassword",control:o,rules:{required:"Password is required",minLength:{value:Ua,message:`Password must be at least ${Ua} characters`}},render:({field:{name:f,onChange:u,onBlur:g,value:y},fieldState:{invalid:k,error:b}})=>s(ee,{isInvalid:k,onChange:u,name:f,onBlur:g,value:y.toString(),type:"password",id:"new-password",autoComplete:"new-password",children:[e(Z,{children:"New Password"}),e(se,{placeholder:"New password"}),b!=null&&b.message?e(Pe,{children:b.message}):s(v,{slot:"description",children:["Password must be at least ",Ua," characters"]})]})}),e(W,{name:"confirmPassword",control:o,rules:{required:"Password is required",minLength:{value:Ua,message:`Password must be at least ${Ua} characters`},validate:(f,u)=>f===u.newPassword||"Passwords do not match"},render:({field:{name:f,onChange:u,onBlur:g,value:y},fieldState:{invalid:k,error:b}})=>s(ee,{isInvalid:k,onChange:u,name:f,onBlur:g,value:y.toString(),type:"password",children:[e(Z,{children:"Confirm Password"}),e(se,{placeholder:"Repeat new password"}),b!=null&&b.message?e(Pe,{children:b.message}):e(v,{slot:"description",children:"Repeat new password to confirm"})]})})]}),e(C,{paddingTop:"size-200",children:e(h,{direction:"row",gap:"size-100",justifyContent:"end",children:e(R,{variant:c?"primary":"default",type:"submit",isDisabled:r,onPress:()=>d(p)(),children:r?"Resetting...":"Reset Password"})})})]})})})}function sf(n){return n==="LOCAL"}function of(n){const{userId:a,onUserDeleted:t,authMethod:l}=n,[i,r]=m.useState(null),o=m.useCallback(()=>{r(e(lf,{userId:a,onClose:()=>r(null),onDeleted:()=>{t(),r(null)}}))},[a,t]),d=m.useCallback(()=>{r(e(rf,{userId:a,onClose:()=>r(null)}))},[a]),c=m.useMemo(()=>{const p=e(oe,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ye,{})}),e(U,{children:"Delete"})]})},"deleteUser"),f=e(oe,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(br,{})}),e(U,{children:"Reset Password"})]})},"resetPassword"),u=[p];return sf(l)&&u.push(f),u},[l]);return s("div",{onClick:p=>{p.preventDefault(),p.stopPropagation()},children:[e(Cn,{align:"end","aria-label":"User Actions",buttonSize:"compact",onAction:p=>{switch(p){case"deleteUser":o();break;case"resetPassword":d();break}},children:c}),e(ne,{type:"modal",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}const Os=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"UserMutationPayload",kind:"LinkedField",name:"patchUser",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"UserRoleChangeDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"UserRoleChangeDialogMutation",selections:a},params:{cacheID:"44e970c967f83a0b7a6bd1cbafc3a936",id:null,metadata:{},name:"UserRoleChangeDialogMutation",operationKind:"mutation",text:`mutation UserRoleChangeDialogMutation(
|
|
177
177
|
$input: PatchUserInput!
|
|
178
178
|
) {
|
|
179
179
|
patchUser(input: $input) {
|
|
180
180
|
__typename
|
|
181
181
|
}
|
|
182
182
|
}
|
|
183
|
-
`}}}();Os.hash="468eff05b42e39b55f9aa5b9a7d2c483";function df({userId:n,email:a,currentRole:t,newRole:l,onRoleChanged:i,onClose:r}){const[o,d]=D.useMutation(Os),c=Fe(),p=De(),
|
|
183
|
+
`}}}();Os.hash="468eff05b42e39b55f9aa5b9a7d2c483";function df({userId:n,email:a,currentRole:t,newRole:l,onRoleChanged:i,onClose:r}){const[o,d]=D.useMutation(Os),c=Fe(),p=De(),f=m.useCallback(()=>{o({variables:{input:{userId:n,newRole:l}},onCompleted:()=>{c({title:"Role Changed",message:"Users role has been changed."}),i(),r()},onError:u=>{p({title:"Failed to delete user",message:u.message})}})},[o,l,p,c,r,i,n]);return s(X,{title:"Confirm role change",children:[e(C,{padding:"size-200",children:s(v,{children:[`Are you sure you want to change the role for ${a} from `," ",e("b",{children:ml(t)})," to"," ",e("b",{children:ml(l)}),"?"]})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:s(h,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(R,{onPress:r,size:"S",children:"Cancel"}),e(R,{variant:"primary",size:"S",onPress:()=>{f()},isDisabled:d,children:"Change role"})]})})]})}const cf=55,uf=K`
|
|
184
184
|
text-decoration: none;
|
|
185
185
|
color: var(--ac-global-color-grey-600);
|
|
186
186
|
font-size: 12px;
|
|
@@ -189,12 +189,12 @@ fragment UsersTable_users on Query {
|
|
|
189
189
|
}
|
|
190
190
|
`,mf=K`
|
|
191
191
|
height: ${cf}px;
|
|
192
|
-
`,Mi=n=>n.email==="admin@localhost"||n.username==="admin";function pf({query:n}){const[a,t]=m.useState(null),[l,i]=D.useRefetchableFragment(Ns,n),r=m.useMemo(()=>l.users.edges.map(({user:u})=>({id:u.id,email:u.email,username:u.username,profilePictureUrl:u.profilePictureUrl,createdAt:u.createdAt,role:u.role.name,authMethod:u.authMethod})),[l]),o=m.useCallback(()=>{m.startTransition(()=>{i({},{fetchPolicy:"network-only"})})},[i]),d=m.useMemo(()=>[{header:"user",accessorKey:"username",cell:({row:u})=>s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_l,{name:u.original.username,profilePictureUrl:u.original.profilePictureUrl,size:20}),e("span",{children:u.original.username}),e("a",{href:`mailto:${u.original.email}`,css:uf,children:u.original.email})]})},{header:"method",accessorKey:"authMethod",size:10,cell:({row:u})=>u.original.authMethod.toLowerCase()},{header:"role",accessorKey:"role",cell:({row:u})=>Mi(u.original)?ml(u.original.role):e(Jm,{includeLabel:!1,onChange:g=>{g!==u.original.role&&t(e(df,{onClose:()=>t(null),onRoleChanged:o,currentRole:u.original.role,newRole:g,email:u.original.email,userId:u.original.id}))},role:Wm(u.original.role)?u.original.role:void 0})},{header:"created at",accessorKey:"createdAt",cell:Ve},{header:"",accessorKey:"id",size:10,cell:({row:u})=>Mi(u.original)?null:e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(of,{userId:u.original.id,onUserDeleted:o,authMethod:u.original.authMethod})}),meta:{textAlign:"right"}}],[o]),c=_e({columns:d,data:r,getCoreRowModel:Le(),getSortedRowModel:Sn()}),p=c.getRowModel().rows,
|
|
192
|
+
`,Mi=n=>n.email==="admin@localhost"||n.username==="admin";function pf({query:n}){const[a,t]=m.useState(null),[l,i]=D.useRefetchableFragment(Ns,n),r=m.useMemo(()=>l.users.edges.map(({user:u})=>({id:u.id,email:u.email,username:u.username,profilePictureUrl:u.profilePictureUrl,createdAt:u.createdAt,role:u.role.name,authMethod:u.authMethod})),[l]),o=m.useCallback(()=>{m.startTransition(()=>{i({},{fetchPolicy:"network-only"})})},[i]),d=m.useMemo(()=>[{header:"user",accessorKey:"username",cell:({row:u})=>s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_l,{name:u.original.username,profilePictureUrl:u.original.profilePictureUrl,size:20}),e("span",{children:u.original.username}),e("a",{href:`mailto:${u.original.email}`,css:uf,children:u.original.email})]})},{header:"method",accessorKey:"authMethod",size:10,cell:({row:u})=>u.original.authMethod.toLowerCase()},{header:"role",accessorKey:"role",cell:({row:u})=>Mi(u.original)?ml(u.original.role):e(Jm,{includeLabel:!1,onChange:g=>{g!==u.original.role&&t(e(df,{onClose:()=>t(null),onRoleChanged:o,currentRole:u.original.role,newRole:g,email:u.original.email,userId:u.original.id}))},role:Wm(u.original.role)?u.original.role:void 0})},{header:"created at",accessorKey:"createdAt",cell:Ve},{header:"",accessorKey:"id",size:10,cell:({row:u})=>Mi(u.original)?null:e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(of,{userId:u.original.id,onUserDeleted:o,authMethod:u.original.authMethod})}),meta:{textAlign:"right"}}],[o]),c=_e({columns:d,data:r,getCoreRowModel:Le(),getSortedRowModel:Sn()}),p=c.getRowModel().rows,f=c.getRowModel().rows.length===0;return s("table",{css:on,children:[e("thead",{children:c.getHeaderGroups().map(u=>e("tr",{children:u.headers.map(g=>e("th",{colSpan:g.colSpan,children:g.isPlaceholder?null:s("div",{className:g.column.getCanSort()?"cursor-pointer":"",onClick:g.column.getToggleSortingHandler(),style:{left:g.getStart(),width:g.getSize()},children:[J(g.column.columnDef.header,g.getContext()),g.column.getIsSorted()?e(_,{className:"sort-icon",svg:g.column.getIsSorted()==="asc"?e(dn,{}):e(cn,{})}):null]})},g.id))},u.id))}),f?e(un,{}):e("tbody",{children:p.map(u=>e("tr",{css:mf,children:u.getVisibleCells().map(g=>e("td",{children:J(g.column.columnDef.cell,g.getContext())},g.id))},u.id))}),e(ne,{onDismiss:()=>t(null),isDismissable:!0,type:"modal",children:a})]})}function gf(){const[n,a]=m.useState(0),[t,l]=m.useState(null),i=Fe(),r=De(),o=D.useLazyLoadQuery(Rs,{},{fetchKey:n,fetchPolicy:"store-and-network"});return s(B,{title:"Users",variant:"compact",bodyStyle:{padding:0,overflowX:"auto"},extra:e(R,{onPress:()=>{l(e(tf,{onDismiss:()=>{l(null)},onNewUserCreated:d=>{l(null),i({title:"User added",message:`User ${d} has been added.`}),a(c=>c+1)},onNewUserCreationError:d=>{const c=xe(d);r({title:"Error adding user",message:(c==null?void 0:c[0])??d.message})}}))},size:"S",leadingVisual:e(_,{svg:e(Fn,{})}),children:"Add User"}),children:[e(m.Suspense,{fallback:e(C,{padding:"size-200",children:e(ve,{})}),children:e(pf,{query:o})}),e(ne,{onDismiss:()=>{l(null)},children:t})]})}const yf=K`
|
|
193
193
|
.ac-field {
|
|
194
194
|
// Hacky solution to make the text fields fill the remaining space
|
|
195
195
|
width: calc(100% - var(--ac-global-dimension-size-600));
|
|
196
196
|
}
|
|
197
|
-
`;function P2(){const n=qe();return s(h,{direction:"column",gap:"size-200",width:"100%",children:[s(h,{direction:"row",gap:"size-200",alignItems:"baseline",children:[e(C,{flex:"2",children:e(B,{title:"Platform Settings",variant:"compact",children:s("form",{css:yf,children:[s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[s(ee,{value:pl,isReadOnly:!0,children:[e(Z,{children:"Hostname"}),e(
|
|
197
|
+
`;function P2(){const n=qe();return s(h,{direction:"column",gap:"size-200",width:"100%",children:[s(h,{direction:"row",gap:"size-200",alignItems:"baseline",children:[e(C,{flex:"2",children:e(B,{title:"Platform Settings",variant:"compact",children:s("form",{css:yf,children:[s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[s(ee,{value:pl,isReadOnly:!0,children:[e(Z,{children:"Hostname"}),e(se,{}),e(v,{slot:"description",children:"Connect to Phoenix over HTTP"})]}),e(Ri,{text:pl})]}),s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[s(ee,{value:yt,isReadOnly:!0,children:[e(Z,{children:"Platform Version"}),e(se,{}),e(v,{slot:"description",children:"The version of the Phoenix server"})]}),e(Ri,{text:yt})]}),s(h,{direction:"row",gap:"size-100",alignItems:"start",children:[s(ee,{value:`pip install 'arize-phoenix==${yt}'`,isReadOnly:!0,children:[e(Z,{children:"Python Version"}),e(se,{}),e(v,{slot:"description",children:"The version of the Python client library to use to connect to this Phoenix"})]}),e(C,{flex:"none",paddingTop:"size-300",children:e(ue,{size:"M",text:yt})})]})]})})}),e(C,{flex:"1",minWidth:280,children:e(B,{title:"Database Usage",variant:"compact",children:e(af,{query:n})})})]}),e(Sr,{children:s(U,{children:[e(ef,{}),e(gf,{})]})})]})}function Ri(n){return e(C,{paddingBottom:"20px",flex:"none",children:e(ue,{text:n.text,size:"M"})})}const ff=K`
|
|
198
198
|
display: flex;
|
|
199
199
|
direction: row;
|
|
200
200
|
height: 100vh;
|
|
@@ -441,7 +441,7 @@ fragment PromptVersionTagsList_data on PromptVersion {
|
|
|
441
441
|
name
|
|
442
442
|
}
|
|
443
443
|
}
|
|
444
|
-
`}}}();Zs.hash="3ce25c8fbe5598ec1ee037a9778a6957";const Xs={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};Xs.hash="24788aacf7830c0e5037befe576f4968";function If(n){const[a,t]=m.useState(!1),l=Fe(),i=De(),r=D.useFragment(Xs,n.prompt),[o,d]=D.useMutation(Zs),{control:c,handleSubmit:p}=$e({defaultValues:{description:r.description??""}}),y=m.useCallback(u=>{o({variables:{input:{promptId:r.id,description:u.description}},onCompleted:()=>{t(!1),l({title:"Prompt updated",message:"The prompt has been updated successfully"})},onError:g=>{var f;i({title:"Error updating prompt",message:(f=xe(g))==null?void 0:f[0]})}})},[r.id,o,i,l]);return s(bl,{isOpen:a,onOpenChange:t,children:[e(R,{size:"S",leadingVisual:e(_,{svg:e(Cr,{})}),variant:"quiet","aria-label":"configure prompt",onPress:()=>t(!0)}),e(Fr,{size:"S",isDismissable:!0,children:s(kl,{children:[e(se,{slot:"title",children:"Edit Prompt Details"}),s(tn,{children:[e(C,{padding:"size-200",children:e(W,{name:"description",control:c,render:({field:u})=>s(ee,{value:u.value,onChange:u.onChange,children:[e(Z,{children:"Prompt Description"}),e(va,{placeholder:"Enter a description for the prompt"}),e(v,{slot:"description",children:"A description of the prompt"})]})})}),e(C,{paddingX:"size-200",paddingY:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:s(h,{direction:"row",gap:"size-100",justifyContent:"end",children:[e(R,{slot:"close",size:"S",children:"Cancel"}),e(R,{variant:"primary",size:"S",isDisabled:d,onPress:()=>p(y)(),children:d?"Saving...":"Save"})]})})]})]})})]})}const Ys=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}}();Ys.hash="e0d9c12926330e5e774cbc64de158a82";const Wl=w.object({text:w.object({text:w.string()})}),Jl=w.object({toolCall:w.object({toolCallId:w.string(),toolCall:w.object({name:w.string(),arguments:w.string()})})}),Zl=w.object({toolResult:w.object({toolCallId:w.string(),result:Pl})}),Ht=n=>{const a=Wl.safeParse(n);return a.success?a.data:null},eo=n=>{const a={text:{text:n}},t=Wl.safeParse(a);return t.success?t.data:null},Xl=n=>{const a=Jl.safeParse(n);return a.success?a.data:null},no=n=>{const a=up(n),t=mp(n),l=pp(n);if(!a)return null;const i=wn(l).json||"",r={toolCall:{toolCallId:a,toolCall:{name:t||a,arguments:i}}},o=Jl.safeParse(r);return o.success?o.data:null},Yl=n=>{const a=Zl.safeParse(n);return a.success?a.data:null},ao=(n,a)=>{const t={toolResult:{toolCallId:n,result:a}},l=Zl.safeParse(t);return l.success?l.data:null};function mt(n){return m.useMemo(()=>{const a=n.toLowerCase();return a==="user"||a==="human"?{backgroundColor:"grey-200",borderColor:"grey-500"}:a==="assistant"||a==="ai"?{backgroundColor:"blue-100",borderColor:"blue-700"}:a==="system"||a==="developer"?{backgroundColor:"indigo-100",borderColor:"indigo-700"}:["function","tool"].includes(a)?{backgroundColor:"yellow-100",borderColor:"yellow-700"}:{backgroundColor:"grey-100",borderColor:"grey-700"}},[n])}const Gt={text:"Text",toolCall:"Tool Call",toolResult:"Tool Result"},xf=Object.values(Gt);function Df({toolResult:n,isOnlyChild:a}){const t=m.useMemo(()=>{const l=n.toolResult.result;return Ut(l)},[n]);return e(ei,{title:Gt.toolResult,isOnlyChild:a,children:s(h,{direction:"column",children:[e(C,{paddingX:"size-200",paddingTop:"size-100",children:s(h,{direction:"column",justifyContent:"start",gap:"size-100",children:[e(v,{weight:"heavy",size:"XS",children:"Tool ID"}),e(C,{paddingX:"size-300",children:e(v,{size:"XS",children:n.toolResult.toolCallId})})]})}),s(h,{direction:"column",children:[e(C,{paddingX:"size-200",paddingTop:"size-100",children:e(v,{weight:"heavy",size:"XS",children:"Tool Result"})}),e(wt,{readOnly:!0,children:e(Et,{readOnly:!0,height:"100%",defaultValue:t,templateFormat:en.NONE})})]})]})})}function _f({provider:n,toolCall:a,isOnlyChild:t}){const l=m.useMemo(()=>{const i=Kr(a,n);return wn(i,null,2).json||""},[n,a]);return e(ei,{title:Gt.toolCall,isOnlyChild:t,children:e(wt,{readOnly:!0,children:e(Et,{readOnly:!0,height:"100%",defaultValue:l,templateFormat:en.NONE})})})}function Lf(n){const{text:a,templateFormat:t,isOnlyChild:l}=n;return e(ei,{title:Gt.text,isOnlyChild:l,children:e(wt,{readOnly:!0,children:e(Et,{readOnly:!0,height:"100%",defaultValue:a,templateFormat:t})})})}function ei({title:n,children:a,isOnlyChild:t}){return t?e(U,{children:a}):s(ge,{id:n,children:[e(me,{children:e(v,{weight:"heavy",size:"S",children:n})}),e(pe,{children:a})]})}function wf(n){const{role:a,children:t}=n,l=mt(a);return e(B,{title:a,variant:"compact",...l,bodyStyle:{padding:0},collapsible:!0,children:e(ln,{defaultExpandedKeys:xf,children:t})})}function Ef({promptVersion:n}){const{template:a,templateFormat:t,provider:l}=D.useFragment(Ys,n);if(a.__typename==="PromptStringTemplate")return e(v,{children:a.template});if(a.__typename==="PromptChatTemplate")return e(Rf,{template:a,templateFormat:t,provider:gs(l)||fr});if(a.__typename==="%other")throw new Error("Unknown template type"+a.__typename)}function Mf({part:n,templateFormat:a,provider:t,isOnlyChild:l}){let i=Ht(n);return i?e(Lf,{text:i.text.text,templateFormat:a,isOnlyChild:l}):(i=Xl(n),i?e(_f,{toolCall:i,provider:t,isOnlyChild:l}):(i=Yl(n),i?e(Df,{toolResult:i,isOnlyChild:l}):null))}function Rf({template:n,templateFormat:a,provider:t}){const{messages:l}=n;return e(h,{direction:"column",gap:"size-100","data-testid":"chat-messages",children:l.map((i,r)=>{const o=i.content.length===1&&i.content.find(Ht)!=null;return e(wf,{role:i.role,children:i.content.map((d,c)=>e(Mf,{part:d,templateFormat:a,provider:t,isOnlyChild:o},`${c}-${d.__typename}`))},r)})})}function to({title:n="Prompt",promptVersion:a}){return e(B,{title:n,variant:"compact",collapsible:!0,"data-testid":"prompt-chat-messages-card",children:e(Ef,{promptVersion:a})})}const lo=function(){var n=[{alias:null,args:null,kind:"ScalarField",name:"definition",storageKey:null}],a={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"toolCallId",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptCodeExportCard__main",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"invocationParameters",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"modelName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{alias:null,args:null,concreteType:"ResponseFormat",kind:"LinkedField",name:"responseFormat",plural:!1,selections:n,storageKey:null},{alias:null,args:null,concreteType:"ToolDefinition",kind:"LinkedField",name:"tools",plural:!0,selections:n,storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"template",plural:!1,selections:[a,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"PromptMessage",kind:"LinkedField",name:"messages",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"role",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"content",plural:!0,selections:[{kind:"InlineFragment",selections:[a,{alias:null,args:null,concreteType:"TextContentValue",kind:"LinkedField",name:"text",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"text",storageKey:null}],storageKey:null}],type:"TextContentPart",abstractKey:null},{kind:"InlineFragment",selections:[a,{alias:null,args:null,concreteType:"ToolCallContentValue",kind:"LinkedField",name:"toolCall",plural:!1,selections:[t,{alias:null,args:null,concreteType:"ToolCallFunction",kind:"LinkedField",name:"toolCall",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null}],storageKey:null}],storageKey:null}],type:"ToolCallContentPart",abstractKey:null},{kind:"InlineFragment",selections:[a,{alias:null,args:null,concreteType:"ToolResultContentValue",kind:"LinkedField",name:"toolResult",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"result",storageKey:null}],storageKey:null}],type:"ToolResultContentPart",abstractKey:null}],storageKey:null}],storageKey:null}],type:"PromptChatTemplate",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"template",storageKey:null}],type:"PromptStringTemplate",abstractKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateFormat",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateType",storageKey:null}],type:"PromptVersion",abstractKey:null}}();lo.hash="3fa95713c234bb0cfa4c36e8e4f9cea0";const Vf=w.enum(["system","user","assistant","developer","tool","function"]),Wt=w.object({role:Vf,content:w.string().nullable(),name:w.string().optional(),tool_call_id:w.string().optional(),tool_calls:w.array(gp).optional()}).passthrough(),Af=w.array(Wt);Ct(Af,{removeAdditionalStrategy:"passthrough"});const Nf=w.enum(["user","assistant","tool"]),zf=yp.extend({type:w.string(),text:w.string().optional(),id:w.string().optional(),tool_use_id:w.string().optional(),name:w.string().optional(),input:w.record(w.unknown()).optional(),source:w.object({type:w.string(),media_type:w.string().optional(),data:w.string().optional()}).optional()}),io=w.object({role:Nf,content:w.union([w.string(),w.array(zf)])}),$f=w.array(io);Ct($f,{removeAdditionalStrategy:"passthrough"});const Of=w.enum(["SYSTEM","USER","AI","TOOL"]),Qf=w.object({image:w.object({url:w.string()})}),jf=w.discriminatedUnion("__typename",[Wl.extend({__typename:w.literal("TextContentPart")}),Qf.extend({__typename:w.literal("ImageContentPart")}),Jl.extend({__typename:w.literal("ToolCallContentPart")}),Zl.extend({__typename:w.literal("ToolResultContentPart")})]),Jt=w.object({role:Of,content:w.array(jf)}).passthrough(),qf=w.array(Jt);Ct(qf,{removeAdditionalStrategy:"passthrough"});const ro=Wt.transform(n=>{const a={role:n.role==="assistant"?"assistant":"user",content:n.content?[{type:"text",text:n.content}]:[]};return n.tool_calls?{...a,content:[...a.content,...n.tool_calls.map(t=>fp.parse(t))]}:n.tool_call_id?{...a,content:[{type:"tool_result",tool_use_id:n.tool_call_id,content:n.content}]}:a}),so=Jt.transform(n=>{if(n.role==="TOOL"){const l=n.content.map(i=>Yl(i)).find(i=>!!i);if(!l)throw new Error("TOOL role message must have a ToolResultContentPart");return{role:"tool",content:Ut(l.toolResult.result),tool_call_id:l.toolResult.toolCallId}}const a={role:{SYSTEM:"system",USER:"user",AI:"assistant",TOOL:"tool"}[n.role],content:n.content.map(l=>Ht(l)).filter(l=>!!l).map(l=>l.text.text).join(`
|
|
444
|
+
`}}}();Zs.hash="3ce25c8fbe5598ec1ee037a9778a6957";const Xs={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};Xs.hash="24788aacf7830c0e5037befe576f4968";function If(n){const[a,t]=m.useState(!1),l=Fe(),i=De(),r=D.useFragment(Xs,n.prompt),[o,d]=D.useMutation(Zs),{control:c,handleSubmit:p}=Oe({defaultValues:{description:r.description??""}}),f=m.useCallback(u=>{o({variables:{input:{promptId:r.id,description:u.description}},onCompleted:()=>{t(!1),l({title:"Prompt updated",message:"The prompt has been updated successfully"})},onError:g=>{var y;i({title:"Error updating prompt",message:(y=xe(g))==null?void 0:y[0]})}})},[r.id,o,i,l]);return s(bl,{isOpen:a,onOpenChange:t,children:[e(R,{size:"S",leadingVisual:e(_,{svg:e(Cr,{})}),variant:"quiet","aria-label":"configure prompt",onPress:()=>t(!0)}),e(Fr,{size:"S",isDismissable:!0,children:s(kl,{children:[e(re,{slot:"title",children:"Edit Prompt Details"}),s(tn,{children:[e(C,{padding:"size-200",children:e(W,{name:"description",control:c,render:({field:u})=>s(ee,{value:u.value,onChange:u.onChange,children:[e(Z,{children:"Prompt Description"}),e(va,{placeholder:"Enter a description for the prompt"}),e(v,{slot:"description",children:"A description of the prompt"})]})})}),e(C,{paddingX:"size-200",paddingY:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:s(h,{direction:"row",gap:"size-100",justifyContent:"end",children:[e(R,{slot:"close",size:"S",children:"Cancel"}),e(R,{variant:"primary",size:"S",isDisabled:d,onPress:()=>p(f)(),children:d?"Saving...":"Save"})]})})]})]})})]})}const Ys=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}}();Ys.hash="e0d9c12926330e5e774cbc64de158a82";const Wl=w.object({text:w.object({text:w.string()})}),Jl=w.object({toolCall:w.object({toolCallId:w.string(),toolCall:w.object({name:w.string(),arguments:w.string()})})}),Zl=w.object({toolResult:w.object({toolCallId:w.string(),result:Pl})}),Ht=n=>{const a=Wl.safeParse(n);return a.success?a.data:null},eo=n=>{const a={text:{text:n}},t=Wl.safeParse(a);return t.success?t.data:null},Xl=n=>{const a=Jl.safeParse(n);return a.success?a.data:null},no=n=>{const a=up(n),t=mp(n),l=pp(n);if(!a)return null;const i=wn(l).json||"",r={toolCall:{toolCallId:a,toolCall:{name:t||a,arguments:i}}},o=Jl.safeParse(r);return o.success?o.data:null},Yl=n=>{const a=Zl.safeParse(n);return a.success?a.data:null},ao=(n,a)=>{const t={toolResult:{toolCallId:n,result:a}},l=Zl.safeParse(t);return l.success?l.data:null};function mt(n){return m.useMemo(()=>{const a=n.toLowerCase();return a==="user"||a==="human"?{backgroundColor:"grey-200",borderColor:"grey-500"}:a==="assistant"||a==="ai"?{backgroundColor:"blue-100",borderColor:"blue-700"}:a==="system"||a==="developer"?{backgroundColor:"indigo-100",borderColor:"indigo-700"}:["function","tool"].includes(a)?{backgroundColor:"yellow-100",borderColor:"yellow-700"}:{backgroundColor:"grey-100",borderColor:"grey-700"}},[n])}const Gt={text:"Text",toolCall:"Tool Call",toolResult:"Tool Result"},xf=Object.values(Gt);function Df({toolResult:n,isOnlyChild:a}){const t=m.useMemo(()=>{const l=n.toolResult.result;return Ut(l)},[n]);return e(ei,{title:Gt.toolResult,isOnlyChild:a,children:s(h,{direction:"column",children:[e(C,{paddingX:"size-200",paddingTop:"size-100",children:s(h,{direction:"column",justifyContent:"start",gap:"size-100",children:[e(v,{weight:"heavy",size:"XS",children:"Tool ID"}),e(C,{paddingX:"size-300",children:e(v,{size:"XS",children:n.toolResult.toolCallId})})]})}),s(h,{direction:"column",children:[e(C,{paddingX:"size-200",paddingTop:"size-100",children:e(v,{weight:"heavy",size:"XS",children:"Tool Result"})}),e(wt,{readOnly:!0,children:e(Et,{readOnly:!0,height:"100%",defaultValue:t,templateFormat:en.NONE})})]})]})})}function _f({provider:n,toolCall:a,isOnlyChild:t}){const l=m.useMemo(()=>{const i=Kr(a,n);return wn(i,null,2).json||""},[n,a]);return e(ei,{title:Gt.toolCall,isOnlyChild:t,children:e(wt,{readOnly:!0,children:e(Et,{readOnly:!0,height:"100%",defaultValue:l,templateFormat:en.NONE})})})}function Lf(n){const{text:a,templateFormat:t,isOnlyChild:l}=n;return e(ei,{title:Gt.text,isOnlyChild:l,children:e(wt,{readOnly:!0,children:e(Et,{readOnly:!0,height:"100%",defaultValue:a,templateFormat:t})})})}function ei({title:n,children:a,isOnlyChild:t}){return t?e(U,{children:a}):s(ge,{id:n,children:[e(me,{children:e(v,{weight:"heavy",size:"S",children:n})}),e(pe,{children:a})]})}function wf(n){const{role:a,children:t}=n,l=mt(a);return e(B,{title:a,variant:"compact",...l,bodyStyle:{padding:0},collapsible:!0,children:e(ln,{defaultExpandedKeys:xf,children:t})})}function Ef({promptVersion:n}){const{template:a,templateFormat:t,provider:l}=D.useFragment(Ys,n);if(a.__typename==="PromptStringTemplate")return e(v,{children:a.template});if(a.__typename==="PromptChatTemplate")return e(Rf,{template:a,templateFormat:t,provider:gs(l)||fr});if(a.__typename==="%other")throw new Error("Unknown template type"+a.__typename)}function Mf({part:n,templateFormat:a,provider:t,isOnlyChild:l}){let i=Ht(n);return i?e(Lf,{text:i.text.text,templateFormat:a,isOnlyChild:l}):(i=Xl(n),i?e(_f,{toolCall:i,provider:t,isOnlyChild:l}):(i=Yl(n),i?e(Df,{toolResult:i,isOnlyChild:l}):null))}function Rf({template:n,templateFormat:a,provider:t}){const{messages:l}=n;return e(h,{direction:"column",gap:"size-100","data-testid":"chat-messages",children:l.map((i,r)=>{const o=i.content.length===1&&i.content.find(Ht)!=null;return e(wf,{role:i.role,children:i.content.map((d,c)=>e(Mf,{part:d,templateFormat:a,provider:t,isOnlyChild:o},`${c}-${d.__typename}`))},r)})})}function to({title:n="Prompt",promptVersion:a}){return e(B,{title:n,variant:"compact",collapsible:!0,"data-testid":"prompt-chat-messages-card",children:e(Ef,{promptVersion:a})})}const lo=function(){var n=[{alias:null,args:null,kind:"ScalarField",name:"definition",storageKey:null}],a={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"toolCallId",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"PromptCodeExportCard__main",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"invocationParameters",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"modelName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{alias:null,args:null,concreteType:"ResponseFormat",kind:"LinkedField",name:"responseFormat",plural:!1,selections:n,storageKey:null},{alias:null,args:null,concreteType:"ToolDefinition",kind:"LinkedField",name:"tools",plural:!0,selections:n,storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"template",plural:!1,selections:[a,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"PromptMessage",kind:"LinkedField",name:"messages",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"role",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"content",plural:!0,selections:[{kind:"InlineFragment",selections:[a,{alias:null,args:null,concreteType:"TextContentValue",kind:"LinkedField",name:"text",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"text",storageKey:null}],storageKey:null}],type:"TextContentPart",abstractKey:null},{kind:"InlineFragment",selections:[a,{alias:null,args:null,concreteType:"ToolCallContentValue",kind:"LinkedField",name:"toolCall",plural:!1,selections:[t,{alias:null,args:null,concreteType:"ToolCallFunction",kind:"LinkedField",name:"toolCall",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null}],storageKey:null}],storageKey:null}],type:"ToolCallContentPart",abstractKey:null},{kind:"InlineFragment",selections:[a,{alias:null,args:null,concreteType:"ToolResultContentValue",kind:"LinkedField",name:"toolResult",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"result",storageKey:null}],storageKey:null}],type:"ToolResultContentPart",abstractKey:null}],storageKey:null}],storageKey:null}],type:"PromptChatTemplate",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"template",storageKey:null}],type:"PromptStringTemplate",abstractKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateFormat",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateType",storageKey:null}],type:"PromptVersion",abstractKey:null}}();lo.hash="3fa95713c234bb0cfa4c36e8e4f9cea0";const Vf=w.enum(["system","user","assistant","developer","tool","function"]),Wt=w.object({role:Vf,content:w.string().nullable(),name:w.string().optional(),tool_call_id:w.string().optional(),tool_calls:w.array(gp).optional()}).passthrough(),Af=w.array(Wt);Ct(Af,{removeAdditionalStrategy:"passthrough"});const Nf=w.enum(["user","assistant","tool"]),zf=yp.extend({type:w.string(),text:w.string().optional(),id:w.string().optional(),tool_use_id:w.string().optional(),name:w.string().optional(),input:w.record(w.unknown()).optional(),source:w.object({type:w.string(),media_type:w.string().optional(),data:w.string().optional()}).optional()}),io=w.object({role:Nf,content:w.union([w.string(),w.array(zf)])}),$f=w.array(io);Ct($f,{removeAdditionalStrategy:"passthrough"});const Of=w.enum(["SYSTEM","USER","AI","TOOL"]),Qf=w.object({image:w.object({url:w.string()})}),jf=w.discriminatedUnion("__typename",[Wl.extend({__typename:w.literal("TextContentPart")}),Qf.extend({__typename:w.literal("ImageContentPart")}),Jl.extend({__typename:w.literal("ToolCallContentPart")}),Zl.extend({__typename:w.literal("ToolResultContentPart")})]),Jt=w.object({role:Of,content:w.array(jf)}).passthrough(),qf=w.array(Jt);Ct(qf,{removeAdditionalStrategy:"passthrough"});const ro=Wt.transform(n=>{const a={role:n.role==="assistant"?"assistant":"user",content:n.content?[{type:"text",text:n.content}]:[]};return n.tool_calls?{...a,content:[...a.content,...n.tool_calls.map(t=>fp.parse(t))]}:n.tool_call_id?{...a,content:[{type:"tool_result",tool_use_id:n.tool_call_id,content:n.content}]}:a}),so=Jt.transform(n=>{if(n.role==="TOOL"){const l=n.content.map(i=>Yl(i)).find(i=>!!i);if(!l)throw new Error("TOOL role message must have a ToolResultContentPart");return{role:"tool",content:Ut(l.toolResult.result),tool_call_id:l.toolResult.toolCallId}}const a={role:{SYSTEM:"system",USER:"user",AI:"assistant",TOOL:"tool"}[n.role],content:n.content.map(l=>Ht(l)).filter(l=>!!l).map(l=>l.text.text).join(`
|
|
445
445
|
`)},t=n.content.map(l=>Xl(l)).filter(l=>!!l).map(l=>({id:l.toolCall.toolCallId,type:"function",function:{name:l.toolCall.toolCall.name,arguments:typeof l.toolCall.toolCall.arguments=="string"?JSON.parse(l.toolCall.toolCall.arguments):l.toolCall.toolCall.arguments}}));return t.length>0?{...a,tool_calls:t}:a});Wt.transform(n=>{const a=[];if(n.role==="tool"&&n.tool_call_id){const l=ao(n.tool_call_id,n.content);return l&&a.push({__typename:"ToolResultContentPart",...l}),{role:"TOOL",content:a}}if(n.content){const l=eo(n.content);l&&a.push({__typename:"TextContentPart",...l})}return n.tool_calls&&n.tool_calls.forEach(l=>{const i=no({id:l.id,name:l.function.name,arguments:l.function.arguments});i&&a.push({__typename:"ToolCallContentPart",...i})}),{role:{system:"SYSTEM",user:"USER",assistant:"AI",tool:"TOOL",developer:"SYSTEM",function:"TOOL"}[n.role],content:a}});const Bf=({message:n,targetProvider:a})=>{switch(a){case"AZURE_OPENAI":case"OPENAI":return n;case"ANTHROPIC":return ro.parse(n);case"GOOGLE":return n;default:return Se()}};w.union([Wt,io,Jt,Pl]);Jt.transform(n=>ro.parse(so.parse(n)));const hn=" ",ft=({json:n,level:a,removeKeyQuotes:t=!1})=>{const l=hn.repeat(a);let i=JSON.stringify(n,null,hn);return i=i.split(`
|
|
446
446
|
`).map((r,o)=>o>0?l+r:r).join(`
|
|
447
447
|
`),t&&(i=i.replace(/"([a-zA-Z_$][a-zA-Z0-9_$]*)"\s*:/g,"$1:")),i},Uf=pn.template(`
|
|
@@ -570,7 +570,7 @@ const response = await anthropic.messages.create({
|
|
|
570
570
|
});
|
|
571
571
|
|
|
572
572
|
console.log(response.content);
|
|
573
|
-
`.trim()),Wn={python:{openai:{assignmentOperator:"=",removeKeyQuotes:!1,stringQuote:'"',sdkTemplate:Uf,clientTemplate:Gf},anthropic:{assignmentOperator:"=",removeKeyQuotes:!1,stringQuote:'"',sdkTemplate:Jf,clientTemplate:Xf}},typescript:{openai:{assignmentOperator:": ",removeKeyQuotes:!0,stringQuote:'"',sdkTemplate:Hf,clientTemplate:Wf},anthropic:{assignmentOperator:": ",removeKeyQuotes:!0,stringQuote:'"',sdkTemplate:Zf,clientTemplate:Yf}}},ht=(n,a)=>{if(!("messages"in n.template))throw new Error("Prompt template does not contain messages");const t=[],{assignmentOperator:l,removeKeyQuotes:i,stringQuote:r}=a;if(n.modelName&&t.push(`model${l}${r}${n.modelName}${r}`),n.invocationParameters){const d=Object.entries(n.invocationParameters).map(([c,p])=>typeof p=="string"?`${c}${l}${r}${p}${r}`:Il(p)?`${c}${l}${ft({json:p,level:1,removeKeyQuotes:i})}`:`${c}${l}${p}`);t.push(...d)}let o="";if(n.template.messages.length>0&&(o=ft({json:n.template.messages,level:0,removeKeyQuotes:i}),t.push(l==="="?"messages=messages":"messages")),n.tools&&n.tools.length>0){const d=ft({json:n.tools.map(c=>c.definition),level:1,removeKeyQuotes:i});t.push(`tools${l}${d}`)}if(n.responseFormat&&"definition"in n.responseFormat){const d=ft({json:n.responseFormat.definition,level:1,removeKeyQuotes:i});t.push(`response_format${l}${d}`)}return{args:t,messages:o}},Ai=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,eh={python:{openai:n=>{const a=Wn.python.openai,t={...n,template:{...n.template,messages:n.template.messages.map(r=>Ai(r))}},{args:l,messages:i}=ht(t,a);return a.sdkTemplate({tab:hn,args:l,messages:i})},anthropic:n=>{const a=Wn.python.anthropic,{args:t,messages:l}=ht(n,a);return a.sdkTemplate({tab:hn,args:t,messages:l})}},typescript:{openai:n=>{const a=Wn.typescript.openai,t={...n,template:{...n.template,messages:n.template.messages.map(r=>Ai(r))}},{args:l,messages:i}=ht(t,a);return a.sdkTemplate({tab:hn,args:l,messages:i})},anthropic:n=>{const a=Wn.typescript.anthropic,{args:t,messages:l}=ht(n,a);return a.sdkTemplate({tab:hn,args:t,messages:l})}}},nh={python:{openai:n=>Wn.python.openai.clientTemplate({tab:hn,versionId:n.versionId}),anthropic:n=>Wn.python.openai.clientTemplate({tab:hn,versionId:n.versionId})},typescript:{openai:n=>Wn.typescript.openai.clientTemplate({tab:hn,versionId:n.versionId}),anthropic:n=>Wn.typescript.anthropic.clientTemplate({tab:hn,versionId:n.versionId})}},ah=({promptVersion:n,language:a})=>{var i;const t=eh[a.toLocaleLowerCase()][(i=n.modelProvider)==null?void 0:i.toLocaleLowerCase()];if(!t||!("messages"in n.template))return null;const l={...n,template:{...n.template,messages:n.template.messages.map(r=>{try{return Bf({message:so.parse(r),targetProvider:n.modelProvider})}catch(o){return console.warn("Cannot convert message"),console.error(o),null}}).filter(Boolean)}};return t(l)};function th({promptVersion:n,language:a}){var i;const t=nh[a.toLocaleLowerCase()][(i=n.modelProvider)==null?void 0:i.toLocaleLowerCase()];if(!t)return null;const l={versionId:n.id};return t(l)}function oo({promptVersion:n}){const[a,t]=m.useState("Python"),l=D.useFragment(lo,n),i=m.useMemo(()=>ah({promptVersion:l,language:a}),[l,a]),r=m.useMemo(()=>th({promptVersion:l,language:a}),[l,a]);return e(B,{title:"Code",variant:"compact",bodyStyle:{padding:0},extra:e(h,{gap:"size-100",alignItems:"center",children:e(Mt,{language:a,onChange:t,size:"S"})}),children:s(ln,{defaultExpandedKeys:["sdk-inline","client"],children:[s(ge,{id:"sdk-inline",children:[e(me,{arrowPosition:"start",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",width:"100%",children:[e(v,{children:"SDK Inline"}),i?e(ue,{text:i}):null]})}),e(pe,{children:i==null?e(C,{width:"100%",padding:"size-200",children:e(v,{color:"text-300",children:"No code snippet available for this prompt"})}):e(Ni,{language:a,value:i})})]}),s(ge,{id:"client",children:[e(me,{arrowPosition:"start",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",width:"100%",gap:"size-100",children:[e(v,{children:"Using the Client"}),r?e(ue,{text:r}):null]})}),e(pe,{children:r==null?e(C,{width:"100%",padding:"size-200",children:e(v,{color:"text-300",children:"No client code snippet available for this prompt"})}):e(Ni,{language:a,value:r})})]})]})})}function Ni({language:n,value:a}){switch(n){case"Python":return e(Tr,{value:a,basicSetup:{lineNumbers:!0}});case"TypeScript":return e(hp,{value:a,basicSetup:{lineNumbers:!0}});default:Se()}}const co={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};co.hash="a473a6f0d927379542694312449a4c63";const uo=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}}();uo.hash="80901eff49852a413f643ee876638174";const mo={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};mo.hash="25265fbc7ea915534615a56b4331236e";function po({promptVersion:n}){const a=D.useFragment(mo,n);return e(h,{direction:"row",gap:"size-50",alignItems:"center",wrap:"wrap",children:a.tags.map(t=>e(lh,{children:t.name},t.id))})}function lh({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(
|
|
573
|
+
`.trim()),Wn={python:{openai:{assignmentOperator:"=",removeKeyQuotes:!1,stringQuote:'"',sdkTemplate:Uf,clientTemplate:Gf},anthropic:{assignmentOperator:"=",removeKeyQuotes:!1,stringQuote:'"',sdkTemplate:Jf,clientTemplate:Xf}},typescript:{openai:{assignmentOperator:": ",removeKeyQuotes:!0,stringQuote:'"',sdkTemplate:Hf,clientTemplate:Wf},anthropic:{assignmentOperator:": ",removeKeyQuotes:!0,stringQuote:'"',sdkTemplate:Zf,clientTemplate:Yf}}},ht=(n,a)=>{if(!("messages"in n.template))throw new Error("Prompt template does not contain messages");const t=[],{assignmentOperator:l,removeKeyQuotes:i,stringQuote:r}=a;if(n.modelName&&t.push(`model${l}${r}${n.modelName}${r}`),n.invocationParameters){const d=Object.entries(n.invocationParameters).map(([c,p])=>typeof p=="string"?`${c}${l}${r}${p}${r}`:Il(p)?`${c}${l}${ft({json:p,level:1,removeKeyQuotes:i})}`:`${c}${l}${p}`);t.push(...d)}let o="";if(n.template.messages.length>0&&(o=ft({json:n.template.messages,level:0,removeKeyQuotes:i}),t.push(l==="="?"messages=messages":"messages")),n.tools&&n.tools.length>0){const d=ft({json:n.tools.map(c=>c.definition),level:1,removeKeyQuotes:i});t.push(`tools${l}${d}`)}if(n.responseFormat&&"definition"in n.responseFormat){const d=ft({json:n.responseFormat.definition,level:1,removeKeyQuotes:i});t.push(`response_format${l}${d}`)}return{args:t,messages:o}},Ai=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,eh={python:{openai:n=>{const a=Wn.python.openai,t={...n,template:{...n.template,messages:n.template.messages.map(r=>Ai(r))}},{args:l,messages:i}=ht(t,a);return a.sdkTemplate({tab:hn,args:l,messages:i})},anthropic:n=>{const a=Wn.python.anthropic,{args:t,messages:l}=ht(n,a);return a.sdkTemplate({tab:hn,args:t,messages:l})}},typescript:{openai:n=>{const a=Wn.typescript.openai,t={...n,template:{...n.template,messages:n.template.messages.map(r=>Ai(r))}},{args:l,messages:i}=ht(t,a);return a.sdkTemplate({tab:hn,args:l,messages:i})},anthropic:n=>{const a=Wn.typescript.anthropic,{args:t,messages:l}=ht(n,a);return a.sdkTemplate({tab:hn,args:t,messages:l})}}},nh={python:{openai:n=>Wn.python.openai.clientTemplate({tab:hn,versionId:n.versionId}),anthropic:n=>Wn.python.openai.clientTemplate({tab:hn,versionId:n.versionId})},typescript:{openai:n=>Wn.typescript.openai.clientTemplate({tab:hn,versionId:n.versionId}),anthropic:n=>Wn.typescript.anthropic.clientTemplate({tab:hn,versionId:n.versionId})}},ah=({promptVersion:n,language:a})=>{var i;const t=eh[a.toLocaleLowerCase()][(i=n.modelProvider)==null?void 0:i.toLocaleLowerCase()];if(!t||!("messages"in n.template))return null;const l={...n,template:{...n.template,messages:n.template.messages.map(r=>{try{return Bf({message:so.parse(r),targetProvider:n.modelProvider})}catch(o){return console.warn("Cannot convert message"),console.error(o),null}}).filter(Boolean)}};return t(l)};function th({promptVersion:n,language:a}){var i;const t=nh[a.toLocaleLowerCase()][(i=n.modelProvider)==null?void 0:i.toLocaleLowerCase()];if(!t)return null;const l={versionId:n.id};return t(l)}function oo({promptVersion:n}){const[a,t]=m.useState("Python"),l=D.useFragment(lo,n),i=m.useMemo(()=>ah({promptVersion:l,language:a}),[l,a]),r=m.useMemo(()=>th({promptVersion:l,language:a}),[l,a]);return e(B,{title:"Code",variant:"compact",bodyStyle:{padding:0},extra:e(h,{gap:"size-100",alignItems:"center",children:e(Mt,{language:a,onChange:t,size:"S"})}),children:s(ln,{defaultExpandedKeys:["sdk-inline","client"],children:[s(ge,{id:"sdk-inline",children:[e(me,{arrowPosition:"start",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",width:"100%",children:[e(v,{children:"SDK Inline"}),i?e(ue,{text:i}):null]})}),e(pe,{children:i==null?e(C,{width:"100%",padding:"size-200",children:e(v,{color:"text-300",children:"No code snippet available for this prompt"})}):e(Ni,{language:a,value:i})})]}),s(ge,{id:"client",children:[e(me,{arrowPosition:"start",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",width:"100%",gap:"size-100",children:[e(v,{children:"Using the Client"}),r?e(ue,{text:r}):null]})}),e(pe,{children:r==null?e(C,{width:"100%",padding:"size-200",children:e(v,{color:"text-300",children:"No client code snippet available for this prompt"})}):e(Ni,{language:a,value:r})})]})]})})}function Ni({language:n,value:a}){switch(n){case"Python":return e(Tr,{value:a,basicSetup:{lineNumbers:!0}});case"TypeScript":return e(hp,{value:a,basicSetup:{lineNumbers:!0}});default:Se()}}const co={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};co.hash="a473a6f0d927379542694312449a4c63";const uo=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}}();uo.hash="80901eff49852a413f643ee876638174";const mo={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};mo.hash="25265fbc7ea915534615a56b4331236e";function po({promptVersion:n}){const a=D.useFragment(mo,n);return e(h,{direction:"row",gap:"size-50",alignItems:"center",wrap:"wrap",children:a.tags.map(t=>e(lh,{children:t.name},t.id))})}function lh({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(_a,{color:a,children:n})}function go(n){const a=D.useFragment(uo,n.promptVersion);return s(h,{direction:"column",gap:"size-50",children:[e(C,{width:"100%",children:e(h,{direction:"row",justifyContent:"space-between",alignItems:"center",width:"100%",children:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(_a,{color:"var(--ac-global-color-blue-900)",children:a.sequenceNumber}),e("span",{children:`${a.id}`})]})})}),e(C,{"data-testid":"prompt-version-item-description",paddingStart:"size-400",children:s(h,{direction:"column",gap:"size-100",children:[e(tt,{maxWidth:"100%",children:e(v,{color:"text-700",size:"XS",children:a.description||"No Description"})}),s(h,{justifyContent:"space-between",alignItems:"center",gap:"size-100",children:[e(po,{promptVersion:a}),s(h,{direction:"row",gap:"size-100",alignItems:"center",flex:"none",children:[a.user&&s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_l,{size:14,name:a.user.username,profilePictureUrl:a.user.profilePictureUrl}),e(v,{size:"XS",children:a.user.username})]}),e(v,{color:"text-300",size:"XS",children:sm(a.createdAt,Date.now())})]})]})]})})]})}const ih=5,rh=K`
|
|
574
574
|
padding-bottom: var(--ac-global-dimension-size-200);
|
|
575
575
|
position: relative;
|
|
576
576
|
`;function sh(n){const{prompt:a}=n,t=D.useFragment(co,a),l=m.useMemo(()=>{var i,r;return(r=(i=t==null?void 0:t.latestVersions)==null?void 0:i.edges)==null?void 0:r.map(o=>o.version)},[t]);if(!l)throw new Error("Expected prompt versions to be defined");return s("div",{children:[e("ul",{children:l.map((i,r)=>{const o=r===ih-1;return s("li",{css:rh,children:[e(go,{promptVersion:i}),i.sequenceNumber!=1?e(dh,{isLastConnector:o}):null]},i.id)})}),e(h,{direction:"row",justifyContent:"end",children:e(Je,{to:"versions",children:"View all versions"})})]})}const oh=K`
|
|
@@ -604,7 +604,7 @@ console.log(response.content);
|
|
|
604
604
|
id
|
|
605
605
|
}
|
|
606
606
|
}
|
|
607
|
-
`}}}();fo.hash="081b8cf05c35b46579fe5cbb85f7a761";const mh=({promptId:n,promptName:a,promptDescription:t,setDialog:l})=>{var b;const i=Fe(),r=de(),[o,d]=D.useMutation(fo),c
|
|
607
|
+
`}}}();fo.hash="081b8cf05c35b46579fe5cbb85f7a761";const mh=({promptId:n,promptName:a,promptDescription:t,setDialog:l})=>{var b;const i=Fe(),r=de(),[o,d]=D.useMutation(fo),c=Oe({disabled:d,reValidateMode:"onBlur",mode:"onChange",defaultValues:{name:`${a}-clone`,description:t}}),{control:p,handleSubmit:f,formState:{isValid:u,errors:g},setError:y}=c,k=f(S=>{o({variables:{input:{promptId:n,name:S.name,description:S.description}},onCompleted:F=>{l(null),i({title:"Prompt cloned successfully",action:{text:"View Prompt",onClick:()=>{r(`/prompts/${F.clonePrompt.id}`)}}})},onError:F=>{var x;const T=xe(F);(x=T==null?void 0:T[0])!=null&&x.includes("already exists")?y("name",{message:T==null?void 0:T[0]}):y("root",{message:T==null?void 0:T[0]})}})});return e(X,{title:"Clone Prompt",children:e(m.Suspense,{fallback:e(ve,{}),children:e(C,{padding:"size-200",children:s("form",{onSubmit:k,children:[e(W,{control:p,name:"name",rules:{required:{message:"Name is required",value:!0},validate:{unique:S=>S.trim()===a.trim()?"Name must be different from the original prompt name":!0}},render:({field:{onChange:S,onBlur:F,value:T,disabled:x},fieldState:{error:L}})=>s(ee,{isInvalid:!!(L!=null&&L.message),children:[e(Z,{children:"Name"}),e(se,{name:"name",type:"text",onChange:S,onBlur:F,value:T,disabled:x}),!L&&e(v,{slot:"description",children:"A name for the cloned prompt."}),e(Pe,{children:L==null?void 0:L.message})]})}),e(W,{control:p,name:"description",render:({field:{onChange:S,onBlur:F,value:T,disabled:x},fieldState:{error:L}})=>s(ee,{isInvalid:!!(L!=null&&L.message),isDisabled:x,value:T,onChange:S,onBlur:F,children:[e(Z,{children:"Description"}),e(va,{name:"description"}),!L&&e(v,{slot:"description",children:"A description for the cloned prompt."}),e(Pe,{children:L==null?void 0:L.message})]})}),(g==null?void 0:g.root)&&e(v,{color:"danger",children:(b=g==null?void 0:g.root)==null?void 0:b.message}),s(h,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(R,{variant:"default",onPress:()=>l(null),isDisabled:d,children:"Cancel"}),e(R,{type:"submit",variant:"primary",isDisabled:!u,isPending:d,children:"Clone"})]})]})})})})},ph=K`
|
|
608
608
|
flex: 1 1 auto;
|
|
609
609
|
display: flex;
|
|
610
610
|
flex-direction: column;
|
|
@@ -630,7 +630,7 @@ console.log(response.content);
|
|
|
630
630
|
}
|
|
631
631
|
}
|
|
632
632
|
}
|
|
633
|
-
`;function _2(){const[n,a]=m.useState(null),t=ni(),l=de(),{pathname:i}=Ft();let r="prompt";i.includes("versions")?r="versions":i.includes("config")&&(r="config");const o=D.useFragment(yo,t.prompt);return s("main",{css:ph,children:[e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[s(h,{direction:"column",children:[e(
|
|
633
|
+
`;function _2(){const[n,a]=m.useState(null),t=ni(),l=de(),{pathname:i}=Ft();let r="prompt";i.includes("versions")?r="versions":i.includes("config")&&(r="config");const o=D.useFragment(yo,t.prompt);return s("main",{css:ph,children:[e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[s(h,{direction:"column",children:[e(re,{level:1,children:t.prompt.name}),o.sourcePrompt&&s(v,{color:"text-700",children:["cloned from"," ",e(Je,{to:`/prompts/${o.sourcePrompt.id}`,children:o.sourcePrompt.name})]})]}),s(h,{direction:"row",gap:"size-100",children:[e(R,{size:"S",leadingVisual:e(_,{svg:e(kp,{})}),onPress:()=>{a(e(mh,{promptId:o.id,promptName:o.name,promptDescription:o.description??void 0,setDialog:a}))},children:"Clone"}),e(R,{size:"S",leadingVisual:e(_,{svg:e(El,{})}),onPress:()=>{l(`/prompts/${t.prompt.id}/playground`)},children:"Edit in Playground"})]})]})}),s(He,{defaultSelectedKey:r,onSelectionChange:d=>{let c;d==="versions"?c=`/prompts/${t.prompt.id}/versions`:d==="config"?c=`/prompts/${t.prompt.id}/config`:c=`/prompts/${t.prompt.id}`,l(c)},children:[s(Ue,{children:[e(te,{id:"prompt",children:"Prompt"}),s(te,{id:"versions",children:["Versions ",e(gn,{children:o.promptVersions.edges.length})]}),e(te,{id:"config",children:"Config"})]}),e(ce,{id:"prompt",children:e(Ie,{})}),e(ce,{id:"versions",children:e(Ie,{})}),e(ce,{id:"config",children:e(Ie,{})})]}),e(ne,{onDismiss:()=>a(null),children:n})]})}const ho=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"modelsInput"}],a={alias:null,args:null,kind:"ScalarField",name:"invocationInputField",storageKey:null},t={alias:"floatDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},l=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"modelsInput"}],concreteType:null,kind:"LinkedField",name:"modelInvocationParameters",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"invocationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"canonicalName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"required",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null}],type:"InvocationParameterBase",abstractKey:"__isInvocationParameterBase"},{kind:"InlineFragment",selections:[{alias:"booleanDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"BooleanInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[t,a,{alias:null,args:null,kind:"ScalarField",name:"minValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxValue",storageKey:null}],type:"BoundedFloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[t,a],type:"FloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"intDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"IntInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"jsonDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"JSONInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"stringDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"StringInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"stringListDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"StringListInvocationParameter",abstractKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"fetchPlaygroundPromptSupportedInvocationParametersQuery",selections:l,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"fetchPlaygroundPromptSupportedInvocationParametersQuery",selections:l},params:{cacheID:"530366c9a8cc3b47d685ca0600a39bb5",id:null,metadata:{},name:"fetchPlaygroundPromptSupportedInvocationParametersQuery",operationKind:"query",text:`query fetchPlaygroundPromptSupportedInvocationParametersQuery(
|
|
634
634
|
$modelsInput: ModelsInput!
|
|
635
635
|
) {
|
|
636
636
|
modelInvocationParameters(input: $modelsInput) {
|
|
@@ -735,7 +735,7 @@ console.log(response.content);
|
|
|
735
735
|
id
|
|
736
736
|
}
|
|
737
737
|
}
|
|
738
|
-
`}}}();ko.hash="84755f12352e245574192de304d654d5";const gh=n=>{switch(n){case"user":return"USER";case"ai":return"AI";case"system":return"SYSTEM";case"tool":return"TOOL";default:return"USER"}},yh=(n,a)=>{const t=a.length>0?a.reduce((l,i)=>(i.invocationName&&(l[i.invocationName]=i),l),{}):{};return Object.entries(n).map(([l,i])=>{const r=t[l];return!r||!r.invocationInputField?{invocationName:l,valueJson:i}:{invocationName:l,canonicalName:r.canonicalName,[ja(r.invocationInputField)]:i}})},fh=({promptId:n,promptName:a,promptVersion:t,supportedInvocationParameters:l})=>{var c,p;const i={...bp(),prompt:{id:n,name:a}},r=t.modelName,o=t.modelProvider,d=xl({toolChoice:(c=t.invocationParameters)==null?void 0:c.tool_choice,targetProvider:o})??void 0;return{...i,model:{...i.model,modelName:r,provider:o,supportedInvocationParameters:l||[],invocationParameters:yh({...t.invocationParameters,...(p=t.responseFormat)!=null&&p.definition?{response_format:t.responseFormat.definition}:{}},l||[])},template:{__type:"chat",messages:"messages"in t.template?t.template.messages.map(
|
|
738
|
+
`}}}();ko.hash="84755f12352e245574192de304d654d5";const gh=n=>{switch(n){case"user":return"USER";case"ai":return"AI";case"system":return"SYSTEM";case"tool":return"TOOL";default:return"USER"}},yh=(n,a)=>{const t=a.length>0?a.reduce((l,i)=>(i.invocationName&&(l[i.invocationName]=i),l),{}):{};return Object.entries(n).map(([l,i])=>{const r=t[l];return!r||!r.invocationInputField?{invocationName:l,valueJson:i}:{invocationName:l,canonicalName:r.canonicalName,[ja(r.invocationInputField)]:i}})},fh=({promptId:n,promptName:a,promptVersion:t,supportedInvocationParameters:l})=>{var c,p;const i={...bp(),prompt:{id:n,name:a}},r=t.modelName,o=t.modelProvider,d=xl({toolChoice:(c=t.invocationParameters)==null?void 0:c.tool_choice,targetProvider:o})??void 0;return{...i,model:{...i.model,modelName:r,provider:o,supportedInvocationParameters:l||[],invocationParameters:yh({...t.invocationParameters,...(p=t.responseFormat)!=null&&p.definition?{response_format:t.responseFormat.definition}:{}},l||[])},template:{__type:"chat",messages:"messages"in t.template?t.template.messages.map(f=>{const u=f.content.map(Ht).filter(Boolean).map(S=>S.text.text).join(""),g=f.content.filter(Xl).filter(Boolean),k=f.content.filter(Yl).filter(Boolean).at(0),b=Gn(f.role);return b==="tool"&&k?{id:Jn(),role:Gn(f.role),content:typeof k.toolResult.result=="string"?k.toolResult.result:wn(k.toolResult.result,null,2).json||"",toolCallId:k.toolResult.toolCallId}:b==="ai"&&g.length>0?{id:Jn(),role:Gn(f.role),toolCalls:g.map(S=>Kr(S,o))}:{id:Jn(),role:Gn(f.role),content:u}}):[]},tools:t.tools.map(f=>({id:et(),definition:f.definition})),toolChoice:d}},hh=(n,a)=>{const t=a.length>0?a.reduce((l,i)=>((i.canonicalName||i.invocationName)&&(l[i.canonicalName||i.invocationName]=i),l),{}):{};return n.reduce((l,i)=>{const r=t[i.canonicalName||i.invocationName];return r&&(l[i.invocationName]=i[ja(r.invocationInputField)]),l},{})},kh=[{invocationName:wa,canonicalName:Zn},{invocationName:Dn,canonicalName:Mn}],bh=n=>{if(n.template.__type==="text_completion")return console.warn("Instance to prompt version conversion not supported for text completion"),null;const a=n.template.messages.map(l=>{var d;let i=[l.content?eo(l.content):null];const r=((d=l.toolCalls)==null?void 0:d.map(no))||[],o=l.toolCallId?[ao(l.toolCallId,l.content)]:[];return(r.length>0||o.length>0)&&(i=[]),{content:[...i,...r,...o].filter(c=>c!==null),role:gh(l.role)}});return{modelName:n.model.modelName||Sp,modelProvider:n.model.provider,template:{messages:a},tools:n.tools.map(l=>({definition:l.definition})),responseFormat:n.model.invocationParameters.filter(l=>l.canonicalName===Mn||l.invocationName===Dn).map(l=>({definition:l.valueJson})).at(0)||void 0,invocationParameters:hh(Ss(n.model.invocationParameters.filter(l=>!kh.some(i=>ea(i,l))).concat(n.toolChoice?[{invocationName:wa,valueJson:n.toolChoice,canonicalName:Zn}]:[]),n.model.provider,n.model.modelName),n.model.supportedInvocationParameters)}},Sh=ko,vh=ho,Ch=async({modelName:n,providerKey:a})=>{const t=await D.fetchQuery(Ce,vh,{modelsInput:{modelName:n,providerKey:a}}).toPromise();return t==null?void 0:t.modelInvocationParameters},Fh=async n=>D.fetchQuery(Ce,Sh,{promptId:n}).toPromise(),Kh=n=>n?n==null?void 0:n.version:null,bo=async n=>{var l;if(!n)return null;const a=await Fh(n),t=Kh(a==null?void 0:a.prompt);if(t&&t.templateType==="CHAT"){const i=await Ch({modelName:t.modelName,providerKey:t.modelProvider}),r=(l=a==null?void 0:a.prompt)==null?void 0:l.name;if(!r)throw new Error("Prompt name is required");return{instance:fh({promptId:n,promptName:r,promptVersion:t,supportedInvocationParameters:i}),promptVersion:t}}return null},L2=async({params:n})=>{const{promptId:a}=n;if(!a)throw new Error("Prompt ID is required");const t=await bo(a);if(!t)throw new Error("Prompt not found");return{instanceWithPrompt:t.instance,templateFormat:t.promptVersion.templateFormat}},So=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 {
|
|
739
739
|
modelProviders {
|
|
740
740
|
name
|
|
741
741
|
dependenciesInstalled
|
|
@@ -822,7 +822,7 @@ fragment ExampleExperimentRunsTableFragment on DatasetExample {
|
|
|
822
822
|
__typename
|
|
823
823
|
}
|
|
824
824
|
}
|
|
825
|
-
`}}}();Co.hash="a5e0e601ed24ffaa37a99ba358f960d3";const tl={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function Ph(n){const{exampleId:a,onCompleted:t}=n,[l,i]=m.useState(null),[r,o]=D.useMutation(Co),{control:d,setError:c,handleSubmit:p,formState:{isValid:
|
|
825
|
+
`}}}();Co.hash="a5e0e601ed24ffaa37a99ba358f960d3";const tl={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function Ph(n){const{exampleId:a,onCompleted:t}=n,[l,i]=m.useState(null),[r,o]=D.useMutation(Co),{control:d,setError:c,handleSubmit:p,formState:{isValid:f}}=Oe({defaultValues:n.currentRevision}),u=m.useCallback(g=>{if(i(null),!xn(g==null?void 0:g.input))return c("input",{message:"Input must be a valid JSON object"});if(!xn(g==null?void 0:g.output))return c("output",{message:"Output must be a valid JSON object"});if(!xn(g==null?void 0:g.metadata))return c("metadata",{message:"Metadata must be a valid JSON object"});r({variables:{input:{patches:[{exampleId:a,input:JSON.parse(g.input),output:JSON.parse(g.output),metadata:JSON.parse(g.metadata)}],versionDescription:g.description}},onCompleted:()=>{t()},onError:y=>{i(y.message)}})},[r,a,c,t]);return e(X,{size:"fullscreen",title:`Edit Example: ${a}`,extra:e(R,{variant:"primary",size:"S",isDisabled:!f||o,leadingVisual:e(_,{svg:o?e(Ge,{}):e(Pr,{})}),onPress:()=>p(u)(),children:"Save Changes"}),children:e("div",{css:K`
|
|
826
826
|
overflow-y: auto;
|
|
827
827
|
padding: var(--ac-global-dimension-size-400);
|
|
828
828
|
/* Make widths configurable */
|
|
@@ -833,7 +833,7 @@ fragment ExampleExperimentRunsTableFragment on DatasetExample {
|
|
|
833
833
|
width: 100%;
|
|
834
834
|
}
|
|
835
835
|
}
|
|
836
|
-
`,children:e(h,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(h,{direction:"column",gap:"size-200",children:[l?e(be,{variant:"danger",children:l}):null,e(W,{control:d,name:"input",render:({field:{onChange:g,onBlur:
|
|
836
|
+
`,children:e(h,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(h,{direction:"column",gap:"size-200",children:[l?e(be,{variant:"danger",children:l}):null,e(W,{control:d,name:"input",render:({field:{onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(B,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...tl,children:[b?e(be,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Be,{value:k,onChange:g,onBlur:y})]})}),e(W,{control:d,name:"output",render:({field:{onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(B,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...tl,backgroundColor:"green-100",borderColor:"green-700",children:[b?e(be,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Be,{value:k,onChange:g,onBlur:y})]})}),e(W,{control:d,name:"metadata",render:({field:{onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(B,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...tl,children:[b?e(be,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Be,{value:k,onChange:g,onBlur:y})]})}),e(W,{control:d,name:"description",render:({field:{onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(ee,{value:k,onChange:g,onBlur:y,isInvalid:b,children:[e(Z,{children:"Revision Description"}),e(va,{}),S?e(Pe,{children:S==null?void 0:S.message}):e(v,{slot:"description",children:"A description of the changes made in this revision. Will be displayed in the version history."})]})})]})})})})})}function Ih(n){const{onCompleted:a,...t}=n,[l,i]=m.useState(null);return s(U,{children:[e(R,{size:"S",leadingVisual:e(_,{svg:e(_t,{})}),onPress:()=>i(e(Ph,{...t,onCompleted:()=>{i(null),a()}})),children:"Edit Example"}),e(ne,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:l})]})}const Fo=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExampleExperimentRunsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:t,kind:"FragmentSpread",name:"ExampleExperimentRunsTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExampleExperimentRunsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:t,concreteType:"ExperimentRunConnection",kind:"LinkedField",name:"experimentRuns",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"run",args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},r,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},r],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:t,filters:null,handle:"connection",key:"ExampleExperimentRunsTable_experimentRuns",kind:"LinkedHandle",name:"experimentRuns"}],type:"DatasetExample",abstractKey:null}],storageKey:null}]},params:{cacheID:"2cfc5c04c7f88f6bbd464f6a09f87521",id:null,metadata:{},name:"ExampleExperimentRunsTableQuery",operationKind:"query",text:`query ExampleExperimentRunsTableQuery(
|
|
837
837
|
$after: String = null
|
|
838
838
|
$first: Int = 100
|
|
839
839
|
$id: GlobalID!
|
|
@@ -900,23 +900,23 @@ fragment ExampleExperimentRunsTableFragment_2HEEH6 on DatasetExample {
|
|
|
900
900
|
align-items: center;
|
|
901
901
|
color: var(--ac-global-color-primary);
|
|
902
902
|
gap: var(--ac-global-dimension-size-50);
|
|
903
|
-
`;function Lh({example:n}){const a=m.useRef(null),t=de(),{data:l,loadNext:i,hasNext:r,isLoadingNext:o}=D.usePaginationFragment(Ko,n),d=m.useMemo(()=>l.experimentRuns.edges.map(
|
|
903
|
+
`;function Lh({example:n}){const a=m.useRef(null),t=de(),{data:l,loadNext:i,hasNext:r,isLoadingNext:o}=D.usePaginationFragment(Ko,n),d=m.useMemo(()=>l.experimentRuns.edges.map(y=>{let k=null;return y.run.startTime&&y.run.endTime&&(k=new Date(y.run.endTime).getTime()-new Date(y.run.startTime).getTime()),{...y.run,output:JSON.stringify(y.run.output),latencyMs:k}}),[l]),p=_e({columns:[{header:"start time",accessorKey:"startTime",cell:Ve},{header:"output",accessorKey:"output",cell:y=>{var b;const k=(b=y.row.original)==null?void 0:b.error;return k!==null?e(v,{color:"danger",children:k}):e(we,{...y})}},{header:"latency",accessorKey:"latencyMs",cell:({getValue:y})=>{const k=y();return k===null||typeof k!="number"?"--":e(Ae,{latencyMs:k})}},{header:"evaluations",accessorKey:"annotations",cell:({row:y})=>e(h,{direction:"row",gap:"size-50",wrap:"wrap",children:y.original.annotations.edges.map((k,b)=>{const S=k.annotation;return e(Aa,{annotation:S,extra:S.trace&&e(C,{paddingTop:"size-100",children:s("div",{css:_h,children:[e(_,{svg:e(En,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(An,{annotation:S,onClick:()=>{S.trace&&t(`/projects/${S.trace.projectId}/traces/${S.trace.traceId}`)}},b)},b)})})},{id:"actions",cell:({row:y})=>{const k=y.original.trace;if(k)return e(R,{size:"S",leadingVisual:e(_,{svg:e(Rt,{})}),onPress:()=>{t(`/projects/${k.projectId}/traces/${k.traceId}`)},"aria-label":"view trace"})}}],data:d,getCoreRowModel:Le()}),f=p.getRowModel().rows,u=f.length===0,g=m.useCallback(y=>{if(y){const{scrollHeight:k,scrollTop:b,clientHeight:S}=y;k-b-S<300&&!o&&r&&i(xh)}},[r,o,i]);return e("div",{css:K`
|
|
904
904
|
flex: 1 1 auto;
|
|
905
905
|
overflow: auto;
|
|
906
|
-
`,ref:a,onScroll:
|
|
906
|
+
`,ref:a,onScroll:y=>g(y.target),children:s("table",{css:ia,children:[e("thead",{children:p.getHeaderGroups().map(y=>e("tr",{children:y.headers.map(k=>e("th",{children:e("div",{children:J(k.column.columnDef.header,k.getContext())})},k.id))},y.id))}),u?e(Dh,{}):e("tbody",{children:f.map(y=>e("tr",{children:y.getVisibleCells().map(k=>e("td",{children:J(k.column.columnDef.cell,k.getContext())},k.id))},y.id))})]})})}function li({exampleId:n,onDismiss:a}){const[t,l]=m.useState(0),i=D.useLazyLoadQuery(vo,{exampleId:n},{fetchKey:t,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]),o=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,f=Fe();return e(ne,{type:"slideOver",isDismissable:!0,onDismiss:a,children:e(X,{size:"XL",title:`Example: ${n}`,extra:s(h,{direction:"row",gap:"size-100",children:[o?e(Ka,{size:"S",to:`/projects/${o.projectId}/traces/${o.traceId}?selectedSpanNodeId=${o.id}`,children:"View Source Span"}):null,e(Ih,{exampleId:n,currentRevision:r,onCompleted:()=>{f({title:"Example updated",message:`Example ${n} has been updated.`}),l(u=>u+1)}})]}),children:s(Ln,{direction:"vertical",autoSaveId:"example-panel-group",children:[e(Ee,{defaultSize:65,children:e("div",{css:K`
|
|
907
907
|
overflow-y: auto;
|
|
908
908
|
height: 100%;
|
|
909
|
-
`,children:e(h,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",paddingTop:"size-200",paddingBottom:"size-200",children:s(h,{direction:"column",gap:"size-200",children:[e(B,{title:"Input",...ll,extra:e(ue,{text:d}),children:e(nn,{value:d})}),e(B,{title:"Output",...ll,extra:e(ue,{text:c}),children:e(nn,{value:c})}),e(B,{title:"Metadata",...ll,extra:e(ue,{text:p}),children:e(nn,{value:p})})]})})})})}),e(_n,{css:
|
|
909
|
+
`,children:e(h,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",paddingTop:"size-200",paddingBottom:"size-200",children:s(h,{direction:"column",gap:"size-200",children:[e(B,{title:"Input",...ll,extra:e(ue,{text:d}),children:e(nn,{value:d})}),e(B,{title:"Output",...ll,extra:e(ue,{text:c}),children:e(nn,{value:c})}),e(B,{title:"Metadata",...ll,extra:e(ue,{text:p}),children:e(nn,{value:p})})]})})})})}),e(_n,{css:Na}),e(Ee,{defaultSize:35,children:s(h,{direction:"column",height:"100%",children:[e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(re,{level:3,children:"Experiment Runs"})}),e(Lh,{example:i.example})]})})]})})})}const ll={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}};function wh(){const[n,a]=vn(),t=n.get("exampleId"),l=n.get("datasetId");return!t||!l?null:e(li,{exampleId:t,onDismiss:()=>{a(i=>(i.delete("exampleId"),i))}})}const Eh=`
|
|
910
910
|
The playground is not available until an LLM provider client is installed on the server.
|
|
911
911
|
`,Mh=n=>`
|
|
912
912
|
# Installing one or more of the clients will enable the playground
|
|
913
913
|
${Array.from(n.reduce((a,t)=>(t.dependencies.forEach(l=>a.add(l)),a),new Set)).map(a=>`pip install ${a}`).join(`
|
|
914
914
|
`)}
|
|
915
|
-
`,Rh=n=>e(C,{height:"100%",width:"100%",children:s(h,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-200",children:[e(Ir,{message:Eh,graphicKey:"not found",size:"L"}),e(v,{children:"The following clients are supported:"}),e(Tr,{value:Mh(n.availableProviders)})]})}),Vh={OPENAI:"OPENAI_API_KEY",ANTHROPIC:"ANTHROPIC_API_KEY",AZURE_OPENAI:"AZURE_OPENAI_API_KEY",GOOGLE:"GEMINI_API_KEY"};function Ah(){const n=O(o=>Array.from(new Set(o.instances.map(d=>d.model.provider)))),a=O(o=>o.instances.some(d=>d.activeRunId!=null)),t=
|
|
915
|
+
`,Rh=n=>e(C,{height:"100%",width:"100%",children:s(h,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-200",children:[e(Ir,{message:Eh,graphicKey:"not found",size:"L"}),e(v,{children:"The following clients are supported:"}),e(Tr,{value:Mh(n.availableProviders)})]})}),Vh={OPENAI:"OPENAI_API_KEY",ANTHROPIC:"ANTHROPIC_API_KEY",AZURE_OPENAI:"AZURE_OPENAI_API_KEY",GOOGLE:"GEMINI_API_KEY"};function Ah(){const n=O(o=>Array.from(new Set(o.instances.map(d=>d.model.provider)))),a=O(o=>o.instances.some(d=>d.activeRunId!=null)),t=Ma(o=>o.setCredential),l=Ma(o=>o),[i,r]=m.useState(!1);return e("div",{css:K`
|
|
916
916
|
.ac-dropdown-button {
|
|
917
917
|
min-width: 0px;
|
|
918
918
|
}
|
|
919
|
-
`,children:s(
|
|
919
|
+
`,children:s(Ra,{placement:"bottom",isOpen:i,onOpenChange:o=>{r(o)},children:[e(pr,{size:"compact",isDisabled:a,children:"API Keys"}),e(Cl,{children:e(C,{padding:"size-200",children:s(tn,{onSubmit:o=>{o.preventDefault(),r(!1)},children:[e(re,{level:2,weight:"heavy",children:"API Keys"}),e(C,{paddingY:"size-50",children:e(v,{color:"text-700",size:"XS",children:"API keys are stored in your browser and used to communicate with their respective API's."})}),e(h,{direction:"column",gap:"size-100",children:n.map(o=>{const d=Vh[o];return s(ee,{size:"S",type:"password",isRequired:!0,onChange:c=>{t({provider:o,value:c})},value:l[o],children:[e(Z,{children:d}),e(se,{}),e(v,{slot:"description",children:`Alternatively, you can set the "${d}" environment variable on the phoenix server.`})]},o)})}),e(C,{paddingTop:"size-100",children:e(h,{direction:"row",gap:"size-100",width:"100%",justifyContent:"end",children:e(rn,{href:"/settings/providers",children:"View all AI provider configurations"})})})]})})})]})})}const zi=30,Nh=K`
|
|
920
920
|
display: flex;
|
|
921
921
|
direction: row;
|
|
922
922
|
align-items: center;
|
|
@@ -1102,7 +1102,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
1102
1102
|
}
|
|
1103
1103
|
id
|
|
1104
1104
|
}
|
|
1105
|
-
`}}}();_o.hash="f809b3d539d0032d9681a4a4450b1d6f";const $h=()=>{const n=(a,t)=>({exampleResponsesMap:{},updateExampleData:({instanceId:l,exampleId:i,patch:r})=>{const o=t().exampleResponsesMap,d=o[l]??{},c=d[i]??{};a({exampleResponsesMap:{...o,[l]:{...d,[i]:{...c,...r}}}})},appendExampleDataTextChunk:({instanceId:l,exampleId:i,textChunk:r})=>{const o=t().exampleResponsesMap,d=o[l]??{},c=d[i]??{},p=c.content??"";a({exampleResponsesMap:{...o,[l]:{...d,[i]:{...c,content:p+r}}}})},appendExampleDataToolCallChunk:({instanceId:l,exampleId:i,toolCallChunk:r})=>{var k;const o=t().exampleResponsesMap,d=o[l]??{},c=d[i]??{},p=c.toolCalls??{},{id:
|
|
1105
|
+
`}}}();_o.hash="f809b3d539d0032d9681a4a4450b1d6f";const $h=()=>{const n=(a,t)=>({exampleResponsesMap:{},updateExampleData:({instanceId:l,exampleId:i,patch:r})=>{const o=t().exampleResponsesMap,d=o[l]??{},c=d[i]??{};a({exampleResponsesMap:{...o,[l]:{...d,[i]:{...c,...r}}}})},appendExampleDataTextChunk:({instanceId:l,exampleId:i,textChunk:r})=>{const o=t().exampleResponsesMap,d=o[l]??{},c=d[i]??{},p=c.content??"";a({exampleResponsesMap:{...o,[l]:{...d,[i]:{...c,content:p+r}}}})},appendExampleDataToolCallChunk:({instanceId:l,exampleId:i,toolCallChunk:r})=>{var k;const o=t().exampleResponsesMap,d=o[l]??{},c=d[i]??{},p=c.toolCalls??{},{id:f,function:u}=r,g=p[f],y={...g,id:f,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:{...o,[l]:{...d,[i]:{...c,toolCalls:{...p,[f]:y}}}}})},setExampleDataForInstance:({instanceId:l,data:i})=>{const r=t().exampleResponsesMap;a({exampleResponsesMap:{...r,[l]:i}})},resetExampleData:()=>{a({exampleResponsesMap:{}})}});return sr()(n)},Lo=fe.createContext(null);function Oh({children:n}){const[a]=m.useState(()=>$h());return e(Lo.Provider,{value:a,children:n})}function Ia(n,a){const t=fe.useContext(Lo);if(!t)throw new Error("Missing PlaygroundDatasetExamplesTableContext.Provider in the tree");return st(t,n,a)}function ii({children:n}){return s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_,{svg:e(Ml,{}),color:"danger"}),e(v,{color:"danger",children:n})]})}const wo=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"runId"}],a=[{kind:"Variable",name:"id",variableName:"runId"}],t={alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={kind:"InlineFragment",selections:[t,{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"example",plural:!1,selections:[l,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},t],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"ExperimentRun",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"PlaygroundExperimentRunDetailsDialogQuery",selections:[{alias:"run",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"PlaygroundExperimentRunDetailsDialogQuery",selections:[{alias:"run",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l],storageKey:null}]},params:{cacheID:"1e3277995e47da369d84557def1a62bf",id:null,metadata:{},name:"PlaygroundExperimentRunDetailsDialogQuery",operationKind:"query",text:`query PlaygroundExperimentRunDetailsDialogQuery(
|
|
1106
1106
|
$runId: GlobalID!
|
|
1107
1107
|
) {
|
|
1108
1108
|
run: node(id: $runId) {
|
|
@@ -1136,7 +1136,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
1136
1136
|
id
|
|
1137
1137
|
}
|
|
1138
1138
|
}
|
|
1139
|
-
`}}}();wo.hash="2eee337b0f8c4e738dd6580efa1e3c96";function Qh({runId:n}){var d,c,p;const t=D.useLazyLoadQuery(wo,{runId:n}).run,l=(d=t.example)==null?void 0:d.id,i=(c=t.example)==null?void 0:c.revision,r=i==null?void 0:i.input,o=i==null?void 0:i.output;return e(X,{title:`Experiment Run for Example: ${l}`,size:"fullscreen",children:s(Ln,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(Ee,{defaultSize:33,children:e(C,{overflow:"auto",height:"100%",padding:"size-200",children:s(h,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(C,{width:"50%",children:e(B,{title:"Input",...$i,bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},extra:e(ue,{text:JSON.stringify(r)}),children:e(nn,{value:JSON.stringify(r,null,2)})})}),e(C,{width:"50%",children:e(B,{title:"Reference Output",...$i,extra:e(ue,{text:JSON.stringify(o)}),bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},children:e(nn,{value:JSON.stringify(o,null,2)})})})]})})}),e(_n,{css:
|
|
1139
|
+
`}}}();wo.hash="2eee337b0f8c4e738dd6580efa1e3c96";function Qh({runId:n}){var d,c,p;const t=D.useLazyLoadQuery(wo,{runId:n}).run,l=(d=t.example)==null?void 0:d.id,i=(c=t.example)==null?void 0:c.revision,r=i==null?void 0:i.input,o=i==null?void 0:i.output;return e(X,{title:`Experiment Run for Example: ${l}`,size:"fullscreen",children:s(Ln,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(Ee,{defaultSize:33,children:e(C,{overflow:"auto",height:"100%",padding:"size-200",children:s(h,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(C,{width:"50%",children:e(B,{title:"Input",...$i,bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},extra:e(ue,{text:JSON.stringify(r)}),children:e(nn,{value:JSON.stringify(r,null,2)})})}),e(C,{width:"50%",children:e(B,{title:"Reference Output",...$i,extra:e(ue,{text:JSON.stringify(o)}),bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},children:e(nn,{value:JSON.stringify(o,null,2)})})})]})})}),e(_n,{css:Na}),e(Ee,{defaultSize:67,children:s(h,{direction:"column",height:"100%",children:[e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(re,{level:2,children:"Experiment Run Output"})}),e("div",{css:K`
|
|
1140
1140
|
overflow-y: auto;
|
|
1141
1141
|
height: 100%;
|
|
1142
1142
|
padding: var(--ac-global-dimension-static-size-200);
|
|
@@ -1147,7 +1147,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
1147
1147
|
justify-content: flex-start;
|
|
1148
1148
|
align-items: flex-end;
|
|
1149
1149
|
gap: var(--ac-global-dimension-static-size-100);
|
|
1150
|
-
`,children:(p=t.annotations)==null?void 0:p.edges.map(
|
|
1150
|
+
`,children:(p=t.annotations)==null?void 0:p.edges.map(f=>e("li",{children:e(An,{annotation:f.annotation})},f.annotation.id))})]})]})})]})})]})})}function jh({startTime:n,endTime:a}){const t=m.useMemo(()=>{let l=null;return n&&a&&(l=new Date(a).getTime()-new Date(n).getTime()),l},[n,a]);return t===null?null:e(Ae,{latencyMs:t})}function qh({error:n}){return s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_,{svg:e(Ml,{}),color:"danger"}),e(v,{color:"danger",children:n})]})}const $i={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}},Eo=function(){var n={defaultValue:null,kind:"LocalArgument",name:"id"},a={defaultValue:null,kind:"LocalArgument",name:"traceId"},t=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},r={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"traceId",variableName:"traceId"}],concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"projectSessionId",storageKey:null},{alias:null,args:[{kind:"Literal",name:"first",value:1e3}],concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"span",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},i,{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:"spans(first:1000)"},i],storageKey:null}],type:"Project",abstractKey:null};return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"TraceDetailsQuery",selections:[{alias:"project",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"TraceDetailsQuery",selections:[{alias:"project",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l],storageKey:null}]},params:{cacheID:"9434c8c6e07d5ca4dd3a19286644f369",id:null,metadata:{},name:"TraceDetailsQuery",operationKind:"query",text:`query TraceDetailsQuery(
|
|
1151
1151
|
$traceId: ID!
|
|
1152
1152
|
$id: GlobalID!
|
|
1153
1153
|
) {
|
|
@@ -1180,7 +1180,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
1180
1180
|
id
|
|
1181
1181
|
}
|
|
1182
1182
|
}
|
|
1183
|
-
`}}}();Eo.hash="e4165ac98e972c7c7491e1573a1aec1a";const Mo=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},r={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},o={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},c={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"statusMessage",storageKey:null},
|
|
1183
|
+
`}}}();Eo.hash="e4165ac98e972c7c7491e1573a1aec1a";const Mo=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},r={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},o={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},c={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"statusMessage",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},u={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},k={alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},b={alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},F=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"mimeType",storageKey:null}],T={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:F,storageKey:null},x={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:F,storageKey:null},L={alias:null,args:null,kind:"ScalarField",name:"attributes",storageKey:null},P={alias:null,args:null,concreteType:"SpanEvent",kind:"LinkedField",name:"events",plural:!0,selections:[o,{alias:null,args:null,kind:"ScalarField",name:"message",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null}],storageKey:null},E={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},N={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},M={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},Q={alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},A={alias:null,args:null,concreteType:"DocumentEvaluation",kind:"LinkedField",name:"documentEvaluations",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"documentPosition",storageKey:null},o,N,M,Q],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanDetailsQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[l,i,r,o,d,c,p,f,u,g,y,k,b,S,T,x,L,{kind:"RequiredField",field:P,action:"THROW"},E,A,{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[l,o],storageKey:null},{args:null,kind:"FragmentSpread",name:"SpanHeader_span"},{args:null,kind:"FragmentSpread",name:"SpanFeedback_annotations"},{args:null,kind:"FragmentSpread",name:"SpanAside_span"}],type:"Span",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanDetailsQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[i,r,o,d,c,p,f,u,g,y,k,b,S,T,x,L,P,E,A,{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[l,o,N,M,Q,{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},{alias:"code",args:null,kind:"ScalarField",name:"statusCode",storageKey:null}],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"ae1e8d2a7d0421816f5857388e327ff8",id:null,metadata:{},name:"SpanDetailsQuery",operationKind:"query",text:`query SpanDetailsQuery(
|
|
1184
1184
|
$id: GlobalID!
|
|
1185
1185
|
) {
|
|
1186
1186
|
span: node(id: $id) {
|
|
@@ -1281,7 +1281,7 @@ fragment SpanHeader_span on Span {
|
|
|
1281
1281
|
tokenCountCompletion
|
|
1282
1282
|
tokenCountTotal
|
|
1283
1283
|
}
|
|
1284
|
-
`}}}();Mo.hash="7cbd32bca298fe80e84fff1dfb6444e8";function Oi(n){return Array.isArray(n)&&n.every(a=>typeof a=="object"&&ye.message in a&&Bh(a[ye.message]))}function Bh(n){return typeof n=="object"&&n!==null&&
|
|
1284
|
+
`}}}();Mo.hash="7cbd32bca298fe80e84fff1dfb6444e8";function Oi(n){return Array.isArray(n)&&n.every(a=>typeof a=="object"&&ye.message in a&&Bh(a[ye.message]))}function Bh(n){return typeof n=="object"&&n!==null&&Qe.role in n}function Ro(n){return n==="OPENAI"||n==="AZURE_OPENAI"||n==="ANTHROPIC"||n==="GOOGLE"}const il=K`
|
|
1285
1285
|
display: flex;
|
|
1286
1286
|
align-items: center;
|
|
1287
1287
|
.ac-text {
|
|
@@ -1291,7 +1291,7 @@ fragment SpanHeader_span on Span {
|
|
|
1291
1291
|
overflow: hidden;
|
|
1292
1292
|
text-overflow: ellipsis;
|
|
1293
1293
|
}
|
|
1294
|
-
`;function an(n){const{name:a,metric:t,k:l,score:i}=n,r=typeof l=="number"?`${t}@${l}`:t,o=m.useMemo(()=>t==="hit"?i?"true":"false":typeof i=="number"&&Hn(i)||"--",[i,t]);return s(he,{delay:500,offset:3,children:[e(
|
|
1294
|
+
`;function an(n){const{name:a,metric:t,k:l,score:i}=n,r=typeof l=="number"?`${t}@${l}`:t,o=m.useMemo(()=>t==="hit"?i?"true":"false":typeof i=="number"&&Hn(i)||"--",[i,t]);return s(he,{delay:500,offset:3,children:[e($e,{children:e("div",{css:Fp,children:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Kp,{color:"var(--ac-global-color-seafoam-1000)"}),a?e("div",{css:il,children:e(v,{weight:"heavy",size:"XS",color:"inherit",children:a})}):null,e("div",{css:il,children:e(v,{size:"XS",color:"inherit",children:r})}),e("div",{css:il,children:e(v,{size:"XS",children:o})})]})})}),e(aa,{children:s(h,{direction:"row",gap:"size-100",children:[s(v,{weight:"heavy",color:"inherit",children:[a," ",r]}),e(v,{color:"inherit",children:o})]})})]})}const Vo={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanHeader_span",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},{alias:"code",args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null}],type:"Span",abstractKey:null};Vo.hash="0f8977d600d3ec53dac56592f9dc91ad";function Uh(n){const a=D.useFragment(Vo,n.span),t=m.useMemo(()=>new Date(a.startTime),[a.startTime]);return e(h,{direction:"row",gap:"size-100",width:"100%",height:"100%",alignItems:"center",children:s(h,{direction:"column",gap:"size-50",children:[s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Rl,{spanKind:a.spanKind}),e(v,{size:"L",children:a.name}),e(Vt,{statusCode:a.code,css:K`
|
|
1295
1295
|
font-size: var(--ac-global-font-size-m);
|
|
1296
1296
|
`})]}),s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[typeof a.latencyMs=="number"?e(Ae,{latencyMs:a.latencyMs,size:"S"}):null,s(v,{color:"text-500",size:"S",children:["at ",Nn(t)]}),a.tokenCountTotal?e(ra,{tokenCountTotal:a.tokenCountTotal,tokenCountPrompt:a.tokenCountPrompt??0,tokenCountCompletion:a.tokenCountCompletion??0,size:"S"}):null]})]})})}function Ao({spanNodeId:n,projectId:a,size:t="M"}){const[l,i]=m.useState(null);return s(U,{children:[e(R,{size:t,leadingVisual:e(_,{svg:e(_t,{})}),onPress:()=>i(e(Dr,{spanNodeId:n,projectId:a})),children:"Annotate"}),e(ne,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:l})]})}function Hh(n){const{spanId:a,traceId:t}=n,l=Fe();return s(Cn,{buttonSize:"compact",align:"end",onAction:i=>{switch(i){case"COPY_SPAN_ID":{hi(a),l({title:"Span ID Copied",message:`The Span ID ${a} has been copied to your clipboard`});return}case"COPY_TRACE_ID":{hi(t),l({title:"Trace ID Copied",message:`The Trace ID ${t} has been copied to your clipboard`});return}default:Se()}},children:[e(oe,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(vi,{})}),e(v,{children:"Copy Span ID"})]})},"COPY_SPAN_ID"),e(oe,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(vi,{})}),e(v,{children:"Copy Trace ID"})]})},"COPY_TRACE_ID")]})}const No=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanAsideSpanQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"SpanAside_span"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanAsideSpanQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[{alias:"code",args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"878027b90513af8f947e6aa408450057",id:null,metadata:{},name:"SpanAsideSpanQuery",operationKind:"query",text:`query SpanAsideSpanQuery(
|
|
1297
1297
|
$id: GlobalID!
|
|
@@ -1392,7 +1392,7 @@ fragment SpanAside_span on Span {
|
|
|
1392
1392
|
id
|
|
1393
1393
|
}
|
|
1394
1394
|
}
|
|
1395
|
-
`}}}();Qo.hash="647a1865dacf40ce9bbb255b572a9a68";const rl={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function l0({spanId:n,onCompleted:a}){const[t,l]=m.useState(null),i=D.useLazyLoadQuery(Qo,{spanId:n},{fetchPolicy:"store-and-network"}),{span:{revision:r}}=i,[o,d]=D.useMutation(Oo),{control:c,setError:p,handleSubmit:
|
|
1395
|
+
`}}}();Qo.hash="647a1865dacf40ce9bbb255b572a9a68";const rl={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function l0({spanId:n,onCompleted:a}){const[t,l]=m.useState(null),i=D.useLazyLoadQuery(Qo,{spanId:n},{fetchPolicy:"store-and-network"}),{span:{revision:r}}=i,[o,d]=D.useMutation(Oo),{control:c,setError:p,handleSubmit:f,formState:{isValid:u}}=Oe({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(y=>{if(l(null),!xn(y==null?void 0:y.input))return p("input",{message:"Input must be a valid JSON object"});if(!xn(y==null?void 0:y.output))return p("output",{message:"Output must be a valid JSON object"});if(!xn(y==null?void 0:y.metadata))return p("metadata",{message:"Metadata must be a valid JSON object"});if(!(y!=null&&y.datasetId))return p("datasetId",{message:"Dataset is required"});o({variables:{input:{datasetId:y.datasetId,examples:[{input:JSON.parse(y.input),output:JSON.parse(y.output),metadata:JSON.parse(y.metadata),spanId:n}]}},onCompleted:()=>{a(y.datasetId)},onError:k=>{const b=xe(k);l((b==null?void 0:b[0])??k.message)}})},[o,p,n,a]);return e(X,{size:"fullscreen",title:"Add Example to Dataset",extra:e(R,{variant:"primary",size:"S",isDisabled:!u||d,onPress:()=>f(g)(),leadingVisual:e(_,{svg:d?e(Ge,{}):e(nt,{})}),children:"Add Example"}),children:e("div",{css:K`
|
|
1396
1396
|
overflow-y: auto;
|
|
1397
1397
|
padding: var(--ac-global-dimension-size-400);
|
|
1398
1398
|
/* Make widths configurable */
|
|
@@ -1403,7 +1403,7 @@ fragment SpanAside_span on Span {
|
|
|
1403
1403
|
width: 100%;
|
|
1404
1404
|
}
|
|
1405
1405
|
}
|
|
1406
|
-
`,children:e(h,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(h,{direction:"column",gap:"size-200",children:[t?e(be,{variant:"danger",children:t}):null,e(W,{control:c,name:"datasetId",render:({field:{onChange:
|
|
1406
|
+
`,children:e(h,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(h,{direction:"column",gap:"size-200",children:[t?e(be,{variant:"danger",children:t}):null,e(W,{control:c,name:"datasetId",render:({field:{onChange:y,onBlur:k},fieldState:{invalid:b,error:S}})=>s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(xr,{onSelectionChange:y,onBlur:k,validationState:b?"invalid":"valid",errorMessage:S==null?void 0:S.message,label:"Dataset"}),e(Ip,{})]})}),e(W,{control:c,name:"input",render:({field:{onChange:y,onBlur:k,value:b},fieldState:{invalid:S,error:F}})=>s(B,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...rl,children:[S?e(be,{variant:"danger",banner:!0,children:F==null?void 0:F.message}):null,e(Be,{value:b,onChange:y,onBlur:k})]})}),e(W,{control:c,name:"output",render:({field:{onChange:y,onBlur:k,value:b},fieldState:{invalid:S,error:F}})=>s(B,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...rl,backgroundColor:"green-100",borderColor:"green-700",children:[S?e(be,{variant:"danger",banner:!0,children:F==null?void 0:F.message}):null,e(Be,{value:b,onChange:y,onBlur:k})]})}),e(W,{control:c,name:"metadata",render:({field:{onChange:y,onBlur:k,value:b},fieldState:{invalid:S,error:F}})=>s(B,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...rl,children:[S?e(be,{variant:"danger",banner:!0,children:F==null?void 0:F.message}):null,e(Be,{value:b,onChange:y,onBlur:k})]})})]})})})})})}const i0=n=>m.useMemo(()=>Me(n),[n]),r0=n=>n.events.some(a=>a.name==="exception"),Ke={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}};function s0({spanNodeId:n,projectId:a}){const{span:t}=D.useLazyLoadQuery(Mo,{id:n});if(t.__typename!=="Span")throw new Error("Expected a span, but got a different type"+t.__typename);const l=m.useMemo(()=>r0(t),[t]),i=Xe(o=>o.showSpanAside),r=Xe(o=>o.setShowSpanAside);return s(h,{direction:"column",flex:"1 1 auto",height:"100%",children:[e(C,{paddingTop:"size-100",paddingBottom:"size-50",paddingStart:"size-150",paddingEnd:"size-200",flex:"none",children:s(h,{direction:"row",alignItems:"center",children:[e(Uh,{span:t}),s(h,{flex:"none",direction:"row",alignItems:"center",gap:"size-100",children:[e(Ka,{variant:t.spanKind!=="llm"?"default":"primary",leadingVisual:e(_,{svg:e(Fa,{})}),isDisabled:t.spanKind!=="llm",to:`/playground/spans/${t.id}`,size:"S",children:"Playground"}),e(c0,{span:t}),e(Ao,{size:"S",spanNodeId:t.id,projectId:a}),e(Hh,{traceId:t.trace.traceId,spanId:t.spanId}),s(he,{placement:"top",offset:5,children:[e(R,{size:"S","aria-label":"Toggle showing span details",onPress:()=>{r(!i)},leadingVisual:e(_,{svg:i?e(xp,{}):e(Dp,{})})}),e(Re,{children:i?"Hide Span Details":"Show Span Details"})]})]})]})}),s(He,{children:[s(Ue,{children:[e(te,{id:"info",children:"Info"}),s(te,{id:"feedback",children:["Feedback ",e(gn,{children:t.spanAnnotations.length})]}),e(te,{id:"attributes",children:"Attributes"}),s(te,{id:"events",children:["Events"," ",e(gn,{variant:l?"danger":"default",children:t.events.length})]})]}),e(ce,{id:"info",children:s(h,{direction:"row",height:"100%",children:[e(d0,{children:e(At,{children:e(u0,{span:t})})}),i?e(Wh,{span:t}):null]})}),e(ce,{id:"feedback",children:e(Yh,{span:t})}),e(ce,{id:"attributes",children:e(C,{padding:"size-200",height:"100%",maxHeight:"100%",overflow:"auto",children:e(B,{title:"All Attributes",...Ke,titleExtra:Bo,extra:e(ue,{text:t.attributes}),children:e(na,{children:t.attributes})})})}),e(ce,{id:"events",children:e(x0,{events:t.events})})]})]})}const o0=K`
|
|
1407
1407
|
flex: 1 1 auto;
|
|
1408
1408
|
overflow-y: auto;
|
|
1409
1409
|
// Overflow fails to take into account padding
|
|
@@ -1412,11 +1412,12 @@ fragment SpanAside_span on Span {
|
|
|
1412
1412
|
display: block;
|
|
1413
1413
|
height: var(--ac-global-dimension-static-size-400);
|
|
1414
1414
|
}
|
|
1415
|
-
`;function d0({children:n}){return e("div",{css:o0,"data-testid":"span-info-wrap",children:n})}function c0({span:n}){const[a,t]=m.useState(null),l=Fe(),i=de(),r=m.useCallback(()=>{t(e(l0,{spanId:n.id,onCompleted:o=>{t(null),l({title:"Span Added to Dataset",message:"Successfully added span to dataset",action:{text:"View Dataset",onClick:()=>{i(`/datasets/${o}/examples`)}}})}}))},[n.id,l,i]);return s(U,{children:[e(R,{variant:"default",size:"S",leadingVisual:e(_,{svg:e(Lt,{})}),onPress:r,children:"Add to Dataset"}),e(m.Suspense,{children:e(ne,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(null),children:a})})]})}function u0({span:n}){const{spanKind:a,attributes:t}=n,{json:l,parseError:i}=i0(t),r=m.useMemo(()=>n.statusMessage?e(be,{variant:"danger",title:"Status Description",children:n.statusMessage}):null,[n]);if(i||!l)return e(C,{padding:"size-200",children:s(h,{direction:"column",gap:"size-200",children:[r,e(be,{variant:"warning",title:"Un-parsable attributes",children:`Failed to parse span attributes. ${i instanceof Error?i.message:""}`}),e(B,{...Ke,title:"Attributes",children:e(C,{padding:"size-100",children:t})})]})});let o;switch(a){case"llm":{o=e(m0,{span:n,spanAttributes:l});break}case"retriever":{o=e(p0,{span:n,spanAttributes:l});break}case"reranker":{o=e(g0,{span:n,spanAttributes:l});break}case"embedding":{o=e(y0,{span:n,spanAttributes:l});break}case"tool":{o=e(f0,{span:n,spanAttributes:l});break}default:o=e(jo,{span:n})}return e(C,{padding:"size-200",children:s(h,{direction:"column",gap:"size-200",children:[r,o,l!=null&&l.metadata?e(B,{...Ke,title:"Metadata",children:e(na,{children:JSON.stringify(l.metadata)})}):null]})})}function m0(n){const{spanAttributes:a,span:t}=n,{input:l,output:i}=t,r=m.useMemo(()=>a[ye.llm]||null,[a]),o=r==null?void 0:r[Ne.provider],d=m.useMemo(()=>{if(r==null)return null;const M=r[Ne.model_name];return typeof M=="string"?M:null},[r]),c=m.useMemo(()=>{if(r==null)return[];const M=r[Ne.input_messages];return Oi(M)?(M==null?void 0:M.map(Q=>Q[ye.message]).filter(Boolean))||[]:[]},[r]),p=m.useMemo(()=>{if(r==null)return[];const M=r[Ne.tools];return Array.isArray(M)?M==null?void 0:M.map(A=>A[ye.tool]).filter(Boolean):[]},[r]),
|
|
1415
|
+
`;function d0({children:n}){return e("div",{css:o0,"data-testid":"span-info-wrap",children:n})}function c0({span:n}){const[a,t]=m.useState(null),l=Fe(),i=de(),r=m.useCallback(()=>{t(e(l0,{spanId:n.id,onCompleted:o=>{t(null),l({title:"Span Added to Dataset",message:"Successfully added span to dataset",action:{text:"View Dataset",onClick:()=>{i(`/datasets/${o}/examples`)}}})}}))},[n.id,l,i]);return s(U,{children:[e(R,{variant:"default",size:"S",leadingVisual:e(_,{svg:e(Lt,{})}),onPress:r,children:"Add to Dataset"}),e(m.Suspense,{children:e(ne,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(null),children:a})})]})}function u0({span:n}){const{spanKind:a,attributes:t}=n,{json:l,parseError:i}=i0(t),r=m.useMemo(()=>n.statusMessage?e(be,{variant:"danger",title:"Status Description",children:n.statusMessage}):null,[n]);if(i||!l)return e(C,{padding:"size-200",children:s(h,{direction:"column",gap:"size-200",children:[r,e(be,{variant:"warning",title:"Un-parsable attributes",children:`Failed to parse span attributes. ${i instanceof Error?i.message:""}`}),e(B,{...Ke,title:"Attributes",children:e(C,{padding:"size-100",children:t})})]})});let o;switch(a){case"llm":{o=e(m0,{span:n,spanAttributes:l});break}case"retriever":{o=e(p0,{span:n,spanAttributes:l});break}case"reranker":{o=e(g0,{span:n,spanAttributes:l});break}case"embedding":{o=e(y0,{span:n,spanAttributes:l});break}case"tool":{o=e(f0,{span:n,spanAttributes:l});break}default:o=e(jo,{span:n})}return e(C,{padding:"size-200",children:s(h,{direction:"column",gap:"size-200",children:[r,o,l!=null&&l.metadata?e(B,{...Ke,title:"Metadata",children:e(na,{children:JSON.stringify(l.metadata)})}):null]})})}function m0(n){const{spanAttributes:a,span:t}=n,{input:l,output:i}=t,r=m.useMemo(()=>a[ye.llm]||null,[a]),o=r==null?void 0:r[Ne.provider],d=m.useMemo(()=>{if(r==null)return null;const M=r[Ne.model_name];return typeof M=="string"?M:null},[r]),c=m.useMemo(()=>{if(r==null)return[];const M=r[Ne.input_messages];return Oi(M)?(M==null?void 0:M.map(Q=>Q[ye.message]).filter(Boolean))||[]:[]},[r]),p=m.useMemo(()=>{if(r==null)return[];const M=r[Ne.tools];return Array.isArray(M)?M==null?void 0:M.map(A=>A[ye.tool]).filter(Boolean):[]},[r]),f=m.useMemo(()=>p.reduce((M,Q)=>(Q!=null&&Q.json_schema&&M.push(Q.json_schema),M),[]),[p]),u=m.useMemo(()=>{if(r==null)return[];const M=r[Ne.output_messages];return Oi(M)?M.map(Q=>Q[ye.message]).filter(Boolean)||[]:[]},[r]),g=m.useMemo(()=>{if(r==null)return[];const M=r[Ne.prompts];return Lp(M)?M:[]},[r]),y=m.useMemo(()=>{if(r==null)return null;const M=r[Ne.prompt_template];return M??null},[r]),k=m.useMemo(()=>r==null?"{}":r[Ne.invocation_parameters]||"{}",[r]),b=m.useMemo(()=>{if(d==null)return null;let M=e(Al,{spanKind:"llm"});const Q=o==null?void 0:o.toUpperCase();return typeof Q=="string"&&Ro(Q)&&(M=e(Dt,{provider:Q})),s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[M,e(v,{size:"M",weight:"heavy",children:d})]})},[d,o]),S=l!=null&&l.value!=null,F=c.length>0,T=f.length>0,x=i!=null&&i.value!=null,L=u.length>0,P=g.length>0,E=Object.keys(Me(k).json||{}).length>0,N=y!=null;return s(h,{direction:"column",gap:"size-200",children:[e(B,{collapsible:!0,backgroundColor:"light",borderColor:"light",bodyStyle:{padding:0},titleSeparator:!1,variant:"compact",title:b,children:s(He,{children:[s(Ue,{children:[F&&e(te,{id:"input-messages",children:"Input Messages"}),T&&e(te,{id:"tools",children:"Tools"}),S&&e(te,{id:"input",children:"Input"}),N&&e(te,{id:"prompt-template",children:"Prompt Template"}),P&&e(te,{id:"prompts",children:"Prompts"}),E&&e(te,{id:"invocation-params",children:"Invocation Params"})]}),F&&e(ce,{id:"input-messages",children:e(ji,{messages:c})}),T&&e(ce,{id:"tools",children:e(S0,{toolSchemas:f})}),S&&e(ce,{id:"input",children:e(C,{padding:"size-200",children:e(sn,{children:e(B,{...Ke,title:"LLM Input",extra:s(h,{direction:"row",gap:"size-100",children:[e(kn,{}),e(ue,{text:l.value})]}),children:e(Rn,{...l})})})})}),N&&e(ce,{id:"prompt-template",children:e(C,{padding:"size-200",children:s(h,{direction:"column",gap:"size-100",children:[e(C,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:s(bt,{text:y.template,children:[e(v,{color:"text-700",fontStyle:"italic",children:"prompt template"}),e(qo,{children:y.template})]})}),e(C,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:s(bt,{text:JSON.stringify(y.variables),children:[e(v,{color:"text-700",fontStyle:"italic",children:"template variables"}),e(na,{children:JSON.stringify(y.variables)})]})})]})})}),P&&e(ce,{id:"prompts",children:e(v0,{prompts:g})}),E&&e(ce,{id:"invocation-params",children:e(bt,{text:k,padding:"size-100",children:e(na,{children:k})})})]})}),x||L?e(vl,{...Ke,children:s(He,{children:[s(Ue,{children:[L&&e(te,{id:"output-messages",children:"Output Messages"}),x&&e(te,{id:"output",children:"Output"})]}),L&&e(ce,{id:"output-messages",children:e(ji,{messages:u})}),x&&e(ce,{id:"output",children:e(C,{padding:"size-200",children:e(sn,{children:e(B,{...Ke,title:"LLM Output",extra:s(h,{direction:"row",gap:"size-100",children:[e(kn,{}),e(ue,{text:i.value})]}),children:e(Rn,{...i})})})})})]})}):null]})}function p0(n){const{spanAttributes:a,span:t}=n,{input:l}=t,i=m.useMemo(()=>a[ye.retrieval]||null,[a]),r=m.useMemo(()=>{var u;return i==null?[]:((u=i[um.documents])==null?void 0:u.map(g=>g[ye.document]).filter(Boolean))||[]},[i]),o=m.useMemo(()=>t.documentEvaluations.reduce((g,y)=>{const k=y.documentPosition,b=g[k]||[];return{...g,[k]:[...b,y]}},{}),[t.documentEvaluations]),d=l!=null&&l.value!=null,c=d&&l.mimeType==="text",p=r.length>0,f=t.documentRetrievalMetrics.length>0;return s(h,{direction:"column",gap:"size-200",children:[d?e(sn,{children:e(B,{title:"Input",...Ke,extra:e(h,{direction:"row",gap:"size-100",alignItems:"center",children:c?e(kn,{}):e(ue,{text:l.value})}),children:e(Rn,{...l})})}):null,p?e(sn,{children:e(B,{title:"Documents",...Ke,titleExtra:f&&e(h,{direction:"row",alignItems:"center",gap:"size-100",children:t.documentRetrievalMetrics.map(u=>s(U,{children:[e(an,{name:u.evaluationName,metric:"ndcg",score:u.ndcg},"ndcg"),e(an,{name:u.evaluationName,metric:"precision",score:u.precision},"precision"),e(an,{name:u.evaluationName,metric:"hit",score:u.hit},"hit")]}))}),extra:e(kn,{}),children:e("ul",{css:K`
|
|
1416
1416
|
display: flex;
|
|
1417
1417
|
flex-direction: column;
|
|
1418
1418
|
gap: var(--ac-global-dimension-static-size-200);
|
|
1419
|
-
|
|
1419
|
+
padding: var(--ac-global-dimension-static-size-200);
|
|
1420
|
+
`,children:r.map((u,g)=>e("li",{children:e(fl,{document:u,documentEvaluations:o[g],borderColor:"seafoam-700",backgroundColor:"seafoam-100",tokenColor:"var(--ac-global-color-seafoam-1000)"})},g))})})}):null]})}function g0(n){const{spanAttributes:a}=n,t=m.useMemo(()=>a[ye.reranker]||null,[a]),l=m.useMemo(()=>t==null?null:t[el.query]||null,[t]),i=m.useMemo(()=>{var c;return t==null?[]:((c=t[el.input_documents])==null?void 0:c.map(p=>p[ye.document]).filter(Boolean))||[]},[t]),r=m.useMemo(()=>{var c;return t==null?[]:((c=t[el.output_documents])==null?void 0:c.map(p=>p[ye.document]).filter(Boolean))||[]},[t]),o=i.length,d=r.length;return s(h,{direction:"column",gap:"size-200",children:[e(sn,{children:l&&e(B,{title:"Query",...Ke,children:e(C,{padding:"size-200",children:e(za,{children:l})})})}),e(B,{title:"Input Documents",titleExtra:e(gn,{children:o}),...Ke,defaultOpen:!1,bodyStyle:{padding:0},children:e("ul",{css:K`
|
|
1420
1421
|
padding: var(--ac-global-dimension-static-size-200);
|
|
1421
1422
|
display: flex;
|
|
1422
1423
|
flex-direction: column;
|
|
@@ -1430,18 +1431,20 @@ fragment SpanAside_span on Span {
|
|
|
1430
1431
|
display: flex;
|
|
1431
1432
|
flex-direction: column;
|
|
1432
1433
|
gap: var(--ac-global-dimension-static-size-200);
|
|
1433
|
-
|
|
1434
|
+
padding: var(--ac-global-dimension-static-size-200);
|
|
1435
|
+
`,children:l.map((o,d)=>e("li",{children:e(sn,{children:e(B,{...Ke,backgroundColor:"purple-100",borderColor:"purple-700",title:"Embedded Text",children:e(C,{padding:"size-200",children:e(za,{children:o[nl.text]||""})})})})},d))})}):e(jo,{span:n.span})})}function f0(n){const{span:a,spanAttributes:t}=n,{input:l,output:i}=a,r=typeof(l==null?void 0:l.value)=="string",o=typeof(i==null?void 0:i.value)=="string",d=(l==null?void 0:l.mimeType)==="text",c=(i==null?void 0:i.mimeType)==="text",p=m.useMemo(()=>t[ye.tool]||{},[t]),f=Object.keys(p).length>0,u=p[kt.name],g=p[kt.description],y=p[kt.parameters];return!r&&!o&&!f?null:s(h,{direction:"column",gap:"size-200",children:[r?e(sn,{children:e(B,{title:"Input",...Ke,extra:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[d?e(kn,{}):null,e(ue,{text:l.value})]}),children:e(Rn,{...l})})}):null,o?e(sn,{children:e(B,{title:"Output",...Ke,backgroundColor:"green-100",borderColor:"green-700",extra:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[c?e(kn,{}):null,e(ue,{text:i.value})]}),children:e(Rn,{...i})})}):null,f?e(B,{title:"Tool"+(typeof u=="string"?`: ${u}`:""),...Ke,children:s(h,{direction:"column",children:[g!=null?e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",backgroundColor:"light",children:s(h,{direction:"column",alignItems:"start",gap:"size-50",children:[e(v,{color:"text-700",fontStyle:"italic",children:"Description"}),e(v,{children:g})]})}):null,y!=null?e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",children:s(h,{direction:"column",alignItems:"start",width:"100%",children:[e(v,{color:"text-700",fontStyle:"italic",children:"Parameters"}),e(na,{children:JSON.stringify(y)})]})}):null]})}):null]})}const h0=["irrelevant","unrelated"];function fl({document:n,documentEvaluations:a,backgroundColor:t,borderColor:l,tokenColor:i}){const r=n[Ba.metadata],o=a&&a.length,d=n[Ba.content];return e(B,{...Ke,backgroundColor:t,borderColor:l,bodyStyle:{padding:0},title:s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_,{svg:e(_r,{})}),s(re,{level:4,children:["document ",n[Ba.id]]})]}),extra:typeof n[Ba.score]=="number"&&e(_a,{color:i,children:`score ${Vl(n[Ba.score])}`}),children:s(h,{direction:"column",children:[d&&e(C,{padding:"size-200",children:e(za,{children:d})}),r&&e(U,{children:s(C,{borderColor:l,borderTopWidth:"thin",children:[e(C,{paddingX:"size-200",paddingY:"size-100",borderColor:l,borderBottomWidth:"thin",children:e(re,{level:4,children:"Document Metadata"})}),e(na,{basicSetup:{lineNumbers:!1},children:JSON.stringify(r)})]})}),o&&e(C,{borderColor:l,borderTopWidth:"thin",padding:"size-200",children:s(h,{direction:"column",gap:"size-100",children:[e(re,{level:3,weight:"heavy",children:"Evaluations"}),e("ul",{children:a.map((c,p)=>{const f=c.label&&h0.includes(c.label)?"var(--ac-global-color-danger)":i;return e("li",{children:e(C,{padding:"size-200",borderWidth:"thin",borderColor:l,borderRadius:"medium",children:s(h,{direction:"column",gap:"size-50",children:[s(h,{direction:"row",gap:"size-100",children:[e(v,{weight:"heavy",elementType:"h5",children:c.name}),c.label&&e(_a,{color:f,children:c.label}),typeof c.score=="number"&&e(_a,{color:f,children:s(h,{direction:"row",gap:"size-50",children:[e(v,{size:"XS",weight:"heavy",color:"inherit",children:"score"}),e(v,{size:"XS",children:Hn(c.score)})]})})]}),typeof c.explanation&&e("p",{css:K`
|
|
1434
1436
|
margin-top: var(
|
|
1435
1437
|
--ac-global-dimension-static-size-100
|
|
1436
1438
|
);
|
|
1437
1439
|
margin-bottom: 0;
|
|
1438
|
-
`,children:c.explanation})]})})},p)})})]})})]})})}function k0({message:n}){var d;const a=n[
|
|
1440
|
+
`,children:c.explanation})]})})},p)})})]})})]})})}function k0({message:n}){var d;const a=n[Qe.content],t=n[Qe.contents],l=((d=n[Qe.tool_calls])==null?void 0:d.map(c=>c[ye.tool_call]).filter(Boolean))||[],i=n[Qe.function_call_arguments_json]&&n[Qe.function_call_name],r=n[Qe.role]||"unknown",o=mt(r);return e(sn,{children:s(B,{...Ke,...o,title:r+(n[Qe.name]?`: ${n[Qe.name]}`:""),extra:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(kn,{}),e(ue,{text:a||JSON.stringify(n)})]}),children:[e(At,{children:t?e(C,{padding:"size-200",children:e(F0,{messageContents:t})}):null}),s(h,{direction:"column",alignItems:"start",children:[a?e(C,{padding:"size-200",children:e(za,{children:a})}):null,l.length>0?l.map((c,p)=>{var u,g,y;const f=Me((u=c==null?void 0:c.function)==null?void 0:u.arguments);return s("pre",{css:K`
|
|
1439
1441
|
text-wrap: wrap;
|
|
1440
1442
|
margin: var(--ac-global-dimension-static-size-100) 0;
|
|
1441
|
-
|
|
1443
|
+
padding: var(--ac-global-dimension-static-size-200);
|
|
1444
|
+
`,children:[(g=c==null?void 0:c.function)==null?void 0:g.name,"(",f.json?JSON.stringify(f.json,null,2):`${(y=c==null?void 0:c.function)==null?void 0:y.arguments}`,")"]},p)}):null,i?s("pre",{css:K`
|
|
1442
1445
|
text-wrap: wrap;
|
|
1443
1446
|
margin: var(--ac-global-dimension-static-size-100) 0;
|
|
1444
|
-
`,children:[n[
|
|
1447
|
+
`,children:[n[Qe.function_call_name],"(",JSON.stringify(JSON.parse(n[Qe.function_call_arguments_json]),null,2),")"]}):null]})]})})}function b0({toolSchema:n,index:a}){return e(B,{title:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Al,{spanKind:"tool"}),e(v,{weight:"heavy",children:"Tool"})]}),titleExtra:s(gn,{children:["#",a+1]}),...Ke,backgroundColor:"yellow-100",borderColor:"yellow-700",bodyStyle:{padding:0},extra:e(ue,{text:n}),children:e(Rn,{value:n,mimeType:"json"})})}function ji({messages:n}){return e("ul",{css:K`
|
|
1445
1448
|
display: flex;
|
|
1446
1449
|
flex-direction: column;
|
|
1447
1450
|
gap: var(--ac-global-dimension-static-size-100);
|
|
@@ -1467,7 +1470,7 @@ fragment SpanAside_span on Span {
|
|
|
1467
1470
|
white-space: pre-wrap;
|
|
1468
1471
|
padding: 0;
|
|
1469
1472
|
margin: 0;
|
|
1470
|
-
`,children:t}):null,i?e(a0,{url:i}):null]})}function jo({span:n}){const{input:a,output:t}=n,l=a==null&&t==null,i=(a==null?void 0:a.mimeType)==="text",r=(t==null?void 0:t.mimeType)==="text";return s(h,{direction:"column",gap:"size-200",children:[a&&a.value!=null?e(sn,{children:e(B,{title:"Input",...Ke,extra:s(h,{direction:"row",gap:"size-100",children:[i?e(kn,{}):null,e(ue,{text:a.value})]}),children:e(Rn,{...a})})}):null,t&&t.value!=null?e(sn,{children:e(B,{title:"Output",...Ke,backgroundColor:"green-100",borderColor:"green-700",extra:s(h,{direction:"row",gap:"size-100",children:[r?e(kn,{}):null,e(ue,{text:t.value})]}),children:e(Rn,{...t})})}):null,l?e(B,{title:"All Attributes",titleExtra:Bo,...Ke,extra:e(ue,{text:n.attributes}),children:e(na,{children:n.attributes})}):null]})}const P0=K`
|
|
1473
|
+
`,children:t}):null,i?e(a0,{url:i}):null]})}function jo({span:n}){const{input:a,output:t}=n,l=a==null&&t==null,i=(a==null?void 0:a.mimeType)==="text",r=(t==null?void 0:t.mimeType)==="text";return s(h,{direction:"column",gap:"size-200",children:[a&&a.value!=null?e(sn,{children:e(B,{title:"Input",...Ke,extra:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[i?e(kn,{}):null,e(ue,{text:a.value})]}),children:e(Rn,{...a})})}):null,t&&t.value!=null?e(sn,{children:e(B,{title:"Output",...Ke,backgroundColor:"green-100",borderColor:"green-700",extra:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[r?e(kn,{}):null,e(ue,{text:t.value})]}),children:e(Rn,{...t})})}):null,l?e(B,{title:"All Attributes",titleExtra:Bo,...Ke,extra:e(ue,{text:n.attributes}),children:e(na,{children:n.attributes})}):null]})}const P0=K`
|
|
1471
1474
|
.cm-editor,
|
|
1472
1475
|
.cm-gutters {
|
|
1473
1476
|
background-color: transparent;
|
|
@@ -1485,10 +1488,11 @@ fragment SpanAside_span on Span {
|
|
|
1485
1488
|
&:hover .copy-to-clipboard-button {
|
|
1486
1489
|
opacity: 1;
|
|
1487
1490
|
}
|
|
1488
|
-
`,children:[e(ue,{text:n}),a]})}function na({children:n}){const{theme:
|
|
1491
|
+
`,children:[e(ue,{text:n}),a]})}function na({children:n,basicSetup:a={}}){const{theme:t}=zn(),l=t==="light"?sa:oa,{value:i,mimeType:r}=m.useMemo(()=>{try{return{value:JSON.stringify(JSON.parse(n),null,2),mimeType:"json"}}catch{return{value:n,mimeType:"text"}}},[n]);return r==="json"?e(da,{value:i,basicSetup:{lineNumbers:!0,foldGutter:!0,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1,...a},extensions:[Hg.json(),ns.lineWrapping],editable:!1,theme:l,css:P0}):e(qo,{children:i})}function qo({children:n}){return e("pre",{"data-testid":"pre-block",css:K`
|
|
1489
1492
|
white-space: pre-wrap;
|
|
1490
|
-
padding:
|
|
1491
|
-
|
|
1493
|
+
padding: var(--ac-global-dimension-static-size-200);
|
|
1494
|
+
font-size: var(--ac-global-font-size-s);
|
|
1495
|
+
`,children:n})}function Rn({value:n,mimeType:a}){let t;switch(a){case"json":t=e(na,{children:n});break;case"text":t=e(C,{margin:"size-200",children:e(za,{children:n})});break;default:Se()}return t}function I0({text:n}){return s(h,{direction:"column",alignItems:"center",flex:"1 1 auto",height:"size-2400",justifyContent:"center",gap:"size-100",children:[e(Pt,{graphicKey:"documents"}),e(v,{children:n})]})}function x0({events:n}){return n.length===0?e(I0,{text:"No events"}):e(Tt,{children:n.map((a,t)=>{const l=a.name==="exception";return e(Kt,{children:s(h,{direction:"row",alignItems:"center",gap:"size-100",children:[e(C,{flex:"none",children:e("div",{"data-event-type":l?"exception":"info",css:K`
|
|
1492
1496
|
&[data-event-type="exception"] {
|
|
1493
1497
|
--px-event-icon-color: var(--ac-global-color-danger);
|
|
1494
1498
|
}
|
|
@@ -1498,7 +1502,7 @@ fragment SpanAside_span on Span {
|
|
|
1498
1502
|
.ac-icon-wrap {
|
|
1499
1503
|
color: var(--px-event-icon-color);
|
|
1500
1504
|
}
|
|
1501
|
-
`,children:e(_,{svg:l?e(_p,{}):e(En,{})})})}),s(h,{direction:"column",gap:"size-25",flex:"1 1 auto",children:[e(v,{weight:"heavy",children:a.name}),e(v,{color:"text-700",children:a.message})]}),e(C,{children:e(v,{color:"text-700",children:new Date(a.timestamp).toLocaleString()})})]})},t)})})}const Bo=e(h,{alignItems:"center",justifyContent:"center",children:e(C,{marginStart:"size-100",children:s(
|
|
1505
|
+
`,children:e(_,{svg:l?e(_p,{}):e(En,{})})})}),s(h,{direction:"column",gap:"size-25",flex:"1 1 auto",children:[e(v,{weight:"heavy",children:a.name}),e(v,{color:"text-700",children:a.message})]}),e(C,{children:e(v,{color:"text-700",children:new Date(a.timestamp).toLocaleString()})})]})},t)})})}const Bo=e(h,{alignItems:"center",justifyContent:"center",children:e(C,{marginStart:"size-100",children:s(Va,{children:[e(re,{weight:"heavy",level:4,children:"Span Attributes"}),e(ta,{children:e(v,{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(rn,{href:"https://github.com/Arize-ai/openinference/blob/main/spec/semantic_conventions.md",children:"Semantic Conventions"})})]})})}),Uo=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],t={kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[{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:"annotatorKind",storageKey:null}],storageKey:null}],type:"Span",abstractKey: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:[t],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:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}]},params:{cacheID:"660fcce54b17ff01056ef96c4dcb3c35",id:null,metadata:{},name:"TraceHeaderRootSpanAnnotationsQuery",operationKind:"query",text:`query TraceHeaderRootSpanAnnotationsQuery(
|
|
1502
1506
|
$spanId: GlobalID!
|
|
1503
1507
|
) {
|
|
1504
1508
|
span: node(id: $spanId) {
|
|
@@ -1515,19 +1519,19 @@ fragment SpanAside_span on Span {
|
|
|
1515
1519
|
id
|
|
1516
1520
|
}
|
|
1517
1521
|
}
|
|
1518
|
-
`}}}();Uo.hash="d506d0235a1602f740af082698950c65";function D0({spanId:n}){const t=D.useLazyLoadQuery(Uo,{spanId:n},{fetchPolicy:"store-and-network"}).span.spanAnnotations??[];return t.length>0?s(h,{direction:"column",gap:"size-50",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Feedback"}),e(h,{direction:"row",gap:"size-50",children:t.map(i=>e(
|
|
1522
|
+
`}}}();Uo.hash="d506d0235a1602f740af082698950c65";function D0({spanId:n}){const t=D.useLazyLoadQuery(Uo,{spanId:n},{fetchPolicy:"store-and-network"}).span.spanAnnotations??[];return t.length>0?s(h,{direction:"column",gap:"size-50",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Feedback"}),e(h,{direction:"row",gap:"size-50",children:t.map(i=>e(Aa,{annotation:i,children:e(An,{annotation:i,annotationDisplayPreference:"label"})},i.name))})]}):null}const sl="selectedSpanNodeId";function _0(n){const a=n.find(i=>i.parentId==null);if(a)return a;const t=new Set(n.map(i=>i.spanId)),l=n.filter(i=>i.parentId!=null&&!t.has(i.parentId));return l.length===1?l[0]:null}function ri(n){var u,g;const{traceId:a,projectId:t}=n,[l,i]=vn(),r=D.useLazyLoadQuery(Eo,{traceId:a,id:t},{fetchPolicy:"store-and-network"}),o=((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(b=>b.span)},[r]),p=l.get(sl)??d[0].id,f=m.useMemo(()=>_0(d),[d]);return m.useEffect(()=>()=>{i(y=>(y.delete(sl),y),{replace:!0})},[]),s("main",{css:K`
|
|
1519
1523
|
flex: 1 1 auto;
|
|
1520
1524
|
overflow: hidden;
|
|
1521
1525
|
display: flex;
|
|
1522
1526
|
flex-direction: column;
|
|
1523
|
-
`,children:[e(L0,{rootSpan:
|
|
1527
|
+
`,children:[e(L0,{rootSpan:f,latencyMs:o,sessionId:(g=r.project.trace)==null?void 0:g.projectSessionId}),s(Ln,{direction:"horizontal",autoSaveId:"trace-panel-group",css:K`
|
|
1524
1528
|
flex: 1 1 auto;
|
|
1525
1529
|
overflow: hidden;
|
|
1526
|
-
`,children:[e(Ee,{defaultSize:30,minSize:5,children:e(E0,{children:e(wp,{spans:d,selectedSpanNodeId:p,onSpanClick:
|
|
1530
|
+
`,children:[e(Ee,{defaultSize:30,minSize:5,children:e(E0,{children:e(wp,{spans:d,selectedSpanNodeId:p,onSpanClick:y=>{i(k=>(k.set(sl,y.id),k),{replace:!0})}})})}),e(_n,{css:Nl}),e(Ee,{children:e(w0,{children:p?e(m.Suspense,{fallback:e(ve,{}),children:e(s0,{spanNodeId:p,projectId:t})}):null})})]})]})}function L0({rootSpan:n,latencyMs:a,sessionId:t}){const{projectId:l}=We(),{statusCode:i}=n??{statusCode:"UNSET"},r=Ep(i);return e(C,{paddingTop:"size-100",paddingBottom:"size-150",paddingX:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",children:s(h,{direction:"row",gap:"size-400",alignItems:"center",css:K`
|
|
1527
1531
|
box-sizing: content-box;
|
|
1528
1532
|
`,children:[s(h,{direction:"column",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Trace Status"}),e(v,{size:"XL",children:s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(Vt,{statusCode:i}),e(v,{size:"L",color:r,children:i})]})})]}),s(h,{direction:"column",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Latency"}),e(v,{size:"XL",children:typeof a=="number"?e(Ae,{latencyMs:a,size:"L"}):"--"})]}),n?e(D0,{spanId:n.id}):null,t&&e("span",{css:K`
|
|
1529
1533
|
margin-left: auto;
|
|
1530
|
-
`,children:e(
|
|
1534
|
+
`,children:e(Ka,{size:"S",variant:"primary",to:`/projects/${l}/sessions/${t}`,children:"View Session"})})]})})}function w0({children:n}){return e("div",{"data-testid":"scrolling-tabs-wrapper",css:K`
|
|
1531
1535
|
height: 100%;
|
|
1532
1536
|
overflow: hidden;
|
|
1533
1537
|
.ac-tabs {
|
|
@@ -1550,10 +1554,10 @@ fragment SpanAside_span on Span {
|
|
|
1550
1554
|
`,children:n})}function E0({children:n}){return e("div",{"data-testid":"scrolling-panel-content",css:K`
|
|
1551
1555
|
height: 100%;
|
|
1552
1556
|
overflow-y: auto;
|
|
1553
|
-
`,children:n})}const Zt=()=>{const{projectId:n}=We();if(!n)throw new Error("projectId is required");const t=Ft().pathname.split("/"),l=t.indexOf(n);if(l===-1)throw new Error("projectId not found in path");const i=t.slice(0,l+1).join("/"),r=t[l+1];return{rootPath:i,tab:r}};function w2(){const{traceId:n,projectId:a}=We(),t=de(),{rootPath:l,tab:i}=Zt();return e(ne,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(`${l}/${i}`),children:e(X,{size:"fullscreen",title:"Trace Details",children:e(ri,{traceId:n,projectId:a})})})}function Ho({traceId:n,projectId:a,title:t}){
|
|
1557
|
+
`,children:n})}const Zt=()=>{const{projectId:n}=We();if(!n)throw new Error("projectId is required");const t=Ft().pathname.split("/"),l=t.indexOf(n);if(l===-1)throw new Error("projectId not found in path");const i=t.slice(0,l+1).join("/"),r=t[l+1];return{rootPath:i,tab:r}};function w2(){const{traceId:n,projectId:a}=We(),t=de(),{rootPath:l,tab:i}=Zt();return e(ne,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(`${l}/${i}`),children:e(X,{size:"fullscreen",title:"Trace Details",children:e(ri,{traceId:n,projectId:a})})})}function Ho({traceId:n,projectId:a,title:t}){return e(X,{title:t,size:"fullscreen",extra:e(Ka,{size:"S",to:`/projects/${a}/traces/${n}`,children:"View Trace in Project"}),children:e(ri,{traceId:n,projectId:a})})}const M0=n=>{const a=n;return Xn(a.function)?typeof a.function.arguments=="string":!1};function Go({toolCall:n}){const a=m.useMemo(()=>{const{provider:t,validatedToolCall:l}=Mp(n);switch(t){case"OPENAI":case"AZURE_OPENAI":return{name:l.function.name,input:l.function.arguments};case"ANTHROPIC":return{name:l.name,input:l.input};case"UNKNOWN":{if(!M0(n))return null;const{json:i}=Me(n.function.arguments);return{name:n.function.name??"",input:Xn(i)?i:n.function.arguments}}default:return Se()}},[n]);return a==null?s(v,{children:["Invalid tool call format: ",JSON.stringify(n)]}):s("pre",{css:K`
|
|
1554
1558
|
text-wrap: wrap;
|
|
1555
1559
|
margin: var(--ac-global-dimension-static-size-100) 0;
|
|
1556
|
-
`,children:[a.name,"(",typeof a.input=="string"?a.input:JSON.stringify(a.input,null,2),")"]})}const R0=10,V0=n=>n.examples.reduce((a,t)=>{const{datasetExampleId:l,result:i,experimentRunId:r}=t,o={experimentRunId:r};switch(i.__typename){case"ChatCompletionMutationError":return{...a,[l]:{...o,errorMessage:i.message}};case"ChatCompletionMutationPayload":{const{errorMessage:d,content:c,span:p,toolCalls:
|
|
1560
|
+
`,children:[a.name,"(",typeof a.input=="string"?a.input:JSON.stringify(a.input,null,2),")"]})}const R0=10,V0=n=>n.examples.reduce((a,t)=>{const{datasetExampleId:l,result:i,experimentRunId:r}=t,o={experimentRunId:r};switch(i.__typename){case"ChatCompletionMutationError":return{...a,[l]:{...o,errorMessage:i.message}};case"ChatCompletionMutationPayload":{const{errorMessage:d,content:c,span:p,toolCalls:f}=i;return{...a,[l]:{...o,span:p,content:c,errorMessage:d,toolCalls:f.reduce((u,g)=>(u[g.id]=g,u),{})}}}case"%other":return a;default:Se()}},{}),A0=K`
|
|
1557
1561
|
position: relative;
|
|
1558
1562
|
display: flex;
|
|
1559
1563
|
flex-direction: column;
|
|
@@ -1587,13 +1591,13 @@ fragment SpanAside_span on Span {
|
|
|
1587
1591
|
overflow-y: auto;
|
|
1588
1592
|
padding: var(--ac-global-dimension-static-size-100)
|
|
1589
1593
|
var(--ac-global-dimension-static-size-200);
|
|
1590
|
-
`,children:n})}function z0({getValue:n,collapseSingleKey:a}){const t=n();return e(Jo,{children:e(dt,{json:t,space:2,collapseSingleKey:a})})}function $0({isRunning:n,instanceVariables:a,datasetExampleInput:t}){const l=m.useMemo(()=>{const i=Xn(t)?t:{};return a.filter(r=>i[r]==null)},[t,a]);return n?e(ve,{}):l.length===0?null:e(ii,{children:`Missing input for variable${l.length>1?"s":""}: ${l.join(", ")}`})}function O0({exampleData:n,setDialog:a}){const{span:t,content:l,toolCalls:i,errorMessage:r,experimentRunId:o}=n,d=t!=null,c=o!=null,p=m.useMemo(()=>{if(d||c)return s(U,{children:[c&&s(he,{children:[e(R,{size:"S","aria-label":"View experiment run details",leadingVisual:e(_,{svg:e(lt,{})}),onPress:()=>{m.startTransition(()=>{a(e(Qh,{runId:o}))})}}),e(Re,{children:"View run details"})]}),d&&e(U,{children:s(he,{children:[e(R,{size:"S","aria-label":"View run trace",leadingVisual:e(_,{svg:e(Rt,{})}),onPress:()=>{m.startTransition(()=>{a(e(Ho,{traceId:t.context.traceId,projectId:t.project.id,title:"Experiment Run Trace"}))})}}),e(Re,{children:"View Trace"})]})})]})},[o,c,d,a,t]);return e(Wo,{controls:p,children:s(h,{direction:"column",gap:"size-200",children:[r!=null?e(ii,{children:r}):null,e(v,{children:l}),i!=null?Object.values(i).map(
|
|
1594
|
+
`,children:n})}function z0({getValue:n,collapseSingleKey:a}){const t=n();return e(Jo,{children:e(dt,{json:t,space:2,collapseSingleKey:a})})}function $0({isRunning:n,instanceVariables:a,datasetExampleInput:t}){const l=m.useMemo(()=>{const i=Xn(t)?t:{};return a.filter(r=>i[r]==null)},[t,a]);return n?e(ve,{}):l.length===0?null:e(ii,{children:`Missing input for variable${l.length>1?"s":""}: ${l.join(", ")}`})}function O0({exampleData:n,setDialog:a}){const{span:t,content:l,toolCalls:i,errorMessage:r,experimentRunId:o}=n,d=t!=null,c=o!=null,p=m.useMemo(()=>{if(d||c)return s(U,{children:[c&&s(he,{children:[e(R,{size:"S","aria-label":"View experiment run details",leadingVisual:e(_,{svg:e(lt,{})}),onPress:()=>{m.startTransition(()=>{a(e(Qh,{runId:o}))})}}),e(Re,{children:"View run details"})]}),d&&e(U,{children:s(he,{children:[e(R,{size:"S","aria-label":"View run trace",leadingVisual:e(_,{svg:e(Rt,{})}),onPress:()=>{m.startTransition(()=>{a(e(Ho,{traceId:t.context.traceId,projectId:t.project.id,title:"Experiment Run Trace"}))})}}),e(Re,{children:"View Trace"})]})})]})},[o,c,d,a,t]);return e(Wo,{controls:p,children:s(h,{direction:"column",gap:"size-200",children:[r!=null?e(ii,{children:r}):null,e(v,{children:l}),i!=null?Object.values(i).map(f=>f==null?null:e(Go,{toolCall:f},f.id)):null,d?e(j0,{span:t}):null]})})}const Q0=m.memo(function({isRunning:a,instanceId:t,exampleId:l,setDialog:i,instanceVariables:r,datasetExampleInput:o}){const d=Ia(c=>{var p;return(p=c.exampleResponsesMap[t])==null?void 0:p[l]});return d==null?e($0,{isRunning:a,instanceVariables:r,datasetExampleInput:o}):e(O0,{exampleData:d,setDialog:i})});function j0({span:n}){return s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(ra,{tokenCountTotal:n.tokenCountTotal||0,tokenCountPrompt:n.tokenCountPrompt||0,tokenCountCompletion:n.tokenCountCompletion||0}),e(Ae,{latencyMs:n.latencyMs||0})]})}function Zo({table:n}){return e("tbody",{children:n.getRowModel().rows.map(a=>e("tr",{children:a.getVisibleCells().map(t=>e("td",{style:{padding:0,height:1,width:`calc(var(--col-${t.column.id}-size) * 1px)`,wordBreak:"break-all"},children:J(t.column.columnDef.cell,t.getContext())},t.id))},a.id))})}const q0=fe.memo(Zo,(n,a)=>n.table.options.data===a.table.options.data);function B0({datasetId:n}){const a=D.useRelayEnvironment(),t=O(j=>j.instances),l=O(j=>j.allInstanceMessages),i=O(j=>j.templateFormat),r=O(j=>j.updateInstance),o=Ia(j=>j.updateExampleData),d=Ia(j=>j.setExampleDataForInstance),c=Ia(j=>j.resetExampleData),p=Ia(j=>j.appendExampleDataToolCallChunk),f=Ia(j=>j.appendExampleDataTextChunk),[u,g]=m.useState(null),[,y]=vn(),k=t.some(j=>j.activeRunId!==null),b=Ma(j=>j),S=O(j=>j.markPlaygroundInstanceComplete),F=ti(),T=De(),x=m.useCallback(j=>Y=>{var Te;if(Y==null)return;const ae=Y.chatCompletionOverDataset;switch(ae.__typename){case"ChatCompletionSubscriptionExperiment":r({instanceId:j,patch:{experimentId:ae.experiment.id},dirty:null});break;case"ChatCompletionSubscriptionResult":if(ae.datasetExampleId==null)return;o({instanceId:j,exampleId:ae.datasetExampleId,patch:{span:ae.span,experimentRunId:(Te=ae.experimentRun)==null?void 0:Te.id}});break;case"ChatCompletionSubscriptionError":if(ae.datasetExampleId==null)return;o({instanceId:j,exampleId:ae.datasetExampleId,patch:{errorMessage:ae.message}});break;case"TextChunk":if(ae.datasetExampleId==null)return;f({instanceId:j,exampleId:ae.datasetExampleId,textChunk:ae.content});break;case"ToolCallChunk":{if(ae.datasetExampleId==null)return;p({instanceId:j,exampleId:ae.datasetExampleId,toolCallChunk:ae});break}case"%other":return;default:return Se()}},[f,p,o,r]),[L]=D.useMutation(Po),P=m.useCallback(j=>(Y,ae)=>{if(S(j),ae){T({title:"Chat completion failed",message:ae[0].message});return}r({instanceId:j,patch:{experimentId:Y.chatCompletionOverDataset.experimentId},dirty:null}),d({instanceId:j,data:V0(Y.chatCompletionOverDataset)})},[S,T,d,r]);m.useEffect(()=>{if(!k)return;const{instances:j,streaming:Y,updateInstance:ae}=F.getState();if(c(),Y){const Te=[];for(const I of j){const{activeRunId:V}=I;if(ae({instanceId:I.id,patch:{experimentId:null},dirty:null}),V===null)continue;const q={input:Li({credentials:b,instanceId:I.id,playgroundStore:F,datasetId:n})},G={subscription:Io,variables:q,onNext:x(I.id),onCompleted:()=>{S(I.id)},onError:Bn=>{S(I.id);const qa=wr(Bn);qa!=null&&qa.length>0?T({title:"Failed to get output",message:qa.join(`
|
|
1591
1595
|
`),expireMs:1e4}):T({title:"Failed to get output",message:Bn.message,expireMs:1e4})}},yn=ot.requestSubscription(a,G);Te.push(yn)}return()=>{for(const I of Te)I.dispose()}}else{const Te=[];for(const I of j){const{activeRunId:V}=I;if(V===null)continue;ae({instanceId:I.id,patch:{experimentId:null},dirty:null});const q={input:Li({credentials:b,instanceId:I.id,playgroundStore:F,datasetId:n})},G=L({variables:q,onCompleted:P(I.id),onError(yn){S(I.id);const Bn=xe(yn);Bn!=null&&Bn.length>0?T({title:"Failed to get output",message:Bn.join(`
|
|
1592
|
-
`),expireMs:1e4}):T({title:"Failed to get output",message:yn.message,expireMs:1e4})}});Te.push(G)}return()=>{for(const I of Te)I.dispose()}}},[b,n,a,L,k,S,T,P,x,F,c]);const{dataset:E}=D.useLazyLoadQuery(_o,{datasetId:n}),N=m.useRef(null),{data:M,loadNext:Q,hasNext:A,isLoadingNext:$}=D.usePaginationFragment(Do,E),z=m.useMemo(()=>M.examples.edges.map(j=>{const Y=j.example,ae=Y.revision;return{id:Y.id,input:ae.input,output:ae.output}}),[M]),le=m.useMemo(()=>t.map((j,Y)=>{const ae=Bt(j,l),Te=ys({instance:ae,templateFormat:i});return{id:`instance-${j.id}`,header:()=>s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(zl,{index:Y}),e("span",{children:"Output"})]}),cell:({row:I})=>e(Q0,{instanceId:j.id,exampleId:I.original.id,isRunning:k,setDialog:g,instanceVariables:Te,datasetExampleInput:I.original.input}),size:500}}),[k,t,i,l]),ie=[{header:"input",accessorKey:"input",cell:({row:j})=>e(Wo,{controls:s(he,{children:[e(R,{size:"S","aria-label":"View example details",leadingVisual:e(_,{svg:e(lt,{})}),onPress:()=>{
|
|
1596
|
+
`),expireMs:1e4}):T({title:"Failed to get output",message:yn.message,expireMs:1e4})}});Te.push(G)}return()=>{for(const I of Te)I.dispose()}}},[b,n,a,L,k,S,T,P,x,F,c]);const{dataset:E}=D.useLazyLoadQuery(_o,{datasetId:n}),N=m.useRef(null),{data:M,loadNext:Q,hasNext:A,isLoadingNext:$}=D.usePaginationFragment(Do,E),z=m.useMemo(()=>M.examples.edges.map(j=>{const Y=j.example,ae=Y.revision;return{id:Y.id,input:ae.input,output:ae.output}}),[M]),le=m.useMemo(()=>t.map((j,Y)=>{const ae=Bt(j,l),Te=ys({instance:ae,templateFormat:i});return{id:`instance-${j.id}`,header:()=>s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(zl,{index:Y}),e("span",{children:"Output"})]}),cell:({row:I})=>e(Q0,{instanceId:j.id,exampleId:I.original.id,isRunning:k,setDialog:g,instanceVariables:Te,datasetExampleInput:I.original.input}),size:500}}),[k,t,i,l]),ie=[{header:"input",accessorKey:"input",cell:({row:j})=>e(Wo,{controls:s(he,{children:[e(R,{size:"S","aria-label":"View example details",leadingVisual:e(_,{svg:e(lt,{})}),onPress:()=>{y(Y=>(Y.set("exampleId",j.original.id),Y))}}),e(Re,{children:"View Example"})]}),children:e(Jo,{children:e(dt,{json:j.original.input,disableTitle:!0,space:2,collapseSingleKey:!1})})}),size:200},{header:"reference output",accessorKey:"output",cell:j=>z0({...j,collapseSingleKey:!0}),size:200},...le],ke=_e({columns:ie,data:z,getCoreRowModel:Le(),columnResizeMode:"onChange"}),qn=ke.getRowModel().rows.length===0,ma=m.useCallback(j=>{if(j){const{scrollHeight:Y,scrollTop:ae,clientHeight:Te}=j;Y-ae-Te<300&&!$&&A&&Q(R0)}},[A,$,Q]),pa=fe.useMemo(()=>{const j=ke.getFlatHeaders(),Y={};for(let ae=0;ae<j.length;ae++){const Te=j[ae];Y[`--header-${Te.id}-size`]=Te.getSize(),Y[`--col-${Te.column.id}-size`]=Te.column.getSize()}return Y},[ke.getState().columnSizingInfo,ke.getState().columnSizing,ie.length]);return s("div",{css:K`
|
|
1593
1597
|
flex: 1 1 auto;
|
|
1594
1598
|
overflow: auto;
|
|
1595
1599
|
height: 100%;
|
|
1596
|
-
`,ref:N,onScroll:j=>ma(j.target),children:[s("table",{css:K(on,Lr),style:{...pa,width:ke.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:ke.getHeaderGroups().map(j=>e("tr",{children:j.headers.map(Y=>s("th",{style:{width:`calc(var(--header-${Y==null?void 0:Y.id}-size) * 1px)`},children:[e("div",{children:J(Y.column.columnDef.header,Y.getContext())}),e("div",{onMouseDown:Y.getResizeHandler(),onTouchStart:Y.getResizeHandler(),className:`resizer ${Y.column.getIsResizing()?"isResizing":""}`})]},Y.id))},j.id))}),qn?e(un,{}):ke.getState().columnSizingInfo.isResizingColumn?e(q0,{table:ke}):e(Zo,{table:ke})]}),e(ne,{isDismissable:!0,type:"slideOver",onDismiss:()=>{g(null)},children:u})]})}function U0({datasetId:n}){const a=O(o=>o.instances),t=a.some(o=>o.activeRunId!=null),l=m.useMemo(()=>a.map(o=>o.experimentId).filter(o=>o!=null),[a]),i=de(),r=D.useLazyLoadQuery(To,{datasetId:n});return s(h,{direction:"column",height:"100%",children:[e(C,{flex:"none",backgroundColor:"dark",paddingX:"size-200",paddingY:"size-100",borderBottomColor:"light",borderBottomWidth:"thin",height:50,children:s(h,{justifyContent:"space-between",alignItems:"center",height:"100%",children:[s(h,{gap:"size-100",children:[s(v,{children:[r.dataset.name??"Dataset"," results"]}),r.dataset.exampleCount!=null?s(v,{fontStyle:"italic",color:"text-700",children:[r.dataset.exampleCount," examples"]}):null]}),l.length>0&&s(R,{size:"S",isDisabled:t,leadingVisual:e(_,{svg:t?e(Ge,{}):e(Er,{})}),onPress:()=>{i(`/datasets/${n}/compare?experimentId=${l.join("&experimentId=")}`)},children:["View Experiment",a.length>1?"s":""]})]})}),e(Oh,{children:e(B0,{datasetId:n})})]})}const H0=()=>{const n=O(d=>d.input),a=O(d=>d.instances),t=O(d=>d.allInstanceMessages),l=O(d=>d.templateFormat),i=m.useMemo(()=>a.map(d=>Bt(d,t)),[a,t]),{variableKeys:r,variablesMap:o}=m.useMemo(()=>fs({instances:i,templateFormat:l,input:n}),[n,i,l]);return{variableKeys:r,variablesMap:o}},G0={lineNumbers:!1,highlightActiveLine:!1,foldGutter:!1,highlightActiveLineGutter:!1,bracketMatching:!1,syntaxHighlighting:!1,defaultKeymap:!1},W0=[ns.lineWrapping,Ul.of([...Gg.filter(n=>n.key!=="Mod-Enter")])],J0=({label:n,defaultValue:a,onChange:t})=>{const{theme:l}=zn(),i=m.useRef(a),[r,o]=m.useState(0),[d,c]=m.useState(()=>a);return m.useEffect(()=>{a==null&&(c(""),o(
|
|
1600
|
+
`,ref:N,onScroll:j=>ma(j.target),children:[s("table",{css:K(on,Lr),style:{...pa,width:ke.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:ke.getHeaderGroups().map(j=>e("tr",{children:j.headers.map(Y=>s("th",{style:{width:`calc(var(--header-${Y==null?void 0:Y.id}-size) * 1px)`},children:[e("div",{children:J(Y.column.columnDef.header,Y.getContext())}),e("div",{onMouseDown:Y.getResizeHandler(),onTouchStart:Y.getResizeHandler(),className:`resizer ${Y.column.getIsResizing()?"isResizing":""}`})]},Y.id))},j.id))}),qn?e(un,{}):ke.getState().columnSizingInfo.isResizingColumn?e(q0,{table:ke}):e(Zo,{table:ke})]}),e(ne,{isDismissable:!0,type:"slideOver",onDismiss:()=>{g(null)},children:u})]})}function U0({datasetId:n}){const a=O(o=>o.instances),t=a.some(o=>o.activeRunId!=null),l=m.useMemo(()=>a.map(o=>o.experimentId).filter(o=>o!=null),[a]),i=de(),r=D.useLazyLoadQuery(To,{datasetId:n});return s(h,{direction:"column",height:"100%",children:[e(C,{flex:"none",backgroundColor:"dark",paddingX:"size-200",paddingY:"size-100",borderBottomColor:"light",borderBottomWidth:"thin",height:50,children:s(h,{justifyContent:"space-between",alignItems:"center",height:"100%",children:[s(h,{gap:"size-100",children:[s(v,{children:[r.dataset.name??"Dataset"," results"]}),r.dataset.exampleCount!=null?s(v,{fontStyle:"italic",color:"text-700",children:[r.dataset.exampleCount," examples"]}):null]}),l.length>0&&s(R,{size:"S",isDisabled:t,leadingVisual:e(_,{svg:t?e(Ge,{}):e(Er,{})}),onPress:()=>{i(`/datasets/${n}/compare?experimentId=${l.join("&experimentId=")}`)},children:["View Experiment",a.length>1?"s":""]})]})}),e(Oh,{children:e(B0,{datasetId:n})})]})}const H0=()=>{const n=O(d=>d.input),a=O(d=>d.instances),t=O(d=>d.allInstanceMessages),l=O(d=>d.templateFormat),i=m.useMemo(()=>a.map(d=>Bt(d,t)),[a,t]),{variableKeys:r,variablesMap:o}=m.useMemo(()=>fs({instances:i,templateFormat:l,input:n}),[n,i,l]);return{variableKeys:r,variablesMap:o}},G0={lineNumbers:!1,highlightActiveLine:!1,foldGutter:!1,highlightActiveLineGutter:!1,bracketMatching:!1,syntaxHighlighting:!1,defaultKeymap:!1},W0=[ns.lineWrapping,Ul.of([...Gg.filter(n=>n.key!=="Mod-Enter")])],J0=({label:n,defaultValue:a,onChange:t})=>{const{theme:l}=zn(),i=m.useRef(a),[r,o]=m.useState(0),[d,c]=m.useState(()=>a);return m.useEffect(()=>{a==null&&(c(""),o(f=>f+1)),i.current=a},[a]),m.useEffect(()=>{c(i.current),o(f=>f+1)},[n]),e(la,{label:n,children:e(Ze,{width:"100%",children:e(da,{theme:l==="light"?sa:oa,basicSetup:G0,value:d,extensions:W0,onChange:t},r)})})};function Z0(){const{variableKeys:n,variablesMap:a}=H0(),t=O(i=>i.setVariableValue),l=O(i=>i.templateFormat);if(n.length===0){let i="";switch(l){case en.FString:{i="{input name}";break}case en.Mustache:{i="{{input name}}";break}case en.NONE:return null;default:Se()}return e(C,{padding:"size-100",children:e(h,{direction:"column",justifyContent:"center",alignItems:"center",children:s(v,{color:"text-700",children:["Add variable inputs to your prompt using"," ",e(v,{color:"text-900",children:i})," within your prompt template."]})})})}return e(h,{direction:"column",gap:"size-200",width:"100%",children:n.map((i,r)=>e(J0,{label:i,defaultValue:a[i]??"",onChange:o=>t(i,o)},r))})}const Xo=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"ChatCompletionMutationPayload",kind:"LinkedField",name:"chatCompletion",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"content",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorMessage",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"span",plural:!1,selections:[a],storageKey:null},{alias:null,args:null,concreteType:"ChatCompletionToolCall",kind:"LinkedField",name:"toolCalls",plural:!0,selections:[a,{alias:null,args:null,concreteType:"ChatCompletionFunctionCall",kind:"LinkedField",name:"function",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"PlaygroundOutputMutation",selections:t,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"PlaygroundOutputMutation",selections:t},params:{cacheID:"9dc63d3e40081b276c1cbd5f21405c6f",id:null,metadata:{},name:"PlaygroundOutputMutation",operationKind:"mutation",text:`mutation PlaygroundOutputMutation(
|
|
1597
1601
|
$input: ChatCompletionInput!
|
|
1598
1602
|
) {
|
|
1599
1603
|
chatCompletion(input: $input) {
|
|
@@ -1659,9 +1663,9 @@ fragment SpanAside_span on Span {
|
|
|
1659
1663
|
}
|
|
1660
1664
|
}
|
|
1661
1665
|
}
|
|
1662
|
-
`}}}();ed.hash="d8025b7f870ac81e2d1e3249bb818186";function Y0({spanId:n}){const[a,t]=m.useState(null),l=D.useLazyLoadQuery(ed,{spanId:n},{fetchPolicy:"store-and-network"});if(!l.span||!l.span.trace||!l.span.trace.project)return null;const{trace:i}=l.span;return s(C,{borderTopColor:"light",borderTopWidth:"thin",paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",children:[s(h,{direction:"row",gap:"size-200",justifyContent:"space-between",children:[s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(ra,{tokenCountTotal:l.span.tokenCountTotal||0,tokenCountPrompt:l.span.tokenCountPrompt||0,tokenCountCompletion:l.span.tokenCountCompletion||0}),e(Ae,{latencyMs:l.span.latencyMs||0})]}),s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(R,{size:"S",leadingVisual:e(_,{svg:e(_t,{})}),onPress:()=>t(e(Dr,{spanNodeId:n,projectId:i.project.id})),children:"Annotate"}),e(R,{size:"S",leadingVisual:e(_,{svg:e(Rt,{})}),onPress:()=>{m.startTransition(()=>{t(e(m.Suspense,{children:e(Ho,{traceId:i.traceId,projectId:i.project.id,title:"Playground Trace"})}))})},children:"View Trace"})]})]}),e(ne,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(null),children:a})]})}function ek({index:n,title:a}){return s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(zl,{index:n}),e("span",{children:a})]})}const nk=n=>Xn(n)&&(typeof n.id=="string"||typeof n.id=="number")?n.id:JSON.stringify(n);function qi({message:n}){const{role:a,content:t,toolCalls:l}=n,i=mt(a);return s(B,{title:a,...i,variant:"compact",extra:e(kn,{}),children:[t!=null&&!Array.isArray(t)&&e(za,{children:t}),l&&l.length>0?l.map(r=>e(Go,{toolCall:r},nk(r))):null]})}function ak({content:n,partialToolCalls:a}){return Vy(n)?n.map((t,l)=>e(qi,{message:t},l)):typeof n=="string"||a.length>0?e(qi,{message:{id:Jn(),content:n,role:"ai",toolCalls:a}}):"click run to see output"}function tk(n){const a=n.playgroundInstanceId,t=O(A=>A.instances),l=O(A=>A.streaming),i=
|
|
1663
|
-
`)}):T({title:"Failed to get output",message:ie.message})}};return ot.requestSubscription(u,z).dispose}return b({variables:{input:A},onCompleted:M,onError(z){k(!1),
|
|
1664
|
-
`)}):T({title:"Failed to get output",message:z.message})}}).dispose},[Q,i,u,b,S,a,
|
|
1666
|
+
`}}}();ed.hash="d8025b7f870ac81e2d1e3249bb818186";function Y0({spanId:n}){const[a,t]=m.useState(null),l=D.useLazyLoadQuery(ed,{spanId:n},{fetchPolicy:"store-and-network"});if(!l.span||!l.span.trace||!l.span.trace.project)return null;const{trace:i}=l.span;return s(C,{borderTopColor:"light",borderTopWidth:"thin",paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",children:[s(h,{direction:"row",gap:"size-200",justifyContent:"space-between",children:[s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(ra,{tokenCountTotal:l.span.tokenCountTotal||0,tokenCountPrompt:l.span.tokenCountPrompt||0,tokenCountCompletion:l.span.tokenCountCompletion||0}),e(Ae,{latencyMs:l.span.latencyMs||0})]}),s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(R,{size:"S",leadingVisual:e(_,{svg:e(_t,{})}),onPress:()=>t(e(Dr,{spanNodeId:n,projectId:i.project.id})),children:"Annotate"}),e(R,{size:"S",leadingVisual:e(_,{svg:e(Rt,{})}),onPress:()=>{m.startTransition(()=>{t(e(m.Suspense,{children:e(Ho,{traceId:i.traceId,projectId:i.project.id,title:"Playground Trace"})}))})},children:"View Trace"})]})]}),e(ne,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(null),children:a})]})}function ek({index:n,title:a}){return s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(zl,{index:n}),e("span",{children:a})]})}const nk=n=>Xn(n)&&(typeof n.id=="string"||typeof n.id=="number")?n.id:JSON.stringify(n);function qi({message:n}){const{role:a,content:t,toolCalls:l}=n,i=mt(a);return s(B,{title:a,...i,variant:"compact",extra:e(kn,{}),children:[t!=null&&!Array.isArray(t)&&e(za,{children:t}),l&&l.length>0?l.map(r=>e(Go,{toolCall:r},nk(r))):null]})}function ak({content:n,partialToolCalls:a}){return Vy(n)?n.map((t,l)=>e(qi,{message:t},l)):typeof n=="string"||a.length>0?e(qi,{message:{id:Jn(),content:n,role:"ai",toolCalls:a}}):"click run to see output"}function tk(n){const a=n.playgroundInstanceId,t=O(A=>A.instances),l=O(A=>A.streaming),i=Ma(A=>A),r=O(A=>A.instances.findIndex($=>$.id===a)),o=t.find(A=>A.id===a),d=O(A=>A.updateInstance),[c,p]=m.useState(null),f=O(A=>A.markPlaygroundInstanceComplete),u=D.useRelayEnvironment(),g=ti();if(!o)throw new Error(`No instance found for id ${a}`);if(o.template.__type!=="chat")throw new Error("We only support chat templates for now");const[y,k]=m.useState(!1),[b]=D.useMutation(Xo),S=(o==null?void 0:o.activeRunId)!=null,F=De(),T=m.useCallback(({title:A,message:$,...z})=>{p({title:A,message:$}),F({title:A,message:$,...z})},[F]),[x,L]=m.useState(o.output),[P,E]=m.useState([]),N=m.useCallback(({chatCompletion:A})=>{if(k(!1),A.__typename==="TextChunk"){const $=A.content;L(z=>z!=null?z+$:$);return}else if(A.__typename==="ToolCallChunk"){E($=>{let z=!1;const le=$.map(ie=>ie.id===A.id?(z=!0,{...ie,function:{...ie.function,arguments:ie.function.arguments+A.function.arguments}}):ie);return z||le.push({id:A.id,function:{name:A.function.name,arguments:A.function.arguments}}),le});return}if(A.__typename==="ChatCompletionSubscriptionResult"&&A.span!=null){d({instanceId:a,patch:{spanId:A.span.id},dirty:null});return}A.__typename==="ChatCompletionSubscriptionError"&&(f(n.playgroundInstanceId),A.message!=null&&T({title:"Chat completion failed",message:A.message}))},[a,f,T,n.playgroundInstanceId,d]),M=m.useCallback((A,$)=>{if(k(!1),f(n.playgroundInstanceId),d({instanceId:a,patch:{spanId:A.chatCompletion.span.id},dirty:null}),$){T({title:"Chat completion failed",message:$[0].message});return}if(A.chatCompletion.errorMessage!=null){T({title:"Chat completion failed",message:A.chatCompletion.errorMessage});return}L(A.chatCompletion.content??void 0),E(A.chatCompletion.toolCalls)},[a,f,T,n.playgroundInstanceId,d]),Q=m.useCallback(()=>{L(void 0),E([]),p(null),d({instanceId:a,patch:{spanId:null},dirty:null})},[a,d]);return m.useEffect(()=>{if(!S){k(!1);return}k(!0),Q();const A=qy({playgroundStore:g,instanceId:a,credentials:i});if(l){const z={subscription:Yo,variables:{input:A},onNext:ie=>{ie&&N(ie)},onCompleted:()=>{k(!1),f(n.playgroundInstanceId)},onError:ie=>{k(!1),f(n.playgroundInstanceId);const ke=wr(ie);ke!=null&&ke.length>0?T({title:"Failed to get output",message:ke.join(`
|
|
1667
|
+
`)}):T({title:"Failed to get output",message:ie.message})}};return ot.requestSubscription(u,z).dispose}return b({variables:{input:A},onCompleted:M,onError(z){k(!1),f(n.playgroundInstanceId);const le=xe(z);le!=null&&le.length>0?T({title:"Failed to get output",message:le.join(`
|
|
1668
|
+
`)}):T({title:"Failed to get output",message:z.message})}}).dispose},[Q,i,u,b,S,a,f,T,M,N,g,n.playgroundInstanceId,l,d]),e(B,{title:e(ek,{index:r,title:"Output"}),extra:x!=null||(P==null?void 0:P.length)>0?e(X0,{outputContent:x,toolCalls:P,instance:o,cleanupOutput:Q}):null,titleSeparator:!0,collapsible:!0,variant:"compact",bodyStyle:{padding:0},children:y?e(C,{padding:"size-200",children:e(ve,{message:"Running..."})}):c?e(C,{padding:"size-200",children:e(ii,{children:c.message})}):s(U,{children:[e(C,{padding:"size-200",children:e(sn,{children:e(ak,{content:x,partialToolCalls:P})})}),e(m.Suspense,{children:o.spanId?e(Y0,{spanId:o.spanId}):null})]})})}function lk(){return m.useMemo(()=>window.navigator.userAgent.toLowerCase().includes("mac")?"Cmd":"Ctrl",[])}function ik(){const n=lk(),a=O(r=>r.runPlaygroundInstances),t=O(r=>r.cancelPlaygroundInstances),l=O(r=>r.instances.some(o=>o.activeRunId!=null)),i=m.useCallback(()=>{l?t():a()},[l,t,a]);return mm("mod+enter",r=>{r.preventDefault(),r.stopPropagation(),i()},{enableOnFormTags:!0,enableOnContentEditable:!0,preventDefault:!0}),e(R,{variant:"primary",leadingVisual:e(_,{svg:l?e(Ge,{}):e(Fa,{})}),size:"S",onPress:()=>{i()},trailingVisual:s(Rp,{children:[e(yl,{children:n}),e("span",{"aria-hidden":"true",children:n==="Cmd"?"⌘":"Ctrl"}),e(yl,{children:"enter"}),e("span",{"aria-hidden":"true",children:"⏎"})]}),children:l?"Cancel":"Run"})}function rk(){const n=O(i=>i.streaming),a=O(i=>i.setStreaming),t=Xe(i=>i.setPlaygroundStreamingEnabled),l=O(i=>i.instances.some(r=>r.activeRunId!=null));return window.Config.websocketsEnabled===!1?null:e(Ca,{labelPlacement:"start",isSelected:n,onChange:()=>{a(!n),t(!n)},isDisabled:l,children:"Stream"})}const nd=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(
|
|
1665
1669
|
$input: CreateChatPromptVersionInput!
|
|
1666
1670
|
) {
|
|
1667
1671
|
createChatPromptVersion(input: $input) {
|
|
@@ -1698,7 +1702,7 @@ fragment SpanAside_span on Span {
|
|
|
1698
1702
|
}
|
|
1699
1703
|
}
|
|
1700
1704
|
}
|
|
1701
|
-
`}}}();ld.hash="1acc413e40da1ea527fb431f10b46cf2";function id({onChange:n,container:a,promptId:t,...l}){const r=D.useLazyLoadQuery(ld,{},{fetchPolicy:"store-and-network",fetchKey:t??void 0}).prompts.edges,o=m.useMemo(()=>r.map(d=>d.prompt),[r]);return e(Ol,{size:"M","data-testid":"prompt-picker",selectedKey:t??null,"aria-label":"prompt picker",width:"100%",menuTrigger:"focus",stopPropagation:!0,container:a,defaultItems:o,placeholder:"Select a prompt...",renderEmptyState:()=>e("div",{children:"No prompts found"}),onSelectionChange:d=>{if(!(typeof d!="string"&&d!=null)){if(d===t){n(null);return}n(d)}},...l,children:d=>e($l,{textValue:d.name,id:d.id,children:d.name},d.id)})}const sk=/^[a-z0-9]([_a-z0-9-]*[a-z0-9])?$/,rd={value:sk,message:"Invalid identifier. Must be alphanumeric and with dashes or underscores"};function ok({onCreate:n,onUpdate:a,isSubmitting:t=!1,defaultSelectedPromptId:l}){var x,L,P,E;const i=m.useRef(null),r=D.useLazyLoadQuery(td,{},{fetchPolicy:"network-only"}),[o,d]=m.useState(l??null),c=(L=(x=r==null?void 0:r.prompts)==null?void 0:x.edges)==null?void 0:L.find(N=>{var M;return((M=N==null?void 0:N.prompt)==null?void 0:M.id)===o}),[p,
|
|
1705
|
+
`}}}();ld.hash="1acc413e40da1ea527fb431f10b46cf2";function id({onChange:n,container:a,promptId:t,...l}){const r=D.useLazyLoadQuery(ld,{},{fetchPolicy:"store-and-network",fetchKey:t??void 0}).prompts.edges,o=m.useMemo(()=>r.map(d=>d.prompt),[r]);return e(Ol,{size:"M","data-testid":"prompt-picker",selectedKey:t??null,"aria-label":"prompt picker",width:"100%",menuTrigger:"focus",stopPropagation:!0,container:a,defaultItems:o,placeholder:"Select a prompt...",renderEmptyState:()=>e("div",{children:"No prompts found"}),onSelectionChange:d=>{if(!(typeof d!="string"&&d!=null)){if(d===t){n(null);return}n(d)}},...l,children:d=>e($l,{textValue:d.name,id:d.id,children:d.name},d.id)})}const sk=/^[a-z0-9]([_a-z0-9-]*[a-z0-9])?$/,rd={value:sk,message:"Invalid identifier. Must be alphanumeric and with dashes or underscores"};function ok({onCreate:n,onUpdate:a,isSubmitting:t=!1,defaultSelectedPromptId:l}){var x,L,P,E;const i=m.useRef(null),r=D.useLazyLoadQuery(td,{},{fetchPolicy:"network-only"}),[o,d]=m.useState(l??null),c=(L=(x=r==null?void 0:r.prompts)==null?void 0:x.edges)==null?void 0:L.find(N=>{var M;return((M=N==null?void 0:N.prompt)==null?void 0:M.id)===o}),[p,f]=m.useState(((P=c==null?void 0:c.prompt)==null?void 0:P.name)??""),u=c?"update":"create",g=u==="create"?"Create Prompt":"Update Prompt",{control:y,handleSubmit:k,formState:{isDirty:b,isValid:S},trigger:F}=Oe({values:{promptId:o??void 0,name:u==="update"&&c?(E=c==null?void 0:c.prompt)==null?void 0:E.name:p},defaultValues:{description:""},reValidateMode:"onChange",resetOptions:{keepDefaultValues:!0}}),T=m.useCallback(N=>{u==="create"?n(N):a(N)},[n,a,u]);return s(h,{direction:"column",gap:"size-100",ref:i,children:[e(C,{paddingX:"size-200",paddingTop:"size-200",children:e(W,{name:"name",control:y,rules:{required:{message:"Prompt is required",value:!0},pattern:rd},render:({field:{onBlur:N,onChange:M},fieldState:Q})=>{var A;return e(id,{label:"Prompt",description:"The prompt to update, or prompt name to create",placeholder:"Select or enter new prompt name",isRequired:!0,onBlur:N,defaultInputValue:p,onInputChange:$=>{f($),M($),F("name")},container:i.current??void 0,errorMessage:(A=Q.error)==null?void 0:A.message,allowsCustomValue:!0,onChange:$=>{M($),d($)},promptId:o})}})}),s(tn,{onSubmit:k(T),children:[e(C,{paddingX:"size-200",paddingBottom:"size-200",children:e(W,{name:"description",control:y,render:({field:{onChange:N,onBlur:M,value:Q},fieldState:{invalid:A,error:$}})=>s(ee,{isInvalid:A,onChange:N,onBlur:M,value:Q,size:"S",children:[e(Z,{children:u==="create"?"Prompt Description":"Change Description"}),e(va,{}),$?e(Pe,{children:$.message}):e(v,{slot:"description",children:u==="create"?"A description of your prompt (optional)":"A description of your changes to the prompt (optional)"})]})})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(R,{variant:b?"primary":"default",size:"S",isDisabled:t||!S,type:"submit",children:g})})})]})]})}const Bi=(n,a)=>{const t=a.getState(),l=t.allInstanceMessages,i=t.instances.find(c=>c.id===n);if(!i)throw new Error(`Instance ${n} not found`);const r=Bt(i,l),o=bh(r);if(!o)throw new Error(`Could not convert instance ${n} to prompt`);const d=t.templateFormat;return{promptInput:o,templateFormat:d}},dk=({instanceId:n,setDialog:a,selectedPromptId:t})=>{const l=de(),i=Fe(),r=De(),o=ti(),[d,c]=D.useMutation(ad),[p,f]=D.useMutation(nd),u=m.useCallback((k,b)=>{const S=o.getState();S.instances.find(T=>T.id===n)&&S.updateInstance({instanceId:n,patch:{prompt:{id:k,name:b}},dirty:!1})},[o,n]),g=m.useCallback(k=>{const{promptInput:b,templateFormat:S}=Bi(n,o);d({variables:{input:{name:k.name,description:k.description,promptVersion:{...b,templateFormat:S}}},onCompleted:F=>{i({title:"Prompt successfully created",action:{text:"View Prompt",onClick:()=>{l(`/prompts/${F.createChatPrompt.id}`)}}}),u(F.createChatPrompt.id,F.createChatPrompt.name),a(null)},onError:F=>{const T=xe(F);r({title:"Error creating prompt",message:T==null?void 0:T[0]}),a(null)}})},[d,n,l,r,i,u,a,o]),y=m.useCallback(k=>{if(!k.promptId)throw new Error("Prompt ID is required");const{promptInput:b,templateFormat:S}=Bi(n,o);p({variables:{input:{promptId:k.promptId,promptVersion:{...b,templateFormat:S,description:k.description}}},onCompleted:F=>{i({title:"Prompt successfully updated",action:{text:"View Prompt",onClick:()=>{l(`/prompts/${F.createChatPromptVersion.id}`)}}}),u(F.createChatPromptVersion.id,F.createChatPromptVersion.name),a(null)},onError:F=>{const T=xe(F);r({title:"Error updating prompt",message:T==null?void 0:T[0]}),a(null)}})},[n,l,r,i,a,o,p,u]);return e(X,{title:"Create Prompt from Template",children:e(m.Suspense,{fallback:e(ve,{}),children:e(ok,{onCreate:g,onUpdate:y,isSubmitting:c||f,defaultSelectedPromptId:t})})})},sd={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 {
|
|
1702
1706
|
...ModelProviderPickerFragment
|
|
1703
1707
|
}
|
|
1704
1708
|
|
|
@@ -1710,18 +1714,18 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
1710
1714
|
dependencies
|
|
1711
1715
|
}
|
|
1712
1716
|
}
|
|
1713
|
-
`}};sd.hash="4b1b96842c19ea5721b7fcf1cdb86426";const Ya=1024,ck=w.object({type:w.literal("enabled"),budget_tokens:w.number().min(Ya)}),uk=({onChange:n,value:a})=>{const[t,l]=m.useState(0),r=ck.safeParse(a).data,o=m.useRef(r==null?void 0:r.budget_tokens),d=p=>{n(p?{type:"enabled",budget_tokens:o.current||Ya}:null)},c=p=>{const
|
|
1717
|
+
`}};sd.hash="4b1b96842c19ea5721b7fcf1cdb86426";const Ya=1024,ck=w.object({type:w.literal("enabled"),budget_tokens:w.number().min(Ya)}),uk=({onChange:n,value:a})=>{const[t,l]=m.useState(0),r=ck.safeParse(a).data,o=m.useRef(r==null?void 0:r.budget_tokens),d=p=>{n(p?{type:"enabled",budget_tokens:o.current||Ya}:null)},c=p=>{const f=p!=null&&!isNaN(p);o.current=f?p:Ya,n({type:"enabled",budget_tokens:o.current}),f||l(u=>u+1)};return s(U,{children:[e(Ca,{onChange:d,isSelected:(r==null?void 0:r.type)==="enabled",children:"Thinking Enabled"}),(r==null?void 0:r.type)==="enabled"&&s(Rr,{value:r==null?void 0:r.budget_tokens,onChange:c,isDisabled:(r==null?void 0:r.type)!=="enabled",isRequired:!0,defaultValue:Ya,minValue:Ya,children:[e(Z,{children:"Budget Tokens"}),e(se,{}),e(v,{slot:"description",children:"Determines how many tokens Claude can use for its internal reasoning process. Must be ≥1024 and less than max_tokens."})]},t)]})};function mk({defaultValue:n,onChange:a,label:t,errorMessage:l}){const[i,r]=m.useState(n==null?"":wn(n).json??""),o=m.useCallback(d=>{r(d);const{json:c}=Me(d);c==null&&d!==""||a(c)},[a]);return e("div",{css:K`
|
|
1714
1718
|
& .ac-view {
|
|
1715
1719
|
width: 100%;
|
|
1716
1720
|
}
|
|
1717
|
-
`,children:e(la,{label:t,errorMessage:l,validationState:l?"invalid":void 0,children:e(Ze,{children:e(Be,{value:i,onChange:o,optionalLint:!0})})})})}const pk=({field:n,value:a,onChange:t,errors:l,control:i})=>{var u;const r=n.invocationName;if(!r)throw new Error("Invocation name is required");const o=(u=l[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(uk,{onChange:t,value:a});const{__typename:
|
|
1721
|
+
`,children:e(la,{label:t,errorMessage:l,validationState:l?"invalid":void 0,children:e(Ze,{children:e(Be,{value:i,onChange:o,optionalLint:!0})})})})}const pk=({field:n,value:a,onChange:t,errors:l,control:i})=>{var u;const r=n.invocationName;if(!r)throw new Error("Invocation name is required");const o=(u=l[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(uk,{onChange:t,value:a});const{__typename:f}=n;switch(f){case"InvocationParameterBase":return null;case"BoundedFloatInvocationParameter":return typeof a!="number"&&a!==void 0?null:e(Ap,{label:n.label,defaultValue:a,step:.1,minValue:n.minValue,maxValue:n.maxValue,onChange:g=>t(g),children:e(Vp,{})});case"FloatInvocationParameter":case"IntInvocationParameter":return e(W,{control:i,name:r,rules:{required:d,min:c,max:p},render:({field:{onBlur:g}})=>s(Rr,{isRequired:n.required,value:Number(a),onBlur:g,onChange:y=>{t(y)},children:[e(Z,{children:n.label}),e(se,{}),o?e(Pe,{children:o}):null]})});case"StringListInvocationParameter":return!Array.isArray(a)&&a!==void 0?null:e(W,{control:i,name:r,rules:{required:d},render:({field:{onBlur:g}})=>s(ee,{isRequired:n.required,defaultValue:(a==null?void 0:a.join(", "))??"",onBlur:g,onChange:y=>{if(y===""){t(void 0);return}t(y.split(/, */g))},children:[e(Z,{children:n.label}),e(se,{}),o?e(Pe,{children:o}):e(v,{slot:"description",children:"A comma separated list of strings"})]})});case"StringInvocationParameter":return e(W,{control:i,name:r,rules:{required:d},render:({field:{onBlur:g}})=>s(ee,{isRequired:n.required,defaultValue:(a==null?void 0:a.toString())||"",type:"text",onBlur:g,onChange:y=>{if(y===""){t(void 0);return}t(y)},children:[e(Z,{children:n.label}),e(se,{}),o?e(Pe,{children:o}):null]})});case"BooleanInvocationParameter":return e(Ca,{onChange:t,defaultSelected:!!a,children:n.label});case"JSONInvocationParameter":return e(W,{control:i,name:r,rules:{required:d},render:()=>e(mk,{defaultValue:a,onChange:t,label:n.label??n.invocationName??"",errorMessage:o})});default:return null}},gk=(n,a)=>{if(n.invocationInputField===void 0)throw new Error("Invocation input field is required");return a[ja(n.invocationInputField)]},yk=(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,[ja(n.invocationInputField)]:a}},fk=({instanceId:n})=>{const a=O(y=>y.instances.find(k=>k.id===n));if(!a)throw new Error("Instance not found");const{model:t}=a,l=O(y=>y.upsertInvocationParameterInput),i=O(y=>y.deleteInvocationParameterInput),r=a.model.supportedInvocationParameters,o=a.model.invocationParameters,d=m.useCallback((y,k)=>{if(!y.invocationName)throw new Error("Invocation name is required");k===void 0?i({instanceId:n,invocationParameterInputInvocationName:y.invocationName}):l({instanceId:n,invocationParameterInput:yk(y,k)})},[n,l,i]),c=m.useMemo(()=>r.filter(y=>!(y.canonicalName!=null&&sy.includes(y.canonicalName))).reduce((y,k)=>{const b=o.find(F=>ea(F,k)),S=b?gk(k,b):void 0;return{...y,[k.invocationName]:S??null}},{}),[o,r]),p=Oe({values:c,mode:"onBlur",delayError:0,shouldFocusError:!1,resetOptions:{keepErrors:!0}}),f=p.trigger,u=m.useMemo(()=>pn.debounce(f,250),[f]);return m.useEffect(()=>{u()},[c,u]),t.provider!=="AZURE_OPENAI"&&t.modelName===null?null:Object.entries(c).map(([y,k])=>{const b=r.find(F=>F.invocationName===y);if(!b)return null;const S=`${t.provider??"model"}-${b.invocationName}`;return e(pk,{field:b,value:k,onChange:F=>d(b,F),control:p.control,errors:p.formState.errors},S)})},si=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(
|
|
1718
1722
|
$providerKey: GenerativeProviderKey!
|
|
1719
1723
|
) {
|
|
1720
1724
|
models(input: {providerKey: $providerKey}) {
|
|
1721
1725
|
name
|
|
1722
1726
|
}
|
|
1723
1727
|
}
|
|
1724
|
-
`}}}();si.hash="fc5563c6dca10fdeda807cd7061e275a";function hk({onChange:n,container:a,modelName:t,queryReference:l,...i}){const r=D.usePreloadedQuery(si,l),o=m.useMemo(()=>r.models.map(u=>({name:u.name,id:u.name})),[r.models]),[d,c]=m.useState({selectedKey:t??null,inputValue:t??""}),p=u=>{if(typeof u=="string"){const g=o.find(
|
|
1728
|
+
`}}}();si.hash="fc5563c6dca10fdeda807cd7061e275a";function hk({onChange:n,container:a,modelName:t,queryReference:l,...i}){const r=D.usePreloadedQuery(si,l),o=m.useMemo(()=>r.models.map(u=>({name:u.name,id:u.name})),[r.models]),[d,c]=m.useState({selectedKey:t??null,inputValue:t??""}),p=u=>{if(typeof u=="string"){const g=o.find(y=>y.id===u);(g==null?void 0:g.name)!=null&&n(g.name)}},f=u=>{c(g=>({inputValue:u,selectedKey:g.selectedKey}))};return m.useEffect(()=>{c({selectedKey:t??null,inputValue:t??""})},[t]),e(Ol,{size:"L",label:"Model",isRequired:!0,"data-testid":"model-picker",selectedKey:d.selectedKey,"aria-label":"model picker",onInputChange:f,inputValue:d.inputValue,onSelectionChange:p,width:"100%",allowsCustomValue:!0,onBlur:()=>{d.inputValue!==""&&n(d.inputValue)},onKeyUp: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:o,...i,children:u=>e($l,{textValue:u.name,id:u.id,children:u.name},u.id)})}function od(n){const[a,t,l]=D.useQueryLoader(si);return m.useEffect(()=>(t({providerKey:n.provider}),()=>l()),[l,t,n.provider]),a!=null?e(hk,{queryReference:a,...n}):null}const dd={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};dd.hash="1d4ba7f81a958c9a17bd45dce0456ddb";function kk({onChange:n,query:a,...t}){var d,c;const l=D.useFragment(dd,a),i=l.modelProviders.filter(p=>p.dependenciesInstalled),r=i.length!==l.modelProviders.length,o=t.provider&&!i.some(p=>p.key===t.provider);return s(h,{direction:"row",gap:"size-100",children:[e(Fl,{label:"Provider","data-testid":"model-provider-picker",selectedKey:t.provider??void 0,"aria-label":"Model Provider",placeholder:"Select a provider",onSelectionChange:p=>{const f=p;Ro(f)&&n(f)},width:"100%",...t,children:l.modelProviders.map(p=>e(oe,{children:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Dt,{provider:p.key,height:16}),p.name]})},p.key))}),o?s(he,{delay:0,offset:5,children:[e("span",{children:e($e,{children:e(_,{color:"red-700",svg:e(En,{})})})}),s(Re,{children:["The selected provider is not installed. Install"," ",((c=(d=l.modelProviders.find(p=>p.key===t.provider))==null?void 0:d.dependencies)==null?void 0:c.join(", "))??"the dependencies"," ","to use its models in Playground."]})]}):r?s(he,{delay:0,offset:5,children:[e("span",{children:e($e,{children:e(_,{svg:e(En,{})})})}),s(Re,{children:["Some providers are missing dependencies. Install them to use their models in Playground.",e("br",{}),e("br",{}),"Missing providers:",e("br",{}),l.modelProviders.filter(p=>!p.dependenciesInstalled).map(p=>{var f;return s(U,{children:[((f=p.dependencies)==null?void 0:f.join(", "))??p.name,e("br",{})]})})]})]}):null]})}const bk=150,Sk=K`
|
|
1725
1729
|
display: flex;
|
|
1726
1730
|
flex-direction: column;
|
|
1727
1731
|
gap: var(--ac-global-dimension-size-200);
|
|
@@ -1737,7 +1741,7 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
1737
1741
|
}
|
|
1738
1742
|
padding: var(--ac-global-dimension-size-200);
|
|
1739
1743
|
overflow: auto;
|
|
1740
|
-
`;function vk({instance:n,container:a}){const t=O(r=>r.updateModel),l=m.useCallback(({configKey:r,value:o})=>{t({instanceId:n.id,patch:{...n.model,[r]:o}})},[n.id,n.model,t]),i=m.useMemo(()=>or(r=>{l({configKey:"modelName",value:r})},250),[l]);return s(U,{children:[e(od,{modelName:n.model.modelName,provider:n.model.provider,onChange:r=>{i(r)},container:a??void 0}),s(ee,{defaultValue:n.model.baseUrl??"",onChange:r=>{l({configKey:"baseUrl",value:r})},children:[e(Z,{children:"Base URL"}),e(
|
|
1744
|
+
`;function vk({instance:n,container:a}){const t=O(r=>r.updateModel),l=m.useCallback(({configKey:r,value:o})=>{t({instanceId:n.id,patch:{...n.model,[r]:o}})},[n.id,n.model,t]),i=m.useMemo(()=>or(r=>{l({configKey:"modelName",value:r})},250),[l]);return s(U,{children:[e(od,{modelName:n.model.modelName,provider:n.model.provider,onChange:r=>{i(r)},container:a??void 0}),s(ee,{defaultValue:n.model.baseUrl??"",onChange:r=>{l({configKey:"baseUrl",value:r})},children:[e(Z,{children:"Base URL"}),e(se,{placeholder:"e.x. https://my-llm.com/v1"})]})]})}function Ck({instance:n}){const a=O(i=>i.updateModel),t=m.useCallback(({configKey:i,value:r})=>{a({instanceId:n.id,patch:{...n.model,[i]:r}})},[n.id,n.model,a]),l=m.useMemo(()=>or(i=>{t({configKey:"modelName",value:i})},250),[t]);return s(U,{children:[s(ee,{defaultValue:n.model.modelName??"",onChange:i=>{l(i)},children:[e(Z,{children:"Deployment Name"}),e(se,{placeholder:"e.x. azure-openai-deployment-name"})]}),s(ee,{defaultValue:n.model.endpoint??"",onChange:i=>{t({configKey:"endpoint",value:i})},children:[e(Z,{children:"Endpoint"}),e(se,{placeholder:"e.x. https://my.openai.azure.com"})]}),e(Ol,{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:i=>{t({configKey:"apiVersion",value:i})},onSelectionChange:i=>{typeof i=="string"&&t({configKey:"apiVersion",value:i})},allowsCustomValue:!0,children:Np.map(i=>e($l,{textValue:i,id:i,children:i},i))})]})}function Fk(n){const[a,t]=m.useState(null),l=O(d=>d.instances.find(c=>c.id===n.playgroundInstanceId));if(!l)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const i=l.model.supportedInvocationParameters,r=l.model.invocationParameters,o=bs(r,i);return s(m.Fragment,{children:[e(R,{size:"S",onPress:()=>{m.startTransition(()=>{t(e(Kk,{...n}))})},leadingVisual:e(Dt,{provider:l.model.provider,height:16}),children:s(h,{direction:"row",gap:"size-100",alignItems:"center",height:"100%",children:[e(tt,{maxWidth:bk,children:e(v,{children:l.model.modelName||"--"})}),o?null:s(he,{delay:0,offset:5,children:[e("span",{children:e($e,{children:e(_,{color:"danger",svg:e(En,{})})})}),e(Re,{children:"Some required invocation parameters are not configured."})]})]})}),e(ne,{type:"slideOver",isDismissable:!0,onDismiss:()=>{t(null)},children:a})]})}function Kk(n){const a=O(r=>r.instances.find(o=>o.id===n.playgroundInstanceId));if(!a)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const t=Xe(r=>r.setModelConfigForProvider),l=Fe(),i=m.useCallback(()=>{const{supportedInvocationParameters:r,...o}=a.model;t({provider:a.model.provider,modelConfig:o}),l({title:"Model Configuration Saved",message:`${gl[a.model.provider]} model configuration saved as default for later use.`,expireMs:3e3})},[a.model,l,t]);return e(X,{title:"Model Configuration",size:"M",extra:s(he,{delay:0,offset:5,children:[e(R,{size:"S",variant:"default",onPress:i,leadingVisual:e(_,{svg:e(Pr,{})}),children:"Save as Default"}),s(Re,{children:["Saves the current configuration as the default for"," ",gl[a.model.provider]??"this provider","."]})]}),children:e(m.Suspense,{children:e(Tk,{...n})})})}function Tk(n){const{playgroundInstanceId:a}=n,t=O(y=>y.instances.find(k=>k.id===a));if(!t)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const l=Xe(y=>y.modelConfigByProvider),i=O(y=>y.updateProvider),r=O(y=>y.updateModel),o=t.model.supportedInvocationParameters,d=t.model.invocationParameters,c=bs(d,o),p=D.useLazyLoadQuery(sd,{}),f=m.useCallback(y=>{r({instanceId:a,patch:{modelName:y}})},[a,r]),[u,g]=m.useState();return s("form",{css:Sk,children:[c?null:s(h,{direction:"row",gap:"size-100",children:[e(_,{color:"danger",svg:e(En,{})}),e(v,{color:"danger",children:"Some required invocation parameters are not configured."})]}),e(kk,{provider:t.model.provider,query:p,onChange:y=>{i({instanceId:a,provider:y,modelConfigByProvider:l})}}),t.model.provider==="OPENAI"?e(vk,{instance:t,container:u??null}):t.model.provider==="AZURE_OPENAI"?e(Ck,{instance:t}):e(od,{modelName:t.model.modelName,provider:t.model.provider,onChange:f,container:u??void 0}),e(m.Suspense,{children:e(fk,{instanceId:a})}),e("div",{ref:g})]})}const cd=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a={alias:null,args:null,kind:"ScalarField",name:"invocationInputField",storageKey:null},t={alias:"floatDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},l=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:null,kind:"LinkedField",name:"modelInvocationParameters",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"invocationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"canonicalName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"required",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null}],type:"InvocationParameterBase",abstractKey:"__isInvocationParameterBase"},{kind:"InlineFragment",selections:[{alias:"booleanDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"BooleanInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[t,a,{alias:null,args:null,kind:"ScalarField",name:"minValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxValue",storageKey:null}],type:"BoundedFloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[t,a],type:"FloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"intDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"IntInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"jsonDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"JSONInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"stringDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"StringInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:[{alias:"stringListDefaultValue",args:null,kind:"ScalarField",name:"defaultValue",storageKey:null},a],type:"StringListInvocationParameter",abstractKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ModelSupportedParamsFetcherQuery",selections:l,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ModelSupportedParamsFetcherQuery",selections:l},params:{cacheID:"8f18509b17f3f97c2413ef8b6557d972",id:null,metadata:{},name:"ModelSupportedParamsFetcherQuery",operationKind:"query",text:`query ModelSupportedParamsFetcherQuery(
|
|
1741
1745
|
$input: ModelsInput!
|
|
1742
1746
|
) {
|
|
1743
1747
|
modelInvocationParameters(input: $input) {
|
|
@@ -1781,19 +1785,19 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
1781
1785
|
}
|
|
1782
1786
|
}
|
|
1783
1787
|
}
|
|
1784
|
-
`}}}();cd.hash="8bf1a32724929bdc4a02d32809ba59d7";const Pk=({instanceId:n})=>{var p;const t=O(
|
|
1788
|
+
`}}}();cd.hash="8bf1a32724929bdc4a02d32809ba59d7";const Pk=({instanceId:n})=>{var p;const t=O(f=>f.instances).find(f=>f.id===n);if(!t)throw new Error("Instance not found");const l=t.model.provider,i=t.model.modelName,r=Xe(f=>f.modelConfigByProvider),o=O(f=>f.updateModelSupportedInvocationParameters),{modelInvocationParameters:d}=D.useLazyLoadQuery(cd,{input:{providerKey:l,modelName:i}}),c=(p=t.prompt)==null?void 0:p.id;return m.useEffect(()=>{o({instanceId:n,supportedInvocationParameters:d,modelConfigByProvider:r})},[d,n,o,r,c]),null},ud=n=>a=>a.instances.find(t=>t.id===n),md=n=>a=>a.allInstanceMessages[n];function Ik({playgroundInstanceId:n,messageId:a}){const t=m.useMemo(()=>ud(n),[n]),l=O(t);if(l==null)throw new Error(`Instance ${n} not found`);const i=m.useMemo(()=>md(a),[a]),r=O(i);if(r==null)throw new Error(`Message ${a} not found`);const o=r.toolCalls,d=O(k=>k.updateMessage),[c,p]=m.useState(()=>JSON.stringify(o,null,2)),[f,u]=m.useState(o);m.useEffect(()=>{JSON.stringify(o)!==JSON.stringify(f)&&(p(JSON.stringify(o,null,2)),u(o))},[f,o]);const g=m.useCallback(k=>{p(k);const{json:b}=Me(k);if(b==null)return;const{success:S}=zp.safeParse(b);S&&(u(b),d({instanceId:n,messageId:a,patch:{toolCalls:b}}))},[n,a,d]),y=m.useMemo(()=>{switch(l.model.provider){case"OPENAI":case"AZURE_OPENAI":return Op;case"ANTHROPIC":return $p;case"GOOGLE":return null}},[l.model.provider]);return e(Be,{value:c,jsonSchema:y,onChange:g})}function xk(n){return n==="text"||n==="toolCalls"}function Dk({messageMode:n,onChange:a}){return s(Ql,{selectedKeys:[n],size:"S","aria-label":"Message Mode",onSelectionChange:t=>{if(t.size===0)return;const l=t.keys().next().value;xk(l)&&a(l)},children:[s(he,{placement:"top",delay:0,offset:10,children:[e(fa,{"aria-label":"text input",id:"text",children:e(_,{svg:e(Ll,{})})}),e(Re,{children:"Text input"})]}),s(he,{placement:"top",delay:0,offset:10,children:[e(fa,{"aria-label":"tool calling",id:"toolCalls",children:e(_,{svg:e(wl,{})})}),e(Re,{children:"Tool calling"})]})]})}const _k=K`
|
|
1785
1789
|
.ac-field-label {
|
|
1786
1790
|
display: none;
|
|
1787
1791
|
}
|
|
1788
|
-
`;function Lk({role:n,includeLabel:a=!0,onChange:t}){return s(Fl,{selectedKey:n,css:a?void 0:_k,label:"Role","data-testid":"messages-role-picker","aria-label":"Role for the chat message",size:"compact",onSelectionChange:l=>{if(!ms(l))throw new Error(`Invalid chat message role: ${l}`);t(l)},children:[e(oe,{children:"System"},"system"),e(oe,{children:"User"},"user"),e(oe,{children:"AI"},"ai"),e(oe,{children:"Tool"},"tool")]})}const wk=32;function Ek({instanceId:n,hasResponseFormat:a}){const t=O(u=>u.instances),l=O(u=>u.updateInstance),i=O(u=>u.addMessage),r=O(u=>u.upsertInvocationParameterInput),o=t.find(u=>u.id===n);if(!o)throw new Error(`Playground instance ${n} not found`);const{template:d}=o;if(d.__type!=="chat")throw new Error(`Invalid template type ${d.__type}`);const c=o.model.supportedInvocationParameters,p=c==null?void 0:c.some(u=>ea(u,{canonicalName:Mn,invocationName:Dn})),
|
|
1792
|
+
`;function Lk({role:n,includeLabel:a=!0,onChange:t}){return s(Fl,{selectedKey:n,css:a?void 0:_k,label:"Role","data-testid":"messages-role-picker","aria-label":"Role for the chat message",size:"compact",onSelectionChange:l=>{if(!ms(l))throw new Error(`Invalid chat message role: ${l}`);t(l)},children:[e(oe,{children:"System"},"system"),e(oe,{children:"User"},"user"),e(oe,{children:"AI"},"ai"),e(oe,{children:"Tool"},"tool")]})}const wk=32;function Ek({instanceId:n,hasResponseFormat:a}){const t=O(u=>u.instances),l=O(u=>u.updateInstance),i=O(u=>u.addMessage),r=O(u=>u.upsertInvocationParameterInput),o=t.find(u=>u.id===n);if(!o)throw new Error(`Playground instance ${n} not found`);const{template:d}=o;if(d.__type!=="chat")throw new Error(`Invalid template type ${d.__type}`);const c=o.model.supportedInvocationParameters,p=c==null?void 0:c.some(u=>ea(u,{canonicalName:Mn,invocationName:Dn})),f=c==null?void 0:c.some(u=>ea(u,{canonicalName:Zn,invocationName:wa}));return s(h,{direction:"row",justifyContent:"end",gap:"size-100",minHeight:wk,children:[p?e(R,{size:"S","aria-label":"response format",leadingVisual:e(_,{svg:e(nt,{})}),isDisabled:a,onPress:()=>{r({instanceId:n,invocationParameterInput:{valueJson:Qp(),invocationName:Dn,canonicalName:Mn}})},children:"Response Format"}):null,f?e(R,{"aria-label":"add tool",size:"S",leadingVisual:e(_,{svg:e(nt,{})}),onPress:()=>{const u={tools:[...o.tools,$y({provider:o.model.provider,toolNumber:o.tools.length+1})]};if(o.tools.length===0){const g=xl({toolChoice:"auto",targetProvider:o.model.provider});g&&(u.toolChoice=g)}l({instanceId:n,patch:u,dirty:!0})},children:"Tool"}):null,e(R,{"aria-label":"add message",size:"S",leadingVisual:e(_,{svg:e(nt,{})}),onPress:()=>{i({playgroundInstanceId:n,messages:[{id:Jn(),role:"user",content:""}]})},children:"Message"})]})}const Mk=400;function Rk({playgroundInstanceId:n}){const a=O(c=>c.deleteInvocationParameterInput),t=O(c=>c.instances.find(p=>p.id===n)),l=O(c=>c.upsertInvocationParameterInput);if(!t)throw new Error(`Instance ${n} not found`);const i=t.model.invocationParameters.find(c=>c.invocationName===Dn||c.canonicalName===Mn),[r]=m.useState(JSON.stringify((i==null?void 0:i.valueJson)??{},null,2)),o=m.useRef(r),d=m.useCallback(c=>{o.current=c;const{json:p}=Me(c);if(p==null)return;const{success:f}=Gl.safeParse(p);f&&l({instanceId:n,invocationParameterInput:{invocationName:Dn,valueJson:p,canonicalName:Mn}})},[n,l]);return s(ge,{id:"response-format",children:[e(me,{arrowPosition:"start",children:"Response Format"}),e(pe,{children:e(C,{padding:"size-200",children:e(B,{variant:"compact",title:"Schema",bodyStyle:{padding:0},extra:s(h,{direction:"row",gap:"size-100",children:[e(ue,{text:o}),e(R,{"aria-label":"Delete Response Format",leadingVisual:e(_,{svg:e(Ye,{})}),size:"S",onPress:()=>{a({instanceId:n,invocationParameterInputInvocationName:Dn})}})]}),children:e(Vr,{preInitializationMinHeight:Mk,children:e(Be,{value:r,onChange:d,jsonSchema:vy})})})})})]})}const Vk=400;function Ak({playgroundInstanceId:n,toolId:a}){const[t,l]=m.useState(0),i=O(S=>S.updateInstance),r=O(S=>S.instances.find(F=>F.id===n));if(r==null)throw new Error(`Playground instance ${n} not found`);const o=r.tools,d=o.find(S=>S.id===a);if(d==null)throw new Error(`Tool ${a} not found`);const[c,p]=m.useState(JSON.stringify(d.definition,null,2)),f=m.useRef(c),[u,g]=m.useState(d.definition);m.useEffect(()=>{JSON.stringify(d.definition)!==JSON.stringify(u)&&(g(d.definition),p(JSON.stringify(d.definition,null,2)),l(S=>S+1))},[d.definition,u]);const y=m.useCallback(S=>{f.current=S;const{json:F}=Me(S);if(F==null)return;const{success:T}=gr.safeParse(F);T&&(g(F),i({instanceId:n,patch:{tools:o.map(x=>x.id===d.id?{...x,definition:F}:x)},dirty:!0}))},[o,n,d.id,i]),k=m.useMemo(()=>hs(d),[d]),b=m.useMemo(()=>{switch(r.model.provider){case"OPENAI":case"AZURE_OPENAI":return qp;case"ANTHROPIC":return jp;case"GOOGLE":return null}},[r.model.provider]);return e(B,{collapsible:!0,backgroundColor:"yellow-100",borderColor:"yellow-700",variant:"compact",title:s(h,{direction:"row",gap:"size-100",children:[e(Al,{spanKind:"tool"}),e(v,{children:k??"Tool"})]}),bodyStyle:{padding:0},extra:s(h,{direction:"row",gap:"size-100",children:[e(ue,{text:f}),e(R,{"aria-label":"Delete tool",leadingVisual:e(_,{svg:e(Ye,{})}),size:"S",onPress:()=>{const S=o.filter(x=>x.id!==d.id),F=typeof r.toolChoice=="object"&&k!=null&&Bp(r.toolChoice)===k;let T=r.toolChoice;S.length===0?T=void 0:F&&(T="auto"),i({instanceId:n,patch:{tools:S,toolChoice:T},dirty:!0})}})]}),children:e(Vr,{preInitializationMinHeight:Vk,children:e(Be,{value:c,onChange:y,jsonSchema:b},t)})})}function Nk(n){const a=n.playgroundInstanceId,t=O(d=>d.instances.find(c=>c.id===n.playgroundInstanceId)),l=O(d=>d.updateInstance);if(t==null)throw new Error(`Playground instance ${a} not found`);const{tools:i}=t;if(i==null)throw new Error(`Playground instance ${a} does not have tools`);const r=m.useMemo(()=>i.map(d=>hs(d)).filter(d=>d!=null),[i]),o=t.model.provider;return Up(o)?s(ge,{id:"tools",children:[s(me,{arrowPosition:"start",children:["Tools",e(gn,{children:i.length})]}),e(pe,{children:e(C,{padding:"size-200",children:s(h,{direction:"column",children:[e(It,{children:e(Hp,{provider:o,choice:t.toolChoice,onChange:d=>{l({instanceId:a,patch:{toolChoice:d},dirty:!0})},toolNames:r})}),e(h,{direction:"column",gap:"size-200",children:i.map(d=>e(Ak,{playgroundInstanceId:a,toolId:d.id},d.id))})]})})})]}):null}const pd=1,zk=pd+1;function $k(n){const a=n.playgroundInstanceId,t=O(u=>u.templateFormat),l=O(u=>u.updateInstance),i=m.useMemo(()=>ud(a),[a]),r=O(i);if(!r)throw new Error(`Playground instance ${a} not found`);const o=r.tools.length>0,d=r.model.invocationParameters.find(u=>ea(u,{canonicalName:Mn,invocationName:Dn}))!=null,{template:c}=r;if(c.__type!=="chat")throw new Error(`Invalid template type ${c.__type}`);const p=c.messageIds,f=pm(ki(bm),ki(km,{coordinateGetter:hm}));return s(fm,{sensors:f,onDragEnd:({active:u,over:g})=>{if(!g||u.id===g.id)return;const y=p.findIndex(S=>S===u.id),k=p.findIndex(S=>S===g.id),b=ym(p,y,k);l({instanceId:a,patch:{template:{__type:"chat",messageIds:b}},dirty:!0})},children:[e(gm,{items:p,children:e("ul",{css:K`
|
|
1789
1793
|
display: flex;
|
|
1790
1794
|
flex-direction: column;
|
|
1791
1795
|
gap: var(--ac-global-dimension-size-200);
|
|
1792
1796
|
padding: var(--ac-global-dimension-size-200);
|
|
1793
|
-
`,children:p.map(u=>e(Qk,{playgroundInstanceId:a,templateFormat:t,messageId:u},u))})}),e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderColor:"dark",borderTopWidth:"thin",borderBottomWidth:o||d?"thin":void 0,children:e(Ek,{instanceId:a,hasResponseFormat:d})}),o||d?s(ln,{defaultExpandedKeys:["tools","response-format"],children:[o?e(Nk,{...n}):null,d?e(Rk,{...n}):null]}):null]})}function Ok({message:n,updateMessage:a,templateFormat:t,playgroundInstanceId:l,messageMode:i}){const r=m.useCallback(o=>{a({content:o})},[a]);if(i==="toolCalls")return e(C,{paddingTop:"size-100",paddingStart:"size-250",paddingEnd:"size-250",paddingBottom:"size-200",children:e(la,{label:"Tool Calls",children:e(Ze,{width:"100%",children:e(Ik,{playgroundInstanceId:l,messageId:n.id})})})});if(n.role==="tool"){const o=Ut(n.content);return s(It,{onSubmit:d=>{d.preventDefault()},children:[e(C,{paddingX:"size-200",paddingY:"size-100",borderColor:"yellow-700",borderBottomWidth:"thin",children:e(ee,{value:n.toolCallId,onChange:d=>a({toolCallId:d}),"aria-label":"Tool Call ID",size:"S",children:e(
|
|
1797
|
+
`,children:p.map(u=>e(Qk,{playgroundInstanceId:a,templateFormat:t,messageId:u},u))})}),e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderColor:"dark",borderTopWidth:"thin",borderBottomWidth:o||d?"thin":void 0,children:e(Ek,{instanceId:a,hasResponseFormat:d})}),o||d?s(ln,{defaultExpandedKeys:["tools","response-format"],children:[o?e(Nk,{...n}):null,d?e(Rk,{...n}):null]}):null]})}function Ok({message:n,updateMessage:a,templateFormat:t,playgroundInstanceId:l,messageMode:i}){const r=m.useCallback(o=>{a({content:o})},[a]);if(i==="toolCalls")return e(C,{paddingTop:"size-100",paddingStart:"size-250",paddingEnd:"size-250",paddingBottom:"size-200",children:e(la,{label:"Tool Calls",children:e(Ze,{width:"100%",children:e(Ik,{playgroundInstanceId:l,messageId:n.id})})})});if(n.role==="tool"){const o=Ut(n.content);return s(It,{onSubmit:d=>{d.preventDefault()},children:[e(C,{paddingX:"size-200",paddingY:"size-100",borderColor:"yellow-700",borderBottomWidth:"thin",children:e(ee,{value:n.toolCallId,onChange:d=>a({toolCallId:d}),"aria-label":"Tool Call ID",size:"S",children:e(se,{placeholder:"Tool Call ID"})})}),e(Be,{value:o,"aria-label":"tool message content",height:"100%",onChange:d=>a({content:d}),onBlur:()=>{if(n.content!=null&&typeof n.content=="string"){const{json:d}=Me(n.content);a({content:JSON.stringify(d,null,2)})}}})]})}return e(wt,{children:e(Et,{height:"100%",defaultValue:n.content||"","aria-label":"Message content",templateFormat:t,onChange:r})})}function Qk({playgroundInstanceId:n,templateFormat:a,messageId:t}){const l=O(A=>A.updateMessage),i=O(A=>A.deleteMessage),{attributes:r,listeners:o,setNodeRef:d,transform:c,transition:p,setActivatorNodeRef:f,isDragging:u}=Sm({id:t}),g=m.useMemo(()=>A=>{var $;return($=A.instances.find(z=>z.id===n))==null?void 0:$.model},[n]),y=O(g);if(!y)throw new Error(`Instance model not found for instance ${n}`);const k=m.useMemo(()=>md(t),[t]),b=O(k),S=mt(b.role),F={transform:vm.Translate.toString(c),transition:p,zIndex:u?zk:pd},T=b.toolCalls!=null&&b.toolCalls.length>0,[x,L]=m.useState(T?"toolCalls":"text"),[P,E]=m.useState(b.content),[N,M]=m.useState(b.toolCalls),Q=m.useCallback(A=>{l({instanceId:n,messageId:t,patch:A})},[n,t,l]);return e("li",{ref:d,style:F,children:e(B,{collapsible:!0,variant:"compact",bodyStyle:{padding:0},...S,title:e("div",{css:K`
|
|
1794
1798
|
// Align the role picker with the prompt picker in PlaygroundTemplate header
|
|
1795
1799
|
margin-left: var(--ac-global-dimension-size-150);
|
|
1796
|
-
`,children:e(Lk,{includeLabel:!1,role:b.role,onChange:A=>{let $=b.toolCalls;A!=="ai"&&($=void 0,L("text")),l({instanceId:n,messageId:t,patch:{role:A,toolCalls:$}})}})}),extra:s(h,{direction:"row",gap:"size-100",children:[b.role==="ai"?e(Dk,{messageMode:x,onChange:A=>{switch(L(A),A){case"text":M(b.toolCalls),l({instanceId:n,messageId:t,patch:{content:P,toolCalls:void 0}});break;case"toolCalls":E(b.content),l({instanceId:n,messageId:t,patch:{content:"",toolCalls:N!=null?Mr({toolCalls:N,provider:
|
|
1800
|
+
`,children:e(Lk,{includeLabel:!1,role:b.role,onChange:A=>{let $=b.toolCalls;A!=="ai"&&($=void 0,L("text")),l({instanceId:n,messageId:t,patch:{role:A,toolCalls:$}})}})}),extra:s(h,{direction:"row",gap:"size-100",children:[b.role==="ai"?e(Dk,{messageMode:x,onChange:A=>{switch(L(A),A){case"text":M(b.toolCalls),l({instanceId:n,messageId:t,patch:{content:P,toolCalls:void 0}});break;case"toolCalls":E(b.content),l({instanceId:n,messageId:t,patch:{content:"",toolCalls:N!=null?Mr({toolCalls:N,provider:y.provider}):[Oy(y.provider)]}});break;default:Se()}}}):null,e(ue,{text:x==="toolCalls"?JSON.stringify(b.toolCalls):Ut(b.content)}),e(R,{"aria-label":"Delete message",leadingVisual:e(_,{svg:e(Ye,{})}),size:"S",onPress:()=>{i({instanceId:n,messageId:t})}}),e(Gp,{ref:f,listeners:o,attributes:r})]}),children:e("div",{children:e(Ok,{message:b,messageMode:x,playgroundInstanceId:n,templateFormat:a,updateMessage:Q})})})})}function jk(n){const[a,t]=m.useState(null),l=n.playgroundInstanceId,i=O(b=>b.updateInstance),r=O(b=>b.addMessage),o=O(b=>b.setDirty),d=O(b=>b.instances),c=d.find(b=>b.id===l),p=d.findIndex(b=>b.id===l),f=c==null?void 0:c.prompt,u=f==null?void 0:f.id,g=c==null?void 0:c.dirty,y=m.useCallback(async b=>{if(!b){i({instanceId:l,patch:{prompt:null},dirty:!1});return}const S=await bo(b);S&&(i({instanceId:l,patch:{...S.instance,template:{__type:"chat",messageIds:[]}},dirty:!1}),r({playgroundInstanceId:l,messages:S.instance.template.messages}),o(l,!1))},[l,i,r,o]);if(!c)throw new Error(`Playground instance ${l} not found`);const{template:k}=c;return s(U,{children:[e(B,{title:s(h,{direction:"row",gap:"size-100",alignItems:"center",marginEnd:"size-100",children:[e(zl,{index:p}),e(id,{promptId:u,onChange:y})]}),collapsible:!0,variant:"compact",bodyStyle:{padding:0},extra:s(h,{direction:"row",gap:"size-100",children:[e(m.Suspense,{fallback:e("div",{children:e(ve,{size:"S"})}),children:e(Pk,{instanceId:l})}),e(Fk,{...n}),e(Bk,{instanceId:l,setDialog:t,dirty:g}),d.length>1?e(qk,{...n}):null]}),children:k.__type==="chat"?e(m.Suspense,{children:e($k,{...n})}):"Completion Template"}),e(ne,{isDismissable:!0,onDismiss:()=>{t(null)},children:a})]})}function qk(n){const a=O(t=>t.deleteInstance);return s(he,{children:[e($e,{children:e(R,{size:"S","aria-label":"Delete this instance of the playground",leadingVisual:e(_,{svg:e(Ye,{})}),onPress:()=>{a(n.playgroundInstanceId)}})}),e(Re,{children:e(ta,{children:"Delete this instance of the playground"})})]})}function Bk({instanceId:n,setDialog:a,dirty:t}){const l=O(r=>r.instances.find(o=>o.id===n));if(!l)throw new Error(`Instance ${n} not found`);return e(U,{children:s(he,{delay:100,offset:5,placement:"top",children:[e($e,{children:e(R,{variant:t?"primary":void 0,size:"S",onPress:()=>{var r;a(e(dk,{instanceId:n,setDialog:a,selectedPromptId:(r=l.prompt)==null?void 0:r.id}))},children:"Save"})}),e(Re,{children:e(ta,{children:"Save this prompt"})})]})})}function Uk({size:n}){const a=O(l=>l.templateFormat),t=O(l=>l.setTemplateFormat);return e("div",{css:K`
|
|
1797
1801
|
& * {
|
|
1798
1802
|
white-space: nowrap;
|
|
1799
1803
|
}
|
|
@@ -1802,7 +1806,7 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
1802
1806
|
overflow: hidden;
|
|
1803
1807
|
flex-direction: column;
|
|
1804
1808
|
height: 100%;
|
|
1805
|
-
`;function oi(n){const{modelProviders:a}=D.useLazyLoadQuery(So,{}),t=Xe(c=>c.modelConfigByProvider),l=Xe(c=>c.playgroundStreamingEnabled),[,i]=vn(),r=a.some(c=>c.dependenciesInstalled);m.useEffect(()=>{i(c=>(c.delete("selectedSpanNodeId"),c),{replace:!0})},[i]);const o=window.Config.websocketsEnabled?l:!1,d=window.Config.websocketsEnabled;return r?s(Th,{...n,streaming:o,modelConfigByProvider:t,children:[s("div",{css:Hk,children:[e(C,{borderBottomColor:"dark",borderBottomWidth:"thin",padding:"size-200",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(
|
|
1809
|
+
`;function oi(n){const{modelProviders:a}=D.useLazyLoadQuery(So,{}),t=Xe(c=>c.modelConfigByProvider),l=Xe(c=>c.playgroundStreamingEnabled),[,i]=vn(),r=a.some(c=>c.dependenciesInstalled);m.useEffect(()=>{i(c=>(c.delete("selectedSpanNodeId"),c),{replace:!0})},[i]);const o=window.Config.websocketsEnabled?l:!1,d=window.Config.websocketsEnabled;return r?s(Th,{...n,streaming:o,modelConfigByProvider:t,children:[s("div",{css:Hk,children:[e(C,{borderBottomColor:"dark",borderBottomWidth:"thin",padding:"size-200",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(re,{level:1,children:"Playground"}),s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[d?e(rk,{}):null,e(zh,{}),e(Ah,{}),e(ik,{})]})]})}),e(n1,{})]}),e(m.Suspense,{children:e(wh,{})})]}):e(Rh,{availableProviders:a})}function Gk(){const n=O(i=>i.addInstance),a=O(i=>i.instances),t=a.length,l=a.some(i=>i.activeRunId!=null);return e(R,{size:"S","aria-label":"add prompt",leadingVisual:e(_,{svg:e(Fn,{})}),isDisabled:t>=Jg||l,onPress:()=>{n()},children:"Compare"})}const Wk=K`
|
|
1806
1810
|
display: flex;
|
|
1807
1811
|
flex-direction: column;
|
|
1808
1812
|
height: 100%;
|
|
@@ -1843,7 +1847,7 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
1843
1847
|
`,Zk=K`
|
|
1844
1848
|
height: 100%;
|
|
1845
1849
|
overflow: auto;
|
|
1846
|
-
`,Xk=632,Yk=["prompts"],e1=["input","output"];function n1(){const n=O(u=>u.instances),a=O(u=>u.templateFormat),[t]=vn(),l=t.get("datasetId"),i=l!=null,o=n.length===1,d=n.some(u=>u.activeRunId!=null),c=n.filter(u=>u.prompt).some(u=>u.dirty),p=m.useCallback(({currentLocation:u,nextLocation:g})=>{const
|
|
1850
|
+
`,Xk=632,Yk=["prompts"],e1=["input","output"];function n1(){const n=O(u=>u.instances),a=O(u=>u.templateFormat),[t]=vn(),l=t.get("datasetId"),i=l!=null,o=n.length===1,d=n.some(u=>u.activeRunId!=null),c=n.filter(u=>u.prompt).some(u=>u.dirty),p=m.useCallback(({currentLocation:u,nextLocation:g})=>{const y=u.pathname!==g.pathname;return(d||c)&&y},[d,c]),f=Cm(p);return m.useEffect(()=>{const u=d,g=y=>{y.preventDefault(),y.returnValue=!0};if(u)return window.addEventListener("beforeunload",g),()=>{window.removeEventListener("beforeunload",g)}},[d]),s(m.Fragment,{children:[s(Ln,{direction:o&&!i?"horizontal":"vertical",autoSaveId:o?"playground-horizontal":"playground-vertical",children:[e(Ee,{children:e("div",{css:Wk,children:e(ln,{defaultExpandedKeys:Yk,children:s(ge,{id:"prompts",size:"L",children:[s(me,{arrowPosition:"start",justifyContent:"space-between",children:["Prompts",e(Nt,{children:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Uk,{size:"S"}),e(Gk,{})]})})]}),e(pe,{children:e("div",{css:Jk,children:e(h,{direction:"row",gap:"size-200",maxWidth:"100%",children:n.map(u=>e(C,{flex:"1 1 0px",minWidth:Xk,children:e(jk,{playgroundInstanceId:u.id})},`${u.id}-prompt`))})})})]})})})}),e(_n,{css:Nl}),e(Ee,{children:i?e(m.Suspense,{fallback:e(ve,{}),children:e(U0,{datasetId:l})}):e("div",{css:Zk,children:s(ln,{defaultExpandedKeys:e1,children:[a!==en.NONE?s(ge,{id:"input",size:"L",children:[e(me,{arrowPosition:"start",children:"Inputs"}),e(pe,{children:e(C,{padding:"size-200",height:"100%",children:e(Z0,{})})})]}):null,s(ge,{id:"output",size:"L",children:[e(me,{arrowPosition:"start",children:"Output"}),e(pe,{children:e(C,{padding:"size-200",height:"100%",children:e(h,{direction:"row",gap:"size-200",children:n.map(u=>e(C,{flex:"1 1 0px",children:e(tk,{playgroundInstanceId:u.id})},`${u.id}-output`))})})})]})]})})})]}),f!=null&&e(Jp,{blocker:f,message:d?"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 E2(){const{instanceWithPrompt:n,templateFormat:a}=qe(),{instance:t}=m.useMemo(()=>{const{instance:l}=yr();return{instance:{...l,...n,template:n.template}}},[n]);return e(oi,{instances:[t],templateFormat:a})}const gd=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"},{defaultValue:null,kind:"LocalArgument",name:"promptId"}],a=[{kind:"Variable",name:"input",variableName:"input"}],t=[{kind:"Variable",name:"id",variableName:"promptId"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"TagPromptVersionButtonSetTagMutation",selections:[{alias:null,args:a,concreteType:"PromptVersionTagMutationPayload",kind:"LinkedField",name:"setPromptVersionTag",plural:!1,selections:[{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:"prompt",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"PromptVersionsList__main"}],type:"Prompt",abstractKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"TagPromptVersionButtonSetTagMutation",selections:[{alias:null,args:a,concreteType:"PromptVersionTagMutationPayload",kind:"LinkedField",name:"setPromptVersionTag",plural:!1,selections:[{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:"prompt",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"PromptVersionConnection",kind:"LinkedField",name:"promptVersions",plural:!1,selections:[{alias:null,args:null,concreteType:"PromptVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"version",args:null,concreteType:"PromptVersion",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PromptVersionTag",kind:"LinkedField",name:"tags",plural:!0,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Prompt",abstractKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},l],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"8fb2730b63a6d441fbac8e5f5a438c9b",id:null,metadata:{},name:"TagPromptVersionButtonSetTagMutation",operationKind:"mutation",text:`mutation TagPromptVersionButtonSetTagMutation(
|
|
1847
1851
|
$input: SetPromptVersionTagInput!
|
|
1848
1852
|
$promptId: GlobalID!
|
|
1849
1853
|
) {
|
|
@@ -1940,9 +1944,9 @@ fragment PromptVersionTagsList_data on PromptVersion {
|
|
|
1940
1944
|
name
|
|
1941
1945
|
}
|
|
1942
1946
|
}
|
|
1943
|
-
`}}}();fd.hash="c057a8cd7cddac787f887e505ff0f9e6";function a1({onNewTagCreated:n,promptVersionId:a,onDismiss:t}){const{control:l,handleSubmit:i,formState:{isDirty:r}}
|
|
1947
|
+
`}}}();fd.hash="c057a8cd7cddac787f887e505ff0f9e6";function a1({onNewTagCreated:n,promptVersionId:a,onDismiss:t}){const{control:l,handleSubmit:i,formState:{isDirty:r}}=Oe({defaultValues:{name:"",description:""}}),[o,d]=fe.useState(null),[c,p]=D.useMutation(fd);return e(ne,{onDismiss:t,isDismissable:!0,type:"modal",children:s(X,{title:"New Prompt Tag",children:[o?e(be,{variant:"danger",banner:!0,children:o}):null,s(tn,{onSubmit:i(u=>{d(null),c({variables:{input:{name:u.name,description:u.description,promptVersionId:a},promptVersionId:a},onCompleted:()=>{n(u),t()},onError:g=>{d(g.message)}})}),children:[s(C,{padding:"size-200",children:[e(W,{name:"name",control:l,rules:{required:"Name is required",pattern:rd},render:({field:{name:u,onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(ee,{isInvalid:b,onChange:g,onBlur:y,name:u,value:k.toString(),children:[e(Z,{children:"Tag Name"}),e(se,{placeholder:"e.x. prod"}),S!=null&&S.message?e(Pe,{children:S.message}):e(v,{slot:"description",children:"The identifier of the tag"})]})}),e(W,{name:"description",control:l,render:({field:{name:u,onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(ee,{isInvalid:b,onChange:g,name:u,onBlur:y,value:k.toString(),children:[e(Z,{children:"Description"}),e(va,{placeholder:"A description of the tag"}),S!=null&&S.message?e(Pe,{children:S.message}):e(v,{slot:"description",children:"A description of the tag (optional)"})]})})]}),e(C,{paddingX:"size-200",paddingY:"size-100",borderTopColor:"dark",borderTopWidth:"thin",children:e(h,{gap:"size-100",justifyContent:"end",children:e(R,{variant:r?"primary":"default",size:"S",type:"submit",isDisabled:p,children:"Create Tag"})})})]})]})})}function t1(){const[n,a]=m.useState(!1),[t,l]=m.useState(0),i=Fe(),{promptId:r,versionId:o}=We();if(!r)throw new Error("Expected promptId to be defined");if(!o)throw new Error("Expected versionId to be defined");return s("div",{children:[s(bl,{children:[e(R,{size:"S",leadingVisual:e(_,{svg:e(Zp,{})}),children:"Tag Version"}),s(Xp,{placement:"bottom end",children:[e(Yp,{}),s(kl,{children:[e(m.Suspense,{fallback:e(C,{padding:"size-100",children:e(ve,{size:"S"})}),children:e(l1,{promptId:r,versionId:o,fetchKey:t,onTagSet:d=>{l(c=>c+1),i({title:"Tag Set",message:`The tag ${d} has been set on the version`})}})}),e(C,{padding:"size-100",width:"250px",children:e(R,{leadingVisual:e(_,{svg:e(nt,{})}),size:"S",css:K`
|
|
1944
1948
|
width: 100%;
|
|
1945
|
-
`,onPress:()=>a(!0),children:"New Tag"})})]})]})]}),n&&e(a1,{promptVersionId:o,onDismiss:()=>a(!1),onNewTagCreated:d=>{l(c=>c+1),i({title:"Tag Created",message:`The tag ${d.name} has been created and been set on the version`})}})]})}function l1({promptId:n,versionId:a,fetchKey:t,onTagSet:l}){var
|
|
1949
|
+
`,onPress:()=>a(!0),children:"New Tag"})})]})]})]}),n&&e(a1,{promptVersionId:o,onDismiss:()=>a(!1),onNewTagCreated:d=>{l(c=>c+1),i({title:"Tag Created",message:`The tag ${d.name} has been created and been set on the version`})}})]})}function l1({promptId:n,versionId:a,fetchKey:t,onTagSet:l}){var f,u;const i=D.useLazyLoadQuery(yd,{promptId:n,versionId:a},{fetchKey:t,fetchPolicy:"store-and-network"}),r=m.useMemo(()=>{var g,y;return((y=(g=i==null?void 0:i.prompt)==null?void 0:g.versionTags)==null?void 0:y.map(k=>k.name))||[]},[(f=i==null?void 0:i.prompt)==null?void 0:f.versionTags]),o=m.useMemo(()=>{var g,y;return((y=(g=i==null?void 0:i.promptVersion)==null?void 0:g.tags)==null?void 0:y.map(k=>k.name))||[]},[(u=i==null?void 0:i.promptVersion)==null?void 0:u.tags]),d=m.useMemo(()=>Array.from(new Set([...Ci.map(g=>g.name),...r])),[r]),[c,p]=D.useMutation(gd);return e("ul",{children:d.map(g=>{const y=o.includes(g);return e("li",{children:e(C,{paddingY:"size-100",paddingX:"size-200",borderBottomColor:"light",borderBottomWidth:"thin",children:s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e("input",{type:"checkbox",name:g,checked:y,disabled:y||p,onChange:k=>{if(k.target.checked){const b=!o.includes(g);let S="";if(b){const F=Ci.find(T=>T.name===g);S=(F==null?void 0:F.description)||""}c({variables:{input:{name:g,promptVersionId:a,description:S},promptId:n},onCompleted:()=>{l(g)}})}}}),e("span",{children:g})]})})},g)})})}function M2(){const{promptVersion:n}=qe();return e(i1,{promptVersion:n})}function i1({promptVersion:n}){return e(C,{width:"100%",overflow:"auto",elementType:"section",children:e(C,{padding:"size-200",width:"100%",overflow:"auto",children:s(h,{direction:"column",gap:"size-200",maxWidth:900,marginStart:"auto",marginEnd:"auto",children:[s(h,{direction:"row",justifyContent:"space-between",children:[s(h,{direction:"row",gap:"size-100",children:[e(re,{level:2,children:`Version: ${n.id}`}),e(po,{promptVersion:n})]}),s(h,{direction:"row",gap:"size-100",children:[e(ue,{text:n.id,children:"Version ID"}),e(t1,{})]})]}),e(to,{promptVersion:n}),e(Js,{promptVersion:n}),e(oo,{promptVersion:n})]})})})}const hd=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"invocationParameters",storageKey:null},o={alias:null,args:null,kind:"ScalarField",name:"modelName",storageKey:null},d=[{alias:null,args:null,kind:"ScalarField",name:"definition",storageKey:null}],c={alias:null,args:null,concreteType:"ToolDefinition",kind:"LinkedField",name:"tools",plural:!0,selections:d,storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"toolCallId",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"promptVersionLoaderQuery",selections:[{alias:"promptVersion",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"PromptInvocationParameters__main"},{args:null,kind:"FragmentSpread",name:"PromptChatMessagesCard__main"},{args:null,kind:"FragmentSpread",name:"PromptCodeExportCard__main"},{args:null,kind:"FragmentSpread",name:"PromptModelConfigurationCard__main"},{args:null,kind:"FragmentSpread",name:"PromptVersionTagsList_data"},i,r,o,c,{alias:null,args:null,concreteType:"PromptVersionTag",kind:"LinkedField",name:"tags",plural:!0,selections:[p],storageKey:null}],type:"PromptVersion",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"promptVersionLoaderQuery",selections:[{alias:"promptVersion",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{kind:"InlineFragment",selections:[r,{alias:"provider",args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"template",plural:!1,selections:[t,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"PromptMessage",kind:"LinkedField",name:"messages",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"role",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"content",plural:!0,selections:[t,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"TextContentValue",kind:"LinkedField",name:"text",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"text",storageKey:null}],storageKey:null}],type:"TextContentPart",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ToolCallContentValue",kind:"LinkedField",name:"toolCall",plural:!1,selections:[f,{alias:null,args:null,concreteType:"ToolCallFunction",kind:"LinkedField",name:"toolCall",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null},p],storageKey:null}],storageKey:null}],type:"ToolCallContentPart",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ToolResultContentValue",kind:"LinkedField",name:"toolResult",plural:!1,selections:[f,{alias:null,args:null,kind:"ScalarField",name:"result",storageKey:null}],storageKey:null}],type:"ToolResultContentPart",abstractKey:null}],storageKey:null}],storageKey:null}],type:"PromptChatTemplate",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"template",storageKey:null}],type:"PromptStringTemplate",abstractKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateType",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateFormat",storageKey:null},o,{alias:null,args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{alias:null,args:null,concreteType:"ResponseFormat",kind:"LinkedField",name:"responseFormat",plural:!1,selections:d,storageKey:null},c,{alias:"model",args:null,kind:"ScalarField",name:"modelName",storageKey:null},{alias:null,args:null,concreteType:"PromptVersionTag",kind:"LinkedField",name:"tags",plural:!0,selections:[l,p],storageKey:null},i],type:"PromptVersion",abstractKey:null}],storageKey:null}]},params:{cacheID:"619de31a7a111f736e33d8aad0e16f97",id:null,metadata:{},name:"promptVersionLoaderQuery",operationKind:"query",text:`query promptVersionLoaderQuery(
|
|
1946
1950
|
$id: GlobalID!
|
|
1947
1951
|
) {
|
|
1948
1952
|
promptVersion: node(id: $id) {
|
|
@@ -2192,7 +2196,7 @@ fragment PromptVersionTagsList_data on PromptVersion {
|
|
|
2192
2196
|
id
|
|
2193
2197
|
}
|
|
2194
2198
|
}
|
|
2195
|
-
`}}}();Cd.hash="48d10974b52b961361ff750b74e21d8e";const c1=n=>{const{json:a}=Me(n);if(a==null||!Xn(a))return null;const t=a[ye.user];if(t==null||!Xn(t))return null;const l=t[Km.id];return pn.isString(l)||pn.isNumber(l)?l:null};function Hi({role:n,value:a,mimeType:t}){const l=m.useMemo(()=>{if(t!=="json")return String(a);const r=Me(a);return r.json==null?"--":JSON.stringify(r.json,null,2)},[a,t]),i=mt(n==="HUMAN"?"user":"assistant");return e(C,{alignSelf:n==="HUMAN"?"start":"end",borderRadius:"medium",borderColor:"dark",borderWidth:"thin",padding:"size-200",maxWidth:"70%",...i,children:s(h,{direction:"column",gap:"size-50",children:[e(v,{color:"text-700",children:n}),t==="json"?e(nn,{value:l}):e(v,{children:l})]})})}function u1({traceId:n,rootSpan:a,index:t}){const l=m.useMemo(()=>new Date(a.startTime),[a.startTime]),i=m.useMemo(()=>c1(a.attributes),[a.attributes]);return e(C,{height:"100%",children:s(h,{direction:"column",justifyContent:"space-between",height:"100%",children:[s(h,{direction:"column",gap:"size-200",children:[s(h,{direction:"row",justifyContent:"space-between",children:[s(v,{children:["Trace #",t+1]}),e(Je,{to:`/projects/${a.project.id}/traces/${n}?selectedSpanNodeId=${a.id}`,children:s(h,{alignItems:"center",children:["View Trace",e(_,{svg:e(eg,{})})]})})]}),s(h,{direction:"row",justifyContent:"space-between",children:[i!=null?s(v,{color:"text-700",children:["user: ",i]}):null,e(v,{color:"text-700",flex:"end",marginStart:"auto",children:Nn(l)})]}),s(h,{direction:"row",gap:"size-100",children:[e(ra,{tokenCountTotal:a.cumulativeTokenCountTotal??0,tokenCountCompletion:a.cumulativeTokenCountCompletion??0,tokenCountPrompt:a.cumulativeTokenCountPrompt??0}),a.latencyMs!=null?e(Ae,{latencyMs:a.latencyMs}):"--"]})]}),s(h,{direction:"row",justifyContent:"space-between",alignItems:"end",children:[s(h,{direction:"column",gap:"size-100",maxWidth:"50%",children:[e(v,{children:"Feedback"}),e(h,{gap:"size-50",direction:"column",children:a.spanAnnotations.length>0?a.spanAnnotations.map(r=>e(
|
|
2199
|
+
`}}}();Cd.hash="48d10974b52b961361ff750b74e21d8e";const c1=n=>{const{json:a}=Me(n);if(a==null||!Xn(a))return null;const t=a[ye.user];if(t==null||!Xn(t))return null;const l=t[Km.id];return pn.isString(l)||pn.isNumber(l)?l:null};function Hi({role:n,value:a,mimeType:t}){const l=m.useMemo(()=>{if(t!=="json")return String(a);const r=Me(a);return r.json==null?"--":JSON.stringify(r.json,null,2)},[a,t]),i=mt(n==="HUMAN"?"user":"assistant");return e(C,{alignSelf:n==="HUMAN"?"start":"end",borderRadius:"medium",borderColor:"dark",borderWidth:"thin",padding:"size-200",maxWidth:"70%",...i,children:s(h,{direction:"column",gap:"size-50",children:[e(v,{color:"text-700",children:n}),t==="json"?e(nn,{value:l}):e(v,{children:l})]})})}function u1({traceId:n,rootSpan:a,index:t}){const l=m.useMemo(()=>new Date(a.startTime),[a.startTime]),i=m.useMemo(()=>c1(a.attributes),[a.attributes]);return e(C,{height:"100%",children:s(h,{direction:"column",justifyContent:"space-between",height:"100%",children:[s(h,{direction:"column",gap:"size-200",children:[s(h,{direction:"row",justifyContent:"space-between",children:[s(v,{children:["Trace #",t+1]}),e(Je,{to:`/projects/${a.project.id}/traces/${n}?selectedSpanNodeId=${a.id}`,children:s(h,{alignItems:"center",children:["View Trace",e(_,{svg:e(eg,{})})]})})]}),s(h,{direction:"row",justifyContent:"space-between",children:[i!=null?s(v,{color:"text-700",children:["user: ",i]}):null,e(v,{color:"text-700",flex:"end",marginStart:"auto",children:Nn(l)})]}),s(h,{direction:"row",gap:"size-100",children:[e(ra,{tokenCountTotal:a.cumulativeTokenCountTotal??0,tokenCountCompletion:a.cumulativeTokenCountCompletion??0,tokenCountPrompt:a.cumulativeTokenCountPrompt??0}),a.latencyMs!=null?e(Ae,{latencyMs:a.latencyMs}):"--"]})]}),s(h,{direction:"row",justifyContent:"space-between",alignItems:"end",children:[s(h,{direction:"column",gap:"size-100",maxWidth:"50%",children:[e(v,{children:"Feedback"}),e(h,{gap:"size-50",direction:"column",children:a.spanAnnotations.length>0?a.spanAnnotations.map(r=>e(Aa,{annotation:r,children:e(An,{annotation:r,annotationDisplayPreference:"label"})},r.name)):"--"})]}),e("span",{children:e(Ao,{size:"S",spanNodeId:a.id,projectId:a.project.id})})]})]})})}function m1({rootSpan:n}){var a,t,l,i;return s(h,{direction:"column",gap:"size-100",children:[e(Hi,{role:"HUMAN",value:(a=n.input)==null?void 0:a.value,mimeType:(t=n.input)==null?void 0:t.mimeType}),e(Hi,{role:"AI",value:(l=n.output)==null?void 0:l.value,mimeType:(i=n.output)==null?void 0:i.mimeType})]})}function p1({traces:n}){const a=m.useMemo(()=>((n==null?void 0:n.edges)||[]).map(({trace:l})=>l).filter(l=>l.rootSpan!==null),[n]);return e(C,{height:"100%",flex:"1 1 auto",overflow:"auto",children:a.map(({traceId:t,rootSpan:l},i)=>e(C,{borderBottomColor:"dark",borderBottomWidth:"thin",children:s(h,{direction:"row",children:[e(C,{borderRightWidth:"thin",borderEndColor:"dark",padding:"size-200",flex:"1 1 auto",children:e(m1,{rootSpan:l})}),e(C,{width:350,padding:"size-200",flex:"none",children:e(u1,{traceId:t,rootSpan:l,index:i})})]})},l.spanId))})}function g1({traceCount:n,tokenUsage:a,latencyP50:t}){return e(C,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",children:s(h,{direction:"row",gap:"size-400",children:[s(h,{direction:"column",children:[e(v,{elementType:"h3",color:"text-700",children:"Traces Count"}),e(v,{size:"L",children:n})]}),a!=null?s(h,{direction:"column",children:[e(v,{elementType:"h3",color:"text-700",children:"Total Tokens"}),e(ra,{tokenCountTotal:a.total,tokenCountCompletion:a.completion,tokenCountPrompt:a.prompt,size:"L"})]}):null,t!=null?s(h,{direction:"column",children:[e(v,{elementType:"h3",color:"text-700",children:"Latency P50"}),e(Ae,{latencyMs:t,size:"L"})]}):null]})})}function y1(n){const{sessionId:a}=n,t=D.useLazyLoadQuery(Cd,{id:a},{fetchPolicy:"store-and-network"});if(t.session==null)throw new Error("Session not found");return s("main",{css:K`
|
|
2196
2200
|
flex: 1 1 auto;
|
|
2197
2201
|
display: flex;
|
|
2198
2202
|
flex-direction: column;
|
|
@@ -2280,7 +2284,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
2280
2284
|
}
|
|
2281
2285
|
}
|
|
2282
2286
|
}
|
|
2283
|
-
`}};Td.hash="374499f7f8ce6919e4a0a4ecbe380c52";const Pd=function(){var n={defaultValue:null,kind:"LocalArgument",name:"clusterMinSamples"},a={defaultValue:null,kind:"LocalArgument",name:"clusterSelectionEpsilon"},t={defaultValue:null,kind:"LocalArgument",name:"dataQualityMetricColumnName"},l={defaultValue:null,kind:"LocalArgument",name:"fetchDataQualityMetric"},i={defaultValue:null,kind:"LocalArgument",name:"fetchPerformanceMetric"},r={defaultValue:null,kind:"LocalArgument",name:"id"},o={defaultValue:null,kind:"LocalArgument",name:"minClusterSize"},d={defaultValue:null,kind:"LocalArgument",name:"minDist"},c={defaultValue:null,kind:"LocalArgument",name:"nNeighbors"},p={defaultValue:null,kind:"LocalArgument",name:"nSamples"},
|
|
2287
|
+
`}};Td.hash="374499f7f8ce6919e4a0a4ecbe380c52";const Pd=function(){var n={defaultValue:null,kind:"LocalArgument",name:"clusterMinSamples"},a={defaultValue:null,kind:"LocalArgument",name:"clusterSelectionEpsilon"},t={defaultValue:null,kind:"LocalArgument",name:"dataQualityMetricColumnName"},l={defaultValue:null,kind:"LocalArgument",name:"fetchDataQualityMetric"},i={defaultValue:null,kind:"LocalArgument",name:"fetchPerformanceMetric"},r={defaultValue:null,kind:"LocalArgument",name:"id"},o={defaultValue:null,kind:"LocalArgument",name:"minClusterSize"},d={defaultValue:null,kind:"LocalArgument",name:"minDist"},c={defaultValue:null,kind:"LocalArgument",name:"nNeighbors"},p={defaultValue:null,kind:"LocalArgument",name:"nSamples"},f={defaultValue:null,kind:"LocalArgument",name:"performanceMetric"},u={defaultValue:null,kind:"LocalArgument",name:"timeRange"},g=[{kind:"Variable",name:"id",variableName:"id"}],y={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},k={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},b={alias:null,args:null,kind:"ScalarField",name:"x",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"y",storageKey:null},F=[y,{alias:null,args:null,kind:"ScalarField",name:"eventId",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"coordinates",plural:!1,selections:[k,{kind:"InlineFragment",selections:[b,S,{alias:null,args:null,kind:"ScalarField",name:"z",storageKey:null}],type:"Point3D",abstractKey:null},{kind:"InlineFragment",selections:[b,S],type:"Point2D",abstractKey:null}],storageKey:null},{alias:null,args:null,concreteType:"EmbeddingMetadata",kind:"LinkedField",name:"embeddingMetadata",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"linkToData",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"rawData",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"EventMetadata",kind:"LinkedField",name:"eventMetadata",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"predictionId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualScore",storageKey:null}],storageKey:null}],T=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"referenceValue",storageKey:null}],x={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"clusterMinSamples",variableName:"clusterMinSamples"},{kind:"Variable",name:"clusterSelectionEpsilon",variableName:"clusterSelectionEpsilon"},{kind:"Variable",name:"minClusterSize",variableName:"minClusterSize"},{kind:"Variable",name:"minDist",variableName:"minDist"},{kind:"Variable",name:"nNeighbors",variableName:"nNeighbors"},{kind:"Variable",name:"nSamples",variableName:"nSamples"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"UMAPPoints",kind:"LinkedField",name:"UMAPPoints",plural:!1,selections:[{alias:null,args:null,concreteType:"UMAPPoint",kind:"LinkedField",name:"data",plural:!0,selections:F,storageKey:null},{alias:null,args:null,concreteType:"UMAPPoint",kind:"LinkedField",name:"referenceData",plural:!0,selections:F,storageKey:null},{alias:null,args:null,concreteType:"UMAPPoint",kind:"LinkedField",name:"corpusData",plural:!0,selections:F,storageKey:null},{alias:null,args:null,concreteType:"Cluster",kind:"LinkedField",name:"clusters",plural:!0,selections:[y,{alias:null,args:null,kind:"ScalarField",name:"eventIds",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"driftRatio",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"primaryToCorpusRatio",storageKey:null},{condition:"fetchDataQualityMetric",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[{fields:[{kind:"Variable",name:"columnName",variableName:"dataQualityMetricColumnName"},{kind:"Literal",name:"metric",value:"mean"}],kind:"ObjectValue",name:"metric"}],concreteType:"DatasetValues",kind:"LinkedField",name:"dataQualityMetric",plural:!1,selections:T,storageKey:null}]},{condition:"fetchPerformanceMetric",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[{fields:[{kind:"Variable",name:"metric",variableName:"performanceMetric"}],kind:"ObjectValue",name:"metric"}],concreteType:"DatasetValues",kind:"LinkedField",name:"performanceMetric",plural:!1,selections:T,storageKey:null}]}],storageKey:null},{alias:null,args:null,concreteType:"Retrieval",kind:"LinkedField",name:"contextRetrievals",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"queryId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"relevance",storageKey:null}],storageKey:null}],storageKey:null}],type:"EmbeddingDimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t,l,i,r,o,d,c,p,f,u],kind:"Fragment",metadata:null,name:"EmbeddingPageUMAPQuery",selections:[{alias:"embedding",args:g,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[x],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[r,u,d,c,p,o,n,a,l,t,i,f],kind:"Operation",name:"EmbeddingPageUMAPQuery",selections:[{alias:"embedding",args:g,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[k,x,{kind:"TypeDiscriminator",abstractKey:"__isNode"},y],storageKey:null}]},params:{cacheID:"d30210c52f86b9d9a7ac958f866aa93e",id:null,metadata:{},name:"EmbeddingPageUMAPQuery",operationKind:"query",text:`query EmbeddingPageUMAPQuery(
|
|
2284
2288
|
$id: GlobalID!
|
|
2285
2289
|
$timeRange: TimeRange!
|
|
2286
2290
|
$minDist: Float!
|
|
@@ -2404,7 +2408,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
2404
2408
|
id
|
|
2405
2409
|
}
|
|
2406
2410
|
}
|
|
2407
|
-
`}}}();Pd.hash="f1ee7ce02317f1c3fe96b77af405095f";function f1(){const{theme:n}=zn();return m.useMemo(()=>n==="light"?ng:ag,[n])}function h1(){const{embeddingDimensionId:n}=We();if(!n)throw new Error("Missing embeddingDimensionId in URL params");return n}const Id={euclideanDistance:{name:"Euclidean Distance",shortName:"Euc. Distance",definition:"Euclidean distance over time captures how much your primary inferences's embeddings are drifting from the reference data. Euclidean distance of the embeddings is calculated by taking the centroid of the embedding vectors for each inferences and calculating the distance between the two centroids."},queryDistance:{name:"Query Distance",shortName:"Query Distance",definition:"The query distance is the euclidean distance of the centroid of queries from the centroid of the corpus."},accuracyScore:{name:"Accuracy Score",shortName:"Accuracy",definition:"Accuracy classification score. In multi-label classification, this function computes subset accuracy: the set of labels predicted for a sample must exactly match the corresponding set of labels in the ground truth."}};function ha(n){const a=Id[n];return a!=null?a.shortName:n}function ol(n){const a=Id[n];return a&&a.definition!=null&&a.definition||null}function
|
|
2411
|
+
`}}}();Pd.hash="f1ee7ce02317f1c3fe96b77af405095f";function f1(){const{theme:n}=zn();return m.useMemo(()=>n==="light"?ng:ag,[n])}function h1(){const{embeddingDimensionId:n}=We();if(!n)throw new Error("Missing embeddingDimensionId in URL params");return n}const Id={euclideanDistance:{name:"Euclidean Distance",shortName:"Euc. Distance",definition:"Euclidean distance over time captures how much your primary inferences's embeddings are drifting from the reference data. Euclidean distance of the embeddings is calculated by taking the centroid of the embedding vectors for each inferences and calculating the distance between the two centroids."},queryDistance:{name:"Query Distance",shortName:"Query Distance",definition:"The query distance is the euclidean distance of the centroid of queries from the centroid of the corpus."},accuracyScore:{name:"Accuracy Score",shortName:"Accuracy",definition:"Accuracy classification score. In multi-label classification, this function computes subset accuracy: the set of labels predicted for a sample must exactly match the corresponding set of labels in the ground truth."}};function ha(n){const a=Id[n];return a!=null?a.shortName:n}function ol(n){const a=Id[n];return a&&a.definition!=null&&a.definition||null}function Pa(n){return`${n.column}:${n.dir}`}function k1(){const{referenceInferences:n}=Kn(),a=!!n,t=H(c=>c.clusterSort),l=H(c=>c.setClusterSort),[i,r]=m.useState(!1),o=m.useMemo(()=>{const c=[];return a&&c.push({label:"Most drift",value:Pa({column:"driftRatio",dir:"desc"})}),[...c,{label:"Largest clusters",value:Pa({column:"size",dir:"desc"})},{label:"Smallest clusters",value:Pa({column:"size",dir:"asc"})},{label:"Highest metric value",value:Pa({column:"primaryMetricValue",dir:"desc"})},{label:"Lowest metric value",value:Pa({column:"primaryMetricValue",dir:"asc"})}]},[a]),d=Pa(t);return e("div",{css:K`
|
|
2408
2412
|
.ac-action-button {
|
|
2409
2413
|
background: none;
|
|
2410
2414
|
border: none;
|
|
@@ -2417,7 +2421,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
2417
2421
|
color: var(--ac-global-text-color-900);
|
|
2418
2422
|
}
|
|
2419
2423
|
}
|
|
2420
|
-
`,children:s(
|
|
2424
|
+
`,children:s(Ra,{placement:"bottom right","aria-label":"Sort clusters by",isOpen:i,onOpenChange:c=>r(c),children:[s(Em,{children:["Sort",e("span",{"aria-hidden":!0,"data-testid":"dropdown-caret",css:K`
|
|
2421
2425
|
margin-left: var(--ac-global-dimension-static-size-50);
|
|
2422
2426
|
border-bottom-color: #0000;
|
|
2423
2427
|
border-left-color: #0000;
|
|
@@ -2429,14 +2433,14 @@ fragment MetricSelector_dimensions on Model {
|
|
|
2429
2433
|
height: 0;
|
|
2430
2434
|
vertical-align: middle;
|
|
2431
2435
|
width: 0;
|
|
2432
|
-
`})]}),e(Cl,{children:e(xt,{style:{width:200},selectedKeys:[d],selectionMode:"single",items:o,onSelectionChange:c=>{if(c instanceof Set&&c.size>0){const[p]=c.values(),[
|
|
2436
|
+
`})]}),e(Cl,{children:e(xt,{style:{width:200},selectedKeys:[d],selectionMode:"single",items:o,onSelectionChange:c=>{if(c instanceof Set&&c.size>0){const[p]=c.values(),[f,u]=p.split(":");l({column:f,dir:u})}r(!1)},children:c=>e(oe,{children:c.label},c.value)})})]})})}const xd=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(
|
|
2433
2437
|
$clusters: [ClusterInput!]!
|
|
2434
2438
|
) {
|
|
2435
2439
|
exportClusters(clusters: $clusters) {
|
|
2436
2440
|
fileName
|
|
2437
2441
|
}
|
|
2438
2442
|
}
|
|
2439
|
-
`}}}();xd.hash="b5ff2517dbb0d19a1b24dea1796a3576";function b1(){const n=H(r=>r.clusters),{notifyError:a,notifySuccess:t}=zr(),[l,i]=D.useMutation(xd);return e(Cn,{align:"end",buttonSize:"compact",icon:i?e(_,{svg:e(Ge,{})}):null,onAction:r=>{switch(r){case"export_cluster":l({variables:{clusters:n.map(o=>({eventIds:o.eventIds,id:o.id}))},onCompleted:o=>{const{fileName:d}=o.exportClusters;t({title:"Clusters Exported",message:"dataframe is available via px.active_session().exports or can be downloaded by clicking below",action:{text:"Download",onClick:()=>{window.open(`/exports?filename=${d}`,"_self")}}})},onError:o=>{a({title:"Failed to export clusters",message:`Failed to export clusters: ${o.message}`})}});break}},children:s(oe,{children:[e(_,{svg:e(zt,{})}),"Export clusters"]},"export_cluster")})}const Dd={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};Dd.hash="55d03de16503d7af254c17cef7d18ee0";const
|
|
2443
|
+
`}}}();xd.hash="b5ff2517dbb0d19a1b24dea1796a3576";function b1(){const n=H(r=>r.clusters),{notifyError:a,notifySuccess:t}=zr(),[l,i]=D.useMutation(xd);return e(Cn,{align:"end",buttonSize:"compact",icon:i?e(_,{svg:e(Ge,{})}):null,onAction:r=>{switch(r){case"export_cluster":l({variables:{clusters:n.map(o=>({eventIds:o.eventIds,id:o.id}))},onCompleted:o=>{const{fileName:d}=o.exportClusters;t({title:"Clusters Exported",message:"dataframe is available via px.active_session().exports or can be downloaded by clicking below",action:{text:"Download",onClick:()=>{window.open(`/exports?filename=${d}`,"_self")}}})},onError:o=>{a({title:"Failed to export clusters",message:`Failed to export clusters: ${o.message}`})}});break}},children:s(oe,{children:[e(_,{svg:e(zt,{})}),"Export clusters"]},"export_cluster")})}const Dd={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};Dd.hash="55d03de16503d7af254c17cef7d18ee0";const xa=":";function S1(n){return["drift","performance","dataQuality","retrieval"].includes(n)}function Ha(n){const{type:a,metric:t}=n;switch(a){case"drift":return`${a}${xa}${t}`;case"retrieval":return`${a}${xa}${t}`;case"performance":return`${a}${xa}${t}`;case"dataQuality":{const{name:l}=n.dimension;return`${a}${xa}${t}${xa}${l}`}default:Se()}}function v1({metricKey:n,dimensions:a}){const[t,l,i]=n.split(xa);if(!S1(t))throw new Error(`Invalid metric type: ${t}`);switch(t){case"drift":return{type:t,metric:l};case"retrieval":return{type:t,metric:l};case"performance":return{type:t,metric:l};case"dataQuality":{const r=a.find(o=>o.name===i);if(!r)throw new Error(`Invalid dimension name: ${i}`);return{type:t,metric:l,dimension:r}}default:Se()}}const C1=s(Va,{variant:"info",children:[e(re,{level:4,weight:"heavy",children:"Analysis Metric"}),s(ta,{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 F1({model:n}){const[,a]=m.useTransition(),t=D.useFragment(Dd,n),{referenceInferences:l,corpusInferences:i}=Kn(),r=!!l,o=!!i,d=H(y=>y.metric),c=H(y=>y.loading),p=H(y=>y.setMetric),f=t.numericDimensions.edges.map(y=>y.node),u=f.length>0,g=m.useCallback(y=>{const k=v1({metricKey:y,dimensions:f});a(()=>{p(k)})},[p,f,a]);return s(Fl,{label:"metric",labelExtra:C1,selectedKey:d?Ha(d):void 0,onSelectionChange:g,placeholder:"Select a metric...",isDisabled:c,children:[r?e(gt,{title:"Drift",children:e(oe,{children:"Euclidean Distance"},Ha({type:"drift",metric:"euclideanDistance"}))}):null,o?e(gt,{title:"Retrieval",children:e(oe,{children:"Query Distance"},Ha({type:"retrieval",metric:"queryDistance"}))}):null,e(gt,{title:"Performance",children:e(oe,{children:"Accuracy Score"},Ha({type:"performance",metric:"accuracyScore"}))}),u?e(gt,{title:"Data Quality",children:f.map(y=>e(oe,{children:`${y.name} avg`},Ha({type:"dataQuality",metric:"average",dimension:y})))}):null]})}const _d=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},t={defaultValue:null,kind:"LocalArgument",name:"embeddingDimensionId"},l={defaultValue:null,kind:"LocalArgument",name:"fetchDataQuality"},i={defaultValue:null,kind:"LocalArgument",name:"fetchDrift"},r={defaultValue:null,kind:"LocalArgument",name:"fetchPerformance"},o={defaultValue:null,kind:"LocalArgument",name:"fetchQueryDistance"},d={defaultValue:null,kind:"LocalArgument",name:"metricGranularity"},c={defaultValue:null,kind:"LocalArgument",name:"performanceMetric"},p={defaultValue:null,kind:"LocalArgument",name:"timeRange"},f=[{kind:"Variable",name:"id",variableName:"embeddingDimensionId"}],u={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},g={kind:"Variable",name:"granularity",variableName:"metricGranularity"},y={kind:"Variable",name:"timeRange",variableName:"timeRange"},k=[g,{kind:"Literal",name:"metric",value:"euclideanDistance"},y],b=[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],S={kind:"InlineFragment",selections:[{condition:"fetchDrift",kind:"Condition",passingValue:!0,selections:[{alias:"euclideanDistanceTimeSeries",args:k,concreteType:"DriftTimeSeries",kind:"LinkedField",name:"driftTimeSeries",plural:!1,selections:b,storageKey:null}]},{condition:"fetchQueryDistance",kind:"Condition",passingValue:!0,selections:[{alias:null,args:k,concreteType:"DriftTimeSeries",kind:"LinkedField",name:"retrievalMetricTimeSeries",plural:!1,selections:b,storageKey:null}]},{alias:"trafficTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"countGranularity"},{kind:"Literal",name:"metric",value:"count"},y],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:b,storageKey:null}],type:"EmbeddingDimension",abstractKey:null},F=[{kind:"Variable",name:"id",variableName:"dimensionId"}],T={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:[g,{kind:"Literal",name:"metric",value:"mean"},y],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:b,storageKey:null}],type:"Dimension",abstractKey:null},x={alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{condition:"fetchPerformance",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[g,{fields:[{kind:"Variable",name:"metric",variableName:"performanceMetric"}],kind:"ObjectValue",name:"metric"},y],concreteType:"PerformanceTimeSeries",kind:"LinkedField",name:"performanceTimeSeries",plural:!1,selections:b,storageKey:null}]}],storageKey:null},L={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null};return{fragment:{argumentDefinitions:[n,a,t,l,i,r,o,d,c,p],kind:"Fragment",metadata:null,name:"MetricTimeSeriesQuery",selections:[{alias:"embedding",args:f,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[u,S],storageKey:null},{condition:"fetchDataQuality",kind:"Condition",passingValue:!0,selections:[{alias:"dimension",args:F,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[T],storageKey:null}]},x],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[t,p,d,n,i,o,l,a,r,c],kind:"Operation",name:"MetricTimeSeriesQuery",selections:[{alias:"embedding",args:f,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[L,u,S],storageKey:null},{condition:"fetchDataQuality",kind:"Condition",passingValue:!0,selections:[{alias:"dimension",args:F,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[L,T,{kind:"TypeDiscriminator",abstractKey:"__isNode"},u],storageKey:null}]},x]},params:{cacheID:"a68a8204bf7fdd13e6915b338d4b5497",id:null,metadata:{},name:"MetricTimeSeriesQuery",operationKind:"query",text:`query MetricTimeSeriesQuery(
|
|
2440
2444
|
$embeddingDimensionId: GlobalID!
|
|
2441
2445
|
$timeRange: TimeRange!
|
|
2442
2446
|
$metricGranularity: Granularity!
|
|
@@ -2495,7 +2499,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
2495
2499
|
}
|
|
2496
2500
|
}
|
|
2497
2501
|
}
|
|
2498
|
-
`}}}();_d.hash="f31abad2141a5a1c461ef2a598ffa4f3";const Gi=new Intl.NumberFormat([],{maximumFractionDigits:2}),Ld=()=>{const n=On(),a=n.blue400,t=n.gray500;return{color:a,barColor:t}};function K1({active:n,payload:a,label:t}){var r,o,d;const{color:l,barColor:i}=Ld();if(n&&a&&a.length){const c=((r=a[1])==null?void 0:r.value)??null,p=((o=a[0])==null?void 0:o.value)??null,
|
|
2502
|
+
`}}}();_d.hash="f31abad2141a5a1c461ef2a598ffa4f3";const Gi=new Intl.NumberFormat([],{maximumFractionDigits:2}),Ld=()=>{const n=On(),a=n.blue400,t=n.gray500;return{color:a,barColor:t}};function K1({active:n,payload:a,label:t}){var r,o,d;const{color:l,barColor:i}=Ld();if(n&&a&&a.length){const c=((r=a[1])==null?void 0:r.value)??null,p=((o=a[0])==null?void 0:o.value)??null,f=typeof c=="number"?Gi.format(c):"--",u=typeof p=="number"?Gi.format(p):"--";return s(Vn,{children:[e(v,{weight:"heavy",size:"S",children:`${Nn(new Date(t))}`}),e(ze,{color:l,name:((d=a[1])==null?void 0:d.payload.metricName)??"Metric",value:f}),e(ze,{color:i,shape:"square",name:"Count",value:u}),e(Ot,{}),s("div",{css:K`
|
|
2499
2503
|
display: flex;
|
|
2500
2504
|
flex-direction: row;
|
|
2501
2505
|
align-items: center;
|
|
@@ -2503,7 +2507,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
2503
2507
|
gap: var(--ac-global-dimension-static-size-50);
|
|
2504
2508
|
|
|
2505
2509
|
margin-top: var(--ac-global-dimension-static-size-50);
|
|
2506
|
-
`,children:[e(_,{svg:e(En,{})}),e("span",{children:"Click to view the point cloud at this time"})]})]})}return null}function T1(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:Se()}}function P1(n){if(n)switch(n.type){case"drift":return ha(n.metric);case"performance":return ha(n.metric);case"dataQuality":return`${n.dimension.name} avg`;case"retrieval":return ha(n.metric);default:Se()}else return"Count"}function I1(n){switch(n.type){case"drift":return ol(n.metric);case"performance":return ol(n.metric);case"dataQuality":return null;case"retrieval":return ol(n.metric);default:Se()}}function x1({embeddingDimensionId:n}){const a=H(P=>P.metric),t=a.type==="drift",l=a.type==="retrieval",i=a.type==="dataQuality",r=a.type==="performance",{timeRange:o}=$n(),{selectedTimestamp:d,setSelectedTimestamp:c}=$t(),p=$a(o),
|
|
2510
|
+
`,children:[e(_,{svg:e(En,{})}),e("span",{children:"Click to view the point cloud at this time"})]})]})}return null}function T1(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:Se()}}function P1(n){if(n)switch(n.type){case"drift":return ha(n.metric);case"performance":return ha(n.metric);case"dataQuality":return`${n.dimension.name} avg`;case"retrieval":return ha(n.metric);default:Se()}else return"Count"}function I1(n){switch(n.type){case"drift":return ol(n.metric);case"performance":return ol(n.metric);case"dataQuality":return null;case"retrieval":return ol(n.metric);default:Se()}}function x1({embeddingDimensionId:n}){const a=H(P=>P.metric),t=a.type==="drift",l=a.type==="retrieval",i=a.type==="dataQuality",r=a.type==="performance",{timeRange:o}=$n(),{selectedTimestamp:d,setSelectedTimestamp:c}=$t(),p=$a(o),f=D.useLazyLoadQuery(_d,{embeddingDimensionId:n,timeRange:{start:o.start.toISOString(),end:o.end.toISOString()},metricGranularity:$r(o),countGranularity:p,fetchDrift:t,fetchQueryDistance:l,fetchDataQuality:i,fetchPerformance:r,dimensionId:a.type==="dataQuality"?a.dimension.id:n,performanceMetric:a.type==="performance"?a.metric:"accuracyScore"}),u=Oa({samplingIntervalMinutes:p.samplingIntervalMinutes}),g=m.useCallback(P=>{const{activePayload:E}=P;if(E!=null&&E.length>0){const N=E[0].payload;c(new Date(N.timestamp))}},[c]),y=D1({data:f,metric:a}),b=_1(f).reduce((P,E)=>(P[E.timestamp]=E.value,P),{})??{},S=y.map(P=>{const E=b[P.timestamp];return{...P,traffic:E,timestamp:new Date(P.timestamp).getTime()}}),F=P1(a),T=I1(a),{color:x,barColor:L}=Ld();return s("section",{css:K`
|
|
2507
2511
|
width: 100%;
|
|
2508
2512
|
height: 100%;
|
|
2509
2513
|
display: flex;
|
|
@@ -2524,7 +2528,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
2524
2528
|
width: 100%;
|
|
2525
2529
|
overflow: hidden;
|
|
2526
2530
|
}
|
|
2527
|
-
`,children:[s(
|
|
2531
|
+
`,children:[s(re,{level:3,children:[T1(a),T!=null?s(Va,{children:[e(re,{level:4,children:F}),e(ta,{children:T})]}):null]}),e("div",{children:e(jn,{width:"100%",height:"100%",children:s(ut,{data:S,margin:{top:25,right:18,left:18,bottom:10},onClick:g,children:[s("defs",{children:[s("linearGradient",{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:x,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:x,stopOpacity:0})]}),s("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:L,stopOpacity:.3}),e("stop",{offset:"95%",stopColor:L,stopOpacity:0})]})]}),e(ca,{...Qa,tickFormatter:P=>u(new Date(P)),style:{fill:"var(--ac-global-text-color-700)"}}),e(bn,{stroke:"var(--ac-global-color-grey-500)",label:{value:F,angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(bn,{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(ua,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(Qn,{content:e(K1,{})}),e(Ea,{yAxisId:"right",dataKey:"traffic",fill:"url(#barColor)",spacing:5}),e(it,{type:"monotone",dataKey:"value",stroke:x,fillOpacity:1,fill:"url(#colorUv)"}),d!=null?e(rs,{...Or,x:d.getTime()}):null]})})})]})}function D1({data:n,metric:a}){var t,l,i,r,o,d;if(((t=n.embedding.euclideanDistanceTimeSeries)==null?void 0:t.data)!=null&&n.embedding.euclideanDistanceTimeSeries.data.length>0)return n.embedding.euclideanDistanceTimeSeries.data.map(c=>({metricName:ha(a.metric),...c}));if(((l=n.embedding.retrievalMetricTimeSeries)==null?void 0:l.data)!=null&&n.embedding.retrievalMetricTimeSeries.data.length>0)return n.embedding.retrievalMetricTimeSeries.data.map(c=>({metricName:ha(a.metric),...c}));if(n.dimension&&((r=(i=n.dimension)==null?void 0:i.dataQualityTimeSeries)==null?void 0:r.data)!=null&&n.dimension.dataQualityTimeSeries.data.length>0){const c=n.dimension.name||"unknown";return n.dimension.dataQualityTimeSeries.data.map(p=>({metricName:`${c} avg`,...p}))}else{if(n.model&&((o=n.model.performanceTimeSeries)==null?void 0:o.data)!=null&&n.model.performanceTimeSeries.data.length>0)return n.model.performanceTimeSeries.data.map(c=>({metricName:ha(a.metric),...c}));if(((d=n.embedding.trafficTimeSeries)==null?void 0:d.data)!=null)return n.embedding.trafficTimeSeries.data.map(c=>({metricName:"Count",...c}))}return[]}function _1(n){var a;return((a=n.embedding.trafficTimeSeries)==null?void 0:a.data)!=null?[...n.embedding.trafficTimeSeries.data]:[]}const wd=function(){var n={defaultValue:null,kind:"LocalArgument",name:"corpusEventIds"},a={defaultValue:null,kind:"LocalArgument",name:"primaryEventIds"},t={defaultValue:null,kind:"LocalArgument",name:"referenceEventIds"},l=[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,concreteType:"DimensionWithValue",kind:"LinkedField",name:"dimensions",plural:!0,selections:[{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"dimension",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"EventMetadata",kind:"LinkedField",name:"eventMetadata",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"predictionId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualScore",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PromptResponse",kind:"LinkedField",name:"promptAndResponse",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"prompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"response",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentText",storageKey:null}],i=[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"primaryInferences",plural:!1,selections:[{alias:null,args:[{kind:"Variable",name:"eventIds",variableName:"primaryEventIds"}],concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:l,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"referenceInferences",plural:!1,selections:[{alias:null,args:[{kind:"Variable",name:"eventIds",variableName:"referenceEventIds"}],concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:l,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"corpusInferences",plural:!1,selections:[{alias:null,args:[{kind:"Variable",name:"eventIds",variableName:"corpusEventIds"}],concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:l,storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"PointSelectionPanelContentQuery",selections:i,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,t,n],kind:"Operation",name:"PointSelectionPanelContentQuery",selections:i},params:{cacheID:"8b48064eba35d0d6c8dc834c2f7795c0",id:null,metadata:{},name:"PointSelectionPanelContentQuery",operationKind:"query",text:`query PointSelectionPanelContentQuery(
|
|
2528
2532
|
$primaryEventIds: [ID!]!
|
|
2529
2533
|
$referenceEventIds: [ID!]!
|
|
2530
2534
|
$corpusEventIds: [ID!]!
|
|
@@ -2644,7 +2648,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
2644
2648
|
li + li {
|
|
2645
2649
|
margin-top: var(--ac-global-dimension-static-size-100);
|
|
2646
2650
|
}
|
|
2647
|
-
`,children:n.retrievedDocuments.map(l=>e("li",{children:e(w1,{document:l})},l.id))})})]})]})]})}function w1({document:n}){return e(C,{borderRadius:"medium",backgroundColor:"light",children:s(h,{direction:"column",children:[e(C,{width:"100%",borderBottomWidth:"thin",borderBottomColor:"dark",children:s(h,{direction:"row",justifyContent:"space-between",margin:"size-100",alignItems:"center",children:[s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_,{svg:e(_r,{})}),s(
|
|
2651
|
+
`,children:n.retrievedDocuments.map(l=>e("li",{children:e(w1,{document:l})},l.id))})})]})]})]})}function w1({document:n}){return e(C,{borderRadius:"medium",backgroundColor:"light",children:s(h,{direction:"column",children:[e(C,{width:"100%",borderBottomWidth:"thin",borderBottomColor:"dark",children:s(h,{direction:"row",justifyContent:"space-between",margin:"size-100",alignItems:"center",children:[s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_,{svg:e(_r,{})}),s(re,{level:4,children:["document ",n.id]})]}),typeof n.relevance=="number"&&e(_a,{color:"var(--ac-global-color-blue-1000)",children:`relevance ${Vl(n.relevance)}`})]})}),e("pre",{css:K`
|
|
2648
2652
|
padding: var(--ac-global-dimension-static-size-200);
|
|
2649
2653
|
white-space: normal;
|
|
2650
2654
|
margin: 0;
|
|
@@ -2725,7 +2729,7 @@ dataframe`,N1=K`
|
|
|
2725
2729
|
min-width: var(--grid-item-min-width);
|
|
2726
2730
|
height: var(--grid-item-height);
|
|
2727
2731
|
}
|
|
2728
|
-
`,children:t.map((p,
|
|
2732
|
+
`,children:t.map((p,f)=>{const u=i.get(p.id),{rawData:g=null,linkToData:y=null}=(u==null?void 0:u.embeddingMetadata)??{},{predictionLabel:k=null,actualLabel:b=null}=(u==null?void 0:u.eventMetadata)??{},S=ig(p.id),F=a(S),T=r[p.id],x=o[T];return e("li",{children:e(rg,{rawData:g,linkToData:y,inferencesName:F,group:T,onClick:()=>{l(p.id)},onMouseOver:()=>{c(p.id)},onMouseOut:()=>{c(null)},color:x,size:d,predictionLabel:k,actualLabel:b,promptAndResponse:p.promptAndResponse,documentText:p.documentText,autoPlay:!1})},f)})})})}function j1({data:n,onPointSelected:a}){const{primaryInferences:t,referenceInferences:l}=Kn(),i=H(f=>f.metric),[r,o]=m.useState([]),{columns:d,tableData:c}=m.useMemo(()=>{const f=n.filter(x=>x.id.includes("CORPUS")===!1);let u=!1,g=!1,y=!1,k=!1,b=!1;n.forEach(x=>{x.linkToData&&(u=!0),x.rawData&&(g=!0),(x.prompt||x.response)&&(y=!0),x.predictionLabel&&(k=!0),x.actualLabel&&(b=!0)});const S=[];l&&S.push({header:"Inference Set",accessorKey:"id",size:50,cell:({getValue:x})=>e(q1,{id:x(),primaryInferencesName:t.name,referenceInferencesName:(l==null?void 0:l.name)??"reference"})}),u&&S.push({header:"Link",accessorKey:"linkToData",cell:({getValue:x})=>{const L=x();if(typeof L=="string"){const P=L.split("/").pop();return e(rn,{href:L,children:P})}return null}}),y?(S.push({header:"Prompt",accessorKey:"prompt",cell:we,size:200}),S.push({header:"Response",accessorKey:"response",cell:we,size:200})):g&&S.push({header:"Raw Data",accessorKey:"rawData"}),k&&S.push({header:"Prediction Label",accessorKey:"predictionLabel",size:50}),b&&S.push({header:"Actual Label",accessorKey:"actualLabel",size:50});const F=[];if(i&&i.type==="dataQuality"){const x=i.dimension.name;F.push({header:i.dimension.name,accessorKey:"metric",cell:sg,sortingFn:"basic"}),f.forEach(L=>{var E;const P=(E=L.dimensions.find(N=>N.dimension.name===x))==null?void 0:E.value;L.metric=P!=null?Number(P):null})}return{columns:[...S,...F,{header:"",id:"view-details",size:50,cell:({row:x})=>e(R,{"aria-label":"view point details",size:"S",onPress:()=>{a(x.original.id)},children:"view details"})}],tableData:f}},[n,a,t,l,i]),p=_e({columns:d,data:c,state:{sorting:r},getCoreRowModel:Le(),onSortingChange:o,getSortedRowModel:Sn()});return s("table",{css:on,children:[e("thead",{children:p.getHeaderGroups().map(f=>e("tr",{children:f.headers.map(u=>s("th",{children:[u.isPlaceholder?null:s("div",{className:u.column.getCanSort()?"cursor-pointer":"",onClick:u.column.getToggleSortingHandler(),children:[J(u.column.columnDef.header,u.getContext()),u.column.getIsSorted()?e(_,{className:"sort-icon",svg:u.column.getIsSorted()==="asc"?e(cn,{}):e(dn,{})}):null]}),e("div",{onMouseDown:u.getResizeHandler(),onTouchStart:u.getResizeHandler(),className:`resizer ${u.column.getIsResizing()?"isResizing":""}`,style:{transform:u.column.getIsResizing()?`translateX(${p.getState().columnSizingInfo.deltaOffset}px)`:""}})]},u.id))},f.id))}),e("tbody",{children:p.getRowModel().rows.map(f=>e("tr",{children:f.getVisibleCells().map(u=>e("td",{style:{width:u.column.getSize()},children:J(u.column.columnDef.cell,u.getContext())},u.id))},f.id))})]})}function q1({id:n,primaryInferencesName:a,referenceInferencesName:t}){const l=n.includes("PRIMARY"),i=f1();return s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(dg,{shape:og.circle,color:i[l?0:1]}),l?a:t]})}const B1=K`
|
|
2729
2733
|
width: 100%;
|
|
2730
2734
|
height: 100%;
|
|
2731
2735
|
position: relative;
|
|
@@ -2755,7 +2759,7 @@ dataframe`,N1=K`
|
|
|
2755
2759
|
}
|
|
2756
2760
|
}
|
|
2757
2761
|
}
|
|
2758
|
-
`;function U1({event:n,relevance:a}){return{id:n.eventMetadata.predictionId||"unknown id",text:n.documentText??"empty document",relevance:a}}function H1(){const n=H(P=>P.selectedEventIds),a=H(P=>P.setSelectedEventIds),t=H(P=>P.setSelectedClusterId),l=H(P=>P.selectionDisplay),[i,r]=fe.useState(null),{primaryEventIds:o,referenceEventIds:d,corpusEventIds:c}=m.useMemo(()=>{const P=[],E=[],N=[];return n.forEach(M=>{M.includes("PRIMARY")?P.push(M):M.includes("CORPUS")?N.push(M):E.push(M)}),{primaryEventIds:P,referenceEventIds:E,corpusEventIds:N}},[n]),p=D.useLazyLoadQuery(wd,{primaryEventIds:[...o],referenceEventIds:[...d],corpusEventIds:[...c]}),
|
|
2762
|
+
`;function U1({event:n,relevance:a}){return{id:n.eventMetadata.predictionId||"unknown id",text:n.documentText??"empty document",relevance:a}}function H1(){const n=H(P=>P.selectedEventIds),a=H(P=>P.setSelectedEventIds),t=H(P=>P.setSelectedClusterId),l=H(P=>P.selectionDisplay),[i,r]=fe.useState(null),{primaryEventIds:o,referenceEventIds:d,corpusEventIds:c}=m.useMemo(()=>{const P=[],E=[],N=[];return n.forEach(M=>{M.includes("PRIMARY")?P.push(M):M.includes("CORPUS")?N.push(M):E.push(M)}),{primaryEventIds:P,referenceEventIds:E,corpusEventIds:N}},[n]),p=D.useLazyLoadQuery(wd,{primaryEventIds:[...o],referenceEventIds:[...d],corpusEventIds:[...c]}),f=m.useMemo(()=>{var M,Q,A,$,z,le;const P=((Q=(M=p.model)==null?void 0:M.primaryInferences)==null?void 0:Q.events)??[],E=(($=(A=p.model)==null?void 0:A.referenceInferences)==null?void 0:$.events)??[],N=((le=(z=p.model)==null?void 0:z.corpusInferences)==null?void 0:le.events)??[];return[...P,...E,...N]},[p]),u=()=>{a(new Set),t(null)},g=H(P=>P.eventIdToDataMap),y=H(P=>P.pointData),k=H(P=>P.selectionSearchText),b=m.useMemo(()=>f.map(P=>{var M,Q,A,$,z,le,ie;const E=g.get(P.id),N=[];return y!=null&&(E==null?void 0:E.retrievals)!=null&&E.retrievals.forEach(({documentId:ke,relevance:Tn})=>{const qn=y[ke];qn!=null&&N.push(U1({event:qn,relevance:Tn}))}),{id:P.id,predictionId:((M=P.eventMetadata)==null?void 0:M.predictionId)??null,actualLabel:((Q=P.eventMetadata)==null?void 0:Q.actualLabel)??null,actualScore:((A=P.eventMetadata)==null?void 0:A.actualScore)??null,predictionLabel:(($=P.eventMetadata)==null?void 0:$.predictionLabel)??null,predictionScore:((z=P.eventMetadata)==null?void 0:z.predictionScore)??null,rawData:(E==null?void 0:E.embeddingMetadata.rawData)??null,linkToData:(E==null?void 0:E.embeddingMetadata.linkToData)??null,dimensions:P.dimensions,prompt:((le=P.promptAndResponse)==null?void 0:le.prompt)??null,response:((ie=P.promptAndResponse)==null?void 0:ie.response)??null,retrievedDocuments:N,documentText:P.documentText??null}}),[f,g,y]),S=m.useMemo(()=>{if(k){const P=k.toLowerCase();return b.filter(E=>{var N,M,Q,A;return E.id.includes(P)||((N=E.documentText)==null?void 0:N.toLowerCase().includes(P))||((M=E.predictionId)==null?void 0:M.includes(P))||((Q=E.prompt)==null?void 0:Q.toLowerCase().includes(P))||((A=E.response)==null?void 0:A.toLowerCase().includes(P))})}return b},[b,k]),F=m.useMemo(()=>{if(k){const P=k.toLowerCase();return f.filter(E=>{var N,M,Q,A,$,z,le;return E.id.includes(P)||((N=E.documentText)==null?void 0:N.toLowerCase().includes(P))||((Q=(M=E.eventMetadata)==null?void 0:M.predictionId)==null?void 0:Q.includes(P))||(($=(A=E.promptAndResponse)==null?void 0:A.prompt)==null?void 0:$.toLowerCase().includes(P))||((le=(z=E.promptAndResponse)==null?void 0:z.response)==null?void 0:le.toLowerCase().includes(P))})}return f},[f,k]),T=m.useMemo(()=>i?b.find(E=>E.id===i)??null:null,[b,i]),x=f.length,L=F.length;return s("section",{css:B1,children:[s("div",{role:"toolbar",css:K`
|
|
2759
2763
|
position: absolute;
|
|
2760
2764
|
top: var(--ac-global-dimension-static-size-100);
|
|
2761
2765
|
right: var(--ac-global-dimension-static-size-200);
|
|
@@ -2769,16 +2773,16 @@ dataframe`,N1=K`
|
|
|
2769
2773
|
display: flex;
|
|
2770
2774
|
flex-direction: row;
|
|
2771
2775
|
gap: var(--ac-global-dimension-static-size-100);
|
|
2772
|
-
`,children:[e(Vm,{placeholder:"Search by text or ID",onChange:p=>{d(p)}}),l===Qr.gallery&&e(cg,{size:r,onChange:o}),e(ug,{mode:l,onChange:p=>{i(p)}})]}),children:e(v,{children:c})})}const Rd=Pd;function Q2(){const{referenceInferences:n,corpusInferences:a}=Kn(),{timeRange:t}=$n(),l=m.useMemo(()=>{let i={};return a!=null?i=gg():n!=null?i=yg():i=fg(),i={...i,umapParameters:{...window.Config.UMAP}},i},[a,n]);return e(jr,{initialTimestamp:t.end,children:e(hg,{...l,children:e(W1,{})})})}function W1(){const n=h1(),{primaryInferences:a,referenceInferences:t}=Kn(),l=H(F=>F.umapParameters),i=H(F=>F.getHDSCANParameters),r=H(F=>F.getMetric),o=H(F=>F.reset),d=H(F=>F.setLoading),[c,p]=m.useState(!0),[
|
|
2776
|
+
`,children:[e(Vm,{placeholder:"Search by text or ID",onChange:p=>{d(p)}}),l===Qr.gallery&&e(cg,{size:r,onChange:o}),e(ug,{mode:l,onChange:p=>{i(p)}})]}),children:e(v,{children:c})})}const Rd=Pd;function Q2(){const{referenceInferences:n,corpusInferences:a}=Kn(),{timeRange:t}=$n(),l=m.useMemo(()=>{let i={};return a!=null?i=gg():n!=null?i=yg():i=fg(),i={...i,umapParameters:{...window.Config.UMAP}},i},[a,n]);return e(jr,{initialTimestamp:t.end,children:e(hg,{...l,children:e(W1,{})})})}function W1(){const n=h1(),{primaryInferences:a,referenceInferences:t}=Kn(),l=H(F=>F.umapParameters),i=H(F=>F.getHDSCANParameters),r=H(F=>F.getMetric),o=H(F=>F.reset),d=H(F=>F.setLoading),[c,p]=m.useState(!0),[f,u,g]=D.useQueryLoader(Rd),{selectedTimestamp:y}=$t(),k=m.useMemo(()=>y??new Date(a.endTime),[y,a.endTime]),b=m.useMemo(()=>({start:dr(k,2).toISOString(),end:k.toISOString()}),[k]),S=D.useLazyLoadQuery(Td,{});return m.useEffect(()=>{o(),d(!0);const F=r();return u({id:n,timeRange:b,...l,...i(),fetchDataQualityMetric:F.type==="dataQuality",fetchPerformanceMetric:F.type==="performance",dataQualityMetricColumnName:F.type==="dataQuality"?F.dimension.name:null,performanceMetric:F.type==="performance"?F.metric:"accuracyScore"},{fetchPolicy:"network-only"}),()=>{g()}},[d,o,n,u,g,l,i,r,b]),s("main",{css:K`
|
|
2773
2777
|
flex: 1 1 auto;
|
|
2774
2778
|
display: flex;
|
|
2775
2779
|
flex-direction: column;
|
|
2776
2780
|
overflow: hidden;
|
|
2777
|
-
`,children:[e(ab,{}),s(jl,{extra:s(h,{direction:"row",justifyContent:"center",alignItems:"center",gap:"size-100",children:[e(Ca,{onChange:F=>{p(F)},defaultSelected:!0,labelPlacement:"start",children:"Show Timeseries"}),e(b1,{})]}),children:[e(Ar,{}),t?e(Nr,{inferencesRole:"reference",timeRange:{start:new Date(t.startTime),end:new Date(t.endTime)}}):null,e(F1,{model:S.model})]}),s(Ln,{direction:"vertical",children:[c?s(U,{children:[e(Ee,{defaultSize:20,collapsible:!0,order:1,children:e(m.Suspense,{fallback:e(ve,{}),children:e(x1,{embeddingDimensionId:n})})}),e(_n,{css:
|
|
2781
|
+
`,children:[e(ab,{}),s(jl,{extra:s(h,{direction:"row",justifyContent:"center",alignItems:"center",gap:"size-100",children:[e(Ca,{onChange:F=>{p(F)},defaultSelected:!0,labelPlacement:"start",children:"Show Timeseries"}),e(b1,{})]}),children:[e(Ar,{}),t?e(Nr,{inferencesRole:"reference",timeRange:{start:new Date(t.startTime),end:new Date(t.endTime)}}):null,e(F1,{model:S.model})]}),s(Ln,{direction:"vertical",children:[c?s(U,{children:[e(Ee,{defaultSize:20,collapsible:!0,order:1,children:e(m.Suspense,{fallback:e(ve,{}),children:e(x1,{embeddingDimensionId:n})})}),e(_n,{css:Na})]}):null,e(Ee,{order:2,children:e("div",{css:K`
|
|
2778
2782
|
width: 100%;
|
|
2779
2783
|
height: 100%;
|
|
2780
2784
|
position: relative;
|
|
2781
|
-
`,children:e(m.Suspense,{fallback:e(kg,{}),children:
|
|
2785
|
+
`,children:e(m.Suspense,{fallback:e(kg,{}),children:f?e(Z1,{queryReference:f}):null})})})]})]})}function J1(n){if(n.__typename!=="Point3D")throw new Error(`Expected Point3D but got ${n.__typename} for coordinates`);return[n.x,n.y,n.z]}function Z1({queryReference:n}){const a=D.usePreloadedQuery(Rd,n),t=m.useMemo(()=>{var p,f;return((f=(p=a.embedding)==null?void 0:p.UMAPPoints)==null?void 0:f.data)??[]},[a]),l=m.useMemo(()=>{var p,f;return((f=(p=a.embedding)==null?void 0:p.UMAPPoints)==null?void 0:f.referenceData)??[]},[a]),i=m.useMemo(()=>{var p,f;return((f=(p=a.embedding)==null?void 0:p.UMAPPoints)==null?void 0:f.corpusData)??[]},[a]),r=m.useMemo(()=>{var p,f;return((f=(p=a.embedding)==null?void 0:p.UMAPPoints)==null?void 0:f.contextRetrievals)??[]},[a]),o=m.useMemo(()=>[...t,...l,...i].map(f=>({...f,position:J1(f.coordinates),metaData:{id:f.eventId}})),[l,t,i]),d=H(p=>p.setInitialData),c=H(p=>p.setClusters);return Tm(()=>{var f,u;const p=((u=(f=a.embedding)==null?void 0:f.UMAPPoints)==null?void 0:u.clusters)||[];d({points:o,clusters:p,retrievals:r})},[o,n,r,d,c]),e("div",{css:K`
|
|
2782
2786
|
flex: 1 1 auto;
|
|
2783
2787
|
display: flex;
|
|
2784
2788
|
flex-direction: row;
|
|
@@ -2806,7 +2810,7 @@ dataframe`,N1=K`
|
|
|
2806
2810
|
}
|
|
2807
2811
|
}
|
|
2808
2812
|
}
|
|
2809
|
-
`,children:e(eb,{})}),e(_n,{css:
|
|
2813
|
+
`,children:e(eb,{})}),e(_n,{css:Na}),e(Ee,{css:K`
|
|
2810
2814
|
.ac-tabs {
|
|
2811
2815
|
height: 100%;
|
|
2812
2816
|
overflow: hidden;
|
|
@@ -2825,11 +2829,11 @@ dataframe`,N1=K`
|
|
|
2825
2829
|
left: 0;
|
|
2826
2830
|
bottom: 0;
|
|
2827
2831
|
right: 0;
|
|
2828
|
-
`,"data-testid":"selection-panel",children:s(Ln,{direction:"vertical",children:[e(Ee,{}),e(_n,{css:
|
|
2832
|
+
`,"data-testid":"selection-panel",children:s(Ln,{direction:"vertical",children:[e(Ee,{}),e(_n,{css:Na,style:{zIndex:1}}),e(Ee,{id:"embedding-point-selection",defaultSize:40,minSize:20,order:2,style:{zIndex:1},children:e(Y1,{children:e(m.Suspense,{fallback:e(ve,{}),children:e(H1,{})})})})]})})}function Y1(n){return e("div",{css:K`
|
|
2829
2833
|
background-color: var(--ac-global-color-grey-75);
|
|
2830
2834
|
width: 100%;
|
|
2831
2835
|
height: 100%;
|
|
2832
|
-
`,children:n.children})}const eb=fe.memo(function(){const{referenceInferences:a}=Kn(),t=H(u=>u.clusters),l=H(u=>u.selectedClusterId),i=H(u=>u.metric),r=H(u=>u.setSelectedClusterId),o=H(u=>u.setSelectedEventIds),d=H(u=>u.setHighlightedClusterId),c=H(u=>u.setClusterColorMode),p=a==null||i.type==="drift",
|
|
2836
|
+
`,children:n.children})}const eb=fe.memo(function(){const{referenceInferences:a}=Kn(),t=H(u=>u.clusters),l=H(u=>u.selectedClusterId),i=H(u=>u.metric),r=H(u=>u.setSelectedClusterId),o=H(u=>u.setSelectedEventIds),d=H(u=>u.setHighlightedClusterId),c=H(u=>u.setClusterColorMode),p=a==null||i.type==="drift",f=m.useCallback(u=>{c(u==="configuration"?Ti.highlight:Ti.default)},[c]);return s(He,{onSelectionChange:u=>f(u),children:[s(Ue,{children:[s(te,{id:"clusters",children:["Clusters ",e(gn,{children:t.length})]}),e(te,{id:"configuration",children:"Configuration"})]}),e(ka,{id:"clusters",children:s(h,{direction:"column",height:"100%",children:[e(C,{borderBottomColor:"dark",borderBottomWidth:"thin",backgroundColor:"dark",flex:"none",padding:"size-50",children:e(h,{direction:"row",justifyContent:"end",children:e(k1,{})})}),e(C,{flex:"1 1 auto",overflow:"auto",children:e("ul",{css:K`
|
|
2833
2837
|
flex: 1 1 auto;
|
|
2834
2838
|
display: flex;
|
|
2835
2839
|
flex-direction: column;
|
|
@@ -2848,7 +2852,7 @@ dataframe`,N1=K`
|
|
|
2848
2852
|
id
|
|
2849
2853
|
}
|
|
2850
2854
|
}
|
|
2851
|
-
`}}}();Vd.hash="c049e57d92943f64b5e751e0daa89dc8";async function j2(n){const{embeddingDimensionId:a}=n.params;return D.fetchQuery(Ce,Vd,{id:a}).toPromise()}const Ad=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"hasReference"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"Variable",name:"timeRange",variableName:"timeRange"},o=[r],d=[{kind:"Variable",name:"hasReference",variableName:"hasReference"},r],c={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},p=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null}],
|
|
2855
|
+
`}}}();Vd.hash="c049e57d92943f64b5e751e0daa89dc8";async function j2(n){const{embeddingDimensionId:a}=n.params;return D.fetchQuery(Ce,Vd,{id:a}).toPromise()}const Ad=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"hasReference"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"Variable",name:"timeRange",variableName:"timeRange"},o=[r],d=[{kind:"Variable",name:"hasReference",variableName:"hasReference"},r],c={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},p=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null}],f={kind:"Literal",name:"metric",value:"cardinality"},u={kind:"Literal",name:"metric",value:"percentEmpty"},g={kind:"Literal",name:"inferencesRole",value:"reference"};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DimensionPageQuery",selections:[{alias:"dimension",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[i,{args:o,kind:"FragmentSpread",name:"DimensionSegmentsBarChart_dimension"},{args:o,kind:"FragmentSpread",name:"DimensionCountStats_dimension"},{args:o,kind:"FragmentSpread",name:"DimensionDriftStats_dimension"},{args:d,kind:"FragmentSpread",name:"DimensionCardinalityStats_dimension"},{args:d,kind:"FragmentSpread",name:"DimensionPercentEmptyStats_dimension"},{args:o,kind:"FragmentSpread",name:"DimensionQuantilesStats_dimension"}],type:"Dimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"DimensionPageQuery",selections:[{alias:"dimension",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[c,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"primaryTimeRange",variableName:"timeRange"}],concreteType:"Segments",kind:"LinkedField",name:"segmentsComparison",plural:!1,selections:[{alias:null,args:null,concreteType:"Segment",kind:"LinkedField",name:"segments",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"bin",plural:!1,selections:[c,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],type:"NominalBin",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"NumericRange",kind:"LinkedField",name:"range",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"start",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"end",storageKey:null}],storageKey:null}],type:"IntervalBin",abstractKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"counts",plural:!1,selections:p,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"totalCounts",plural:!1,selections:p,storageKey:null}],storageKey:null},{alias:"count",args:[{kind:"Literal",name:"metric",value:"count"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"psi",args:[{kind:"Literal",name:"metric",value:"psi"},r],kind:"ScalarField",name:"driftMetric",storageKey:null},{alias:"cardinality",args:[f,r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"percentEmpty",args:[u,r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p99",args:[{kind:"Literal",name:"metric",value:"p99"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p75",args:[{kind:"Literal",name:"metric",value:"p75"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p50",args:[{kind:"Literal",name:"metric",value:"p50"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p25",args:[{kind:"Literal",name:"metric",value:"p25"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p1",args:[{kind:"Literal",name:"metric",value:"p01"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{condition:"hasReference",kind:"Condition",passingValue:!0,selections:[{alias:"referenceCardinality",args:[g,f],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"cardinality")'},{alias:"referencePercentEmpty",args:[g,u],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"percentEmpty")'}]}],type:"Dimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"2ad937e56d4647309b9d78ac11f57265",id:null,metadata:{},name:"DimensionPageQuery",operationKind:"query",text:`query DimensionPageQuery(
|
|
2852
2856
|
$dimensionId: GlobalID!
|
|
2853
2857
|
$timeRange: TimeRange!
|
|
2854
2858
|
$hasReference: Boolean!
|
|
@@ -2965,7 +2969,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
2965
2969
|
}
|
|
2966
2970
|
}
|
|
2967
2971
|
}
|
|
2968
|
-
`}}}();Qd.hash="9677ef7c6b298554824fe3fd3904c7aa";const ob=new Intl.NumberFormat([],{maximumFractionDigits:2}),jd=()=>{const{gray300:n}=On();return{barColor:n}};function db({active:n,payload:a,label:t}){var i;const{barColor:l}=jd();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?ob.format(r):"--";return s(Vn,{children:[e(v,{weight:"heavy",size:"S",children:`${Nn(new Date(t))}`}),e(ze,{color:l,shape:"square",name:"Count",value:o})]})}return null}function cb({dimensionId:n}){var c;const{timeRange:a}=$n(),t=$a(a),r=(((c=D.useLazyLoadQuery(Qd,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},countGranularity:t}).embedding.trafficTimeSeries)==null?void 0:c.data)||[]).map(p=>({...p,timestamp:new Date(p.timestamp).valueOf()})),o=Oa({samplingIntervalMinutes:t.samplingIntervalMinutes}),{barColor:d}=jd();return e(jn,{width:"100%",height:"100%",children:s(Hl,{data:r,margin:pt,syncId:"dimensionDetails",children:[e("defs",{children:s("linearGradient",{id:"countBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:d,stopOpacity:1}),e("stop",{offset:"95%",stopColor:d,stopOpacity:.5})]})}),e(ca,{...Qa,tickFormatter:p=>o(new Date(p))}),e(bn,{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(ua,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(Qn,{...ql,content:e(db,{})}),e(
|
|
2972
|
+
`}}}();Qd.hash="9677ef7c6b298554824fe3fd3904c7aa";const ob=new Intl.NumberFormat([],{maximumFractionDigits:2}),jd=()=>{const{gray300:n}=On();return{barColor:n}};function db({active:n,payload:a,label:t}){var i;const{barColor:l}=jd();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?ob.format(r):"--";return s(Vn,{children:[e(v,{weight:"heavy",size:"S",children:`${Nn(new Date(t))}`}),e(ze,{color:l,shape:"square",name:"Count",value:o})]})}return null}function cb({dimensionId:n}){var c;const{timeRange:a}=$n(),t=$a(a),r=(((c=D.useLazyLoadQuery(Qd,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},countGranularity:t}).embedding.trafficTimeSeries)==null?void 0:c.data)||[]).map(p=>({...p,timestamp:new Date(p.timestamp).valueOf()})),o=Oa({samplingIntervalMinutes:t.samplingIntervalMinutes}),{barColor:d}=jd();return e(jn,{width:"100%",height:"100%",children:s(Hl,{data:r,margin:pt,syncId:"dimensionDetails",children:[e("defs",{children:s("linearGradient",{id:"countBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:d,stopOpacity:1}),e("stop",{offset:"95%",stopColor:d,stopOpacity:.5})]})}),e(ca,{...Qa,tickFormatter:p=>o(new Date(p))}),e(bn,{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(ua,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(Qn,{...ql,content:e(db,{})}),e(Ea,{dataKey:"value",fill:"url(#countBarColor)",spacing:5})]})})}const qd=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"dimensionId"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"dimensionId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l=[{kind:"Variable",name:"primaryTimeRange",variableName:"timeRange"}],i={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},o={alias:null,args:null,concreteType:"NumericRange",kind:"LinkedField",name:"range",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"start",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"end",storageKey:null}],storageKey:null},d=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"referenceValue",storageKey:null}],c={alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"counts",plural:!1,selections:d,storageKey:null},p={alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"totalCounts",plural:!1,selections:d,storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DimensionDriftBreakdownSegmentBarChartQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[{kind:"RequiredField",field:{alias:null,args:l,concreteType:"Segments",kind:"LinkedField",name:"segmentsComparison",plural:!1,selections:[{alias:null,args:null,concreteType:"Segment",kind:"LinkedField",name:"segments",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"bin",plural:!1,selections:[{kind:"InlineFragment",selections:[i,r],type:"NominalBin",abstractKey:null},{kind:"InlineFragment",selections:[i,o],type:"IntervalBin",abstractKey:null},{kind:"InlineFragment",selections:[i],type:"MissingValueBin",abstractKey:null}],storageKey:null},c],storageKey:null},p],storageKey:null},action:"THROW"}],type:"Dimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DimensionDriftBreakdownSegmentBarChartQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,t,{kind:"InlineFragment",selections:[{alias:null,args:l,concreteType:"Segments",kind:"LinkedField",name:"segmentsComparison",plural:!1,selections:[{alias:null,args:null,concreteType:"Segment",kind:"LinkedField",name:"segments",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"bin",plural:!1,selections:[i,{kind:"InlineFragment",selections:[r],type:"NominalBin",abstractKey:null},{kind:"InlineFragment",selections:[o],type:"IntervalBin",abstractKey:null}],storageKey:null},c],storageKey:null},p],storageKey:null}],type:"Dimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"7d11d88f419003f5ee8cd9d11312e427",id:null,metadata:{},name:"DimensionDriftBreakdownSegmentBarChartQuery",operationKind:"query",text:`query DimensionDriftBreakdownSegmentBarChartQuery(
|
|
2969
2973
|
$dimensionId: GlobalID!
|
|
2970
2974
|
$timeRange: TimeRange!
|
|
2971
2975
|
) {
|
|
@@ -3005,7 +3009,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
3005
3009
|
}
|
|
3006
3010
|
}
|
|
3007
3011
|
}
|
|
3008
|
-
`}}}();qd.hash="6bb76e3cce4ee28c333e485b3aa2dffd";const Ji=Sl(".2f"),Bd=()=>{const{primary:n,reference:a}=On();return{primaryBarColor:n,referenceBarColor:a}};function ub({active:n,payload:a,label:t}){var r,o,d,c,p,
|
|
3012
|
+
`}}}();qd.hash="6bb76e3cce4ee28c333e485b3aa2dffd";const Ji=Sl(".2f"),Bd=()=>{const{primary:n,reference:a}=On();return{primaryBarColor:n,referenceBarColor:a}};function ub({active:n,payload:a,label:t}){var r,o,d,c,p,f;const{primaryBarColor:l,referenceBarColor:i}=Bd();if(n&&a&&a.length){const u=(o=(r=a[0])==null?void 0:r.payload)==null?void 0:o.primaryName,g=(d=a[0])==null?void 0:d.value,y=(p=(c=a[0])==null?void 0:c.payload)==null?void 0:p.referenceName,k=(f=a[1])==null?void 0:f.value;return s(Vn,{children:[e(v,{elementType:"h3",size:"S",weight:"heavy",children:t}),e(ze,{color:l,shape:"square",name:u,value:g!=null?`${Ji(g)}%`:"--"}),e(ze,{color:i,shape:"square",name:y,value:k!=null?`${Ji(k)}%`:"--"})]})}return null}function mb(n){var g,y,k,b,S;const{primaryInferences:a,referenceInferences:t}=Kn(),l=a.name,i=(t==null?void 0:t.name)||"reference",{selectedTimestamp:r}=$t(),o=m.useMemo(()=>r??new Date(a.endTime),[r,a.endTime]),d=m.useMemo(()=>({start:dr(o,2).toISOString(),end:o.toISOString()}),[o]),c=D.useLazyLoadQuery(qd,{dimensionId:n.dimensionId,timeRange:d}),p=m.useMemo(()=>{var L,P,E,N,M;const F=((L=c.dimension.segmentsComparison)==null?void 0:L.segments)??[],T=((E=(P=c.dimension.segmentsComparison)==null?void 0:P.totalCounts)==null?void 0:E.primaryValue)??0,x=((M=(N=c.dimension.segmentsComparison)==null?void 0:N.totalCounts)==null?void 0:M.referenceValue)??0;return F.map(Q=>{var ke,Tn;const A=((ke=Q.counts)==null?void 0:ke.primaryValue)??0,$=((Tn=Q.counts)==null?void 0:Tn.referenceValue)??0,z=qr(Q.bin),le=A/T*100,ie=$/x*100;return{name:z,primaryName:l,referenceName:i,primaryPercent:le,referencePercent:ie}})},[(g=c.dimension.segmentsComparison)==null?void 0:g.segments,(k=(y=c.dimension.segmentsComparison)==null?void 0:y.totalCounts)==null?void 0:k.primaryValue,(S=(b=c.dimension.segmentsComparison)==null?void 0:b.totalCounts)==null?void 0:S.referenceValue,l,i]),{primaryBarColor:f,referenceBarColor:u}=Bd();return s(h,{direction:"column",height:"100%",children:[e(C,{flex:"none",paddingTop:"size-100",paddingStart:"size-200",children:e(v,{elementType:"h3",size:"S",color:"text-700",children:`Distribution comparison at ${Nn(new Date(d.end))}`})}),e(C,{flex:!0,children:e(jn,{children:s(Hl,{data:p,margin:{top:15,right:18,left:18,bottom:5},children:[s("defs",{children:[s("linearGradient",{id:"dimensionPrimarySegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:f,stopOpacity:1}),e("stop",{offset:"95%",stopColor:f,stopOpacity:.5})]}),s("linearGradient",{id:"dimensionReferenceSegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:u,stopOpacity:1}),e("stop",{offset:"95%",stopColor:u,stopOpacity:.5})]})]}),e(ca,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(bn,{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(ua,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)"}),e(Qn,{...ql,content:e(ub,{})}),e(Ea,{dataKey:"primaryPercent",fill:"url(#dimensionPrimarySegmentsBarColor)"}),e(Ea,{dataKey:"referencePercent",fill:"url(#dimensionReferenceSegmentsBarColor)"})]})})})]})}const Ud={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};Ud.hash="f8a9fb08a14f63906e38bc247d50b189";const pb=s(Va,{variant:"info",placement:"top end",children:[e(re,{weight:"heavy",level:4,children:"Population Stability Index"}),e(ta,{children:e(v,{children:"PSI is a symmetric metric that measures the relative entropy, or difference in information represented by two distributions. It can be thought of as measuring the distance between two data distributions showing how different the two distributions are from each other."})}),e("footer",{children:e(rn,{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 gb(n){const a=D.useFragment(Ud,n.dimension);return s(U,{children:[s(h,{direction:"row",alignItems:"center",gap:"size-25",children:[e(v,{elementType:"h3",size:"XS",color:"text-700",children:"PSI"}),pb]}),e(v,{size:"L",children:Da(a.psi)})]})}const Hd=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},t={defaultValue:null,kind:"LocalArgument",name:"driftGranularity"},l={defaultValue:null,kind:"LocalArgument",name:"timeRange"},i=[{kind:"Variable",name:"id",variableName:"dimensionId"}],r={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},o={kind:"Variable",name:"timeRange",variableName:"timeRange"},d=[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],c={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"granularity",variableName:"driftGranularity"},{kind:"Literal",name:"metric",value:"psi"},o],concreteType:"DriftTimeSeries",kind:"LinkedField",name:"driftTimeSeries",plural:!1,selections:d,storageKey:null},{alias:"trafficTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"countGranularity"},{kind:"Literal",name:"metric",value:"count"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:d,storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t,l],kind:"Fragment",metadata:null,name:"DimensionDriftTimeSeriesQuery",selections:[{alias:"embedding",args:i,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[r,c],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,l,t,n],kind:"Operation",name:"DimensionDriftTimeSeriesQuery",selections:[{alias:"embedding",args:i,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r,c],storageKey:null}]},params:{cacheID:"af2d25e28675891b3c8a6bc75027f731",id:null,metadata:{},name:"DimensionDriftTimeSeriesQuery",operationKind:"query",text:`query DimensionDriftTimeSeriesQuery(
|
|
3009
3013
|
$dimensionId: GlobalID!
|
|
3010
3014
|
$timeRange: TimeRange!
|
|
3011
3015
|
$driftGranularity: Granularity!
|
|
@@ -3030,7 +3034,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
3030
3034
|
}
|
|
3031
3035
|
}
|
|
3032
3036
|
}
|
|
3033
|
-
`}}}();Hd.hash="6312b58dbb252b17efdf08d44dd58630";const Gd=()=>{const{orange300:n,gray300:a}=On();return{color:n,barColor:a}};function yb({active:n,payload:a,label:t}){var i;const{color:l}=Gd();if(n&&a&&a.length){const r=((i=a[1])==null?void 0:i.value)??null;return s(Vn,{children:[e(v,{weight:"heavy",size:"S",children:`${Nn(new Date(t))}`}),e(ze,{color:l,name:"PSI",value:
|
|
3037
|
+
`}}}();Hd.hash="6312b58dbb252b17efdf08d44dd58630";const Gd=()=>{const{orange300:n,gray300:a}=On();return{color:n,barColor:a}};function yb({active:n,payload:a,label:t}){var i;const{color:l}=Gd();if(n&&a&&a.length){const r=((i=a[1])==null?void 0:i.value)??null;return s(Vn,{children:[e(v,{weight:"heavy",size:"S",children:`${Nn(new Date(t))}`}),e(ze,{color:l,name:"PSI",value:Da(r)}),e(Ot,{}),s("div",{css:K`
|
|
3034
3038
|
display: flex;
|
|
3035
3039
|
flex-direction: row;
|
|
3036
3040
|
align-items: center;
|
|
@@ -3038,7 +3042,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
3038
3042
|
gap: var(--ac-global-dimension-static-size-50);
|
|
3039
3043
|
|
|
3040
3044
|
margin-top: var(--ac-global-dimension-static-size-50);
|
|
3041
|
-
`,children:[e(_,{svg:e(En,{})}),e("span",{children:"Click to view details"})]})]})}return null}function fb({dimensionId:n}){var
|
|
3045
|
+
`,children:[e(_,{svg:e(En,{})}),e("span",{children:"Click to view details"})]})]})}return null}function fb({dimensionId:n}){var y,k;const{timeRange:a}=$n(),{selectedTimestamp:t,setSelectedTimestamp:l}=$t(),i=$a(a),r=D.useLazyLoadQuery(Hd,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},driftGranularity:$r(a),countGranularity:i}),o=((y=r.embedding.driftTimeSeries)==null?void 0:y.data)||[],d=((k=r.embedding.trafficTimeSeries)==null?void 0:k.data.reduce((b,S)=>(b[S.timestamp]=S.value,b),{}))??{},c=o.map(b=>{const S=d[b.timestamp];return{...b,traffic:S,timestamp:new Date(b.timestamp).valueOf()}}),p=Oa({samplingIntervalMinutes:i.samplingIntervalMinutes}),f=m.useCallback(b=>{const{activePayload:S}=b;if(S!=null&&S.length>0){const F=S[0].payload;l(new Date(F.timestamp))}},[l]),{color:u,barColor:g}=Gd();return e(jn,{width:"100%",height:"100%",children:s(ut,{data:c,margin:pt,onClick:f,syncId:"dimensionDetails",children:[s("defs",{children:[s("linearGradient",{id:"dimensionDriftColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:u,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:u,stopOpacity:0})]}),s("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:g,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:g,stopOpacity:0})]})]}),e(ca,{...Qa,tickFormatter:b=>p(new Date(b))}),e(bn,{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(bn,{yAxisId:"right",orientation:"right",tick:!1,tickLine:!1,width:0}),e(ua,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(Qn,{content:e(yb,{})}),e(Ea,{yAxisId:"right",dataKey:"traffic",fill:"url(#barColor)",spacing:5}),e(it,{type:"monotone",dataKey:"value",stroke:u,fillOpacity:1,fill:"url(#dimensionDriftColorUv)"}),t!=null?e(rs,{...Or,x:t.getTime()}):null]})})}const Wd=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}}();Wd.hash="1e10d0449d6607d9292f355548c41c78";function hb(n){const a=D.useFragment(Wd,n.dimension);return s(U,{children:[e(v,{elementType:"h3",size:"XS",color:"text-700",children:"% Empty"}),e(v,{size:"L",children:St(a.percentEmpty)}),a.referencePercentEmpty!=null&&e(v,{size:"M",color:"purple-800",children:St(a.referencePercentEmpty)})]})}const Jd=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"granularity"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"InlineFragment",selections:[{alias:"percentEmptyTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"granularity"},{kind:"Literal",name:"metric",value:"percentEmpty"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DimensionPercentEmptyTimeSeriesQuery",selections:[{alias:"embedding",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"DimensionPercentEmptyTimeSeriesQuery",selections:[{alias:"embedding",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,r],storageKey:null}]},params:{cacheID:"9be05c72f19755036f4829777a96f97d",id:null,metadata:{},name:"DimensionPercentEmptyTimeSeriesQuery",operationKind:"query",text:`query DimensionPercentEmptyTimeSeriesQuery(
|
|
3042
3046
|
$dimensionId: GlobalID!
|
|
3043
3047
|
$timeRange: TimeRange!
|
|
3044
3048
|
$granularity: Granularity!
|
|
@@ -3106,7 +3110,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
3106
3110
|
}
|
|
3107
3111
|
}
|
|
3108
3112
|
}
|
|
3109
|
-
`}}}();Yd.hash="134f0dad0e0ecc7863dfbb0f437d829b";const Cb=Sl("~s");var ec=(n=>(n.p99_p01="p99_p01",n.p75_p25="p75_p25",n.p50="p50",n))(ec||{});const Fb=new Intl.NumberFormat([],{maximumFractionDigits:2});function Wa(n){return typeof n=="number"?Fb.format(n):"--"}const nc=()=>{const n=On();return{outerColor:n.gray500,innerColor:n.gray300,lineColor:n.default}};function Kb({active:n,payload:a,label:t}){const{outerColor:l,innerColor:i,lineColor:r}=nc();if(n&&a&&a.length){const o=a[0].payload;return s(Vn,{children:[e(v,{weight:"heavy",size:"S",children:`${Nn(new Date(t))}`}),e(ze,{color:l,name:"p99",value:Wa(o.p99_p01[0])}),e(ze,{color:i,name:"p75",value:Wa(o.p75_p25[0])}),e(ze,{color:r,name:"p50",value:Wa(o.p50)}),e(ze,{color:i,name:"p25",value:Wa(o.p75_p25[1])}),e(ze,{color:l,name:"p01",value:Wa(o.p99_p01[1])})]})}return null}function Tb({dimensionId:n}){var x,L,P,E,N;const{timeRange:a}=$n(),t=$a(a),l=D.useLazyLoadQuery(Yd,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:t}),i=((x=l.dimension.p99TimeSeries)==null?void 0:x.data.map(M=>M))||[],r=((L=l.dimension.p01TimeSeries)==null?void 0:L.data.map(M=>M))||[],o=((P=l.dimension.p75TimeSeries)==null?void 0:P.data.map(M=>M))||[],d=((E=l.dimension.p25TimeSeries)==null?void 0:E.data.map(M=>M))||[],c=((N=l.dimension.p50TimeSeries)==null?void 0:N.data.map(M=>M))||[],p=i.map((M,Q)=>({timestamp:new Date(M.timestamp).valueOf(),p99_p01:[M.value,r[Q].value],p75_p25:[o[Q].value,d[Q].value],p50:c[Q].value})),
|
|
3113
|
+
`}}}();Yd.hash="134f0dad0e0ecc7863dfbb0f437d829b";const Cb=Sl("~s");var ec=(n=>(n.p99_p01="p99_p01",n.p75_p25="p75_p25",n.p50="p50",n))(ec||{});const Fb=new Intl.NumberFormat([],{maximumFractionDigits:2});function Wa(n){return typeof n=="number"?Fb.format(n):"--"}const nc=()=>{const n=On();return{outerColor:n.gray500,innerColor:n.gray300,lineColor:n.default}};function Kb({active:n,payload:a,label:t}){const{outerColor:l,innerColor:i,lineColor:r}=nc();if(n&&a&&a.length){const o=a[0].payload;return s(Vn,{children:[e(v,{weight:"heavy",size:"S",children:`${Nn(new Date(t))}`}),e(ze,{color:l,name:"p99",value:Wa(o.p99_p01[0])}),e(ze,{color:i,name:"p75",value:Wa(o.p75_p25[0])}),e(ze,{color:r,name:"p50",value:Wa(o.p50)}),e(ze,{color:i,name:"p25",value:Wa(o.p75_p25[1])}),e(ze,{color:l,name:"p01",value:Wa(o.p99_p01[1])})]})}return null}function Tb({dimensionId:n}){var x,L,P,E,N;const{timeRange:a}=$n(),t=$a(a),l=D.useLazyLoadQuery(Yd,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:t}),i=((x=l.dimension.p99TimeSeries)==null?void 0:x.data.map(M=>M))||[],r=((L=l.dimension.p01TimeSeries)==null?void 0:L.data.map(M=>M))||[],o=((P=l.dimension.p75TimeSeries)==null?void 0:P.data.map(M=>M))||[],d=((E=l.dimension.p25TimeSeries)==null?void 0:E.data.map(M=>M))||[],c=((N=l.dimension.p50TimeSeries)==null?void 0:N.data.map(M=>M))||[],p=i.map((M,Q)=>({timestamp:new Date(M.timestamp).valueOf(),p99_p01:[M.value,r[Q].value],p75_p25:[o[Q].value,d[Q].value],p50:c[Q].value})),f=Oa({samplingIntervalMinutes:t.samplingIntervalMinutes}),[u,g]=m.useState(Object.keys(ec).reduce((M,Q)=>(M[Q]=!1,M),{})),y=M=>{u[M.dataKey]||g({...u})},k=()=>{g({...u})},b=M=>{g({...u,[String(M.dataKey)]:!u[M.dataKey]})},{outerColor:S,innerColor:F,lineColor:T}=nc();return e(jn,{width:"100%",height:"100%",children:s(ut,{data:p,margin:pt,syncId:"dimensionDetails",children:[s("defs",{children:[s("linearGradient",{id:"p99_p01ColorUV",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"10%",stopColor:S,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:S,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:S,stopOpacity:.7})]}),s("linearGradient",{id:"p75_p25ColorUV",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"10%",stopColor:F,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:F,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:F,stopOpacity:.7})]})]}),e(ca,{...Qa,tickFormatter:M=>f(new Date(M))}),e(bn,{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:M=>Cb(M),style:{fill:"var(--ac-global-text-color-700)"}}),e(ua,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(Qn,{content:e(Kb,{})}),e(Wg,{onClick:b,onMouseOver:y,onMouseOut:k}),e(it,{type:"monotone",dataKey:"p99_p01",name:"p99 - p01",fillOpacity:1,fill:"url(#p99_p01ColorUV)",stroke:S,hide:u.p99_p01===!0}),e(it,{type:"monotone",dataKey:"p75_p25",name:"p75 - p25",fillOpacity:1,stroke:F,fill:"url(#p75_p25ColorUV)",hide:u.p75_p25===!0}),e(ss,{type:"monotone",dataKey:"p50",stroke:T,hide:u.p50===!0})]})})}const ac=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}}();ac.hash="8cef9841e9a5bd7d0d50acb5db9028b0";const Pb=Sl(".2f"),tc=()=>{const{primary:n}=On();return{color:n}};function Ib({active:n,payload:a,label:t}){var i;const{color:l}=tc();if(n&&a&&a.length){const r=(i=a[0])==null?void 0:i.value;return e(Vn,{children:e(ze,{color:l,shape:"square",name:t,value:r!=null?`${Pb(r)}%`:"--"})})}return null}function xb(n){const a=D.useFragment(ac,n.dimension),t=m.useMemo(()=>{var o,d,c;const i=((o=a.segmentsComparison)==null?void 0:o.segments)??[],r=((c=(d=a.segmentsComparison)==null?void 0:d.totalCounts)==null?void 0:c.primaryValue)??0;return i.map(p=>{var y;const f=((y=p.counts)==null?void 0:y.primaryValue)??0,u=qr(p.bin),g=f/r*100;return{name:u,percent:g}})},[a]),{color:l}=tc();return e(jn,{children:s(Hl,{data:t,margin:{top:25,right:18,left:18,bottom:5},children:[e("defs",{children:s("linearGradient",{id:"dimensionSegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:l,stopOpacity:1}),e("stop",{offset:"95%",stopColor:l,stopOpacity:.5})]})}),e(ca,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(bn,{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(ua,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(Qn,{...ql,content:e(Ib,{})}),e(Ea,{dataKey:"percent",fill:"url(#dimensionSegmentsBarColor)",spacing:15})]})})}function q2(){const{dimensionId:n}=We(),{timeRange:a}=$n(),t=qe(),{referenceInferences:l}=Kn(),i=l!==null,r=i,o=t.dimension.shape!=="continuous",d=t.dimension.dataType==="numeric",c=de(),p=D.useLazyLoadQuery(Ad,{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(jr,{initialTimestamp:new Date(a.end),children:e(ne,{type:"slideOver",isDismissable:!0,onDismiss:()=>c(-1),children:e(X,{size:"L",title:t.dimension.name,children:e("main",{css:K`
|
|
3110
3114
|
padding: var(--ac-global-dimension-static-size-100);
|
|
3111
3115
|
display: flex;
|
|
3112
3116
|
flex-direction: column;
|
|
@@ -3157,7 +3161,7 @@ fragment StreamToggle_data on Project {
|
|
|
3157
3161
|
streamingLastUpdatedAt
|
|
3158
3162
|
id
|
|
3159
3163
|
}
|
|
3160
|
-
`}}}();ic.hash="bc529abcda2506cd71b12e5f4d579f36";const rc=m.createContext(null);function
|
|
3164
|
+
`}}}();ic.hash="bc529abcda2506cd71b12e5f4d579f36";const rc=m.createContext(null);function Ta(){const n=fe.useContext(rc);if(n===null)throw new Error("useStreamState must be used within a StreamStateProvider");return n}function Db({initialFetchKey:n="initial",children:a}){const t=Xe(d=>d.traceStreamingEnabled),l=Xe(d=>d.setTraceStreamingEnabled),[i,r]=m.useState(n),o=m.useCallback(d=>{m.startTransition(()=>{r(d)})},[r]);return e(rc.Provider,{value:{isStreaming:t,setIsStreaming:l,fetchKey:i,setFetchKey:o},children:a})}const sc=function(){var n={defaultValue:null,kind:"LocalArgument",name:"id"},a={defaultValue:null,kind:"LocalArgument",name:"timeRange"},t=[{kind:"Variable",name:"id",variableName:"id"}],l={kind:"Variable",name:"timeRange",variableName:"timeRange"},i=[l];return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"ProjectPageHeaderQuery",selections:[{alias:null,args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"ProjectPageHeader_stats"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"ProjectPageHeaderQuery",selections:[{alias:null,args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:i,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:i,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:i,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:i,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},l],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:"latencyMsP99",args:[{kind:"Literal",name:"probability",value:.99},l],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentEvaluationNames",storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"2b81cd60d6a8a82b6814df7a5a658114",id:null,metadata:{},name:"ProjectPageHeaderQuery",operationKind:"query",text:`query ProjectPageHeaderQuery(
|
|
3161
3165
|
$timeRange: TimeRange
|
|
3162
3166
|
$id: GlobalID!
|
|
3163
3167
|
) {
|
|
@@ -3226,7 +3230,7 @@ fragment AnnotationSummaryValueFragment_4BTVrq on Project {
|
|
|
3226
3230
|
}
|
|
3227
3231
|
id
|
|
3228
3232
|
}
|
|
3229
|
-
`}}}();uc.hash="6a15ba35fe9e1e35aa4c517ab6309a2b";function _b({annotationName:n}){var i,r;const{projectId:a}=We(),{timeRange:t}=Qt(),l=D.useLazyLoadQuery(uc,{annotationName:n,id:a,timeRange:{start:(i=t==null?void 0:t.start)==null?void 0:i.toISOString(),end:(r=t==null?void 0:t.end)==null?void 0:r.toISOString()}});return s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:n}),e(m.Suspense,{fallback:e(v,{size:"L",children:"--"}),children:e(Lb,{annotationName:n,project:l.project})})]})}function Lb(n){var
|
|
3233
|
+
`}}}();uc.hash="6a15ba35fe9e1e35aa4c517ab6309a2b";function _b({annotationName:n}){var i,r;const{projectId:a}=We(),{timeRange:t}=Qt(),l=D.useLazyLoadQuery(uc,{annotationName:n,id:a,timeRange:{start:(i=t==null?void 0:t.start)==null?void 0:i.toISOString(),end:(r=t==null?void 0:t.end)==null?void 0:r.toISOString()}});return s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:n}),e(m.Suspense,{fallback:e(v,{size:"L",children:"--"}),children:e(Lb,{annotationName:n,project:l.project})})]})}function Lb(n){var y,k;const{project:a,annotationName:t}=n,{fetchKey:l}=Ta(),[i,r]=D.useRefetchableFragment(cc,a);m.useEffect(()=>{m.startTransition(()=>{r({},{fetchPolicy:"store-and-network"})})},[l,r]);const o=On(),c=[Br(t),o.default,o.gray600,o.gray400,o.gray200],p=(y=i==null?void 0:i.spanAnnotationSummary)==null?void 0:y.meanScore,f=(k=i==null?void 0:i.spanAnnotationSummary)==null?void 0:k.labelFractions,u=typeof p=="number",g=Array.isArray(f)&&f.length>0;return!u&&!g?e(v,{size:"L",children:"--"}):s(he,{delay:0,placement:"bottom",children:[e($e,{children:s(h,{direction:"row",alignItems:"center",gap:"size-50",children:[g?e(is,{width:24,height:24,children:e(ts,{data:f,dataKey:"fraction",nameKey:"label",cx:"50%",cy:"50%",innerRadius:8,outerRadius:11,strokeWidth:0,stroke:"transparent",children:f.map((b,S)=>e(ls,{fill:c[S%c.length]},`cell-${S}`))})}):null,e(v,{size:"L",children:u?Hn(p):"--"})]})}),e(aa,{children:e(C,{width:"size-2400",children:s(h,{direction:"column",gap:"size-50",children:[g&&e("ul",{children:f.map((b,S)=>e("li",{children:e(ze,{color:c[S%c.length],name:b.label,shape:"square",value:Ur(b.fraction*100)})},b.label))}),g&&u?e(Ot,{}):null,u?s(h,{direction:"row",justifyContent:"space-between",children:[e(v,{children:"mean"}),e(v,{children:Hn(p)})]}):null]})})})]})}const mc=function(){var n={defaultValue:null,kind:"LocalArgument",name:"evaluationName"},a={defaultValue:null,kind:"LocalArgument",name:"id"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"id"}],i=[{kind:"Variable",name:"evaluationName",variableName:"evaluationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}];return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DocumentEvaluationSummaryValueQuery",selections:[{alias:null,args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:i,kind:"FragmentSpread",name:"DocumentEvaluationSummaryValueFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"DocumentEvaluationSummaryValueQuery",selections:[{alias:null,args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"DocumentEvaluationSummary",kind:"LinkedField",name:"documentEvaluationSummary",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"averageNdcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averagePrecision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanReciprocalRank",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hitRate",storageKey:null}],storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"60d7798d88e1408e6b6b0bebdc1716f5",id:null,metadata:{},name:"DocumentEvaluationSummaryValueQuery",operationKind:"query",text:`query DocumentEvaluationSummaryValueQuery(
|
|
3230
3234
|
$evaluationName: String!
|
|
3231
3235
|
$timeRange: TimeRange!
|
|
3232
3236
|
$id: GlobalID!
|
|
@@ -3270,7 +3274,7 @@ fragment DocumentEvaluationSummaryValueFragment_1dJL9N on Project {
|
|
|
3270
3274
|
}
|
|
3271
3275
|
id
|
|
3272
3276
|
}
|
|
3273
|
-
`}}}();gc.hash="4d50474ffa9b9e4a68d07f6e0777c144";function wb({evaluationName:n}){var i,r;const{projectId:a}=We(),{timeRange:t}=Qt(),l=D.useLazyLoadQuery(gc,{id:a,evaluationName:n,timeRange:{start:(i=t==null?void 0:t.start)==null?void 0:i.toISOString(),end:(r=t==null?void 0:t.end)==null?void 0:r.toISOString()}});return s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:n}),e(m.Suspense,{fallback:e(v,{size:"L",children:"--"}),children:e(Eb,{evaluationName:n,project:l==null?void 0:l.project})})]})}function Eb(n){var p,
|
|
3277
|
+
`}}}();gc.hash="4d50474ffa9b9e4a68d07f6e0777c144";function wb({evaluationName:n}){var i,r;const{projectId:a}=We(),{timeRange:t}=Qt(),l=D.useLazyLoadQuery(gc,{id:a,evaluationName:n,timeRange:{start:(i=t==null?void 0:t.start)==null?void 0:i.toISOString(),end:(r=t==null?void 0:t.end)==null?void 0:r.toISOString()}});return s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:n}),e(m.Suspense,{fallback:e(v,{size:"L",children:"--"}),children:e(Eb,{evaluationName:n,project:l==null?void 0:l.project})})]})}function Eb(n){var p,f,u,g;const{project:a}=n,{fetchKey:t}=Ta(),[l,i]=D.useRefetchableFragment(pc,a);m.useEffect(()=>{m.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[t,i]);const r=(p=l==null?void 0:l.documentEvaluationSummary)==null?void 0:p.averageNdcg,o=(f=l==null?void 0:l.documentEvaluationSummary)==null?void 0:f.averagePrecision,d=(u=l==null?void 0:l.documentEvaluationSummary)==null?void 0:u.hitRate,c=(g=l==null?void 0:l.documentEvaluationSummary)==null?void 0:g.meanReciprocalRank;return s(he,{delay:0,placement:"bottom",children:[e($e,{children:e(h,{direction:"row",alignItems:"center",gap:"size-50",height:"28px",children:s(U,{children:[e(an,{metric:"ndcg",score:r},"ndcg"),e(an,{metric:"precision",score:o},"precision"),e(an,{metric:"hit rate",score:d},"hit")]})})}),e(aa,{children:e(C,{width:"size-2400",children:s(h,{direction:"column",children:[s(h,{justifyContent:"space-between",children:[e(v,{children:"average ndcg"}),e(v,{children:typeof r=="number"?Hn(r):"--"})]}),s(h,{justifyContent:"space-between",children:[e(v,{children:"average precision"}),e(v,{children:typeof o=="number"?Hn(o):"--"})]}),s(h,{justifyContent:"space-between",children:[e(v,{children:"mean reciprocal rank"}),e(v,{children:typeof c=="number"?Hn(c):"--"})]}),s(h,{justifyContent:"space-between",children:[e(v,{children:"hit rate"}),e(v,{children:typeof d=="number"?Hn(d):"--"})]})]})})})]})}function Mb(n){const{extra:a}=n,{fetchKey:t}=Ta(),[l,i]=D.useRefetchableFragment(oc,n.project);m.useEffect(()=>{m.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[t,i]);const r=l==null?void 0:l.latencyMsP50,o=l==null?void 0:l.latencyMsP99,d=l==null?void 0:l.tokenCountTotal,c=l==null?void 0:l.tokenCountPrompt,p=l==null?void 0:l.tokenCountCompletion,f=l==null?void 0:l.spanAnnotationNames,u=l==null?void 0:l.documentEvaluationNames;return e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-200",paddingBottom:"size-50",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e("div",{css:K`
|
|
3274
3278
|
overflow-x: auto;
|
|
3275
3279
|
overflow-y: hidden;
|
|
3276
3280
|
flex: 1 1 auto;
|
|
@@ -3306,7 +3310,7 @@ fragment DocumentEvaluationSummaryValueFragment_1dJL9N on Project {
|
|
|
3306
3310
|
left center,
|
|
3307
3311
|
right center;
|
|
3308
3312
|
background-attachment: local, local, scroll, scroll;
|
|
3309
|
-
`,children:s(h,{direction:"row",gap:"size-400",alignItems:"center",children:[s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Total Traces"}),e(v,{size:"L",children:ba(l==null?void 0:l.traceCount)})]}),s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Total Tokens"}),s(he,{delay:0,placement:"bottom",children:[e(
|
|
3313
|
+
`,children:s(h,{direction:"row",gap:"size-400",alignItems:"center",children:[s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Total Traces"}),e(v,{size:"L",children:ba(l==null?void 0:l.traceCount)})]}),s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Total Tokens"}),s(he,{delay:0,placement:"bottom",children:[e($e,{children:e(v,{size:"L",children:ba(d)})}),e(aa,{children:e(C,{width:"size-2400",children:s(h,{direction:"column",children:[s(h,{justifyContent:"space-between",children:[e(v,{children:"Prompt Tokens"}),e(v,{children:typeof c=="number"?al(c):"--"})]}),s(h,{justifyContent:"space-between",children:[e(v,{children:"Completion Tokens"}),e(v,{children:typeof p=="number"?al(p):"--"})]}),s(h,{justifyContent:"space-between",children:[e(v,{children:"Total Tokens"}),e(v,{children:typeof d=="number"?al(d):"--"})]})]})})})]})]}),s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Latency P50"}),r!=null?e(Ae,{latencyMs:r,size:"L"}):e(v,{size:"L",children:"--"})]}),s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Latency P99"}),o!=null?e(Ae,{latencyMs:o,size:"L"}):e(v,{size:"L",children:"--"})]}),f.map(g=>e(At,{fallback:Cg,children:e(_b,{annotationName:g},g)},g)),u.map(g=>e(wb,{evaluationName:g},`document-${g}`))]})}),e(C,{flex:"none",paddingStart:"size-100",children:a})]})})}const yc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i=[{kind:"Literal",name:"first",value:50},{kind:"Literal",name:"sort",value:{col:"startTime",dir:"desc"}},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],r=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectPageQueriesSessionsQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"SessionsTable_sessions"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectPageQueriesSessionsQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:i,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:[l,{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:r,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"lastOutput",plural:!1,selections:r,storageKey:null},{alias:null,args:null,concreteType:"TokenUsage",kind:"LinkedField",name:"tokenUsage",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"prompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"completion",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"total",storageKey:null}],storageKey:null},{alias:"traceLatencyMsP50",args:[{kind:"Literal",name:"probability",value:.5}],kind:"ScalarField",name:"traceLatencyMsQuantile",storageKey:"traceLatencyMsQuantile(probability:0.5)"},{alias:"traceLatencyMsP99",args:[{kind:"Literal",name:"probability",value:.99}],kind:"ScalarField",name:"traceLatencyMsQuantile",storageKey:"traceLatencyMsQuantile(probability:0.99)"}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ProjectSession",kind:"LinkedField",name:"node",plural:!1,selections:[t],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:i,filters:["sort","filterIoSubstring","timeRange"],handle:"connection",key:"SessionsTable_sessions",kind:"LinkedHandle",name:"sessions"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"3113f90b0217915c17fd7eb691c130bc",id:null,metadata:{},name:"ProjectPageQueriesSessionsQuery",operationKind:"query",text:`query ProjectPageQueriesSessionsQuery(
|
|
3310
3314
|
$id: GlobalID!
|
|
3311
3315
|
$timeRange: TimeRange!
|
|
3312
3316
|
) {
|
|
@@ -3425,7 +3429,7 @@ fragment SpansTable_spans on Project {
|
|
|
3425
3429
|
}
|
|
3426
3430
|
id
|
|
3427
3431
|
}
|
|
3428
|
-
`}}}();fc.hash="e542eba73c6dca4efa0c889866e493d8";const hc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r={kind:"Literal",name:"first",value:50},o=[r,{kind:"Literal",name:"rootSpansOnly",value:!0},{kind:"Literal",name:"sort",value:{col:"startTime",dir:"desc"}},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],d={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},
|
|
3432
|
+
`}}}();fc.hash="e542eba73c6dca4efa0c889866e493d8";const hc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r={kind:"Literal",name:"first",value:50},o=[r,{kind:"Literal",name:"rootSpansOnly",value:!0},{kind:"Literal",name:"sort",value:{col:"startTime",dir:"desc"}},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],d={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},u=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],g={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:u,storageKey:null},y={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:u,storageKey:null},k={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},b={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},S={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[l,i,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},F={alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectPageQueriesTracesQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"TracesTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectPageQueriesTracesQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[i,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:"rootSpans",args:o,concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"rootSpan",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[l,d,i,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},c,p,{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountCompletion",storageKey:null},f,g,y,k,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[l,b,{alias:null,args:null,kind:"ScalarField",name:"numSpans",storageKey:null}],storageKey:null},S,F,{alias:null,args:[r],concreteType:"SpanConnection",kind:"LinkedField",name:"descendants",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[l,d,i,{alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},c,p,f,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"cumulativeTokenCountPrompt",args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:"cumulativeTokenCountCompletion",args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},g,y,k,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[l,b],storageKey:null},S,F],storageKey:null}],storageKey:null}],storageKey:"descendants(first:50)"}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[t],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:"rootSpans",args:o,filters:["sort","rootSpansOnly","filterCondition","timeRange"],handle:"connection",key:"TracesTable_rootSpans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"6996a7561889a2b24588e77de7391a15",id:null,metadata:{},name:"ProjectPageQueriesTracesQuery",operationKind:"query",text:`query ProjectPageQueriesTracesQuery(
|
|
3429
3433
|
$id: GlobalID!
|
|
3430
3434
|
$timeRange: TimeRange!
|
|
3431
3435
|
) {
|
|
@@ -3551,7 +3555,7 @@ fragment StreamToggle_data on Project {
|
|
|
3551
3555
|
streamingLastUpdatedAt
|
|
3552
3556
|
id
|
|
3553
3557
|
}
|
|
3554
|
-
`}}}();Cc.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";const Fc={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Cc,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};Fc.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";function Kc(n,a){const t=m.useRef(null);m.useEffect(()=>{t.current=n},[n]),m.useEffect(()=>{function l(){t.current&&t.current()}if(typeof a=="number"){const i=setInterval(l,a);return()=>clearInterval(i)}},[a])}const Rb=2e3;function Vb(n){const{isStreaming:a,setIsStreaming:t,setFetchKey:l}=
|
|
3558
|
+
`}}}();Cc.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";const Fc={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Cc,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};Fc.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";function Kc(n,a){const t=m.useRef(null);m.useEffect(()=>{t.current=n},[n]),m.useEffect(()=>{function l(){t.current&&t.current()}if(typeof a=="number"){const i=setInterval(l,a);return()=>clearInterval(i)}},[a])}const Rb=2e3;function Vb(n){const{isStreaming:a,setIsStreaming:t,setFetchKey:l}=Ta(),[i,r]=D.useRefetchableFragment(Fc,n.project),o=m.useRef(i.streamingLastUpdatedAt),d=m.useCallback(()=>{a&&m.startTransition(()=>{r({},{fetchPolicy:"store-and-network"})})},[a,r]),c=i.streamingLastUpdatedAt;return m.useEffect(()=>{c!=null&&(o.current==null||o.current<c)&&(o.current=c,l(`fetch-traces-${c}`))},[l,c]),Kc(d,Rb),e(Ca,{labelPlacement:"start",isSelected:a,onChange:()=>{t(!a)},children:"Stream"})}const Ab=K`
|
|
3555
3559
|
flex: 1 1 auto;
|
|
3556
3560
|
display: flex;
|
|
3557
3561
|
flex-direction: column;
|
|
@@ -3577,7 +3581,7 @@ fragment StreamToggle_data on Project {
|
|
|
3577
3581
|
}
|
|
3578
3582
|
}
|
|
3579
3583
|
}
|
|
3580
|
-
`;function H2(){const{projectId:n}=We(),{timeRange:a}=Qt();return e(m.Suspense,{fallback:e(ve,{}),children:e(zb,{projectId:n,timeRange:a})})}const Nb=["spans","traces","sessions"],Zi=n=>Nb.includes(n),Xi={spans:0,traces:1,sessions:2};function zb({projectId:n,timeRange:a}){const t=m.useMemo(()=>{var T,x;return{start:(T=a==null?void 0:a.start)==null?void 0:T.toISOString(),end:(x=a==null?void 0:a.end)==null?void 0:x.toISOString()}},[a]),l=de(),{rootPath:i,tab:r}=Zt(),o=D.useLazyLoadQuery(ic,{id:n,timeRange:t},{fetchPolicy:"store-and-network",fetchKey:`${n}-${t.start}-${t.end}`}),[d,c,p]=D.useQueryLoader(kc),[
|
|
3584
|
+
`;function H2(){const{projectId:n}=We(),{timeRange:a}=Qt();return e(m.Suspense,{fallback:e(ve,{}),children:e(zb,{projectId:n,timeRange:a})})}const Nb=["spans","traces","sessions"],Zi=n=>Nb.includes(n),Xi={spans:0,traces:1,sessions:2};function zb({projectId:n,timeRange:a}){const t=m.useMemo(()=>{var T,x;return{start:(T=a==null?void 0:a.start)==null?void 0:T.toISOString(),end:(x=a==null?void 0:a.end)==null?void 0:x.toISOString()}},[a]),l=de(),{rootPath:i,tab:r}=Zt(),o=D.useLazyLoadQuery(ic,{id:n,timeRange:t},{fetchPolicy:"store-and-network",fetchKey:`${n}-${t.start}-${t.end}`}),[d,c,p]=D.useQueryLoader(kc),[f,u,g]=D.useQueryLoader(bc),[y,k,b]=D.useQueryLoader(Sc),S=Zi(r)?Xi[r]:0;m.useEffect(()=>(S===0?u({id:n,timeRange:t}):S===1?c({id:n,timeRange:t}):S===2&&k({id:n,timeRange:t}),()=>{g(),b(),p()}),[c,n,t,S,g,b,p,u,k]);const F=m.useCallback(T=>{m.startTransition(()=>{l(T===1?`${i}/traces`:T===2?`${i}/sessions`:`${i}/spans`)})},[l,i]);return e(Db,{children:s("main",{css:Ab,children:[e(Mb,{project:o.project,extra:s(h,{direction:"row",alignItems:"center",gap:"size-100",children:[e(Vb,{project:o.project}),e(Hr,{})]})}),e(vc.Provider,{value:{spansQueryReference:f??null,sessionsQueryReference:y??null,tracesQueryReference:d??null},children:s(He,{onSelectionChange:T=>{typeof T=="string"&&Zi(T)&&F(Xi[T])},selectedKey:r,children:[s(Ue,{children:[e(te,{id:"spans",children:"Spans"}),e(te,{id:"traces",children:"Traces"}),e(te,{id:"sessions",children:"Sessions"})]}),e(ce,{padded:!1,id:"spans",children:e(Ie,{})}),e(ce,{padded:!1,id:"traces",children:e(Ie,{})}),e(ce,{padded:!1,id:"sessions",children:e(Ie,{})})]})})]})})}const Tc=m.createContext(null);function Pc(){const n=m.useContext(Tc);if(n===null)throw new Error("useSessionSubstring must be used within a SessionSubstringProvider");return n}function $b(n){const[a,t]=m.useState(""),l=m.useCallback(i=>{m.startTransition(()=>{t(i)})},[]);return e(Tc.Provider,{value:{filterIoSubstring:a,setFilterIoSubstring:l},children:n.children})}const Ic=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterIoSubstring"},t={defaultValue:50,kind:"LocalArgument",name:"first"},l={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},r={defaultValue:null,kind:"LocalArgument",name:"timeRange"},o=[{kind:"Variable",name:"id",variableName:"id"}],d={kind:"Variable",name:"after",variableName:"after"},c={kind:"Variable",name:"filterIoSubstring",variableName:"filterIoSubstring"},p={kind:"Variable",name:"first",variableName:"first"},f={kind:"Variable",name:"sort",variableName:"sort"},u={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},y=[d,c,p,f,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],k=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}];return{fragment:{argumentDefinitions:[n,a,t,l,i,r],kind:"Fragment",metadata:null,name:"SessionsTableQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[d,c,p,f],kind:"FragmentSpread",name:"SessionsTable_sessions"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,t,i,r,l],kind:"Operation",name:"SessionsTableQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[u,{kind:"TypeDiscriminator",abstractKey:"__isNode"},g,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:y,concreteType:"ProjectSessionConnection",kind:"LinkedField",name:"sessions",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectSessionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"session",args:null,concreteType:"ProjectSession",kind:"LinkedField",name:"node",plural:!1,selections:[g,{alias:null,args:null,kind:"ScalarField",name:"sessionId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"numTraces",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"firstInput",plural:!1,selections:k,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"lastOutput",plural:!1,selections:k,storageKey:null},{alias:null,args:null,concreteType:"TokenUsage",kind:"LinkedField",name:"tokenUsage",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"prompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"completion",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"total",storageKey:null}],storageKey:null},{alias:"traceLatencyMsP50",args:[{kind:"Literal",name:"probability",value:.5}],kind:"ScalarField",name:"traceLatencyMsQuantile",storageKey:"traceLatencyMsQuantile(probability:0.5)"},{alias:"traceLatencyMsP99",args:[{kind:"Literal",name:"probability",value:.99}],kind:"ScalarField",name:"traceLatencyMsQuantile",storageKey:"traceLatencyMsQuantile(probability:0.99)"}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ProjectSession",kind:"LinkedField",name:"node",plural:!1,selections:[u],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:y,filters:["sort","filterIoSubstring","timeRange"],handle:"connection",key:"SessionsTable_sessions",kind:"LinkedHandle",name:"sessions"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"07b07c6e6b2088166d9ae2faf0847ef8",id:null,metadata:{},name:"SessionsTableQuery",operationKind:"query",text:`query SessionsTableQuery(
|
|
3581
3585
|
$after: String = null
|
|
3582
3586
|
$filterIoSubstring: String = null
|
|
3583
3587
|
$first: Int = 50
|
|
@@ -3629,7 +3633,7 @@ fragment SessionsTable_sessions_2MhLSo on Project {
|
|
|
3629
3633
|
}
|
|
3630
3634
|
id
|
|
3631
3635
|
}
|
|
3632
|
-
`}}}();Ic.hash="73d205acbb256ea1f2cf68875634a21b";const xc=function(){var n=["sessions"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"filterIoSubstring"},{defaultValue:50,kind:"LocalArgument",name:"first"},{defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:Ic,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"SessionsTable_sessions",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:"sessions",args:[{kind:"Variable",name:"filterIoSubstring",variableName:"filterIoSubstring"},{kind:"Variable",name:"sort",variableName:"sort"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"ProjectSessionConnection",kind:"LinkedField",name:"__SessionsTable_sessions_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectSessionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"session",args:null,concreteType:"ProjectSession",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"sessionId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"numTraces",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"firstInput",plural:!1,selections:t,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"lastOutput",plural:!1,selections:t,storageKey:null},{alias:null,args:null,concreteType:"TokenUsage",kind:"LinkedField",name:"tokenUsage",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"prompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"completion",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"total",storageKey:null}],storageKey:null},{alias:"traceLatencyMsP50",args:[{kind:"Literal",name:"probability",value:.5}],kind:"ScalarField",name:"traceLatencyMsQuantile",storageKey:"traceLatencyMsQuantile(probability:0.5)"},{alias:"traceLatencyMsP99",args:[{kind:"Literal",name:"probability",value:.99}],kind:"ScalarField",name:"traceLatencyMsQuantile",storageKey:"traceLatencyMsQuantile(probability:0.99)"}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ProjectSession",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},a],type:"Project",abstractKey:null}}();xc.hash="73d205acbb256ea1f2cf68875634a21b";const Dc=m.createContext(null);function Ob({children:n,...a}){const[t]=m.useState(()=>Fg(a));return e(Dc.Provider,{value:t,children:n})}function
|
|
3636
|
+
`}}}();Ic.hash="73d205acbb256ea1f2cf68875634a21b";const xc=function(){var n=["sessions"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"filterIoSubstring"},{defaultValue:50,kind:"LocalArgument",name:"first"},{defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:Ic,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"SessionsTable_sessions",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:"sessions",args:[{kind:"Variable",name:"filterIoSubstring",variableName:"filterIoSubstring"},{kind:"Variable",name:"sort",variableName:"sort"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"ProjectSessionConnection",kind:"LinkedField",name:"__SessionsTable_sessions_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectSessionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"session",args:null,concreteType:"ProjectSession",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"sessionId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"numTraces",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"firstInput",plural:!1,selections:t,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"lastOutput",plural:!1,selections:t,storageKey:null},{alias:null,args:null,concreteType:"TokenUsage",kind:"LinkedField",name:"tokenUsage",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"prompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"completion",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"total",storageKey:null}],storageKey:null},{alias:"traceLatencyMsP50",args:[{kind:"Literal",name:"probability",value:.5}],kind:"ScalarField",name:"traceLatencyMsQuantile",storageKey:"traceLatencyMsQuantile(probability:0.5)"},{alias:"traceLatencyMsP99",args:[{kind:"Literal",name:"probability",value:.99}],kind:"ScalarField",name:"traceLatencyMsQuantile",storageKey:"traceLatencyMsQuantile(probability:0.99)"}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ProjectSession",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},a],type:"Project",abstractKey:null}}();xc.hash="73d205acbb256ea1f2cf68875634a21b";const Dc=m.createContext(null);function Ob({children:n,...a}){const[t]=m.useState(()=>Fg(a));return e(Dc.Provider,{value:t,children:n})}function je(n,a){const t=fe.useContext(Dc);if(!t)throw new Error("Missing TracingContext.Provider in the tree");return st(t,n,a)}const Qb=K`
|
|
3633
3637
|
flex: 1 1 auto;
|
|
3634
3638
|
.cm-content {
|
|
3635
3639
|
padding: var(--ac-global-dimension-static-size-100) 0;
|
|
@@ -3710,7 +3714,7 @@ messages = messages + [
|
|
|
3710
3714
|
response = assistant(
|
|
3711
3715
|
messages,
|
|
3712
3716
|
session_id=session_id,
|
|
3713
|
-
)`;function Hb(){return s("div",{children:[e(C,{paddingTop:"size-200",paddingBottom:"size-100",children:e(
|
|
3717
|
+
)`;function Hb(){return s("div",{children:[e(C,{paddingTop:"size-200",paddingBottom:"size-100",children:e(re,{level:2,weight:"heavy",children:"Install Dependencies"})}),e(C,{paddingBottom:"size-100",children:s(v,{children:["Sessions are tracked via the OpenTelemetry attribute ",e("b",{children:"session.id"}),". The easiest way to get started with sessions is to use the OpenInference instrumentation package."]})}),e(Ze,{children:e(fn,{value:Bb})}),e(C,{paddingTop:"size-200",paddingBottom:"size-100",children:e(re,{level:2,weight:"heavy",children:"Add Session ID to your Traces"})}),e(C,{paddingBottom:"size-100",children:e(v,{children:"Below is an example of how to add session IDs to a simple OpenAI application."})}),e(Ze,{children:e(fn,{value:Ub})}),e(C,{paddingBottom:"size-100",paddingTop:"size-100",children:s(v,{children:["For more information on how to use sessions, consult the"," ",e(rn,{href:"https://docs.arize.com/phoenix/tracing/how-to-tracing/setup-sessions",children:"documentation"})]})})]})}const Gb="npm install @arizeai/openinference-core --save",Wb=`import { trace } from "@opentelemetry/api";
|
|
3714
3718
|
import { SemanticConventions } from "@arizeai/openinference-semantic-conventions";
|
|
3715
3719
|
import { context } from "@opentelemetry/api";
|
|
3716
3720
|
import { setSession } from "@arizeai/openinference-core";
|
|
@@ -3770,7 +3774,7 @@ await assistant({
|
|
|
3770
3774
|
messages,
|
|
3771
3775
|
sessionId: sessionId,
|
|
3772
3776
|
});
|
|
3773
|
-
`;function Jb(){return s("div",{children:[e(C,{paddingTop:"size-200",paddingBottom:"size-100",children:e(
|
|
3777
|
+
`;function Jb(){return s("div",{children:[e(C,{paddingTop:"size-200",paddingBottom:"size-100",children:e(re,{level:2,weight:"heavy",children:"Install Dependencies"})}),e(C,{paddingBottom:"size-100",children:s(v,{children:["Sessions are tracked via the OpenTelemetry attribute ",e("b",{children:"session.id"}),". The easiest way to get started with sessions is to use the OpenInference instrumentation package."]})}),e(Ze,{children:e(fn,{value:Gb})}),e(C,{paddingTop:"size-200",paddingBottom:"size-100",children:e(re,{level:2,weight:"heavy",children:"Add Session ID to your Traces"})}),e(C,{paddingBottom:"size-100",children:e(v,{children:"Below is an example of how to add session IDs to a simple OpenAI application."})}),e(Ze,{children:e(Kg,{value:Wb})}),e(C,{paddingBottom:"size-100",children:s(v,{children:["For more information on how to use sessions, consult the"," ",e(rn,{href:"https://docs.arize.com/phoenix/tracing/how-to-tracing/setup-sessions",children:"documentation"})]})})]})}function Zb(){const[n,a]=m.useState("Python");return e(X,{title:"Setup Sessions for this Project",size:"L",children:s(C,{padding:"size-400",overflow:"auto",children:[e(C,{paddingBottom:"size-100",children:e(Mt,{language:n,onChange:a})}),n==="Python"?e(Hb,{}):e(Jb,{})]})})}function Xb(){const[n,a]=m.useState(null),t=()=>{a(e(Zb,{}))};return s("tbody",{className:"is-empty",children:[e("tr",{children:e("td",{colSpan:100,css:K`
|
|
3774
3778
|
text-align: center;
|
|
3775
3779
|
padding: var(--ac-global-dimension-size-300)
|
|
3776
3780
|
var(--ac-global-dimension-size-300) !important;
|
|
@@ -3787,10 +3791,10 @@ await assistant({
|
|
|
3787
3791
|
.ac-dropdown-button {
|
|
3788
3792
|
min-width: var(--ac-global-dimension-static-size-300);
|
|
3789
3793
|
}
|
|
3790
|
-
`,Yi=50,_c=({table:n})=>{const a=de();return e("tbody",{children:n.getRowModel().rows.map(t=>e("tr",{onClick:()=>a(`${encodeURIComponent(t.id)}`),children:t.getVisibleCells().map(l=>e("td",{style:{height:1,width:`calc(var(--col-${l.column.id}-size) * 1px)`,maxWidth:`calc(var(--col-${l.column.id}-size) * 1px)`,textWrap:"nowrap",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:J(l.column.columnDef.cell,l.getContext())},l.id))},t.id))})},Yb=fe.memo(_c,(n,a)=>n.table.options.data===a.table.options.data);function eS(n){const a=m.useRef(null),[t,l]=m.useState([]),{filterIoSubstring:i}=Pc(),{fetchKey:r}=
|
|
3794
|
+
`,Yi=50,_c=({table:n})=>{const a=de();return e("tbody",{children:n.getRowModel().rows.map(t=>e("tr",{onClick:()=>a(`${encodeURIComponent(t.id)}`),children:t.getVisibleCells().map(l=>e("td",{style:{height:1,width:`calc(var(--col-${l.column.id}-size) * 1px)`,maxWidth:`calc(var(--col-${l.column.id}-size) * 1px)`,textWrap:"nowrap",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:J(l.column.columnDef.cell,l.getContext())},l.id))},t.id))})},Yb=fe.memo(_c,(n,a)=>n.table.options.data===a.table.options.data);function eS(n){const a=m.useRef(null),[t,l]=m.useState([]),{filterIoSubstring:i}=Pc(),{fetchKey:r}=Ta(),{data:o,loadNext:d,hasNext:c,isLoadingNext:p,refetch:f}=D.usePaginationFragment(xc,n.project),u=m.useMemo(()=>o.sessions.edges.map(({session:$})=>({...$,tokenCountTotal:$.tokenUsage.total})),[o.sessions]),g=[{header:"session id",accessorKey:"sessionId",enableSorting:!1,cell:we},{header:"first input",accessorKey:"firstInput.value",enableSorting:!1,cell:we},{header:"last output",accessorKey:"lastOutput.value",enableSorting:!1,cell:we},{header:"start time",accessorKey:"startTime",enableSorting:!0,cell:Ve},{header:"end time",accessorKey:"endTime",enableSorting:!0,cell:Ve},{header:"p50 latency",accessorKey:"traceLatencyMsP50",enableSorting:!1,cell:({getValue:$})=>{const z=$();return z===null||typeof z!="number"?null:e(Ae,{latencyMs:z})}},{header:"p99 latency",accessorKey:"traceLatencyMsP99",enableSorting:!1,cell:({getValue:$})=>{const z=$();return z===null||typeof z!="number"?null:e(Ae,{latencyMs:z})}},{header:"total tokens",accessorKey:"tokenCountTotal",enableSorting:!0,minSize:80,cell:({row:$,getValue:z})=>{const le=z();if(le==null||typeof le!="number")return"--";const{prompt:ie,completion:ke}=$.original.tokenUsage;return e(ra,{tokenCountTotal:le,tokenCountPrompt:ie||0,tokenCountCompletion:ke||0})}},{header:"total traces",accessorKey:"numTraces",enableSorting:!0,cell:Gr}];m.useEffect(()=>{const $=t[0];m.startTransition(()=>{f({sort:$?{col:$.id,dir:$.desc?"desc":"asc"}:{col:"startTime",dir:"desc"},after:null,first:Yi,filterIoSubstring:i},{fetchPolicy:"store-and-network"})})},[t,f,i,r]);const y=fe.useCallback($=>{if($){const{scrollHeight:z,scrollTop:le,clientHeight:ie}=$;z-le-ie<300&&!p&&c&&d(Yi)}},[c,p,d]),[k,b]=m.useState({}),S=je($=>$.columnVisibility),F=je($=>$.columnSizing),T=je($=>$.setColumnSizing),x=_e({columns:g,data:u,onExpandedChange:b,manualSorting:!0,state:{sorting:t,expanded:k,columnVisibility:S,columnSizing:F},columnResizeMode:"onChange",onColumnSizingChange:T,enableSubRowSelection:!1,onSortingChange:l,getCoreRowModel:Le(),getSortedRowModel:Sn(),getExpandedRowModel:ur(),getRowId:$=>$.id}),P=x.getRowModel().rows.length===0,{columnSizingInfo:E,columnSizing:N}=x.getState(),M=x.getFlatHeaders,Q=g.length,A=fe.useMemo(()=>{const $=M(),z={};for(let le=0;le<$.length;le++){const ie=$[le];z[`--header-${ie.id}-size`]=ie.getSize(),z[`--col-${ie.column.id}-size`]=ie.column.getSize()}return z},[M,E,N,Q]);return s("div",{css:ci,children:[e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:e(qb,{})}),e("div",{css:K`
|
|
3791
3795
|
flex: 1 1 auto;
|
|
3792
3796
|
overflow: auto;
|
|
3793
|
-
`,onScroll:$=>
|
|
3797
|
+
`,onScroll:$=>y($.target),ref:a,children:s("table",{css:ia,style:{...A,width:x.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:x.getHeaderGroups().map($=>e("tr",{children:$.headers.map(z=>e("th",{style:{width:`calc(var(--header-${z.id}-size) * 1px)`},children:z.isPlaceholder?null:s(U,{children:[s("div",{"data-sortable":z.column.getCanSort(),className:z.column.getCanSort()?"cursor-pointer":"",onClick:z.column.getToggleSortingHandler(),style:{left:z.getStart(),width:z.getSize()},children:[J(z.column.columnDef.header,z.getContext()),z.column.getIsSorted()?e(_,{className:"sort-icon",svg:z.column.getIsSorted()==="asc"?e(dn,{}):e(cn,{})}):null]}),e("div",{onMouseDown:z.getResizeHandler(),onTouchStart:z.getResizeHandler(),className:`resizer ${z.column.getIsResizing()?"isResizing":""}`})]})},z.id))},$.id))}),P?e(Xb,{}):E.isResizingColumn?e(Yb,{table:x}):e(_c,{table:x})]})})]})}const Lc=m.createContext(null);function Xt(){const n=m.useContext(Lc);if(n===null)throw new Error("useSpanFilterCondition must be used within a SpanFilterConditionProvider");return n}function ui(n){const[a,t]=m.useState(""),l=m.useCallback(r=>{m.startTransition(()=>{t(r)})},[]),i=m.useCallback(r=>{m.startTransition(()=>{a.length>0?t(a+" and "+r):t(r)})},[a]);return e(Lc.Provider,{value:{filterCondition:a,setFilterCondition:l,appendFilterCondition:i},children:n.children})}const nS=["traces","spans","sessions"],aS=n=>nS.includes(n);function mi({children:n}){const{projectId:a}=We();if(!a)throw new Error("projectId is required");const{tab:t}=Zt();if(!aS(t))throw new Error(`Invalid tab: ${t}`);return e(Ob,{projectId:a,tableId:t||"table",children:n})}function tS({queryReference:n}){const a=D.usePreloadedQuery(Sc,n);return e($b,{children:e(eS,{project:a.project})})}const G2=()=>{const{sessionsQueryReference:n}=di();return n?s(mi,{children:[e(ui,{children:e(m.Suspense,{fallback:e(ve,{}),children:e(tS,{queryReference:n})})}),e(m.Suspense,{children:e(Ie,{})})]}):null},wc=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},t={defaultValue:50,kind:"LocalArgument",name:"first"},l={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:!0,kind:"LocalArgument",name:"rootSpansOnly"},r={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},o={defaultValue:null,kind:"LocalArgument",name:"timeRange"},d=[{kind:"Variable",name:"id",variableName:"id"}],c={kind:"Variable",name:"after",variableName:"after"},p={kind:"Variable",name:"filterCondition",variableName:"filterCondition"},f={kind:"Variable",name:"first",variableName:"first"},u={kind:"Variable",name:"rootSpansOnly",variableName:"rootSpansOnly"},g={kind:"Variable",name:"sort",variableName:"sort"},y={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},k={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},b={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},S=[c,p,f,u,g,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],F=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}];return{fragment:{argumentDefinitions:[n,a,t,l,i,r,o],kind:"Fragment",metadata:null,name:"SpansTableSpansQuery",selections:[{alias:null,args:d,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[c,p,f,u,g],kind:"FragmentSpread",name:"SpansTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,t,i,r,o,l],kind:"Operation",name:"SpansTableSpansQuery",selections:[{alias:null,args:d,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[y,{kind:"TypeDiscriminator",abstractKey:"__isNode"},k,{kind:"InlineFragment",selections:[b,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:S,concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"span",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[k,{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},b,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountCompletion",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[k,{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:F,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:F,storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[b,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[y],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:S,filters:["sort","rootSpansOnly","filterCondition","timeRange"],handle:"connection",key:"SpansTable_spans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"0e53c2b004dd5a80a82aea6ca38e4caa",id:null,metadata:{},name:"SpansTableSpansQuery",operationKind:"query",text:`query SpansTableSpansQuery(
|
|
3794
3798
|
$after: String = null
|
|
3795
3799
|
$filterCondition: String = null
|
|
3796
3800
|
$first: Int = 50
|
|
@@ -3883,7 +3887,7 @@ fragment SpansTable_spans_xYL0c on Project {
|
|
|
3883
3887
|
max-width: 100%;
|
|
3884
3888
|
height: var(--ac-global-dimension-size-200);
|
|
3885
3889
|
`;function iS({metadata:n,onClick:a}){const t=m.useMemo(()=>{let l=n;return l.startsWith("{")&&(l=l.slice(1)),l.endsWith("}")&&(l=l.slice(0,-1)),l},[n]);return e("div",{css:K(lS),role:a?"button":"label","aria-label":"metadata",onClick:l=>{l.stopPropagation(),l.preventDefault(),a==null||a()},children:e(h,{direction:"row",justifyContent:"space-between",alignItems:"center",height:"100%",children:e(tt,{maxWidth:"100%",children:e(v,{children:t})})})})}function rS(n){return n.replaceAll(`
|
|
3886
|
-
`,"\\n").replaceAll('"','\\"')}function sS(n){return typeof n=="boolean"?n?"True":"False":typeof n=="number"?n.toString():typeof n=="string"?`"${rS(n)}"`:""}const Mc=(n,a)=>`metadata['${n}'] == ${sS(a)}`;function oS({children:n,metadata:a,width:t}){const{appendFilterCondition:l}=Xt(),i=Object.entries(a).map(([r,o])=>({key:r,value:String(o),filterCondition:Mc(r,o)}));return s(he,{delay:500,offset:3,children:[e(
|
|
3890
|
+
`,"\\n").replaceAll('"','\\"')}function sS(n){return typeof n=="boolean"?n?"True":"False":typeof n=="number"?n.toString():typeof n=="string"?`"${rS(n)}"`:""}const Mc=(n,a)=>`metadata['${n}'] == ${sS(a)}`;function oS({children:n,metadata:a,width:t}){const{appendFilterCondition:l}=Xt(),i=Object.entries(a).map(([r,o])=>({key:r,value:String(o),filterCondition:Mc(r,o)}));return s(he,{delay:500,offset:3,children:[e($e,{children:n}),e(aa,{UNSAFE_style:{minWidth:t},children:s(h,{direction:"row",wrap:"nowrap",gap:"size-100",children:[e(h,{flexBasis:"40%",children:s(h,{direction:"column",gap:"size-100",width:"100%",children:[e(v,{weight:"heavy",children:"Metadata"}),e("ul",{css:K`
|
|
3887
3891
|
display: flex;
|
|
3888
3892
|
flex-direction: column;
|
|
3889
3893
|
gap: var(--ac-global-dimension-size-100);
|
|
@@ -3939,10 +3943,10 @@ fragment SpansTable_spans_xYL0c on Project {
|
|
|
3939
3943
|
align-items: center;
|
|
3940
3944
|
gap: var(--ac-global-dimension-static-size-100);
|
|
3941
3945
|
}
|
|
3942
|
-
`;function mS(n){const{columns:a}=n,t=
|
|
3946
|
+
`;function mS(n){const{columns:a}=n,t=je(c=>c.columnVisibility),l=je(c=>c.setColumnVisibility),i=m.useMemo(()=>a.filter(c=>!uS.includes(c.id)),[a]),r=m.useMemo(()=>i.every(c=>{const p=t[c.id];return p??!0}),[i,t]),o=m.useCallback(c=>{const{name:p,checked:f}=c.target;l({...t,[p]:f})},[t,l]),d=m.useCallback(c=>{const{checked:p}=c.target,f=i.reduce((u,g)=>({...u,[g.id]:p}),{});l(f)},[i,l]);return e("div",{css:K`
|
|
3943
3947
|
overflow-y: auto;
|
|
3944
3948
|
max-height: calc(100vh - 200px);
|
|
3945
|
-
`,children:s(C,{paddingTop:"size-50",paddingBottom:"size-50",children:[e(C,{borderBottomColor:"dark",borderBottomWidth:"thin",paddingBottom:"size-50",children:e("div",{css:vt,children:s("label",{children:[e("input",{type:"checkbox",name:"toggle-all",checked:r,onChange:d}),"span columns"]})})}),e("ul",{children:i.map(c=>{const p=t[c.id],
|
|
3949
|
+
`,children:s(C,{paddingTop:"size-50",paddingBottom:"size-50",children:[e(C,{borderBottomColor:"dark",borderBottomWidth:"thin",paddingBottom:"size-50",children:e("div",{css:vt,children:s("label",{children:[e("input",{type:"checkbox",name:"toggle-all",checked:r,onChange:d}),"span columns"]})})}),e("ul",{children:i.map(c=>{const p=t[c.id],f=p??!0,u=typeof c.columnDef.header=="string"?c.columnDef.header:c.id;return e("li",{css:vt,children:s("label",{children:[e("input",{type:"checkbox",name:c.id,checked:f,onChange:o}),u]})},c.id)})}),e(pS,{...n})]})})}function pS({query:n}){const a=D.useFragment(Nc,n),t=je(o=>o.annotationColumnVisibility),l=je(o=>o.setAnnotationColumnVisibility),i=m.useMemo(()=>a.spanAnnotationNames.every(o=>t[o]||!1),[a.spanAnnotationNames,t]),r=m.useCallback(()=>{const o=a.spanAnnotationNames.reduce((d,c)=>({...d,[c]:!i}),{});l(o)},[a.spanAnnotationNames,l,i]);return s("section",{children:[e(C,{paddingTop:"size-50",paddingBottom:"size-50",borderColor:"dark",borderTopWidth:"thin",borderBottomWidth:"thin",children:e("div",{css:vt,children:s("label",{children:[e("input",{type:"checkbox",name:"toggle-evaluations-all",checked:i,onChange:r}),"feedback"]})})}),e("ul",{children:a.spanAnnotationNames.map(o=>{const d=t[o]??!1;return e("li",{css:vt,children:s("label",{children:[e("input",{type:"checkbox",name:o,checked:d,onChange:()=>{l({...t,[o]:!d})}}),o]})},o)})})]})}const $c=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"condition"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"condition",variableName:"condition"}],concreteType:"ValidationResult",kind:"LinkedField",name:"validateSpanFilterCondition",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"isValid",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorMessage",storageKey:null}],storageKey:null}],type:"Project",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanFilterConditionFieldValidationQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanFilterConditionFieldValidationQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}]},params:{cacheID:"29583e7ec666cef832dc7effb9e75678",id:null,metadata:{},name:"SpanFilterConditionFieldValidationQuery",operationKind:"query",text:`query SpanFilterConditionFieldValidationQuery(
|
|
3946
3950
|
$condition: String!
|
|
3947
3951
|
$id: GlobalID!
|
|
3948
3952
|
) {
|
|
@@ -3989,17 +3993,17 @@ fragment SpansTable_spans_xYL0c on Project {
|
|
|
3989
3993
|
border-color: var(--ac-global-color-danger);
|
|
3990
3994
|
}
|
|
3991
3995
|
box-sizing: border-box;
|
|
3992
|
-
`;function gS(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 yS(n,a){if(!n)return{isValid:!0,errorMessage:null};const t=await ot.fetchQuery(Ce,$c,{condition:n,id:a}).toPromise();if(!t)throw new Error("Filter condition validation is null");return t.project.validateSpanFilterCondition}const fS=[Ul.of([{key:"Enter",run:n=>!0}]),ct(),as({override:[gS]})];function jc(n){const{onValidCondition:a,placeholder:t="filter condition (e.x. span_kind == 'LLM')"}=n,[l,i]=m.useState(!1),[r,o]=m.useState(""),{filterCondition:d,setFilterCondition:c,appendFilterCondition:p}=Xt(),
|
|
3996
|
+
`;function gS(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 yS(n,a){if(!n)return{isValid:!0,errorMessage:null};const t=await ot.fetchQuery(Ce,$c,{condition:n,id:a}).toPromise();if(!t)throw new Error("Filter condition validation is null");return t.project.validateSpanFilterCondition}const fS=[Ul.of([{key:"Enter",run:n=>!0}]),ct(),as({override:[gS]})];function jc(n){const{onValidCondition:a,placeholder:t="filter condition (e.x. span_kind == 'LLM')"}=n,[l,i]=m.useState(!1),[r,o]=m.useState(""),{filterCondition:d,setFilterCondition:c,appendFilterCondition:p}=Xt(),f=m.useDeferredValue(d),{theme:u}=zn(),g=u==="light"?sa:oa,{projectId:y}=We();m.useEffect(()=>{yS(f,y).then(S=>{S!=null&&S.isValid?(o(""),m.startTransition(()=>{a(f)})):o((S==null?void 0:S.errorMessage)??"Invalid filter condition")})},[a,f,y]);const k=r!=="";return s("div",{"data-is-focused":l,"data-is-invalid":k,className:"span-filter-condition-field",css:Qc,children:[s(h,{direction:"row",children:[e(Kl,{children:e(_,{svg:e(Bl,{})})}),e(da,{css:Oc,indentWithTab:!1,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1,defaultKeymap:!1},onFocus:()=>i(!0),onBlur:()=>i(!1),value:d,onChange:c,height:"36px",width:"100%",theme:g,placeholder:t,extensions:fS}),e("button",{css:K`
|
|
3993
3997
|
margin-right: var(--ac-global-dimension-static-size-100);
|
|
3994
3998
|
color: var(--ac-global-text-color-700);
|
|
3995
3999
|
visibility: ${d!==""?"visible":"hidden"};
|
|
3996
|
-
`,onClick:()=>c(""),className:"button--reset",children:e(_,{svg:e(jt,{})})}),s(
|
|
4000
|
+
`,onClick:()=>c(""),className:"button--reset",children:e(_,{svg:e(jt,{})})}),s(Ra,{placement:"bottom right",children:[e($e,{children:e("button",{css:K`
|
|
3997
4001
|
color: var(--ac-global-text-color-700);
|
|
3998
4002
|
background-color: var(--ac-global-color-grey-300);
|
|
3999
4003
|
padding-left: var(--ac-global-dimension-static-size-100);
|
|
4000
4004
|
padding-right: var(--ac-global-dimension-static-size-100);
|
|
4001
4005
|
height: 100%;
|
|
4002
|
-
`,className:"button--reset",children:e(_,{svg:e(Fn,{})})})}),e(hS,{onAddFilterConditionSnippet:p})]})]}),s(he,{isOpen:k&&l,placement:"bottom",children:[e(
|
|
4006
|
+
`,className:"button--reset",children:e(_,{svg:e(Fn,{})})})}),e(hS,{onAddFilterConditionSnippet:p})]})]}),s(he,{isOpen:k&&l,placement:"bottom",children:[e($e,{children:e("div",{})}),e(aa,{children:r!=""?e(v,{color:"danger",children:r}):e(v,{color:"success",children:"Valid Expression"})})]})]})}function hS(n){const{onAddFilterConditionSnippet:a}=n;return e(C,{width:"500px",padding:"size-200",borderRadius:"medium",borderWidth:"thin",borderColor:"light",backgroundColor:"light",children:s(h,{direction:"column",gap:"size-100",children:[e(ga,{label:"filter by kind",initialSnippet:"span_kind == 'LLM'",onAddFilterConditionSnippet:a},"kind"),e(ga,{label:"filter by token count",initialSnippet:"cumulative_token_count.total > 1000",onAddFilterConditionSnippet:a},"token_count"),e(ga,{label:"filter by annotation label",initialSnippet:"annotations['Hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"annotation_label"),e(ga,{label:"filter by evaluation label",initialSnippet:"evals['Hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"eval_label"),e(ga,{label:"filter by evaluation score",initialSnippet:"evals['Hallucination'].score < 1",onAddFilterConditionSnippet:a},"eval_score"),e(ga,{label:"filter by metadata",initialSnippet:"metadata['topic'] == 'agent'",onAddFilterConditionSnippet:a},"metadata"),e(ga,{label:"filter by substring",initialSnippet:"'agent' in input.value",onAddFilterConditionSnippet:a},"substring")]})})}function ga(n){const{initialSnippet:a,onAddFilterConditionSnippet:t}=n,[l,i]=m.useState(a),{theme:r}=zn(),o=r==="light"?sa:oa;return e(la,{label:n.label,children:s(h,{direction:"row",width:"100%",gap:"size-100",children:[e("div",{css:K(Qc,K`
|
|
4003
4007
|
flex: 1 1 auto;
|
|
4004
4008
|
`),children:e(da,{value:l,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[ct()],editable:!0,onChange:i,theme:o,css:Oc})}),e(R,{"aria-label":"Add to filter condition",variant:"default",onPress:()=>t(l),leadingVisual:e(_,{svg:e(Fn,{})})})]})})}const qc=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"traceIds"}],a=[{alias:null,args:[{kind:"Variable",name:"traceIds",variableName:"traceIds"}],concreteType:"Query",kind:"LinkedField",name:"deleteTraces",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanSelectionToolbarDeleteTracesMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanSelectionToolbarDeleteTracesMutation",selections:a},params:{cacheID:"eb52eb7c9b255069f86fde333d3c1c75",id:null,metadata:{},name:"SpanSelectionToolbarDeleteTracesMutation",operationKind:"mutation",text:`mutation SpanSelectionToolbarDeleteTracesMutation(
|
|
4005
4009
|
$traceIds: [GlobalID!]!
|
|
@@ -4045,11 +4049,11 @@ fragment DatasetSelectorPopoverContent_datasets on Query {
|
|
|
4045
4049
|
}
|
|
4046
4050
|
}
|
|
4047
4051
|
}
|
|
4048
|
-
`}};Gc.hash="7cd8a13144d97d2b5294f2a09c9e1351";function kS(n){const{onCreateNewDataset:a,onDatasetSelected:t}=n,[l,i]=m.useState(""),r=D.useLazyLoadQuery(Gc,{},{fetchPolicy:"network-only"});return s(B,{title:"Add to Dataset",variant:"compact",backgroundColor:"light",borderColor:"light",bodyStyle:{padding:0},extra:e(R,{variant:"default",size:"S",onPress:a,children:"New Dataset"}),children:[e(C,{padding:"size-100",children:e(Ig,{onChange:o=>{i(o)},children:e(
|
|
4052
|
+
`}};Gc.hash="7cd8a13144d97d2b5294f2a09c9e1351";function kS(n){const{onCreateNewDataset:a,onDatasetSelected:t}=n,[l,i]=m.useState(""),r=D.useLazyLoadQuery(Gc,{},{fetchPolicy:"network-only"});return s(B,{title:"Add to Dataset",variant:"compact",backgroundColor:"light",borderColor:"light",bodyStyle:{padding:0},extra:e(R,{variant:"default",size:"S",onPress:a,children:"New Dataset"}),children:[e(C,{padding:"size-100",children:e(Ig,{onChange:o=>{i(o)},children:e(se,{placeholder:"Search datasets"})})}),e(C,{borderTopWidth:"thin",borderColor:"light",children:e("div",{css:K`
|
|
4049
4053
|
height: 400px;
|
|
4050
4054
|
overflow-y: auto;
|
|
4051
4055
|
min-width: 300px;
|
|
4052
|
-
`,children:e(bS,{query:r,search:l,onDatasetSelected:t})})})]})}function bS(n){const{search:a,onDatasetSelected:t}=n,[l]=D.useRefetchableFragment(Hc,n.query),i=m.useMemo(()=>{let o=l.datasets.edges.map(d=>d.dataset);return a&&(o=o.filter(d=>d.name.toLowerCase().includes(a.toLowerCase()))),o},[a,l]);return i.length===0?e(C,{padding:"size-200",children:e(h,{direction:"column",justifyContent:"center",alignItems:"center",flex:"1 1 auto",children:e(v,{children:"No datasets found"})})}):e(xt,{selectionMode:"single",onSelectionChange:o=>{if(typeof o=="object"){const d=Array.from(o);t(d[0])}},children:i.map(o=>e(oe,{children:o.name},o.id))})}function Wc(n){const a=de(),[t,l]=m.useState(null),i=Fe(),r=De(),[o,d]=m.useState(!1),{selectedSpans:c,onClearSelection:p}=n,[
|
|
4056
|
+
`,children:e(bS,{query:r,search:l,onDatasetSelected:t})})})]})}function bS(n){const{search:a,onDatasetSelected:t}=n,[l]=D.useRefetchableFragment(Hc,n.query),i=m.useMemo(()=>{let o=l.datasets.edges.map(d=>d.dataset);return a&&(o=o.filter(d=>d.name.toLowerCase().includes(a.toLowerCase()))),o},[a,l]);return i.length===0?e(C,{padding:"size-200",children:e(h,{direction:"column",justifyContent:"center",alignItems:"center",flex:"1 1 auto",children:e(v,{children:"No datasets found"})})}):e(xt,{selectionMode:"single",onSelectionChange:o=>{if(typeof o=="object"){const d=Array.from(o);t(d[0])}},children:i.map(o=>e(oe,{children:o.name},o.id))})}function Wc(n){const a=de(),[t,l]=m.useState(null),i=Fe(),r=De(),[o,d]=m.useState(!1),{selectedSpans:c,onClearSelection:p}=n,[f,u]=D.useMutation(Bc),[g,y]=D.useMutation(qc),k=c.length!==1,b=m.useCallback(T=>{f({variables:{input:{datasetId:T,spanIds:c.map(x=>x.id)}},onCompleted:()=>{i({title:"Examples added to dataset",message:`${c.length} example${k?"s have":" has"} been added to the dataset.`,action:{text:"View dataset",onClick:()=>{a(`/datasets/${T}/examples`)}}}),p()},onError:x=>{const L=xe(x);r({title:"An error occurred",message:`Failed to add spans to dataset: ${(L==null?void 0:L[0])??x.message}`})}})},[f,c,i,k,p,a,r]),S=m.useCallback(()=>{const T=[...new Set(c.map(x=>x.traceId))];g({variables:{traceIds:T},onCompleted:()=>{i({title:"Traces deleted",message:`${T.length} trace${T.length!==1?"s have":" has"} been deleted.`}),p()},onError:x=>{const L=xe(x);r({title:"An error occurred",message:`Failed to delete traces: ${(L==null?void 0:L[0])??x.message}`})}})},[g,c,i,p,r]),F=m.useCallback(()=>{l(s(X,{size:"S",title:"Delete Traces",isDismissable:!0,onDismiss:()=>l(null),children:[e(C,{padding:"size-200",children:e(v,{color:"danger",children:"Are you sure you want to delete the selected spans and their traces?"})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(R,{variant:"danger",onPress:()=>{S(),l(null)},children:"Delete Traces"})})})]}))},[S]);return s("div",{css:K`
|
|
4053
4057
|
position: absolute;
|
|
4054
4058
|
bottom: var(--ac-global-dimension-size-600);
|
|
4055
4059
|
left: 50%;
|
|
@@ -4057,10 +4061,10 @@ fragment DatasetSelectorPopoverContent_datasets on Query {
|
|
|
4057
4061
|
z-index: 1000;
|
|
4058
4062
|
box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.4);
|
|
4059
4063
|
border-radius: var(--ac-global-rounding-medium);
|
|
4060
|
-
`,children:[e(C,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(v,{children:`${c.length} span${k?"s":""} selected`}),s(h,{direction:"row",gap:"size-100",children:[e(R,{variant:"default",size:"S",onPress:p,children:"Cancel"}),s(
|
|
4064
|
+
`,children:[e(C,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(v,{children:`${c.length} span${k?"s":""} selected`}),s(h,{direction:"row",gap:"size-100",children:[e(R,{variant:"default",size:"S",onPress:p,children:"Cancel"}),s(Ra,{placement:"top end",crossOffset:300,isOpen:o,onOpenChange:T=>{d(T)},children:[e($e,{children:e(R,{variant:"default",size:"S",leadingVisual:u?e(Ge,{}):e(Lt,{}),onPress:()=>{d(!0)},isDisabled:u,children:u?"Adding...":"Add to Dataset"})}),e(m.Suspense,{children:e(kS,{onDatasetSelected:T=>{b(T),d(!1)},onCreateNewDataset:()=>{d(!1),l(e(X,{title:"New Dataset",isDismissable:!0,onDismiss:()=>l(null),children:e(Zr,{onDatasetCreateError:T=>{const x=xe(T);r({title:"Dataset creation failed",message:`Failed to create dataset: ${(x==null?void 0:x[0])??T.message}`})},onDatasetCreated:T=>{l(null),i({title:"Dataset created",message:`${T.name} has been successfully created.`}),d(!0)}})}))}})})]}),e(R,{variant:"danger",size:"S",leadingVisual:e(_,{svg:y?e(Ge,{}):e(Ye,{})}),isDisabled:y,onPress:F,children:y?"Deleting...":"Delete"})]})]})}),e(ne,{onDismiss:()=>{l(null)},children:t})]})}const rt="annotations",In=":",Jc={col:"startTime",dir:"desc"};function Zc(n){let a=null,t=null;if(n.id&&n.id.startsWith(rt)){const[,l,i]=n.id.split(In);t={attr:l,name:i}}else a=n.id;return{col:a,evalResultKey:t,dir:n.desc?"desc":"asc"}}const er=50,SS={minSize:100};function vS(n){return n==="root"||n==="all"}const Xc=({table:n})=>{const a=de();return e("tbody",{children:n.getRowModel().rows.map(t=>e("tr",{onClick:()=>a(`${t.original.trace.traceId}?selectedSpanNodeId=${t.original.id}`),children:t.getVisibleCells().map(l=>e("td",{style:{height:1,width:`calc(var(--col-${l.column.id}-size) * 1px)`,maxWidth:`calc(var(--col-${l.column.id}-size) * 1px)`,textWrap:"nowrap",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:J(l.column.columnDef.cell,l.getContext())},l.id))},t.id))})},CS=fe.memo(Xc,(n,a)=>n.table.options.data===a.table.options.data);function FS(n){const{fetchKey:a}=Ta(),t=!!mr("/projects/:projectId/spans"),l=m.useRef(null),i=m.useRef(!0),[r,o]=m.useState({}),[d,c]=m.useState([]),[p,f]=m.useState(""),[u,g]=m.useState(!0),y=je(I=>I.columnVisibility),{data:k,loadNext:b,hasNext:S,isLoadingNext:F,refetch:T}=D.usePaginationFragment(Ec,n.project),x=je(I=>I.annotationColumnVisibility),L=m.useMemo(()=>Object.keys(x).filter(I=>x[I]),[x]),P=m.useMemo(()=>k.spans.edges.map(({span:V})=>V),[k]),E=L.map(I=>({header:I,columns:[{header:"label",accessorKey:`${rt}${In}label${In}${I}`,cell:({row:V})=>{const q=V.original.spanAnnotations.find(G=>G.name===I);return q?q.label:null}},{header:"score",accessorKey:`${rt}${In}score${In}${I}`,cell:({row:V})=>{const q=V.original.spanAnnotations.find(G=>G.name===I);return q?q.score:null}}]})),N=[{header:()=>s(h,{direction:"row",gap:"size-50",children:[e("span",{children:"feedback"}),s(Va,{children:[e(re,{level:3,weight:"heavy",children:"Feedback"}),e(ta,{children:"Feedback includes evaluations and human annotations logged via the API or set via the UI."})]})]}),id:"feedback",accessorKey:"spanAnnotations",enableSorting:!1,cell:({row:I})=>s(h,{direction:"row",gap:"size-50",wrap:"wrap",children:[I.original.spanAnnotations.map(V=>e(Aa,{annotation:V,layout:"horizontal",width:"500px",extra:e(Vc,{annotation:V}),children:e(An,{annotation:V,annotationDisplayPreference:"label"})},V.name)),I.original.documentRetrievalMetrics.map(V=>s(U,{children:[e(an,{name:V.evaluationName,metric:"ndcg",score:V.ndcg},"ndcg"),e(an,{name:V.evaluationName,metric:"precision",score:V.precision},"precision"),e(an,{name:V.evaluationName,metric:"hit",score:V.hit},"hit")]}))]})},...E],M=[{id:"select",maxSize:10,header:({table:I})=>e(Yn,{checked:I.getIsAllRowsSelected(),indeterminate:I.getIsSomeRowsSelected(),onChange:I.getToggleAllRowsSelectedHandler()}),cell:({row:I})=>e(Yn,{checked:I.getIsSelected(),disabled:!I.getCanSelect(),indeterminate:I.getIsSomeSelected(),onChange:I.getToggleSelectedHandler()})},{header:"status",accessorKey:"statusCode",maxSize:30,enableSorting:!1,cell:({getValue:I})=>{const V=I();return e(h,{direction:"row",gap:"size-50",alignItems:"center",children:e(Vt,{statusCode:V})})}},{header:"kind",accessorKey:"spanKind",maxSize:100,enableSorting:!1,cell:({getValue:I})=>e(Rl,{spanKind:I()})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:I,row:V})=>{const q=V.original,{traceId:G}=q.trace;return e(Je,{to:`${G}?selectedSpanNodeId=${q.id}`,children:I()})}},{header:"input",accessorKey:"input.value",cell:we,enableSorting:!1},{header:"output",accessorKey:"output.value",cell:we,enableSorting:!1},{header:"metadata",accessorKey:"metadata",cell:({row:I})=>e(Rc,{metadata:I.original.metadata}),enableSorting:!1},...N,{header:"start time",accessorKey:"startTime",cell:Ve},{header:"latency",accessorKey:"latencyMs",cell:({getValue:I})=>{const V=I();return V===null||typeof V!="number"?null:e(Ae,{latencyMs:V})}},{header:u?"cumulative tokens":"total tokens",accessorKey:u?"cumulativeTokenCountTotal":"tokenCountTotal",cell:({row:I,getValue:V})=>{if(V()===null)return"--";const G=I.original,yn=u?G.cumulativeTokenCountTotal:G.tokenCountTotal,Bn=u?G.cumulativeTokenCountPrompt:G.tokenCountPrompt,qa=u?G.cumulativeTokenCountCompletion:G.tokenCountCompletion;return e(ra,{tokenCountTotal:yn||0,tokenCountPrompt:Bn||0,tokenCountCompletion:qa||0})}}];m.useEffect(()=>{if(i.current===!0){i.current=!1;return}t&&m.startTransition(()=>{const I=d[0];T({sort:I?Zc(I):Jc,after:null,first:er,filterCondition:p,rootSpansOnly:u},{fetchPolicy:"store-and-network"})})},[d,T,p,a,t,u]);const Q=m.useCallback(I=>{if(I){const{scrollHeight:V,scrollTop:q,clientHeight:G}=I;V-q-G<300&&!F&&S&&b(er)}},[S,F,b]),A=je(I=>I.setColumnSizing),$=je(I=>I.columnSizing),z=_e({columns:M,data:P,state:{sorting:d,columnVisibility:y,rowSelection:r,columnSizing:$},defaultColumn:SS,columnResizeMode:"onChange",manualSorting:!0,enableRowSelection:!0,onRowSelectionChange:o,onSortingChange:c,onColumnSizingChange:A,getCoreRowModel:Le(),getSortedRowModel:Sn()}),le=z.getRowModel().rows,ie=z.getSelectedRowModel().rows,ke=ie.map(I=>({id:I.original.id,traceId:I.original.trace.id})),Tn=m.useCallback(()=>{o({})},[o]),qn=le.length===0,ma=z.getAllColumns().filter(I=>I.columns.length===0),{columnSizingInfo:pa,columnSizing:j}=z.getState(),Y=z.getFlatHeaders,ae=ma.length,Te=fe.useMemo(()=>{const I=Y(),V={};for(let q=0;q<I.length;q++){const G=I[q];V[`--header-${G.id}-size`]=G.getSize(),V[`--col-${G.column.id}-size`]=G.column.getSize()}return V},[Y,pa,j,ae]);return s("div",{css:ci,children:[e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:s(h,{direction:"row",gap:"size-100",width:"100%",alignItems:"center",children:[e(jc,{onValidCondition:f}),s(Ql,{"aria-label":"Toggle between root and all spans",selectionMode:"single",selectedKeys:[u?"root":"all"],onSelectionChange:I=>{if(I.size===0)return;const V=I.keys().next().value;if(vS(V))g(V==="root");else throw new Error(`Unknown root span filter selection: ${V}`)},children:[e(fa,{"aria-label":"root spans",id:"root",children:"Root Spans"}),e(fa,{"aria-label":"all spans",id:"all",children:"All"})]}),e(zc,{columns:ma,query:k})]})}),e("div",{css:K`
|
|
4061
4065
|
flex: 1 1 auto;
|
|
4062
4066
|
overflow: auto;
|
|
4063
|
-
`,onScroll:I=>Q(I.target),ref:l,children:s("table",{css:ia,style:{...Te,width:z.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:z.getHeaderGroups().map(I=>e("tr",{children:I.headers.map(V=>e("th",{style:{width:`calc(var(--header-${V.id}-size) * 1px)`},children:V.isPlaceholder?null:s(U,{children:[s("div",{className:V.column.getCanSort()?"cursor-pointer":"",onClick:V.column.getToggleSortingHandler(),style:{left:V.getStart(),width:V.getSize()},children:[J(V.column.columnDef.header,V.getContext()),V.column.getIsSorted()?e(_,{className:"sort-icon",svg:V.column.getIsSorted()==="asc"?e(dn,{}):e(cn,{})}):null]}),e("div",{onMouseDown:V.getResizeHandler(),onTouchStart:V.getResizeHandler(),className:`resizer ${V.column.getIsResizing()?"isResizing":""}`})]})},V.id))},I.id))}),qn?e(Ac,{projectName:k.name}):pa.isResizingColumn?e(CS,{table:z}):e(Xc,{table:z})]})}),ie.length?e(Wc,{selectedSpans:ke,onClearSelection:Tn}):null]})}function KS({queryReference:n}){const a=D.usePreloadedQuery(bc,n);return e(FS,{project:a.project})}const W2=()=>{const{spansQueryReference:n}=di();return n?s(mi,{children:[e(ui,{children:e(m.Suspense,{fallback:e(ve,{}),children:e(KS,{queryReference:n})})}),e(m.Suspense,{children:e(Ie,{})})]}):null},Yc=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},t={defaultValue:50,kind:"LocalArgument",name:"first"},l={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},r={defaultValue:null,kind:"LocalArgument",name:"timeRange"},o=[{kind:"Variable",name:"id",variableName:"id"}],d={kind:"Variable",name:"after",variableName:"after"},c={kind:"Variable",name:"filterCondition",variableName:"filterCondition"},p={kind:"Variable",name:"first",variableName:"first"},
|
|
4067
|
+
`,onScroll:I=>Q(I.target),ref:l,children:s("table",{css:ia,style:{...Te,width:z.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:z.getHeaderGroups().map(I=>e("tr",{children:I.headers.map(V=>e("th",{style:{width:`calc(var(--header-${V.id}-size) * 1px)`},children:V.isPlaceholder?null:s(U,{children:[s("div",{className:V.column.getCanSort()?"cursor-pointer":"",onClick:V.column.getToggleSortingHandler(),style:{left:V.getStart(),width:V.getSize()},children:[J(V.column.columnDef.header,V.getContext()),V.column.getIsSorted()?e(_,{className:"sort-icon",svg:V.column.getIsSorted()==="asc"?e(dn,{}):e(cn,{})}):null]}),e("div",{onMouseDown:V.getResizeHandler(),onTouchStart:V.getResizeHandler(),className:`resizer ${V.column.getIsResizing()?"isResizing":""}`})]})},V.id))},I.id))}),qn?e(Ac,{projectName:k.name}):pa.isResizingColumn?e(CS,{table:z}):e(Xc,{table:z})]})}),ie.length?e(Wc,{selectedSpans:ke,onClearSelection:Tn}):null]})}function KS({queryReference:n}){const a=D.usePreloadedQuery(bc,n);return e(FS,{project:a.project})}const W2=()=>{const{spansQueryReference:n}=di();return n?s(mi,{children:[e(ui,{children:e(m.Suspense,{fallback:e(ve,{}),children:e(KS,{queryReference:n})})}),e(m.Suspense,{children:e(Ie,{})})]}):null},Yc=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},t={defaultValue:50,kind:"LocalArgument",name:"first"},l={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},r={defaultValue:null,kind:"LocalArgument",name:"timeRange"},o=[{kind:"Variable",name:"id",variableName:"id"}],d={kind:"Variable",name:"after",variableName:"after"},c={kind:"Variable",name:"filterCondition",variableName:"filterCondition"},p={kind:"Variable",name:"first",variableName:"first"},f={kind:"Variable",name:"sort",variableName:"sort"},u={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},k=[d,c,p,{kind:"Literal",name:"rootSpansOnly",value:!0},f,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],b={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},F={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},T={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},x=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],L={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:x,storageKey:null},P={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:x,storageKey:null},E={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},N={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},M={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[g,y,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},Q={alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:[n,a,t,l,i,r],kind:"Fragment",metadata:null,name:"TracesTableQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[d,c,p,f],kind:"FragmentSpread",name:"TracesTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,t,i,r,l],kind:"Operation",name:"TracesTableQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[u,{kind:"TypeDiscriminator",abstractKey:"__isNode"},g,{kind:"InlineFragment",selections:[y,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:"rootSpans",args:k,concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"rootSpan",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[g,b,y,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},S,F,{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountCompletion",storageKey:null},T,L,P,E,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[g,N,{alias:null,args:null,kind:"ScalarField",name:"numSpans",storageKey:null}],storageKey:null},M,Q,{alias:null,args:[{kind:"Literal",name:"first",value:50}],concreteType:"SpanConnection",kind:"LinkedField",name:"descendants",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[g,b,y,{alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},S,F,T,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"cumulativeTokenCountPrompt",args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:"cumulativeTokenCountCompletion",args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},L,P,E,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[g,N],storageKey:null},M,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],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:"b53bc919668f6208aa2590c51cda931b",id:null,metadata:{},name:"TracesTableQuery",operationKind:"query",text:`query TracesTableQuery(
|
|
4064
4068
|
$after: String = null
|
|
4065
4069
|
$filterCondition: String = null
|
|
4066
4070
|
$first: Int = 50
|
|
@@ -4175,11 +4179,11 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
4175
4179
|
}
|
|
4176
4180
|
id
|
|
4177
4181
|
}
|
|
4178
|
-
`}}}();Yc.hash="d42d2e6ece4569a9920f88f134624597";const eu=function(){var n=["rootSpans"],a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},o={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},d=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],c={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:d,storageKey:null},p={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:d,storageKey:null},
|
|
4182
|
+
`}}}();Yc.hash="d42d2e6ece4569a9920f88f134624597";const eu=function(){var n=["rootSpans"],a={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},o={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},d=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],c={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:d,storageKey:null},p={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:d,storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},u={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},g={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[t,a,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},y={alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"filterCondition"},{defaultValue:50,kind:"LocalArgument",name:"first"},{defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:Yc,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"TracesTable_spans",selections:[a,{args:null,kind:"FragmentSpread",name:"SpanColumnSelector_annotations"},{alias:"rootSpans",args:[{kind:"Variable",name:"filterCondition",variableName:"filterCondition"},{kind:"Literal",name:"rootSpansOnly",value:!0},{kind:"Variable",name:"sort",variableName:"sort"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"SpanConnection",kind:"LinkedField",name:"__TracesTable_rootSpans_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"rootSpan",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[t,l,a,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},i,r,{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountCompletion",storageKey:null},o,c,p,f,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[t,u,{alias:null,args:null,kind:"ScalarField",name:"numSpans",storageKey:null}],storageKey:null},g,y,{alias:null,args:[{kind:"Literal",name:"first",value:50}],concreteType:"SpanConnection",kind:"LinkedField",name:"descendants",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[t,l,a,{alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},i,r,o,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"cumulativeTokenCountPrompt",args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:"cumulativeTokenCountCompletion",args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},c,p,f,{alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[t,u],storageKey:null},g,y],storageKey:null}],storageKey:null}],storageKey:"descendants(first:50)"}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},t],type:"Project",abstractKey:null}}();eu.hash="d42d2e6ece4569a9920f88f134624597";const nr=50,TS=50,nu=({table:n})=>{const a=de();return e("tbody",{children:n.getRowModel().rows.map(t=>e("tr",{onClick:()=>a(`${t.original.trace.traceId}`),"data-is-additional-row":t.original.__additionalRow,css:xS,children:t.getVisibleCells().map(l=>e("td",{style:{height:1,width:`calc(var(--col-${l.column.id}-size) * 1px)`,maxWidth:`calc(var(--col-${l.column.id}-size) * 1px)`,textWrap:"nowrap",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:J(l.column.columnDef.cell,l.getContext())},l.id))},t.id))})},PS=fe.memo(nu,(n,a)=>n.table.options.data===a.table.options.data),IS=({row:n})=>n.original.__additionalRow?null:e(Rc,{metadata:n.original.metadata}),xS=K`
|
|
4179
4183
|
&[data-is-additional-row="true"] {
|
|
4180
4184
|
box-shadow: inset 0 -10px 20px var(--ac-global-color-grey-100);
|
|
4181
4185
|
}
|
|
4182
|
-
`;function au(n){const{children:a}=n,t=[];for(const l of a){const i={...l.span,children:au({children:l.children})};t.push(i)}return t}function DS(n){const a=m.useRef(null),t=m.useRef(!0),[l,i]=m.useState({}),[r,o]=m.useState([]),[d,c]=m.useState(""),p=!!mr("/projects/:projectId/traces"),{fetchKey:
|
|
4186
|
+
`;function au(n){const{children:a}=n,t=[];for(const l of a){const i={...l.span,children:au({children:l.children})};t.push(i)}return t}function DS(n){const a=m.useRef(null),t=m.useRef(!0),[l,i]=m.useState({}),[r,o]=m.useState([]),[d,c]=m.useState(""),p=!!mr("/projects/:projectId/traces"),{fetchKey:f}=Ta(),{data:u,loadNext:g,hasNext:y,isLoadingNext:k,refetch:b}=D.usePaginationFragment(eu,n.project),S=je(I=>I.annotationColumnVisibility),F=m.useMemo(()=>Object.keys(S).filter(I=>S[I]),[S]),T=m.useMemo(()=>u.rootSpans.edges.map(({rootSpan:I})=>{const V=xg([I,...I.descendants.edges.map(({node:yn})=>yn)]),[q]=au({children:V}),G=I.trace.numSpans-TS-1;return G>0&&(q.children=[...q.children,{...q,__additionalRow:!0,name:`+ ${G} more span${G>1?"s":""}`,id:`additional-${q.id}`,input:{value:""},output:{value:""},metadata:null,spanAnnotations:[],documentRetrievalMetrics:[],children:[]}]),q}),[u]),x=m.useMemo(()=>F.map(I=>({header:I,columns:[{header:"label",accessorKey:`${rt}${In}label${In}${I}`,cell:({row:V})=>{const G=V.original.spanAnnotations.find(yn=>yn.name===I);return G?G.label:null}},{header:"score",accessorKey:`${rt}${In}score${In}${I}`,cell:({row:V})=>{const q=V.original.spanAnnotations.find(G=>G.name===I);return q?q.score:null}}]})),[F]),L=m.useMemo(()=>[{header:()=>s(h,{direction:"row",gap:"size-50",children:[e("span",{children:"feedback"}),s(Va,{children:[e(re,{level:3,weight:"heavy",children:"Feedback"}),e(ta,{children:"Feedback includes evaluations and human annotations logged via the API or set via the UI."})]})]}),id:"feedback",accessorKey:"spanAnnotations",enableSorting:!1,cell:({row:I})=>{if(I.original.__additionalRow)return null;const V=I.original.spanAnnotations.length===0&&I.original.documentRetrievalMetrics.length===0;return s(h,{direction:"row",gap:"size-50",wrap:"wrap",children:[I.original.spanAnnotations.map(q=>e(Aa,{annotation:q,layout:"horizontal",width:"500px",extra:e(Vc,{annotation:q}),children:e(An,{annotation:q,annotationDisplayPreference:"label"})},q.name)),I.original.documentRetrievalMetrics.map(q=>s(m.Fragment,{children:[e(an,{name:q.evaluationName,metric:"ndcg",score:q.ndcg},"ndcg"),e(an,{name:q.evaluationName,metric:"precision",score:q.precision},"precision"),e(an,{name:q.evaluationName,metric:"hit",score:q.hit},"hit")]},"doc-evals")),V?"--":null]})}},...x],[x]),P=m.useMemo(()=>[{id:"select",maxSize:10,header:({table:I})=>e(Yn,{checked:I.getIsAllRowsSelected(),indeterminate:I.getIsSomeRowsSelected(),onChange:I.getToggleAllRowsSelectedHandler()}),cell:({row:I})=>I.original.__additionalRow?null:e(Yn,{checked:I.getIsSelected(),disabled:!I.getCanSelect(),indeterminate:I.getIsSomeSelected(),onChange:I.getToggleSelectedHandler()})},{header:"status",accessorKey:"statusCode",maxSize:30,enableSorting:!1,cell:({getValue:I,row:V})=>{if(V.original.__additionalRow)return null;const q=I();return e(Vt,{statusCode:q})}},{header:({table:I})=>s(h,{gap:"size-50",direction:"row",alignItems:"center",children:[e(Pi,{isExpanded:I.getIsAllRowsExpanded(),onClick:I.getToggleAllRowsExpandedHandler(),"aria-label":"Expand all rows"}),"kind"]}),enableSorting:!1,accessorKey:"spanKind",maxSize:100,cell:I=>I.row.original.__additionalRow?e("div",{css:K`
|
|
4183
4187
|
// Since rows are flattened by default,
|
|
4184
4188
|
// we can use the row.depth property
|
|
4185
4189
|
// and paddingLeft to visually indicate the depth
|
|
@@ -4191,7 +4195,7 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
4191
4195
|
// and paddingLeft to visually indicate the depth
|
|
4192
4196
|
// of the row
|
|
4193
4197
|
padding-left: ${I.row.depth*2}rem;
|
|
4194
|
-
`,children:s(h,{gap:"size-50",children:[I.row.getCanExpand()?e(Pi,{isExpanded:I.row.getIsExpanded(),onClick:I.row.getToggleExpandedHandler(),"aria-label":"Expand row"}):null,e(Rl,{spanKind:I.getValue()})]})})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:I,row:V})=>{const{traceId:q}=V.original.trace,G=V.original.isAdditionalSpansRow?null:V.original.id;return e(Je,{to:`${q}${G?`?selectedSpanNodeId=${G}`:""}`,children:I()})}},{header:"input",accessorKey:"input.value",enableSorting:!1,cell:we},{header:"output",accessorKey:"output.value",enableSorting:!1,cell:we},{header:"metadata",accessorKey:"metadata",enableSorting:!1,cell:IS},...L,{header:"start time",accessorKey:"startTime",cell:I=>I.row.original.__additionalRow?null:e(Ve,{...I})},{header:"latency",accessorKey:"latencyMs",cell:({getValue:I,row:V})=>{const q=I();return q===null||typeof q!="number"||V.original.__additionalRow?null:e(Ae,{latencyMs:q})}},{header:"total tokens",minSize:80,accessorKey:"cumulativeTokenCountTotal",cell:({row:I,getValue:V})=>{if(I.original.__additionalRow)return null;const q=V();return q===null?"--":e(ra,{tokenCountTotal:q,tokenCountPrompt:I.original.cumulativeTokenCountPrompt||0,tokenCountCompletion:I.original.cumulativeTokenCountCompletion||0})}}],[L]);m.useEffect(()=>{if(t.current===!0){t.current=!1;return}if(p){const I=r[0];m.startTransition(()=>{b({sort:I?Zc(I):Jc,after:null,first:nr,filterCondition:d},{fetchPolicy:"store-and-network"})})}},[r,b,d,
|
|
4198
|
+
`,children:s(h,{gap:"size-50",children:[I.row.getCanExpand()?e(Pi,{isExpanded:I.row.getIsExpanded(),onClick:I.row.getToggleExpandedHandler(),"aria-label":"Expand row"}):null,e(Rl,{spanKind:I.getValue()})]})})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:I,row:V})=>{const{traceId:q}=V.original.trace,G=V.original.isAdditionalSpansRow?null:V.original.id;return e(Je,{to:`${q}${G?`?selectedSpanNodeId=${G}`:""}`,children:I()})}},{header:"input",accessorKey:"input.value",enableSorting:!1,cell:we},{header:"output",accessorKey:"output.value",enableSorting:!1,cell:we},{header:"metadata",accessorKey:"metadata",enableSorting:!1,cell:IS},...L,{header:"start time",accessorKey:"startTime",cell:I=>I.row.original.__additionalRow?null:e(Ve,{...I})},{header:"latency",accessorKey:"latencyMs",cell:({getValue:I,row:V})=>{const q=I();return q===null||typeof q!="number"||V.original.__additionalRow?null:e(Ae,{latencyMs:q})}},{header:"total tokens",minSize:80,accessorKey:"cumulativeTokenCountTotal",cell:({row:I,getValue:V})=>{if(I.original.__additionalRow)return null;const q=V();return q===null?"--":e(ra,{tokenCountTotal:q,tokenCountPrompt:I.original.cumulativeTokenCountPrompt||0,tokenCountCompletion:I.original.cumulativeTokenCountCompletion||0})}}],[L]);m.useEffect(()=>{if(t.current===!0){t.current=!1;return}if(p){const I=r[0];m.startTransition(()=>{b({sort:I?Zc(I):Jc,after:null,first:nr,filterCondition:d},{fetchPolicy:"store-and-network"})})}},[r,b,d,f,p]);const E=m.useCallback(I=>{if(I){const{scrollHeight:V,scrollTop:q,clientHeight:G}=I;V-q-G<300&&!k&&y&&g(nr)}},[y,k,g]),[N,M]=m.useState({}),Q=je(I=>I.columnVisibility),A=je(I=>I.setColumnSizing),$=je(I=>I.columnSizing),z=_e({columns:P,data:T,onExpandedChange:M,manualSorting:!0,getSubRows:I=>I.children,state:{sorting:r,expanded:N,columnVisibility:Q,rowSelection:l,columnSizing:$},columnResizeMode:"onChange",onRowSelectionChange:i,enableSubRowSelection:!1,onSortingChange:o,onColumnSizingChange:A,getCoreRowModel:Le(),getSortedRowModel:Sn(),getExpandedRowModel:ur(),getRowId:I=>I.id}),le=z.getRowModel().rows,ie=z.getSelectedRowModel().flatRows,ke=ie.map(I=>({id:I.original.id,traceId:I.original.trace.id})),Tn=m.useCallback(()=>{i({})},[i]),qn=le.length===0,ma=z.getAllColumns().filter(I=>I.columns.length===0),{columnSizingInfo:pa,columnSizing:j}=z.getState(),Y=z.getFlatHeaders,ae=ma.length,Te=fe.useMemo(()=>{const I=Y(),V={};for(let q=0;q<I.length;q++){const G=I[q];V[`--header-${G.id}-size`]=G.getSize(),V[`--col-${G.column.id}-size`]=G.column.getSize()}return V},[Y,pa,j,ae]);return s("div",{css:ci,children:[e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:s(h,{direction:"row",gap:"size-100",width:"100%",alignItems:"center",children:[e(jc,{onValidCondition:c}),e(zc,{columns:ma,query:u})]})}),e("div",{css:K`
|
|
4195
4199
|
flex: 1 1 auto;
|
|
4196
4200
|
overflow: auto;
|
|
4197
4201
|
`,onScroll:I=>E(I.target),ref:a,children:s("table",{css:ia,style:{...Te,width:z.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:z.getHeaderGroups().map(I=>e("tr",{children:I.headers.map(V=>e("th",{style:{width:`calc(var(--header-${V.id}-size) * 1px)`},children:V.isPlaceholder?null:s(U,{children:[s("div",{"data-sortable":V.column.getCanSort(),className:V.column.getCanSort()?"cursor-pointer":"",onClick:V.column.getToggleSortingHandler(),style:{left:V.getStart(),width:V.getSize()},children:[J(V.column.columnDef.header,V.getContext()),V.column.getIsSorted()?e(_,{className:"sort-icon",svg:V.column.getIsSorted()==="asc"?e(dn,{}):e(cn,{})}):null]}),e("div",{onMouseDown:V.getResizeHandler(),onTouchStart:V.getResizeHandler(),className:`resizer ${V.column.getIsResizing()?"isResizing":""}`})]})},V.id))},I.id))}),qn?e(Ac,{projectName:u.name}):pa.isResizingColumn?e(PS,{table:z}):e(nu,{table:z})]})}),ie.length?e(Wc,{selectedSpans:ke,onClearSelection:Tn}):null]})}const _S=({tracesQueryReference:n})=>{const a=D.usePreloadedQuery(kc,n);return e(DS,{project:a.project})},J2=()=>{const{tracesQueryReference:n}=di();return n?s(mi,{children:[e(ui,{children:e(m.Suspense,{fallback:e(ve,{}),children:e(_S,{tracesQueryReference:n})})}),e(m.Suspense,{children:e(Ie,{})})]}):null},tu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],type:"Project",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"projectLoaderQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"projectLoaderQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,l],storageKey:null}]},params:{cacheID:"04c84b5bc2a01477851d347af75dcc11",id:null,metadata:{},name:"projectLoaderQuery",operationKind:"query",text:`query projectLoaderQuery(
|
|
@@ -4342,16 +4346,16 @@ fragment ProjectsPageProjectsFragment on Query {
|
|
|
4342
4346
|
__typename
|
|
4343
4347
|
}
|
|
4344
4348
|
}
|
|
4345
|
-
`}}}();cu.hash="212501fe2d6367ec1503bd7a00c1730f";function AS(n){const{projectId:a}=n,t=m.useRef(null),[l,i]=D.useMutation(cu),{control:r,handleSubmit:o,setError:d,formState:{isValid:c}}
|
|
4349
|
+
`}}}();cu.hash="212501fe2d6367ec1503bd7a00c1730f";function AS(n){const{projectId:a}=n,t=m.useRef(null),[l,i]=D.useMutation(cu),{control:r,handleSubmit:o,setError:d,formState:{isValid:c}}=Oe({defaultValues:{endDate:Im(new Date(Date.now()-Eg).toISOString())}}),p=m.useCallback(f=>{const u=f.endDate.toDate(hl());if(!xm(u))return d("endDate",{message:"Date is not in a valid format"});l({variables:{input:{id:a,endTime:new Date(u).toISOString()}},onCompleted:()=>{n.onComplete()},onError:g=>{alert("Failed to clear project traces: "+g)}})},[l,a,n,d]);return s("form",{onSubmit:o(p),ref:t,children:[s(C,{padding:"size-200",children:[e(v,{color:"danger",children:" This will remove all data before the following date. This cannot be undone."}),e(W,{name:"endDate",control:r,rules:{required:"field is required"},render:({field:{name:f,onChange:u,onBlur:g,value:y},fieldState:{invalid:k,error:b}})=>s(Mg,{isInvalid:k,onChange:u,name:f,onBlur:g,value:y,granularity:"second",hideTimeZone:!0,css:K`
|
|
4346
4350
|
.react-aria-DateInput {
|
|
4347
4351
|
width: 100%;
|
|
4348
4352
|
}
|
|
4349
|
-
`,children:[e(Z,{children:"End Date"}),e(Dm,{children:S=>e(_m,{segment:S})}),b?e(Pe,{children:b.message}):e(v,{slot:"description",children:"The date up to which you want to remove data"})]})})]}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(R,{type:"submit",variant:"danger",isDisabled:!c||i,size:"S",leadingVisual:i?e(_,{svg:e(Ge,{})}):void 0,onPress:()=>{var
|
|
4353
|
+
`,children:[e(Z,{children:"End Date"}),e(Dm,{children:S=>e(_m,{segment:S})}),b?e(Pe,{children:b.message}):e(v,{slot:"description",children:"The date up to which you want to remove data"})]})})]}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(R,{type:"submit",variant:"danger",isDisabled:!c||i,size:"S",leadingVisual:i?e(_,{svg:e(Ge,{})}):void 0,onPress:()=>{var f;(f=t.current)==null||f.requestSubmit()},children:i?"Removing...":"Remove Data"})})})]})}function NS({projectId:n,projectName:a,onProjectDelete:t,onProjectClear:l,onProjectRemoveData:i}){const[r,o]=m.useState(null),d=a!=="default",[c]=D.useMutation(du),[p]=D.useMutation(ou),f=m.useCallback(()=>{m.startTransition(()=>{c({variables:{projectId:n}}),t()})},[c,n,t]),u=m.useCallback(()=>{m.startTransition(()=>{p({variables:{input:{id:n}},onCompleted:()=>{l()},onError:b=>{alert("Failed to clear project: "+b)}})})},[p,n,l]),g=m.useCallback(()=>{o(s(X,{size:"S",title:"Delete Project",children:[e(C,{padding:"size-200",children:e(v,{color:"danger",children:`Are you sure you want to delete project ${a}? This cannot be undone.`})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(R,{variant:"danger",onPress:()=>{f(),o(null)},children:"Delete Project"})})})]}))},[f,a]),y=m.useCallback(()=>{o(s(X,{size:"S",title:"Clear Project",children:[e(C,{padding:"size-200",children:e(v,{color:"danger",children:`Are you sure you want to clear project ${a}? All traces and evaluations for this project will be deleted. This cannot be undone.`})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(R,{variant:"danger",onPress:()=>{u(),o(null)},children:"Clear"})})})]}))},[u,a]),k=m.useCallback(()=>{o(e(X,{size:"S",title:"Remove Data",children:e(AS,{projectId:n,onComplete:()=>{i(),o(null)}})}))},[i,n]);return s("div",{onClick:b=>{b.preventDefault(),b.stopPropagation()},children:[s(Cn,{buttonVariant:"quiet",buttonSize:"compact",align:"end",onAction:b=>{switch(b){case"deleteProject":return g();case"clearProject":return y();case"removeProjectData":return k()}},disabledKeys:d?[]:["deleteProject"],children:[e(oe,{textValue:"Clear All Traces",children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(br,{})}),e(v,{children:"Clear All Data"})]})},"clearProject"),e(oe,{textValue:"Remove Data",children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(jt,{})}),e(v,{children:"Remove Data"})]})},"removeProjectData"),d?e(oe,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ye,{})}),e(v,{children:"Delete"})]})},"deleteProject"):null]}),e(ne,{type:"modal",isDismissable:!0,onDismiss:()=>o(null),children:r})]})}function zS(){const n=Xe(t=>t.projectsAutoRefreshEnabled),a=Xe(t=>t.setProjectAutoRefreshEnabled);return e(Ca,{labelPlacement:"start",isSelected:n,onChange:()=>{a(!n)},children:"Auto-Refresh"})}const $S=1e4,OS=50;function nC(){const{timeRange:n}=Qt();return e(m.Suspense,{fallback:e(ve,{}),children:e(QS,{timeRange:n})})}function QS({timeRange:n}){const a=Xe(F=>F.projectsAutoRefreshEnabled),[t,l]=Am(),i=m.useMemo(()=>{var F,T;return{start:(F=n==null?void 0:n.start)==null?void 0:F.toISOString(),end:(T=n==null?void 0:n.end)==null?void 0:T.toISOString()}},[n]),r=D.useLazyLoadQuery(su,{timeRange:i}),{data:o,loadNext:d,hasNext:c,isLoadingNext:p,refetch:f}=D.usePaginationFragment(ru,r),u=o.projects.edges.map(F=>F.project),g=m.useRef(null),y=m.useCallback(F=>{if(F){const{scrollHeight:T,scrollTop:x,clientHeight:L}=F;T-x-L<300&&!p&&c&&d(OS)}},[c,p,d]);Kc(()=>{m.startTransition(()=>{f({},{fetchPolicy:"store-and-network"})})},a?$S:null);const k=m.useCallback(F=>{m.startTransition(()=>{f({},{fetchPolicy:"store-and-network"}),t({variant:"success",title:"Project Deleted",message:`Project ${F} has been deleted.`})})},[t,f]),b=m.useCallback(F=>{m.startTransition(()=>{f({},{fetchPolicy:"store-and-network"}),t({variant:"success",title:"Project Cleared",message:`Project ${F} has been cleared of traces.`})})},[t,f]),S=m.useCallback(F=>{m.startTransition(()=>{f({},{fetchPolicy:"store-and-network"}),t({variant:"success",title:"Project Data Removed",message:`Old data from project ${F} have been removed.`})})},[t,f]);return s("div",{css:K`
|
|
4350
4354
|
flex: 1 1 auto;
|
|
4351
4355
|
overflow-y: auto;
|
|
4352
4356
|
overflow-x: hidden;
|
|
4353
4357
|
padding-bottom: var(--ac-global-dimension-size-750);
|
|
4354
|
-
`,onScroll:F=>
|
|
4358
|
+
`,onScroll:F=>y(F.target),ref:g,children:[e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",width:"100%",borderBottomColor:"grey-200",borderBottomWidth:"thin",children:s(h,{direction:"row",justifyContent:"end",alignItems:"center",gap:"size-100",children:[e(zS,{}),e(RS,{}),e(Hr,{})]})}),e(C,{padding:"size-200",width:"100%",children:e("ul",{css:K`
|
|
4355
4359
|
display: flex;
|
|
4356
4360
|
flex-direction: row;
|
|
4357
4361
|
gap: var(--ac-global-dimension-size-200);
|
|
@@ -4368,7 +4372,7 @@ fragment ProjectsPageProjectsFragment on Query {
|
|
|
4368
4372
|
${a} 84.38%
|
|
4369
4373
|
);
|
|
4370
4374
|
flex-shrink: 0;
|
|
4371
|
-
`})}function qS({project:n,onProjectDelete:a,onProjectClear:t,onProjectRemoveData:l}){const{endTime:i,traceCount:r,tokenCountTotal:o,latencyMsP50:d,gradientStartColor:c,gradientEndColor:p}=n,
|
|
4375
|
+
`})}function qS({project:n,onProjectDelete:a,onProjectClear:t,onProjectRemoveData:l}){const{endTime:i,traceCount:r,tokenCountTotal:o,latencyMsP50:d,gradientStartColor:c,gradientEndColor:p}=n,f=m.useMemo(()=>i?`Last updated ${Lm(new Date(i),new Date,{addSuffix:!0})}`:"No traces uploaded yet.",[i]);return s("div",{css:K`
|
|
4372
4376
|
padding: var(--ac-global-dimension-size-200);
|
|
4373
4377
|
border: 1px solid var(--ac-global-color-grey-400);
|
|
4374
4378
|
background-color: var(--ac-global-color-grey-100);
|
|
@@ -4385,11 +4389,11 @@ fragment ProjectsPageProjectsFragment on Query {
|
|
|
4385
4389
|
flex-direction: column;
|
|
4386
4390
|
justify-content: space-between;
|
|
4387
4391
|
gap: var(--ac-global-dimension-size-200);
|
|
4388
|
-
`,children:[s(h,{direction:"row",justifyContent:"space-between",alignItems:"start",children:[s(h,{direction:"row",gap:"size-100",alignItems:"center",minWidth:0,children:[e(jS,{gradientStartColor:c,gradientEndColor:p}),s(h,{direction:"column",minWidth:0,children:[e(
|
|
4392
|
+
`,children:[s(h,{direction:"row",justifyContent:"space-between",alignItems:"start",children:[s(h,{direction:"row",gap:"size-100",alignItems:"center",minWidth:0,children:[e(jS,{gradientStartColor:c,gradientEndColor:p}),s(h,{direction:"column",minWidth:0,children:[e(re,{level:2,css:K`
|
|
4389
4393
|
overflow: hidden;
|
|
4390
4394
|
white-space: nowrap;
|
|
4391
4395
|
text-overflow: ellipsis;
|
|
4392
|
-
`,children:n.name}),e(v,{color:"text-700",size:"XS",fontStyle:"italic",children:
|
|
4396
|
+
`,children:n.name}),e(v,{color:"text-700",size:"XS",fontStyle:"italic",children:f})]})]}),e(NS,{projectId:n.id,projectName:n.name,onProjectDelete:a,onProjectClear:t,onProjectRemoveData:l})]}),s(h,{direction:"row",justifyContent:"space-between",children:[s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Total Traces"}),e(v,{size:"L",children:ba(r)})]}),s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Total Tokens"}),e(v,{size:"L",children:ba(o)})]}),s(h,{direction:"column",flex:"none",children:[e(v,{elementType:"h3",size:"S",color:"text-700",children:"Latency P50"}),d!=null?e(Ae,{latencyMs:d,size:"L"}):e(v,{size:"L",children:"--"})]})]})]})}const uu=function(){var n=[{kind:"Literal",name:"first",value:100},{kind:"Literal",name:"sort",value:{col:"createdAt",dir:"desc"}}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"DatasetsPageQuery",selections:[{args:null,kind:"FragmentSpread",name:"DatasetsTable_datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"DatasetsPageQuery",selections:[{alias:null,args:n,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"experimentCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:'datasets(first:100,sort:{"col":"createdAt","dir":"desc"})'},{alias:null,args:n,filters:["sort"],handle:"connection",key:"DatasetsTable_datasets",kind:"LinkedHandle",name:"datasets"}]},params:{cacheID:"695b221e981c4795492d79faa7d007e4",id:null,metadata:{},name:"DatasetsPageQuery",operationKind:"query",text:`query DatasetsPageQuery {
|
|
4393
4397
|
...DatasetsTable_datasets
|
|
4394
4398
|
}
|
|
4395
4399
|
|
|
@@ -4415,12 +4419,12 @@ fragment DatasetsTable_datasets on Query {
|
|
|
4415
4419
|
}
|
|
4416
4420
|
}
|
|
4417
4421
|
`}}}();uu.hash="985853a7939f44c0cefdd1a91472c67e";function BS(n){const a=n.split(`
|
|
4418
|
-
`);return a.length>0?a[0].split(",").map(t=>t.trim()):[]}function US(n){const{onDatasetCreated:a,onDatasetCreateError:t}=n,[l,i]=m.useState([]),{control:r,handleSubmit:o,resetField:d,formState:{isDirty:c,isValid:p}}
|
|
4422
|
+
`);return a.length>0?a[0].split(",").map(t=>t.trim()):[]}function US(n){const{onDatasetCreated:a,onDatasetCreateError:t}=n,[l,i]=m.useState([]),{control:r,handleSubmit:o,resetField:d,formState:{isDirty:c,isValid:p}}=Oe({defaultValues:{name:"Dataset "+new Date().toISOString(),input_keys:[],output_keys:[],metadata_keys:[],description:"",metadata:{}}}),f=m.useCallback(u=>{const g=new FormData;return g.append("file",u.file[0]),g.append("name",u.name),g.append("description",u.description),g.append("metadata",JSON.stringify(u.metadata)),u.input_keys.forEach(y=>{g.append("input_keys[]",y)}),u.output_keys.forEach(y=>{g.append("output_keys[]",y)}),u.metadata_keys.forEach(y=>{g.append("metadata_keys[]",y)}),fetch(mn("/v1/datasets/upload?sync=true"),{method:"POST",body:g}).then(y=>{if(!y.ok)throw t(new Error(y.statusText||"Failed to create dataset"));return y.json()}).then(y=>{a({name:u.name,id:y.data.dataset_id})})},[t,a]);return s(tn,{onSubmit:o(f),children:[s("div",{css:K`
|
|
4419
4423
|
padding: var(--ac-global-dimension-size-200);
|
|
4420
4424
|
.ac-dropdown-button {
|
|
4421
4425
|
width: 100%;
|
|
4422
4426
|
}
|
|
4423
|
-
`,children:[e(W,{name:"name",control:r,rules:{required:"field is required"},render:({field:{onChange:u,onBlur:g,value:
|
|
4427
|
+
`,children:[e(W,{name:"name",control:r,rules:{required:"field is required"},render:({field:{onChange:u,onBlur:g,value:y},fieldState:{invalid:k,error:b}})=>s(ee,{isInvalid:k,onChange:u,onBlur:g,value:y.toString(),children:[e(Z,{children:"Dataset Name"}),e(se,{placeholder:"e.x. Golden Dataset"}),b!=null&&b.message?e(Pe,{children:b.message}):e(v,{slot:"description",children:"The name of the dataset"})]})}),e(W,{name:"description",control:r,render:({field:{onChange:u,onBlur:g,value:y},fieldState:{invalid:k,error:b}})=>s(ee,{isInvalid:k,onChange:u,onBlur:g,value:y.toString(),children:[e(Z,{children:"Description"}),e(va,{placeholder:"e.x. A dataset for structured data extraction"}),b!=null&&b.message?e(Pe,{children:b.message}):e(v,{slot:"description",children:"The description of the dataset"})]})}),e(W,{control:r,name:"file",rules:{required:"CSV file is required"},render:({field:{value:u,onChange:g,...y},fieldState:{invalid:k,error:b}})=>e(la,{label:"CSV file",validationState:k?"invalid":"valid",errorMessage:b==null?void 0:b.message,children:e("input",{...y,onChange:S=>{var T;g(S.target.files),d("input_keys"),d("output_keys"),d("metadata_keys");const F=(T=S.target.files)==null?void 0:T[0];if(F){const x=new FileReader;x.onload=function(L){if(!L.target)return;const P=L.target.result,E=BS(P);i(E)},x.readAsText(F)}},type:"file",id:"file",accept:".csv"})})}),e(W,{name:"input_keys",control:r,rules:{required:"field is required"},render:({field:{value:u,onChange:g},fieldState:{invalid:y,error:k}})=>e(dl,{label:"input keys",validationState:y?"invalid":"valid",description:"the columns to use as input",columns:l,selectedColumns:u,onChange:g,errorMessage:k==null?void 0:k.message})}),e(W,{name:"output_keys",control:r,render:({field:{value:u,onChange:g},fieldState:{invalid:y,error:k}})=>e(dl,{label:"output keys",validationState:y?"invalid":"valid",description:"the columns to use as output",columns:l,selectedColumns:u,onChange:g,errorMessage:k==null?void 0:k.message})}),e(W,{name:"metadata_keys",control:r,render:({field:{value:u,onChange:g},fieldState:{invalid:y,error:k}})=>e(dl,{label:"metadata keys",validationState:y?"invalid":"valid",description:"the columns to use as metadata",columns:l,selectedColumns:u,onChange:g,errorMessage:k==null?void 0:k.message})})]}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(R,{type:"submit",isDisabled:!p,variant:c?"primary":"default",size:"S",children:"Create Dataset"})})})]})}function dl(n){const{columns:a,selectedColumns:t,onChange:l,label:i,validationState:r,description:o,errorMessage:d,...c}=n,p=a.length===0,f=m.useMemo(()=>p?"No columns to select":t.length>0?`${t.join(", ")}`:"No columns selected",[t,p]);return e(la,{label:i,isDisabled:p,validationState:r,description:o,errorMessage:d,children:e(Tl,{isDisabled:p,...c,menu:e(xt,{selectionMode:"multiple",onSelectionChange:u=>{l(Array.from(u))},selectedKeys:new Set(t),children:a.map(u=>e(oe,{children:u},u))}),triggerProps:{placement:"bottom end"},children:f})})}const mu=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(
|
|
4424
4428
|
$after: String = null
|
|
4425
4429
|
$first: Int = 100
|
|
4426
4430
|
$sort: DatasetSort = {col: createdAt, dir: desc}
|
|
@@ -4456,10 +4460,10 @@ fragment DatasetsTable_datasets_dWkdd on Query {
|
|
|
4456
4460
|
__typename
|
|
4457
4461
|
}
|
|
4458
4462
|
}
|
|
4459
|
-
`}}}();gu.hash="7066cca7015a7e344b77862b0bdab21c";function HS({datasetId:n,datasetName:a,onDatasetDelete:t,onDatasetDeleteError:l}){const[i,r]=D.useMutation(gu),o=m.useCallback(()=>{m.startTransition(()=>{i({variables:{datasetId:n},onCompleted:()=>{t()},onError:d=>{l(d)}})})},[i,n,t,l]);return s(X,{size:"S",title:"Delete Dataset",children:[e(C,{padding:"size-200",children:e(v,{color:"danger",children:`Are you sure you want to delete dataset ${a}? This will also delete all associated experiments and traces, and it cannot be undone.`})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(R,{variant:"danger",onPress:()=>{o()},isDisabled:r,leadingVisual:e(_,{svg:r?e(Ge,{}):e(Ye,{})}),children:"Delete Dataset"})})})]})}function GS({datasetName:n,datasetId:a,datasetDescription:t,datasetMetadata:l,onDatasetEdited:i,onDatasetEditError:r}){return e(X,{title:"Edit Dataset",size:"M",children:e(Rg,{datasetName:n,datasetId:a,datasetDescription:t,datasetMetadata:l,onDatasetEdited:i,onDatasetEditError:r})})}function WS(n){const{datasetId:a,datasetName:t,datasetDescription:l,datasetMetadata:i,onDatasetDelete:r,onDatasetDeleteError:o,onDatasetEdit:d,onDatasetEditError:c}=n,[p,
|
|
4463
|
+
`}}}();gu.hash="7066cca7015a7e344b77862b0bdab21c";function HS({datasetId:n,datasetName:a,onDatasetDelete:t,onDatasetDeleteError:l}){const[i,r]=D.useMutation(gu),o=m.useCallback(()=>{m.startTransition(()=>{i({variables:{datasetId:n},onCompleted:()=>{t()},onError:d=>{l(d)}})})},[i,n,t,l]);return s(X,{size:"S",title:"Delete Dataset",children:[e(C,{padding:"size-200",children:e(v,{color:"danger",children:`Are you sure you want to delete dataset ${a}? This will also delete all associated experiments and traces, and it cannot be undone.`})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(R,{variant:"danger",onPress:()=>{o()},isDisabled:r,leadingVisual:e(_,{svg:r?e(Ge,{}):e(Ye,{})}),children:"Delete Dataset"})})})]})}function GS({datasetName:n,datasetId:a,datasetDescription:t,datasetMetadata:l,onDatasetEdited:i,onDatasetEditError:r}){return e(X,{title:"Edit Dataset",size:"M",children:e(Rg,{datasetName:n,datasetId:a,datasetDescription:t,datasetMetadata:l,onDatasetEdited:i,onDatasetEditError:r})})}function WS(n){const{datasetId:a,datasetName:t,datasetDescription:l,datasetMetadata:i,onDatasetDelete:r,onDatasetDeleteError:o,onDatasetEdit:d,onDatasetEditError:c}=n,[p,f]=m.useState(null),u=m.useCallback(()=>{f(e(HS,{datasetId:a,datasetName:t,onDatasetDelete:()=>{r(),f(null)},onDatasetDeleteError:o}))},[a,t,r,o]),g=m.useCallback(()=>{f(e(GS,{datasetId:a,datasetName:t,datasetDescription:l,datasetMetadata:i,onDatasetEdited:()=>{d(),f(null)},onDatasetEditError:c}))},[l,a,i,t,d,c]);return s("div",{onClick:y=>{y.preventDefault(),y.stopPropagation()},children:[s(Cn,{align:"end",buttonSize:"compact",onAction:y=>{switch(y){case"deleteDataset":u();break;case"editDataset":g();break}},children:[e(oe,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ye,{})}),e(v,{children:"Delete"})]})},"deleteDataset"),e(oe,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(El,{})}),e(v,{children:"Edit"})]})},"editDataset")]}),e(ne,{type:"modal",isDismissable:!0,onDismiss:()=>f(null),children:p})]})}const ar=100;function JS(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 ZS(n){const[a,t]=m.useState([]),l=m.useRef(null),i=de(),r=Fe(),o=De(),{data:d,loadNext:c,hasNext:p,isLoadingNext:f,refetch:u}=D.usePaginationFragment(pu,n.query),g=m.useMemo(()=>d.datasets.edges.map(F=>F.node),[d]),y=fe.useCallback(F=>{if(F){const{scrollHeight:T,scrollTop:x,clientHeight:L}=F;T-x-L<300&&!f&&p&&c(ar)}},[p,f,c]),k=_e({columns:[{header:"name",accessorKey:"name",cell:({row:F})=>{const x=F.original.experimentCount>0?`${F.original.id}/experiments`:`${F.original.id}/examples`;return e(Je,{to:x,children:F.original.name})}},{header:"description",accessorKey:"description",enableSorting:!1},{header:"created at",accessorKey:"createdAt",cell:Ve},{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:La},{header:"",id:"actions",enableSorting:!1,size:10,cell:({row:F})=>e(WS,{datasetId:F.original.id,datasetName:F.original.name,datasetDescription:F.original.description,datasetMetadata:F.original.metadata,onDatasetEdit:()=>{r({title:"Dataset updated",message:`${F.original.name} has been successfully updated.`}),u({},{fetchPolicy:"store-and-network"})},onDatasetEditError:T=>{const x=xe(T);o({title:"Dataset update failed",message:(x==null?void 0:x[0])??T.message})},onDatasetDelete:()=>{r({title:"Dataset deleted",message:`${F.original.name} has been successfully deleted.`}),u({},{fetchPolicy:"store-and-network"})},onDatasetDeleteError:T=>{const x=xe(T);o({title:"Dataset deletion failed",message:(x==null?void 0:x[0])??T.message})}})}],data:g,state:{sorting:a},getCoreRowModel:Le(),getSortedRowModel:Sn(),onSortingChange:t,manualSorting:!0});m.useEffect(()=>{const F=a[0];m.startTransition(()=>{u({sort:F?JS(F):{col:"createdAt",dir:"desc"},after:null,first:ar},{fetchPolicy:"store-and-network"})})},[a,u]);const b=k.getRowModel().rows,S=b.length===0;return e("div",{css:K`
|
|
4460
4464
|
flex: 1 1 auto;
|
|
4461
4465
|
overflow: auto;
|
|
4462
|
-
`,onScroll:F=>
|
|
4466
|
+
`,onScroll:F=>y(F.target),ref:l,children:s("table",{css:ia,children:[e("thead",{children:k.getHeaderGroups().map(F=>e("tr",{children:F.headers.map(T=>{var x;return e("th",{colSpan:T.colSpan,children:T.isPlaceholder?null:s("div",{className:T.column.getCanSort()?"cursor-pointer":"",onClick:T.column.getToggleSortingHandler(),style:{textAlign:(x=T.column.columnDef.meta)==null?void 0:x.textAlign},children:[J(T.column.columnDef.header,T.getContext()),T.column.getIsSorted()?e(_,{className:"sort-icon",svg:T.column.getIsSorted()==="asc"?e(dn,{}):e(cn,{})}):null]})},T.id)})},F.id))}),S?e(un,{}):e("tbody",{children:b.map(F=>e("tr",{onClick:()=>{const x=F.original.experimentCount>0?`${F.original.id}/experiments`:`${F.original.id}/examples`;i(x)},children:F.getVisibleCells().map(T=>{var x;return e("td",{align:(x=T.column.columnDef.meta)==null?void 0:x.textAlign,children:J(T.column.columnDef.cell,T.getContext())},T.id)})},F.id))})]})})}function aC(){return e(m.Suspense,{fallback:e(ve,{}),children:e(XS,{})})}function XS(){const[n,a]=m.useState(0),t=D.useLazyLoadQuery(uu,{},{fetchKey:n,fetchPolicy:"store-and-network"}),l=m.useCallback(()=>{a(i=>i+1)},[a]);return s(h,{direction:"column",height:"100%",children:[e(C,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",children:[e(re,{level:1,children:"Datasets"}),e(YS,{onDatasetCreated:l})]})}),e(ZS,{query:t})]})}function YS({onDatasetCreated:n}){const a=de(),t=Fe(),l=De(),[i,r]=m.useState(null),o=()=>{r(e(X,{size:"S",title:"New Dataset",children:e(Zr,{onDatasetCreated:c=>{t({title:"Dataset created",message:`${c.name} has been successfully created.`,action:{text:"Go to Dataset",onClick:()=>{a(`/datasets/${c.id}`)}}}),r(null),n()},onDatasetCreateError:c=>{const p=xe(c);l({title:"Dataset creation failed",message:(p==null?void 0:p[0])??c.message})}})}))},d=()=>{r(e(X,{size:"M",title:"New Dataset from CSV",children:e(US,{onDatasetCreated:c=>{t({title:"Dataset created",message:`${c.name} has been successfully created.`,action:{text:"Go to Dataset",onClick:()=>{a(`/datasets/${c.id}`)}}}),r(null),n()},onDatasetCreateError:c=>{const p=xe(c);l({title:"Dataset creation failed",message:(p==null?void 0:p[0])??c.message})}})}))};return s(U,{children:[s(Cn,{buttonText:"Create Dataset",align:"end",icon:e(_,{svg:e(Lt,{})}),onAction:c=>{switch(c){case"newDataset":o();break;case"datasetFromCSV":d();break}},children:[e(oe,{children:"New Dataset"},"newDataset"),e(oe,{children:"Dataset from CSV"},"datasetFromCSV")]}),e(ne,{type:"modal",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}const yu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{kind:"Variable",name:"id",variableName:"datasetId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={kind:"InlineFragment",selections:[{alias:"latestVersions",args:[{kind:"Literal",name:"first",value:1},{kind:"Literal",name:"sort",value:{col:"createdAt",dir:"desc"}}],concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"version",args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'versions(first:1,sort:{"col":"createdAt","dir":"desc"})'}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"datasetStore_latestVersionQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"datasetStore_latestVersionQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,l],storageKey:null}]},params:{cacheID:"d7075240e4dae8871997e57616c05302",id:null,metadata:{},name:"datasetStore_latestVersionQuery",operationKind:"query",text:`query datasetStore_latestVersionQuery(
|
|
4463
4467
|
$datasetId: GlobalID!
|
|
4464
4468
|
) {
|
|
4465
4469
|
dataset: node(id: $datasetId) {
|
|
@@ -4485,10 +4489,10 @@ fragment DatasetsTable_datasets_dWkdd on Query {
|
|
|
4485
4489
|
__typename
|
|
4486
4490
|
}
|
|
4487
4491
|
}
|
|
4488
|
-
`}}}();hu.hash="8d99470f590cd5d28701fa6e3c0330e6";const cl={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function tv(n){const{datasetId:a,onCompleted:t}=n,[l,i]=m.useState(null),[r,o]=D.useMutation(hu),{control:d,setError:c,handleSubmit:p,formState:{isValid:
|
|
4492
|
+
`}}}();hu.hash="8d99470f590cd5d28701fa6e3c0330e6";const cl={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function tv(n){const{datasetId:a,onCompleted:t}=n,[l,i]=m.useState(null),[r,o]=D.useMutation(hu),{control:d,setError:c,handleSubmit:p,formState:{isValid:f}}=Oe({defaultValues:{input:"{}",output:"{}",metadata:"{}"}}),u=m.useCallback(g=>{if(i(null),!xn(g==null?void 0:g.input))return c("input",{message:"Input must be a valid JSON object"});if(!xn(g==null?void 0:g.output))return c("output",{message:"Output must be a valid JSON object"});if(!xn(g==null?void 0:g.metadata))return c("metadata",{message:"Metadata must be a valid JSON object"});r({variables:{input:{datasetId:a,examples:[{input:JSON.parse(g.input),output:JSON.parse(g.output),metadata:JSON.parse(g.metadata)}],datasetVersionDescription:g.description}},onCompleted:()=>{t()},onError:y=>{const k=xe(y);i((k==null?void 0:k[0])??y.message)}})},[r,a,c,t]);return s(X,{size:"L",title:"Add Example",children:[e("div",{css:K`
|
|
4489
4493
|
overflow-y: auto;
|
|
4490
4494
|
padding: var(--ac-global-dimension-size-400);
|
|
4491
|
-
`,children:e(h,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(h,{direction:"column",gap:"size-200",children:[l?e(be,{variant:"danger",children:l}):null,e(W,{control:d,name:"input",render:({field:{onChange:g,onBlur:
|
|
4495
|
+
`,children:e(h,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(h,{direction:"column",gap:"size-200",children:[l?e(be,{variant:"danger",children:l}):null,e(W,{control:d,name:"input",render:({field:{onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(B,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...cl,children:[b?e(be,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Be,{value:k,onChange:g,onBlur:y})]})}),e(W,{control:d,name:"output",render:({field:{onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(B,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...cl,backgroundColor:"green-100",borderColor:"green-700",children:[b?e(be,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Be,{value:k,onChange:g,onBlur:y})]})}),e(W,{control:d,name:"metadata",render:({field:{onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(B,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...cl,children:[b?e(be,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Be,{value:k,onChange:g,onBlur:y})]})}),e(W,{control:d,name:"description",render:({field:{onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(ee,{value:k,onChange:g,onBlur:y,isInvalid:b,children:[e(Z,{children:"Version Description"}),e(va,{}),S?e(Pe,{children:S.message}):e(v,{slot:"description",children:"A description of the changes made. Will be displayed in the version history."})]})})]})})})}),e(C,{padding:"size-200",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",gap:"size-100",children:e(R,{variant:"primary",size:"S",isDisabled:!f||o,leadingVisual:o?e(_,{svg:e(Ge,{})}):null,onPress:()=>p(u)(),children:o?"Adding Example...":"Add Example"})})})]})}function lv(n){const{datasetId:a,onAddExampleCompleted:t}=n,[l,i]=m.useState(null),r=m.useCallback(()=>{i(e(tv,{datasetId:a,onCompleted:()=>{t(),i(null)}}))},[a,t]);return s(U,{children:[e(R,{leadingVisual:e(_,{svg:e(Fn,{})}),size:"S",onPress:r,children:"Add Example"}),e(ne,{isDismissable:!0,onDismiss:()=>{i(null)},children:l})]})}function iv(){const n=Sa(i=>i.datasetId),a=Sa(i=>i.latestVersion);let t=`${pl}/v1/datasets/${n}/examples`;a&&(t+=`?version-id=${a.id}`);const l=m.useMemo(()=>`import phoenix as px
|
|
4492
4496
|
client = px.Client()
|
|
4493
4497
|
# Get the current dataset version
|
|
4494
4498
|
dataset = client.get_dataset(id="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return e("div",{css:K`
|
|
@@ -4498,12 +4502,12 @@ dataset = client.get_dataset(id="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);
|
|
|
4498
4502
|
padding-right: 10px;
|
|
4499
4503
|
}
|
|
4500
4504
|
}
|
|
4501
|
-
`,children:s(
|
|
4505
|
+
`,children:s(Ra,{placement:"bottom right",children:[e(pr,{addonBefore:e(_,{svg:e(wl,{})}),children:"Code"}),e(Cl,{children:s("section",{css:K`
|
|
4502
4506
|
width: 500px;
|
|
4503
4507
|
.ac-field {
|
|
4504
4508
|
flex: 1 1 auto;
|
|
4505
4509
|
}
|
|
4506
|
-
`,children:[e(C,{padding:"size-200",children:s(tn,{children:[s(h,{direction:"row",gap:"size-100",alignItems:"end",width:"100%",children:[s(ee,{isReadOnly:!0,value:n,children:[e(Z,{children:"Dataset ID"}),e(
|
|
4510
|
+
`,children:[e(C,{padding:"size-200",children:s(tn,{children:[s(h,{direction:"row",gap:"size-100",alignItems:"end",width:"100%",children:[s(ee,{isReadOnly:!0,value:n,children:[e(Z,{children:"Dataset ID"}),e(se,{})]}),e(ue,{text:n,size:"M"})]}),s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[s(ee,{isReadOnly:!0,value:(a==null?void 0:a.id)||"No Versions",isInvalid:!a,children:[e(Z,{children:"Version ID"}),e(se,{})]}),e(ue,{text:(a==null?void 0:a.id)||"No Versions",isDisabled:!a,size:"M"})]})]})}),s(He,{children:[s(Ue,{children:[e(te,{id:"python",children:"Python"}),e(te,{id:"rest",children:"REST"})]}),e(ka,{id:"python",children:e(C,{margin:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"small",children:e(fn,{value:l})})}),e(ka,{id:"rest",children:e(C,{padding:"size-200",children:e(tn,{children:s(h,{direction:"row",gap:"size-100",alignItems:"end",children:[s(ee,{isReadOnly:!0,value:t,children:[e(Z,{children:"URL"}),e(se,{})]}),e(ue,{text:t,size:"M"})]})})})})]})]})})]})})}const ku=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{kind:"Variable",name:"id",variableName:"datasetId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DatasetHistoryDialogQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[t,{args:null,kind:"FragmentSpread",name:"DatasetHistoryTable_versions"}],type:"Dataset",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DatasetHistoryDialogQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},l],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"versions(first:100)"},{alias:null,args:i,filters:null,handle:"connection",key:"DatasetHistoryTable_versions",kind:"LinkedHandle",name:"versions"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"df94b4e72c0187fd0fd1c8416af19354",id:null,metadata:{},name:"DatasetHistoryDialogQuery",operationKind:"query",text:`query DatasetHistoryDialogQuery(
|
|
4507
4511
|
$datasetId: GlobalID!
|
|
4508
4512
|
) {
|
|
4509
4513
|
dataset: node(id: $datasetId) {
|
|
@@ -4566,10 +4570,10 @@ fragment DatasetHistoryTable_versions_2HEEH6 on Dataset {
|
|
|
4566
4570
|
}
|
|
4567
4571
|
id
|
|
4568
4572
|
}
|
|
4569
|
-
`}}}();bu.hash="37e453bc58759a1e89bc5862c460de6b";const Su=function(){var n=["versions"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:bu,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"DatasetHistoryTable_versions",selections:[{alias:"versions",args:null,concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"__DatasetHistoryTable_versions_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},a],type:"Dataset",abstractKey:null}}();Su.hash="37e453bc58759a1e89bc5862c460de6b";const rv=100;function sv(n){const a=m.useRef(null),{data:t,loadNext:l,hasNext:i,isLoadingNext:r}=D.usePaginationFragment(Su,n.dataset),o=m.useMemo(()=>t.versions.edges.map(u=>u.node),[t]),d=fe.useCallback(u=>{if(u){const{scrollHeight:g,scrollTop:
|
|
4573
|
+
`}}}();bu.hash="37e453bc58759a1e89bc5862c460de6b";const Su=function(){var n=["versions"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:bu,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"DatasetHistoryTable_versions",selections:[{alias:"versions",args:null,concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"__DatasetHistoryTable_versions_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},a],type:"Dataset",abstractKey:null}}();Su.hash="37e453bc58759a1e89bc5862c460de6b";const rv=100;function sv(n){const a=m.useRef(null),{data:t,loadNext:l,hasNext:i,isLoadingNext:r}=D.usePaginationFragment(Su,n.dataset),o=m.useMemo(()=>t.versions.edges.map(u=>u.node),[t]),d=fe.useCallback(u=>{if(u){const{scrollHeight:g,scrollTop:y,clientHeight:k}=u;g-y-k<300&&!r&&i&&l(rv)}},[i,r,l]),c=_e({columns:[{header:"version ID",accessorKey:"id"},{header:"description",accessorKey:"description"},{header:"created at",accessorKey:"createdAt",cell:Ve}],data:o,getCoreRowModel:Le(),getSortedRowModel:Sn()}),p=c.getRowModel().rows,f=p.length===0;return e("div",{css:K`
|
|
4570
4574
|
flex: 1 1 auto;
|
|
4571
4575
|
overflow: auto;
|
|
4572
|
-
`,onScroll:u=>d(u.target),ref:a,children:s("table",{css:on,children:[e("thead",{children:c.getHeaderGroups().map(u=>e("tr",{children:u.headers.map(g=>e("th",{colSpan:g.colSpan,children:g.isPlaceholder?null:s("div",{className:g.column.getCanSort()?"cursor-pointer":"",onClick:g.column.getToggleSortingHandler(),style:{left:g.getStart(),width:g.getSize()},children:[J(g.column.columnDef.header,g.getContext()),g.column.getIsSorted()?e(_,{className:"sort-icon",svg:g.column.getIsSorted()==="asc"?e(dn,{}):e(cn,{})}):null]})},g.id))},u.id))}),
|
|
4576
|
+
`,onScroll:u=>d(u.target),ref:a,children:s("table",{css:on,children:[e("thead",{children:c.getHeaderGroups().map(u=>e("tr",{children:u.headers.map(g=>e("th",{colSpan:g.colSpan,children:g.isPlaceholder?null:s("div",{className:g.column.getCanSort()?"cursor-pointer":"",onClick:g.column.getToggleSortingHandler(),style:{left:g.getStart(),width:g.getSize()},children:[J(g.column.columnDef.header,g.getContext()),g.column.getIsSorted()?e(_,{className:"sort-icon",svg:g.column.getIsSorted()==="asc"?e(dn,{}):e(cn,{})}):null]})},g.id))},u.id))}),f?e(un,{}):e("tbody",{children:p.map(u=>e("tr",{children:u.getVisibleCells().map(g=>e("td",{children:J(g.column.columnDef.cell,g.getContext())},g.id))},u.id))})]})})}function ov(n){const{datasetId:a}=n,t=D.useLazyLoadQuery(ku,{datasetId:a});return e(X,{size:"L",title:"Dataset History",children:e("div",{css:K`
|
|
4573
4577
|
height: 500px;
|
|
4574
4578
|
`,children:e(sv,{dataset:t.dataset})})})}function dv(n){const{datasetId:a}=n,[t,l]=m.useState(null);return s(U,{children:[s(he,{children:[e(R,{leadingVisual:e(_,{svg:e(Vg,{})}),"aria-label":"Version History",onPress:()=>{l(e(ov,{datasetId:a}))}}),e(Re,{children:"Dataset Version History"})]}),e(m.Suspense,{fallback:null,children:e(ne,{type:"modal",isDismissable:!0,onDismiss:()=>{l(null)},children:t})})]})}const cv=`pip install arize-phoenix>=${window.Config.platformVersion}`;function uv({isAuthEnabled:n}){let a=`import os
|
|
4575
4579
|
# Set the phoenix collector endpoint. Commonly http://localhost:6006
|
|
@@ -4721,15 +4725,15 @@ fragment ExamplesTableFragment_4a6F8Z on Dataset {
|
|
|
4721
4725
|
}
|
|
4722
4726
|
}
|
|
4723
4727
|
}
|
|
4724
|
-
`}}}();Pu.hash="455bf9e5dc4b9cc655095dc829ef7e12";function kv(n){const a=Sa(
|
|
4728
|
+
`}}}();Pu.hash="455bf9e5dc4b9cc655095dc829ef7e12";function kv(n){const a=Sa(y=>y.refreshLatestVersion),{selectedExamples:t,onExamplesDeleted:l,onClearSelection:i}=n,[r,o]=m.useState(null),d=Fe(),c=De(),[p,f]=D.useMutation(Pu),u=t.length!==1,g=m.useCallback(()=>{p({variables:{input:{exampleIds:t.map(y=>y.id)}},onCompleted:()=>{d({title:"Examples Deleted",message:`${t.length} example${u?"s":""} have been deleted.`}),l(),i(),a()},onError:y=>{const k=xe(y);c({title:"An error occurred",message:`Failed to delete examples: ${(k==null?void 0:k[0])??y.message}`})}})},[p,t,d,u,l,i,a,c]);return s("div",{css:K`
|
|
4725
4729
|
position: absolute;
|
|
4726
4730
|
bottom: var(--ac-global-dimension-size-400);
|
|
4727
4731
|
left: 50%;
|
|
4728
4732
|
transform: translateX(-50%);
|
|
4729
|
-
`,children:[e(C,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(v,{children:`${t.length} example${u?"s":""} selected`}),s(h,{direction:"row",gap:"size-100",children:[e(R,{variant:"default",size:"S",onPress:i,children:"Cancel"}),e(R,{variant:"danger",size:"S",leadingVisual:e(_,{svg:
|
|
4733
|
+
`,children:[e(C,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(v,{children:`${t.length} example${u?"s":""} selected`}),s(h,{direction:"row",gap:"size-100",children:[e(R,{variant:"default",size:"S",onPress:i,children:"Cancel"}),e(R,{variant:"danger",size:"S",leadingVisual:e(_,{svg:f?e(Ge,{}):e(Ye,{})}),isDisabled:f,onPress:g,children:f?"Deleting...":"Delete Example"+(u?"s":"")})]})]})}),e(ne,{onDismiss:()=>{o(null)},children:r})]})}const bv=100;function Sv({dataset:n}){const a=Sa(L=>L.latestVersion),t=m.useRef(null),[l,i]=fe.useState({}),{data:r,loadNext:o,hasNext:d,isLoadingNext:c,refetch:p}=D.usePaginationFragment(Tu,n);m.useEffect(()=>{m.startTransition(()=>{p({datasetVersionId:(a==null?void 0:a.id)||null},{fetchPolicy:"store-and-network"})})},[a,p]);const f=m.useMemo(()=>r.examples.edges.map(L=>{const P=L.example,E=P.revision;return{id:P.id,input:E.input,output:E.output,metadata:E.metadata}}),[r]),g=_e({columns:[{id:"select",header:({table:L})=>e(Yn,{checked:L.getIsAllRowsSelected(),indeterminate:L.getIsSomeRowsSelected(),onChange:L.getToggleAllRowsSelectedHandler()}),cell:({row:L})=>e(Yn,{checked:L.getIsSelected(),disabled:!L.getCanSelect(),indeterminate:L.getIsSomeSelected(),onChange:L.getToggleSelectedHandler()})},{header:"example id",accessorKey:"id",cell:({getValue:L,row:P})=>{const E=P.original.id;return e(Je,{to:`${E}`,children:L()})}},{header:"input",accessorKey:"input",cell:La},{header:"output",accessorKey:"output",cell:La},{header:"metadata",accessorKey:"metadata",cell:La}],data:f,state:{rowSelection:l},onRowSelectionChange:i,getCoreRowModel:Le()}),y=g.getRowModel().rows,k=y.length===0,b=g.getSelectedRowModel().rows,S=b.map(L=>L.original),F=m.useCallback(()=>{i({})},[i]),T=m.useCallback(L=>{if(L){const{scrollHeight:P,scrollTop:E,clientHeight:N}=L;P-E-N<300&&!c&&d&&o(bv)}},[d,c,o]),x=de();return s("div",{css:K`
|
|
4730
4734
|
flex: 1 1 auto;
|
|
4731
4735
|
overflow: auto;
|
|
4732
|
-
`,ref:t,onScroll:L=>T(L.target),children:[s("table",{css:ia,children:[e("thead",{children:g.getHeaderGroups().map(L=>e("tr",{children:L.headers.map(P=>e("th",{children:e("div",{children:J(P.column.columnDef.header,P.getContext())})},P.id))},L.id))}),k?e(un,{}):e("tbody",{children:
|
|
4736
|
+
`,ref:t,onScroll:L=>T(L.target),children:[s("table",{css:ia,children:[e("thead",{children:g.getHeaderGroups().map(L=>e("tr",{children:L.headers.map(P=>e("th",{children:e("div",{children:J(P.column.columnDef.header,P.getContext())})},P.id))},L.id))}),k?e(un,{}):e("tbody",{children:y.map(L=>e("tr",{onClick:()=>{x(`${L.original.id}`)},children:L.getVisibleCells().map(P=>e("td",{children:J(P.column.columnDef.cell,P.getContext())},P.id))},L.id))})]}),b.length?e(kv,{selectedExamples:S,onClearSelection:F,onExamplesDeleted:()=>{p({},{fetchPolicy:"store-and-network"})}}):null]})}function sC(){const n=qe();return s(U,{children:[e(Sv,{dataset:n.dataset})," ",e(m.Suspense,{children:e(Ie,{})})]})}const Iu=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},r=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"experimentsLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"ExperimentsTableFragment"}],type:"Dataset",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"experimentsLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:null,args:r,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"experiments(first:100)"},{alias:null,args:r,filters:null,handle:"connection",key:"ExperimentsTable_experiments",kind:"LinkedHandle",name:"experiments"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"91f92395f5df4858554b124deed3f47a",id:null,metadata:{},name:"experimentsLoaderQuery",operationKind:"query",text:`query experimentsLoaderQuery(
|
|
4733
4737
|
$id: GlobalID!
|
|
4734
4738
|
) {
|
|
4735
4739
|
dataset: node(id: $id) {
|
|
@@ -4837,12 +4841,12 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
4837
4841
|
__typename
|
|
4838
4842
|
}
|
|
4839
4843
|
}
|
|
4840
|
-
`}}}();_u.hash="4ab310746eb51c6a3fcb799d2c972762";function Fv(n){const a=de(),[t,l]=m.useState(null),[i,r]=D.useMutation(_u),{datasetId:o,selectedExperiments:d,onClearSelection:c,onExperimentsDeleted:p}=n,
|
|
4844
|
+
`}}}();_u.hash="4ab310746eb51c6a3fcb799d2c972762";function Fv(n){const a=de(),[t,l]=m.useState(null),[i,r]=D.useMutation(_u),{datasetId:o,selectedExperiments:d,onClearSelection:c,onExperimentsDeleted:p}=n,f=d.length!==1,u=Fe(),g=De(),y=m.useCallback(()=>{i({variables:{input:{experimentIds:d.map(b=>b.id)}},onCompleted:()=>{u({title:"Experiments Deleted",message:`${d.length} experiment${f?"s":""} have been deleted.`}),p(),c()},onError:b=>{const S=xe(b);g({title:"An error occurred",message:`Failed to delete experiments: ${(S==null?void 0:S[0])??b.message}`})}})},[i,f,g,u,c,p,d]),k=m.useCallback(()=>{l(s(X,{size:"S",title:"Delete Experiments",children:[e(C,{padding:"size-200",children:e(v,{color:"danger",children:"Are you sure you want to delete these experiments? This will also delete all associated annotations and traces, and it cannot be undone."})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(R,{variant:"danger",onPress:()=>{y(),l(null)},children:"Delete Experiments"})})})]}))},[y]);return s("div",{css:K`
|
|
4841
4845
|
position: absolute;
|
|
4842
4846
|
bottom: var(--ac-global-dimension-size-400);
|
|
4843
4847
|
left: 50%;
|
|
4844
4848
|
transform: translateX(-50%);
|
|
4845
|
-
`,children:[e(C,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",children:[e(v,{children:`${d.length} experiment${
|
|
4849
|
+
`,children:[e(C,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",children:[e(v,{children:`${d.length} experiment${f?"s":""} selected`}),s(h,{direction:"row",gap:"size-100",children:[e(R,{variant:"default",size:"S",onPress:c,children:"Cancel"}),e(R,{variant:"danger",size:"S",leadingVisual:e(_,{svg:r?e(Ge,{}):e(Ye,{})}),isDisabled:r,onPress:k,children:r?"Deleting...":"Delete"}),e(R,{variant:"primary",size:"S",onPress:()=>{a(`/datasets/${o}/compare?${d.map(b=>`experimentId=${b.id}`).join("&")}`)},leadingVisual:e(_,{svg:e(Ng,{})}),children:"Compare Experiments"})]})]})}),e(ne,{onDismiss:()=>{l(null)},children:t})]})}const Kv=100;function Tv(){return e("tbody",{className:"is-empty",children:e("tr",{children:s("td",{colSpan:100,css:K`
|
|
4846
4850
|
text-align: center;
|
|
4847
4851
|
padding: var(--ac-global-dimension-size-400) !important;
|
|
4848
4852
|
button {
|
|
@@ -4850,20 +4854,20 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
4850
4854
|
margin-left: auto;
|
|
4851
4855
|
margin-right: auto;
|
|
4852
4856
|
}
|
|
4853
|
-
`,children:["No experiments for this dataset. To see how to run experiments on a dataset, check out the documentation.",e(vu,{})]})})})}function Pv({dataset:n}){const a=m.useRef(null),[t,l]=m.useState({}),{data:i,loadNext:r,hasNext:o,isLoadingNext:d,refetch:c}=D.usePaginationFragment(Du,n),p=m.useMemo(()=>i.experiments.edges.map(P=>{const E=P.experiment.annotationSummaries.reduce((N,M)=>(N[M.annotationName]=M,N),{});return{...P.experiment,annotationSummaryMap:E}}),[i.experiments.edges]),
|
|
4857
|
+
`,children:["No experiments for this dataset. To see how to run experiments on a dataset, check out the documentation.",e(vu,{})]})})})}function Pv({dataset:n}){const a=m.useRef(null),[t,l]=m.useState({}),{data:i,loadNext:r,hasNext:o,isLoadingNext:d,refetch:c}=D.usePaginationFragment(Du,n),p=m.useMemo(()=>i.experiments.edges.map(P=>{const E=P.experiment.annotationSummaries.reduce((N,M)=>(N[M.annotationName]=M,N),{});return{...P.experiment,annotationSummaryMap:E}}),[i.experiments.edges]),f=[{id:"select",header:({table:P})=>e(Yn,{checked:P.getIsAllRowsSelected(),indeterminate:P.getIsSomeRowsSelected(),onChange:P.getToggleAllRowsSelectedHandler()}),cell:({row:P})=>e(Yn,{checked:P.getIsSelected(),disabled:!P.getCanSelect(),indeterminate:P.getIsSomeSelected(),onChange:P.getToggleSelectedHandler()})},{header:"name",accessorKey:"name",minSize:200,cell:({getValue:P,row:E})=>{const N=E.original.id,M=E.original.sequenceNumber;return s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(qt,{sequenceNumber:M}),e(Je,{to:`/datasets/${n.id}/compare?experimentId=${N}`,children:P()})]})}},{header:"description",accessorKey:"description",minSize:300,cell:we},{header:"created at",accessorKey:"createdAt",cell:Ve}],u=i.experimentAnnotationSummaries.map(P=>{const{annotationName:E,minScore:N,maxScore:M}=P;return{header:()=>s(h,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",justifyContent:"end",children:[e(v,{children:E}),e(zg,{annotationName:E})]}),id:`annotation-${E}`,meta:{textAlign:"right"},cell:({row:Q})=>{const A=Q.original.annotationSummaryMap[E];return!A||A.meanScore==null?e("span",{css:K`
|
|
4854
4858
|
float: right;
|
|
4855
|
-
`,children:"--"}):e(Iv,{annotationName:E,value:A.meanScore,min:N,max:M})}}}),g=[{header:"run count",accessorKey:"runCount",meta:{textAlign:"right"},cell:Gr},{header:"avg latency",accessorKey:"averageRunLatencyMs",meta:{textAlign:"right"},cell:({getValue:P})=>{const E=P();return E===null||typeof E!="number"?"--":e(Ae,{latencyMs:E})}},{header:"error rate",accessorKey:"errorRate",meta:{textAlign:"right"},cell:Cv},{header:"metadata",accessorKey:"metadata",minSize:200,cell:
|
|
4859
|
+
`,children:"--"}):e(Iv,{annotationName:E,value:A.meanScore,min:N,max:M})}}}),g=[{header:"run count",accessorKey:"runCount",meta:{textAlign:"right"},cell:Gr},{header:"avg latency",accessorKey:"averageRunLatencyMs",meta:{textAlign:"right"},cell:({getValue:P})=>{const E=P();return E===null||typeof E!="number"?"--":e(Ae,{latencyMs:E})}},{header:"error rate",accessorKey:"errorRate",meta:{textAlign:"right"},cell:Cv},{header:"metadata",accessorKey:"metadata",minSize:200,cell:La},{id:"actions",cell:({row:P})=>{const E=P.original.project,N=P.original.metadata;return s(h,{direction:"row",gap:"size-100",children:[e(vv,{experimentId:P.original.id}),e(Xr,{projectId:(E==null?void 0:E.id)||null,experimentId:P.original.id,metadata:N})]})}}],y=_e({columns:[...f,...u,...g],data:p,getCoreRowModel:Le(),state:{rowSelection:t},onRowSelectionChange:l}),k=y.getRowModel().rows,b=y.getSelectedRowModel().rows,S=b.map(P=>P.original),F=m.useCallback(()=>{l({})},[l]),T=k.length===0,x=m.useCallback(P=>{if(P){const{scrollHeight:E,scrollTop:N,clientHeight:M}=P;E-N-M<300&&!d&&o&&r(Kv)}},[o,d,r]),L=de();return s("div",{css:K`
|
|
4856
4860
|
flex: 1 1 auto;
|
|
4857
4861
|
overflow: auto;
|
|
4858
4862
|
width: table.getTotalSize();
|
|
4859
|
-
`,ref:a,onScroll:P=>x(P.target),children:[s("table",{css:ia,children:[e("thead",{children:
|
|
4863
|
+
`,ref:a,onScroll:P=>x(P.target),children:[s("table",{css:ia,children:[e("thead",{children:y.getHeaderGroups().map(P=>e("tr",{children:P.headers.map(E=>{var N,M;return e("th",{align:(M=(N=E.column.columnDef)==null?void 0:N.meta)==null?void 0:M.textAlign,children:e("div",{children:J(E.column.columnDef.header,E.getContext())})},E.id)})},P.id))}),T?e(Tv,{}):e("tbody",{children:k.map(P=>e("tr",{onClick:()=>{L(`/datasets/${n.id}/compare?experimentId=${P.original.id}`)},children:P.getVisibleCells().map(E=>e("td",{children:J(E.column.columnDef.cell,E.getContext())},E.id))},P.id))})]}),b.length?e(Fv,{datasetId:n.id,selectedExperiments:S,onClearSelection:F,onExperimentsDeleted:()=>{c({},{fetchPolicy:"store-and-network"})}}):null]})}function Iv({annotationName:n,value:a,min:t,max:l}){const i=Br(n),r=m.useMemo(()=>{const o=typeof t=="number"?t:0,d=typeof l=="number"?l:1;if(o===d&&d===a)return 100;const c=d-o||1;return(a-o)/c*100},[a,t,l]);return s(he,{children:[e($e,{children:s("div",{css:K`
|
|
4860
4864
|
float: right;
|
|
4861
4865
|
--mod-barloader-fill-color: ${i};
|
|
4862
4866
|
display: flex;
|
|
4863
4867
|
flex-direction: row;
|
|
4864
4868
|
align-items: center;
|
|
4865
4869
|
gap: var(--ac-global-dimension-size-100);
|
|
4866
|
-
`,children:[
|
|
4870
|
+
`,children:[Da(a),e(Nm,{width:"40px",value:r,"aria-label":"where the mean score lands between overall min max"})]})}),e(aa,{children:s(C,{width:"size-2400",children:[e(re,{level:3,weight:"heavy",children:n}),s(h,{direction:"column",children:[s(h,{justifyContent:"space-between",children:[e(v,{weight:"heavy",size:"XS",children:"Mean Score"}),e(v,{size:"XS",children:Da(a)})]}),s(h,{justifyContent:"space-between",children:[e(v,{weight:"heavy",size:"XS",children:"All Experiments Min"}),e(v,{size:"XS",children:Da(t)})]}),s(h,{justifyContent:"space-between",children:[e(v,{weight:"heavy",size:"XS",children:"All Experiments Max"}),e(v,{size:"XS",children:Da(l)})]}),s(h,{justifyContent:"space-between",children:[e(v,{weight:"heavy",size:"XS",children:"Mean Score Percentile"}),e(v,{size:"XS",children:Ur(r)})]})]})]})})]})}function dC(){const n=qe();return s(U,{children:[e(Pv,{dataset:n.dataset}),e(m.Suspense,{children:e(Ie,{})})]})}const Lu=function(){var n={defaultValue:null,kind:"LocalArgument",name:"datasetId"},a={defaultValue:null,kind:"LocalArgument",name:"experimentIds"},t={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},o={alias:"comparisons",args:[{kind:"Variable",name:"experimentIds",variableName:"experimentIds"},{kind:"Variable",name:"filterCondition",variableName:"filterCondition"}],concreteType:"ExperimentComparison",kind:"LinkedField",name:"compareExperiments",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"example",plural:!1,selections:[l,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:"referenceOutput",args:null,kind:"ScalarField",name:"output",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"RunComparisonItem",kind:"LinkedField",name:"runComparisonItems",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"experimentId",storageKey:null},{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"runs",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},i,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[l,r,{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},i],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},d=[{kind:"Variable",name:"id",variableName:"datasetId"}],c={kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[l,r,{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[l],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"ExperimentCompareTableQuery",selections:[o,{alias:"dataset",args:d,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,c],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n,t],kind:"Operation",name:"ExperimentCompareTableQuery",selections:[o,{alias:"dataset",args:d,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l,c],storageKey:null}]},params:{cacheID:"2858d6862ebdeb9248578effd1944942",id:null,metadata:{},name:"ExperimentCompareTableQuery",operationKind:"query",text:`query ExperimentCompareTableQuery(
|
|
4867
4871
|
$experimentIds: [GlobalID!]!
|
|
4868
4872
|
$datasetId: GlobalID!
|
|
4869
4873
|
$filterCondition: String
|
|
@@ -4966,17 +4970,17 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
4966
4970
|
border-color: var(--ac-global-color-danger);
|
|
4967
4971
|
}
|
|
4968
4972
|
box-sizing: border-box;
|
|
4969
|
-
`;function _v(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 Lv(n,a){if(!n)return{isValid:!0,errorMessage:null};const t=await ot.fetchQuery(Ce,wu,{condition:n,experimentIds:a}).toPromise();if(!t)throw new Error("Filter condition validation is null");return t.validateExperimentRunFilterCondition}const wv=[Ul.of([{key:"Enter",run:n=>!0}]),ct(),as({override:[_v]})];function Ev(n){const{onValidCondition:a,placeholder:t=`filter condition (e.g., evals["Hallucination"].label == 'hallucinated')`}=n,[l,i]=m.useState(!1),[r,o]=m.useState(""),{filterCondition:d,setFilterCondition:c,appendFilterCondition:p}=xv(),
|
|
4973
|
+
`;function _v(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 Lv(n,a){if(!n)return{isValid:!0,errorMessage:null};const t=await ot.fetchQuery(Ce,wu,{condition:n,experimentIds:a}).toPromise();if(!t)throw new Error("Filter condition validation is null");return t.validateExperimentRunFilterCondition}const wv=[Ul.of([{key:"Enter",run:n=>!0}]),ct(),as({override:[_v]})];function Ev(n){const{onValidCondition:a,placeholder:t=`filter condition (e.g., evals["Hallucination"].label == 'hallucinated')`}=n,[l,i]=m.useState(!1),[r,o]=m.useState(""),{filterCondition:d,setFilterCondition:c,appendFilterCondition:p}=xv(),f=m.useDeferredValue(d),{theme:u}=zn(),g=u==="light"?sa:oa,[y]=vn(),k=y.getAll("experimentId");m.useEffect(()=>{Lv(f,k).then(F=>{F!=null&&F.isValid?(o(""),m.startTransition(()=>{a(f)})):o((F==null?void 0:F.errorMessage)??"Invalid filter condition")})},[a,f,k]);const b=r!=="";return s("div",{"data-is-focused":l,"data-is-invalid":b,css:Ru,children:[s(h,{direction:"row",children:[e(Kl,{children:e(_,{svg:e(Bl,{})})}),e(da,{css:Mu,indentWithTab:!1,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1,defaultKeymap:!1},onFocus:()=>i(!0),onBlur:()=>i(!1),value:d,onChange:c,height:"36px",width:"100%",theme:g,placeholder:t,extensions:wv}),e("button",{css:K`
|
|
4970
4974
|
margin-right: var(--ac-global-dimension-static-size-100);
|
|
4971
4975
|
color: var(--ac-global-text-color-700);
|
|
4972
4976
|
visibility: ${d!==""?"visible":"hidden"};
|
|
4973
|
-
`,onClick:()=>c(""),className:"button--reset",children:e(_,{svg:e(jt,{})})}),s(
|
|
4977
|
+
`,onClick:()=>c(""),className:"button--reset",children:e(_,{svg:e(jt,{})})}),s(Ra,{placement:"bottom right",children:[e($e,{children:e("button",{css:K`
|
|
4974
4978
|
color: var(--ac-global-text-color-700);
|
|
4975
4979
|
background-color: var(--ac-global-color-grey-300);
|
|
4976
4980
|
padding-left: var(--ac-global-dimension-static-size-100);
|
|
4977
4981
|
padding-right: var(--ac-global-dimension-static-size-100);
|
|
4978
4982
|
height: 100%;
|
|
4979
|
-
`,className:"button--reset",children:e(_,{svg:e(Fn,{})})})}),e(Mv,{onAddFilterConditionSnippet:p})]})]}),s(he,{isOpen:b&&l,placement:"bottom",children:[e(
|
|
4983
|
+
`,className:"button--reset",children:e(_,{svg:e(Fn,{})})})}),e(Mv,{onAddFilterConditionSnippet:p})]})]}),s(he,{isOpen:b&&l,placement:"bottom",children:[e($e,{children:e("div",{})}),e(aa,{children:r!=""?e(v,{color:"danger",children:r}):e(v,{color:"success",children:"Valid Expression"})})]})]})}function Mv(n){const{onAddFilterConditionSnippet:a}=n;return e(C,{width:"500px",paddingTop:"size-200",paddingStart:"size-200",paddingEnd:"size-200",borderRadius:"medium",borderWidth:"thin",borderColor:"light",backgroundColor:"light",children:s(tn,{children:[e(Un,{label:"filter by substring",initialSnippet:"'search term' in output['key']",onAddFilterConditionSnippet:a},"substring"),e(Un,{label:"filter on errors",initialSnippet:"error is not None",onAddFilterConditionSnippet:a},"errors"),e(Un,{label:"filter by evaluation label",initialSnippet:"evals['hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"eval_label"),e(Un,{label:"filter by evaluation score",initialSnippet:"evals['hallucination'].score >= 0.5",onAddFilterConditionSnippet:a},"eval_score"),e(Un,{label:"filter by evaluation explanation",initialSnippet:"'search term' in evals['hallucination'].explanation",onAddFilterConditionSnippet:a},"eval_explanation"),e(Un,{label:"filter for lower scores than first experiment",initialSnippet:"evals['hallucination'].score < experiments[0].evals['hallucination'].score",onAddFilterConditionSnippet:a},"compare_experiments"),e(Un,{label:"filter by metadata",initialSnippet:"metadata['category'] == 'hard_examples'",onAddFilterConditionSnippet:a},"metadata"),e(Un,{label:"filter by latency",initialSnippet:"latency_ms >= 10_000",onAddFilterConditionSnippet:a},"latency")]})})}function Un(n){const{initialSnippet:a,onAddFilterConditionSnippet:t}=n,[l,i]=m.useState(a),{theme:r}=zn(),o=r==="light"?sa:oa;return e(la,{label:n.label,children:s(h,{direction:"row",width:"100%",gap:"size-100",children:[e("div",{css:K(Ru,K`
|
|
4980
4984
|
flex: 1 1 auto;
|
|
4981
4985
|
`),children:e(da,{value:l,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[ct()],editable:!0,onChange:i,theme:o,css:Mu})}),e(R,{"aria-label":"Add to filter condition",variant:"default",onPress:()=>t(l),leadingVisual:e(_,{svg:e(Fn,{})})})]})})}const ul={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}},Rv=K`
|
|
4982
4986
|
flex: 1 1 auto;
|
|
@@ -4994,19 +4998,19 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
4994
4998
|
align-items: center;
|
|
4995
4999
|
color: var(--ac-global-color-primary);
|
|
4996
5000
|
gap: var(--ac-global-dimension-size-50);
|
|
4997
|
-
`;function Av(n){const{datasetId:a,experimentIds:t,displayFullText:l}=n,[i,r]=m.useState(""),o=D.useLazyLoadQuery(Lu,{experimentIds:t,datasetId:a,filterCondition:i}),d=m.useMemo(()=>{var T,x;return((x=(T=o.dataset)==null?void 0:T.experiments)==null?void 0:x.edges.reduce((L,P)=>{var E,N;return L[P.experiment.id]={...P.experiment,projectId:((N=(E=P.experiment)==null?void 0:E.project)==null?void 0:N.id)||null},L},{}))||{}},[o]),c=m.useMemo(()=>o.comparisons.map(T=>{const x=T.runComparisonItems.reduce((L,P)=>(L[P.experimentId]=P,L),{});return{...T,id:T.example.id,input:T.example.revision.input,referenceOutput:T.example.revision.referenceOutput,runComparisonMap:x}}),[o]),[p,
|
|
5001
|
+
`;function Av(n){const{datasetId:a,experimentIds:t,displayFullText:l}=n,[i,r]=m.useState(""),o=D.useLazyLoadQuery(Lu,{experimentIds:t,datasetId:a,filterCondition:i}),d=m.useMemo(()=>{var T,x;return((x=(T=o.dataset)==null?void 0:T.experiments)==null?void 0:x.edges.reduce((L,P)=>{var E,N;return L[P.experiment.id]={...P.experiment,projectId:((N=(E=P.experiment)==null?void 0:E.project)==null?void 0:N.id)||null},L},{}))||{}},[o]),c=m.useMemo(()=>o.comparisons.map(T=>{const x=T.runComparisonItems.reduce((L,P)=>(L[P.experimentId]=P,L),{});return{...T,id:T.example.id,input:T.example.revision.input,referenceOutput:T.example.revision.referenceOutput,runComparisonMap:x}}),[o]),[p,f]=m.useState(null),u=m.useMemo(()=>[{header:"input",accessorKey:"input",minWidth:500,cell:({row:T})=>e(Ii,{controls:s(he,{children:[e(R,{size:"S","aria-label":"View example details",leadingVisual:e(_,{svg:e(lt,{})}),onPress:()=>{m.startTransition(()=>{f(e(m.Suspense,{children:e(li,{exampleId:T.original.example.id,onDismiss:()=>{f(null)}})}))})}}),e(Re,{children:"View Example"})]}),children:e(pi,{children:e(dt,{json:T.original.input,disableTitle:!0,space:l?2:0})})})},{header:"reference output",accessorKey:"referenceOutput",minWidth:500,cell:l?Ov:La}],[l]),g=m.useMemo(()=>t.map(T=>({header:()=>{var N,M,Q,A;const x=(N=d[T])==null?void 0:N.name,L=(M=d[T])==null?void 0:M.metadata,P=(Q=d[T])==null?void 0:Q.projectId,E=((A=d[T])==null?void 0:A.sequenceNumber)||0;return s(h,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",justifyContent:"space-between",children:[s(h,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",children:[e(qt,{sequenceNumber:E}),e(v,{children:x})]}),e(Xr,{experimentId:T,metadata:L,isQuiet:!0,projectId:P})]})},accessorKey:T,minSize:500,cell:({row:x})=>{var $,z;const L=x.original.runComparisonMap[T],P=(L==null?void 0:L.runs.length)||0;if(P===0)return e(tr,{});if(P>1)return e(v,{color:"warning",children:`${P} runs`});const E=L==null?void 0:L.runs[0];let N=null;const M=($=E==null?void 0:E.trace)==null?void 0:$.traceId,Q=(z=E==null?void 0:E.trace)==null?void 0:z.projectId;return M&&Q&&(N=s(he,{children:[e(R,{variant:"default",className:"trace-button",size:"S","aria-label":"View run trace",leadingVisual:e(_,{svg:e(Rt,{})}),onPress:()=>{m.startTransition(()=>{f(e(zu,{traceId:M,projectId:Q,title:"Experiment Run Trace"}))})}}),e(Re,{children:"View Trace"})]})),E?e(Ii,{controls:s(U,{children:[s(he,{children:[e(R,{variant:"default",className:"expand-button",size:"S","aria-label":"View example run details",leadingVisual:e(_,{svg:e(lt,{})}),onPress:()=>{m.startTransition(()=>{f(e(Qv,{selectedExample:x.original,datasetId:a,experimentInfoById:d}))})}}),e(Re,{children:"View run details"})]}),N]}),children:e($v,{...E,displayFullText:l,setDialog:f})}):e(tr,{})}})),[t,d,a,l]),y=m.useMemo(()=>[...u,...g],[u,g]),k=_e({columns:y,data:c,getCoreRowModel:Le(),columnResizeMode:"onChange"}),b=fe.useMemo(()=>{const T=k.getFlatHeaders(),x={};for(let L=0;L<T.length;L++){const P=T[L];x[`--header-${P.id}-size`]=P.getSize(),x[`--col-${P.column.id}-size`]=P.column.getSize()}return x},[k.getState().columnSizingInfo,k.getState().columnSizing]),F=k.getRowModel().rows.length===0;return s(h,{direction:"column",height:"100%",children:[e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:e(Ev,{onValidCondition:r})}),s("div",{css:Rv,children:[s("table",{css:K(on,Lr),style:{...b,width:k.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:k.getHeaderGroups().map(T=>e("tr",{children:T.headers.map(x=>s("th",{style:{width:`calc(var(--header-${x==null?void 0:x.id}-size) * 1px)`},children:[e("div",{children:J(x.column.columnDef.header,x.getContext())}),e("div",{onMouseDown:x.getResizeHandler(),onTouchStart:x.getResizeHandler(),className:`resizer ${x.column.getIsResizing()?"isResizing":""}`})]},x.id))},T.id))}),F?e(un,{}):k.getState().columnSizingInfo.isResizingColumn?e(Nv,{table:k}):e(Vu,{table:k})]}),e(ne,{isDismissable:!0,type:"slideOver",onDismiss:()=>{f(null)},children:p})]})]})}function Vu({table:n}){return e("tbody",{children:n.getRowModel().rows.map(a=>e("tr",{children:a.getVisibleCells().map(t=>e("td",{style:{width:`calc(var(--col-${t.column.id}-size) * 1px)`,wordBreak:"break-all"},children:J(t.column.columnDef.cell,t.getContext())},t.id))},a.id))})}const Nv=fe.memo(Vu,(n,a)=>n.table.options.data===a.table.options.data);function zv(n){const{datasetId:a,exampleId:t}=n,l=de();return e("div",{onClick:i=>{i.preventDefault(),i.stopPropagation()},children:e(Cn,{buttonSize:"compact",align:"end",onAction:i=>{switch(i){case"gotoExample":return l(`/datasets/${a}/examples/${t}`);default:Se()}},children:e(oe,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Og,{})}),e(v,{children:"Go to example"})]})},"gotoExample")})})}function $v(n){const{output:a,error:t,startTime:l,endTime:i,annotations:r,displayFullText:o,setDialog:d}=n;if(t)return e(Au,{error:t});const c=r!=null&&r.edges.length?r.edges.map(p=>p.annotation):[];return s(h,{direction:"column",gap:"size-100",height:"100%",justifyContent:"space-between",children:[e(pi,{children:e(dt,{json:a,disableTitle:!0,space:o?2:0})}),s("ul",{css:K`
|
|
4998
5002
|
display: flex;
|
|
4999
5003
|
flex-direction: row;
|
|
5000
5004
|
gap: var(--ac-global-dimension-static-size-100);
|
|
5001
5005
|
align-items: center;
|
|
5002
5006
|
flex-wrap: wrap;
|
|
5003
|
-
`,children:[e("li",{children:e(Nu,{startTime:l,endTime:i})},"run-latency"),c.map(p=>e("li",{children:e(
|
|
5007
|
+
`,children:[e("li",{children:e(Nu,{startTime:l,endTime:i})},"run-latency"),c.map(p=>e("li",{children:e(Aa,{annotation:p,extra:p.trace&&e(C,{paddingTop:"size-100",children:s("div",{css:Vv,children:[e(_,{svg:e(En,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(An,{annotation:p,onClick:()=>{const f=p.trace;f&&m.startTransition(()=>{d(e(zu,{traceId:f.traceId,projectId:f.projectId,title:`Evaluator Trace: ${p.name}`}))})}})})},p.id))]})]})}function Au({error:n}){return s(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(_,{svg:e(Ml,{}),color:"danger"}),e(v,{color:"danger",children:n})]})}function Nu({startTime:n,endTime:a}){const t=m.useMemo(()=>{let l=null;return n&&a&&(l=new Date(a).getTime()-new Date(n).getTime()),l},[n,a]);return t===null?null:e(Ae,{latencyMs:t})}function tr(){return s(h,{direction:"row",gap:"size-50",children:[e(_,{svg:e($g,{}),color:"grey-800"}),e(v,{color:"text-700",children:"not run"})]})}function Ov({getValue:n}){const a=n();return e(pi,{children:e(dt,{json:a,space:2})})}function pi({children:n}){return e("div",{css:K`
|
|
5004
5008
|
max-height: 300px;
|
|
5005
5009
|
overflow-y: auto;
|
|
5006
5010
|
`,children:n})}function Qv({selectedExample:n,datasetId:a,experimentInfoById:t}){return e(X,{title:`Comparing Experiments for Example: ${n.id}`,size:"fullscreen",extra:e(zv,{datasetId:a,exampleId:n.id}),children:s(Ln,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(Ee,{defaultSize:35,children:e("div",{css:K`
|
|
5007
5011
|
overflow-y: auto;
|
|
5008
5012
|
height: 100%;
|
|
5009
|
-
`,children:e(C,{overflow:"hidden",padding:"size-200",children:s(h,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(C,{width:"50%",children:e(B,{title:"Input",...ul,bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},extra:e(ue,{text:JSON.stringify(n.input)}),children:e(nn,{value:JSON.stringify(n.input,null,2)})})}),e(C,{width:"50%",children:e(B,{title:"Reference Output",...ul,extra:e(ue,{text:JSON.stringify(n.referenceOutput)}),bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},children:e(nn,{value:JSON.stringify(n.referenceOutput,null,2)})})})]})})})}),e(_n,{css:
|
|
5013
|
+
`,children:e(C,{overflow:"hidden",padding:"size-200",children:s(h,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(C,{width:"50%",children:e(B,{title:"Input",...ul,bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},extra:e(ue,{text:JSON.stringify(n.input)}),children:e(nn,{value:JSON.stringify(n.input,null,2)})})}),e(C,{width:"50%",children:e(B,{title:"Reference Output",...ul,extra:e(ue,{text:JSON.stringify(n.referenceOutput)}),bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},children:e(nn,{value:JSON.stringify(n.referenceOutput,null,2)})})})]})})})}),e(_n,{css:Na}),e(Ee,{defaultSize:65,children:s(h,{direction:"column",height:"100%",children:[e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(re,{level:2,children:"Experiments"})}),e("div",{css:K`
|
|
5010
5014
|
overflow-y: auto;
|
|
5011
5015
|
height: 100%;
|
|
5012
5016
|
padding: var(--ac-global-dimension-static-size-200);
|
|
@@ -5025,12 +5029,12 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
5025
5029
|
gap: var(
|
|
5026
5030
|
--ac-global-dimension-static-size-100
|
|
5027
5031
|
);
|
|
5028
|
-
`,children:(d=r.annotations)==null?void 0:d.edges.map(c=>e("li",{children:e(An,{annotation:c.annotation})},c.annotation.id))})]})]})},o)})})})},l.experimentId)})})})]})})]})})}function zu({traceId:n,projectId:a,title:t}){const l=de();return e(X,{title:t,size:"fullscreen",extra:e(R,{onPress:()=>l(`/projects/${a}/traces/${n}`),children:"View Trace in Project"}),children:e(ri,{traceId:n,projectId:a})})}const $u={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};$u.hash="1aa376b1e9425f49268ac231dc2c0412";function jv(n){const{dataset:a,selectedExperimentIds:t,onChange:l,label:i,validationState:r,description:o,errorMessage:d,...c}=n,p=D.useFragment($u,a),
|
|
5032
|
+
`,children:(d=r.annotations)==null?void 0:d.edges.map(c=>e("li",{children:e(An,{annotation:c.annotation})},c.annotation.id))})]})]})},o)})})})},l.experimentId)})})})]})})]})})}function zu({traceId:n,projectId:a,title:t}){const l=de();return e(X,{title:t,size:"fullscreen",extra:e(R,{onPress:()=>l(`/projects/${a}/traces/${n}`),children:"View Trace in Project"}),children:e(ri,{traceId:n,projectId:a})})}const $u={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};$u.hash="1aa376b1e9425f49268ac231dc2c0412";function jv(n){const{dataset:a,selectedExperimentIds:t,onChange:l,label:i,validationState:r,description:o,errorMessage:d,...c}=n,p=D.useFragment($u,a),f=m.useMemo(()=>p.experiments.edges.map(y=>y.experiment),[p]),u=f.length===0,g=m.useMemo(()=>{if(u)return"No experiments";const y=t.length;return y>0?`${y} experiment${y>1?"s":""}`:"No experiments selected"},[t,u]);return e(la,{label:i,isDisabled:u,validationState:r,description:o,errorMessage:d,children:e(Tl,{isDisabled:u,...c,menu:e(xt,{selectionMode:"multiple",onSelectionChange:y=>{l(Array.from(y))},selectedKeys:new Set(t),children:f.map(y=>e(oe,{textValue:y.name,children:s(h,{direction:"column",gap:"size-50",children:[s(h,{direction:"row",gap:"size-100",children:[e(qt,{sequenceNumber:y.sequenceNumber}),e(v,{children:y.name})]}),e(v,{size:"XS",color:"text-700",children:new Date(y.createdAt).toLocaleString()})]})},y.id))}),triggerProps:{placement:"bottom start"},children:g})})}function cC(){const n=qe(),[a,t]=m.useState(!1),[l,i]=vn(),r=l.getAll("experimentId"),o=r.length>0;return s("main",{css:K`
|
|
5029
5033
|
height: 100%;
|
|
5030
5034
|
display: flex;
|
|
5031
5035
|
flex-direction: column;
|
|
5032
5036
|
overflow: hidden;
|
|
5033
|
-
`,children:[e(C,{padding:"size-200",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:s(h,{direction:"column",gap:"size-100",children:[e(
|
|
5037
|
+
`,children:[e(C,{padding:"size-200",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:s(h,{direction:"column",gap:"size-100",children:[e(re,{level:1,children:"Compare Experiments"}),s(h,{direction:"row",justifyContent:"space-between",alignItems:"end",children:[e(jv,{dataset:n.dataset,selectedExperimentIds:r,label:"experiments",onChange:d=>{m.startTransition(()=>{l.delete("experimentId"),d.forEach(c=>{l.append("experimentId",c)}),i(l)})}}),e(Ca,{onChange:d=>{t(d)},defaultSelected:!1,labelPlacement:"start",children:"Full Text"})]})]})}),o?e(Dv,{children:e(m.Suspense,{fallback:e(ve,{}),children:e(Av,{datasetId:n.dataset.id,experimentIds:r,displayFullText:a})})}):e(C,{padding:"size-200",children:e(be,{variant:"info",title:"No Experiment Selected",children:"Please select one or more experiments."})})]})}const Ou=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"experimentCompareLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[l,{args:null,kind:"FragmentSpread",name:"ExperimentMultiSelector__experiments"}],type:"Dataset",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"experimentCompareLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,{kind:"InlineFragment",selections:[l,{alias:null,args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"7e89f99f940098a21985137aae870de7",id:null,metadata:{},name:"experimentCompareLoaderQuery",operationKind:"query",text:`query experimentCompareLoaderQuery(
|
|
5034
5038
|
$id: GlobalID!
|
|
5035
5039
|
) {
|
|
5036
5040
|
dataset: node(id: $id) {
|
|
@@ -5120,7 +5124,7 @@ fragment DBUsagePieChart_data on Query {
|
|
|
5120
5124
|
text-decoration: underline;
|
|
5121
5125
|
}
|
|
5122
5126
|
}
|
|
5123
|
-
`,children:[e("a",{href:"https://docs.arize.com/phoenix",children:"Documentation"}),"|",e("a",{href:"https://join.slack.com/t/arize-ai/shared_invite/zt-1px8dcmlf-fmThhDFD_V_48oU7ALan4Q",children:"Community"}),"|",e("a",{href:"https://twitter.com/ArizePhoenix",children:"Social"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix",children:"GitHub"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix/releases",children:`arize-phoenix v${window.Config.platformVersion}`})]})]})}function Uv(n){const a=de(),{initialError:t,onSubmit:l}=n,[i,r]=m.useState(t),[o,d]=m.useState(!1),c=m.useCallback(async u=>{l==null||l(),r(null),d(!0);try{const
|
|
5127
|
+
`,children:[e("a",{href:"https://docs.arize.com/phoenix",children:"Documentation"}),"|",e("a",{href:"https://join.slack.com/t/arize-ai/shared_invite/zt-1px8dcmlf-fmThhDFD_V_48oU7ALan4Q",children:"Community"}),"|",e("a",{href:"https://twitter.com/ArizePhoenix",children:"Social"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix",children:"GitHub"}),"|",e("a",{href:"https://github.com/Arize-ai/phoenix/releases",children:`arize-phoenix v${window.Config.platformVersion}`})]})]})}function Uv(n){const a=de(),{initialError:t,onSubmit:l}=n,[i,r]=m.useState(t),[o,d]=m.useState(!1),c=m.useCallback(async u=>{l==null||l(),r(null),d(!0);try{const y=await fetch(mn("/auth/login"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(u)});if(!y.ok){const k=y.status===429?"Too many requests. Please try again later.":"Invalid login";r(k);return}}catch{r("Invalid login");return}finally{d(()=>!1)}const g=jg();a(g)},[a,l,r]),{control:p,handleSubmit:f}=Oe({defaultValues:{email:"",password:""}});return s(U,{children:[i?s(C,{paddingBottom:"size-100",children:[e(be,{variant:"danger",children:i})," "]}):null,e(tn,{children:s(h,{direction:"column",gap:"size-100",children:[e(W,{name:"email",control:p,render:({field:{onChange:u,value:g}})=>s(ee,{name:"email",isRequired:!0,type:"email",onChange:u,value:g,autoComplete:"email",children:[e(Z,{children:"Email"}),e(se,{placeholder:"your email address"})]})}),s("div",{css:K`
|
|
5124
5128
|
position: relative;
|
|
5125
5129
|
a {
|
|
5126
5130
|
position: absolute;
|
|
@@ -5129,7 +5133,7 @@ fragment DBUsagePieChart_data on Query {
|
|
|
5129
5133
|
top: var(--ac-global-dimension-size-50);
|
|
5130
5134
|
font-size: 12px;
|
|
5131
5135
|
}
|
|
5132
|
-
`,children:[e(W,{name:"password",control:p,render:({field:{onChange:u,value:g}})=>s(ee,{name:"password",type:"password",isRequired:!0,onChange:u,value:g,onKeyDown:
|
|
5136
|
+
`,children:[e(W,{name:"password",control:p,render:({field:{onChange:u,value:g}})=>s(ee,{name:"password",type:"password",isRequired:!0,onChange:u,value:g,onKeyDown:y=>{y.key==="Enter"&&f(c)()},autoComplete:"password",children:[e(Z,{children:"Password"}),e(se,{placeholder:"your password"})]})}),e(Je,{to:"/forgot-password",children:"Forgot your password?"})]}),e(R,{variant:"primary",isDisabled:o,leadingVisual:o?e(_,{svg:e(Ge,{})}):void 0,onPress:()=>f(c)(),children:o?"Logging In":"Log In"})]})})]})}const Hv=K`
|
|
5133
5137
|
button {
|
|
5134
5138
|
width: 100%;
|
|
5135
5139
|
}
|
|
@@ -5188,7 +5192,7 @@ fragment DBUsagePieChart_data on Query {
|
|
|
5188
5192
|
__typename
|
|
5189
5193
|
}
|
|
5190
5194
|
}
|
|
5191
|
-
`}}}();ju.hash="f8f5c30b0e00c17cdda7557c73c3c2d3";const qu={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};qu.hash="1161643b76edb6ef437d8f136038cf21";const Ja=4;function Xv(n){var p;const a=de(),t=De(),l=D.useFragment(qu,n.query),[i,r]=D.useMutation(ju),{control:o,handleSubmit:d}
|
|
5195
|
+
`}}}();ju.hash="f8f5c30b0e00c17cdda7557c73c3c2d3";const qu={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};qu.hash="1161643b76edb6ef437d8f136038cf21";const Ja=4;function Xv(n){var p;const a=de(),t=De(),l=D.useFragment(qu,n.query),[i,r]=D.useMutation(ju),{control:o,handleSubmit:d}=Oe({defaultValues:{currentPassword:"",newPassword:"",confirmPassword:""}}),c=m.useCallback(f=>{i({variables:{input:{currentPassword:f.currentPassword,newPassword:f.newPassword}},onCompleted:()=>{const u=Yr({path:"/login",searchParams:{message:"Password has been reset."}});a(u)},onError:u=>{t({title:"Failed to reset password",message:u.message})}})},[i,a,t]);return s(It,{onSubmit:d(c),children:[e(yl,{children:s(ee,{name:"email",type:"email",autoComplete:"email",isRequired:!0,isReadOnly:!0,value:(p=l.viewer)==null?void 0:p.email,children:[e(Z,{children:"Email"}),e(se,{})]})}),e(W,{name:"currentPassword",control:o,rules:{required:"the current is required"},render:({field:{name:f,onChange:u,onBlur:g,value:y},fieldState:{invalid:k,error:b}})=>s(ee,{type:"password",name:f,isRequired:!0,isInvalid:k,onChange:u,onBlur:g,value:y,id:"current-password",autoComplete:"current-password",children:[e(Z,{children:"Old Password"}),e(se,{}),b?e(Pe,{children:b==null?void 0:b.message}):e(v,{slot:"description",children:"The current password"})]})}),e(W,{name:"newPassword",control:o,rules:{required:"Password is required",minLength:{value:Ja,message:`Password must be at least ${Ja} characters`},validate:(f,u)=>f!==u.currentPassword||"New password must be different"},render:({field:{name:f,onChange:u,onBlur:g,value:y},fieldState:{invalid:k,error:b}})=>s(ee,{type:"password",isRequired:!0,name:f,isInvalid:k,onChange:u,onBlur:g,defaultValue:y,id:"new-password",autoComplete:"new-password",children:[e(Z,{children:"New Password"}),e(se,{}),b?e(Pe,{children:b==null?void 0:b.message}):s(v,{slot:"description",children:["Password must be at least ",Ja," characters"]})]})}),e(W,{name:"confirmPassword",control:o,rules:{required:"Password is required",minLength:{value:Ja,message:`Password must be at least ${Ja} characters`},validate:(f,u)=>f===u.newPassword||"Passwords do not match"},render:({field:{name:f,onChange:u,onBlur:g,value:y},fieldState:{invalid:k,error:b}})=>s(ee,{isRequired:!0,type:"password",name:f,isInvalid:k,onChange:u,onBlur:g,defaultValue:y,autoComplete:"new-password",children:[e(Z,{children:"Confirm Password"}),e(se,{}),b?e(Pe,{children:b==null?void 0:b.message}):e(v,{slot:"description",children:"Confirm the new password"})]})}),s("div",{css:K`
|
|
5192
5196
|
display: flex;
|
|
5193
5197
|
flex-direction: row;
|
|
5194
5198
|
gap: var(--ac-global-dimension-size-200);
|
|
@@ -5196,7 +5200,7 @@ fragment DBUsagePieChart_data on Query {
|
|
|
5196
5200
|
& > * {
|
|
5197
5201
|
width: 50%;
|
|
5198
5202
|
}
|
|
5199
|
-
`,children:[e(R,{onPress:()=>{a(-1)},children:"Cancel"}),e(R,{variant:"primary",type:"submit",isDisabled:r,children:r?"Resetting...":"Reset Password"})]})]})}function fC(){const n=qe();return s(Yt,{children:[e(h,{direction:"column",gap:"size-200",alignItems:"center",children:e(C,{paddingBottom:"size-200",children:e(gi,{})})}),e(Xv,{query:n})]})}const Za=4,Yv="An error occurred. Please try resetting again.";function e2({resetToken:n}){const a=de(),[t,l]=m.useState(null),[i,r]=m.useState(!1),o=m.useCallback(async({resetToken:
|
|
5203
|
+
`,children:[e(R,{onPress:()=>{a(-1)},children:"Cancel"}),e(R,{variant:"primary",type:"submit",isDisabled:r,children:r?"Resetting...":"Reset Password"})]})]})}function fC(){const n=qe();return s(Yt,{children:[e(h,{direction:"column",gap:"size-200",alignItems:"center",children:e(C,{paddingBottom:"size-200",children:e(gi,{})})}),e(Xv,{query:n})]})}const Za=4,Yv="An error occurred. Please try resetting again.";function e2({resetToken:n}){const a=de(),[t,l]=m.useState(null),[i,r]=m.useState(!1),o=m.useCallback(async({resetToken:f,newPassword:u})=>{l(null),r(!0);try{const g=await fetch(mn("/auth/password-reset"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({token:f,password:u})});if(!g.ok){const y=await g.text();l(y);return}}catch{l(Yv);return}finally{r(()=>!1)}a(`/login?message=${encodeURIComponent("Password has been reset.")}`)},[l,a]),{control:d,handleSubmit:c,formState:{isDirty:p}}=Oe({defaultValues:{resetToken:n,newPassword:"",confirmPassword:""}});return s(U,{children:[t?e(C,{paddingBottom:"size-100",children:e(be,{variant:"danger",children:t})}):null,s(It,{onSubmit:c(o),children:[e(W,{name:"newPassword",control:d,rules:{required:"Password is required",minLength:{value:Za,message:`Password must be at least ${Za} characters`}},render:({field:{name:f,onChange:u,onBlur:g,value:y},fieldState:{invalid:k,error:b}})=>s(ee,{type:"password",isRequired:!0,name:f,isInvalid:k,id:"new-password",autoComplete:"new-password",onChange:u,onBlur:g,defaultValue:y,children:[e(Z,{children:"New Password"}),e(se,{}),b?e(Pe,{children:b==null?void 0:b.message}):s(v,{slot:"description",children:["Password must be at least ",Za," characters"]})]})}),e(W,{name:"confirmPassword",control:d,rules:{required:"Password is required",minLength:{value:Za,message:`Password must be at least ${Za} characters`},validate:(f,u)=>f===u.newPassword||"Passwords do not match"},render:({field:{name:f,onChange:u,onBlur:g,value:y},fieldState:{invalid:k,error:b}})=>s(ee,{type:"password",isRequired:!0,name:f,isInvalid:k,onChange:u,onBlur:g,defaultValue:y,children:[e(Z,{children:"Confirm Password"}),e(se,{}),b?e(Pe,{children:b==null?void 0:b.message}):e(v,{slot:"description",children:"Confirm the new password"})]})}),e("div",{css:K`
|
|
5200
5204
|
margin-top: var(--ac-global-dimension-size-200);
|
|
5201
5205
|
margin-bottom: var(--ac-global-dimension-size-50);
|
|
5202
5206
|
button {
|
|
@@ -5215,13 +5219,13 @@ fragment ResetPasswordFormQuery on Query {
|
|
|
5215
5219
|
email
|
|
5216
5220
|
}
|
|
5217
5221
|
}
|
|
5218
|
-
`}}}();Bu.hash="17bb397eaa3a44dd33996854e538f2ef";async function kC(){const n=await D.fetchQuery(Ce,Bu,{}).toPromise();return n!=null&&n.viewer?n:at("/login")}function n2({onResetSent:n}){const[a,t]=m.useState(null),[l,i]=m.useState(!1),r=m.useCallback(async c=>{t(null),i(!0);try{const p=await fetch(mn("/auth/password-reset-email"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(c)});if(!p.ok){const
|
|
5222
|
+
`}}}();Bu.hash="17bb397eaa3a44dd33996854e538f2ef";async function kC(){const n=await D.fetchQuery(Ce,Bu,{}).toPromise();return n!=null&&n.viewer?n:at("/login")}function n2({onResetSent:n}){const[a,t]=m.useState(null),[l,i]=m.useState(!1),r=m.useCallback(async c=>{t(null),i(!0);try{const p=await fetch(mn("/auth/password-reset-email"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(c)});if(!p.ok){const f=await p.text();t(f);return}n()}finally{i(()=>!1)}},[n,t]),{control:o,handleSubmit:d}=Oe({defaultValues:{email:""}});return s(U,{children:[a?e(C,{paddingBottom:"size-100",children:e(be,{variant:"danger",children:a})}):null,s(tn,{onSubmit:d(r),children:[e(W,{name:"email",control:o,render:({field:{onChange:c,value:p}})=>s(ee,{name:"email",isRequired:!0,type:"email",onChange:c,value:p,children:[e(Z,{children:"Email"}),e(se,{placeholder:"your email address"}),e(v,{slot:"description",children:"Enter the email address associated with your account."})]})}),e("div",{css:K`
|
|
5219
5223
|
margin-top: var(--ac-global-dimension-size-200);
|
|
5220
5224
|
margin-bottom: var(--ac-global-dimension-size-50);
|
|
5221
5225
|
button {
|
|
5222
5226
|
width: 100%;
|
|
5223
5227
|
}
|
|
5224
|
-
`,children:e(R,{variant:"primary",type:"submit",isDisabled:l,children:l?"Sending...":"Send"})})]})]})}function bC(){const[n,a]=m.useState(!1),t=n?s(h,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-100",children:[e(
|
|
5228
|
+
`,children:e(R,{variant:"primary",type:"submit",isDisabled:l,children:l?"Sending...":"Send"})})]})]})}function bC(){const[n,a]=m.useState(!1),t=n?s(h,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-100",children:[e(re,{level:1,children:"Check your email"}),e("p",{children:"Thanks! If an account with that email address exists, we sent you a link to reset your password."})]}):s(U,{children:[s(h,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-100",children:[e(re,{level:1,children:"Forgot Password"}),e("p",{children:`Enter the email address associated with your account and we'll send you
|
|
5225
5229
|
a link to reset your password.`})]}),e(n2,{onResetSent:()=>a(!0)})]});return e(Yt,{children:s("div",{css:K`
|
|
5226
5230
|
& a {
|
|
5227
5231
|
text-align: center;
|
|
@@ -5299,14 +5303,14 @@ fragment APIKeysTableFragment on User {
|
|
|
5299
5303
|
}
|
|
5300
5304
|
id
|
|
5301
5305
|
}
|
|
5302
|
-
`}}}();Gu.hash="6c32098d55e4cba859dcec73f3ccd28c";const Wu=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Gu,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}}();Wu.hash="6c32098d55e4cba859dcec73f3ccd28c";const rr=70;function a2({query:n}){const[a,t]=D.useRefetchableFragment(Wu,n),l=Fe(),[i]=D.useMutation(Hu),r=m.useCallback(u=>{i({variables:{input:{id:u}},onCompleted:()=>{l({title:"API key deleted",message:"The key has been deleted and is no longer active."}),m.startTransition(()=>{t({},{fetchPolicy:"network-only"})})}})},[i,l,t]),o=m.useMemo(()=>[...a.apiKeys],[a]),d=m.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:we},{header:"Description",accessorKey:"description",cell:we},{header:"Created At",accessorKey:"createdAt",size:rr,cell:Ve},{header:"Expires At",accessorKey:"expiresAt",size:rr,cell:Ve},{header:"",accessorKey:"id",size:10,cell:({row:g})=>e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(Dl,{handleDelete:()=>{r(g.original.id)}})}),meta:{textAlign:"right"}}],[r]),c=_e({columns:d,data:o,getCoreRowModel:Le()}),p=c.getRowModel().rows,
|
|
5306
|
+
`}}}();Gu.hash="6c32098d55e4cba859dcec73f3ccd28c";const Wu=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Gu,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}}();Wu.hash="6c32098d55e4cba859dcec73f3ccd28c";const rr=70;function a2({query:n}){const[a,t]=D.useRefetchableFragment(Wu,n),l=Fe(),[i]=D.useMutation(Hu),r=m.useCallback(u=>{i({variables:{input:{id:u}},onCompleted:()=>{l({title:"API key deleted",message:"The key has been deleted and is no longer active."}),m.startTransition(()=>{t({},{fetchPolicy:"network-only"})})}})},[i,l,t]),o=m.useMemo(()=>[...a.apiKeys],[a]),d=m.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:we},{header:"Description",accessorKey:"description",cell:we},{header:"Created At",accessorKey:"createdAt",size:rr,cell:Ve},{header:"Expires At",accessorKey:"expiresAt",size:rr,cell:Ve},{header:"",accessorKey:"id",size:10,cell:({row:g})=>e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(Dl,{handleDelete:()=>{r(g.original.id)}})}),meta:{textAlign:"right"}}],[r]),c=_e({columns:d,data:o,getCoreRowModel:Le()}),p=c.getRowModel().rows,f=c.getRowModel().rows.length===0;return s("table",{css:on,children:[e("thead",{children:c.getHeaderGroups().map(u=>e("tr",{children:u.headers.map(g=>e("th",{colSpan:g.colSpan,children:g.isPlaceholder?null:s("div",{className:g.column.getCanSort()?"cursor-pointer":"",onClick:g.column.getToggleSortingHandler(),style:{left:g.getStart(),width:g.getSize()},children:[J(g.column.columnDef.header,g.getContext()),g.column.getIsSorted()?e(_,{className:"sort-icon",svg:g.column.getIsSorted()==="asc"?e(dn,{}):e(cn,{})}):null]})},g.id))},u.id))}),f?e(un,{message:"No Keys"}):e("tbody",{children:p.map(u=>e("tr",{children:u.getVisibleCells().map(g=>e("td",{children:J(g.column.columnDef.cell,g.getContext())},g.id))},u.id))})]})}function t2({viewer:n}){const[a,t]=m.useState(null),l=De(),[i,r]=D.useMutation(Uu),o=m.useCallback(d=>{var c;i({variables:{input:{...d,expiresAt:((c=d.expiresAt)==null?void 0:c.toDate(hl()).toISOString())||null}},onCompleted:p=>{t(e(hr,{jwt:p.createUserApiKey.jwt}))},onError:p=>{l({title:"Error creating API key",message:p.message})}})},[i,l]);return s(B,{title:"API Keys",variant:"compact",bodyStyle:{padding:0},extra:e(R,{size:"S",leadingVisual:e(_,{svg:e(Fn,{})}),onPress:()=>t(e(kr,{onSubmit:o,isCommitting:r})),children:"New Key"}),children:[e(a2,{query:n}),e(ne,{onDismiss:()=>{t(null)},children:a})]})}const Ju=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(
|
|
5303
5307
|
$input: PatchViewerInput!
|
|
5304
5308
|
) {
|
|
5305
5309
|
patchViewer(input: $input) {
|
|
5306
5310
|
__typename
|
|
5307
5311
|
}
|
|
5308
5312
|
}
|
|
5309
|
-
`}}}();Ju.hash="4a11ca65151d84fe95f636763c91dc68";function l2(){const{viewer:n,refetchViewer:a}=es(),t=De(),l=Fe(),[i,r]=D.useMutation(Ju),{control:o,handleSubmit:d,formState:{isDirty:c},reset:p}
|
|
5313
|
+
`}}}();Ju.hash="4a11ca65151d84fe95f636763c91dc68";function l2(){const{viewer:n,refetchViewer:a}=es(),t=De(),l=Fe(),[i,r]=D.useMutation(Ju),{control:o,handleSubmit:d,formState:{isDirty:c},reset:p}=Oe({defaultValues:{username:(n==null?void 0:n.username)||""}}),f=m.useCallback(u=>{i({variables:{input:{newUsername:u.username}},onCompleted:()=>{l({title:"Profile updated",message:"Your profile has been updated"}),p({username:u.username}),a()},onError:g=>{t({title:"Failed update profile",message:g.message})}})},[i,l,p,a,t]);return n?s(B,{title:"Profile",variant:"compact",bodyStyle:{padding:0},extra:n.authMethod==="LOCAL"&&e(Ka,{size:"S",to:"/reset-password",children:"Reset Password"}),children:[e(C,{paddingTop:"size-200",paddingStart:"size-200",paddingEnd:"size-200",children:s(h,{direction:"row",gap:"size-200",alignItems:"center",children:[e(_l,{name:n.username||n.email,profilePictureUrl:n.profilePictureUrl}),s(h,{direction:"column",gap:"size-50",children:[e(re,{level:2,weight:"heavy",children:n.username||n.email}),e(v,{children:n.role.name.toLocaleLowerCase()})]})]})}),e(C,{children:s(tn,{onSubmit:d(f),children:[e(C,{padding:"size-200",children:s(h,{direction:"column",gap:"size-100",children:[s(ee,{value:n.email,isReadOnly:!0,size:"S",children:[e(Z,{children:"Email"}),e(se,{})]}),e(W,{name:"username",control:o,rules:{required:"A username is required as it needs to be unique"},render:({field:{name:u,onChange:g,onBlur:y,value:k},fieldState:{invalid:b,error:S}})=>s(ee,{isRequired:!0,name:u,isInvalid:b,onChange:g,onBlur:y,defaultValue:k,size:"S",children:[e(Z,{children:"Username"}),e(se,{}),S?e(Pe,{children:S.message}):e(v,{slot:"description",children:"A unique username"})]})})]})}),e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderTopColor:"dark",borderTopWidth:"thin",children:e(h,{direction:"row",gap:"size-100",justifyContent:"end",children:e(R,{variant:c?"primary":"default",size:"S",isDisabled:!c,onPress:()=>{d(f)()},children:r?"Saving...":"Save"})})})]})})]}):null}const i2=K`
|
|
5310
5314
|
overflow-y: auto;
|
|
5311
5315
|
`,r2=K`
|
|
5312
5316
|
padding: var(--ac-global-dimension-size-400);
|
|
@@ -5430,10 +5434,10 @@ fragment PromptsTable_prompts on Query {
|
|
|
5430
5434
|
}
|
|
5431
5435
|
}
|
|
5432
5436
|
}
|
|
5433
|
-
`}}}();em.hash="209a27a82eef96e2c39abfe579346bcc";function o2({promptId:n,onDeleted:a,onClose:t}){const[l,i]=D.useMutation(em),r=Fe(),o=De(),d=m.useCallback(()=>{l({variables:{promptId:n},onCompleted:()=>{r({title:"Delete Successful",message:"Prompt has been deleted."}),a(),t()},onError:c=>{o({title:"Failed to delete prompt",message:c.message})}})},[l,o,r,t,a,n]);return s(X,{title:"Delete Prompt",isDismissable:!0,onDismiss:t,children:[e(C,{padding:"size-200",children:e(v,{color:"danger",children:"Are you sure you want to delete this prompt? This action cannot be undone and all services dependent on this prompt will be affected."})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:s(h,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(R,{variant:"default",onPress:t,size:"S",children:"Cancel"}),e(R,{variant:"danger",onPress:()=>{d()},size:"S",isDisabled:i,children:"Delete Prompt"})]})})]})}function d2({onDeleted:n,promptId:a}){const[t,l]=m.useState(null),i=m.useCallback(()=>{l(e(o2,{promptId:a,onClose:()=>l(null),onDeleted:()=>{n(),l(null)}}))},[a,n]);return s(Nt,{children:[e(Cn,{align:"end","aria-label":"User Actions",buttonSize:"compact",onAction:r=>{switch(r){case"DELETE":i();break}},children:e(oe,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ye,{})}),e(U,{children:"Delete"})]})},"DELETE")}),e(ne,{type:"modal",isDismissable:!0,onDismiss:()=>l(null),children:t})]})}const c2=100;function u2(n){const a=de(),t=m.useRef(null),{data:l,loadNext:i,hasNext:r,isLoadingNext:o,refetch:d}=D.usePaginationFragment(Yu,n.query),c=m.useMemo(()=>l.prompts.edges.map(k=>({lastUpdatedAt:k.prompt.version.createdAt,...k.prompt})),[l]),p=fe.useCallback(k=>{if(k){const{scrollHeight:b,scrollTop:S,clientHeight:F}=k;b-S-F<300&&!o&&r&&i(c2)}},[r,o,i]),
|
|
5437
|
+
`}}}();em.hash="209a27a82eef96e2c39abfe579346bcc";function o2({promptId:n,onDeleted:a,onClose:t}){const[l,i]=D.useMutation(em),r=Fe(),o=De(),d=m.useCallback(()=>{l({variables:{promptId:n},onCompleted:()=>{r({title:"Delete Successful",message:"Prompt has been deleted."}),a(),t()},onError:c=>{o({title:"Failed to delete prompt",message:c.message})}})},[l,o,r,t,a,n]);return s(X,{title:"Delete Prompt",isDismissable:!0,onDismiss:t,children:[e(C,{padding:"size-200",children:e(v,{color:"danger",children:"Are you sure you want to delete this prompt? This action cannot be undone and all services dependent on this prompt will be affected."})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:s(h,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(R,{variant:"default",onPress:t,size:"S",children:"Cancel"}),e(R,{variant:"danger",onPress:()=>{d()},size:"S",isDisabled:i,children:"Delete Prompt"})]})})]})}function d2({onDeleted:n,promptId:a}){const[t,l]=m.useState(null),i=m.useCallback(()=>{l(e(o2,{promptId:a,onClose:()=>l(null),onDeleted:()=>{n(),l(null)}}))},[a,n]);return s(Nt,{children:[e(Cn,{align:"end","aria-label":"User Actions",buttonSize:"compact",onAction:r=>{switch(r){case"DELETE":i();break}},children:e(oe,{children:s(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(_,{svg:e(Ye,{})}),e(U,{children:"Delete"})]})},"DELETE")}),e(ne,{type:"modal",isDismissable:!0,onDismiss:()=>l(null),children:t})]})}const c2=100;function u2(n){const a=de(),t=m.useRef(null),{data:l,loadNext:i,hasNext:r,isLoadingNext:o,refetch:d}=D.usePaginationFragment(Yu,n.query),c=m.useMemo(()=>l.prompts.edges.map(k=>({lastUpdatedAt:k.prompt.version.createdAt,...k.prompt})),[l]),p=fe.useCallback(k=>{if(k){const{scrollHeight:b,scrollTop:S,clientHeight:F}=k;b-S-F<300&&!o&&r&&i(c2)}},[r,o,i]),f=m.useMemo(()=>[{header:"name",accessorKey:"name",cell:({row:b})=>e(Je,{to:`${b.original.id}`,children:b.original.name})},{header:"description",accessorKey:"description",cell:we},{header:"created at",accessorKey:"createdAt",cell:Ve},{header:"last updated",accessorKey:"lastUpdatedAt",cell:Ve},{id:"actions",header:"",size:5,accessorKey:"id",cell:({row:b})=>s(h,{direction:"row",gap:"size-100",justifyContent:"end",width:"100%",children:[e(Nt,{children:e(Ka,{leadingVisual:e(_,{svg:e(Fa,{})}),size:"S","aria-label":"Open in playground",to:`${b.original.id}/playground`,children:"Playground"})}),e(d2,{promptId:b.original.id,onDeleted:()=>{d({},{fetchPolicy:"network-only"})}})]})}],[d]),u=_e({columns:f,data:c,getCoreRowModel:Le(),getSortedRowModel:Sn()}),g=u.getRowModel().rows,y=g.length===0;return e("div",{css:K`
|
|
5434
5438
|
flex: 1 1 auto;
|
|
5435
5439
|
overflow: auto;
|
|
5436
|
-
`,onScroll:k=>p(k.target),ref:t,children:s("table",{css:ia,children:[e("thead",{children:u.getHeaderGroups().map(k=>e("tr",{children:k.headers.map(b=>{var S;return e("th",{colSpan:b.colSpan,children:b.isPlaceholder?null:s("div",{className:b.column.getCanSort()?"cursor-pointer":"","aria-role":b.column.getCanSort()?"button":null,onClick:b.column.getToggleSortingHandler(),style:{textAlign:(S=b.column.columnDef.meta)==null?void 0:S.textAlign},children:[J(b.column.columnDef.header,b.getContext()),b.column.getIsSorted()?e(_,{className:"sort-icon",svg:b.column.getIsSorted()==="asc"?e(dn,{}):e(cn,{})}):null]})},b.id)})},k.id))}),
|
|
5440
|
+
`,onScroll:k=>p(k.target),ref:t,children:s("table",{css:ia,children:[e("thead",{children:u.getHeaderGroups().map(k=>e("tr",{children:k.headers.map(b=>{var S;return e("th",{colSpan:b.colSpan,children:b.isPlaceholder?null:s("div",{className:b.column.getCanSort()?"cursor-pointer":"","aria-role":b.column.getCanSort()?"button":null,onClick:b.column.getToggleSortingHandler(),style:{textAlign:(S=b.column.columnDef.meta)==null?void 0:S.textAlign},children:[J(b.column.columnDef.header,b.getContext()),b.column.getIsSorted()?e(_,{className:"sort-icon",svg:b.column.getIsSorted()==="asc"?e(dn,{}):e(cn,{})}):null]})},b.id)})},k.id))}),y?e(un,{}):e("tbody",{children:g.map(k=>e("tr",{onClick:()=>{a(`${k.original.id}`)},children:k.getVisibleCells().map(b=>{var S;return e("td",{align:(S=b.column.columnDef.meta)==null?void 0:S.textAlign,children:J(b.column.columnDef.cell,b.getContext())},b.id)})},k.id))})]})})}function KC(){const n=qe();return s(h,{direction:"column",height:"100%",children:[e(C,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",flex:"none",children:s(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(re,{level:1,children:"Prompts"}),e(Ka,{size:"M",leadingVisual:e(_,{svg:e(Ll,{})}),variant:"primary",to:"/playground",children:"Create Prompt"})]})}),e(u2,{query:n})]})}const nm=function(){var n=[{kind:"Literal",name:"first",value:100}],a={alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null};return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"promptsLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"PromptsTable_prompts"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"promptsLoaderQuery",selections:[{alias:null,args:n,concreteType:"PromptConnection",kind:"LinkedField",name:"prompts",plural:!1,selections:[{alias:null,args:null,concreteType:"PromptEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"prompt",args:null,concreteType:"Prompt",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},a,{alias:null,args:null,concreteType:"PromptVersion",kind:"LinkedField",name:"version",plural:!1,selections:[a],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Prompt",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"prompts(first:100)"},{alias:null,args:n,filters:null,handle:"connection",key:"PromptsTable_prompts",kind:"LinkedHandle",name:"prompts"}]},params:{cacheID:"191e9b9974109498195fdef708db636b",id:null,metadata:{},name:"promptsLoaderQuery",operationKind:"query",text:`query promptsLoaderQuery {
|
|
5437
5441
|
...PromptsTable_prompts
|
|
5438
5442
|
}
|
|
5439
5443
|
|
|
@@ -5460,7 +5464,7 @@ fragment PromptsTable_prompts on Query {
|
|
|
5460
5464
|
}
|
|
5461
5465
|
}
|
|
5462
5466
|
}
|
|
5463
|
-
`}}}();nm.hash="ed4295f193bd2a6d2402a82966d45a7f";async function TC(n){return await D.fetchQuery(Ce,nm,{}).toPromise()}const am=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"toolCallId",storageKey:null},o=[{alias:null,args:null,kind:"ScalarField",name:"definition",storageKey:null}],d={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},
|
|
5467
|
+
`}}}();nm.hash="ed4295f193bd2a6d2402a82966d45a7f";async function TC(n){return await D.fetchQuery(Ce,nm,{}).toPromise()}const am=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"toolCallId",storageKey:null},o=[{alias:null,args:null,kind:"ScalarField",name:"definition",storageKey:null}],d={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},f={alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"user",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null}],storageKey:null},u=[l,i],g={alias:null,args:null,concreteType:"PromptVersionTag",kind:"LinkedField",name:"tags",plural:!0,selections:u,storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"promptLoaderQuery",selections:[{alias:"prompt",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{kind:"InlineFragment",selections:[i,{args:null,kind:"FragmentSpread",name:"PromptIndexPage__main"},{args:null,kind:"FragmentSpread",name:"PromptVersionsPageContent__main"},{args:null,kind:"FragmentSpread",name:"PromptLayout__main"}],type:"Prompt",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"promptLoaderQuery",selections:[{alias:"prompt",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{kind:"InlineFragment",selections:[i,{alias:null,args:null,concreteType:"PromptVersionConnection",kind:"LinkedField",name:"promptVersions",plural:!1,selections:[{alias:null,args:null,concreteType:"PromptVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"PromptVersion",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"invocationParameters",storageKey:null},{alias:"provider",args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"template",plural:!1,selections:[t,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"PromptMessage",kind:"LinkedField",name:"messages",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"role",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"content",plural:!0,selections:[t,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"TextContentValue",kind:"LinkedField",name:"text",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"text",storageKey:null}],storageKey:null}],type:"TextContentPart",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ToolCallContentValue",kind:"LinkedField",name:"toolCall",plural:!1,selections:[r,{alias:null,args:null,concreteType:"ToolCallFunction",kind:"LinkedField",name:"toolCall",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"arguments",storageKey:null},i],storageKey:null}],storageKey:null}],type:"ToolCallContentPart",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ToolResultContentValue",kind:"LinkedField",name:"toolResult",plural:!1,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"result",storageKey:null}],storageKey:null}],type:"ToolResultContentPart",abstractKey:null}],storageKey:null}],storageKey:null}],type:"PromptChatTemplate",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"template",storageKey:null}],type:"PromptStringTemplate",abstractKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateType",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"templateFormat",storageKey:null},l,{alias:null,args:null,kind:"ScalarField",name:"modelName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"modelProvider",storageKey:null},{alias:null,args:null,concreteType:"ResponseFormat",kind:"LinkedField",name:"responseFormat",plural:!1,selections:o,storageKey:null},{alias:null,args:null,concreteType:"ToolDefinition",kind:"LinkedField",name:"tools",plural:!0,selections:o,storageKey:null},{alias:"model",args:null,kind:"ScalarField",name:"modelName",storageKey:null}],storageKey:null},{alias:"version",args:null,concreteType:"PromptVersion",kind:"LinkedField",name:"node",plural:!1,selections:[l,d,c,p,f,g],storageKey:null}],storageKey:null}],storageKey:null},d,{alias:"latestVersions",args:[{kind:"Literal",name:"first",value:5}],concreteType:"PromptVersionConnection",kind:"LinkedField",name:"promptVersions",plural:!1,selections:[{alias:null,args:null,concreteType:"PromptVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"version",args:null,concreteType:"PromptVersion",kind:"LinkedField",name:"node",plural:!1,selections:[l,d,p,c,f,g],storageKey:null}],storageKey:null}],storageKey:"promptVersions(first:5)"},{alias:null,args:null,concreteType:"Prompt",kind:"LinkedField",name:"sourcePrompt",plural:!1,selections:u,storageKey:null}],type:"Prompt",abstractKey:null}],storageKey:null}]},params:{cacheID:"cc1c86124ed137944acd05f33823e920",id:null,metadata:{},name:"promptLoaderQuery",operationKind:"query",text:`query promptLoaderQuery(
|
|
5464
5468
|
$id: GlobalID!
|
|
5465
5469
|
) {
|
|
5466
5470
|
prompt: node(id: $id) {
|
|
@@ -5712,7 +5716,7 @@ fragment PromptVersionTagsConfigCard_data on Prompt {
|
|
|
5712
5716
|
promptVersionId
|
|
5713
5717
|
}
|
|
5714
5718
|
}
|
|
5715
|
-
`}}}();lm.hash="9a239d04f2789c811b994f09bd0a814a";function m2({promptVersionTagId:n,promptId:a}){const[t,l]=m.useState(!1),i=Fe(),[r,o]=D.useMutation(lm);return s(bl,{isOpen:t,onOpenChange:l,children:[e(R,{"aria-label":"Delete tag",size:"S",leadingVisual:e(_,{svg:e(Ye,{})})}),e(Fr,{size:"S",isDismissable:!0,children:s(kl,{children:[e(
|
|
5719
|
+
`}}}();lm.hash="9a239d04f2789c811b994f09bd0a814a";function m2({promptVersionTagId:n,promptId:a}){const[t,l]=m.useState(!1),i=Fe(),[r,o]=D.useMutation(lm);return s(bl,{isOpen:t,onOpenChange:l,children:[e(R,{"aria-label":"Delete tag",size:"S",leadingVisual:e(_,{svg:e(Ye,{})})}),e(Fr,{size:"S",isDismissable:!0,children:s(kl,{children:[e(re,{slot:"title",children:"Delete Tag"}),e(C,{padding:"size-200",children:e(C,{paddingBottom:"size-100",children:e(v,{color:"danger",size:"XS",children:"Are you sure you want to delete this tag? This will make pulling prompts by this tag no longer possible. Make sure this tag is not used before deleting."})})}),e(C,{paddingX:"size-200",paddingY:"size-100",borderTopWidth:"thin",borderColor:"light",children:s(h,{gap:"size-100",justifyContent:"end",children:[e(R,{size:"S",onPress:()=>l(!1),children:"Cancel"}),e(R,{variant:"danger",size:"S",onPress:()=>r({variables:{input:{promptVersionTagId:n},promptId:a},onCompleted:()=>{i({title:"Tag Deleted",message:"The tag has been deleted"})}}),children:o?"Deleting...":"Delete Tag"})]})})]})})]})}function p2({prompt:n}){const a=D.useFragment(tm,n),t=m.useMemo(()=>[{header:"Name",accessorKey:"name"},{header:"Description",accessorKey:"description",cell:we},{header:"Version",accessorKey:"promptVersionId",cell:({row:d})=>{const{promptId:c,promptVersionId:p}=d.original;return e(Je,{to:`/prompts/${c}/versions/${p}`,children:d.original.promptVersionId})}},{id:"actions",header:"",size:5,accessorKey:"id",cell:({row:d})=>e(h,{direction:"row",gap:"size-100",justifyContent:"end",width:"100%",children:e(m2,{promptVersionTagId:d.original.id,promptId:d.original.promptId},d.original.id)})}],[]),l=m.useMemo(()=>a.versionTags.map(d=>({id:d.id,name:d.name,description:d.description,promptId:a.id,promptVersionId:d.promptVersionId})),[a]),i=_e({columns:t,data:l,getCoreRowModel:Le(),getSortedRowModel:Sn()}),r=i.getRowModel().rows,o=r.length===0;return e(B,{title:"Tags",variant:"compact",bodyStyle:{padding:0},children:s("table",{css:on,children:[e("thead",{children:i.getHeaderGroups().map(d=>e("tr",{children:d.headers.map(c=>e("th",{colSpan:c.colSpan,children:c.isPlaceholder?null:s("div",{className:c.column.getCanSort()?"cursor-pointer":"",onClick:c.column.getToggleSortingHandler(),style:{left:c.getStart(),width:c.getSize()},children:[J(c.column.columnDef.header,c.getContext()),c.column.getIsSorted()?e(_,{className:"sort-icon",svg:c.column.getIsSorted()==="asc"?e(dn,{}):e(cn,{})}):null]})},c.id))},d.id))}),o?e(un,{message:"No Tags"}):e("tbody",{children:r.map(d=>e("tr",{children:d.getVisibleCells().map(c=>e("td",{children:J(c.column.columnDef.cell,c.getContext())},c.id))},d.id))})]})})}function IC(){const n=qe();return e(h,{direction:"row",height:"100%",children:e(C,{height:"100%",overflow:"auto",width:"100%","data-testid":"scroll-container",children:e(C,{padding:"size-200",children:e(h,{direction:"column",gap:"size-200",marginStart:"auto",marginEnd:"auto",maxWidth:900,children:e(p2,{prompt:n.prompt})})})})})}function xC(){const n=qe();return e(Bg,{query:n,children:e(Ie,{})})}const im=function(){var n={alias:null,args:null,kind:"ScalarField",name:"passwordNeedsReset",storageKey:null},a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"authenticatedRootLoaderQuery",selections:[{args:null,kind:"FragmentSpread",name:"ViewerContext_viewer"},{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"viewer",plural:!1,selections:[n],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"authenticatedRootLoaderQuery",selections:[{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"viewer",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},{alias:null,args:null,concreteType:"UserRole",kind:"LinkedField",name:"role",plural:!1,selections:[t],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"authMethod",storageKey:null},{alias:null,args:null,concreteType:"UserApiKey",kind:"LinkedField",name:"apiKeys",plural:!0,selections:[a,t,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null},n],storageKey:null}]},params:{cacheID:"d63c6184305079deb38a6f6235ba88e6",id:null,metadata:{},name:"authenticatedRootLoaderQuery",operationKind:"query",text:`query authenticatedRootLoaderQuery {
|
|
5716
5720
|
...ViewerContext_viewer
|
|
5717
5721
|
viewer {
|
|
5718
5722
|
passwordNeedsReset
|
|
@@ -5748,7 +5752,7 @@ fragment ViewerContext_viewer on Query {
|
|
|
5748
5752
|
grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
|
|
5749
5753
|
gap: var(--ac-global-dimension-size-200);
|
|
5750
5754
|
padding: var(--ac-global-dimension-size-200);
|
|
5751
|
-
`;function _C(){return e("main",{children:s(h,{direction:"column",width:"100%",children:[e(C,{padding:"size-200",borderBottomColor:"dark",borderBottomWidth:"thin",children:s(h,{direction:"column",gap:"size-50",children:[e(
|
|
5755
|
+
`;function _C(){return e("main",{children:s(h,{direction:"column",width:"100%",children:[e(C,{padding:"size-200",borderBottomColor:"dark",borderBottomWidth:"thin",children:s(h,{direction:"column",gap:"size-50",children:[e(re,{level:1,children:"Support"}),e(v,{color:"text-700",children:"We are here to help. Pick a channel below to get in touch with us."})]})}),s("div",{css:g2,children:[e(Xa,{leadingVisual:e(_,{svg:e(Ug,{})}),href:"https://docs.arize.com/phoenix",title:"Documentation",description:"Visit our documentation for tutorials and AI support."}),e(Xa,{leadingVisual:e(_,{svg:e(xi,{})}),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(Xa,{leadingVisual:e(_,{svg:e(xi,{})}),href:"https://github.com/Arize-ai/phoenix/discussions",title:"GitHub Discussions",description:"Create a discussion on Github to ask questions or share feedback."}),e(Xa,{leadingVisual:e(_,{svg:e(Di,{})}),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(Xa,{leadingVisual:e(_,{svg:e(Di,{})}),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 y2=K`
|
|
5752
5756
|
padding: var(--ac-global-dimension-size-200)
|
|
5753
5757
|
var(--ac-global-dimension-size-200) var(--ac-global-dimension-size-200);
|
|
5754
5758
|
border: var(--ac-global-border-size-thin) solid
|
|
@@ -5765,4 +5769,4 @@ fragment ViewerContext_viewer on Query {
|
|
|
5765
5769
|
&:hover {
|
|
5766
5770
|
border-color: var(--ac-global-color-primary);
|
|
5767
5771
|
}
|
|
5768
|
-
`,Xa=({leadingVisual:n,href:a,title:t,description:l})=>s("a",{css:y2,href:a,target:"_blank",rel:"noreferrer",children:[s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[n,e(
|
|
5772
|
+
`,Xa=({leadingVisual:n,href:a,title:t,description:l})=>s("a",{css:y2,href:a,target:"_blank",rel:"noreferrer",children:[s(h,{direction:"row",gap:"size-100",alignItems:"center",children:[n,e(re,{level:2,children:t})]}),e(v,{color:"text-700",children:l})]});export{x2 as $,dC as A,rC as B,iC as C,q2 as D,Q2 as E,bC as F,sC as G,tC as H,uC as I,cC as J,vC as K,yC as L,O2 as M,FC as N,CC as O,SC as P,TC as Q,Mn as R,z2 as S,Zn as T,KC as U,PC as V,D2 as W,V2 as X,R2 as Y,M2 as Z,A2 as _,ea as a,IC as a0,_2 as a1,L2 as a2,E2 as a3,gC as a4,_C as a5,pC as a6,P2 as a7,T2 as a8,K2 as a9,mC as aa,I2 as ab,xC as ac,X2 as ad,F2 as ae,C2 as af,Dn as b,Ny as c,fC as d,hC as e,DC as f,B2 as g,$2 as h,j2 as i,Y2 as j,nC as k,U2 as l,v2 as m,w2 as n,J2 as o,Z2 as p,W2 as q,kC as r,N2 as s,G2 as t,f1 as u,H2 as v,eC as w,aC as x,lC as y,oC as z};
|