arize-phoenix 7.2.0__py3-none-any.whl → 7.3.1__py3-none-any.whl
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Potentially problematic release.
This version of arize-phoenix might be problematic. Click here for more details.
- {arize_phoenix-7.2.0.dist-info → arize_phoenix-7.3.1.dist-info}/METADATA +1 -1
- {arize_phoenix-7.2.0.dist-info → arize_phoenix-7.3.1.dist-info}/RECORD +13 -13
- phoenix/server/api/helpers/playground_clients.py +9 -2
- phoenix/server/main.py +1 -1
- phoenix/server/static/.vite/manifest.json +9 -9
- phoenix/server/static/assets/{components-Fbz1fA9N.js → components-CTfaHD1U.js} +90 -93
- phoenix/server/static/assets/{index-BmwKNkwH.js → index-Lokew6Qd.js} +2 -2
- phoenix/server/static/assets/{pages-mOmTzhTQ.js → pages-B-fbd0DU.js} +225 -228
- phoenix/version.py +1 -1
- {arize_phoenix-7.2.0.dist-info → arize_phoenix-7.3.1.dist-info}/WHEEL +0 -0
- {arize_phoenix-7.2.0.dist-info → arize_phoenix-7.3.1.dist-info}/entry_points.txt +0 -0
- {arize_phoenix-7.2.0.dist-info → arize_phoenix-7.3.1.dist-info}/licenses/IP_NOTICE +0 -0
- {arize_phoenix-7.2.0.dist-info → arize_phoenix-7.3.1.dist-info}/licenses/LICENSE +0 -0
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import{z as A,av as de,aw as Pe,ax as Le,ay as Pa,A as Jo,r as u,j as e,R as Se,n as ba,D as C,l as o,az as Oe,S as X,O as G,t as D,Z as Ue,_ as W,a0 as Fe,a1 as Ke,a4 as J,aA as ke,aB as sn,aC as on,aD as Ve,aE as Zo,aF as pt,aG as kn,aH as Aa,U as re,aI as Ia,a3 as Mn,g as Tl,aJ as Yo,X as bt,V as Xo,aK as ed,aL as at,aM as tt,aN as sa,aO as Sa,aP as Il,o as St,aQ as nd,aq as ad,ar as td,aR as ld,p as Dl,q as id,aS as rd,a9 as sd,aT as od,aU as Gt,aV as dd,aW as cd,aX as ud,aY as md,aZ as gd,a_ as pd,a$ as yd,b0 as fd,b1 as hd}from"./vendor-DwOx_a-2.js";import{c as h,I as L,a as I,e as z,d as K,q as ue,C as q,m as vt,p as Z,D as ee,b as x,v as ce,N as Ct,K as Qe,M as ne,O as Be,Q as be,S as kd,x as $a,r as Oa,P as Zn,o as Nn,s as Qa,B as zn,G as Yn,t as De,y as Pl,U as Ze,L as La,V as Ll,W as wl,X as El,Y as bd,Z as Sd,$ as Xn,j as je,k as va,T as pe,a0 as Ft,n as Ae,l as ae,E as ja,f as Ie,a1 as _l,a2 as Kt,h as Vn,u as vd,a3 as Cd,w as Fd,R as pa,i as Rl}from"./vendor-arizeai-BWSsCZNG.js";import{s as xt,a as me,l as Kd,j as Al,b as _e,i as Ml,c as Nl,d as yn,e as zl,f as xd,g as fa,D as Td,h as wa,k as Id,T as Pn,m as Dd,n as Wt,o as Pd,p as Ld,q as Jt,r as wd,t as Ed,N as _d,u as Rd,L as ye,v as ve,w as Ca,B as Ad,x as Tn,y as Md,G as Nd,z as zd,A as Vd,S as $d,C as rn,J as Re,E as $n,F as Ee,H as fe,I as Ce,K as ea,M as un,O as xe,P as se,Q as Je,R as bn,U as Me,V as Vl,W as Ge,X as Ye,Y as Sn,Z as Tt,_ as nn,$ as mn,a0 as It,a1 as $l,a2 as Ol,a3 as Zt,a4 as Yt,a5 as On,a6 as Od,a7 as Qd,a8 as B,a9 as Ql,aa as qa,ab as na,ac as jl,ad as aa,ae as ta,af as ql,ag as gn,ah as we,ai as Ua,aj as vn,ak as Dt,al as an,am as Ul,an as jd,ao as qd,ap as Ud,aq as Bd,ar as Hd,as as Gd,at as He,au as Wd,av as Jd,aw as Bl,ax as Zd,ay as Yd,az as Xt,aA as Xd,aB as ec,aC as nc,aD as ac,aE as tc,aF as lc,aG as Hl,aH as ic,aI as rc,aJ as sc,aK as oc,aL as dc,aM as En,aN as Pt,aO as Gl,aP as Gn,aQ as yt,aR as Dn,aS as pn,aT as cc,aU as uc,aV as Wl,aW as Ba,aX as tn,aY as mc,aZ as Jl,a_ as gc,a$ as ze,b0 as Lt,b1 as pc,b2 as wt,b3 as qe,b4 as Xe,b5 as la,b6 as yc,b7 as Ha,b8 as Zl,b9 as Yl,ba as fc,bb as We,bc as Ne,bd as hc,be as Et,bf as Xl,bg as ei,bh as ni,bi as ai,bj as fn,bk as kc,bl as el,bm as ti,bn as bc,bo as Sc,bp as vc,bq as Cc,br as Fc,bs as Wn,bt as ft,bu as li,bv as Kc,bw as xc,bx as Ga,by as ii,bz as Fa,bA as nl,bB as ri,bC as _t,bD as si,bE as oi,bF as Tc,bG as ht,bH as di,bI as Ic,bJ as Dc,bK as Da,bL as Pc,bM as ci,bN as ui,bO as Lc,bP as wc,bQ as Ec,bR as Rt,bS as mi,bT as _c,bU as Rc,bV as Ac,bW as Ma,bX as Mc,bY as Nc,bZ as zc,b_ as Vc,b$ as $c,c0 as gi,c1 as Oc,c2 as Qc,c3 as jc,c4 as qc,c5 as Uc,c6 as Bc,c7 as Hc,c8 as Gc}from"./components-Fbz1fA9N.js";import{p as At,R as ia,n as ra,i as Wc,E as pi,m as Jc,o as Zc,g as Yc}from"./vendor-codemirror-WrxmCiOZ.js";import{R as Cn,C as Ka,X as Fn,Y as en,a as Kn,T as xn,B as Jn,A as ha,b as yi,c as Mt,L as fi,d as Xc,P as eu,e as nu,f as au}from"./vendor-recharts-Bj7q9ORc.js";const tu=4,lu={user:["user","human"],ai:["assistant","bot","ai"],system:["system"],tool:["tool"]},iu="Unable to parse span input messages, expected messages which include a role and content.",ru="Unable to parse span output messages, expected messages which include a role and content.",su="Unable to parse span output expected output.value to be present.",ou="Unable to parse span attributes, attributes must be valid JSON.",du="Unable to parse model config, expected llm.model_name to be present.",cu="Unable to parse model config, expected llm.invocation_parameters JSON string to be present.",uu="Unable to parse invocation parameters response_format, expected llm.invocation_parameters.response_format to be a well formed json object or undefined.",mu="Unable to parse tools, expected tools to be an array of valid tools.",gu="Unable to parse prompt template variables, expected prompt template variables to be a valid JSON object string.",al={AZURE_OPENAI:[],ANTHROPIC:["claude"],OPENAI:["gpt","o1"],GEMINI:["gemini"]},ya="TOOL_CHOICE",Ea="tool_choice",_n="RESPONSE_FORMAT",Ln="response_format",pu=[ya,_n],Nt=xt()(A.union([A.literal("auto"),A.literal("none"),A.literal("required"),A.object({type:A.literal("function"),function:A.object({name:A.string()})})])),zt=A.object({type:A.union([A.literal("auto"),A.literal("any"),A.literal("tool")]),disable_parallel_tool_use:A.boolean().optional(),name:A.string().optional()}),yu=zt.transform(n=>{switch(n.type){case"any":case"auto":return"auto";case"tool":return n.name?{type:"function",function:{name:n.name}}:"auto";default:return"auto"}}),fu=Nt.transform(n=>typeof n=="string"?{type:"auto"}:{type:"tool",name:n.function.name});A.union([Nt,zt]);const hu=n=>{const{success:a,data:t}=Nt.safeParse(n);if(a)return{provider:"OPENAI",toolChoice:t};const{success:l,data:i}=zt.safeParse(n);return l?{provider:"ANTHROPIC",toolChoice:i}:{provider:null,toolChoice:null}},ku=n=>{const{provider:a,toolChoice:t}=hu(n);if(a==null||t==null)throw new Error("Could not detect provider of tool choice");switch(a){case"AZURE_OPENAI":case"OPENAI":return t;case"ANTHROPIC":return yu.parse(t);default:me()}},bu=({toolChoice:n,targetProvider:a})=>{switch(a){case"AZURE_OPENAI":case"OPENAI":return n;case"ANTHROPIC":return fu.parse(n);case"GEMINI":return n;default:me()}},Su=({toolChoice:n,targetProvider:a})=>{try{const t=ku(n);return bu({toolChoice:t,targetProvider:a})}catch{return null}},vu=A.object({tool_call:A.object({id:A.string().optional(),function:A.object({name:A.string(),arguments:A.string()}).partial()}).partial()}).partial(),hi=A.object({[de.message]:A.object({[Pe.role]:A.string(),[Pe.content]:A.union([A.string(),A.array(A.record(A.string(),A.unknown()))]).default(""),[Pe.tool_calls]:A.array(vu).optional(),[Pe.tool_call_id]:A.string().optional()})}),Cu=A.object({[de.llm]:A.object({[Le.input_messages]:A.array(hi)})}),Fu=A.object({[de.llm]:A.object({[Le.output_messages]:A.array(hi)})}),Ku=A.object({[de.output]:A.object({value:A.string()})}),ki=xt()(A.enum(["user","ai","system","tool"])),xu=xt()(A.object({id:A.number(),role:ki,content:A.string().optional(),toolCallId:A.string().optional(),toolCalls:A.array(Kd).optional()})),Tu=A.array(xu),Vt=A.lazy(()=>A.record(Al)),Iu=Vt,bi=A.string().transform((n,a)=>{const{json:t}=_e(n);if(!Ml(t))return a.addIssue({code:A.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),A.NEVER;const{success:l,data:i}=Iu.safeParse(t);return l?i:(a.addIssue({code:A.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),A.NEVER)}).default("{}"),Du=A.object({[de.llm]:A.object({[Le.provider]:A.string().optional(),[Le.model_name]:A.string()})}),Si=A.object({[de.llm]:A.object({[Le.invocation_parameters]:bi})}),Pu=A.object({[de.llm]:A.object({[Le.invocation_parameters]:bi.pipe(A.object({response_format:Vt.optional()}))})}),Lu=A.string().transform((n,a)=>{const{json:t}=_e(n);return t==null||!Ml(t)?(a.addIssue({code:A.ZodIssueCode.custom,message:"The tool JSON schema must be a valid JSON object"}),A.NEVER):t}).transform((n,a)=>{const{data:t,success:l}=Nl.safeParse(n);return l?t:(a.addIssue({code:A.ZodIssueCode.custom,message:"The tool JSON schema must be a valid tool schema"}),A.NEVER)}),wu=A.object({[de.llm]:A.object({[Le.tools]:A.array(A.object({[de.tool]:A.object({[Pa.json_schema]:Lu})}).optional()).optional()}).optional()}).optional(),Eu=A.lazy(()=>A.object({type:A.literal("json_schema"),json_schema:A.object({name:A.string().describe("The name of the schema"),schema:Al.describe("The schema itself in JSON format"),strict:A.literal(!0).describe("The schema must be strict")})})),_u=Jo(Eu,{removeAdditionalStrategy:"passthrough"}),Ru=A.string().transform((n,a)=>{const{json:t}=_e(n);return yn(t)?Object.entries(t).reduce((i,[r,s])=>{if(typeof s=="string")i[r]=s;else{const{json:c}=zl(s);c!=null&&(i[r]=c)}return i},{}):(a.addIssue({code:A.ZodIssueCode.custom,message:"The prompt template variables must be a valid JSON object"}),A.NEVER)}),Au=A.object({[de.llm]:A.object({[Le.prompt_template]:A.object({variables:Ru}).optional()}).optional()}).optional();function vi(n){return ki.safeParse(n).success}function Na(n){if(vi(n))return n;for(const[a,t]of Object.entries(lu))if(t.includes(n))return a;return Id}function Mu({toolCalls:n,provider:a}){if(n!=null)return n.map(({tool_call:t})=>{var i,r,s,c;if(t==null)return null;let l={};if(((i=t.function)==null?void 0:i.arguments)!=null){const{json:d}=_e(t.function.arguments);yn(d)&&(l=d)}switch(a){case"OPENAI":case"AZURE_OPENAI":return{id:t.id??"",function:{name:((r=t.function)==null?void 0:r.name)??"",arguments:l}};case"ANTHROPIC":return{id:t.id??"",type:"tool_use",name:((s=t.function)==null?void 0:s.name)??"",input:l};case"GEMINI":return{id:t.id??"",function:{name:((c=t.function)==null?void 0:c.name)??"",arguments:l}};default:me()}}).filter(t=>t!=null)}function Ci({messages:n,provider:a}){return n.map(({message:t})=>({id:fa(),role:t.tool_call_id!=null?Na("tool"):Na(t.role),content:typeof t.content=="string"?t.content:void 0,toolCalls:Mu({provider:a,toolCalls:t.tool_calls}),toolCallId:t.tool_call_id}))}function Nu({provider:n,parsedAttributes:a}){var l;const t=Cu.safeParse(a);if(!t.success)return{messageParsingErrors:[iu],messages:null};if(n==="ANTHROPIC"){const{success:i,data:r}=Si.safeParse(a);if(i){const s=t.data.llm.input_messages,c=(l=r.llm.invocation_parameters)==null?void 0:l.system;typeof c=="string"&&c&&(!s||s[0].message.role!=="system")&&t.data.llm.input_messages.unshift({message:{role:"system",content:c}})}}return{messageParsingErrors:[],messages:Ci({provider:n,messages:t.data.llm.input_messages})}}function zu({provider:n,parsedAttributes:a}){const t=[],l=Fu.safeParse(a);if(l.success)return{output:Ci({provider:n,messages:l.data.llm.output_messages}),outputParsingErrors:t};t.push(ru);const i=Ku.safeParse(a);return i.success?{output:i.data.output.value,outputParsingErrors:t}:(t.push(su),{output:void 0,outputParsingErrors:t})}function Vu(n){if(n==null)return null;switch(n.toLowerCase()){case"openai":return"OPENAI";case"anthropic":return"ANTHROPIC";case"google":return"GEMINI";case"azure":return"AZURE_OPENAI";default:return null}}function $u(n){for(const a of Object.keys(al))if(al[a].some(l=>n.includes(l)))return a;return Td}function Ou(n){const{success:a,data:t}=Du.safeParse(n);if(a){const l=Vu(t.llm.provider)||$u(t.llm.model_name);return{modelConfig:{modelName:t.llm.model_name,provider:l,invocationParameters:[],supportedInvocationParameters:[]},parsingErrors:[]}}return{modelConfig:null,parsingErrors:[du]}}function Qu(n,a=[]){const{success:t,data:l}=Si.safeParse(n),i=[];return t||i.push(cu),{invocationParameters:Zu((l==null?void 0:l.llm.invocation_parameters)??{},a),parsingErrors:i}}function ju(n){const{success:a,data:t}=Pu.safeParse(n);return a?{responseFormat:t.llm.invocation_parameters.response_format,parsingErrors:[]}:{responseFormat:void 0,parsingErrors:[uu]}}function qu(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:wa(),definition:t.tool.json_schema}).filter(t=>t!=null)}function Uu(n){var l;const{data:a,success:t}=wu.safeParse(n);return t?((l=a==null?void 0:a.llm)==null?void 0:l.tools)==null?{tools:null,parsingErrors:[]}:{tools:qu(a),parsingErrors:[]}:{tools:null,parsingErrors:[mu]}}function Bu(n){var l;const{success:a,data:t}=Au.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:[gu]}}function Hu(n){const a=xd(),{json:t,parseError:l}=_e(n.attributes);if(l)return{playgroundInstance:{...a,spanId:(n==null?void 0:n.id)??null},parsingErrors:[ou]};const i=n.invocationParameters,r=Ou(t);let{modelConfig:s}=r;const{parsingErrors:c}=r,{messages:d,messageParsingErrors:m}=Nu({provider:(s==null?void 0:s.provider)??a.model.provider,parsedAttributes:t}),{output:f,outputParsingErrors:g}=zu({provider:(s==null?void 0:s.provider)??a.model.provider,parsedAttributes:t}),{invocationParameters:y,parsingErrors:p}=Qu(t,i),{variables:k,parsingErrors:b}=Bu(t),{parsingErrors:S}=ju(t);s=s!=null?{...s,invocationParameters:S.length>0?y.filter(E=>E.invocationName!==Ln&&E.canonicalName!==_n):y}:null;const{tools:v,parsingErrors:P}=Uu(t);return{playgroundInstance:{...a,model:s??a.model,template:d!=null?{__type:"chat",messages:d}:a.template,output:f,spanId:n.id,tools:v??a.tools},playgroundInput:k!=null?{variablesValueCache:k}:void 0,parsingErrors:[...m,...g,...c,...P,...p,...S,...b]}}const Gu=n=>Tu.safeParse(n).success,Fi=({instance:n,templateLanguage:a})=>{if(a==Pn.NONE)return[];const t=new Set,l=n.template.__type,i=Dd(a);switch(l){case"chat":{n.template.messages.forEach(r=>{(r.content==null?[]:i.extractVariables(r.content)).forEach(c=>{t.add(c)})});break}case"text_completion":{i.extractVariables(n.template.prompt).forEach(s=>{t.add(s)});break}default:me()}return Array.from(t)},Wu=({instances:n,templateLanguage:a})=>a==Pn.NONE?[]:Array.from(new Set(n.flatMap(t=>Fi({instance:t,templateLanguage:a})))),Ki=({instances:n,templateLanguage:a,input:t})=>{if(a==Pn.NONE)return{variablesMap:{},variableKeys:[]};const l=Wu({instances:n,templateLanguage:a}),i=t.variablesValueCache??{};return{variablesMap:l.reduce((s,c)=>(s[c]=i[c]||"",s),{}),variableKeys:l}};function Rn(n,a){return n.invocationName===a.invocationName||n.canonicalName!=null&&a.canonicalName!=null&&n.canonicalName===a.canonicalName}const Ju=(n,a)=>n.filter(t=>a.some(l=>Rn(l,t))).map(t=>{var l;return{...t,invocationName:((l=a.find(i=>Rn(i,t)))==null?void 0:l.invocationName)??t.invocationName}}),Wa=n=>n.replace(/_([a-z])/g,(a,t)=>t.toUpperCase()),Zu=(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,[Wa(i.invocationInputField)]:l}}).filter(t=>t!=null),_a=n=>{const{provider:a,validatedToolDefinition:t}=Ld(n.definition);switch(a){case"OPENAI":case"AZURE_OPENAI":return t.function.name;case"ANTHROPIC":return t.name;case"UNKNOWN":return null;default:me()}},tl=({provider:n,toolNumber:a})=>{switch(n){case"OPENAI":case"AZURE_OPENAI":return{id:wa(),definition:Jt(a)};case"ANTHROPIC":return{id:wa(),definition:wd(a)};case"GEMINI":return{id:wa(),definition:Jt(a)};default:me()}},Yu=n=>{switch(n){case"OPENAI":case"AZURE_OPENAI":return Wt();case"ANTHROPIC":return Pd();case"GEMINI":return Wt();default:me()}};function Xu(n){return{content:n.content,role:em(n.role),toolCalls:n.toolCalls,toolCallId:n.toolCallId}}function em(n){switch(n){case"system":return"SYSTEM";case"user":return"USER";case"tool":return"TOOL";case"ai":return"AI";default:me()}}const xi=({playgroundStore:n,instanceId:a,credentials:t})=>{const{instances:l}=n.getState(),i=l.find(m=>m.id===a);if(!i)throw new Error(`No instance found for id ${a}`);if(i.template.__type!=="chat")throw new Error("We only support chat templates for now");const r=i.model.supportedInvocationParameters;let s=[...i.model.invocationParameters];const c=Su({toolChoice:i.toolChoice,targetProvider:i.model.provider});i.tools.length>0?(s=s.filter(m=>m.invocationName!==Ea&&m.canonicalName!==ya),s.push({canonicalName:ya,invocationName:Ea,valueJson:c})):s=s.filter(m=>m.invocationName!==Ea&&m.canonicalName!==ya),s=r.length?Ju(s,r):s;const d=i.model.provider==="AZURE_OPENAI"?{endpoint:i.model.endpoint,apiVersion:i.model.apiVersion}:{};return{messages:i.template.messages.map(Xu),model:{providerKey:i.model.provider,name:i.model.modelName||"",...d},invocationParameters:s,tools:i.tools.length?i.tools.map(m=>m.definition):void 0,apiKey:t[i.model.provider]||null}},nm=({playgroundStore:n,instanceId:a,credentials:t})=>{const l=xi({playgroundStore:n,instanceId:a,credentials:t}),{instances:i,templateLanguage:r,input:s}=n.getState(),{variablesMap:c}=Ki({instances:i,input:s,templateLanguage:r});return{...l,template:{variables:c,language:r}}},ll=({playgroundStore:n,instanceId:a,credentials:t,datasetId:l})=>({...xi({playgroundStore:n,instanceId:a,credentials:t}),templateLanguage:n.getState().templateLanguage,datasetId:l});function Ti(n){return n==null||n===""?"{}":typeof n=="string"?n:JSON.stringify(n,null,2)}function Ii(n,a){return a.filter(t=>t.required).every(t=>n.some(l=>Rn(l,t)))}const am=n=>{for(const[a,t]of Object.entries(n))if(a.endsWith("DefaultValue")&&t!=null)return n[a]};function L0(n,a){const t=new Map(n.map(l=>[l.canonicalName||l.invocationName,l]));return a.forEach(l=>{var d;const i=l.canonicalName||l.invocationName,r=am(l),s=Wa(l.invocationInputField||"");if(!l.invocationName||!l.invocationInputField||!i||r==null||((d=t.get(i))==null?void 0:d[s])!=null)return;const c={canonicalName:l.canonicalName,invocationName:l.invocationName,[s]:r};t.set(i,c)}),Array.from(t.values())}const Di=u.createContext(null);function w0({children:n,...a}){const[t]=u.useState(()=>Ed(a));return e(Di.Provider,{value:t,children:n})}function za(n,a){const t=Se.useContext(Di);if(!t)throw new Error("Missing CredentialsContext.Provider in the tree");return ba(t,n,a)}const Pi=u.createContext(null);function tm(){const n=u.useContext(Pi);if(n===null)throw new Error("useFunctionality must be used within a FunctionalityProvider");return n}function E0(n){return e(Pi.Provider,{value:{authenticationEnabled:window.Config.authenticationEnabled},children:n.children})}const lm=C`
|
|
1
|
+
import{z as A,av as de,aw as Pe,ax as Le,ay as Pa,A as Jo,r as u,j as e,R as Se,n as ba,D as C,l as o,az as Oe,S as X,O as G,t as D,Z as Ue,_ as W,a0 as Fe,a1 as Ke,a4 as J,aA as ke,aB as sn,aC as on,aD as Ve,aE as Zo,aF as pt,aG as kn,aH as Aa,U as re,aI as Ia,a3 as Mn,g as Tl,aJ as Yo,X as bt,V as Xo,aK as ed,aL as at,aM as tt,aN as sa,aO as Sa,aP as Il,o as St,aQ as nd,aq as ad,ar as td,aR as ld,p as Dl,q as id,aS as rd,a9 as sd,aT as od,aU as Gt,aV as dd,aW as cd,aX as ud,aY as md,aZ as gd,a_ as pd,a$ as yd,b0 as fd,b1 as hd}from"./vendor-DwOx_a-2.js";import{c as h,I as L,a as I,e as z,d as K,q as ue,C as q,m as vt,p as Z,D as ee,b as x,v as ce,N as Ct,K as Qe,M as ne,O as Be,Q as be,S as kd,x as $a,r as Oa,P as Zn,o as Nn,s as Qa,B as zn,G as Yn,t as De,y as Pl,U as Ze,L as La,V as Ll,W as wl,X as El,Y as bd,Z as Sd,$ as Xn,j as je,k as va,T as pe,a0 as Ft,n as Ae,l as ae,E as ja,f as Ie,a1 as _l,a2 as Kt,h as Vn,u as vd,a3 as Cd,w as Fd,R as pa,i as Rl}from"./vendor-arizeai-BWSsCZNG.js";import{s as xt,a as me,l as Kd,j as Al,b as _e,i as Ml,c as Nl,d as yn,e as zl,f as xd,g as fa,D as Td,h as wa,k as Id,T as Pn,m as Dd,n as Wt,o as Pd,p as Ld,q as Jt,r as wd,t as Ed,N as _d,u as Rd,L as ye,v as ve,w as Ca,B as Ad,x as Tn,y as Md,G as Nd,z as zd,A as Vd,S as $d,C as rn,J as Re,E as $n,F as Ee,H as fe,I as Ce,K as ea,M as un,O as xe,P as se,Q as Je,R as bn,U as Me,V as Vl,W as Ge,X as Ye,Y as Sn,Z as Tt,_ as nn,$ as mn,a0 as It,a1 as $l,a2 as Ol,a3 as Zt,a4 as Yt,a5 as On,a6 as Od,a7 as Qd,a8 as B,a9 as Ql,aa as qa,ab as na,ac as jl,ad as aa,ae as ta,af as ql,ag as gn,ah as we,ai as Ua,aj as vn,ak as Dt,al as an,am as Ul,an as jd,ao as qd,ap as Ud,aq as Bd,ar as Hd,as as Gd,at as He,au as Wd,av as Jd,aw as Bl,ax as Zd,ay as Yd,az as Xt,aA as Xd,aB as ec,aC as nc,aD as ac,aE as tc,aF as lc,aG as Hl,aH as ic,aI as rc,aJ as sc,aK as oc,aL as dc,aM as En,aN as Pt,aO as Gl,aP as Gn,aQ as yt,aR as Dn,aS as pn,aT as cc,aU as uc,aV as Wl,aW as Ba,aX as tn,aY as mc,aZ as Jl,a_ as gc,a$ as ze,b0 as Lt,b1 as pc,b2 as wt,b3 as qe,b4 as Xe,b5 as la,b6 as yc,b7 as Ha,b8 as Zl,b9 as Yl,ba as fc,bb as We,bc as Ne,bd as hc,be as Et,bf as Xl,bg as ei,bh as ni,bi as ai,bj as fn,bk as kc,bl as el,bm as ti,bn as bc,bo as Sc,bp as vc,bq as Cc,br as Fc,bs as Wn,bt as ft,bu as li,bv as Kc,bw as xc,bx as Ga,by as ii,bz as Fa,bA as nl,bB as ri,bC as _t,bD as si,bE as oi,bF as Tc,bG as ht,bH as di,bI as Ic,bJ as Dc,bK as Da,bL as Pc,bM as ci,bN as ui,bO as Lc,bP as wc,bQ as Ec,bR as Rt,bS as mi,bT as _c,bU as Rc,bV as Ma,bW as Ac,bX as Mc,bY as Nc,bZ as zc,b_ as Vc,b$ as gi,c0 as $c,c1 as Oc,c2 as Qc,c3 as jc,c4 as qc,c5 as Uc,c6 as Bc,c7 as Hc}from"./components-CTfaHD1U.js";import{p as At,R as ia,n as ra,i as Gc,E as pi,m as Wc,o as Jc,g as Zc}from"./vendor-codemirror-WrxmCiOZ.js";import{R as Cn,C as Ka,X as Fn,Y as en,a as Kn,T as xn,B as Jn,A as ha,b as yi,c as Mt,L as fi,d as Yc,P as Xc,e as eu,f as nu}from"./vendor-recharts-Bj7q9ORc.js";const au=4,tu={user:["user","human"],ai:["assistant","bot","ai"],system:["system"],tool:["tool"]},lu="Unable to parse span input messages, expected messages which include a role and content.",iu="Unable to parse span output messages, expected messages which include a role and content.",ru="Unable to parse span output expected output.value to be present.",su="Unable to parse span attributes, attributes must be valid JSON.",ou="Unable to parse model config, expected llm.model_name to be present.",du="Unable to parse model config, expected llm.invocation_parameters JSON string to be present.",cu="Unable to parse invocation parameters response_format, expected llm.invocation_parameters.response_format to be a well formed json object or undefined.",uu="Unable to parse tools, expected tools to be an array of valid tools.",mu="Unable to parse prompt template variables, expected prompt template variables to be a valid JSON object string.",al={AZURE_OPENAI:[],ANTHROPIC:["claude"],OPENAI:["gpt","o1"],GEMINI:["gemini"]},ya="TOOL_CHOICE",Ea="tool_choice",_n="RESPONSE_FORMAT",Ln="response_format",gu=[ya,_n],Nt=xt()(A.union([A.literal("auto"),A.literal("none"),A.literal("required"),A.object({type:A.literal("function"),function:A.object({name:A.string()})})])),zt=A.object({type:A.union([A.literal("auto"),A.literal("any"),A.literal("tool")]),disable_parallel_tool_use:A.boolean().optional(),name:A.string().optional()}),pu=zt.transform(n=>{switch(n.type){case"any":case"auto":return"auto";case"tool":return n.name?{type:"function",function:{name:n.name}}:"auto";default:return"auto"}}),yu=Nt.transform(n=>typeof n=="string"?{type:"auto"}:{type:"tool",name:n.function.name});A.union([Nt,zt]);const fu=n=>{const{success:a,data:t}=Nt.safeParse(n);if(a)return{provider:"OPENAI",toolChoice:t};const{success:l,data:i}=zt.safeParse(n);return l?{provider:"ANTHROPIC",toolChoice:i}:{provider:null,toolChoice:null}},hu=n=>{const{provider:a,toolChoice:t}=fu(n);if(a==null||t==null)throw new Error("Could not detect provider of tool choice");switch(a){case"AZURE_OPENAI":case"OPENAI":return t;case"ANTHROPIC":return pu.parse(t);default:me()}},ku=({toolChoice:n,targetProvider:a})=>{switch(a){case"AZURE_OPENAI":case"OPENAI":return n;case"ANTHROPIC":return yu.parse(n);case"GEMINI":return n;default:me()}},bu=({toolChoice:n,targetProvider:a})=>{try{const t=hu(n);return ku({toolChoice:t,targetProvider:a})}catch{return null}},Su=A.object({tool_call:A.object({id:A.string().optional(),function:A.object({name:A.string(),arguments:A.string()}).partial()}).partial()}).partial(),hi=A.object({[de.message]:A.object({[Pe.role]:A.string(),[Pe.content]:A.union([A.string(),A.array(A.record(A.string(),A.unknown()))]).default(""),[Pe.tool_calls]:A.array(Su).optional(),[Pe.tool_call_id]:A.string().optional()})}),vu=A.object({[de.llm]:A.object({[Le.input_messages]:A.array(hi)})}),Cu=A.object({[de.llm]:A.object({[Le.output_messages]:A.array(hi)})}),Fu=A.object({[de.output]:A.object({value:A.string()})}),ki=xt()(A.enum(["user","ai","system","tool"])),Ku=xt()(A.object({id:A.number(),role:ki,content:A.string().optional(),toolCallId:A.string().optional(),toolCalls:A.array(Kd).optional()})),xu=A.array(Ku),Vt=A.lazy(()=>A.record(Al)),Tu=Vt,bi=A.string().transform((n,a)=>{const{json:t}=_e(n);if(!Ml(t))return a.addIssue({code:A.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),A.NEVER;const{success:l,data:i}=Tu.safeParse(t);return l?i:(a.addIssue({code:A.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),A.NEVER)}).default("{}"),Iu=A.object({[de.llm]:A.object({[Le.provider]:A.string().optional(),[Le.model_name]:A.string()})}),Si=A.object({[de.llm]:A.object({[Le.invocation_parameters]:bi})}),Du=A.object({[de.llm]:A.object({[Le.invocation_parameters]:bi.pipe(A.object({response_format:Vt.optional()}))})}),Pu=A.string().transform((n,a)=>{const{json:t}=_e(n);return t==null||!Ml(t)?(a.addIssue({code:A.ZodIssueCode.custom,message:"The tool JSON schema must be a valid JSON object"}),A.NEVER):t}).transform((n,a)=>{const{data:t,success:l}=Nl.safeParse(n);return l?t:(a.addIssue({code:A.ZodIssueCode.custom,message:"The tool JSON schema must be a valid tool schema"}),A.NEVER)}),Lu=A.object({[de.llm]:A.object({[Le.tools]:A.array(A.object({[de.tool]:A.object({[Pa.json_schema]:Pu})}).optional()).optional()}).optional()}).optional(),wu=A.lazy(()=>A.object({type:A.literal("json_schema"),json_schema:A.object({name:A.string().describe("The name of the schema"),schema:Al.describe("The schema itself in JSON format"),strict:A.literal(!0).describe("The schema must be strict")})})),Eu=Jo(wu,{removeAdditionalStrategy:"passthrough"}),_u=A.string().transform((n,a)=>{const{json:t}=_e(n);return yn(t)?Object.entries(t).reduce((i,[r,s])=>{if(typeof s=="string")i[r]=s;else{const{json:c}=zl(s);c!=null&&(i[r]=c)}return i},{}):(a.addIssue({code:A.ZodIssueCode.custom,message:"The prompt template variables must be a valid JSON object"}),A.NEVER)}),Ru=A.object({[de.llm]:A.object({[Le.prompt_template]:A.object({variables:_u}).optional()}).optional()}).optional();function vi(n){return ki.safeParse(n).success}function Na(n){if(vi(n))return n;for(const[a,t]of Object.entries(tu))if(t.includes(n))return a;return Id}function Au({toolCalls:n,provider:a}){if(n!=null)return n.map(({tool_call:t})=>{var i,r,s,c;if(t==null)return null;let l={};if(((i=t.function)==null?void 0:i.arguments)!=null){const{json:d}=_e(t.function.arguments);yn(d)&&(l=d)}switch(a){case"OPENAI":case"AZURE_OPENAI":return{id:t.id??"",function:{name:((r=t.function)==null?void 0:r.name)??"",arguments:l}};case"ANTHROPIC":return{id:t.id??"",type:"tool_use",name:((s=t.function)==null?void 0:s.name)??"",input:l};case"GEMINI":return{id:t.id??"",function:{name:((c=t.function)==null?void 0:c.name)??"",arguments:l}};default:me()}}).filter(t=>t!=null)}function Ci({messages:n,provider:a}){return n.map(({message:t})=>({id:fa(),role:t.tool_call_id!=null?Na("tool"):Na(t.role),content:typeof t.content=="string"?t.content:void 0,toolCalls:Au({provider:a,toolCalls:t.tool_calls}),toolCallId:t.tool_call_id}))}function Mu({provider:n,parsedAttributes:a}){var l;const t=vu.safeParse(a);if(!t.success)return{messageParsingErrors:[lu],messages:null};if(n==="ANTHROPIC"){const{success:i,data:r}=Si.safeParse(a);if(i){const s=t.data.llm.input_messages,c=(l=r.llm.invocation_parameters)==null?void 0:l.system;typeof c=="string"&&c&&(!s||s[0].message.role!=="system")&&t.data.llm.input_messages.unshift({message:{role:"system",content:c}})}}return{messageParsingErrors:[],messages:Ci({provider:n,messages:t.data.llm.input_messages})}}function Nu({provider:n,parsedAttributes:a}){const t=[],l=Cu.safeParse(a);if(l.success)return{output:Ci({provider:n,messages:l.data.llm.output_messages}),outputParsingErrors:t};t.push(iu);const i=Fu.safeParse(a);return i.success?{output:i.data.output.value,outputParsingErrors:t}:(t.push(ru),{output:void 0,outputParsingErrors:t})}function zu(n){if(n==null)return null;switch(n.toLowerCase()){case"openai":return"OPENAI";case"anthropic":return"ANTHROPIC";case"google":return"GEMINI";case"azure":return"AZURE_OPENAI";default:return null}}function Vu(n){for(const a of Object.keys(al))if(al[a].some(l=>n.includes(l)))return a;return Td}function $u(n){const{success:a,data:t}=Iu.safeParse(n);if(a){const l=zu(t.llm.provider)||Vu(t.llm.model_name);return{modelConfig:{modelName:t.llm.model_name,provider:l,invocationParameters:[],supportedInvocationParameters:[]},parsingErrors:[]}}return{modelConfig:null,parsingErrors:[ou]}}function Ou(n,a=[]){const{success:t,data:l}=Si.safeParse(n),i=[];return t||i.push(du),{invocationParameters:Ju((l==null?void 0:l.llm.invocation_parameters)??{},a),parsingErrors:i}}function Qu(n){const{success:a,data:t}=Du.safeParse(n);return a?{responseFormat:t.llm.invocation_parameters.response_format,parsingErrors:[]}:{responseFormat:void 0,parsingErrors:[cu]}}function ju(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:wa(),definition:t.tool.json_schema}).filter(t=>t!=null)}function qu(n){var l;const{data:a,success:t}=Lu.safeParse(n);return t?((l=a==null?void 0:a.llm)==null?void 0:l.tools)==null?{tools:null,parsingErrors:[]}:{tools:ju(a),parsingErrors:[]}:{tools:null,parsingErrors:[uu]}}function Uu(n){var l;const{success:a,data:t}=Ru.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:[mu]}}function Bu(n){const a=xd(),{json:t,parseError:l}=_e(n.attributes);if(l)return{playgroundInstance:{...a,spanId:(n==null?void 0:n.id)??null},parsingErrors:[su]};const i=n.invocationParameters,r=$u(t);let{modelConfig:s}=r;const{parsingErrors:c}=r,{messages:d,messageParsingErrors:m}=Mu({provider:(s==null?void 0:s.provider)??a.model.provider,parsedAttributes:t}),{output:f,outputParsingErrors:g}=Nu({provider:(s==null?void 0:s.provider)??a.model.provider,parsedAttributes:t}),{invocationParameters:y,parsingErrors:p}=Ou(t,i),{variables:k,parsingErrors:b}=Uu(t),{parsingErrors:S}=Qu(t);s=s!=null?{...s,invocationParameters:S.length>0?y.filter(E=>E.invocationName!==Ln&&E.canonicalName!==_n):y}:null;const{tools:v,parsingErrors:P}=qu(t);return{playgroundInstance:{...a,model:s??a.model,template:d!=null?{__type:"chat",messages:d}:a.template,output:f,spanId:n.id,tools:v??a.tools},playgroundInput:k!=null?{variablesValueCache:k}:void 0,parsingErrors:[...m,...g,...c,...P,...p,...S,...b]}}const Hu=n=>xu.safeParse(n).success,Fi=({instance:n,templateLanguage:a})=>{if(a==Pn.NONE)return[];const t=new Set,l=n.template.__type,i=Dd(a);switch(l){case"chat":{n.template.messages.forEach(r=>{(r.content==null?[]:i.extractVariables(r.content)).forEach(c=>{t.add(c)})});break}case"text_completion":{i.extractVariables(n.template.prompt).forEach(s=>{t.add(s)});break}default:me()}return Array.from(t)},Gu=({instances:n,templateLanguage:a})=>a==Pn.NONE?[]:Array.from(new Set(n.flatMap(t=>Fi({instance:t,templateLanguage:a})))),Ki=({instances:n,templateLanguage:a,input:t})=>{if(a==Pn.NONE)return{variablesMap:{},variableKeys:[]};const l=Gu({instances:n,templateLanguage:a}),i=t.variablesValueCache??{};return{variablesMap:l.reduce((s,c)=>(s[c]=i[c]||"",s),{}),variableKeys:l}};function Rn(n,a){return n.invocationName===a.invocationName||n.canonicalName!=null&&a.canonicalName!=null&&n.canonicalName===a.canonicalName}const Wu=(n,a)=>n.filter(t=>a.some(l=>Rn(l,t))).map(t=>{var l;return{...t,invocationName:((l=a.find(i=>Rn(i,t)))==null?void 0:l.invocationName)??t.invocationName}}),Wa=n=>n.replace(/_([a-z])/g,(a,t)=>t.toUpperCase()),Ju=(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,[Wa(i.invocationInputField)]:l}}).filter(t=>t!=null),_a=n=>{const{provider:a,validatedToolDefinition:t}=Ld(n.definition);switch(a){case"OPENAI":case"AZURE_OPENAI":return t.function.name;case"ANTHROPIC":return t.name;case"UNKNOWN":return null;default:me()}},tl=({provider:n,toolNumber:a})=>{switch(n){case"OPENAI":case"AZURE_OPENAI":return{id:wa(),definition:Jt(a)};case"ANTHROPIC":return{id:wa(),definition:wd(a)};case"GEMINI":return{id:wa(),definition:Jt(a)};default:me()}},Zu=n=>{switch(n){case"OPENAI":case"AZURE_OPENAI":return Wt();case"ANTHROPIC":return Pd();case"GEMINI":return Wt();default:me()}};function Yu(n){return{content:n.content,role:Xu(n.role),toolCalls:n.toolCalls,toolCallId:n.toolCallId}}function Xu(n){switch(n){case"system":return"SYSTEM";case"user":return"USER";case"tool":return"TOOL";case"ai":return"AI";default:me()}}const xi=({playgroundStore:n,instanceId:a,credentials:t})=>{const{instances:l}=n.getState(),i=l.find(m=>m.id===a);if(!i)throw new Error(`No instance found for id ${a}`);if(i.template.__type!=="chat")throw new Error("We only support chat templates for now");const r=i.model.supportedInvocationParameters;let s=[...i.model.invocationParameters];const c=bu({toolChoice:i.toolChoice,targetProvider:i.model.provider});i.tools.length>0?(s=s.filter(m=>m.invocationName!==Ea&&m.canonicalName!==ya),s.push({canonicalName:ya,invocationName:Ea,valueJson:c})):s=s.filter(m=>m.invocationName!==Ea&&m.canonicalName!==ya),s=r.length?Wu(s,r):s;const d=i.model.provider==="AZURE_OPENAI"?{endpoint:i.model.endpoint,apiVersion:i.model.apiVersion}:{};return{messages:i.template.messages.map(Yu),model:{providerKey:i.model.provider,name:i.model.modelName||"",...d},invocationParameters:s,tools:i.tools.length?i.tools.map(m=>m.definition):void 0,apiKey:t[i.model.provider]||null}},em=({playgroundStore:n,instanceId:a,credentials:t})=>{const l=xi({playgroundStore:n,instanceId:a,credentials:t}),{instances:i,templateLanguage:r,input:s}=n.getState(),{variablesMap:c}=Ki({instances:i,input:s,templateLanguage:r});return{...l,template:{variables:c,language:r}}},ll=({playgroundStore:n,instanceId:a,credentials:t,datasetId:l})=>({...xi({playgroundStore:n,instanceId:a,credentials:t}),templateLanguage:n.getState().templateLanguage,datasetId:l});function Ti(n){return n==null||n===""?"{}":typeof n=="string"?n:JSON.stringify(n,null,2)}function Ii(n,a){return a.filter(t=>t.required).every(t=>n.some(l=>Rn(l,t)))}const nm=n=>{for(const[a,t]of Object.entries(n))if(a.endsWith("DefaultValue")&&t!=null)return n[a]};function P0(n,a){const t=new Map(n.map(l=>[l.canonicalName||l.invocationName,l]));return a.forEach(l=>{var d;const i=l.canonicalName||l.invocationName,r=nm(l),s=Wa(l.invocationInputField||"");if(!l.invocationName||!l.invocationInputField||!i||r==null||((d=t.get(i))==null?void 0:d[s])!=null)return;const c={canonicalName:l.canonicalName,invocationName:l.invocationName,[s]:r};t.set(i,c)}),Array.from(t.values())}const Di=u.createContext(null);function L0({children:n,...a}){const[t]=u.useState(()=>Ed(a));return e(Di.Provider,{value:t,children:n})}function za(n,a){const t=Se.useContext(Di);if(!t)throw new Error("Missing CredentialsContext.Provider in the tree");return ba(t,n,a)}const Pi=u.createContext(null);function am(){const n=u.useContext(Pi);if(n===null)throw new Error("useFunctionality must be used within a FunctionalityProvider");return n}function w0(n){return e(Pi.Provider,{value:{authenticationEnabled:window.Config.authenticationEnabled},children:n.children})}const tm=C`
|
|
2
2
|
display: flex;
|
|
3
3
|
direction: row;
|
|
4
4
|
height: 100vh;
|
|
5
5
|
overflow: hidden;
|
|
6
|
-
`,
|
|
6
|
+
`,lm=C`
|
|
7
7
|
display: flex;
|
|
8
8
|
flex-direction: column;
|
|
9
9
|
flex: 1 1 auto;
|
|
10
10
|
height: 100%;
|
|
11
11
|
overflow: hidden;
|
|
12
12
|
padding-left: var(--px-nav-collapsed-width);
|
|
13
|
-
`,
|
|
13
|
+
`,im=C`
|
|
14
14
|
flex: 1 1 auto;
|
|
15
15
|
display: flex;
|
|
16
16
|
flex-direction: column;
|
|
17
17
|
height: 100%;
|
|
18
18
|
overflow: hidden;
|
|
19
|
-
`,
|
|
19
|
+
`,rm=C`
|
|
20
20
|
display: flex;
|
|
21
21
|
flex-direction: column;
|
|
22
22
|
margin: 0;
|
|
23
23
|
list-style: none;
|
|
24
24
|
gap: var(--ac-global-dimension-size-50);
|
|
25
25
|
padding-inline-start: 0;
|
|
26
|
-
`,
|
|
26
|
+
`,sm=C`
|
|
27
27
|
display: flex;
|
|
28
28
|
flex-direction: column;
|
|
29
29
|
gap: var(--ac-global-dimension-size-50);
|
|
30
|
-
`;function
|
|
30
|
+
`;function E0(){return o("div",{css:tm,"data-testid":"layout",children:[e(om,{}),o("div",{css:lm,children:[e(Rd,{children:e(_d,{})}),e("div",{"data-testid":"content",css:im,children:e(u.Suspense,{fallback:e(ye,{}),children:e(Oe,{})})})]})]})}function om(){const n=u.useMemo(()=>window.Config.hasInferences,[]),a=ve(),{authenticationEnabled:t}=am(),l=X(),i=u.useCallback(async()=>{const r=await fetch(Ca("/auth/logout"),{method:"POST"});if(r.ok){l("/login");return}a({title:"Logout Failed",message:"Failed to log out: "+r.statusText})},[l,a]);return o($d,{children:[e(Ad,{}),o(h,{direction:"column",justifyContent:"space-between",flex:"1 1 auto",children:[o("ul",{css:sm,children:[n&&e("li",{children:e(Tn,{to:"/model",text:"Model",icon:e(L,{svg:e(I.CubeOutline,{})})})}),e("li",{children:e(Tn,{to:"/projects",text:"Projects",icon:e(L,{svg:e(I.GridOutline,{})})})}),e("li",{children:e(Tn,{to:"/datasets",text:"Datasets",icon:e(L,{svg:e(I.DatabaseOutline,{})})})}),e("li",{children:e(Tn,{to:"/playground",text:"Playground",icon:e(L,{svg:e(I.PlayCircleOutline,{})})})}),e("li",{children:e(Tn,{to:"/apis",text:"APIs",icon:e(L,{svg:e(I.Code,{})})})})]}),o("ul",{css:rm,children:[e("li",{children:e(Tn,{to:"/settings",text:"Settings",icon:e(L,{svg:e(I.SettingsOutline,{})})})}),e("li",{children:e(Md,{})}),e("li",{children:e(Nd,{})}),e("li",{children:e(zd,{})}),t&&o(G,{children:[e("li",{children:e(Tn,{to:"/profile",text:"Profile",icon:e(L,{svg:e(I.PersonOutline,{})})})}),e("li",{children:e(Vd,{text:"Log Out",icon:e(L,{svg:e(I.LogOut,{})}),onClick:i})})]})]})]})]})}const Li=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"exampleId"}],a=[{kind:"Variable",name:"id",variableName:"exampleId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},i={alias:"latestRevision",args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},l,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},s={alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"span",plural:!1,selections:[t,{alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[r],storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],storageKey:null}],storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},d=[{kind:"Literal",name:"first",value:100}],m={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExampleDetailsDialogQuery",selections:[{alias:"example",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[t,i,s],type:"DatasetExample",abstractKey:null},{args:null,kind:"FragmentSpread",name:"ExampleExperimentRunsTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExampleDetailsDialogQuery",selections:[{alias:"example",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[c,{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[i,s,{alias:null,args:d,concreteType:"ExperimentRunConnection",kind:"LinkedField",name:"experimentRuns",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"run",args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},l,m,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},m],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:[c],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"experimentRuns(first:100)"},{alias:null,args:d,filters:null,handle:"connection",key:"ExampleExperimentRunsTable_experimentRuns",kind:"LinkedHandle",name:"experimentRuns"}],type:"DatasetExample",abstractKey:null}],storageKey:null}]},params:{cacheID:"6fa23dc80c23ecdf48e57d139d76a721",id:null,metadata:{},name:"ExampleDetailsDialogQuery",operationKind:"query",text:`query ExampleDetailsDialogQuery(
|
|
31
31
|
$exampleId: GlobalID!
|
|
32
32
|
) {
|
|
33
33
|
example: node(id: $exampleId) {
|
|
@@ -104,7 +104,7 @@ fragment ExampleExperimentRunsTableFragment on DatasetExample {
|
|
|
104
104
|
__typename
|
|
105
105
|
}
|
|
106
106
|
}
|
|
107
|
-
`}}}();wi.hash="a5e0e601ed24ffaa37a99ba358f960d3";const lt={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function
|
|
107
|
+
`}}}();wi.hash="a5e0e601ed24ffaa37a99ba358f960d3";const lt={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function dm(n){const{exampleId:a,onCompleted:t}=n,[l,i]=u.useState(null),[r,s]=D.useMutation(wi),{control:c,setError:d,handleSubmit:m,formState:{isValid:f}}=Ue({defaultValues:n.currentRevision}),g=u.useCallback(y=>{if(i(null),!rn(y==null?void 0:y.input))return d("input",{message:"Input must be a valid JSON object"});if(!rn(y==null?void 0:y.output))return d("output",{message:"Output must be a valid JSON object"});if(!rn(y==null?void 0:y.metadata))return d("metadata",{message:"Metadata must be a valid JSON object"});r({variables:{input:{patches:[{exampleId:a,input:JSON.parse(y.input),output:JSON.parse(y.output),metadata:JSON.parse(y.metadata)}],versionDescription:y.description}},onCompleted:()=>{t()},onError:p=>{i(p.message)}})},[r,a,d,t]);return e(Z,{size:"fullscreen",title:`Edit Example: ${a}`,extra:e(z,{variant:"primary",size:"compact",disabled:!f||s,loading:s,onClick:m(g),children:"Save Changes"}),children:e("div",{css:C`
|
|
108
108
|
overflow-y: auto;
|
|
109
109
|
padding: var(--ac-global-dimension-size-400);
|
|
110
110
|
/* Make widths configurable */
|
|
@@ -115,7 +115,7 @@ fragment ExampleExperimentRunsTableFragment on DatasetExample {
|
|
|
115
115
|
width: 100%;
|
|
116
116
|
}
|
|
117
117
|
}
|
|
118
|
-
`,children:e(h,{direction:"row",justifyContent:"center",children:e(K,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:o(h,{direction:"column",gap:"size-200",children:[l?e(ue,{variant:"danger",children:l}):null,e(W,{control:c,name:"input",render:({field:{onChange:y,onBlur:p,value:k},fieldState:{invalid:b,error:S}})=>o(q,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...lt,children:[b?e(ue,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Re,{value:k,onChange:y,onBlur:p})]})}),e(W,{control:c,name:"output",render:({field:{onChange:y,onBlur:p,value:k},fieldState:{invalid:b,error:S}})=>o(q,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...lt,backgroundColor:"green-100",borderColor:"green-700",children:[b?e(ue,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Re,{value:k,onChange:y,onBlur:p})]})}),e(W,{control:c,name:"metadata",render:({field:{onChange:y,onBlur:p,value:k},fieldState:{invalid:b,error:S}})=>o(q,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...lt,children:[b?e(ue,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Re,{value:k,onChange:y,onBlur:p})]})}),e(W,{control:c,name:"description",render:({field:{onChange:y,onBlur:p,value:k},fieldState:{invalid:b,error:S}})=>e(vt,{label:"Revision Description",value:k,onChange:y,onBlur:p,errorMessage:S==null?void 0:S.message,validationState:b?"invalid":"valid",placeholder:"A description of the changes made in this revision. Will be displayed in the version history.",height:100})})]})})})})})}function
|
|
118
|
+
`,children:e(h,{direction:"row",justifyContent:"center",children:e(K,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:o(h,{direction:"column",gap:"size-200",children:[l?e(ue,{variant:"danger",children:l}):null,e(W,{control:c,name:"input",render:({field:{onChange:y,onBlur:p,value:k},fieldState:{invalid:b,error:S}})=>o(q,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...lt,children:[b?e(ue,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Re,{value:k,onChange:y,onBlur:p})]})}),e(W,{control:c,name:"output",render:({field:{onChange:y,onBlur:p,value:k},fieldState:{invalid:b,error:S}})=>o(q,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...lt,backgroundColor:"green-100",borderColor:"green-700",children:[b?e(ue,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Re,{value:k,onChange:y,onBlur:p})]})}),e(W,{control:c,name:"metadata",render:({field:{onChange:y,onBlur:p,value:k},fieldState:{invalid:b,error:S}})=>o(q,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...lt,children:[b?e(ue,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Re,{value:k,onChange:y,onBlur:p})]})}),e(W,{control:c,name:"description",render:({field:{onChange:y,onBlur:p,value:k},fieldState:{invalid:b,error:S}})=>e(vt,{label:"Revision Description",value:k,onChange:y,onBlur:p,errorMessage:S==null?void 0:S.message,validationState:b?"invalid":"valid",placeholder:"A description of the changes made in this revision. Will be displayed in the version history.",height:100})})]})})})})})}function cm(n){const{onCompleted:a,...t}=n,[l,i]=u.useState(null);return o(G,{children:[e(z,{variant:"default",size:"compact",icon:e(L,{svg:e(I.EditOutline,{})}),onClick:()=>i(e(dm,{...t,onCompleted:()=>{i(null),a()}})),children:"Edit Example"}),e(ee,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:l})]})}const Ei=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:[{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:"2ec7ead16e6df0877bc47db0ed7c7553",id:null,metadata:{},name:"ExampleExperimentRunsTableQuery",operationKind:"query",text:`query ExampleExperimentRunsTableQuery(
|
|
119
119
|
$after: String = null
|
|
120
120
|
$first: Int = 100
|
|
121
121
|
$id: GlobalID!
|
|
@@ -170,22 +170,22 @@ fragment ExampleExperimentRunsTableFragment_2HEEH6 on DatasetExample {
|
|
|
170
170
|
}
|
|
171
171
|
id
|
|
172
172
|
}
|
|
173
|
-
`}}}();Ei.hash="6ca0f938b309407e8c184a1c13d1c52d";const _i=function(){var n=["experimentRuns"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={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};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:Ei,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ExampleExperimentRunsTableFragment",selections:[{alias:"experimentRuns",args:null,concreteType:"ExperimentRunConnection",kind:"LinkedField",name:"__ExampleExperimentRunsTable_experimentRuns_connection",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:[a,{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},t,{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:[a,{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},t],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:[{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:"DatasetExample",abstractKey:null}}();_i.hash="6ca0f938b309407e8c184a1c13d1c52d";const
|
|
173
|
+
`}}}();Ei.hash="6ca0f938b309407e8c184a1c13d1c52d";const _i=function(){var n=["experimentRuns"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={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};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:Ei,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ExampleExperimentRunsTableFragment",selections:[{alias:"experimentRuns",args:null,concreteType:"ExperimentRunConnection",kind:"LinkedField",name:"__ExampleExperimentRunsTable_experimentRuns_connection",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:[a,{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},t,{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:[a,{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},t],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:[{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:"DatasetExample",abstractKey:null}}();_i.hash="6ca0f938b309407e8c184a1c13d1c52d";const um=100;function mm(){return e("tbody",{className:"is-empty",children:e("tr",{children:e("td",{colSpan:100,css:n=>C`
|
|
174
174
|
text-align: center;
|
|
175
175
|
padding: ${n.spacing.margin24}px ${n.spacing.margin24}px !important;
|
|
176
|
-
`,children:"No experiments have been run for this example."})})})}const
|
|
176
|
+
`,children:"No experiments have been run for this example."})})})}const gm=C`
|
|
177
177
|
display: flex;
|
|
178
178
|
flex-direction: row;
|
|
179
179
|
align-items: center;
|
|
180
180
|
color: var(--ac-global-color-primary);
|
|
181
181
|
gap: var(--ac-global-dimension-size-50);
|
|
182
|
-
`;function
|
|
182
|
+
`;function pm({example:n}){const a=u.useRef(null),t=X(),{data:l,loadNext:i,hasNext:r,isLoadingNext:s}=D.usePaginationFragment(_i,n),c=u.useMemo(()=>l.experimentRuns.edges.map(p=>{let k=null;return p.run.startTime&&p.run.endTime&&(k=new Date(p.run.endTime).getTime()-new Date(p.run.startTime).getTime()),{...p.run,output:JSON.stringify(p.run.output),latencyMs:k}}),[l]),m=Fe({columns:[{header:"start time",accessorKey:"startTime",cell:Ee},{header:"output",accessorKey:"output",cell:p=>{var b;const k=(b=p.row.original)==null?void 0:b.error;return k!==null?e(x,{color:"danger",children:k}):e(fe,{...p})}},{header:"latency",accessorKey:"latencyMs",cell:({getValue:p})=>{const k=p();return k===null||typeof k!="number"?"--":e(Ce,{latencyMs:k})}},{header:"evaluations",accessorKey:"annotations",cell:({row:p})=>e(h,{direction:"row",gap:"size-50",wrap:"wrap",children:p.original.annotations.edges.map((k,b)=>{const S=k.annotation;return e(ea,{annotation:S,extra:S.trace&&e(K,{paddingTop:"size-100",children:o("div",{css:gm,children:[e(L,{svg:e(I.InfoOutline,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(un,{annotation:S,onClick:()=>{S.trace&&t(`/projects/${S.trace.projectId}/traces/${S.trace.traceId}`)}},b)},b)})})},{id:"actions",cell:({row:p})=>{const k=p.original.trace;if(k)return e(z,{variant:"default",size:"compact",icon:e(L,{svg:e(I.Trace,{})}),onClick:()=>{t(`/projects/${k.projectId}/traces/${k.traceId}`)},"aria-label":"view trace"})}}],data:c,getCoreRowModel:Ke()}),f=m.getRowModel().rows,g=f.length===0,y=u.useCallback(p=>{if(p){const{scrollHeight:k,scrollTop:b,clientHeight:S}=p;k-b-S<300&&!s&&r&&i(um)}},[r,s,i]);return e("div",{css:C`
|
|
183
183
|
flex: 1 1 auto;
|
|
184
184
|
overflow: auto;
|
|
185
|
-
`,ref:a,onScroll:p=>y(p.target),children:o("table",{css:$n,children:[e("thead",{children:m.getHeaderGroups().map(p=>e("tr",{children:p.headers.map(k=>e("th",{children:e("div",{children:J(k.column.columnDef.header,k.getContext())})},k.id))},p.id))}),g?e(
|
|
185
|
+
`,ref:a,onScroll:p=>y(p.target),children:o("table",{css:$n,children:[e("thead",{children:m.getHeaderGroups().map(p=>e("tr",{children:p.headers.map(k=>e("th",{children:e("div",{children:J(k.column.columnDef.header,k.getContext())})},k.id))},p.id))}),g?e(mm,{}):e("tbody",{children:f.map(p=>e("tr",{children:p.getVisibleCells().map(k=>e("td",{children:J(k.column.columnDef.cell,k.getContext())},k.id))},p.id))})]})})}function $t({exampleId:n,onDismiss:a}){const[t,l]=u.useState(0),i=D.useLazyLoadQuery(Li,{exampleId:n},{fetchKey:t,fetchPolicy:"store-and-network"}),r=u.useMemo(()=>{const y=i.example.latestRevision;return{input:JSON.stringify(y==null?void 0:y.input,null,2),output:JSON.stringify(y==null?void 0:y.output,null,2),metadata:JSON.stringify(y==null?void 0:y.metadata,null,2)}},[i]),s=u.useMemo(()=>{const y=i.example.span;return y?{id:y.id,traceId:y.context.traceId,projectId:y.project.id}:null},[i]),{input:c,output:d,metadata:m}=r,f=X(),g=xe();return e(ee,{type:"slideOver",isDismissable:!0,onDismiss:a,children:e(Z,{size:"XL",title:`Example: ${n}`,extra:o(h,{direction:"row",gap:"size-100",children:[s?e(z,{variant:"default",size:"compact",onClick:()=>{f(`/projects/${s.projectId}/traces/${s.traceId}?selectedSpanNodeId=${s.id}`)},children:"View Source Span"}):null,e(cm,{exampleId:n,currentRevision:r,onCompleted:()=>{g({title:"Example updated",message:`Example ${n} has been updated.`}),l(y=>y+1)}})]}),children:o(on,{direction:"vertical",autoSaveId:"example-panel-group",children:[e(ke,{defaultSize:200,children:e("div",{css:C`
|
|
186
186
|
overflow-y: auto;
|
|
187
187
|
height: 100%;
|
|
188
|
-
`,children:e(h,{direction:"row",justifyContent:"center",children:e(K,{width:"900px",paddingStart:"auto",paddingEnd:"auto",paddingTop:"size-200",paddingBottom:"size-200",children:o(h,{direction:"column",gap:"size-200",children:[e(q,{title:"Input",...it,extra:e(se,{text:c}),children:e(Je,{value:c})}),e(q,{title:"Output",...it,extra:e(se,{text:d}),children:e(Je,{value:d})}),e(q,{title:"Metadata",...it,extra:e(se,{text:m}),children:e(Je,{value:m})})]})})})})}),e(sn,{css:bn}),e(ke,{defaultSize:100,children:o(h,{direction:"column",height:"100%",children:[e(K,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(ce,{level:3,children:"Experiment Runs"})}),e(
|
|
188
|
+
`,children:e(h,{direction:"row",justifyContent:"center",children:e(K,{width:"900px",paddingStart:"auto",paddingEnd:"auto",paddingTop:"size-200",paddingBottom:"size-200",children:o(h,{direction:"column",gap:"size-200",children:[e(q,{title:"Input",...it,extra:e(se,{text:c}),children:e(Je,{value:c})}),e(q,{title:"Output",...it,extra:e(se,{text:d}),children:e(Je,{value:d})}),e(q,{title:"Metadata",...it,extra:e(se,{text:m}),children:e(Je,{value:m})})]})})})})}),e(sn,{css:bn}),e(ke,{defaultSize:100,children:o(h,{direction:"column",height:"100%",children:[e(K,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(ce,{level:3,children:"Experiment Runs"})}),e(pm,{example:i.example})]})})]})})})}const it={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}};function _0(){const{exampleId:n,datasetId:a}=Ve(),t=X();return e($t,{exampleId:n,onDismiss:()=>{t(`/playground/datasets/${a}`)}})}const Ri=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"sessionId",storageKey:null}],type:"ProjectSession",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"sessionLoaderQuery",selections:[{alias:"session",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"sessionLoaderQuery",selections:[{alias:"session",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,l],storageKey:null}]},params:{cacheID:"aa110794a0fd7ac02812e8e14196930b",id:null,metadata:{},name:"sessionLoaderQuery",operationKind:"query",text:`query sessionLoaderQuery(
|
|
189
189
|
$id: GlobalID!
|
|
190
190
|
) {
|
|
191
191
|
session: node(id: $id) {
|
|
@@ -196,7 +196,7 @@ fragment ExampleExperimentRunsTableFragment_2HEEH6 on DatasetExample {
|
|
|
196
196
|
}
|
|
197
197
|
}
|
|
198
198
|
}
|
|
199
|
-
`}}}();Ri.hash="26e5a5dbde9bd4ecfd7ae5fc1c078860";async function
|
|
199
|
+
`}}}();Ri.hash="26e5a5dbde9bd4ecfd7ae5fc1c078860";async function R0(n){const{sessionId:a}=n.params;return await D.fetchQuery(Me,Ri,{id:a}).toPromise()}const Ai=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:"value",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"mimeType",storageKey:null}],i={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"numTraces",storageKey:null},{alias:null,args:null,concreteType:"TokenUsage",kind:"LinkedField",name:"tokenUsage",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"total",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"completion",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"prompt",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sessionId",storageKey:null},{alias:"latencyP50",args:[{kind:"Literal",name:"probability",value:.5}],kind:"ScalarField",name:"traceLatencyMsQuantile",storageKey:"traceLatencyMsQuantile(probability:0.5)"},{alias:null,args:null,concreteType:"TraceConnection",kind:"LinkedField",name:"traces",plural:!1,selections:[{alias:null,args:null,concreteType:"TraceEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"trace",args:null,concreteType:"Trace",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"rootSpan",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"attributes",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:l,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:l,storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountCompletion",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountPrompt",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,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:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"ProjectSession",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SessionDetailsQuery",selections:[{alias:"session",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:"SessionDetailsQuery",selections:[{alias:"session",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"},t],storageKey:null}]},params:{cacheID:"2de2cec071eec7a908fbeaa045b1d4af",id:null,metadata:{},name:"SessionDetailsQuery",operationKind:"query",text:`query SessionDetailsQuery(
|
|
200
200
|
$id: GlobalID!
|
|
201
201
|
) {
|
|
202
202
|
session: node(id: $id) {
|
|
@@ -252,18 +252,18 @@ fragment ExampleExperimentRunsTableFragment_2HEEH6 on DatasetExample {
|
|
|
252
252
|
id
|
|
253
253
|
}
|
|
254
254
|
}
|
|
255
|
-
`}}}();Ai.hash="90059208fe6444236630273b31e8cef6";function Ja(n){return u.useMemo(()=>n==="user"||n==="human"?{backgroundColor:"grey-100",borderColor:"grey-500"}:n==="assistant"||n==="ai"?{backgroundColor:"blue-100",borderColor:"blue-700"}:n==="system"?{backgroundColor:"indigo-100",borderColor:"indigo-700"}:["function","tool"].includes(n)?{backgroundColor:"yellow-100",borderColor:"yellow-700"}:{backgroundColor:"grey-100",borderColor:"grey-700"},[n])}function Mi({spanNodeId:n,projectId:a,size:t="default"}){const[l,i]=u.useState(null);return o(G,{children:[e(z,{variant:"default",size:t,icon:e(L,{svg:e(I.EditOutline,{})}),onClick:()=>i(e(Vl,{spanNodeId:n,projectId:a})),children:"Annotate"}),e(ee,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:l})]})}const
|
|
255
|
+
`}}}();Ai.hash="90059208fe6444236630273b31e8cef6";function Ja(n){return u.useMemo(()=>n==="user"||n==="human"?{backgroundColor:"grey-100",borderColor:"grey-500"}:n==="assistant"||n==="ai"?{backgroundColor:"blue-100",borderColor:"blue-700"}:n==="system"?{backgroundColor:"indigo-100",borderColor:"indigo-700"}:["function","tool"].includes(n)?{backgroundColor:"yellow-100",borderColor:"yellow-700"}:{backgroundColor:"grey-100",borderColor:"grey-700"},[n])}function Mi({spanNodeId:n,projectId:a,size:t="default"}){const[l,i]=u.useState(null);return o(G,{children:[e(z,{variant:"default",size:t,icon:e(L,{svg:e(I.EditOutline,{})}),onClick:()=>i(e(Vl,{spanNodeId:n,projectId:a})),children:"Annotate"}),e(ee,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:l})]})}const ym=n=>{const{json:a}=_e(n);if(a==null||!yn(a))return null;const t=a[de.user];if(t==null||!yn(t))return null;const l=t[Zo.id];return pt.isString(l)||pt.isNumber(l)?l:null};function il({role:n,value:a,mimeType:t}){const l=u.useMemo(()=>{if(t!=="json")return String(a);const r=_e(a);return r.json==null?"--":JSON.stringify(r.json,null,2)},[a,t]),i=Ja(n==="HUMAN"?"user":"assistant");return e(K,{alignSelf:n==="HUMAN"?"start":"end",borderRadius:"medium",borderColor:"dark",borderWidth:"thin",padding:"size-200",maxWidth:"70%",...i,children:o(h,{direction:"column",gap:"size-50",children:[e(x,{color:"text-700",textSize:"medium",children:n}),t==="json"?e(Je,{value:l}):e(x,{children:l})]})})}function fm({rootSpan:n,index:a}){const t=u.useMemo(()=>new Date(n.startTime),[n.startTime]),l=u.useMemo(()=>ym(n.attributes),[n.attributes]);return e(K,{height:"100%",children:o(h,{direction:"column",justifyContent:"space-between",height:"100%",children:[o(h,{direction:"column",gap:"size-200",children:[o(h,{direction:"row",justifyContent:"space-between",children:[o(x,{children:["Trace #",a+1]}),e(Ge,{to:`/projects/${n.project.id}/traces/${n.context.traceId}?selectedSpanNodeId=${n.id}`,children:o(h,{alignItems:"center",children:["View Trace",e(L,{svg:e(I.ArrowIosForwardOutline,{})})]})})]}),o(h,{direction:"row",justifyContent:"space-between",children:[l!=null?o(x,{color:"text-700",children:["user: ",l]}):null,e(x,{color:"text-700",flex:"end",marginStart:"auto",children:Ye(t)})]}),o(h,{direction:"row",gap:"size-100",children:[e(Sn,{tokenCountTotal:n.cumulativeTokenCountTotal??0,tokenCountCompletion:n.cumulativeTokenCountCompletion??0,tokenCountPrompt:n.cumulativeTokenCountPrompt??0}),n.latencyMs!=null?e(Ce,{latencyMs:n.latencyMs}):"--"]})]}),o(h,{direction:"row",justifyContent:"space-between",alignItems:"end",children:[o(h,{direction:"column",gap:"size-100",maxWidth:"50%",children:[e(x,{textSize:"medium",children:"Feedback"}),e(h,{gap:"size-50",direction:"column",children:n.spanAnnotations.length>0?n.spanAnnotations.map(i=>e(ea,{annotation:i,children:e(un,{annotation:i,annotationDisplayPreference:"label"})},i.name)):"--"})]}),e("span",{children:e(Mi,{size:"compact",spanNodeId:n.id,projectId:n.project.id})})]})]})})}function hm({rootSpan:n}){var a,t,l,i;return o(h,{direction:"column",gap:"size-100",children:[e(il,{role:"HUMAN",value:(a=n.input)==null?void 0:a.value,mimeType:(t=n.input)==null?void 0:t.mimeType}),e(il,{role:"AI",value:(l=n.output)==null?void 0:l.value,mimeType:(i=n.output)==null?void 0:i.mimeType})]})}function km({traces:n}){const a=u.useMemo(()=>((n==null?void 0:n.edges)||[]).map(({trace:l})=>l.rootSpan).filter(l=>l!=null),[n]);return e(K,{height:"100%",flex:"1 1 auto",overflow:"auto",children:a.map((t,l)=>e(K,{borderBottomColor:"dark",borderBottomWidth:"thin",children:o(h,{direction:"row",children:[e(K,{borderRightWidth:"thin",borderEndColor:"dark",padding:"size-200",flex:"1 1 auto",children:e(hm,{rootSpan:t})}),e(K,{width:350,padding:"size-200",flex:"none",children:e(fm,{rootSpan:t,index:l})})]})},t.context.spanId))})}function bm({traceCount:n,tokenUsage:a,latencyP50:t}){return e(K,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",children:o(h,{direction:"row",gap:"size-400",children:[o(h,{direction:"column",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Traces Count"}),e(x,{textSize:"xlarge",children:n})]}),a!=null?o(h,{direction:"column",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Tokens"}),e(Sn,{tokenCountTotal:a.total,tokenCountCompletion:a.completion,tokenCountPrompt:a.prompt,textSize:"xlarge"})]}):null,t!=null?o(h,{direction:"column",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency P50"}),e(Ce,{latencyMs:t,textSize:"xlarge"})]}):null]})})}function Sm(n){const{sessionId:a}=n,t=D.useLazyLoadQuery(Ai,{id:a},{fetchPolicy:"store-and-network"});if(t.session==null)throw new Error("Session not found");return o("main",{css:C`
|
|
256
256
|
flex: 1 1 auto;
|
|
257
257
|
display: flex;
|
|
258
258
|
flex-direction: column;
|
|
259
259
|
height: 100%;
|
|
260
260
|
overflow: hidden;
|
|
261
|
-
`,children:[e(
|
|
261
|
+
`,children:[e(bm,{traceCount:t.session.numTraces??0,tokenUsage:t.session.tokenUsage,latencyP50:t.session.latencyP50}),e(km,{traces:t.session.traces})]})}function A0(){var i;const n=kn(),{sessionId:a,projectId:t}=Ve(),l=X();return e(ee,{type:"slideOver",isDismissable:!0,onDismiss:()=>l(`/projects/${t}`),children:e(Z,{size:"fullscreen",title:`Session ID: ${((i=n.session)==null?void 0:i.sessionId)??"--"}`,children:e(Tt,{children:e(Sm,{sessionId:a})})})})}const Ni=function(){var n=[{alias:null,args:null,concreteType:"Functionality",kind:"LinkedField",name:"functionality",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"modelInferences",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"homeLoaderQuery",selections:n,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"homeLoaderQuery",selections:n},params:{cacheID:"8bfba02258509f0b645b86f3322838d8",id:null,metadata:{},name:"homeLoaderQuery",operationKind:"query",text:`query homeLoaderQuery {
|
|
262
262
|
functionality {
|
|
263
263
|
modelInferences
|
|
264
264
|
}
|
|
265
265
|
}
|
|
266
|
-
`}}}();Ni.hash="a248736e236c8d5348e0ecfbe9440ca2";async function
|
|
266
|
+
`}}}();Ni.hash="a248736e236c8d5348e0ecfbe9440ca2";async function M0(n){const a=await D.fetchQuery(Me,Ni,{}).toPromise();return a!=null&&a.functionality.modelInferences?Aa("/model"):Aa("/projects")}const zi=function(){var n={defaultValue:null,kind:"LocalArgument",name:"endTime"},a={defaultValue:null,kind:"LocalArgument",name:"startTime"},t=[{kind:"Variable",name:"endTime",variableName:"endTime"},{kind:"Variable",name:"startTime",variableName:"startTime"}],l=[{kind:"Literal",name:"first",value:50}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},s={fields:[{kind:"Variable",name:"end",variableName:"endTime"},{kind:"Variable",name:"start",variableName:"startTime"}],kind:"ObjectValue",name:"timeRange"},c={alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},d=[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],m={alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"ModelPageQuery",selections:[{args:t,kind:"FragmentSpread",name:"ModelSchemaTable_dimensions"},{args:t,kind:"FragmentSpread",name:"ModelEmbeddingsTable_embeddingDimensions"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"ModelPageQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:l,concreteType:"DimensionConnection",kind:"LinkedField",name:"dimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"DimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dimension",args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:[i,r,{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dataType",storageKey:null},{alias:"cardinality",args:[{kind:"Literal",name:"metric",value:"cardinality"},s],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"percentEmpty",args:[{kind:"Literal",name:"metric",value:"percentEmpty"},s],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"min",args:[{kind:"Literal",name:"metric",value:"min"},s],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"mean",args:[{kind:"Literal",name:"metric",value:"mean"},s],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"max",args:[{kind:"Literal",name:"metric",value:"max"},s],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"psi",args:[{kind:"Literal",name:"metric",value:"psi"},s],kind:"ScalarField",name:"driftMetric",storageKey:null}],storageKey:null},c,{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:d,storageKey:null}],storageKey:null},m],storageKey:"dimensions(first:50)"},{alias:null,args:l,filters:null,handle:"connection",key:"ModelSchemaTable_dimensions",kind:"LinkedHandle",name:"dimensions"},{alias:null,args:l,concreteType:"EmbeddingDimensionConnection",kind:"LinkedField",name:"embeddingDimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"EmbeddingDimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"embedding",args:null,concreteType:"EmbeddingDimension",kind:"LinkedField",name:"node",plural:!1,selections:[i,r,{alias:"euclideanDistance",args:[{kind:"Literal",name:"metric",value:"euclideanDistance"},s],kind:"ScalarField",name:"driftMetric",storageKey:null}],storageKey:null},c,{alias:null,args:null,concreteType:"EmbeddingDimension",kind:"LinkedField",name:"node",plural:!1,selections:d,storageKey:null}],storageKey:null},m],storageKey:"embeddingDimensions(first:50)"},{alias:null,args:l,filters:null,handle:"connection",key:"ModelEmbeddingsTable_embeddingDimensions",kind:"LinkedHandle",name:"embeddingDimensions"}],storageKey:null}]},params:{cacheID:"18059ac8df6b3c15d5e4bc04ca2c9877",id:null,metadata:{},name:"ModelPageQuery",operationKind:"query",text:`query ModelPageQuery(
|
|
267
267
|
$startTime: DateTime!
|
|
268
268
|
$endTime: DateTime!
|
|
269
269
|
) {
|
|
@@ -321,7 +321,7 @@ fragment ModelSchemaTable_dimensions_3uKjWt on Query {
|
|
|
321
321
|
}
|
|
322
322
|
}
|
|
323
323
|
}
|
|
324
|
-
`}}}();zi.hash="b612239336c7638df42037315b00f635";function
|
|
324
|
+
`}}}();zi.hash="b612239336c7638df42037315b00f635";function N0(n){const{referenceInferences:a}=nn(),{timeRange:t}=mn(),l=D.useLazyLoadQuery(zi,{startTime:t.start.toISOString(),endTime:t.end.toISOString()});return o("main",{children:[o(It,{children:[e($l,{}),a?e(Ol,{inferencesRole:"reference",timeRange:{start:new Date(a.startTime),end:new Date(a.endTime)}}):null]}),e("section",{css:C`
|
|
325
325
|
margin: var(--ac-global-dimension-static-size-200);
|
|
326
326
|
`,children:e(Ct,{title:"Model Schema",variant:"compact",bodyStyle:{padding:0},children:o(Qe,{children:[e(ne,{name:"All",children:o(Be,{children:[e(be,{title:"Embeddings",id:"embeddings",children:e(Zt,{model:l})}),e(be,{title:"Dimensions",id:"dimensions",children:e(Yt,{model:l})})]})},"all"),e(ne,{name:"Embeddings",children:e(Zt,{model:l})},"embeddings"),e(ne,{name:"Dimensions",children:e(Yt,{model:l})},"dimensions")]})})}),e(Oe,{})]})}const Vi={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"EmbeddingPageModelQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"MetricSelector_dimensions"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"EmbeddingPageModelQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:"numericDimensions",args:[{kind:"Literal",name:"include",value:{dataTypes:["numeric"]}}],concreteType:"DimensionConnection",kind:"LinkedField",name:"dimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"DimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'dimensions(include:{"dataTypes":["numeric"]})'}],storageKey:null}]},params:{cacheID:"4ccf476dd862525b059197daccd0d4d9",id:null,metadata:{},name:"EmbeddingPageModelQuery",operationKind:"query",text:`query EmbeddingPageModelQuery {
|
|
327
327
|
model {
|
|
@@ -464,7 +464,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
464
464
|
id
|
|
465
465
|
}
|
|
466
466
|
}
|
|
467
|
-
`}}}();$i.hash="f1ee7ce02317f1c3fe96b77af405095f";function
|
|
467
|
+
`}}}();$i.hash="f1ee7ce02317f1c3fe96b77af405095f";function vm(){const{theme:n}=On();return u.useMemo(()=>n==="light"?Od:Qd,[n])}function Cm(){const{embeddingDimensionId:n}=Ve();if(!n)throw new Error("Missing embeddingDimensionId in URL params");return n}const Oi={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 wn(n){const a=Oi[n];return a!=null?a.shortName:n}function rt(n){const a=Oi[n];return a&&a.definition!=null&&a.definition||null}function qn(n){return`${n.column}:${n.dir}`}function Fm(){const{referenceInferences:n}=nn(),a=!!n,t=B(d=>d.clusterSort),l=B(d=>d.setClusterSort),[i,r]=u.useState(!1),s=u.useMemo(()=>{const d=[];return a&&d.push({label:"Most drift",value:qn({column:"driftRatio",dir:"desc"})}),[...d,{label:"Largest clusters",value:qn({column:"size",dir:"desc"})},{label:"Smallest clusters",value:qn({column:"size",dir:"asc"})},{label:"Highest metric value",value:qn({column:"primaryMetricValue",dir:"desc"})},{label:"Lowest metric value",value:qn({column:"primaryMetricValue",dir:"asc"})}]},[a]),c=qn(t);return e("div",{css:d=>C`
|
|
468
468
|
.ac-action-button {
|
|
469
469
|
background: none;
|
|
470
470
|
border: none;
|
|
@@ -496,7 +496,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
496
496
|
fileName
|
|
497
497
|
}
|
|
498
498
|
}
|
|
499
|
-
`}}}();Qi.hash="b5ff2517dbb0d19a1b24dea1796a3576";function
|
|
499
|
+
`}}}();Qi.hash="b5ff2517dbb0d19a1b24dea1796a3576";function Km(){const n=B(r=>r.clusters),{notifyError:a,notifySuccess:t}=Ql(),[l,i]=D.useMutation(Qi);return e(Nn,{align:"end",buttonSize:"compact",icon:i?e(L,{svg:e(I.LoadingOutline,{})}):null,onAction:r=>{switch(r){case"export_cluster":l({variables:{clusters:n.map(s=>({eventIds:s.eventIds,id:s.id}))},onCompleted:s=>{const{fileName:c}=s.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=${c}`,"_self")}}})},onError:s=>{a({title:"Failed to export clusters",message:`Failed to export clusters: ${s.message}`})}});break}},children:o(re,{children:[e(L,{svg:e(I.Download,{})}),"Export clusters"]},"export_cluster")})}const ji={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};ji.hash="55d03de16503d7af254c17cef7d18ee0";const Bn=":";function xm(n){return["drift","performance","dataQuality","retrieval"].includes(n)}function oa(n){const{type:a,metric:t}=n;switch(a){case"drift":return`${a}${Bn}${t}`;case"retrieval":return`${a}${Bn}${t}`;case"performance":return`${a}${Bn}${t}`;case"dataQuality":{const{name:l}=n.dimension;return`${a}${Bn}${t}${Bn}${l}`}default:me()}}function Tm({metricKey:n,dimensions:a}){const[t,l,i]=n.split(Bn);if(!xm(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(s=>s.name===i);if(!r)throw new Error(`Invalid dimension name: ${i}`);return{type:t,metric:l,dimension:r}}default:me()}}const Im=o(Yn,{variant:"info",children:[e(ce,{level:4,children:"Analysis Metric"}),o(zn,{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 inferencess, 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 Dm({model:n}){const[,a]=u.useTransition(),t=D.useFragment(ji,n),{referenceInferences:l,corpusInferences:i}=nn(),r=!!l,s=!!i,c=B(p=>p.metric),d=B(p=>p.loading),m=B(p=>p.setMetric),f=t.numericDimensions.edges.map(p=>p.node),g=f.length>0,y=u.useCallback(p=>{const k=Tm({metricKey:p,dimensions:f});a(()=>{m(k)})},[m,f,a]);return o(Qa,{label:"metric",labelExtra:Im,selectedKey:c?oa(c):void 0,onSelectionChange:y,placeholder:"Select a metric...",isDisabled:d,children:[r?e(Ia,{title:"Drift",children:e(re,{children:"Euclidean Distance"},oa({type:"drift",metric:"euclideanDistance"}))}):null,s?e(Ia,{title:"Retrieval",children:e(re,{children:"Query Distance"},oa({type:"retrieval",metric:"queryDistance"}))}):null,e(Ia,{title:"Performance",children:e(re,{children:"Accuracy Score"},oa({type:"performance",metric:"accuracyScore"}))}),g?e(Ia,{title:"Data Quality",children:f.map(p=>e(re,{children:`${p.name} avg`},oa({type:"dataQuality",metric:"average",dimension:p})))}):null]})}const qi=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"},s={defaultValue:null,kind:"LocalArgument",name:"fetchQueryDistance"},c={defaultValue:null,kind:"LocalArgument",name:"metricGranularity"},d={defaultValue:null,kind:"LocalArgument",name:"performanceMetric"},m={defaultValue:null,kind:"LocalArgument",name:"timeRange"},f=[{kind:"Variable",name:"id",variableName:"embeddingDimensionId"}],g={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},y={kind:"Variable",name:"granularity",variableName:"metricGranularity"},p={kind:"Variable",name:"timeRange",variableName:"timeRange"},k=[y,{kind:"Literal",name:"metric",value:"euclideanDistance"},p],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"},p],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:b,storageKey:null}],type:"EmbeddingDimension",abstractKey:null},v=[{kind:"Variable",name:"id",variableName:"dimensionId"}],P={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:[y,{kind:"Literal",name:"metric",value:"mean"},p],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:b,storageKey:null}],type:"Dimension",abstractKey:null},E={alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{condition:"fetchPerformance",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[y,{fields:[{kind:"Variable",name:"metric",variableName:"performanceMetric"}],kind:"ObjectValue",name:"metric"},p],concreteType:"PerformanceTimeSeries",kind:"LinkedField",name:"performanceTimeSeries",plural:!1,selections:b,storageKey:null}]}],storageKey:null},R={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null};return{fragment:{argumentDefinitions:[n,a,t,l,i,r,s,c,d,m],kind:"Fragment",metadata:null,name:"MetricTimeSeriesQuery",selections:[{alias:"embedding",args:f,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[g,S],storageKey:null},{condition:"fetchDataQuality",kind:"Condition",passingValue:!0,selections:[{alias:"dimension",args:v,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[P],storageKey:null}]},E],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[t,m,c,n,i,s,l,a,r,d],kind:"Operation",name:"MetricTimeSeriesQuery",selections:[{alias:"embedding",args:f,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[R,g,S],storageKey:null},{condition:"fetchDataQuality",kind:"Condition",passingValue:!0,selections:[{alias:"dimension",args:v,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[R,P,{kind:"TypeDiscriminator",abstractKey:"__isNode"},g],storageKey:null}]},E]},params:{cacheID:"a68a8204bf7fdd13e6915b338d4b5497",id:null,metadata:{},name:"MetricTimeSeriesQuery",operationKind:"query",text:`query MetricTimeSeriesQuery(
|
|
500
500
|
$embeddingDimensionId: GlobalID!
|
|
501
501
|
$timeRange: TimeRange!
|
|
502
502
|
$metricGranularity: Granularity!
|
|
@@ -555,7 +555,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
555
555
|
}
|
|
556
556
|
}
|
|
557
557
|
}
|
|
558
|
-
`}}}();qi.hash="f31abad2141a5a1c461ef2a598ffa4f3";const rl=new Intl.NumberFormat([],{maximumFractionDigits:2}),Ui=()=>{const n=gn(),a=n.blue400,t=n.gray500;return{color:a,barColor:t}};function
|
|
558
|
+
`}}}();qi.hash="f31abad2141a5a1c461ef2a598ffa4f3";const rl=new Intl.NumberFormat([],{maximumFractionDigits:2}),Ui=()=>{const n=gn(),a=n.blue400,t=n.gray500;return{color:a,barColor:t}};function Pm({active:n,payload:a,label:t}){var r,s,c;const{color:l,barColor:i}=Ui();if(n&&a&&a.length){const d=((r=a[1])==null?void 0:r.value)??null,m=((s=a[0])==null?void 0:s.value)??null,f=typeof d=="number"?rl.format(d):"--",g=typeof m=="number"?rl.format(m):"--";return o(vn,{children:[e(x,{weight:"heavy",textSize:"medium",children:`${Ye(new Date(t))}`}),e(we,{color:l,name:((c=a[1])==null?void 0:c.payload.metricName)??"Metric",value:f}),e(we,{color:i,shape:"square",name:"Count",value:g}),e(Ua,{}),o("div",{css:C`
|
|
559
559
|
display: flex;
|
|
560
560
|
flex-direction: row;
|
|
561
561
|
align-items: center;
|
|
@@ -563,7 +563,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
563
563
|
gap: var(--ac-global-dimension-static-size-50);
|
|
564
564
|
|
|
565
565
|
margin-top: var(--ac-global-dimension-static-size-50);
|
|
566
|
-
`,children:[e(L,{svg:e(Pl,{})}),e("span",{children:"Click to view the point cloud at this time"})]})]})}return null}function
|
|
566
|
+
`,children:[e(L,{svg:e(Pl,{})}),e("span",{children:"Click to view the point cloud at this time"})]})]})}return null}function Lm(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:me()}}function wm(n){if(n)switch(n.type){case"drift":return wn(n.metric);case"performance":return wn(n.metric);case"dataQuality":return`${n.dimension.name} avg`;case"retrieval":return wn(n.metric);default:me()}else return"Count"}function Em(n){switch(n.type){case"drift":return rt(n.metric);case"performance":return rt(n.metric);case"dataQuality":return null;case"retrieval":return rt(n.metric);default:me()}}function _m({embeddingDimensionId:n}){const a=B(F=>F.metric),t=a.type==="drift",l=a.type==="retrieval",i=a.type==="dataQuality",r=a.type==="performance",{timeRange:s}=mn(),{selectedTimestamp:c,setSelectedTimestamp:d}=qa(),m=na(s),f=D.useLazyLoadQuery(qi,{embeddingDimensionId:n,timeRange:{start:s.start.toISOString(),end:s.end.toISOString()},metricGranularity:jl(s),countGranularity:m,fetchDrift:t,fetchQueryDistance:l,fetchDataQuality:i,fetchPerformance:r,dimensionId:a.type==="dataQuality"?a.dimension.id:n,performanceMetric:a.type==="performance"?a.metric:"accuracyScore"}),g=aa({samplingIntervalMinutes:m.samplingIntervalMinutes}),y=u.useCallback(F=>{const{activePayload:T}=F;if(T!=null&&T.length>0){const w=T[0].payload;d(new Date(w.timestamp))}},[d]),p=Rm({data:f,metric:a}),b=Am(f).reduce((F,T)=>(F[T.timestamp]=T.value,F),{})??{},S=p.map(F=>{const T=b[F.timestamp];return{...F,traffic:T,timestamp:new Date(F.timestamp).getTime()}}),v=wm(a),P=Em(a),{color:E,barColor:R}=Ui();return o("section",{css:C`
|
|
567
567
|
width: 100%;
|
|
568
568
|
height: 100%;
|
|
569
569
|
display: flex;
|
|
@@ -584,7 +584,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
584
584
|
width: 100%;
|
|
585
585
|
overflow: hidden;
|
|
586
586
|
}
|
|
587
|
-
`,children:[o(ce,{level:3,children:[
|
|
587
|
+
`,children:[o(ce,{level:3,children:[Lm(a),P!=null?o(Yn,{children:[e(ce,{level:4,children:v}),e(zn,{children:P})]}):null]}),e("div",{children:e(Cn,{width:"100%",height:"100%",children:o(Ka,{data:S,margin:{top:25,right:18,left:18,bottom:10},onClick:y,children:[o("defs",{children:[o("linearGradient",{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:E,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:E,stopOpacity:0})]}),o("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:R,stopOpacity:.3}),e("stop",{offset:"95%",stopColor:R,stopOpacity:0})]})]}),e(Fn,{...ta,tickFormatter:F=>g(new Date(F)),style:{fill:"var(--ac-global-text-color-700)"}}),e(en,{stroke:De.colors.gray200,label:{value:v,angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(en,{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(Kn,{strokeDasharray:"4 4",stroke:De.colors.gray200,strokeOpacity:.5}),e(xn,{content:e(Pm,{})}),e(Jn,{yAxisId:"right",dataKey:"traffic",fill:"url(#barColor)",spacing:5}),e(ha,{type:"monotone",dataKey:"value",stroke:E,fillOpacity:1,fill:"url(#colorUv)"}),c!=null?e(yi,{...ql,x:c.getTime()}):null]})})})]})}function Rm({data:n,metric:a}){var t,l,i,r,s,c;if(((t=n.embedding.euclideanDistanceTimeSeries)==null?void 0:t.data)!=null&&n.embedding.euclideanDistanceTimeSeries.data.length>0)return n.embedding.euclideanDistanceTimeSeries.data.map(d=>({metricName:wn(a.metric),...d}));if(((l=n.embedding.retrievalMetricTimeSeries)==null?void 0:l.data)!=null&&n.embedding.retrievalMetricTimeSeries.data.length>0)return n.embedding.retrievalMetricTimeSeries.data.map(d=>({metricName:wn(a.metric),...d}));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 d=n.dimension.name||"unknown";return n.dimension.dataQualityTimeSeries.data.map(m=>({metricName:`${d} avg`,...m}))}else{if(n.model&&((s=n.model.performanceTimeSeries)==null?void 0:s.data)!=null&&n.model.performanceTimeSeries.data.length>0)return n.model.performanceTimeSeries.data.map(d=>({metricName:wn(a.metric),...d}));if(((c=n.embedding.trafficTimeSeries)==null?void 0:c.data)!=null)return n.embedding.trafficTimeSeries.data.map(d=>({metricName:"Count",...d}))}return[]}function Am(n){var a;return((a=n.embedding.trafficTimeSeries)==null?void 0:a.data)!=null?[...n.embedding.trafficTimeSeries.data]:[]}const Bi=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(
|
|
588
588
|
$primaryEventIds: [ID!]!
|
|
589
589
|
$referenceEventIds: [ID!]!
|
|
590
590
|
$corpusEventIds: [ID!]!
|
|
@@ -690,32 +690,32 @@ fragment MetricSelector_dimensions on Model {
|
|
|
690
690
|
color: var(--ac-global-text-color-900);
|
|
691
691
|
white-space: normal;
|
|
692
692
|
margin: 0;
|
|
693
|
-
`,children:n.children})})}function
|
|
693
|
+
`,children:n.children})})}function Mm({event:n}){const a=n.retrievedDocuments&&n.retrievedDocuments.length>0,t=!n.id.includes("CORPUS");return o("section",{css:C`
|
|
694
694
|
height: 100%;
|
|
695
695
|
overflow-y: auto;
|
|
696
|
-
`,children:[e(
|
|
696
|
+
`,children:[e($m,{event:n}),o(Be,{children:[t?e(be,{id:"prediction",title:"Prediction Details",children:o("dl",{css:sl,children:[n.predictionId!=null&&o("div",{children:[e("dt",{children:"Prediction ID"}),e("dd",{css:C`
|
|
697
697
|
display: flex;
|
|
698
698
|
align-items: center;
|
|
699
699
|
`,children:n.predictionId})]}),n.predictionLabel!=null&&o("div",{children:[e("dt",{children:"Prediction Label"}),e("dd",{children:n.predictionLabel})]}),n.predictionScore!=null&&o("div",{children:[e("dt",{children:"Prediction Score"}),e("dd",{children:n.predictionScore})]}),n.actualLabel!=null&&o("div",{children:[e("dt",{children:"Actual Label"}),e("dd",{children:n.actualLabel})]}),n.actualScore!=null&&o("div",{children:[e("dt",{children:"Actual Score"}),e("dd",{children:n.actualScore})]})]})}):e(be,{id:"document",title:"Document Details",children:e("dl",{css:sl,children:n.predictionId!=null&&o("div",{children:[e("dt",{children:"Document ID"}),e("dd",{css:C`
|
|
700
700
|
display: flex;
|
|
701
701
|
align-items: center;
|
|
702
|
-
`,children:n.predictionId})]})})}),e(be,{id:"dimensions",title:"Dimensions",children:e(
|
|
702
|
+
`,children:n.predictionId})]})})}),e(be,{id:"dimensions",title:"Dimensions",children:e(zm,{dimensions:n.dimensions})}),a&&e(be,{id:"retrievals",title:"Retrieved Documents",titleExtra:e(Ze,{variant:"light",children:n.retrievedDocuments.length}),children:e("ul",{css:C`
|
|
703
703
|
padding: var(--ac-global-dimension-static-size-100);
|
|
704
704
|
li + li {
|
|
705
705
|
margin-top: var(--ac-global-dimension-static-size-100);
|
|
706
706
|
}
|
|
707
|
-
`,children:n.retrievedDocuments.map(l=>e("li",{children:e(
|
|
707
|
+
`,children:n.retrievedDocuments.map(l=>e("li",{children:e(Nm,{document:l})},l.id))})})]})]})}function Nm({document:n}){return e(K,{borderRadius:"medium",backgroundColor:"light",children:o(h,{direction:"column",children:[e(K,{width:"100%",borderBottomWidth:"thin",borderBottomColor:"dark",children:o(h,{direction:"row",justifyContent:"space-between",margin:"size-100",alignItems:"center",children:[o(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(L,{svg:e(I.FileOutline,{})}),o(ce,{level:4,children:["document ",n.id]})]}),typeof n.relevance=="number"&&e(La,{color:"blue",children:`relevance ${Dt(n.relevance)}`})]})}),e("pre",{css:C`
|
|
708
708
|
padding: var(--ac-global-dimension-static-size-200);
|
|
709
709
|
white-space: normal;
|
|
710
710
|
margin: 0;
|
|
711
|
-
`,children:n.text})]})})}function
|
|
711
|
+
`,children:n.text})]})})}function zm({dimensions:n}){const a=u.useMemo(()=>n.map(i=>({name:i.dimension.name,type:i.dimension.type,value:i.value??"--"})),[n]),t=u.useMemo(()=>[{header:()=>"Name",accessorKey:"name"},{header:()=>"Type",accessorKey:"type"},{header:()=>"Value",accessorKey:"value"}],[]),l=Fe({columns:t,data:a,getCoreRowModel:Ke()});return o("table",{css:an,children:[e("thead",{children:l.getHeaderGroups().map(i=>e("tr",{children:i.headers.map(r=>e("th",{colSpan:r.colSpan,children:r.isPlaceholder?null:e("div",{children:J(r.column.columnDef.header,r.getContext())})},r.id))},i.id))}),l.getCoreRowModel().rows.length?e("tbody",{children:l.getRowModel().rows.map(i=>e("tr",{children:i.getVisibleCells().map(r=>e("td",{children:J(r.column.columnDef.cell,r.getContext())},r.id))},i.id))}):e(Om,{})]})}function Vm({dataUrl:n}){const a=jd(n),t=qd(n);return a?e("video",{src:n,controls:!0,css:C`
|
|
712
712
|
width: 100%;
|
|
713
713
|
height: 500px;
|
|
714
714
|
background-color: black;
|
|
715
715
|
`}):t?e("audio",{src:n,controls:!0,autoPlay:!0}):e("img",{src:n,alt:"event image",width:"100%",height:"200px",css:C`
|
|
716
716
|
object-fit: contain;
|
|
717
717
|
background-color: black;
|
|
718
|
-
`})}function
|
|
718
|
+
`})}function $m({event:n}){const a=n.linkToData||void 0,t=n.rawData,l=n.prompt||n.response?{prompt:n.prompt,response:n.response}:null,i=n.documentText;let r=null;return a?r=o(h,{direction:"column",children:[e(Vm,{dataUrl:a}),t&&e(Be,{children:e(be,{id:"raw",title:"Raw Data",children:e(da,{children:t})})})]}):i?r=e(Be,{children:e(be,{id:"document",title:"Document",children:e(da,{children:i})})}):l?r=o(Be,{children:[e(be,{id:"prompt",title:"Prompt",children:e(da,{children:l.prompt})}),e(be,{id:"response",title:"Response",children:e(da,{children:l.response})})]}):n.rawData&&n.rawData&&n.rawData,r}function Om(){return e("tbody",{className:"is-empty",children:e("tr",{children:e("td",{colSpan:100,css:n=>C`
|
|
719
719
|
text-align: center;
|
|
720
720
|
padding: ${n.spacing.margin24}px ${n.spacing.margin24}px !important;
|
|
721
721
|
`,children:e(Ul,{graphicKey:"documents",message:"This embedding has no associated dimensions"})})})})}const Hi=function(){var n=[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:null,concreteType:"ExportedFile",kind:"LinkedField",name:"exportedFiles",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"fileName",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ExportSelectionButtonExportsQuery",selections:n,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"ExportSelectionButtonExportsQuery",selections:n},params:{cacheID:"2f7e3554305121746dc799b6a8d120da",id:null,metadata:{},name:"ExportSelectionButtonExportsQuery",operationKind:"query",text:`query ExportSelectionButtonExportsQuery {
|
|
@@ -732,15 +732,15 @@ fragment MetricSelector_dimensions on Model {
|
|
|
732
732
|
fileName
|
|
733
733
|
}
|
|
734
734
|
}
|
|
735
|
-
`}}}();Gi.hash="8b0d6962e2034d4c148d1b9919111d2f";const
|
|
735
|
+
`}}}();Gi.hash="8b0d6962e2034d4c148d1b9919111d2f";const Qm=`import phoenix as px
|
|
736
736
|
|
|
737
737
|
exports = px.active_session().exports
|
|
738
738
|
dataframe = exports[-1]
|
|
739
|
-
dataframe`,
|
|
739
|
+
dataframe`,jm=C`
|
|
740
740
|
.cm-content {
|
|
741
741
|
padding: var(--ac-global-dimension-static-size-100);
|
|
742
742
|
}
|
|
743
|
-
`;function
|
|
743
|
+
`;function qm({value:n}){const{theme:a}=On(),t=a==="light"?void 0:ra;return e(ia,{value:n,basicSetup:!1,extensions:[At()],editable:!1,theme:t,css:jm})}function Um(){const n=B(s=>s.selectedEventIds),[a,t]=D.useMutation(Gi),[l,i]=u.useState(null),r=u.useCallback(()=>{a({variables:{eventIds:[...n]},onCompleted:s=>{i(s.exportEvents)}})},[a,n]);return o(G,{children:[e(z,{variant:"default",size:"compact",icon:e(L,{svg:e(Ll,{})}),"aria-label":"Export selection / cluster",loading:t,onClick:r,children:t?"Exporting":"Export"}),e(ee,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:l!=null&&o(Z,{title:"Cluster Exports",size:"M",children:[e(ue,{variant:"success",banner:!0,title:"Export succeeded",extra:e(z,{variant:"success",size:"compact",onClick:()=>{window.open(`/exports?filename=${l.fileName}`,"_self")},children:"Download"})}),o("div",{css:C`
|
|
744
744
|
display: flex;
|
|
745
745
|
flex-direction: column;
|
|
746
746
|
justify-content: space-between;
|
|
@@ -750,12 +750,12 @@ dataframe`,qm=C`
|
|
|
750
750
|
`,children:[e("p",{css:C`
|
|
751
751
|
margin: 0;
|
|
752
752
|
flex: 1 1 auto;
|
|
753
|
-
`,children:"You can retrieve your export in your notebook via"}),e(K,{borderColor:"light",borderWidth:"thin",borderRadius:"medium",children:e(
|
|
753
|
+
`,children:"You can retrieve your export in your notebook via"}),e(K,{borderColor:"light",borderWidth:"thin",borderRadius:"medium",children:e(qm,{value:Qm})})]}),e(Be,{children:e(be,{id:"all-exports",title:"Latest Exports",children:e(u.Suspense,{fallback:e(ye,{}),children:e(Bm,{})})})})]})})]})}function Bm(){const n=D.useLazyLoadQuery(Hi,{},{fetchPolicy:"network-only"});return e(El,{children:n.model.exportedFiles.map((a,t)=>e(wl,{children:o("div",{css:C`
|
|
754
754
|
display: flex;
|
|
755
755
|
flex-direction: row;
|
|
756
756
|
justify-content: space-between;
|
|
757
757
|
align-items: center;
|
|
758
|
-
`,children:[a.fileName,e(z,{size:"compact","aria-label":"Download",variant:"default",icon:e(L,{svg:e(Ll,{})}),onClick:()=>{window.open(`/exports?filename=${a.fileName}`,"_self")}})]})},t))})}function
|
|
758
|
+
`,children:[a.fileName,e(z,{size:"compact","aria-label":"Download",variant:"default",icon:e(L,{svg:e(Ll,{})}),onClick:()=>{window.open(`/exports?filename=${a.fileName}`,"_self")}})]})},t))})}function Hm(n){const{getInferencesNameByRole:a}=nn(),{events:t,onItemSelected:l}=n,i=B(m=>m.eventIdToDataMap),r=B(m=>m.eventIdToGroup),s=B(m=>m.pointGroupColors),c=B(m=>m.selectionGridSize),d=B(m=>m.setHoveredEventId);return e("div",{css:C`
|
|
759
759
|
flex: 1 1 auto;
|
|
760
760
|
overflow-y: auto;
|
|
761
761
|
`,"data-testid":"grid-view-scroll-container",children:e("ul",{"data-grid-size":c,css:C`
|
|
@@ -784,7 +784,7 @@ dataframe`,qm=C`
|
|
|
784
784
|
min-width: var(--grid-item-min-width);
|
|
785
785
|
height: var(--grid-item-height);
|
|
786
786
|
}
|
|
787
|
-
`,children:t.map((m,f)=>{const g=i.get(m.id),{rawData:y=null,linkToData:p=null}=(g==null?void 0:g.embeddingMetadata)??{},{predictionLabel:k=null,actualLabel:b=null}=(g==null?void 0:g.eventMetadata)??{},S=Ud(m.id),v=a(S),P=r[m.id],E=s[P];return e("li",{children:e(Bd,{rawData:y,linkToData:p,inferencesName:v,group:P,onClick:()=>{l(m.id)},onMouseOver:()=>{d(m.id)},onMouseOut:()=>{d(null)},color:E,size:c,predictionLabel:k,actualLabel:b,promptAndResponse:m.promptAndResponse,documentText:m.documentText,autoPlay:!1})},f)})})})}function
|
|
787
|
+
`,children:t.map((m,f)=>{const g=i.get(m.id),{rawData:y=null,linkToData:p=null}=(g==null?void 0:g.embeddingMetadata)??{},{predictionLabel:k=null,actualLabel:b=null}=(g==null?void 0:g.eventMetadata)??{},S=Ud(m.id),v=a(S),P=r[m.id],E=s[P];return e("li",{children:e(Bd,{rawData:y,linkToData:p,inferencesName:v,group:P,onClick:()=>{l(m.id)},onMouseOver:()=>{d(m.id)},onMouseOut:()=>{d(null)},color:E,size:c,predictionLabel:k,actualLabel:b,promptAndResponse:m.promptAndResponse,documentText:m.documentText,autoPlay:!1})},f)})})})}function Gm({data:n,onPointSelected:a}){const{primaryInferences:t,referenceInferences:l}=nn(),i=B(f=>f.metric),[r,s]=u.useState([]),{columns:c,tableData:d}=u.useMemo(()=>{const f=n.filter(E=>E.id.includes("CORPUS")===!1);let g=!1,y=!1,p=!1,k=!1,b=!1;n.forEach(E=>{E.linkToData&&(g=!0),E.rawData&&(y=!0),(E.prompt||E.response)&&(p=!0),E.predictionLabel&&(k=!0),E.actualLabel&&(b=!0)});const S=[];l&&S.push({header:"Inference Set",accessorKey:"id",size:50,cell:({getValue:E})=>e(Wm,{id:E(),primaryInferencesName:t.name,referenceInferencesName:(l==null?void 0:l.name)??"reference"})}),g&&S.push({header:"Link",accessorKey:"linkToData",cell:({getValue:E})=>{const R=E();if(typeof R=="string"){const F=R.split("/").pop();return e(He,{href:R,children:F})}return null}}),p?(S.push({header:"Prompt",accessorKey:"prompt",cell:fe,size:200}),S.push({header:"Response",accessorKey:"response",cell:fe,size:200})):y&&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 v=[];if(i&&i.type==="dataQuality"){const E=i.dimension.name;v.push({header:i.dimension.name,accessorKey:"metric",cell:Hd,sortingFn:"basic"}),f.forEach(R=>{var T;const F=(T=R.dimensions.find(w=>w.dimension.name===E))==null?void 0:T.value;R.metric=F!=null?Number(F):null})}return{columns:[...S,...v,{header:"",id:"view-details",size:50,cell:({row:E})=>e(Gd,{"aria-label":"view point details",onClick:()=>{a(E.original.id)},children:"view details"})}],tableData:f}},[n,a,t,l,i]),m=Fe({columns:c,data:d,state:{sorting:r},getCoreRowModel:Ke(),onSortingChange:s,getSortedRowModel:Mn()});return o("table",{css:an,children:[e("thead",{children:m.getHeaderGroups().map(f=>e("tr",{children:f.headers.map(g=>o("th",{children:[g.isPlaceholder?null:o("div",{className:g.column.getCanSort()?"cursor-pointer":"",onClick:g.column.getToggleSortingHandler(),children:[J(g.column.columnDef.header,g.getContext()),g.column.getIsSorted()?e(L,{className:"sort-icon",svg:g.column.getIsSorted()==="asc"?e(I.ArrowDownFilled,{}):e(I.ArrowUpFilled,{})}):null]}),e("div",{onMouseDown:g.getResizeHandler(),onTouchStart:g.getResizeHandler(),className:`resizer ${g.column.getIsResizing()?"isResizing":""}`,style:{transform:g.column.getIsResizing()?`translateX(${m.getState().columnSizingInfo.deltaOffset}px)`:""}})]},g.id))},f.id))}),e("tbody",{children:m.getRowModel().rows.map(f=>e("tr",{children:f.getVisibleCells().map(g=>e("td",{style:{width:g.column.getSize()},children:J(g.column.columnDef.cell,g.getContext())},g.id))},f.id))})]})}function Wm({id:n,primaryInferencesName:a,referenceInferencesName:t}){const l=n.includes("PRIMARY"),i=vm();return o(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Jd,{shape:Wd.circle,color:i[l?0:1]}),l?a:t]})}const Jm=C`
|
|
788
788
|
width: 100%;
|
|
789
789
|
height: 100%;
|
|
790
790
|
position: relative;
|
|
@@ -814,30 +814,30 @@ dataframe`,qm=C`
|
|
|
814
814
|
}
|
|
815
815
|
}
|
|
816
816
|
}
|
|
817
|
-
`;function
|
|
817
|
+
`;function Zm({event:n,relevance:a}){return{id:n.eventMetadata.predictionId||"unknown id",text:n.documentText??"empty document",relevance:a}}function Ym(){const n=B(F=>F.selectedEventIds),a=B(F=>F.setSelectedEventIds),t=B(F=>F.setSelectedClusterId),l=B(F=>F.selectionDisplay),[i,r]=Se.useState(null),{primaryEventIds:s,referenceEventIds:c,corpusEventIds:d}=u.useMemo(()=>{const F=[],T=[],w=[];return n.forEach(_=>{_.includes("PRIMARY")?F.push(_):_.includes("CORPUS")?w.push(_):T.push(_)}),{primaryEventIds:F,referenceEventIds:T,corpusEventIds:w}},[n]),m=D.useLazyLoadQuery(Bi,{primaryEventIds:[...s],referenceEventIds:[...c],corpusEventIds:[...d]}),f=u.useMemo(()=>{var _,Q,V,H,te,oe;const F=((Q=(_=m.model)==null?void 0:_.primaryInferences)==null?void 0:Q.events)??[],T=((H=(V=m.model)==null?void 0:V.referenceInferences)==null?void 0:H.events)??[],w=((oe=(te=m.model)==null?void 0:te.corpusInferences)==null?void 0:oe.events)??[];return[...F,...T,...w]},[m]),g=()=>{a(new Set),t(null)},y=B(F=>F.eventIdToDataMap),p=B(F=>F.pointData),k=B(F=>F.selectionSearchText),b=u.useMemo(()=>f.map(F=>{var _,Q,V,H,te,oe,N;const T=y.get(F.id),w=[];return p!=null&&(T==null?void 0:T.retrievals)!=null&&T.retrievals.forEach(({documentId:j,relevance:M})=>{const U=p[j];U!=null&&w.push(Zm({event:U,relevance:M}))}),{id:F.id,predictionId:((_=F.eventMetadata)==null?void 0:_.predictionId)??null,actualLabel:((Q=F.eventMetadata)==null?void 0:Q.actualLabel)??null,actualScore:((V=F.eventMetadata)==null?void 0:V.actualScore)??null,predictionLabel:((H=F.eventMetadata)==null?void 0:H.predictionLabel)??null,predictionScore:((te=F.eventMetadata)==null?void 0:te.predictionScore)??null,rawData:(T==null?void 0:T.embeddingMetadata.rawData)??null,linkToData:(T==null?void 0:T.embeddingMetadata.linkToData)??null,dimensions:F.dimensions,prompt:((oe=F.promptAndResponse)==null?void 0:oe.prompt)??null,response:((N=F.promptAndResponse)==null?void 0:N.response)??null,retrievedDocuments:w,documentText:F.documentText??null}}),[f,y,p]),S=u.useMemo(()=>{if(k){const F=k.toLowerCase();return b.filter(T=>{var w,_,Q,V;return T.id.includes(F)||((w=T.documentText)==null?void 0:w.toLowerCase().includes(F))||((_=T.predictionId)==null?void 0:_.includes(F))||((Q=T.prompt)==null?void 0:Q.toLowerCase().includes(F))||((V=T.response)==null?void 0:V.toLowerCase().includes(F))})}return b},[b,k]),v=u.useMemo(()=>{if(k){const F=k.toLowerCase();return f.filter(T=>{var w,_,Q,V,H,te,oe;return T.id.includes(F)||((w=T.documentText)==null?void 0:w.toLowerCase().includes(F))||((Q=(_=T.eventMetadata)==null?void 0:_.predictionId)==null?void 0:Q.includes(F))||((H=(V=T.promptAndResponse)==null?void 0:V.prompt)==null?void 0:H.toLowerCase().includes(F))||((oe=(te=T.promptAndResponse)==null?void 0:te.response)==null?void 0:oe.toLowerCase().includes(F))})}return f},[f,k]),P=u.useMemo(()=>i?b.find(T=>T.id===i)??null:null,[b,i]),E=f.length,R=v.length;return o("section",{css:Jm,children:[o("div",{role:"toolbar",css:C`
|
|
818
818
|
position: absolute;
|
|
819
819
|
top: var(--ac-global-dimension-static-size-100);
|
|
820
820
|
right: var(--ac-global-dimension-static-size-200);
|
|
821
821
|
display: flex;
|
|
822
822
|
flex-direction: row-reverse;
|
|
823
823
|
gap: var(--ac-global-dimension-static-size-100);
|
|
824
|
-
`,children:[e(z,{variant:"default",size:"compact",icon:e(L,{svg:e(bd,{})}),"aria-label":"Clear selection",onClick:g}),e(
|
|
824
|
+
`,children:[e(z,{variant:"default",size:"compact",icon:e(L,{svg:e(bd,{})}),"aria-label":"Clear selection",onClick:g}),e(Um,{})]}),e(Qe,{children:o(ne,{name:"Selection",children:[e(Xm,{numSelectedEvents:E,numMatchingEvents:R,searchText:k}),l===Bl.list?e("div",{css:C`
|
|
825
825
|
flex: 1 1 auto;
|
|
826
826
|
overflow-y: auto;
|
|
827
|
-
`,children:e(
|
|
827
|
+
`,children:e(Gm,{data:S,onPointSelected:r})}):e(Hm,{events:v,onItemSelected:r})]})}),e(ee,{type:"slideOver",isDismissable:!0,onDismiss:()=>r(null),children:P&&e(Z,{title:"Embedding Details",size:"L",children:e(Mm,{event:P})})})]})}function Xm({numSelectedEvents:n,numMatchingEvents:a,searchText:t}){const l=B(m=>m.selectionDisplay),i=B(m=>m.setSelectionDisplay),r=B(m=>m.selectionGridSize),s=B(m=>m.setSelectionGridSize),c=B(m=>m.setSelectionSearchText),d=u.useMemo(()=>t?`${a}/${n} match "${t}"`:`${n} selected`,[n,a,t]);return e(It,{extra:o("div",{css:C`
|
|
828
828
|
display: flex;
|
|
829
829
|
flex-direction: row;
|
|
830
830
|
gap: var(--ac-global-dimension-static-size-100);
|
|
831
|
-
`,children:[e(Sd,{placeholder:"Search by text or ID",onChange:m=>{c(m)}}),l===Bl.gallery&&e(Zd,{size:r,onChange:s}),e(Yd,{mode:l,onChange:m=>{i(m)}})]}),children:e(x,{children:d})})}const Wi=$i;function
|
|
831
|
+
`,children:[e(Sd,{placeholder:"Search by text or ID",onChange:m=>{c(m)}}),l===Bl.gallery&&e(Zd,{size:r,onChange:s}),e(Yd,{mode:l,onChange:m=>{i(m)}})]}),children:e(x,{children:d})})}const Wi=$i;function z0(){const{referenceInferences:n,corpusInferences:a}=nn(),{timeRange:t}=mn(),l=u.useMemo(()=>{let i={};return a!=null?i=nc():n!=null?i=ac():i=tc(),i={...i,umapParameters:{...window.Config.UMAP}},i},[a,n]);return e(Hl,{initialTimestamp:t.end,children:e(lc,{...l,children:e(eg,{})})})}function eg(){const n=Cm(),{primaryInferences:a,referenceInferences:t}=nn(),l=B(v=>v.umapParameters),i=B(v=>v.getHDSCANParameters),r=B(v=>v.getMetric),s=B(v=>v.reset),c=B(v=>v.setLoading),[d,m]=u.useState(!0),[f,g,y]=D.useQueryLoader(Wi),{selectedTimestamp:p}=qa(),k=u.useMemo(()=>p??new Date(a.endTime),[p,a.endTime]),b=u.useMemo(()=>({start:Tl(k,2).toISOString(),end:k.toISOString()}),[k]),S=D.useLazyLoadQuery(Vi,{});return u.useEffect(()=>{s(),c(!0);const v=r();return g({id:n,timeRange:b,...l,...i(),fetchDataQualityMetric:v.type==="dataQuality",fetchPerformanceMetric:v.type==="performance",dataQualityMetricColumnName:v.type==="dataQuality"?v.dimension.name:null,performanceMetric:v.type==="performance"?v.metric:"accuracyScore"},{fetchPolicy:"network-only"}),()=>{y()}},[c,s,n,g,y,l,i,r,b]),o("main",{css:C`
|
|
832
832
|
flex: 1 1 auto;
|
|
833
833
|
display: flex;
|
|
834
834
|
flex-direction: column;
|
|
835
835
|
overflow: hidden;
|
|
836
|
-
`,children:[e(
|
|
836
|
+
`,children:[e(og,{}),o(It,{extra:o(h,{direction:"row",justifyContent:"center",alignItems:"center",gap:"size-100",children:[e(Xn,{onChange:v=>{m(v)},defaultSelected:!0,labelPlacement:"start",children:"Show Timeseries"}),e(Km,{})]}),children:[e($l,{}),t?e(Ol,{inferencesRole:"reference",timeRange:{start:new Date(t.startTime),end:new Date(t.endTime)}}):null,e(Dm,{model:S.model})]}),o(on,{direction:"vertical",children:[d?o(G,{children:[e(ke,{defaultSize:20,collapsible:!0,order:1,children:e(u.Suspense,{fallback:e(ye,{}),children:e(_m,{embeddingDimensionId:n})})}),e(sn,{css:bn})]}):null,e(ke,{order:2,children:e("div",{css:C`
|
|
837
837
|
width: 100%;
|
|
838
838
|
height: 100%;
|
|
839
839
|
position: relative;
|
|
840
|
-
`,children:e(u.Suspense,{fallback:e(ic,{}),children:f?e(
|
|
840
|
+
`,children:e(u.Suspense,{fallback:e(ic,{}),children:f?e(ag,{queryReference:f}):null})})})]})]})}function ng(n){if(n.__typename!=="Point3D")throw new Error(`Expected Point3D but got ${n.__typename} for coordinates`);return[n.x,n.y,n.z]}function ag({queryReference:n}){const a=D.usePreloadedQuery(Wi,n),t=u.useMemo(()=>{var m,f;return((f=(m=a.embedding)==null?void 0:m.UMAPPoints)==null?void 0:f.data)??[]},[a]),l=u.useMemo(()=>{var m,f;return((f=(m=a.embedding)==null?void 0:m.UMAPPoints)==null?void 0:f.referenceData)??[]},[a]),i=u.useMemo(()=>{var m,f;return((f=(m=a.embedding)==null?void 0:m.UMAPPoints)==null?void 0:f.corpusData)??[]},[a]),r=u.useMemo(()=>{var m,f;return((f=(m=a.embedding)==null?void 0:m.UMAPPoints)==null?void 0:f.contextRetrievals)??[]},[a]),s=u.useMemo(()=>[...t,...l,...i].map(f=>({...f,position:ng(f.coordinates),metaData:{id:f.eventId}})),[l,t,i]),c=B(m=>m.setInitialData),d=B(m=>m.setClusters);return Yo(()=>{var f,g;const m=((g=(f=a.embedding)==null?void 0:f.UMAPPoints)==null?void 0:g.clusters)||[];c({points:s,clusters:m,retrievals:r})},[s,n,r,c,d]),e("div",{css:C`
|
|
841
841
|
flex: 1 1 auto;
|
|
842
842
|
display: flex;
|
|
843
843
|
flex-direction: row;
|
|
@@ -865,7 +865,7 @@ dataframe`,qm=C`
|
|
|
865
865
|
}
|
|
866
866
|
}
|
|
867
867
|
}
|
|
868
|
-
`,children:e(
|
|
868
|
+
`,children:e(rg,{})}),e(sn,{css:bn}),e(ke,{css:C`
|
|
869
869
|
.ac-tabs {
|
|
870
870
|
height: 100%;
|
|
871
871
|
overflow: hidden;
|
|
@@ -878,23 +878,23 @@ dataframe`,qm=C`
|
|
|
878
878
|
position: relative;
|
|
879
879
|
width: 100%;
|
|
880
880
|
height: 100%;
|
|
881
|
-
`,children:[e(
|
|
881
|
+
`,children:[e(tg,{}),e(dc,{})]})})]})})}function tg(){return B(a=>a.selectedEventIds).size===0?null:e("div",{css:C`
|
|
882
882
|
position: absolute;
|
|
883
883
|
top: 0;
|
|
884
884
|
left: 0;
|
|
885
885
|
bottom: 0;
|
|
886
886
|
right: 0;
|
|
887
|
-
`,"data-testid":"selection-panel",children:o(on,{direction:"vertical",children:[e(ke,{}),e(sn,{css:bn,style:{zIndex:1}}),e(ke,{id:"embedding-point-selection",defaultSize:40,minSize:20,order:2,style:{zIndex:1},children:e(
|
|
887
|
+
`,"data-testid":"selection-panel",children:o(on,{direction:"vertical",children:[e(ke,{}),e(sn,{css:bn,style:{zIndex:1}}),e(ke,{id:"embedding-point-selection",defaultSize:40,minSize:20,order:2,style:{zIndex:1},children:e(lg,{children:e(u.Suspense,{fallback:e(ye,{}),children:e(Ym,{})})})})]})})}function lg(n){return e("div",{css:C`
|
|
888
888
|
background-color: var(--ac-global-color-grey-75);
|
|
889
889
|
width: 100%;
|
|
890
890
|
height: 100%;
|
|
891
|
-
`,children:n.children})}const
|
|
891
|
+
`,children:n.children})}const ig=1,rg=Se.memo(function(){const{referenceInferences:a}=nn(),t=B(g=>g.clusters),l=B(g=>g.selectedClusterId),i=B(g=>g.metric),r=B(g=>g.setSelectedClusterId),s=B(g=>g.setSelectedEventIds),c=B(g=>g.setHighlightedClusterId),d=B(g=>g.setClusterColorMode),m=a==null||i.type==="drift",f=u.useCallback(g=>{d(g===ig?Xt.highlight:Xt.default)},[d]);return o(Qe,{onChange:f,children:[e(ne,{name:"Clusters",extra:e(Ze,{children:t.length}),children:o(h,{direction:"column",height:"100%",children:[e(K,{borderBottomColor:"dark",borderBottomWidth:"thin",backgroundColor:"dark",flex:"none",padding:"size-50",children:e(h,{direction:"row",justifyContent:"end",children:e(Fm,{})})}),e(K,{flex:"1 1 auto",overflow:"auto",children:e("ul",{css:g=>C`
|
|
892
892
|
flex: 1 1 auto;
|
|
893
893
|
display: flex;
|
|
894
894
|
flex-direction: column;
|
|
895
895
|
gap: ${g.spacing.margin8}px;
|
|
896
896
|
margin: ${g.spacing.margin8}px;
|
|
897
|
-
`,children:t.map(g=>e("li",{children:e(Xd,{clusterId:g.id,numPoints:g.eventIds.length,isSelected:l===g.id,driftRatio:g.driftRatio,primaryToCorpusRatio:g.primaryToCorpusRatio,primaryMetricValue:g.primaryMetricValue,referenceMetricValue:g.referenceMetricValue,metricName:
|
|
897
|
+
`,children:t.map(g=>e("li",{children:e(Xd,{clusterId:g.id,numPoints:g.eventIds.length,isSelected:l===g.id,driftRatio:g.driftRatio,primaryToCorpusRatio:g.primaryToCorpusRatio,primaryMetricValue:g.primaryMetricValue,referenceMetricValue:g.referenceMetricValue,metricName:sg(i),hideReference:m,onClick:()=>{l!==g.id?(r(g.id),s(new Set(g.eventIds))):(r(null),s(new Set))},onMouseEnter:()=>{c(g.id)},onMouseLeave:()=>{c(null)}})},g.id))})})]})}),e(ne,{name:"Configuration",children:e(K,{overflow:"auto",height:"100%",children:e(ec,{})})})]})});function sg(n){const{type:a,metric:t}=n;switch(a){case"dataQuality":return`${n.dimension.name} avg`;case"drift":{switch(t){case"euclideanDistance":return"Cluster Drift";default:me()}break}case"performance":return wn(t);case"retrieval":{switch(t){case"queryDistance":return"% Query";default:me()}break}default:me()}}function og(){const{notifyError:n}=Ql(),a=B(l=>l.errorMessage),t=B(l=>l.setErrorMessage);return u.useEffect(()=>{a!==null&&n({title:"An error occurred",message:a,action:{text:"Dismiss",onClick:()=>{t(null)}}})},[a,n,t]),null}const Ji=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"embeddingLoaderQuery",selections:[{alias:"embedding",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[t,l],type:"EmbeddingDimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"embeddingLoaderQuery",selections:[{alias:"embedding",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[l],type:"EmbeddingDimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"cff0ac130f1ef79784f7bef4161ac60d",id:null,metadata:{},name:"embeddingLoaderQuery",operationKind:"query",text:`query embeddingLoaderQuery(
|
|
898
898
|
$id: GlobalID!
|
|
899
899
|
) {
|
|
900
900
|
embedding: node(id: $id) {
|
|
@@ -907,7 +907,7 @@ dataframe`,qm=C`
|
|
|
907
907
|
id
|
|
908
908
|
}
|
|
909
909
|
}
|
|
910
|
-
`}}}();Ji.hash="c049e57d92943f64b5e751e0daa89dc8";async function
|
|
910
|
+
`}}}();Ji.hash="c049e57d92943f64b5e751e0daa89dc8";async function V0(n){const{embeddingDimensionId:a}=n.params;return D.fetchQuery(Me,Ji,{id:a}).toPromise()}const Zi=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"},s=[r],c=[{kind:"Variable",name:"hasReference",variableName:"hasReference"},r],d={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},m=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null}],f={kind:"Literal",name:"metric",value:"cardinality"},g={kind:"Literal",name:"metric",value:"percentEmpty"},y={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:s,kind:"FragmentSpread",name:"DimensionSegmentsBarChart_dimension"},{args:s,kind:"FragmentSpread",name:"DimensionCountStats_dimension"},{args:s,kind:"FragmentSpread",name:"DimensionDriftStats_dimension"},{args:c,kind:"FragmentSpread",name:"DimensionCardinalityStats_dimension"},{args:c,kind:"FragmentSpread",name:"DimensionPercentEmptyStats_dimension"},{args:s,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:[d,{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:[d,{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:m,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"totalCounts",plural:!1,selections:m,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:[g,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:[y,f],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"cardinality")'},{alias:"referencePercentEmpty",args:[y,g],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(
|
|
911
911
|
$dimensionId: GlobalID!
|
|
912
912
|
$timeRange: TimeRange!
|
|
913
913
|
$hasReference: Boolean!
|
|
@@ -988,7 +988,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
988
988
|
}
|
|
989
989
|
}
|
|
990
990
|
}
|
|
991
|
-
`}}}();Zi.hash="d194bfd656408e8ba7cb427ddc80fc85";const Yi=function(){var n={kind:"Literal",name:"metric",value:"cardinality"};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"hasReference"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionCardinalityStats_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:"cardinality",args:[n,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{condition:"hasReference",kind:"Condition",passingValue:!0,selections:[{alias:"referenceCardinality",args:[{kind:"Literal",name:"inferencesRole",value:"reference"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"cardinality")'}]}],type:"Dimension",abstractKey:null}}();Yi.hash="8b4edef350e4df49e799afa70ca34918";function
|
|
991
|
+
`}}}();Zi.hash="d194bfd656408e8ba7cb427ddc80fc85";const Yi=function(){var n={kind:"Literal",name:"metric",value:"cardinality"};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"hasReference"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionCardinalityStats_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:"cardinality",args:[n,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{condition:"hasReference",kind:"Condition",passingValue:!0,selections:[{alias:"referenceCardinality",args:[{kind:"Literal",name:"inferencesRole",value:"reference"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"cardinality")'}]}],type:"Dimension",abstractKey:null}}();Yi.hash="8b4edef350e4df49e799afa70ca34918";function dg(n){const a=D.useFragment(Yi,n.dimension);return o(G,{children:[e(x,{elementType:"h3",textSize:"small",color:"text-700",children:"Cardinality"}),e(x,{textSize:"xlarge",children:En(a.cardinality)}),a.referenceCardinality!=null&&e(x,{textSize:"medium",color:"designationPurple",children:En(a.referenceCardinality)})]})}const Xi=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:"cardinalityTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"granularity"},{kind:"Literal",name:"metric",value:"cardinality"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DimensionCardinalityTimeSeriesQuery",selections:[{alias:"dimension",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:"DimensionCardinalityTimeSeriesQuery",selections:[{alias:"dimension",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,r],storageKey:null}]},params:{cacheID:"f53e5ac5e0bfd6a0a6c50b761223a617",id:null,metadata:{},name:"DimensionCardinalityTimeSeriesQuery",operationKind:"query",text:`query DimensionCardinalityTimeSeriesQuery(
|
|
992
992
|
$dimensionId: GlobalID!
|
|
993
993
|
$timeRange: TimeRange!
|
|
994
994
|
$granularity: Granularity!
|
|
@@ -1006,7 +1006,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
1006
1006
|
}
|
|
1007
1007
|
}
|
|
1008
1008
|
}
|
|
1009
|
-
`}}}();Xi.hash="88ce04bb2022d5e2bc75c663abd7e5de";const xa={top:25,right:18,left:18,bottom:5},
|
|
1009
|
+
`}}}();Xi.hash="88ce04bb2022d5e2bc75c663abd7e5de";const xa={top:25,right:18,left:18,bottom:5},cg=new Intl.NumberFormat([],{maximumFractionDigits:2}),er=()=>{const{gray300:n}=gn();return{color:n}};function ug({active:n,payload:a,label:t}){var i;const{color:l}=er();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,s=typeof r=="number"?cg.format(r):"--";return o(vn,{children:[e(x,{weight:"heavy",textSize:"medium",children:`${Ye(new Date(t))}`}),e(we,{color:l,name:"Cardinality",value:s}),e(Ua,{})]})}return null}function mg({dimensionId:n}){var c;const{timeRange:a}=mn(),t=na(a),l=D.useLazyLoadQuery(Xi,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:t}),{color:i}=er(),r=((c=l.dimension.cardinalityTimeSeries)==null?void 0:c.data.map(d=>({timestamp:new Date(d.timestamp).valueOf(),value:d.value})))||[],s=aa({samplingIntervalMinutes:t.samplingIntervalMinutes});return e(Cn,{width:"100%",height:"100%",children:o(Ka,{data:r,margin:xa,syncId:"dimensionDetails",children:[e("defs",{children:o("linearGradient",{id:"cardinalityColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:i,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:i,stopOpacity:0})]})}),e(Fn,{...ta,tickFormatter:d=>s(new Date(d))}),e(en,{stroke:De.colors.gray200,label:{value:"Cardinality",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(Kn,{strokeDasharray:"4 4",stroke:De.colors.gray200,strokeOpacity:.5}),e(xn,{content:e(ug,{})}),e(ha,{type:"monotone",dataKey:"value",stroke:i,fillOpacity:1,fill:"url(#cardinalityColorUv)"})]})})}const nr={argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionCountStats_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:"count",args:[{kind:"Literal",name:"metric",value:"count"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],kind:"ScalarField",name:"dataQualityMetric",storageKey:null}],type:"Dimension",abstractKey:null};nr.hash="6dccac51f3fb0853276677c692af5a43";function gg(n){const t=D.useFragment(nr,n.dimension).count??0;return o(G,{children:[e(x,{elementType:"h3",textSize:"small",color:"text-700",children:"Total Count"}),e(x,{textSize:"xlarge",children:En(t)})]})}const ar=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},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:"trafficTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"countGranularity"},{kind:"Literal",name:"metric",value:"count"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"DimensionCountTimeSeriesQuery",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:[a,t,n],kind:"Operation",name:"DimensionCountTimeSeriesQuery",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:"1f9eff6d8d453148844edae32b844df7",id:null,metadata:{},name:"DimensionCountTimeSeriesQuery",operationKind:"query",text:`query DimensionCountTimeSeriesQuery(
|
|
1010
1010
|
$dimensionId: GlobalID!
|
|
1011
1011
|
$timeRange: TimeRange!
|
|
1012
1012
|
$countGranularity: Granularity!
|
|
@@ -1024,7 +1024,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
1024
1024
|
}
|
|
1025
1025
|
}
|
|
1026
1026
|
}
|
|
1027
|
-
`}}}();ar.hash="9677ef7c6b298554824fe3fd3904c7aa";const
|
|
1027
|
+
`}}}();ar.hash="9677ef7c6b298554824fe3fd3904c7aa";const pg=new Intl.NumberFormat([],{maximumFractionDigits:2}),tr=()=>{const{gray300:n}=gn();return{barColor:n}};function yg({active:n,payload:a,label:t}){var i;const{barColor:l}=tr();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,s=typeof r=="number"?pg.format(r):"--";return o(vn,{children:[e(x,{weight:"heavy",textSize:"medium",children:`${Ye(new Date(t))}`}),e(we,{color:l,shape:"square",name:"Count",value:s})]})}return null}function fg({dimensionId:n}){var d;const{timeRange:a}=mn(),t=na(a),r=(((d=D.useLazyLoadQuery(ar,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},countGranularity:t}).embedding.trafficTimeSeries)==null?void 0:d.data)||[]).map(m=>({...m,timestamp:new Date(m.timestamp).valueOf()})),s=aa({samplingIntervalMinutes:t.samplingIntervalMinutes}),{barColor:c}=tr();return e(Cn,{width:"100%",height:"100%",children:o(Mt,{data:r,margin:xa,syncId:"dimensionDetails",children:[e("defs",{children:o("linearGradient",{id:"countBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:c,stopOpacity:1}),e("stop",{offset:"95%",stopColor:c,stopOpacity:.5})]})}),e(Fn,{...ta,tickFormatter:m=>s(new Date(m))}),e(en,{stroke:De.colors.gray200,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(Kn,{strokeDasharray:"4 4",stroke:De.colors.gray200,strokeOpacity:.5}),e(xn,{...Pt,content:e(yg,{})}),e(Jn,{dataKey:"value",fill:"url(#countBarColor)",spacing:5})]})})}const lr=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},s={alias:null,args:null,concreteType:"NumericRange",kind:"LinkedField",name:"range",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"start",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"end",storageKey:null}],storageKey:null},c=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"referenceValue",storageKey:null}],d={alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"counts",plural:!1,selections:c,storageKey:null},m={alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"totalCounts",plural:!1,selections:c,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,s],type:"IntervalBin",abstractKey:null},{kind:"InlineFragment",selections:[i],type:"MissingValueBin",abstractKey:null}],storageKey:null},d],storageKey:null},m],storageKey:null},action:"THROW",path:"dimension.segmentsComparison"}],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:[s],type:"IntervalBin",abstractKey:null}],storageKey:null},d],storageKey:null},m],storageKey:null}],type:"Dimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"7d11d88f419003f5ee8cd9d11312e427",id:null,metadata:{},name:"DimensionDriftBreakdownSegmentBarChartQuery",operationKind:"query",text:`query DimensionDriftBreakdownSegmentBarChartQuery(
|
|
1028
1028
|
$dimensionId: GlobalID!
|
|
1029
1029
|
$timeRange: TimeRange!
|
|
1030
1030
|
) {
|
|
@@ -1064,7 +1064,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
1064
1064
|
}
|
|
1065
1065
|
}
|
|
1066
1066
|
}
|
|
1067
|
-
`}}}();lr.hash="6bb76e3cce4ee28c333e485b3aa2dffd";const ol=bt(".2f"),ir=()=>{const{primary:n,reference:a}=gn();return{primaryBarColor:n,referenceBarColor:a}};function
|
|
1067
|
+
`}}}();lr.hash="6bb76e3cce4ee28c333e485b3aa2dffd";const ol=bt(".2f"),ir=()=>{const{primary:n,reference:a}=gn();return{primaryBarColor:n,referenceBarColor:a}};function hg({active:n,payload:a,label:t}){var r,s,c,d,m,f;const{primaryBarColor:l,referenceBarColor:i}=ir();if(n&&a&&a.length){const g=(s=(r=a[0])==null?void 0:r.payload)==null?void 0:s.primaryName,y=(c=a[0])==null?void 0:c.value,p=(m=(d=a[0])==null?void 0:d.payload)==null?void 0:m.referenceName,k=(f=a[1])==null?void 0:f.value;return o(vn,{children:[e(x,{elementType:"h3",textSize:"medium",weight:"heavy",children:t}),e(we,{color:l,shape:"square",name:g,value:y!=null?`${ol(y)}%`:"--"}),e(we,{color:i,shape:"square",name:p,value:k!=null?`${ol(k)}%`:"--"})]})}return null}function kg(n){var y,p,k,b,S;const{primaryInferences:a,referenceInferences:t}=nn(),l=a.name,i=(t==null?void 0:t.name)||"reference",{selectedTimestamp:r}=qa(),s=u.useMemo(()=>r??new Date(a.endTime),[r,a.endTime]),c=u.useMemo(()=>({start:Tl(s,2).toISOString(),end:s.toISOString()}),[s]),d=D.useLazyLoadQuery(lr,{dimensionId:n.dimensionId,timeRange:c}),m=u.useMemo(()=>{var R,F,T,w,_;const v=((R=d.dimension.segmentsComparison)==null?void 0:R.segments)??[],P=((T=(F=d.dimension.segmentsComparison)==null?void 0:F.totalCounts)==null?void 0:T.primaryValue)??0,E=((_=(w=d.dimension.segmentsComparison)==null?void 0:w.totalCounts)==null?void 0:_.referenceValue)??0;return v.map(Q=>{var j,M;const V=((j=Q.counts)==null?void 0:j.primaryValue)??0,H=((M=Q.counts)==null?void 0:M.referenceValue)??0,te=Gl(Q.bin),oe=V/P*100,N=H/E*100;return{name:te,primaryName:l,referenceName:i,primaryPercent:oe,referencePercent:N}})},[(y=d.dimension.segmentsComparison)==null?void 0:y.segments,(k=(p=d.dimension.segmentsComparison)==null?void 0:p.totalCounts)==null?void 0:k.primaryValue,(S=(b=d.dimension.segmentsComparison)==null?void 0:b.totalCounts)==null?void 0:S.referenceValue,l,i]),{primaryBarColor:f,referenceBarColor:g}=ir();return o(h,{direction:"column",height:"100%",children:[e(K,{flex:"none",paddingTop:"size-100",paddingStart:"size-200",children:e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:`Distribution comparison at ${Ye(new Date(c.end))}`})}),e(K,{flex:!0,children:e(Cn,{children:o(Mt,{data:m,margin:{top:15,right:18,left:18,bottom:5},children:[o("defs",{children:[o("linearGradient",{id:"dimensionPrimarySegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:f,stopOpacity:1}),e("stop",{offset:"95%",stopColor:f,stopOpacity:.5})]}),o("linearGradient",{id:"dimensionReferenceSegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:g,stopOpacity:1}),e("stop",{offset:"95%",stopColor:g,stopOpacity:.5})]})]}),e(Fn,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(en,{stroke:De.colors.gray200,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(Kn,{strokeDasharray:"4 4",stroke:De.colors.gray200,strokeOpacity:.5}),e(xn,{...Pt,content:e(hg,{})}),e(Jn,{dataKey:"primaryPercent",fill:"url(#dimensionPrimarySegmentsBarColor)"}),e(Jn,{dataKey:"referencePercent",fill:"url(#dimensionReferenceSegmentsBarColor)"})]})})})]})}const rr={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};rr.hash="f8a9fb08a14f63906e38bc247d50b189";const bg=o(Yn,{variant:"info",placement:"top end",children:[e(ce,{weight:"heavy",level:4,children:"Population Stability Index"}),e(zn,{children:e(x,{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(He,{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 Sg(n){const a=D.useFragment(rr,n.dimension);return o(G,{children:[o(h,{direction:"row",alignItems:"center",gap:"size-25",children:[e(x,{elementType:"h3",textSize:"small",color:"text-700",children:"PSI"}),bg]}),e(x,{textSize:"xlarge",children:Gn(a.psi)})]})}const sr=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},s={kind:"Variable",name:"timeRange",variableName:"timeRange"},c=[{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}],d={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"granularity",variableName:"driftGranularity"},{kind:"Literal",name:"metric",value:"psi"},s],concreteType:"DriftTimeSeries",kind:"LinkedField",name:"driftTimeSeries",plural:!1,selections:c,storageKey:null},{alias:"trafficTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"countGranularity"},{kind:"Literal",name:"metric",value:"count"},s],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:c,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,d],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,d],storageKey:null}]},params:{cacheID:"af2d25e28675891b3c8a6bc75027f731",id:null,metadata:{},name:"DimensionDriftTimeSeriesQuery",operationKind:"query",text:`query DimensionDriftTimeSeriesQuery(
|
|
1068
1068
|
$dimensionId: GlobalID!
|
|
1069
1069
|
$timeRange: TimeRange!
|
|
1070
1070
|
$driftGranularity: Granularity!
|
|
@@ -1089,7 +1089,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
1089
1089
|
}
|
|
1090
1090
|
}
|
|
1091
1091
|
}
|
|
1092
|
-
`}}}();sr.hash="6312b58dbb252b17efdf08d44dd58630";const or=()=>{const{orange300:n,gray300:a}=gn();return{color:n,barColor:a}};function
|
|
1092
|
+
`}}}();sr.hash="6312b58dbb252b17efdf08d44dd58630";const or=()=>{const{orange300:n,gray300:a}=gn();return{color:n,barColor:a}};function vg({active:n,payload:a,label:t}){var i;const{color:l}=or();if(n&&a&&a.length){const r=((i=a[1])==null?void 0:i.value)??null;return o(vn,{children:[e(x,{weight:"heavy",textSize:"medium",children:`${Ye(new Date(t))}`}),e(we,{color:l,name:"PSI",value:Gn(r)}),e(Ua,{}),o("div",{css:C`
|
|
1093
1093
|
display: flex;
|
|
1094
1094
|
flex-direction: row;
|
|
1095
1095
|
align-items: center;
|
|
@@ -1097,7 +1097,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
1097
1097
|
gap: var(--ac-global-dimension-static-size-50);
|
|
1098
1098
|
|
|
1099
1099
|
margin-top: var(--ac-global-dimension-static-size-50);
|
|
1100
|
-
`,children:[e(L,{svg:e(Pl,{})}),e("span",{children:"Click to view details"})]})]})}return null}function
|
|
1100
|
+
`,children:[e(L,{svg:e(Pl,{})}),e("span",{children:"Click to view details"})]})]})}return null}function Cg({dimensionId:n}){var p,k;const{timeRange:a}=mn(),{selectedTimestamp:t,setSelectedTimestamp:l}=qa(),i=na(a),r=D.useLazyLoadQuery(sr,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},driftGranularity:jl(a),countGranularity:i}),s=((p=r.embedding.driftTimeSeries)==null?void 0:p.data)||[],c=((k=r.embedding.trafficTimeSeries)==null?void 0:k.data.reduce((b,S)=>(b[S.timestamp]=S.value,b),{}))??{},d=s.map(b=>{const S=c[b.timestamp];return{...b,traffic:S,timestamp:new Date(b.timestamp).valueOf()}}),m=aa({samplingIntervalMinutes:i.samplingIntervalMinutes}),f=u.useCallback(b=>{const{activePayload:S}=b;if(S!=null&&S.length>0){const v=S[0].payload;l(new Date(v.timestamp))}},[l]),{color:g,barColor:y}=or();return e(Cn,{width:"100%",height:"100%",children:o(Ka,{data:d,margin:xa,onClick:f,syncId:"dimensionDetails",children:[o("defs",{children:[o("linearGradient",{id:"dimensionDriftColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:g,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:g,stopOpacity:0})]}),o("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:y,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:y,stopOpacity:0})]})]}),e(Fn,{...ta,tickFormatter:b=>m(new Date(b))}),e(en,{stroke:De.colors.gray200,label:{value:"PSI",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(en,{yAxisId:"right",orientation:"right",tick:!1,tickLine:!1,width:0}),e(Kn,{strokeDasharray:"4 4",stroke:De.colors.gray200,strokeOpacity:.5}),e(xn,{content:e(vg,{})}),e(Jn,{yAxisId:"right",dataKey:"traffic",fill:"url(#barColor)",spacing:5}),e(ha,{type:"monotone",dataKey:"value",stroke:g,fillOpacity:1,fill:"url(#dimensionDriftColorUv)"}),t!=null?e(yi,{...ql,x:t.getTime()}):null]})})}const dr=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}}();dr.hash="1e10d0449d6607d9292f355548c41c78";function Fg(n){const a=D.useFragment(dr,n.dimension);return o(G,{children:[e(x,{elementType:"h3",textSize:"small",color:"text-700",children:"% Empty"}),e(x,{textSize:"xlarge",children:yt(a.percentEmpty)}),a.referencePercentEmpty!=null&&e(x,{textSize:"medium",color:"designationPurple",children:yt(a.referencePercentEmpty)})]})}const cr=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(
|
|
1101
1101
|
$dimensionId: GlobalID!
|
|
1102
1102
|
$timeRange: TimeRange!
|
|
1103
1103
|
$granularity: Granularity!
|
|
@@ -1115,7 +1115,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
1115
1115
|
}
|
|
1116
1116
|
}
|
|
1117
1117
|
}
|
|
1118
|
-
`}}}();cr.hash="1e843d6c8dbe05b389b24188c6bdb394";const
|
|
1118
|
+
`}}}();cr.hash="1e843d6c8dbe05b389b24188c6bdb394";const Kg=new Intl.NumberFormat([],{maximumFractionDigits:2}),ur=()=>{const{gray100:n}=gn();return{color:n}};function xg({active:n,payload:a,label:t}){var i;const{color:l}=ur();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,s=typeof r=="number"?Kg.format(r):"--";return o(vn,{children:[e(x,{weight:"heavy",textSize:"medium",children:`${Ye(new Date(t))}`}),e(we,{color:l,name:"% Empty",value:s})]})}return null}function Tg({dimensionId:n}){var c;const{timeRange:a}=mn(),t=na(a),i=((c=D.useLazyLoadQuery(cr,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:t}).embedding.percentEmptyTimeSeries)==null?void 0:c.data.map(d=>({timestamp:new Date(d.timestamp).valueOf(),value:d.value})))||[],r=aa({samplingIntervalMinutes:t.samplingIntervalMinutes}),{color:s}=ur();return e(Cn,{width:"100%",height:"100%",children:o(Ka,{data:i,margin:xa,syncId:"dimensionDetails",children:[e("defs",{children:o("linearGradient",{id:"percentEmptyColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:s,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:s,stopOpacity:0})]})}),e(Fn,{...ta,tickFormatter:d=>r(new Date(d))}),e(en,{stroke:De.colors.gray200,label:{value:"% Empty",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(Kn,{strokeDasharray:"4 4",stroke:De.colors.gray200,strokeOpacity:.5}),e(xn,{content:e(xg,{})}),e(fi,{type:"monotone",dataKey:"value",stroke:s,fillOpacity:1,fill:"url(#percentEmptyColorUv)"})]})})}const mr=function(){var n={kind:"Variable",name:"timeRange",variableName:"timeRange"};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionQuantilesStats_dimension",selections:[{alias:"p99",args:[{kind:"Literal",name:"metric",value:"p99"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p75",args:[{kind:"Literal",name:"metric",value:"p75"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p50",args:[{kind:"Literal",name:"metric",value:"p50"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p25",args:[{kind:"Literal",name:"metric",value:"p25"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p1",args:[{kind:"Literal",name:"metric",value:"p01"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:null}],type:"Dimension",abstractKey:null}}();mr.hash="c306c8eafb1d34be464d3a658d5f94a7";function Ig(n){const a=D.useFragment(mr,n.dimension);return e("ul",{css:C`
|
|
1119
1119
|
display: flex;
|
|
1120
1120
|
flex-direction: column;
|
|
1121
1121
|
gap: var(--ac-global-dimension-static-size-50);
|
|
@@ -1165,14 +1165,14 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
1165
1165
|
}
|
|
1166
1166
|
}
|
|
1167
1167
|
}
|
|
1168
|
-
`}}}();gr.hash="134f0dad0e0ecc7863dfbb0f437d829b";const
|
|
1168
|
+
`}}}();gr.hash="134f0dad0e0ecc7863dfbb0f437d829b";const Dg=bt("~s");var pr=(n=>(n.p99_p01="p99_p01",n.p75_p25="p75_p25",n.p50="p50",n))(pr||{});const Pg=new Intl.NumberFormat([],{maximumFractionDigits:2});function ca(n){return typeof n=="number"?Pg.format(n):"--"}const yr=()=>{const n=gn();return{outerColor:n.gray500,innerColor:n.gray300,lineColor:n.default}};function Lg({active:n,payload:a,label:t}){const{outerColor:l,innerColor:i,lineColor:r}=yr();if(n&&a&&a.length){const s=a[0].payload;return o(vn,{children:[e(x,{weight:"heavy",textSize:"medium",children:`${Ye(new Date(t))}`}),e(we,{color:l,name:"p99",value:ca(s.p99_p01[0])}),e(we,{color:i,name:"p75",value:ca(s.p75_p25[0])}),e(we,{color:r,name:"p50",value:ca(s.p50)}),e(we,{color:i,name:"p25",value:ca(s.p75_p25[1])}),e(we,{color:l,name:"p01",value:ca(s.p99_p01[1])})]})}return null}function wg({dimensionId:n}){var E,R,F,T,w;const{timeRange:a}=mn(),t=na(a),l=D.useLazyLoadQuery(gr,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:t}),i=((E=l.dimension.p99TimeSeries)==null?void 0:E.data.map(_=>_))||[],r=((R=l.dimension.p01TimeSeries)==null?void 0:R.data.map(_=>_))||[],s=((F=l.dimension.p75TimeSeries)==null?void 0:F.data.map(_=>_))||[],c=((T=l.dimension.p25TimeSeries)==null?void 0:T.data.map(_=>_))||[],d=((w=l.dimension.p50TimeSeries)==null?void 0:w.data.map(_=>_))||[],m=i.map((_,Q)=>({timestamp:new Date(_.timestamp).valueOf(),p99_p01:[_.value,r[Q].value],p75_p25:[s[Q].value,c[Q].value],p50:d[Q].value})),f=aa({samplingIntervalMinutes:t.samplingIntervalMinutes}),[g,y]=u.useState(Object.keys(pr).reduce((_,Q)=>(_[Q]=!1,_),{})),p=_=>{g[_.dataKey]||y({...g})},k=()=>{y({...g})},b=_=>{y({...g,[String(_.dataKey)]:!g[_.dataKey]})},{outerColor:S,innerColor:v,lineColor:P}=yr();return e(Cn,{width:"100%",height:"100%",children:o(Ka,{data:m,margin:xa,syncId:"dimensionDetails",children:[o("defs",{children:[o("linearGradient",{id:"p99_p01ColorUV",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"10%",stopColor:S,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:S,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:S,stopOpacity:.7})]}),o("linearGradient",{id:"p75_p25ColorUV",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"10%",stopColor:v,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:v,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:v,stopOpacity:.7})]})]}),e(Fn,{...ta,tickFormatter:_=>f(new Date(_))}),e(en,{stroke:De.colors.gray200,label:{value:"Value",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},tickFormatter:_=>Dg(_),style:{fill:"var(--ac-global-text-color-700)"}}),e(Kn,{strokeDasharray:"4 4",stroke:De.colors.gray200,strokeOpacity:.5}),e(xn,{content:e(Lg,{})}),e(Yc,{onClick:b,onMouseOver:p,onMouseOut:k}),e(ha,{type:"monotone",dataKey:"p99_p01",name:"p99 - p01",fillOpacity:1,fill:"url(#p99_p01ColorUV)",stroke:S,hide:g.p99_p01===!0}),e(ha,{type:"monotone",dataKey:"p75_p25",name:"p75 - p25",fillOpacity:1,stroke:v,fill:"url(#p75_p25ColorUV)",hide:g.p75_p25===!0}),e(fi,{type:"monotone",dataKey:"p50",stroke:P,hide:g.p50===!0})]})})}const fr=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}}();fr.hash="8cef9841e9a5bd7d0d50acb5db9028b0";const Eg=bt(".2f"),hr=()=>{const{primary:n}=gn();return{color:n}};function _g({active:n,payload:a,label:t}){var i;const{color:l}=hr();if(n&&a&&a.length){const r=(i=a[0])==null?void 0:i.value;return e(vn,{children:e(we,{color:l,shape:"square",name:t,value:r!=null?`${Eg(r)}%`:"--"})})}return null}function Rg(n){const a=D.useFragment(fr,n.dimension),t=u.useMemo(()=>{var s,c,d;const i=((s=a.segmentsComparison)==null?void 0:s.segments)??[],r=((d=(c=a.segmentsComparison)==null?void 0:c.totalCounts)==null?void 0:d.primaryValue)??0;return i.map(m=>{var p;const f=((p=m.counts)==null?void 0:p.primaryValue)??0,g=Gl(m.bin),y=f/r*100;return{name:g,percent:y}})},[a]),{color:l}=hr();return e(Cn,{children:o(Mt,{data:t,margin:{top:25,right:18,left:18,bottom:5},children:[e("defs",{children:o("linearGradient",{id:"dimensionSegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:l,stopOpacity:1}),e("stop",{offset:"95%",stopColor:l,stopOpacity:.5})]})}),e(Fn,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(en,{stroke:De.colors.gray200,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(Kn,{strokeDasharray:"4 4",stroke:De.colors.gray200,strokeOpacity:.5}),e(xn,{...Pt,content:e(_g,{})}),e(Jn,{dataKey:"percent",fill:"url(#dimensionSegmentsBarColor)",spacing:15})]})})}function $0(){const{dimensionId:n}=Ve(),{timeRange:a}=mn(),t=kn(),{referenceInferences:l}=nn(),i=l!==null,r=i,s=t.dimension.shape!=="continuous",c=t.dimension.dataType==="numeric",d=X(),m=D.useLazyLoadQuery(Zi,{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(Hl,{initialTimestamp:new Date(a.end),children:e(ee,{type:"slideOver",isDismissable:!0,onDismiss:()=>d(-1),children:e(Z,{size:"L",title:t.dimension.name,children:e("main",{css:C`
|
|
1169
1169
|
padding: var(--ac-global-dimension-static-size-100);
|
|
1170
1170
|
display: flex;
|
|
1171
1171
|
flex-direction: column;
|
|
1172
1172
|
min-height: 400px;
|
|
1173
1173
|
overflow-y: auto;
|
|
1174
1174
|
height: 100%;
|
|
1175
|
-
`,children:e(u.Suspense,{fallback:e(ye,{}),children:o(h,{direction:"column",gap:"size-100",children:[e(K,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:e(
|
|
1175
|
+
`,children:e(u.Suspense,{fallback:e(ye,{}),children:o(h,{direction:"column",gap:"size-100",children:[e(K,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:e(Rg,{dimension:m.dimension})}),e(K,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600","data-testid":"dimension-count-time-series-view",children:o(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(fg,{dimensionId:n}),e(Dn,{children:e(gg,{dimension:m.dimension})})]})}),r?e(K,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",children:o(h,{direction:"column",alignItems:"stretch",children:[e(K,{width:"100%",height:"size-1600",children:o(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(K,{flex:!0,children:e(Cg,{dimensionId:n})}),e(Dn,{children:e(Sg,{dimension:m.dimension})})]})}),e(K,{height:"size-1600",width:"100%",borderTopColor:"dark",borderTopWidth:"thin",children:e(u.Suspense,{fallback:e(ye,{}),children:e(kg,{dimensionId:n})})})]})}):null,c?e(K,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-3000",children:o(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(K,{flex:!0,children:e(wg,{dimensionId:n})}),e(Dn,{children:e(Ig,{dimension:m.dimension})})]})}):null,s?e(K,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:o(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(K,{flex:!0,children:e(mg,{dimensionId:n})}),e(Dn,{children:e(dg,{dimension:m.dimension})})]})}):null,e(K,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:o(h,{direction:"row",alignItems:"stretch",height:"100%",children:[e(Tg,{dimensionId:n}),e(Dn,{children:e(Fg,{dimension:m.dimension})})]})})]})})})})})})}const kr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"dataType",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"shape",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"dimensionLoaderQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[t,l,i,r],type:"Dimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"dimensionLoaderQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[l,i,r],type:"Dimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"03a9aafe3f08a9d093b029ff4a9e3253",id:null,metadata:{},name:"dimensionLoaderQuery",operationKind:"query",text:`query dimensionLoaderQuery(
|
|
1176
1176
|
$id: GlobalID!
|
|
1177
1177
|
) {
|
|
1178
1178
|
dimension: node(id: $id) {
|
|
@@ -1187,7 +1187,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
1187
1187
|
id
|
|
1188
1188
|
}
|
|
1189
1189
|
}
|
|
1190
|
-
`}}}();kr.hash="5a662d77e69d2e9bb4eb2af4cad6b722";async function
|
|
1190
|
+
`}}}();kr.hash="5a662d77e69d2e9bb4eb2af4cad6b722";async function O0(n){const{dimensionId:a}=n.params;return D.fetchQuery(Me,kr,{id:a}).toPromise()}const br=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:"name",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},s={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,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},i,{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},{alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},r,{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:[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}],storageKey:null}],storageKey:null}],storageKey:"spans(first:1000)"},r],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:[s],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},s,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l],storageKey:null}]},params:{cacheID:"7d3725cc8aaa73d8aace29a3c6bba171",id:null,metadata:{},name:"TraceDetailsQuery",operationKind:"query",text:`query TraceDetailsQuery(
|
|
1191
1191
|
$traceId: ID!
|
|
1192
1192
|
$id: GlobalID!
|
|
1193
1193
|
) {
|
|
@@ -1314,7 +1314,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
1314
1314
|
annotatorKind
|
|
1315
1315
|
}
|
|
1316
1316
|
}
|
|
1317
|
-
`}}}();Sr.hash="eaf52d9b37b1f5a29cae360a05b7c975";function dl(n){return Array.isArray(n)&&n.every(a=>typeof a=="object"&&de.message in a&&
|
|
1317
|
+
`}}}();Sr.hash="eaf52d9b37b1f5a29cae360a05b7c975";function dl(n){return Array.isArray(n)&&n.every(a=>typeof a=="object"&&de.message in a&&Ag(a[de.message]))}function Ag(n){return typeof n=="object"&&n!==null&&Pe.role in n}const st=C`
|
|
1318
1318
|
display: flex;
|
|
1319
1319
|
align-items: center;
|
|
1320
1320
|
.ac-text {
|
|
@@ -1351,22 +1351,22 @@ fragment SpanAside_span on Span {
|
|
|
1351
1351
|
score
|
|
1352
1352
|
}
|
|
1353
1353
|
}
|
|
1354
|
-
`}}}();vr.hash="cb5cab60889623d77ad0c96c98b3f8ac";const Cr=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:vr,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"SpanAside_span",selections:[n,{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:[n,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null}}();Cr.hash="cb5cab60889623d77ad0c96c98b3f8ac";const
|
|
1354
|
+
`}}}();vr.hash="cb5cab60889623d77ad0c96c98b3f8ac";const Cr=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:vr,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"SpanAside_span",selections:[n,{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:[n,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null}}();Cr.hash="cb5cab60889623d77ad0c96c98b3f8ac";const Mg=C`
|
|
1355
1355
|
display: flex;
|
|
1356
1356
|
padding-top: var(--ac-global-dimension-size-50);
|
|
1357
1357
|
flex-direction: column;
|
|
1358
1358
|
gap: var(--ac-global-dimension-size-100);
|
|
1359
1359
|
align-items: flex-start;
|
|
1360
|
-
`;function
|
|
1360
|
+
`;function Ng(n){const[a]=D.useRefetchableFragment(Cr,n.span),{startTime:t,endTime:l,code:i,tokenCountCompletion:r,tokenCountPrompt:s,tokenCountTotal:c}=a,d=u.useMemo(()=>new Date(t),[t]),m=u.useMemo(()=>l?new Date(l):null,[l]),f=u.useMemo(()=>m?m.getTime()-d.getTime():null,[m,d]),g=Wl(i),y=a.spanAnnotations,p=y.length>0;return e(K,{padding:"size-200",borderColor:"dark",backgroundColor:"dark",borderLeftWidth:"thin",width:"230px",flex:"none",minHeight:"100%",children:o(h,{direction:"column",gap:"size-200",children:[e(Un,{label:"Status",children:o(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(Ba,{statusCode:i}),e(x,{textSize:"xlarge",color:g,children:i})]})}),e(Un,{label:"Start Time",children:e(x,{textSize:"xlarge",children:Ye(d)})}),m&&e(Un,{label:"End Time",children:e(x,{textSize:"xlarge",children:Ye(m)})}),e(Un,{label:"Latency",children:e(x,{textSize:"xlarge",children:typeof f=="number"?e(Ce,{latencyMs:f,textSize:"xlarge"}):"--"})}),c?e(Un,{label:"Total Tokens",children:e(Sn,{tokenCountTotal:c,tokenCountPrompt:s??0,tokenCountCompletion:r??0,textSize:"xlarge"})},"tokens"):null,p&&e(Un,{label:"Feedback",children:e("ul",{css:Mg,children:y.map(k=>e("li",{children:e(un,{annotation:k,annotationDisplayPreference:"label"})},k.id))})})]})})}function Un({label:n,children:a}){return o(h,{direction:"column",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:n}),a]})}function zg(n){const{spanId:a,traceId:t}=n;return e("div",{css:C`
|
|
1361
1361
|
button.ac-dropdown-button {
|
|
1362
1362
|
min-width: 50px;
|
|
1363
1363
|
.ac-dropdown-button__text {
|
|
1364
1364
|
padding-right: 10px;
|
|
1365
1365
|
}
|
|
1366
1366
|
}
|
|
1367
|
-
`,children:o(Zn,{placement:"bottom right",children:[e(Ft,{addonBefore:e(L,{svg:e(I.Code,{})}),children:"Code"}),e($a,{children:e(K,{padding:"size-200",children:o(Ae,{children:[o(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(ae,{label:"Span ID",isReadOnly:!0,value:a}),e(se,{text:a,size:"default"})]}),o(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(ae,{label:"Trace ID",isReadOnly:!0,value:t}),e(se,{text:t,size:"default"})]})]})})})]})})}const Fr={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanFeedback_annotations",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:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null};Fr.hash="6199ecd4f0143cffbaa2fe5e19a8739c";function
|
|
1367
|
+
`,children:o(Zn,{placement:"bottom right",children:[e(Ft,{addonBefore:e(L,{svg:e(I.Code,{})}),children:"Code"}),e($a,{children:e(K,{padding:"size-200",children:o(Ae,{children:[o(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(ae,{label:"Span ID",isReadOnly:!0,value:a}),e(se,{text:a,size:"default"})]}),o(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(ae,{label:"Trace ID",isReadOnly:!0,value:t}),e(se,{text:t,size:"default"})]})]})})})]})})}const Fr={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanFeedback_annotations",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:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null};Fr.hash="6199ecd4f0143cffbaa2fe5e19a8739c";function Vg(){const[n,a]=u.useState(null);return o(K,{padding:"size-200",children:[o(h,{direction:"column",gap:"size-100",alignItems:"center",children:[e(ja,{graphicKey:"documents"}),e(x,{children:"No annotations for this span"}),e(z,{variant:"default",size:"compact",onClick:()=>{a(e(Z,{title:"Span Annotations",isDismissable:!0,children:o(K,{padding:"size-200",children:[e("p",{css:C`
|
|
1368
1368
|
margin: 0 0 var(--ac-global-dimension-size-100) 0;
|
|
1369
|
-
`,children:"Annotations are pivotal for tracking and improving the performance of your application. Phoenix allows for both LLM and HUMAN annotations."}),e(He,{href:"https://docs.arize.com/phoenix/tracing/concepts-tracing/how-to-evaluate-traces",children:"View annotation documentation"})]})}))},icon:e(L,{svg:e(I.Edit2Outline,{})}),children:"How to Annotate"})]}),e(ee,{onDismiss:()=>a(null),isDismissable:!0,children:n})]})}const
|
|
1369
|
+
`,children:"Annotations are pivotal for tracking and improving the performance of your application. Phoenix allows for both LLM and HUMAN annotations."}),e(He,{href:"https://docs.arize.com/phoenix/tracing/concepts-tracing/how-to-evaluate-traces",children:"View annotation documentation"})]})}))},icon:e(L,{svg:e(I.Edit2Outline,{})}),children:"How to Annotate"})]}),e(ee,{onDismiss:()=>a(null),isDismissable:!0,children:n})]})}const $g=[{header:"name",accessorKey:"name",size:100},{header:"label",accessorKey:"label",size:100},{header:"score",accessorKey:"score",size:100},{header:"explanation",accessorKey:"explanation",cell:mc,size:400}];function cl({annotations:n}){const a=u.useMemo(()=>[...n],[n]),t=Fe({columns:$g,data:a,getCoreRowModel:Ke()}),i=t.getRowModel().rows.length===0;return o("table",{css:an,children:[e("thead",{children:t.getHeaderGroups().map(r=>e("tr",{children:r.headers.map(s=>e("th",{colSpan:s.colSpan,children:s.isPlaceholder?null:e(G,{children:J(s.column.columnDef.header,s.getContext())})},s.id))},r.id))}),i?e(tn,{}):e("tbody",{children:t.getRowModel().rows.map(r=>e("tr",{children:r.getVisibleCells().map(s=>e("td",{style:{width:s.column.getSize()},children:J(s.column.columnDef.cell,s.getContext())},s.id))},r.id))})]})}function Og({span:n}){const a=D.useFragment(Fr,n),t=u.useMemo(()=>a.spanAnnotations.filter(r=>r.annotatorKind==="HUMAN"),[a.spanAnnotations]),l=u.useMemo(()=>a.spanAnnotations.filter(r=>r.annotatorKind==="LLM"),[a.spanAnnotations]);return a.spanAnnotations.length>0?o(Be,{children:[e(be,{id:"evaluations",title:"Evaluations",children:e(cl,{annotations:l})}),e(be,{id:"human",title:"Human Annotations",children:e(cl,{annotations:t})})]}):e(Vg,{})}function Qg(n){return n==="__REDACTED__"}const jg=C`
|
|
1370
1370
|
position: relative;
|
|
1371
1371
|
overflow: hidden;
|
|
1372
1372
|
width: 200px;
|
|
@@ -1405,7 +1405,7 @@ fragment SpanAside_span on Span {
|
|
|
1405
1405
|
object-fit: cover;
|
|
1406
1406
|
}
|
|
1407
1407
|
}
|
|
1408
|
-
`;function
|
|
1408
|
+
`;function qg(n){const[a,t]=u.useState(!1);let l;const i=Qg(n.url);return i?l=e(Ug,{}):l=e("img",{src:n.url}),o("div",{className:Xo({"is-expanded":a}),css:jg,children:[!i&&e(z,{variant:"default",size:"compact",onClick:()=>t(!a),icon:e(L,{svg:a?e(I.CollapseOutline,{}):e(I.ExpandOutline,{})}),"aria-label":"Expand / Collapse Image"}),l]})}const Ug=()=>o("svg",{width:"130",height:"130",viewBox:"0 0 130 130",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("rect",{x:"1.5",y:"1.5",width:"127",height:"127",rx:"6.5",strokeOpacity:"0.8",strokeWidth:"3"}),e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M40 27.5H90C96.8917 27.5 102.5 33.1083 102.5 40V90C102.5 96.8917 96.8917 102.5 90 102.5H40C33.1083 102.5 27.5 96.8917 27.5 90V40C27.5 33.1083 33.1083 27.5 40 27.5ZM40 35.8333H90C92.3 35.8333 94.1667 37.7 94.1667 40V74.85L80.8208 63.4667C76.6958 59.9583 70.2417 59.9583 66.1542 63.4417L35.8333 88.7417V40C35.8333 37.7 37.7 35.8333 40 35.8333ZM54.5833 50.4167C54.5833 53.8667 51.7833 56.6667 48.3333 56.6667C44.8833 56.6667 42.0833 53.8667 42.0833 50.4167C42.0833 46.9667 44.8833 44.1667 48.3333 44.1667C51.7833 44.1667 54.5833 46.9667 54.5833 50.4167ZM42.3375 94.1667H90C92.3 94.1667 94.1667 92.3 94.1667 90V85.8083L75.4125 69.8083C74.4083 68.9458 72.55 68.9417 71.525 69.8125L42.3375 94.1667Z",fill:"var(--ac-global-color-grey-300)"})]}),Kr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"addExamplesToDataset",plural:!1,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"dataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanToDatasetExampleDialogAddExampleToDatasetMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanToDatasetExampleDialogAddExampleToDatasetMutation",selections:a},params:{cacheID:"d93c9d47668fc266ba09ecb14c2b72ae",id:null,metadata:{},name:"SpanToDatasetExampleDialogAddExampleToDatasetMutation",operationKind:"mutation",text:`mutation SpanToDatasetExampleDialogAddExampleToDatasetMutation(
|
|
1409
1409
|
$input: AddExamplesToDatasetInput!
|
|
1410
1410
|
) {
|
|
1411
1411
|
addExamplesToDataset(input: $input) {
|
|
@@ -1430,7 +1430,7 @@ fragment SpanAside_span on Span {
|
|
|
1430
1430
|
id
|
|
1431
1431
|
}
|
|
1432
1432
|
}
|
|
1433
|
-
`}}}();xr.hash="647a1865dacf40ce9bbb255b572a9a68";const ot={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function
|
|
1433
|
+
`}}}();xr.hash="647a1865dacf40ce9bbb255b572a9a68";const ot={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function Bg({spanId:n,onCompleted:a}){const[t,l]=u.useState(null),i=D.useLazyLoadQuery(xr,{spanId:n},{fetchPolicy:"store-and-network"}),{span:{revision:r}}=i,[s,c]=D.useMutation(Kr),{control:d,setError:m,handleSubmit:f,formState:{isValid:g}}=Ue({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:""}}),y=u.useCallback(p=>{if(l(null),!rn(p==null?void 0:p.input))return m("input",{message:"Input must be a valid JSON object"});if(!rn(p==null?void 0:p.output))return m("output",{message:"Output must be a valid JSON object"});if(!rn(p==null?void 0:p.metadata))return m("metadata",{message:"Metadata must be a valid JSON object"});if(!(p!=null&&p.datasetId))return m("datasetId",{message:"Dataset is required"});s({variables:{input:{datasetId:p.datasetId,examples:[{input:JSON.parse(p.input),output:JSON.parse(p.output),metadata:JSON.parse(p.metadata),spanId:n}]}},onCompleted:()=>{a(p.datasetId)},onError:k=>{l(k.message)}})},[s,m,n,a]);return e(Z,{size:"fullscreen",title:"Add Example to Dataset",extra:e(z,{variant:"primary",size:"compact",disabled:!g||c,loading:c,onClick:f(y),icon:e(L,{svg:e(I.PlusCircleOutline,{})}),children:"Add Example"}),children:e("div",{css:C`
|
|
1434
1434
|
overflow-y: auto;
|
|
1435
1435
|
padding: var(--ac-global-dimension-size-400);
|
|
1436
1436
|
/* Make widths configurable */
|
|
@@ -1441,7 +1441,7 @@ fragment SpanAside_span on Span {
|
|
|
1441
1441
|
width: 100%;
|
|
1442
1442
|
}
|
|
1443
1443
|
}
|
|
1444
|
-
`,children:e(h,{direction:"row",justifyContent:"center",children:e(K,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:o(h,{direction:"column",gap:"size-200",children:[t?e(ue,{variant:"danger",children:t}):null,e(W,{control:d,name:"datasetId",render:({field:{onChange:p,onBlur:k},fieldState:{invalid:b,error:S}})=>o(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Jl,{onSelectionChange:p,onBlur:k,validationState:b?"invalid":"valid",errorMessage:S==null?void 0:S.message,label:"Dataset"}),e(gc,{})]})}),e(W,{control:d,name:"input",render:({field:{onChange:p,onBlur:k,value:b},fieldState:{invalid:S,error:v}})=>o(q,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...ot,children:[S?e(ue,{variant:"danger",banner:!0,children:v==null?void 0:v.message}):null,e(Re,{value:b,onChange:p,onBlur:k})]})}),e(W,{control:d,name:"output",render:({field:{onChange:p,onBlur:k,value:b},fieldState:{invalid:S,error:v}})=>o(q,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...ot,backgroundColor:"green-100",borderColor:"green-700",children:[S?e(ue,{variant:"danger",banner:!0,children:v==null?void 0:v.message}):null,e(Re,{value:b,onChange:p,onBlur:k})]})}),e(W,{control:d,name:"metadata",render:({field:{onChange:p,onBlur:k,value:b},fieldState:{invalid:S,error:v}})=>o(q,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...ot,children:[S?e(ue,{variant:"danger",banner:!0,children:v==null?void 0:v.message}):null,e(Re,{value:b,onChange:p,onBlur:k})]})})]})})})})})}const
|
|
1444
|
+
`,children:e(h,{direction:"row",justifyContent:"center",children:e(K,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:o(h,{direction:"column",gap:"size-200",children:[t?e(ue,{variant:"danger",children:t}):null,e(W,{control:d,name:"datasetId",render:({field:{onChange:p,onBlur:k},fieldState:{invalid:b,error:S}})=>o(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Jl,{onSelectionChange:p,onBlur:k,validationState:b?"invalid":"valid",errorMessage:S==null?void 0:S.message,label:"Dataset"}),e(gc,{})]})}),e(W,{control:d,name:"input",render:({field:{onChange:p,onBlur:k,value:b},fieldState:{invalid:S,error:v}})=>o(q,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...ot,children:[S?e(ue,{variant:"danger",banner:!0,children:v==null?void 0:v.message}):null,e(Re,{value:b,onChange:p,onBlur:k})]})}),e(W,{control:d,name:"output",render:({field:{onChange:p,onBlur:k,value:b},fieldState:{invalid:S,error:v}})=>o(q,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...ot,backgroundColor:"green-100",borderColor:"green-700",children:[S?e(ue,{variant:"danger",banner:!0,children:v==null?void 0:v.message}):null,e(Re,{value:b,onChange:p,onBlur:k})]})}),e(W,{control:d,name:"metadata",render:({field:{onChange:p,onBlur:k,value:b},fieldState:{invalid:S,error:v}})=>o(q,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...ot,children:[S?e(ue,{variant:"danger",banner:!0,children:v==null?void 0:v.message}):null,e(Re,{value:b,onChange:p,onBlur:k})]})})]})})})})})}const Hg=n=>u.useMemo(()=>_e(n),[n]),Gg=n=>n.events.some(a=>a.name==="exception"),ge={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0};function Wg({spanNodeId:n,projectId:a}){const t=X(),{span:l}=D.useLazyLoadQuery(Sr,{spanId:n});if(l.__typename!=="Span")throw new Error("Expected a span, but got a different type"+l.__typename);const i=u.useMemo(()=>Gg(l),[l]),r=ze(c=>c.showSpanAside),s=ze(c=>c.setShowSpanAside);return o(h,{direction:"column",flex:"1 1 auto",height:"100%",children:[e(K,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-150",paddingEnd:"size-200",flex:"none",children:o(h,{direction:"row",gap:"size-200",alignItems:"center",children:[o(h,{direction:"row",gap:"size-100",width:"100%",height:"100%",alignItems:"center",children:[e(Lt,{spanKind:l.spanKind}),e(x,{children:l.name})]}),o(h,{flex:"none",direction:"row",alignItems:"center",gap:"size-100",children:[e(z,{variant:"default",icon:e(L,{svg:e(I.PlayCircleOutline,{})}),disabled:l.spanKind!=="llm",onClick:()=>{t(`/playground/spans/${l.id}`)},children:"Playground"}),e(zg,{traceId:l.context.traceId,spanId:l.context.spanId}),e(Yg,{span:l}),e(Mi,{spanNodeId:l.id,projectId:a}),o(pe,{placement:"top",offset:5,children:[e(z,{variant:"default","aria-label":"Toggle showing span details",onClick:()=>{s(!r)},icon:e(L,{svg:r?e(I.SlideIn,{}):e(I.SlideOut,{})})}),e(Ie,{children:r?"Hide Span Details":"Show Span Details"})]})]})]})}),o(Qe,{children:[e(ne,{name:"Info",children:o(h,{direction:"row",height:"100%",children:[e(Zg,{children:e(Tt,{children:e(Xg,{span:l})})}),r?e(Ng,{span:l}):null]})}),e(ne,{name:"Feedback",extra:e(Ze,{variant:"light",children:l.spanAnnotations.length}),children:c=>c?e(Og,{span:l}):null}),e(ne,{name:"Attributes",title:"Attributes",children:e(K,{padding:"size-200",children:e(q,{title:"All Attributes",...ge,titleExtra:Dr,extra:e(se,{text:l.attributes}),children:e(hn,{children:l.attributes})})})}),e(ne,{name:"Events",extra:e(Ze,{variant:i?"danger":"light",children:l.events.length}),children:e(fp,{events:l.events})})]})]})}const Jg=C`
|
|
1445
1445
|
flex: 1 1 auto;
|
|
1446
1446
|
overflow-y: auto;
|
|
1447
1447
|
// Overflow fails to take into account padding
|
|
@@ -1450,11 +1450,11 @@ fragment SpanAside_span on Span {
|
|
|
1450
1450
|
display: block;
|
|
1451
1451
|
height: var(--ac-global-dimension-static-size-400);
|
|
1452
1452
|
}
|
|
1453
|
-
`;function
|
|
1453
|
+
`;function Zg({children:n}){return e("div",{css:Jg,"data-testid":"span-info-wrap",children:n})}function Yg({span:n}){const[a,t]=u.useState(null),l=xe(),i=X(),r=u.useCallback(()=>{t(e(Bg,{spanId:n.id,onCompleted:s=>{t(null),l({title:"Span Added to Dataset",message:"Successfully added span to dataset",action:{text:"View Dataset",onClick:()=>{i(`/datasets/${s}/examples`)}}})}}))},[n.id,l,i]);return o(G,{children:[e(z,{variant:"default",icon:e(L,{svg:e(I.DatabaseOutline,{})}),onClick:r,children:"Add to Dataset"}),e(u.Suspense,{children:e(ee,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(null),children:a})})]})}function Xg({span:n}){const{spanKind:a,attributes:t}=n,{json:l,parseError:i}=Hg(t),r=u.useMemo(()=>n.statusMessage?e(ue,{variant:"danger",title:"Status Description",children:n.statusMessage}):null,[n]);if(i||!l)return e(K,{padding:"size-200",children:o(h,{direction:"column",gap:"size-200",children:[r,e(ue,{variant:"warning",title:"Un-parsable attributes",children:`Failed to parse span attributes. ${i instanceof Error?i.message:""}`}),e(q,{...ge,title:"Attributes",children:e(K,{padding:"size-100",children:t})})]})});let s;switch(a){case"llm":{s=e(ep,{span:n,spanAttributes:l});break}case"retriever":{s=e(np,{span:n,spanAttributes:l});break}case"reranker":{s=e(ap,{span:n,spanAttributes:l});break}case"embedding":{s=e(tp,{span:n,spanAttributes:l});break}case"tool":{s=e(lp,{span:n,spanAttributes:l});break}default:s=e(Tr,{span:n})}return e(K,{padding:"size-200",children:o(h,{direction:"column",gap:"size-200",children:[r,s,l!=null&&l.metadata?e(q,{...ge,title:"Metadata",children:e(hn,{children:JSON.stringify(l.metadata)})}):null]})})}function ep(n){const{spanAttributes:a,span:t}=n,{input:l,output:i}=t,r=u.useMemo(()=>a[de.llm]||null,[a]),s=u.useMemo(()=>{if(r==null)return null;const w=r[Le.model_name];return typeof w=="string"?w:null},[r]),c=u.useMemo(()=>{if(r==null)return[];const w=r[Le.input_messages];return dl(w)?(w==null?void 0:w.map(_=>_[de.message]).filter(Boolean))||[]:[]},[r]),d=u.useMemo(()=>{if(r==null)return[];const w=r[Le.tools];return Array.isArray(w)?w==null?void 0:w.map(Q=>Q[de.tool]).filter(Boolean):[]},[r]),m=u.useMemo(()=>d.reduce((w,_)=>(_!=null&&_.json_schema&&w.push(_.json_schema),w),[]),[d]),f=u.useMemo(()=>{if(r==null)return[];const w=r[Le.output_messages];return dl(w)?w.map(_=>_[de.message]).filter(Boolean)||[]:[]},[r]),g=u.useMemo(()=>{if(r==null)return[];const w=r[Le.prompts];return pc(w)?w:[]},[r]),y=u.useMemo(()=>{if(r==null)return null;const w=r[Le.prompt_template];return w??null},[r]),p=u.useMemo(()=>r==null?"{}":r[Le.invocation_parameters]||"{}",[r]),k=u.useMemo(()=>s==null?null:o(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(wt,{spanKind:"llm"}),e(x,{textSize:"large",weight:"heavy",children:s})]}),[s]),b=l!=null&&l.value!=null,S=c.length>0,v=m.length>0,P=i!=null&&i.value!=null,E=f.length>0,R=g.length>0,F=Object.keys(JSON.parse(p)).length>0,T=y!=null;return o(h,{direction:"column",gap:"size-200",children:[e(q,{collapsible:!0,backgroundColor:"light",borderColor:"light",bodyStyle:{padding:0},titleSeparator:!1,variant:"compact",title:k,children:o(Qe,{children:[S?e(ne,{name:"Input Messages",hidden:!S,children:e(ul,{messages:c})}):null,v?e(ne,{name:"Tools",hidden:!v,children:e(op,{toolSchemas:m})}):null,b?e(ne,{name:"Input",hidden:!b,children:e(K,{padding:"size-200",children:e(qe,{children:e(q,{...ge,title:"LLM Input",extra:o(h,{direction:"row",gap:"size-100",children:[e(Xe,{}),e(se,{text:l.value})]}),children:e(dn,{...l})})})})}):null,T?e(ne,{name:"Prompt Template",hidden:!T,children:e(K,{padding:"size-200",children:o(h,{direction:"column",gap:"size-100",children:[e(K,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:o(Ra,{text:y.template,children:[e(x,{color:"text-700",fontStyle:"italic",children:"prompt template"}),e(Ir,{children:y.template})]})}),e(K,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:o(Ra,{text:JSON.stringify(y.variables),children:[e(x,{color:"text-700",fontStyle:"italic",children:"template variables"}),e(hn,{children:JSON.stringify(y.variables)})]})})]})})}):null,e(ne,{name:"Prompts",hidden:!R,children:e(dp,{prompts:g})}),e(ne,{name:"Invocation Params",hidden:!F,children:e(Ra,{text:p,padding:"size-100",children:e(hn,{children:p})})})]})}),P||E?e(Ct,{...ge,children:o(Qe,{children:[E?e(ne,{name:"Output Messages",hidden:!E,children:e(ul,{messages:f})}):null,P?e(ne,{name:"Output",hidden:!P,children:e(K,{padding:"size-200",children:e(qe,{children:e(q,{...ge,title:"LLM Output",extra:o(h,{direction:"row",gap:"size-100",children:[e(Xe,{}),e(se,{text:i.value})]}),children:e(dn,{...i})})})})}):null]})}):null]})}function np(n){const{spanAttributes:a,span:t}=n,{input:l}=t,i=u.useMemo(()=>a[de.retrieval]||null,[a]),r=u.useMemo(()=>{var f;return i==null?[]:((f=i[ed.documents])==null?void 0:f.map(g=>g[de.document]).filter(Boolean))||[]},[i]),s=u.useMemo(()=>t.documentEvaluations.reduce((g,y)=>{const p=y.documentPosition,k=g[p]||[];return{...g,[p]:[...k,y]}},{}),[t.documentEvaluations]),c=l!=null&&l.value!=null,d=r.length>0,m=t.documentRetrievalMetrics.length>0;return o(h,{direction:"column",gap:"size-200",children:[c?e(qe,{children:e(q,{title:"Input",...ge,extra:o(h,{direction:"row",gap:"size-100",children:[e(Xe,{}),e(se,{text:l.value})]}),children:e(dn,{...l})})}):null,d?e(qe,{children:e(q,{title:"Documents",...ge,titleExtra:m&&e(h,{direction:"row",alignItems:"center",gap:"size-100",children:t.documentRetrievalMetrics.map(f=>o(G,{children:[e($e,{name:f.evaluationName,metric:"ndcg",score:f.ndcg},"ndcg"),e($e,{name:f.evaluationName,metric:"precision",score:f.precision},"precision"),e($e,{name:f.evaluationName,metric:"hit",score:f.hit},"hit")]}))}),extra:e(Xe,{}),children:e("ul",{css:C`
|
|
1454
1454
|
display: flex;
|
|
1455
1455
|
flex-direction: column;
|
|
1456
1456
|
gap: var(--ac-global-dimension-static-size-200);
|
|
1457
|
-
`,children:r.map((f,g)=>e("li",{children:e(kt,{document:f,documentEvaluations:s[g],borderColor:"seafoam-700",backgroundColor:"seafoam-100",labelColor:"seafoam-1000"})},g))})})}):null]})}function
|
|
1457
|
+
`,children:r.map((f,g)=>e("li",{children:e(kt,{document:f,documentEvaluations:s[g],borderColor:"seafoam-700",backgroundColor:"seafoam-100",labelColor:"seafoam-1000"})},g))})})}):null]})}function ap(n){const{spanAttributes:a}=n,t=u.useMemo(()=>a[de.reranker]||null,[a]),l=u.useMemo(()=>t==null?null:t[at.query]||null,[t]),i=u.useMemo(()=>{var d;return t==null?[]:((d=t[at.input_documents])==null?void 0:d.map(m=>m[de.document]).filter(Boolean))||[]},[t]),r=u.useMemo(()=>{var d;return t==null?[]:((d=t[at.output_documents])==null?void 0:d.map(m=>m[de.document]).filter(Boolean))||[]},[t]),s=i.length,c=r.length;return o(h,{direction:"column",gap:"size-200",children:[e(qe,{children:l&&e(q,{title:"Query",...ge,children:e(la,{children:l})})}),e(q,{title:"Input Documents",titleExtra:e(Ze,{variant:"light",children:s}),...ge,defaultOpen:!1,bodyStyle:{padding:0},children:e("ul",{css:C`
|
|
1458
1458
|
padding: var(--ac-global-dimension-static-size-200);
|
|
1459
1459
|
display: flex;
|
|
1460
1460
|
flex-direction: column;
|
|
@@ -1464,51 +1464,48 @@ fragment SpanAside_span on Span {
|
|
|
1464
1464
|
display: flex;
|
|
1465
1465
|
flex-direction: column;
|
|
1466
1466
|
gap: var(--ac-global-dimension-static-size-200);
|
|
1467
|
-
`,children:r.map((d,m)=>e("li",{children:e(kt,{document:d,borderColor:"celery-700",backgroundColor:"celery-100",labelColor:"celery-1000"})},m))})})]})}function
|
|
1467
|
+
`,children:r.map((d,m)=>e("li",{children:e(kt,{document:d,borderColor:"celery-700",backgroundColor:"celery-100",labelColor:"celery-1000"})},m))})})]})}function tp(n){const{spanAttributes:a}=n,t=u.useMemo(()=>a[de.embedding]||null,[a]),l=u.useMemo(()=>{var s;return t==null?[]:((s=t[tt.embeddings])==null?void 0:s.map(c=>c[de.embedding]).filter(Boolean))||[]},[t]),i=l.length>0,r=t==null?void 0:t[tt.model_name];return e(h,{direction:"column",gap:"size-200",children:i?e(q,{title:"Embeddings"+(typeof r=="string"?`: ${r}`:""),...ge,children:e("ul",{css:C`
|
|
1468
1468
|
display: flex;
|
|
1469
1469
|
flex-direction: column;
|
|
1470
1470
|
gap: var(--ac-global-dimension-static-size-200);
|
|
1471
|
-
`,children:l.map((s,c)=>e("li",{children:e(qe,{children:e(q,{...ge,backgroundColor:"purple-100",borderColor:"purple-700",title:"Embedded Text",children:e(la,{children:s[tt.text]||""})})})},c))})}):e(Tr,{span:n.span})})}function
|
|
1471
|
+
`,children:l.map((s,c)=>e("li",{children:e(qe,{children:e(q,{...ge,backgroundColor:"purple-100",borderColor:"purple-700",title:"Embedded Text",children:e(la,{children:s[tt.text]||""})})})},c))})}):e(Tr,{span:n.span})})}function lp(n){const{span:a,spanAttributes:t}=n,{input:l,output:i}=a,r=typeof(l==null?void 0:l.value)=="string",s=typeof(i==null?void 0:i.value)=="string",c=(l==null?void 0:l.mimeType)==="text",d=(i==null?void 0:i.mimeType)==="text",m=u.useMemo(()=>t[de.tool]||{},[t]),f=Object.keys(m).length>0,g=m[Pa.name],y=m[Pa.description],p=m[Pa.parameters];return!r&&!s&&!f?null:o(h,{direction:"column",gap:"size-200",children:[r?e(qe,{children:e(q,{title:"Input",...ge,extra:o(h,{direction:"row",gap:"size-100",children:[c?e(Xe,{}):null,e(se,{text:l.value})]}),children:e(dn,{...l})})}):null,s?e(qe,{children:e(q,{title:"Output",...ge,backgroundColor:"green-100",borderColor:"green-700",extra:o(h,{direction:"row",gap:"size-100",children:[d?e(Xe,{}):null,e(se,{text:i.value})]}),children:e(dn,{...i})})}):null,f?e(q,{title:"Tool"+(typeof g=="string"?`: ${g}`:""),...ge,children:o(h,{direction:"column",children:[y!=null?e(K,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",backgroundColor:"light",children:o(h,{direction:"column",alignItems:"start",gap:"size-50",children:[e(x,{color:"text-700",fontStyle:"italic",children:"Description"}),e(x,{children:y})]})}):null,p!=null?e(K,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",children:o(h,{direction:"column",alignItems:"start",width:"100%",children:[e(x,{color:"text-700",fontStyle:"italic",children:"Parameters"}),e(hn,{children:JSON.stringify(p)})]})}):null]})}):null]})}const ip=["irrelevant","unrelated"];function kt({document:n,documentEvaluations:a,backgroundColor:t,borderColor:l,labelColor:i}){const r=n[sa.metadata],s=a&&a.length,c=n[sa.content];return e(q,{...ge,backgroundColor:t,borderColor:l,bodyStyle:{padding:0},title:o(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(L,{svg:e(I.FileOutline,{})}),o(ce,{level:4,children:["document ",n[sa.id]]})]}),extra:typeof n[sa.score]=="number"&&e(La,{color:i,children:`score ${Dt(n[sa.score])}`}),children:o(h,{direction:"column",children:[c&&e(K,{padding:"size-200",children:e(la,{children:c})}),r&&e(G,{children:e(K,{borderColor:l,borderTopWidth:"thin",children:e(hn,{children:JSON.stringify(r)})})}),s&&e(K,{borderColor:l,borderTopWidth:"thin",padding:"size-200",children:o(h,{direction:"column",gap:"size-100",children:[e(ce,{level:3,weight:"heavy",children:"Evaluations"}),e("ul",{children:a.map((d,m)=>{const f=d.label&&ip.includes(d.label)?"danger":i;return e("li",{children:e(K,{padding:"size-200",borderWidth:"thin",borderColor:l,borderRadius:"medium",children:o(h,{direction:"column",gap:"size-50",children:[o(h,{direction:"row",gap:"size-100",children:[e(x,{weight:"heavy",elementType:"h5",children:d.name}),d.label&&e(La,{color:f,shape:"badge",children:d.label}),typeof d.score=="number"&&e(La,{color:f,shape:"badge",children:o(h,{direction:"row",gap:"size-50",children:[e(x,{textSize:"xsmall",weight:"heavy",color:"inherit",children:"score"}),e(x,{textSize:"xsmall",children:pn(d.score)})]})})]}),typeof d.explanation&&e("p",{css:C`
|
|
1472
1472
|
margin-top: var(
|
|
1473
1473
|
--ac-global-dimension-static-size-100
|
|
1474
1474
|
);
|
|
1475
1475
|
margin-bottom: 0;
|
|
1476
|
-
`,children:d.explanation})]})})},m)})})]})})]})})}function
|
|
1476
|
+
`,children:d.explanation})]})})},m)})})]})})]})})}function rp({message:n}){var c;const a=n[Pe.content],t=n[Pe.contents],l=((c=n[Pe.tool_calls])==null?void 0:c.map(d=>d[de.tool_call]).filter(Boolean))||[],i=n[Pe.function_call_arguments_json]&&n[Pe.function_call_name],r=n[Pe.role]||"unknown",s=Ja(r);return e(qe,{children:o(q,{...ge,...s,title:r+(n[Pe.name]?`: ${n[Pe.name]}`:""),extra:o(h,{direction:"row",gap:"size-100",children:[e(Xe,{}),e(se,{text:a||JSON.stringify(n)})]}),children:[e(Tt,{children:t?e(up,{messageContents:t}):null}),o(h,{direction:"column",alignItems:"start",children:[a?e(la,{children:a}):null,l.length>0?l.map((d,m)=>{var f,g;return o("pre",{css:C`
|
|
1477
1477
|
text-wrap: wrap;
|
|
1478
1478
|
margin: var(--ac-global-dimension-static-size-100) 0;
|
|
1479
1479
|
`,children:[(f=d==null?void 0:d.function)==null?void 0:f.name,"(",JSON.stringify(JSON.parse((g=d==null?void 0:d.function)==null?void 0:g.arguments),null,2),")"]},m)}):null,i?o("pre",{css:C`
|
|
1480
1480
|
text-wrap: wrap;
|
|
1481
1481
|
margin: var(--ac-global-dimension-static-size-100) 0;
|
|
1482
|
-
`,children:[n[Pe.function_call_name],"(",JSON.stringify(JSON.parse(n[Pe.function_call_arguments_json]),null,2),")"]}):null]})]})})}function
|
|
1482
|
+
`,children:[n[Pe.function_call_name],"(",JSON.stringify(JSON.parse(n[Pe.function_call_arguments_json]),null,2),")"]}):null]})]})})}function sp({toolSchema:n,index:a}){return e(q,{title:o(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(wt,{spanKind:"tool"}),e(x,{textSize:"large",weight:"heavy",children:"Tool"})]}),titleExtra:o(Ze,{variant:"light",children:["#",a+1]}),...ge,backgroundColor:"yellow-100",borderColor:"yellow-700",bodyStyle:{padding:0},extra:e(se,{text:n}),children:e(dn,{value:n,mimeType:"json"})})}function ul({messages:n}){return e("ul",{css:C`
|
|
1483
1483
|
display: flex;
|
|
1484
1484
|
flex-direction: column;
|
|
1485
1485
|
gap: var(--ac-global-dimension-static-size-100);
|
|
1486
1486
|
padding: var(--ac-global-dimension-static-size-200);
|
|
1487
|
-
`,children:n.map((a,t)=>e("li",{children:e(
|
|
1487
|
+
`,children:n.map((a,t)=>e("li",{children:e(rp,{message:a})},t))})}function op({toolSchemas:n}){return e("ul",{css:C`
|
|
1488
1488
|
display: flex;
|
|
1489
1489
|
flex-direction: column;
|
|
1490
1490
|
gap: var(--ac-global-dimension-static-size-100);
|
|
1491
1491
|
padding: var(--ac-global-dimension-static-size-200);
|
|
1492
|
-
`,children:n.map((a,t)=>e("li",{children:e(
|
|
1492
|
+
`,children:n.map((a,t)=>e("li",{children:e(sp,{toolSchema:a,index:t})},t))})}function dp({prompts:n}){return e("ul",{"data-testid":"llm-prompts-list",css:C`
|
|
1493
1493
|
padding: var(--ac-global-dimension-size-200);
|
|
1494
1494
|
display: flex;
|
|
1495
1495
|
flex-direction: column;
|
|
1496
1496
|
gap: var(--ac-global-dimension-size-100);
|
|
1497
|
-
`,children:n.map((a,t)=>e("li",{children:e(K,{backgroundColor:"
|
|
1497
|
+
`,children:n.map((a,t)=>e("li",{children:e(K,{backgroundColor:"grey-100",borderColor:"grey-500",borderWidth:"thin",borderRadius:"medium",padding:"size-100",children:e(Ra,{text:a,children:e(dn,{value:a,mimeType:"text"})})})},t))})}const cp=C`
|
|
1498
1498
|
display: flex;
|
|
1499
1499
|
flex-direction: row;
|
|
1500
1500
|
gap: var(--ac-global-dimension-size-200);
|
|
1501
1501
|
flex-wrap: wrap;
|
|
1502
|
-
`;function
|
|
1502
|
+
`;function up({messageContents:n}){return e("ul",{css:cp,"data-testid":"message-content-list",children:n.map((a,t)=>e(gp,{messageContentAttribute:a},t))})}const mp=C`
|
|
1503
1503
|
flex: 1 1 100%;
|
|
1504
|
-
`;function
|
|
1504
|
+
`;function gp({messageContentAttribute:n}){var r;const{message_content:a}=n,t=a==null?void 0:a.text,l=a==null?void 0:a.image,i=(r=l==null?void 0:l.image)==null?void 0:r.url;return o("li",{css:t?mp:null,children:[t?e("pre",{css:C`
|
|
1505
1505
|
white-space: pre-wrap;
|
|
1506
1506
|
padding: 0;
|
|
1507
1507
|
margin: 0;
|
|
1508
|
-
`,children:t}):null,i?e(
|
|
1509
|
-
.cm-content {
|
|
1510
|
-
padding: var(--ac-global-dimension-static-size-200) 0;
|
|
1511
|
-
}
|
|
1508
|
+
`,children:t}):null,i?e(qg,{url:i}):null]})}function Tr({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 o(h,{direction:"column",gap:"size-200",children:[a&&a.value!=null?e(qe,{children:e(q,{title:"Input",...ge,extra:o(h,{direction:"row",gap:"size-100",children:[i?e(Xe,{}):null,e(se,{text:a.value})]}),children:e(dn,{...a})})}):null,t&&t.value!=null?e(qe,{children:e(q,{title:"Output",...ge,backgroundColor:"green-100",borderColor:"green-700",extra:o(h,{direction:"row",gap:"size-100",children:[r?e(Xe,{}):null,e(se,{text:t.value})]}),children:e(dn,{...t})})}):null,l?e(q,{title:"All Attributes",titleExtra:Dr,...ge,extra:e(se,{text:n.attributes}),children:e(hn,{children:n.attributes})}):null]})}const pp=C`
|
|
1512
1509
|
.cm-editor,
|
|
1513
1510
|
.cm-gutters {
|
|
1514
1511
|
background-color: transparent;
|
|
@@ -1526,10 +1523,10 @@ fragment SpanAside_span on Span {
|
|
|
1526
1523
|
&:hover .copy-to-clipboard-button {
|
|
1527
1524
|
opacity: 1;
|
|
1528
1525
|
}
|
|
1529
|
-
`,children:[e(se,{text:n}),a]})}function hn({children:n}){const{theme:a}=On(),t=a==="light"?void 0:ra,{value:l,mimeType:i}=u.useMemo(()=>{try{return{value:JSON.stringify(JSON.parse(n),null,2),mimeType:"json"}}catch{return{value:n,mimeType:"text"}}},[n]);return i==="json"?e(ia,{value:l,basicSetup:{lineNumbers:!0,foldGutter:!0,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[
|
|
1526
|
+
`,children:[e(se,{text:n}),a]})}function hn({children:n}){const{theme:a}=On(),t=a==="light"?void 0:ra,{value:l,mimeType:i}=u.useMemo(()=>{try{return{value:JSON.stringify(JSON.parse(n),null,2),mimeType:"json"}}catch{return{value:n,mimeType:"text"}}},[n]);return i==="json"?e(ia,{value:l,basicSetup:{lineNumbers:!0,foldGutter:!0,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[Gc(),pi.lineWrapping],editable:!1,theme:t,css:pp}):e(Ir,{children:l})}function Ir({children:n}){return e("pre",{css:C`
|
|
1530
1527
|
white-space: pre-wrap;
|
|
1531
1528
|
padding: 0;
|
|
1532
|
-
`,children:n})}function dn({value:n,mimeType:a}){let t;switch(a){case"json":t=e(hn,{children:n});break;case"text":t=e(la,{children:n});break;default:me()}return t}function
|
|
1529
|
+
`,children:n})}function dn({value:n,mimeType:a}){let t;switch(a){case"json":t=e(hn,{children:n});break;case"text":t=e(la,{children:n});break;default:me()}return t}function yp({text:n}){return o(h,{direction:"column",alignItems:"center",flex:"1 1 auto",height:"size-2400",justifyContent:"center",gap:"size-100",children:[e(ja,{graphicKey:"documents"}),e(x,{children:n})]})}function fp({events:n}){return n.length===0?e(yp,{text:"No events"}):e(El,{children:n.map((a,t)=>{const l=a.name==="exception";return e(wl,{children:o(h,{direction:"row",alignItems:"center",gap:"size-100",children:[e(K,{flex:"none",children:e("div",{"data-event-type":l?"exception":"info",css:i=>C`
|
|
1533
1530
|
&[data-event-type="exception"] {
|
|
1534
1531
|
--px-event-icon-color: ${i.colors.statusDanger};
|
|
1535
1532
|
}
|
|
@@ -1539,17 +1536,17 @@ fragment SpanAside_span on Span {
|
|
|
1539
1536
|
.ac-icon-wrap {
|
|
1540
1537
|
color: var(--px-event-icon-color);
|
|
1541
1538
|
}
|
|
1542
|
-
`,children:e(L,{svg:l?e(I.AlertTriangleOutline,{}):e(I.InfoOutline,{})})})}),o(h,{direction:"column",gap:"size-25",flex:"1 1 auto",children:[e(x,{weight:"heavy",children:a.name}),e(x,{color:"text-700",children:a.message})]}),e(K,{children:e(x,{color:"text-700",children:new Date(a.timestamp).toLocaleString()})})]})},t)})})}const Dr=e(h,{alignItems:"center",justifyContent:"center",children:e(K,{marginStart:"size-100",children:o(Yn,{children:[e(ce,{weight:"heavy",level:4,children:"Span Attributes"}),e(zn,{children:e(x,{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(He,{href:"https://github.com/Arize-ai/openinference/blob/main/spec/semantic_conventions.md",children:"Semantic Conventions"})})]})})}),dt="selectedSpanNodeId";function
|
|
1539
|
+
`,children:e(L,{svg:l?e(I.AlertTriangleOutline,{}):e(I.InfoOutline,{})})})}),o(h,{direction:"column",gap:"size-25",flex:"1 1 auto",children:[e(x,{weight:"heavy",children:a.name}),e(x,{color:"text-700",children:a.message})]}),e(K,{children:e(x,{color:"text-700",children:new Date(a.timestamp).toLocaleString()})})]})},t)})})}const Dr=e(h,{alignItems:"center",justifyContent:"center",children:e(K,{marginStart:"size-100",children:o(Yn,{children:[e(ce,{weight:"heavy",level:4,children:"Span Attributes"}),e(zn,{children:e(x,{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(He,{href:"https://github.com/Arize-ai/openinference/blob/main/spec/semantic_conventions.md",children:"Semantic Conventions"})})]})})}),dt="selectedSpanNodeId";function hp(n){const a=n.find(i=>i.parentId==null);if(a)return a;const t=new Set(n.map(i=>i.context.spanId)),l=n.filter(i=>i.parentId!=null&&!t.has(i.parentId));return l.length===1?l[0]:null}function Ot(n){var g,y;const{traceId:a,projectId:t}=n,[l,i]=Sa(),r=D.useLazyLoadQuery(br,{traceId:a,id:t},{fetchPolicy:"store-and-network"}),s=((g=r.project.trace)==null?void 0:g.latencyMs)!=null?r.project.trace.latencyMs:null,c=u.useMemo(()=>{var k;return(((k=r.project.trace)==null?void 0:k.spans.edges)||[]).map(b=>b.span)},[r]),m=l.get(dt)??c[0].id,f=u.useMemo(()=>hp(c),[c]);return u.useEffect(()=>()=>{i(p=>(p.delete(dt),p),{replace:!0})},[]),o("main",{css:C`
|
|
1543
1540
|
flex: 1 1 auto;
|
|
1544
1541
|
overflow: hidden;
|
|
1545
1542
|
display: flex;
|
|
1546
1543
|
flex-direction: column;
|
|
1547
|
-
`,children:[e(
|
|
1544
|
+
`,children:[e(kp,{rootSpan:f,latencyMs:s,sessionId:(y=r.project.trace)==null?void 0:y.projectSessionId}),o(on,{direction:"horizontal",autoSaveId:"trace-panel-group",css:C`
|
|
1548
1545
|
flex: 1 1 auto;
|
|
1549
1546
|
overflow: hidden;
|
|
1550
|
-
`,children:[e(ke,{defaultSize:30,minSize:10,maxSize:70,children:e(
|
|
1547
|
+
`,children:[e(ke,{defaultSize:30,minSize:10,maxSize:70,children:e(Sp,{children:e(yc,{spans:c,selectedSpanNodeId:m,onSpanClick:p=>{i(k=>(k.set(dt,p.id),k),{replace:!0})}})})}),e(sn,{css:bn}),e(ke,{children:e(bp,{children:m?e(u.Suspense,{fallback:e(ye,{}),children:e(Wg,{spanNodeId:m,projectId:t})}):null})})]})]})}function kp({rootSpan:n,latencyMs:a,sessionId:t}){const{projectId:l}=Ve(),{statusCode:i,spanAnnotations:r}=n??{statusCode:"UNSET",spanAnnotations:[]},s=r.length>0,c=Wl(i);return e(K,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",children:o(h,{direction:"row",gap:"size-400",alignItems:"center",children:[o(h,{direction:"column",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Trace Status"}),e(x,{textSize:"xlarge",children:o(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(Ba,{statusCode:i}),e(x,{textSize:"xlarge",color:c,children:i})]})})]}),o(h,{direction:"column",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency"}),e(x,{textSize:"xlarge",children:typeof a=="number"?e(Ce,{latencyMs:a,textSize:"xlarge"}):"--"})]}),s?o(h,{direction:"column",gap:"size-50",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Feedback"}),e(h,{direction:"row",gap:"size-50",children:r.map(d=>e(ea,{annotation:d,children:e(un,{annotation:d,annotationDisplayPreference:"label"})},d.name))})]}):null,t&&e("span",{css:C`
|
|
1551
1548
|
margin-left: auto;
|
|
1552
|
-
`,children:e(Ge,{to:`/projects/${l}/sessions/${t}`,children:o(h,{alignItems:"center",children:["View Session ",e(L,{svg:e(I.ArrowIosForwardOutline,{})})]})})})]})})}function
|
|
1549
|
+
`,children:e(Ge,{to:`/projects/${l}/sessions/${t}`,children:o(h,{alignItems:"center",children:["View Session ",e(L,{svg:e(I.ArrowIosForwardOutline,{})})]})})})]})})}function bp({children:n}){return e("div",{"data-testid":"scrolling-tabs-wrapper",css:C`
|
|
1553
1550
|
height: 100%;
|
|
1554
1551
|
overflow: hidden;
|
|
1555
1552
|
.ac-tabs {
|
|
@@ -1569,10 +1566,10 @@ fragment SpanAside_span on Span {
|
|
|
1569
1566
|
}
|
|
1570
1567
|
}
|
|
1571
1568
|
}
|
|
1572
|
-
`,children:n})}function
|
|
1569
|
+
`,children:n})}function Sp({children:n}){return e("div",{"data-testid":"scrolling-panel-content",css:C`
|
|
1573
1570
|
height: 100%;
|
|
1574
1571
|
overflow-y: auto;
|
|
1575
|
-
`,children:n})}function
|
|
1572
|
+
`,children:n})}function Q0(){const{traceId:n,projectId:a}=Ve(),t=X();return e(ee,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(`/projects/${a}`),children:e(Z,{size:"fullscreen",title:"Trace Details",children:e(Ot,{traceId:n,projectId:a})})})}const Pr=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:"Variable",name:"timeRange",variableName:"timeRange"},s=[{kind:"Literal",name:"first",value:50},{kind:"Literal",name:"rootSpansOnly",value:!0},{kind:"Literal",name:"sort",value:{col:"startTime",dir:"desc"}},r],c={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},d={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},m={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},y=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],p={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:y,storageKey:null},k={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:y,storageKey:null},b={alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},S={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[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},v={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},P=[r];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectPageQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"TracesTable_spans"},{args:null,kind:"FragmentSpread",name:"ProjectPageHeader_stats"},{args:null,kind:"FragmentSpread",name:"StreamToggle_data"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectPageQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[i,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:"rootSpans",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:"rootSpan",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[l,c,i,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},d,m,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},g,p,k,b,S,v,{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"descendants",plural:!0,selections:[l,c,i,d,m,f,g,{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},p,k,b,S,v],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:[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:s,filters:["sort","rootSpansOnly","filterCondition","timeRange"],handle:"connection",key:"TracesTable_rootSpans",kind:"LinkedHandle",name:"spans"},{alias:null,args:P,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:P,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},r],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:"latencyMsP99",args:[{kind:"Literal",name:"probability",value:.99},r],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentEvaluationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"streamingLastUpdatedAt",storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"400e3bc8456d6d9eb0f4f85fc862ad57",id:null,metadata:{},name:"ProjectPageQuery",operationKind:"query",text:`query ProjectPageQuery(
|
|
1576
1573
|
$id: GlobalID!
|
|
1577
1574
|
$timeRange: TimeRange!
|
|
1578
1575
|
) {
|
|
@@ -1827,7 +1824,7 @@ fragment ProjectPageHeader_stats on Project {
|
|
|
1827
1824
|
documentEvaluationNames
|
|
1828
1825
|
id
|
|
1829
1826
|
}
|
|
1830
|
-
`}}}();Er.hash="dcce9d160db90e2b5c51eef9971101a4";const _r=function(){var n={kind:"Variable",name:"timeRange",variableName:"timeRange"},a=[n];return{argumentDefinitions:[{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Er,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ProjectPageHeader_stats",selections:[{alias:null,args:a,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:a,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},n],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:"latencyMsP99",args:[{kind:"Literal",name:"probability",value:.99},n],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentEvaluationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],type:"Project",abstractKey:null}}();_r.hash="dcce9d160db90e2b5c51eef9971101a4";const Rr=u.createContext(null);function Qn(){const n=Se.useContext(Rr);if(n===null)throw new Error("useStreamState must be used within a StreamStateProvider");return n}function
|
|
1827
|
+
`}}}();Er.hash="dcce9d160db90e2b5c51eef9971101a4";const _r=function(){var n={kind:"Variable",name:"timeRange",variableName:"timeRange"},a=[n];return{argumentDefinitions:[{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Er,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ProjectPageHeader_stats",selections:[{alias:null,args:a,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:a,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},n],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:"latencyMsP99",args:[{kind:"Literal",name:"probability",value:.99},n],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentEvaluationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],type:"Project",abstractKey:null}}();_r.hash="dcce9d160db90e2b5c51eef9971101a4";const Rr=u.createContext(null);function Qn(){const n=Se.useContext(Rr);if(n===null)throw new Error("useStreamState must be used within a StreamStateProvider");return n}function vp({initialFetchKey:n="initial",children:a}){const t=ze(c=>c.traceStreamingEnabled),l=ze(c=>c.setTraceStreamingEnabled),[i,r]=u.useState(n),s=u.useCallback(c=>{u.startTransition(()=>{r(c)})},[r]);return e(Rr.Provider,{value:{isStreaming:t,setIsStreaming:l,fetchKey:i,setFetchKey:s},children:a})}const Ar=function(){var n={defaultValue:null,kind:"LocalArgument",name:"annotationName"},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:"annotationName",variableName:"annotationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}];return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"AnnotationSummaryValueQuery",selections:[{alias:null,args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:i,kind:"FragmentSpread",name:"AnnotationSummaryValueFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,t,a],kind:"Operation",name:"AnnotationSummaryValueQuery",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:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"bae90b7000aa37d37050070d8504b41c",id:null,metadata:{},name:"AnnotationSummaryValueQuery",operationKind:"query",text:`query AnnotationSummaryValueQuery(
|
|
1831
1828
|
$annotationName: String!
|
|
1832
1829
|
$timeRange: TimeRange!
|
|
1833
1830
|
$id: GlobalID!
|
|
@@ -1873,7 +1870,7 @@ fragment AnnotationSummaryValueFragment_4BTVrq on Project {
|
|
|
1873
1870
|
}
|
|
1874
1871
|
id
|
|
1875
1872
|
}
|
|
1876
|
-
`}}}();Nr.hash="6a15ba35fe9e1e35aa4c517ab6309a2b";function
|
|
1873
|
+
`}}}();Nr.hash="6a15ba35fe9e1e35aa4c517ab6309a2b";function Cp({annotationName:n}){const{projectId:a}=Ve(),{timeRange:t}=Ha(),l=D.useLazyLoadQuery(Nr,{annotationName:n,id:a,timeRange:{start:t.start.toISOString(),end:t.end.toISOString()}});return o(h,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:n}),e(u.Suspense,{fallback:e(x,{textSize:"xlarge",children:"--"}),children:e(Fp,{annotationName:n,project:l.project})})]})}function Fp(n){var p,k;const{project:a,annotationName:t}=n,{fetchKey:l}=Qn(),[i,r]=D.useRefetchableFragment(Mr,a);u.useEffect(()=>{u.startTransition(()=>{r({},{fetchPolicy:"store-and-network"})})},[l,r]);const s=gn(),d=[Zl(t),s.default,s.gray600,s.gray400,s.gray200],m=(p=i==null?void 0:i.spanAnnotationSummary)==null?void 0:p.meanScore,f=(k=i==null?void 0:i.spanAnnotationSummary)==null?void 0:k.labelFractions,g=typeof m=="number",y=Array.isArray(f)&&f.length>0;return!g&&!y?e(x,{textSize:"xlarge",children:"--"}):o(pe,{delay:0,placement:"bottom",children:[e(je,{children:o(h,{direction:"row",alignItems:"center",gap:"size-50",children:[y?e(Xc,{width:24,height:24,children:e(eu,{data:f,dataKey:"fraction",nameKey:"label",cx:"50%",cy:"50%",innerRadius:8,outerRadius:11,strokeWidth:0,stroke:"transparent",children:f.map((b,S)=>e(nu,{fill:d[S%d.length]},`cell-${S}`))})}):null,e(x,{textSize:"xlarge",children:g?pn(m):"--"})]})}),e(va,{children:e(K,{width:"size-2400",children:o(h,{direction:"column",gap:"size-50",children:[y&&e("ul",{children:f.map((b,S)=>e("li",{children:e(we,{color:d[S%d.length],name:b.label,shape:"square",value:Yl(b.fraction*100)})},b.label))}),y&&g?e(Ua,{}):null,g?o(h,{direction:"row",justifyContent:"space-between",children:[e(x,{children:"mean"}),e(x,{children:pn(m)})]}):null]})})})]})}const zr=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(
|
|
1877
1874
|
$evaluationName: String!
|
|
1878
1875
|
$timeRange: TimeRange!
|
|
1879
1876
|
$id: GlobalID!
|
|
@@ -1917,7 +1914,7 @@ fragment DocumentEvaluationSummaryValueFragment_1dJL9N on Project {
|
|
|
1917
1914
|
}
|
|
1918
1915
|
id
|
|
1919
1916
|
}
|
|
1920
|
-
`}}}();$r.hash="4d50474ffa9b9e4a68d07f6e0777c144";function
|
|
1917
|
+
`}}}();$r.hash="4d50474ffa9b9e4a68d07f6e0777c144";function Kp({evaluationName:n}){const{projectId:a}=Ve(),{timeRange:t}=Ha(),l=D.useLazyLoadQuery($r,{id:a,evaluationName:n,timeRange:{start:t.start.toISOString(),end:t.end.toISOString()}});return o(h,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:n}),e(u.Suspense,{fallback:e(x,{textSize:"xlarge",children:"--"}),children:e(xp,{evaluationName:n,project:l==null?void 0:l.project})})]})}function xp(n){var m,f,g,y;const{project:a}=n,{fetchKey:t}=Qn(),[l,i]=D.useRefetchableFragment(Vr,a);u.useEffect(()=>{u.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[t,i]);const r=(m=l==null?void 0:l.documentEvaluationSummary)==null?void 0:m.averageNdcg,s=(f=l==null?void 0:l.documentEvaluationSummary)==null?void 0:f.averagePrecision,c=(g=l==null?void 0:l.documentEvaluationSummary)==null?void 0:g.hitRate,d=(y=l==null?void 0:l.documentEvaluationSummary)==null?void 0:y.meanReciprocalRank;return o(pe,{delay:0,placement:"bottom",children:[e(je,{children:e(h,{direction:"row",alignItems:"center",gap:"size-50",height:"28px",children:o(G,{children:[e($e,{metric:"ndcg",score:r},"ndcg"),e($e,{metric:"precision",score:s},"precision"),e($e,{metric:"hit rate",score:c},"hit")]})})}),e(va,{children:e(K,{width:"size-2400",children:o(h,{direction:"column",children:[o(h,{justifyContent:"space-between",children:[e(x,{children:"average ndcg"}),e(x,{children:typeof r=="number"?pn(r):"--"})]}),o(h,{justifyContent:"space-between",children:[e(x,{children:"average precision"}),e(x,{children:typeof s=="number"?pn(s):"--"})]}),o(h,{justifyContent:"space-between",children:[e(x,{children:"mean reciprocal rank"}),e(x,{children:typeof d=="number"?pn(d):"--"})]}),o(h,{justifyContent:"space-between",children:[e(x,{children:"hit rate"}),e(x,{children:typeof c=="number"?pn(c):"--"})]})]})})})]})}function Tp(n){const{extra:a}=n,{fetchKey:t}=Qn(),[l,i]=D.useRefetchableFragment(_r,n.project);u.useEffect(()=>{u.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[t,i]);const r=l==null?void 0:l.latencyMsP50,s=l==null?void 0:l.latencyMsP99,c=l==null?void 0:l.tokenCountTotal,d=l==null?void 0:l.spanAnnotationNames,m=l==null?void 0:l.documentEvaluationNames;return e(K,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-200",paddingBottom:"size-50",flex:"none",children:o(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e("div",{css:C`
|
|
1921
1918
|
overflow-x: auto;
|
|
1922
1919
|
overflow-y: hidden;
|
|
1923
1920
|
flex: 1 1 auto;
|
|
@@ -1953,7 +1950,7 @@ fragment DocumentEvaluationSummaryValueFragment_1dJL9N on Project {
|
|
|
1953
1950
|
left center,
|
|
1954
1951
|
right center;
|
|
1955
1952
|
background-attachment: local, local, scroll, scroll;
|
|
1956
|
-
`,children:o(h,{direction:"row",gap:"size-400",alignItems:"center",children:[o(h,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Traces"}),e(x,{textSize:"xlarge",children:En(l==null?void 0:l.traceCount)})]}),o(h,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Tokens"}),e(x,{textSize:"xlarge",children:En(c)})]}),o(h,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency P50"}),r!=null?e(Ce,{latencyMs:r,textSize:"xlarge"}):e(x,{textSize:"xlarge",children:"--"})]}),o(h,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency P99"}),s!=null?e(Ce,{latencyMs:s,textSize:"xlarge"}):e(x,{textSize:"xlarge",children:"--"})]}),d.map(f=>e(
|
|
1953
|
+
`,children:o(h,{direction:"row",gap:"size-400",alignItems:"center",children:[o(h,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Traces"}),e(x,{textSize:"xlarge",children:En(l==null?void 0:l.traceCount)})]}),o(h,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Tokens"}),e(x,{textSize:"xlarge",children:En(c)})]}),o(h,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency P50"}),r!=null?e(Ce,{latencyMs:r,textSize:"xlarge"}):e(x,{textSize:"xlarge",children:"--"})]}),o(h,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency P99"}),s!=null?e(Ce,{latencyMs:s,textSize:"xlarge"}):e(x,{textSize:"xlarge",children:"--"})]}),d.map(f=>e(Cp,{annotationName:f},f)),m.map(f=>e(Kp,{evaluationName:f},`document-${f}`))]})}),e(K,{flex:"none",paddingStart:"size-100",children:a})]})})}const Or=u.createContext(null);function Qr(){const n=u.useContext(Or);if(n===null)throw new Error("useSessionSubstring must be used within a SessionSubstringProvider");return n}function Ip(n){const[a,t]=u.useState(""),l=u.useCallback(i=>{u.startTransition(()=>{t(i)})},[]);return e(Or.Provider,{value:{filterIoSubstring:a,setFilterIoSubstring:l},children:n.children})}const jr=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"},s=[{kind:"Variable",name:"id",variableName:"id"}],c={kind:"Variable",name:"after",variableName:"after"},d={kind:"Variable",name:"filterIoSubstring",variableName:"filterIoSubstring"},m={kind:"Variable",name:"first",variableName:"first"},f={kind:"Variable",name:"sort",variableName:"sort"},g={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},p=[c,d,m,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:s,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[c,d,m,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:s,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[g,{kind:"TypeDiscriminator",abstractKey:"__isNode"},y,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:p,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:[y,{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:[g],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:p,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(
|
|
1957
1954
|
$after: String = null
|
|
1958
1955
|
$filterIoSubstring: String = null
|
|
1959
1956
|
$first: Int = 50
|
|
@@ -2005,7 +2002,7 @@ fragment SessionsTable_sessions_2MhLSo on Project {
|
|
|
2005
2002
|
}
|
|
2006
2003
|
id
|
|
2007
2004
|
}
|
|
2008
|
-
`}}}();jr.hash="73d205acbb256ea1f2cf68875634a21b";const qr=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:jr,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}}();qr.hash="73d205acbb256ea1f2cf68875634a21b";const Ur=u.createContext(null);function
|
|
2005
|
+
`}}}();jr.hash="73d205acbb256ea1f2cf68875634a21b";const qr=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:jr,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}}();qr.hash="73d205acbb256ea1f2cf68875634a21b";const Ur=u.createContext(null);function Dp({children:n,...a}){const[t]=u.useState(()=>fc(a));return e(Ur.Provider,{value:t,children:n})}function cn(n,a){const t=Se.useContext(Ur);if(!t)throw new Error("Missing TracingContext.Provider in the tree");return ba(t,n,a)}const Pp=C`
|
|
2009
2006
|
flex: 1 1 auto;
|
|
2010
2007
|
.cm-content {
|
|
2011
2008
|
padding: var(--ac-global-dimension-static-size-100) 0;
|
|
@@ -2019,7 +2016,7 @@ fragment SessionsTable_sessions_2MhLSo on Project {
|
|
|
2019
2016
|
.cm-selectionLayer .cm-selectionBackground {
|
|
2020
2017
|
background: var(--ac-global-color-cyan-400) !important;
|
|
2021
2018
|
}
|
|
2022
|
-
`,
|
|
2019
|
+
`,Lp=C`
|
|
2023
2020
|
border-width: var(--ac-global-border-size-thin);
|
|
2024
2021
|
border-style: solid;
|
|
2025
2022
|
border-color: var(--ac-global-input-field-border-color);
|
|
@@ -2036,11 +2033,11 @@ fragment SessionsTable_sessions_2MhLSo on Project {
|
|
|
2036
2033
|
border-color: var(--ac-global-color-danger);
|
|
2037
2034
|
}
|
|
2038
2035
|
box-sizing: border-box;
|
|
2039
|
-
`;function
|
|
2036
|
+
`;function wp(n){const{placeholder:a="Search messages"}=n,[t,l]=u.useState(!1),{filterIoSubstring:i,setFilterIoSubstring:r}=Qr(),{theme:s}=On(),c=s==="dark"?ra:void 0,d=i!=="";return e("div",{"data-is-focused":t,className:"sessions-substring-field",css:Lp,children:o(h,{direction:"row",children:[e(_l,{children:e(L,{svg:e(I.Search,{})})}),e(ia,{css:Pp,indentWithTab:!1,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!1,syntaxHighlighting:!1,highlightActiveLine:!1,highlightActiveLineGutter:!1,defaultKeymap:!1},onFocus:()=>l(!0),onBlur:()=>l(!1),value:i,onChange:r,height:"36px",width:"100%",theme:c,placeholder:a}),e("button",{css:C`
|
|
2040
2037
|
margin-right: var(--ac-global-dimension-static-size-100);
|
|
2041
2038
|
color: var(--ac-global-text-color-700);
|
|
2042
2039
|
visibility: ${d?"visible":"hidden"};
|
|
2043
|
-
`,onClick:()=>r(""),className:"button--reset",children:e(L,{svg:e(I.CloseCircleOutline,{})})})]})})}const
|
|
2040
|
+
`,onClick:()=>r(""),className:"button--reset",children:e(L,{svg:e(I.CloseCircleOutline,{})})})]})})}const Ep="pip install openinference-instrumentation",_p=`import uuid
|
|
2044
2041
|
|
|
2045
2042
|
import openai
|
|
2046
2043
|
from openinference.instrumentation import using_session
|
|
@@ -2086,7 +2083,7 @@ messages = messages + [
|
|
|
2086
2083
|
response = assistant(
|
|
2087
2084
|
messages,
|
|
2088
2085
|
session_id=session_id,
|
|
2089
|
-
)`;function
|
|
2086
|
+
)`;function Rp(){return o("div",{children:[e(K,{paddingTop:"size-200",paddingBottom:"size-100",children:e(ce,{level:2,weight:"heavy",children:"Install Dependencies"})}),e(K,{paddingBottom:"size-100",children:o(x,{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(Ne,{children:e(We,{value:Ep})}),e(K,{paddingTop:"size-200",paddingBottom:"size-100",children:e(ce,{level:2,weight:"heavy",children:"Add Session ID to your Traces"})}),e(K,{paddingBottom:"size-100",children:e(x,{children:"Below is an example of how to add session IDs to a simple OpenAI application."})}),e(Ne,{children:e(We,{value:_p})}),e(K,{paddingBottom:"size-100",paddingTop:"size-100",children:o(x,{children:["For more information on how to use sessions, consult the"," ",e(He,{href:"https://docs.arize.com/phoenix/tracing/how-to-tracing/setup-sessions",children:"documentation"})]})})]})}const Ap="npm install @arizeai/openinference-core --save",Mp=`import { trace } from "@opentelemetry/api";
|
|
2090
2087
|
import { SemanticConventions } from "@arizeai/openinference-semantic-conventions";
|
|
2091
2088
|
import { context } from "@opentelemetry/api";
|
|
2092
2089
|
import { setSession } from "@arizeai/openinference-core";
|
|
@@ -2146,7 +2143,7 @@ await assistant({
|
|
|
2146
2143
|
messages,
|
|
2147
2144
|
sessionId: sessionId,
|
|
2148
2145
|
});
|
|
2149
|
-
`;function
|
|
2146
|
+
`;function Np(){return o("div",{children:[e(K,{paddingTop:"size-200",paddingBottom:"size-100",children:e(ce,{level:2,weight:"heavy",children:"Install Dependencies"})}),e(K,{paddingBottom:"size-100",children:o(x,{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(Ne,{children:e(We,{value:Ap})}),e(K,{paddingTop:"size-200",paddingBottom:"size-100",children:e(ce,{level:2,weight:"heavy",children:"Add Session ID to your Traces"})}),e(K,{paddingBottom:"size-100",children:e(x,{children:"Below is an example of how to add session IDs to a simple OpenAI application."})}),e(Ne,{children:e(hc,{value:Mp})}),e(K,{paddingBottom:"size-100",children:o(x,{children:["For more information on how to use sessions, consult the"," ",e(He,{href:"https://docs.arize.com/phoenix/tracing/how-to-tracing/setup-sessions",children:"documentation"})]})})]})}function zp(){const[n,a]=u.useState("Python");return e(Z,{title:"Setup Sessions for this Project",size:"L",children:o(K,{padding:"size-400",overflow:"auto",children:[e(K,{paddingBottom:"size-100",children:e(Et,{language:n,onChange:a})}),n==="Python"?e(Rp,{}):e(Np,{})]})})}function Vp(){const[n,a]=u.useState(null),t=()=>{a(e(zp,{}))};return o("tbody",{className:"is-empty",children:[e("tr",{children:e("td",{colSpan:100,css:l=>C`
|
|
2150
2147
|
text-align: center;
|
|
2151
2148
|
padding: ${l.spacing.margin24}px ${l.spacing.margin24}px !important;
|
|
2152
2149
|
`,children:o(h,{direction:"column",gap:"size-200",alignItems:"center",children:["No sessions found for this project",e(z,{variant:"default",icon:e(L,{svg:e(I.PlayCircleOutline,{})}),onClick:t,children:"Setup Sessions"})]})})}),e(ee,{onDismiss:()=>a(null),isDismissable:!0,type:"slideOver",children:n})]})}const Qt=C`
|
|
@@ -2162,10 +2159,10 @@ await assistant({
|
|
|
2162
2159
|
.ac-dropdown-button {
|
|
2163
2160
|
min-width: var(--ac-global-dimension-static-size-300);
|
|
2164
2161
|
}
|
|
2165
|
-
`,ml=50;function
|
|
2162
|
+
`,ml=50;function $p(n){const a=u.useRef(null),[t,l]=u.useState([]),{filterIoSubstring:i}=Qr(),r=X(),{fetchKey:s}=Qn(),{data:c,loadNext:d,hasNext:m,isLoadingNext:f,refetch:g}=D.usePaginationFragment(qr,n.project),y=u.useMemo(()=>c.sessions.edges.map(({session:F})=>({...F,tokenCountTotal:F.tokenUsage.total})),[c.sessions]),p=[{header:"session id",accessorKey:"sessionId",enableSorting:!1,cell:fe},{header:"first input",accessorKey:"firstInput.value",enableSorting:!1,cell:fe},{header:"last output",accessorKey:"lastOutput.value",enableSorting:!1,cell:fe},{header:"start time",accessorKey:"startTime",enableSorting:!0,cell:Ee},{header:"end time",accessorKey:"endTime",enableSorting:!0,cell:Ee},{header:"p50 latency",accessorKey:"traceLatencyMsP50",enableSorting:!1,cell:({getValue:F})=>{const T=F();return T===null||typeof T!="number"?null:e(Ce,{latencyMs:T})}},{header:"p99 latency",accessorKey:"traceLatencyMsP99",enableSorting:!1,cell:({getValue:F})=>{const T=F();return T===null||typeof T!="number"?null:e(Ce,{latencyMs:T})}},{header:"total tokens",accessorKey:"tokenCountTotal",enableSorting:!0,minSize:80,cell:({row:F,getValue:T})=>{const w=T();if(w==null||typeof w!="number")return"--";const{prompt:_,completion:Q}=F.original.tokenUsage;return e(Sn,{tokenCountTotal:w,tokenCountPrompt:_||0,tokenCountCompletion:Q||0})}},{header:"total traces",accessorKey:"numTraces",enableSorting:!0,cell:Xl}];u.useEffect(()=>{const F=t[0];u.startTransition(()=>{g({sort:F?{col:F.id,dir:F.desc?"desc":"asc"}:{col:"startTime",dir:"desc"},after:null,first:ml,filterIoSubstring:i},{fetchPolicy:"store-and-network"})})},[t,g,i,s]);const k=Se.useCallback(F=>{if(F){const{scrollHeight:T,scrollTop:w,clientHeight:_}=F;T-w-_<300&&!f&&m&&d(ml)}},[m,f,d]),[b,S]=u.useState({}),v=cn(F=>F.columnVisibility),P=Fe({columns:p,data:y,onExpandedChange:S,manualSorting:!0,state:{sorting:t,expanded:b,columnVisibility:v},enableSubRowSelection:!1,onSortingChange:l,getCoreRowModel:Ke(),getSortedRowModel:Mn(),getExpandedRowModel:Il(),getRowId:F=>F.id}),E=P.getRowModel().rows,R=E.length===0;return o("div",{css:Qt,children:[e(K,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:e(wp,{})}),e("div",{css:C`
|
|
2166
2163
|
flex: 1 1 auto;
|
|
2167
2164
|
overflow: auto;
|
|
2168
|
-
`,onScroll:F=>k(F.target),ref:a,children:o("table",{css:$n,children:[e("thead",{children:P.getHeaderGroups().map(F=>e("tr",{children:F.headers.map(T=>e("th",{colSpan:T.colSpan,children:T.isPlaceholder?null:o("div",{"data-sortable":T.column.getCanSort(),className:T.column.getCanSort()?"cursor-pointer":"",onClick:T.column.getToggleSortingHandler(),style:{left:T.getStart(),width:T.getSize()},children:[J(T.column.columnDef.header,T.getContext()),T.column.getIsSorted()?e(L,{className:"sort-icon",svg:T.column.getIsSorted()==="asc"?e(I.ArrowUpFilled,{}):e(I.ArrowDownFilled,{})}):null]})},T.id))},F.id))}),R?e(
|
|
2165
|
+
`,onScroll:F=>k(F.target),ref:a,children:o("table",{css:$n,children:[e("thead",{children:P.getHeaderGroups().map(F=>e("tr",{children:F.headers.map(T=>e("th",{colSpan:T.colSpan,children:T.isPlaceholder?null:o("div",{"data-sortable":T.column.getCanSort(),className:T.column.getCanSort()?"cursor-pointer":"",onClick:T.column.getToggleSortingHandler(),style:{left:T.getStart(),width:T.getSize()},children:[J(T.column.columnDef.header,T.getContext()),T.column.getIsSorted()?e(L,{className:"sort-icon",svg:T.column.getIsSorted()==="asc"?e(I.ArrowUpFilled,{}):e(I.ArrowDownFilled,{})}):null]})},T.id))},F.id))}),R?e(Vp,{}):e("tbody",{children:E.map(F=>e("tr",{onClick:()=>r(`sessions/${encodeURIComponent(F.id)}`),children:F.getVisibleCells().map(T=>e("td",{children:J(T.column.columnDef.cell,T.getContext())},T.id))},F.id))})]})})]})}const Br=u.createContext(null);function Hr(){const n=u.useContext(Br);if(n===null)throw new Error("useSpanFilterCondition must be used within a SpanFilterConditionProvider");return n}function gl(n){const[a,t]=u.useState(""),l=u.useCallback(r=>{u.startTransition(()=>{t(r)})},[]),i=u.useCallback(r=>{u.startTransition(()=>{a.length>0?t(a+" and "+r):t(r)})},[a]);return e(Br.Provider,{value:{filterCondition:a,setFilterCondition:l,appendFilterCondition:i},children:n.children})}const Gr=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"},s=[{kind:"Variable",name:"id",variableName:"id"}],c={kind:"Variable",name:"after",variableName:"after"},d={kind:"Variable",name:"filterCondition",variableName:"filterCondition"},m={kind:"Variable",name:"first",variableName:"first"},f={kind:"Variable",name:"sort",variableName:"sort"},g={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},k=[c,d,m,f,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],b=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}];return{fragment:{argumentDefinitions:[n,a,t,l,i,r],kind:"Fragment",metadata:null,name:"SpansTableSpansQuery",selections:[{alias:null,args:s,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[c,d,m,f],kind:"FragmentSpread",name:"SpansTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,t,i,r,l],kind:"Operation",name:"SpansTableSpansQuery",selections:[{alias:null,args:s,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[g,{kind:"TypeDiscriminator",abstractKey:"__isNode"},y,{kind:"InlineFragment",selections:[p,{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:k,concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"span",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[y,{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},p,{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,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{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:b,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:b,storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[p,{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:[g],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:k,filters:["sort","filterCondition","timeRange"],handle:"connection",key:"SpansTable_spans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"21dc6f490cf749c02bc20bcdb43c199c",id:null,metadata:{},name:"SpansTableSpansQuery",operationKind:"query",text:`query SpansTableSpansQuery(
|
|
2169
2166
|
$after: String = null
|
|
2170
2167
|
$filterCondition: String = null
|
|
2171
2168
|
$first: Int = 50
|
|
@@ -2243,9 +2240,9 @@ fragment SpansTable_spans_1XEuU on Project {
|
|
|
2243
2240
|
color: var(--ac-global-color-primary);
|
|
2244
2241
|
padding: var(--ac-global-dimension-size-100) 0;
|
|
2245
2242
|
flex-wrap: wrap;
|
|
2246
|
-
`,children:s.map(c=>e("li",{children:e(
|
|
2243
|
+
`,children:s.map(c=>e("li",{children:e(Op,{onClick:()=>{a(c.filterCondition)},children:c.filterName})},c.filterName))})]})}function Op({onClick:n,children:a}){return e("button",{onClick:t=>{t.preventDefault(),t.stopPropagation(),n()},className:"button--reset",css:C`
|
|
2247
2244
|
color: var(--ac-global-text-color-900);
|
|
2248
|
-
border: 1px solid var(--ac-global-color-
|
|
2245
|
+
border: 1px solid var(--ac-global-color-grey-300);
|
|
2249
2246
|
border-radius: 4px;
|
|
2250
2247
|
padding: var(--ac-global-dimension-size-50)
|
|
2251
2248
|
var(--ac-global-dimension-size-100);
|
|
@@ -2254,10 +2251,10 @@ fragment SpansTable_spans_1XEuU on Project {
|
|
|
2254
2251
|
&:hover {
|
|
2255
2252
|
background-color: var(--ac-global-color-gray-300);
|
|
2256
2253
|
}
|
|
2257
|
-
`,children:a})}function
|
|
2254
|
+
`,children:a})}function Qp({projectName:n}){const[a,t]=u.useState("Python");return e(Z,{title:"Send Traces to this Project",size:"L",children:o(K,{padding:"size-400",overflow:"auto",children:[e(K,{paddingBottom:"size-100",children:e(Et,{language:a,onChange:t})}),a==="Python"?e(ei,{projectName:n}):e(ni,{projectName:n})]})})}function Zr({projectName:n}){const[a,t]=u.useState(null),l=()=>{t(e(Qp,{projectName:n}))};return o("tbody",{className:"is-empty",children:[e("tr",{children:e("td",{colSpan:100,css:i=>C`
|
|
2258
2255
|
text-align: center;
|
|
2259
2256
|
padding: ${i.spacing.margin24}px ${i.spacing.margin24}px !important;
|
|
2260
|
-
`,children:o(h,{direction:"column",gap:"size-200",alignItems:"center",children:["No traces found for this project",e(z,{variant:"default",icon:e(L,{svg:e(I.PlayCircleOutline,{})}),onClick:l,children:"Get Started"})]})})}),e(ee,{onDismiss:()=>t(null),isDismissable:!0,type:"slideOver",children:a})]})}const Yr={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanColumnSelector_annotations",selections:[{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null}],type:"Project",abstractKey:null};Yr.hash="ad01e6897ad1ea779eb346d85783b8b4";const
|
|
2257
|
+
`,children:o(h,{direction:"column",gap:"size-200",alignItems:"center",children:["No traces found for this project",e(z,{variant:"default",icon:e(L,{svg:e(I.PlayCircleOutline,{})}),onClick:l,children:"Get Started"})]})})}),e(ee,{onDismiss:()=>t(null),isDismissable:!0,type:"slideOver",children:a})]})}const Yr={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanColumnSelector_annotations",selections:[{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null}],type:"Project",abstractKey:null};Yr.hash="ad01e6897ad1ea779eb346d85783b8b4";const jp=["spanKind","name"];function Xr(n){return e(Kt,{menu:e(qp,{...n}),triggerProps:{placement:"bottom end"},children:o(h,{direction:"row",alignItems:"center",gap:"size-100",children:[e(L,{svg:e(I.Column,{})}),"Columns"]})})}const Va=C`
|
|
2261
2258
|
padding: var(--ac-global-dimension-static-size-50)
|
|
2262
2259
|
var(--ac-global-dimension-static-size-100);
|
|
2263
2260
|
label {
|
|
@@ -2265,10 +2262,10 @@ fragment SpansTable_spans_1XEuU on Project {
|
|
|
2265
2262
|
align-items: center;
|
|
2266
2263
|
gap: var(--ac-global-dimension-static-size-100);
|
|
2267
2264
|
}
|
|
2268
|
-
`;function
|
|
2265
|
+
`;function qp(n){const{columns:a}=n,t=cn(d=>d.columnVisibility),l=cn(d=>d.setColumnVisibility),i=u.useMemo(()=>a.filter(d=>!jp.includes(d.id)),[a]),r=u.useMemo(()=>i.every(d=>{const m=t[d.id];return m??!0}),[i,t]),s=u.useCallback(d=>{const{name:m,checked:f}=d.target;l({...t,[m]:f})},[t,l]),c=u.useCallback(d=>{const{checked:m}=d.target,f=i.reduce((g,y)=>({...g,[y.id]:m}),{});l(f)},[i,l]);return e("div",{css:C`
|
|
2269
2266
|
overflow-y: auto;
|
|
2270
2267
|
max-height: calc(100vh - 200px);
|
|
2271
|
-
`,children:o(K,{paddingTop:"size-50",paddingBottom:"size-50",children:[e(K,{borderBottomColor:"dark",borderBottomWidth:"thin",paddingBottom:"size-50",children:e("div",{css:Va,children:o("label",{children:[e("input",{type:"checkbox",name:"toggle-all",checked:r,onChange:c}),"span columns"]})})}),e("ul",{children:i.map(d=>{const m=t[d.id],f=m??!0,g=typeof d.columnDef.header=="string"?d.columnDef.header:d.id;return e("li",{css:Va,children:o("label",{children:[e("input",{type:"checkbox",name:d.id,checked:f,onChange:s}),g]})},d.id)})}),e(
|
|
2268
|
+
`,children:o(K,{paddingTop:"size-50",paddingBottom:"size-50",children:[e(K,{borderBottomColor:"dark",borderBottomWidth:"thin",paddingBottom:"size-50",children:e("div",{css:Va,children:o("label",{children:[e("input",{type:"checkbox",name:"toggle-all",checked:r,onChange:c}),"span columns"]})})}),e("ul",{children:i.map(d=>{const m=t[d.id],f=m??!0,g=typeof d.columnDef.header=="string"?d.columnDef.header:d.id;return e("li",{css:Va,children:o("label",{children:[e("input",{type:"checkbox",name:d.id,checked:f,onChange:s}),g]})},d.id)})}),e(Up,{...n})]})})}function Up({query:n}){const a=D.useFragment(Yr,n),t=cn(s=>s.annotationColumnVisibility),l=cn(s=>s.setAnnotationColumnVisibility),i=u.useMemo(()=>a.spanAnnotationNames.every(s=>t[s]||!1),[a.spanAnnotationNames,t]),r=u.useCallback(()=>{const s=a.spanAnnotationNames.reduce((c,d)=>({...c,[d]:!i}),{});l(s)},[a.spanAnnotationNames,l,i]);return o("section",{children:[e(K,{paddingTop:"size-50",paddingBottom:"size-50",borderColor:"dark",borderTopWidth:"thin",borderBottomWidth:"thin",children:e("div",{css:Va,children:o("label",{children:[e("input",{type:"checkbox",name:"toggle-evaluations-all",checked:i,onChange:r}),"feedback"]})})}),e("ul",{children:a.spanAnnotationNames.map(s=>{const c=t[s]??!1;return e("li",{css:Va,children:o("label",{children:[e("input",{type:"checkbox",name:s,checked:c,onChange:()=>{l({...t,[s]:!c})}}),s]})},s)})})]})}const es=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(
|
|
2272
2269
|
$condition: String!
|
|
2273
2270
|
$id: GlobalID!
|
|
2274
2271
|
) {
|
|
@@ -2315,7 +2312,7 @@ fragment SpansTable_spans_1XEuU on Project {
|
|
|
2315
2312
|
border-color: var(--ac-global-color-danger);
|
|
2316
2313
|
}
|
|
2317
2314
|
box-sizing: border-box;
|
|
2318
|
-
`;function
|
|
2315
|
+
`;function Bp(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 Hp(n,a){if(!n)return{isValid:!0,errorMessage:null};const t=await St.fetchQuery(Me,es,{condition:n,id:a}).toPromise();if(!t)throw new Error("Filter condition validation is null");return t.project.validateSpanFilterCondition}const Gp=[Wc.of([{key:"Enter",run:n=>!0}]),At(),Jc({override:[Bp]})];function ts(n){const{onValidCondition:a,placeholder:t="filter condition (e.x. span_kind == 'LLM')"}=n,[l,i]=u.useState(!1),[r,s]=u.useState(""),{filterCondition:c,setFilterCondition:d,appendFilterCondition:m}=Hr(),f=u.useDeferredValue(c),{theme:g}=On(),y=g==="dark"?ra:void 0,{projectId:p}=Ve();u.useEffect(()=>{Hp(f,p).then(S=>{S!=null&&S.isValid?(s(""),u.startTransition(()=>{a(f)})):s((S==null?void 0:S.errorMessage)??"Invalid filter condition")})},[a,f,p]);const k=r!=="",b=c!=="";return o("div",{"data-is-focused":l,"data-is-invalid":k,className:"span-filter-condition-field",css:as,children:[o(h,{direction:"row",children:[e(_l,{children:e(L,{svg:e(I.Search,{})})}),e(ia,{css:ns,indentWithTab:!1,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1,defaultKeymap:!1},onFocus:()=>i(!0),onBlur:()=>i(!1),value:c,onChange:d,height:"36px",width:"100%",theme:y,placeholder:t,extensions:Gp}),e("button",{css:C`
|
|
2319
2316
|
margin-right: var(--ac-global-dimension-static-size-100);
|
|
2320
2317
|
color: var(--ac-global-text-color-700);
|
|
2321
2318
|
visibility: ${b?"visible":"hidden"};
|
|
@@ -2325,7 +2322,7 @@ fragment SpansTable_spans_1XEuU on Project {
|
|
|
2325
2322
|
padding-left: var(--ac-global-dimension-static-size-100);
|
|
2326
2323
|
padding-right: var(--ac-global-dimension-static-size-100);
|
|
2327
2324
|
height: 100%;
|
|
2328
|
-
`,className:"button--reset",children:e(L,{svg:e(I.PlusCircleOutline,{})})})}),e(
|
|
2325
|
+
`,className:"button--reset",children:e(L,{svg:e(I.PlusCircleOutline,{})})})}),e(Wp,{onAddFilterConditionSnippet:m})]})]}),o(pe,{isOpen:k&&l,placement:"bottom",children:[e(je,{children:e("div",{})}),e(va,{children:r!=""?e(x,{color:"danger",children:r}):e(x,{color:"success",children:"Valid Expression"})})]})]})}function Wp(n){const{onAddFilterConditionSnippet:a}=n;return e(K,{width:"500px",paddingTop:"size-200",paddingStart:"size-200",paddingEnd:"size-200",borderRadius:"medium",borderWidth:"thin",borderColor:"light",backgroundColor:"light",children:o(Ae,{children:[e(In,{label:"filter by kind",initialSnippet:"span_kind == 'LLM'",onAddFilterConditionSnippet:a},"kind"),e(In,{label:"filter by token count",initialSnippet:"cumulative_token_count.total > 1000",onAddFilterConditionSnippet:a},"token_count"),e(In,{label:"filter by annotation label",initialSnippet:"annotations['Hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"annotation_label"),e(In,{label:"filter by evaluation label",initialSnippet:"evals['Hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"eval_label"),e(In,{label:"filter by evaluation score",initialSnippet:"evals['Hallucination'].score < 1",onAddFilterConditionSnippet:a},"eval_score"),e(In,{label:"filter by metadata",initialSnippet:"metadata['topic'] == 'agent'",onAddFilterConditionSnippet:a},"metadata"),e(In,{label:"filter by substring",initialSnippet:"'agent' in input.value",onAddFilterConditionSnippet:a},"substring")]})})}function In(n){const{initialSnippet:a,onAddFilterConditionSnippet:t}=n,[l,i]=u.useState(a),{theme:r}=On(),s=r==="light"?void 0:ra;return e(Vn,{label:n.label,children:o(h,{direction:"row",width:"100%",gap:"size-100",children:[e("div",{css:C(as,C`
|
|
2329
2326
|
flex: 1 1 auto;
|
|
2330
2327
|
`),children:e(ia,{value:l,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[At()],editable:!0,onChange:i,theme:s,css:ns})}),e(z,{title:"Add to filter condition",variant:"default",onClick:()=>t(l),icon:e(L,{svg:e(I.PlusCircleOutline,{})})})]})})}const ls=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"addSpansToDataset",plural:!1,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"dataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanSelectionToolbarAddSpansToDatasetMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanSelectionToolbarAddSpansToDatasetMutation",selections:a},params:{cacheID:"1c694540190478b8fba8ef3c0cacf30c",id:null,metadata:{},name:"SpanSelectionToolbarAddSpansToDatasetMutation",operationKind:"mutation",text:`mutation SpanSelectionToolbarAddSpansToDatasetMutation(
|
|
2331
2328
|
$input: AddSpansToDatasetInput!
|
|
@@ -2364,15 +2361,15 @@ fragment DatasetSelectorPopoverContent_datasets on Query {
|
|
|
2364
2361
|
}
|
|
2365
2362
|
}
|
|
2366
2363
|
}
|
|
2367
|
-
`}};ss.hash="7cd8a13144d97d2b5294f2a09c9e1351";function
|
|
2364
|
+
`}};ss.hash="7cd8a13144d97d2b5294f2a09c9e1351";function Jp(n){const{onCreateNewDataset:a,onDatasetSelected:t}=n,[l,i]=u.useState(""),r=D.useLazyLoadQuery(ss,{},{fetchPolicy:"network-only"});return o(q,{title:"Add to Dataset",variant:"compact",backgroundColor:"light",borderColor:"light",bodyStyle:{padding:0},extra:e(z,{variant:"default",size:"compact",onClick:a,children:"New Dataset"}),children:[e(K,{padding:"size-100",children:e(ae,{type:"search",placeholder:"Search datasets",addonBefore:e(L,{svg:e(I.Search,{})}),onChange:s=>{i(s)}})}),e(K,{borderTopWidth:"thin",borderColor:"light",children:e("div",{css:C`
|
|
2368
2365
|
height: 400px;
|
|
2369
2366
|
overflow-y: auto;
|
|
2370
|
-
`,children:e(
|
|
2367
|
+
`,children:e(Zp,{query:r,search:l,onDatasetSelected:t})})})]})}function Zp(n){const{search:a,onDatasetSelected:t}=n,[l]=D.useRefetchableFragment(rs,n.query),i=u.useMemo(()=>{let s=l.datasets.edges.map(c=>c.dataset);return a&&(s=s.filter(c=>c.name.toLowerCase().includes(a.toLowerCase()))),s},[a,l]);return i.length===0?e(K,{padding:"size-200",children:e(h,{direction:"column",justifyContent:"center",alignItems:"center",flex:"1 1 auto",children:e(x,{children:"No datasets found"})})}):e(Oa,{selectionMode:"single",onSelectionChange:s=>{if(typeof s=="object"){const c=Array.from(s);t(c[0])}},children:i.map(s=>e(re,{children:s.name},s.id))})}function os(n){const a=X(),[t,l]=u.useState(null),i=xe(),r=ve(),[s,c]=u.useState(!1),{selectedSpans:d,onClearSelection:m}=n,[f,g]=D.useMutation(ls),y=d.length!==1,p=u.useCallback(k=>{f({variables:{input:{datasetId:k,spanIds:d.map(b=>b.id)}},onCompleted:()=>{i({title:"Examples added to dataset",message:`${d.length} example${y?"s":""} have been added to the dataset.`,action:{text:"View dataset",onClick:()=>{a(`/datasets/${k}/examples`)}}}),m()},onError:b=>{r({title:"An error occurred",message:`Failed to add spans to dataset: ${b.message}`})}})},[f,d,i,y,m,a,r]);return o("div",{css:C`
|
|
2371
2368
|
position: absolute;
|
|
2372
2369
|
bottom: var(--ac-global-dimension-size-400);
|
|
2373
2370
|
left: 50%;
|
|
2374
2371
|
transform: translateX(-50%);
|
|
2375
|
-
`,children:[e(K,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:o(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(x,{children:`${d.length} span${y?"s":""} selected`}),o(h,{direction:"row",gap:"size-100",children:[e(z,{variant:"default",size:"compact",onClick:m,children:"Cancel"}),o(Zn,{placement:"top end",crossOffset:300,isOpen:s,onOpenChange:k=>{c(k)},children:[e(z,{variant:"primary",size:"compact",icon:e(L,{svg:e(I.DatabaseOutline,{})}),loading:g,disabled:g,children:g?"Adding to dataset":"Add to dataset"}),e(u.Suspense,{children:e(
|
|
2372
|
+
`,children:[e(K,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:o(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(x,{children:`${d.length} span${y?"s":""} selected`}),o(h,{direction:"row",gap:"size-100",children:[e(z,{variant:"default",size:"compact",onClick:m,children:"Cancel"}),o(Zn,{placement:"top end",crossOffset:300,isOpen:s,onOpenChange:k=>{c(k)},children:[e(z,{variant:"primary",size:"compact",icon:e(L,{svg:e(I.DatabaseOutline,{})}),loading:g,disabled:g,children:g?"Adding to dataset":"Add to dataset"}),e(u.Suspense,{children:e(Jp,{onDatasetSelected:k=>{p(k),c(!1)},onCreateNewDataset:()=>{c(!1),l(e(Z,{title:"New Dataset",isDismissable:!0,onDismiss:()=>l(null),children:e(ai,{onDatasetCreateError:()=>{r({title:"Dataset creation failed",message:"Failed to create dataset."})},onDatasetCreated:k=>{l(null),i({title:"Dataset created",message:`${k.name} has been successfully created.`}),c(!0)}})}))}})})]})]})]})}),e(ee,{onDismiss:()=>{l(null)},children:t})]})}const ka="annotations",ln=":",ds={col:"startTime",dir:"desc"};function cs(n){let a=null,t=null;if(n.id&&n.id.startsWith(ka)){const[,l,i]=n.id.split(ln);t={attr:l,name:i}}else a=n.id;return{col:a,evalResultKey:t,dir:n.desc?"desc":"asc"}}const pl=50;function Yp(n){const{fetchKey:a}=Qn(),t=u.useRef(null),[l,i]=u.useState({}),[r,s]=u.useState([]),[c,d]=u.useState(""),m=cn(N=>N.columnVisibility),f=X(),{data:g,loadNext:y,hasNext:p,isLoadingNext:k,refetch:b}=D.usePaginationFragment(Wr,n.project),S=cn(N=>N.annotationColumnVisibility),v=u.useMemo(()=>Object.keys(S).filter(N=>S[N]),[S]),P=u.useMemo(()=>g.spans.edges.map(({span:j})=>j),[g]),E=v.map(N=>({header:N,columns:[{header:"label",accessorKey:`${ka}${ln}label${ln}${N}`,cell:({row:j})=>{const M=j.original.spanAnnotations.find(U=>U.name===N);return M?M.label:null}},{header:"score",accessorKey:`${ka}${ln}score${ln}${N}`,cell:({row:j})=>{const M=j.original.spanAnnotations.find(U=>U.name===N);return M?M.score:null}}]})),R=[{header:()=>o(h,{direction:"row",gap:"size-50",children:[e("span",{children:"feedback"}),o(Yn,{children:[e(ce,{level:3,weight:"heavy",children:"Feedback"}),e(zn,{children:"Feedback includes evaluations and human annotations logged via the API or set via the UI."})]})]}),accessorKey:"spanAnnotations",enableSorting:!1,cell:({row:N})=>o(h,{direction:"row",gap:"size-50",wrap:"wrap",children:[N.original.spanAnnotations.map(j=>e(ea,{annotation:j,layout:"horizontal",width:"500px",extra:e(Jr,{annotation:j}),children:e(un,{annotation:j,annotationDisplayPreference:"label"})},j.name)),N.original.documentRetrievalMetrics.map(j=>o(G,{children:[e($e,{name:j.evaluationName,metric:"ndcg",score:j.ndcg},"ndcg"),e($e,{name:j.evaluationName,metric:"precision",score:j.precision},"precision"),e($e,{name:j.evaluationName,metric:"hit",score:j.hit},"hit")]}))]})},...E],F=[{id:"select",maxSize:10,header:({table:N})=>e(fn,{checked:N.getIsAllRowsSelected(),indeterminate:N.getIsSomeRowsSelected(),onChange:N.getToggleAllRowsSelectedHandler()}),cell:({row:N})=>e(fn,{checked:N.getIsSelected(),disabled:!N.getCanSelect(),indeterminate:N.getIsSomeSelected(),onChange:N.getToggleSelectedHandler()})},{header:"kind",accessorKey:"spanKind",maxSize:100,enableSorting:!1,cell:({getValue:N})=>e(Lt,{spanKind:N()})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:N,row:j})=>{const M=j.original,{traceId:U}=M.context;return e(Ge,{to:`traces/${U}?selectedSpanNodeId=${M.id}`,children:N()})}},{header:"input",accessorKey:"input.value",cell:fe,enableSorting:!1},{header:"output",accessorKey:"output.value",cell:fe,enableSorting:!1},{header:"metadata",accessorKey:"metadata",cell:fe,enableSorting:!1},...R,{header:"start time",accessorKey:"startTime",cell:Ee},{header:"latency",accessorKey:"latencyMs",cell:({getValue:N})=>{const j=N();return j===null||typeof j!="number"?null:e(Ce,{latencyMs:j})}},{header:"total tokens",accessorKey:"tokenCountTotal",cell:({row:N,getValue:j})=>{const M=j();return M===null?"--":e(Sn,{tokenCountTotal:M,tokenCountPrompt:N.original.tokenCountPrompt||0,tokenCountCompletion:N.original.tokenCountCompletion||0})}},{header:"status",accessorKey:"statusCode",enableSorting:!1,cell:({getValue:N})=>e(Ba,{statusCode:N()})}];u.useEffect(()=>{const N=r[0];u.startTransition(()=>{b({sort:N?cs(N):ds,after:null,first:pl,filterCondition:c},{fetchPolicy:"store-and-network"})})},[r,b,c,a]);const T=u.useCallback(N=>{if(N){const{scrollHeight:j,scrollTop:M,clientHeight:U}=N;j-M-U<300&&!k&&p&&y(pl)}},[p,k,y]),w=Fe({columns:F,data:P,state:{sorting:r,columnVisibility:m,rowSelection:l},manualSorting:!0,enableRowSelection:!0,onRowSelectionChange:i,onSortingChange:s,getCoreRowModel:Ke(),getSortedRowModel:Mn()}),_=w.getRowModel().rows,Q=w.getSelectedRowModel().rows,V=Q.map(N=>N.original),H=u.useCallback(()=>{i({})},[i]),te=_.length===0,oe=w.getAllColumns().filter(N=>N.columns.length===0);return o("div",{css:Qt,children:[e(K,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:o(h,{direction:"row",gap:"size-100",width:"100%",alignItems:"center",children:[e(ts,{onValidCondition:d}),e(Xr,{columns:oe,query:g})]})}),e("div",{css:C`
|
|
2376
2373
|
flex: 1 1 auto;
|
|
2377
2374
|
overflow: auto;
|
|
2378
2375
|
`,onScroll:N=>T(N.target),ref:t,children:o("table",{css:$n,children:[e("thead",{children:w.getHeaderGroups().map(N=>e("tr",{children:N.headers.map(j=>e("th",{colSpan:j.colSpan,children:j.isPlaceholder?null:o("div",{className:j.column.getCanSort()?"cursor-pointer":"",onClick:j.column.getToggleSortingHandler(),style:{left:j.getStart(),width:j.getSize()},children:[J(j.column.columnDef.header,j.getContext()),j.column.getIsSorted()?e(L,{className:"sort-icon",svg:j.column.getIsSorted()==="asc"?e(I.ArrowUpFilled,{}):e(I.ArrowDownFilled,{})}):null]})},j.id))},N.id))}),te?e(Zr,{projectName:g.name}):e("tbody",{children:_.map(N=>e("tr",{onClick:()=>f(`traces/${N.original.context.traceId}?selectedSpanNodeId=${N.original.id}`),children:N.getVisibleCells().map(j=>e("td",{children:J(j.column.columnDef.cell,j.getContext())},j.id))},N.id))})]})}),Q.length?e(os,{selectedSpans:V,onClearSelection:H}):null]})}const us=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"StreamToggleRefetchQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"StreamToggle_data"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"StreamToggleRefetchQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"streamingLastUpdatedAt",storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"4e136f41c0942f253822336dc0c5b291",id:null,metadata:{},name:"StreamToggleRefetchQuery",operationKind:"query",text:`query StreamToggleRefetchQuery(
|
|
@@ -2390,7 +2387,7 @@ fragment StreamToggle_data on Project {
|
|
|
2390
2387
|
streamingLastUpdatedAt
|
|
2391
2388
|
id
|
|
2392
2389
|
}
|
|
2393
|
-
`}}}();us.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";const ms={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:us,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};ms.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";function gs(n,a){const t=u.useRef(null);u.useEffect(()=>{t.current=n},[n]),u.useEffect(()=>{function l(){t.current&&t.current()}if(typeof a=="number"){const i=setInterval(l,a);return()=>clearInterval(i)}},[a])}const
|
|
2390
|
+
`}}}();us.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";const ms={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:us,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};ms.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";function gs(n,a){const t=u.useRef(null);u.useEffect(()=>{t.current=n},[n]),u.useEffect(()=>{function l(){t.current&&t.current()}if(typeof a=="number"){const i=setInterval(l,a);return()=>clearInterval(i)}},[a])}const Xp=2e3;function ey(n){const{isStreaming:a,setIsStreaming:t,setFetchKey:l}=Qn(),[i,r]=D.useRefetchableFragment(ms,n.project),s=u.useRef(i.streamingLastUpdatedAt),c=u.useCallback(()=>{a&&u.startTransition(()=>{r({},{fetchPolicy:"store-and-network"})})},[a,r]),d=i.streamingLastUpdatedAt;return u.useEffect(()=>{d!=null&&(s.current==null||s.current<d)&&(s.current=d,l(`fetch-traces-${d}`))},[l,d]),gs(c,Xp),e(Xn,{labelPlacement:"start",isSelected:a,onChange:()=>{t(!a)},children:"Stream"})}const ps=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"},s=[{kind:"Variable",name:"id",variableName:"id"}],c={kind:"Variable",name:"after",variableName:"after"},d={kind:"Variable",name:"filterCondition",variableName:"filterCondition"},m={kind:"Variable",name:"first",variableName:"first"},f={kind:"Variable",name:"sort",variableName:"sort"},g={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},k=[c,d,m,{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:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},v={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},P={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},E={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},R=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],F={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:R,storageKey:null},T={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:R,storageKey:null},w={alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},_={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[p,{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:s,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[c,d,m,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:s,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[g,{kind:"TypeDiscriminator",abstractKey:"__isNode"},y,{kind:"InlineFragment",selections:[p,{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:[y,b,p,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},S,v,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},E,F,T,w,_,Q,{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"descendants",plural:!0,selections:[y,b,p,S,v,P,E,{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},F,T,w,_,Q],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:[g],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:"rootSpans",args:k,filters:["sort","rootSpansOnly","filterCondition","timeRange"],handle:"connection",key:"TracesTable_rootSpans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"572f8769fc0e90b681883b56222bdc65",id:null,metadata:{},name:"TracesTableQuery",operationKind:"query",text:`query TracesTableQuery(
|
|
2394
2391
|
$after: String = null
|
|
2395
2392
|
$filterCondition: String = null
|
|
2396
2393
|
$first: Int = 50
|
|
@@ -2496,7 +2493,7 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
2496
2493
|
}
|
|
2497
2494
|
id
|
|
2498
2495
|
}
|
|
2499
|
-
`}}}();ps.hash="53b160969c87d5e35e08a1f4ca26aadb";const ys=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:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},s={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},d=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],m={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:d,storageKey:null},f={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:d,storageKey:null},g={alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},y={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[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},p={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:ps,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},i,r,s,{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},c,m,f,g,y,p,{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"descendants",plural:!0,selections:[t,l,a,i,r,s,c,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"cumulativeTokenCountPrompt",args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:"cumulativeTokenCountCompletion",args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},m,f,g,y,p],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:[{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}}();ys.hash="53b160969c87d5e35e08a1f4ca26aadb";const yl=50;function fs(n){const a=[];for(const t of n){const l={...t.span,children:fs(t.children)};a.push(l)}return a}function
|
|
2496
|
+
`}}}();ps.hash="53b160969c87d5e35e08a1f4ca26aadb";const ys=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:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},s={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},d=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],m={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:d,storageKey:null},f={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:d,storageKey:null},g={alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},y={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[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},p={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:ps,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},i,r,s,{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},c,m,f,g,y,p,{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"descendants",plural:!0,selections:[t,l,a,i,r,s,c,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"cumulativeTokenCountPrompt",args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:"cumulativeTokenCountCompletion",args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},m,f,g,y,p],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:[{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}}();ys.hash="53b160969c87d5e35e08a1f4ca26aadb";const yl=50;function fs(n){const a=[];for(const t of n){const l={...t.span,children:fs(t.children)};a.push(l)}return a}function ny(n){const a=u.useRef(null),[t,l]=u.useState({}),[i,r]=u.useState([]),[s,c]=u.useState(""),d=X(),{fetchKey:m}=Qn(),{data:f,loadNext:g,hasNext:y,isLoadingNext:p,refetch:k}=D.usePaginationFragment(ys,n.project),b=cn(M=>M.annotationColumnVisibility),S=u.useMemo(()=>Object.keys(b).filter(M=>b[M]),[b]),v=u.useMemo(()=>f.rootSpans.edges.map(({rootSpan:U})=>{const le=kc([U,...U.descendants]),[$]=fs(le);return $}),[f]),P=S.map(M=>({header:M,columns:[{header:"label",accessorKey:`${ka}${ln}label${ln}${M}`,cell:({row:U})=>{const le=U.original.spanAnnotations.find($=>$.name===M);return le?le.label:null}},{header:"score",accessorKey:`${ka}${ln}score${ln}${M}`,cell:({row:U})=>{const le=U.original.spanAnnotations.find($=>$.name===M);return le?le.score:null}}]})),E=[{header:()=>o(h,{direction:"row",gap:"size-50",children:[e("span",{children:"feedback"}),o(Yn,{children:[e(ce,{level:3,weight:"heavy",children:"Feedback"}),e(zn,{children:"Feedback includes evaluations and human annotations logged via the API or set via the UI."})]})]}),accessorKey:"spanAnnotations",enableSorting:!1,cell:({row:M})=>{const U=M.original.spanAnnotations.length===0&&M.original.documentRetrievalMetrics.length===0;return o(h,{direction:"row",gap:"size-50",wrap:"wrap",children:[M.original.spanAnnotations.map(le=>e(ea,{annotation:le,layout:"horizontal",width:"500px",extra:e(Jr,{annotation:le}),children:e(un,{annotation:le,annotationDisplayPreference:"label"})},le.name)),M.original.documentRetrievalMetrics.map(le=>o(u.Fragment,{children:[e($e,{name:le.evaluationName,metric:"ndcg",score:le.ndcg},"ndcg"),e($e,{name:le.evaluationName,metric:"precision",score:le.precision},"precision"),e($e,{name:le.evaluationName,metric:"hit",score:le.hit},"hit")]},"doc-evals")),U?"--":null]})}},...P],R=[{id:"select",maxSize:10,header:({table:M})=>e(fn,{checked:M.getIsAllRowsSelected(),indeterminate:M.getIsSomeRowsSelected(),onChange:M.getToggleAllRowsSelectedHandler()}),cell:({row:M})=>e(fn,{checked:M.getIsSelected(),disabled:!M.getCanSelect(),indeterminate:M.getIsSomeSelected(),onChange:M.getToggleSelectedHandler()})},{header:()=>o(h,{gap:"size-50",direction:"row",alignItems:"center",children:[e(el,{isExpanded:Q.getIsAllRowsExpanded(),onClick:Q.getToggleAllRowsExpandedHandler(),"aria-label":"Expand all rows"}),"kind"]}),enableSorting:!1,accessorKey:"spanKind",maxSize:100,cell:M=>e("div",{css:C`
|
|
2500
2497
|
// Since rows are flattened by default,
|
|
2501
2498
|
// we can use the row.depth property
|
|
2502
2499
|
// and paddingLeft to visually indicate the depth
|
|
@@ -2505,7 +2502,7 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
2505
2502
|
`,children:o(h,{gap:"size-50",children:[M.row.getCanExpand()?e(el,{isExpanded:M.row.getIsExpanded(),onClick:M.row.getToggleExpandedHandler(),"aria-label":"Expand row"}):null,e(Lt,{spanKind:M.getValue()})]})})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:M,row:U})=>{const{traceId:le}=U.original.context;return e(Ge,{to:`traces/${le}?selectedSpanNodeId=${U.original.id}`,children:M()})}},{header:"input",accessorKey:"input.value",enableSorting:!1,cell:fe},{header:"output",accessorKey:"output.value",enableSorting:!1,cell:fe},{header:"metadata",accessorKey:"metadata",enableSorting:!1,cell:fe},...E,{header:"start time",accessorKey:"startTime",cell:Ee},{header:"latency",accessorKey:"latencyMs",cell:({getValue:M})=>{const U=M();return U===null||typeof U!="number"?null:e(Ce,{latencyMs:U})}},{header:"total tokens",minSize:80,accessorKey:"cumulativeTokenCountTotal",cell:({row:M,getValue:U})=>{const le=U();return le===null?"--":e(Sn,{tokenCountTotal:le,tokenCountPrompt:M.original.cumulativeTokenCountPrompt||0,tokenCountCompletion:M.original.cumulativeTokenCountCompletion||0})}},{header:"status",accessorKey:"statusCode",enableSorting:!1,cell:({getValue:M})=>e(Ba,{statusCode:M()})}];u.useEffect(()=>{const M=i[0];u.startTransition(()=>{k({sort:M?cs(M):ds,after:null,first:yl,filterCondition:s},{fetchPolicy:"store-and-network"})})},[i,k,s,m]);const F=Se.useCallback(M=>{if(M){const{scrollHeight:U,scrollTop:le,clientHeight:$}=M;U-le-$<300&&!p&&y&&g(yl)}},[y,p,g]),[T,w]=u.useState({}),_=cn(M=>M.columnVisibility),Q=Fe({columns:R,data:v,onExpandedChange:w,manualSorting:!0,getSubRows:M=>M.children,state:{sorting:i,expanded:T,columnVisibility:_,rowSelection:t},onRowSelectionChange:l,enableSubRowSelection:!1,onSortingChange:r,getCoreRowModel:Ke(),getSortedRowModel:Mn(),getExpandedRowModel:Il(),getRowId:M=>M.id}),V=Q.getRowModel().rows,H=Q.getSelectedRowModel().flatRows,te=H.map(M=>M.original),oe=u.useCallback(()=>{l({})},[l]),N=V.length===0,j=Q.getAllColumns().filter(M=>M.columns.length===0);return o("div",{css:Qt,children:[e(K,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:o(h,{direction:"row",gap:"size-100",width:"100%",alignItems:"center",children:[e(ts,{onValidCondition:c}),e(Xr,{columns:j,query:f})]})}),e("div",{css:C`
|
|
2506
2503
|
flex: 1 1 auto;
|
|
2507
2504
|
overflow: auto;
|
|
2508
|
-
`,onScroll:M=>F(M.target),ref:a,children:o("table",{css:$n,children:[e("thead",{children:Q.getHeaderGroups().map(M=>e("tr",{children:M.headers.map(U=>e("th",{colSpan:U.colSpan,children:U.isPlaceholder?null:o("div",{"data-sortable":U.column.getCanSort(),className:U.column.getCanSort()?"cursor-pointer":"",onClick:U.column.getToggleSortingHandler(),style:{left:U.getStart(),width:U.getSize()},children:[J(U.column.columnDef.header,U.getContext()),U.column.getIsSorted()?e(L,{className:"sort-icon",svg:U.column.getIsSorted()==="asc"?e(I.ArrowUpFilled,{}):e(I.ArrowDownFilled,{})}):null]})},U.id))},M.id))}),N?e(Zr,{projectName:f.name}):e("tbody",{children:V.map(M=>e("tr",{onClick:()=>d(`traces/${M.original.context.traceId}`),children:M.getVisibleCells().map(U=>e("td",{children:J(U.column.columnDef.cell,U.getContext())},U.id))},M.id))})]})}),H.length?e(os,{selectedSpans:te,onClearSelection:oe}):null]})}const
|
|
2505
|
+
`,onScroll:M=>F(M.target),ref:a,children:o("table",{css:$n,children:[e("thead",{children:Q.getHeaderGroups().map(M=>e("tr",{children:M.headers.map(U=>e("th",{colSpan:U.colSpan,children:U.isPlaceholder?null:o("div",{"data-sortable":U.column.getCanSort(),className:U.column.getCanSort()?"cursor-pointer":"",onClick:U.column.getToggleSortingHandler(),style:{left:U.getStart(),width:U.getSize()},children:[J(U.column.columnDef.header,U.getContext()),U.column.getIsSorted()?e(L,{className:"sort-icon",svg:U.column.getIsSorted()==="asc"?e(I.ArrowUpFilled,{}):e(I.ArrowDownFilled,{})}):null]})},U.id))},M.id))}),N?e(Zr,{projectName:f.name}):e("tbody",{children:V.map(M=>e("tr",{onClick:()=>d(`traces/${M.original.context.traceId}`),children:M.getVisibleCells().map(U=>e("td",{children:J(U.column.columnDef.cell,U.getContext())},U.id))},M.id))})]})}),H.length?e(os,{selectedSpans:te,onClearSelection:oe}):null]})}const ay=C`
|
|
2509
2506
|
flex: 1 1 auto;
|
|
2510
2507
|
display: flex;
|
|
2511
2508
|
flex-direction: column;
|
|
@@ -2531,7 +2528,7 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
2531
2528
|
}
|
|
2532
2529
|
}
|
|
2533
2530
|
}
|
|
2534
|
-
`;function
|
|
2531
|
+
`;function j0(){const{projectId:n}=Ve(),{timeRange:a}=Ha();return e(u.Suspense,{fallback:e(ye,{}),children:e(ty,{projectId:n,timeRange:a})})}const hs=wr,ks=Lr;function ty({projectId:n,timeRange:a}){const t=u.useMemo(()=>({start:a.start.toISOString(),end:a.end.toISOString()}),[a]),l=D.useLazyLoadQuery(Pr,{id:n,timeRange:t},{fetchPolicy:"store-and-network"}),[i,r,s]=D.useQueryLoader(hs),[c,d,m]=D.useQueryLoader(ks),f=u.useCallback(g=>{g===1?(m(),r({id:n,timeRange:t})):g===2?(s(),d({id:n,timeRange:t})):(s(),m())},[s,r,m,d,n,t]);return o("main",{css:ay,children:[e(Tp,{project:l.project,extra:o(h,{direction:"row",alignItems:"center",gap:"size-100",children:[e(ey,{project:l.project}),e(ti,{})]})}),o(Qe,{onChange:f,children:[e(ne,{name:"Traces",children:({isSelected:g})=>g&&e(gl,{children:e(u.Suspense,{children:e(ny,{project:l.project})})})}),e(ne,{name:"Spans",children:({isSelected:g})=>g&&i&&e(gl,{children:e(u.Suspense,{fallback:e(ye,{}),children:e(ly,{queryReference:i})})})}),e(ne,{name:"Sessions",children:({isSelected:g})=>g&&c&&e(Ip,{children:e(u.Suspense,{children:e(iy,{queryReference:c})})})})]}),e(u.Suspense,{children:e(Oe,{})})]})}function ly({queryReference:n}){const a=D.usePreloadedQuery(hs,n);return e(Yp,{project:a.project})}function iy({queryReference:n}){const a=D.usePreloadedQuery(ks,n);return e($p,{project:a.project})}const bs=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(
|
|
2535
2532
|
$id: GlobalID!
|
|
2536
2533
|
) {
|
|
2537
2534
|
project: node(id: $id) {
|
|
@@ -2542,7 +2539,7 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
2542
2539
|
}
|
|
2543
2540
|
}
|
|
2544
2541
|
}
|
|
2545
|
-
`}}}();bs.hash="3d31e323c06df38ec2eaa6f3adb55e79";async function
|
|
2542
|
+
`}}}();bs.hash="3d31e323c06df38ec2eaa6f3adb55e79";async function q0(n){const{projectId:a}=n.params;return await D.fetchQuery(Me,bs,{id:a}).toPromise()}function U0(){const n=nd(),a=u.useMemo(()=>n instanceof Error&&n.message==="Failed to fetch"?e(ry,{}):e(sy,{error:n}),[n]);return e("main",{css:C`
|
|
2546
2543
|
width: 100%;
|
|
2547
2544
|
height: 100%;
|
|
2548
2545
|
display: flex;
|
|
@@ -2555,7 +2552,7 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
2555
2552
|
margin-top: 200px;
|
|
2556
2553
|
display: flex;
|
|
2557
2554
|
flex-direction: column;
|
|
2558
|
-
`,children:a})})}function
|
|
2555
|
+
`,children:a})})}function ry(){return o(G,{children:[o(h,{direction:"column",width:"100%",alignItems:"center",children:[e(ja,{graphicKey:"not found"}),e("h1",{children:"Server disconnected"})]}),e("p",{children:"We are unable to reach the Phoenix server. Please ensure that Phoenix is running and try again."})]})}function sy({error:n}){return o(G,{children:[o(h,{direction:"column",width:"100%",alignItems:"center",children:[e(ja,{graphicKey:"error"}),e("h1",{children:"Something went wrong"})]}),e("p",{children:"We strive to do our very best but 🐛 bugs happen. It would mean a lot to us if you could file a an issue. If you feel comfortable, please include the error details below in your issue. We will get back to you as soon as we can."}),e("p",{css:C`
|
|
2559
2556
|
display: flex;
|
|
2560
2557
|
flex-direction: row;
|
|
2561
2558
|
justify-content: flex-end;
|
|
@@ -2596,7 +2593,7 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
2596
2593
|
}
|
|
2597
2594
|
}
|
|
2598
2595
|
}
|
|
2599
|
-
`}}}();Ss.hash="b73d8f3f532a0c6f88863f3c6dd5734f";const
|
|
2596
|
+
`}}}();Ss.hash="b73d8f3f532a0c6f88863f3c6dd5734f";const oy=Ss;function B0(){const n=D.useLazyLoadQuery(oy,{}),{model:{primaryInferences:a,referenceInferences:t,corpusInferences:l}}=n;return e(Sc,{primaryInferences:a,referenceInferences:t??null,corpusInferences:l??null,children:e(bc,{timeRangeBounds:{start:new Date(a.startTime),end:new Date(a.endTime)},children:e(Oe,{})})})}function H0(){return e(Dp,{children:e(vp,{children:e(Oe,{})})})}function G0(){return e(vc,{children:e(Oe,{})})}const vs=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:50,kind:"LocalArgument",name:"first"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"}],t={kind:"Variable",name:"timeRange",variableName:"timeRange"},l=[t];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectsPageProjectsQuery",selections:[{args:a,kind:"FragmentSpread",name:"ProjectsPageProjectsFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectsPageProjectsQuery",selections:[{alias:null,args:a,concreteType:"ProjectConnection",kind:"LinkedField",name:"projects",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"project",args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientStartColor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientEndColor",storageKey:null},{alias:null,args:l,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},t],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:l,kind:"ScalarField",name:"tokenCountTotal",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],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:null,handle:"connection",key:"ProjectsPage_projects",kind:"LinkedHandle",name:"projects"}]},params:{cacheID:"ead527a5c3ddda0f6c906c99183edf06",id:null,metadata:{},name:"ProjectsPageProjectsQuery",operationKind:"query",text:`query ProjectsPageProjectsQuery(
|
|
2600
2597
|
$after: String = null
|
|
2601
2598
|
$first: Int = 50
|
|
2602
2599
|
$timeRange: TimeRange
|
|
@@ -2658,7 +2655,7 @@ fragment ProjectsPageProjectsFragment on Query {
|
|
|
2658
2655
|
}
|
|
2659
2656
|
}
|
|
2660
2657
|
}
|
|
2661
|
-
`}}}();Fs.hash="c28f5ced0b3ec4b3b8277d0aac29de2d";const
|
|
2658
|
+
`}}}();Fs.hash="c28f5ced0b3ec4b3b8277d0aac29de2d";const dy="https://docs.arize.com/phoenix/tracing/how-to-tracing/setup-tracing";function cy(){const[n,a]=u.useState(null);return o("div",{children:[e(z,{variant:"default",icon:e(L,{svg:e(I.GridOutline,{})}),onClick:()=>{a(e(uy,{}))},children:"New Project"}),e(ee,{isDismissable:!0,type:"slideOver",onDismiss:()=>a(null),children:n})]})}function uy(){const[n,a]=u.useState("Python");return e(Z,{title:"Create a New Project",size:"L",children:o(K,{padding:"size-400",overflow:"auto",children:[e(K,{paddingBottom:"size-200",children:e(Et,{language:n,onChange:a})}),e(K,{paddingBottom:"size-100",children:o(x,{children:["Projects are created when you log your first trace via OpenTelemetry. See the"," ",e(He,{href:dy,children:"documentation"})," ","for a complete guide."]})}),n==="Python"?e(ei,{}):e(ni,{})]})})}const Ks=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"Query",kind:"LinkedField",name:"clearProject",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectActionMenuClearMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectActionMenuClearMutation",selections:a},params:{cacheID:"63319b4e42b499db2447817f1dc821fb",id:null,metadata:{},name:"ProjectActionMenuClearMutation",operationKind:"mutation",text:`mutation ProjectActionMenuClearMutation(
|
|
2662
2659
|
$input: ClearProjectInput!
|
|
2663
2660
|
) {
|
|
2664
2661
|
clearProject(input: $input) {
|
|
@@ -2679,19 +2676,19 @@ fragment ProjectsPageProjectsFragment on Query {
|
|
|
2679
2676
|
__typename
|
|
2680
2677
|
}
|
|
2681
2678
|
}
|
|
2682
|
-
`}}}();Ts.hash="212501fe2d6367ec1503bd7a00c1730f";function
|
|
2679
|
+
`}}}();Ts.hash="212501fe2d6367ec1503bd7a00c1730f";function my(n){const{projectId:a}=n,t=u.useRef(null),[l,i]=D.useMutation(Ts),{control:r,handleSubmit:s,setError:c,formState:{isValid:d}}=Ue({defaultValues:{endDate:new Date(Date.now()-Cc).toISOString().slice(0,16)}}),m=u.useCallback(f=>{const g=ad(f.endDate);if(!td(g))return c("endDate",{message:"Date is not in a valid format"});l({variables:{input:{id:a,endTime:new Date(g).toISOString()}},onCompleted:()=>{n.onComplete()},onError:y=>{alert("Failed to clear project traces: "+y)}})},[l,a,n,c]);return o("form",{onSubmit:s(m),ref:t,children:[o(K,{padding:"size-200",children:[e(x,{color:"danger",children:"You are about to 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:g,onBlur:y,value:p},fieldState:{invalid:k,error:b}})=>e(ae,{label:"End Date",type:"datetime-local",name:f,description:"The date up to which you want to remove data",errorMessage:b==null?void 0:b.message,validationState:k?"invalid":"valid",onChange:g,onBlur:y,defaultValue:p})})]}),e(K,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(z,{type:"submit",variant:"danger",isDisabled:!d,size:"compact",loading:i,onClick:()=>{var f;(f=t.current)==null||f.requestSubmit()},children:i?"Removing...":"Remove Data"})})})]})}function gy({projectId:n,projectName:a,onProjectDelete:t,onProjectClear:l,onProjectRemoveData:i}){const[r,s]=u.useState(null),c=a!=="default",[d]=D.useMutation(xs),[m]=D.useMutation(Ks),f=u.useCallback(()=>{u.startTransition(()=>{d({variables:{projectId:n}}),t()})},[d,n,t]),g=u.useCallback(()=>{u.startTransition(()=>{m({variables:{input:{id:n}},onCompleted:()=>{l()},onError:b=>{alert("Failed to clear project: "+b)}})})},[m,n,l]),y=u.useCallback(()=>{s(o(Z,{size:"S",title:"Delete Project",children:[e(K,{padding:"size-200",children:e(x,{color:"danger",children:`Are you sure you want to delete project ${a}? This cannot be undone.`})}),e(K,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(z,{variant:"danger",onClick:()=>{f(),s(null)},children:"Delete Project"})})})]}))},[f,a]),p=u.useCallback(()=>{s(o(Z,{size:"S",title:"Clear Project",children:[e(K,{padding:"size-200",children:e(x,{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(K,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(z,{variant:"danger",onClick:()=>{g(),s(null)},children:"Clear"})})})]}))},[g,a]),k=u.useCallback(()=>{s(e(Z,{size:"M",title:"Remove Data",children:e(my,{projectId:n,onComplete:()=>{i(),s(null)}})}))},[i,n]);return o("div",{onClick:b=>{b.preventDefault(),b.stopPropagation()},children:[o(Nn,{buttonVariant:"quiet",align:"end",onAction:b=>{switch(b){case"deleteProject":return y();case"clearProject":return p();case"removeProjectData":return k()}},disabledKeys:c?[]:["deleteProject"],children:[e(re,{textValue:"Clear Traces",children:o(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(L,{svg:e(I.Refresh,{})}),e(x,{children:"Clear Data"})]})},"clearProject"),e(re,{textValue:"Remove Data",children:o(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(L,{svg:e(I.CloseCircleOutline,{})}),e(x,{children:"Remove Data"})]})},"removeProjectData"),c?e(re,{children:o(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(L,{svg:e(I.TrashOutline,{})}),e(x,{children:"Delete"})]})},"deleteProject"):null]}),e(ee,{type:"modal",isDismissable:!0,onDismiss:()=>s(null),children:r})]})}function py(){const n=ze(t=>t.projectsAutoRefreshEnabled),a=ze(t=>t.setProjectAutoRefreshEnabled);return e(Xn,{labelPlacement:"start",isSelected:n,onChange:()=>{a(!n)},children:"Auto-Refresh"})}const yy=1e4,fy=50;function W0(){const{timeRange:n}=Ha();return e(u.Suspense,{fallback:e(ye,{}),children:e(hy,{timeRange:n})})}function hy({timeRange:n}){const a=ze(v=>v.projectsAutoRefreshEnabled),[t,l]=vd(),i=u.useMemo(()=>({start:n.start.toISOString(),end:n.end.toISOString()}),[n]),r=D.useLazyLoadQuery(Fs,{timeRange:i}),{data:s,loadNext:c,hasNext:d,isLoadingNext:m,refetch:f}=D.usePaginationFragment(Cs,r),g=s.projects.edges.map(v=>v.project),y=u.useRef(null),p=u.useCallback(v=>{if(v){const{scrollHeight:P,scrollTop:E,clientHeight:R}=v;P-E-R<300&&!m&&d&&c(fy)}},[d,m,c]);gs(()=>{u.startTransition(()=>{f({},{fetchPolicy:"store-and-network"})})},a?yy:null);const k=u.useCallback(v=>{u.startTransition(()=>{f({},{fetchPolicy:"store-and-network"}),t({variant:"success",title:"Project Deleted",message:`Project ${v} has been deleted.`})})},[t,f]),b=u.useCallback(v=>{u.startTransition(()=>{f({},{fetchPolicy:"store-and-network"}),t({variant:"success",title:"Project Cleared",message:`Project ${v} has been cleared of traces.`})})},[t,f]),S=u.useCallback(v=>{u.startTransition(()=>{f({},{fetchPolicy:"store-and-network"}),t({variant:"success",title:"Project Data Removed",message:`Old data from project ${v} have been removed.`})})},[t,f]);return o("div",{css:C`
|
|
2683
2680
|
flex: 1 1 auto;
|
|
2684
2681
|
overflow-y: auto;
|
|
2685
2682
|
overflow-x: hidden;
|
|
2686
2683
|
padding-bottom: var(--ac-global-dimension-size-750);
|
|
2687
|
-
`,onScroll:v=>p(v.target),ref:y,children:[e(K,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",width:"100%",borderBottomColor:"grey-200",borderBottomWidth:"thin",children:o(h,{direction:"row",justifyContent:"end",alignItems:"center",gap:"size-100",children:[e(
|
|
2684
|
+
`,onScroll:v=>p(v.target),ref:y,children:[e(K,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",width:"100%",borderBottomColor:"grey-200",borderBottomWidth:"thin",children:o(h,{direction:"row",justifyContent:"end",alignItems:"center",gap:"size-100",children:[e(py,{}),e(cy,{}),e(ti,{})]})}),e(K,{padding:"size-200",width:"100%",children:e("ul",{css:C`
|
|
2688
2685
|
display: flex;
|
|
2689
2686
|
flex-direction: row;
|
|
2690
2687
|
gap: var(--ac-global-dimension-size-200);
|
|
2691
2688
|
flex-wrap: wrap;
|
|
2692
2689
|
`,children:g.map(v=>e("li",{children:e(Ge,{to:`/projects/${v.id}`,css:C`
|
|
2693
2690
|
text-decoration: none;
|
|
2694
|
-
`,children:e(
|
|
2691
|
+
`,children:e(by,{project:v,onProjectDelete:()=>k(v.name),onProjectClear:()=>b(v.name),onProjectRemoveData:()=>S(v.name)})})},v.id))})}),l]})}function ky({gradientStartColor:n,gradientEndColor:a}){return e("div",{css:C`
|
|
2695
2692
|
border-radius: 50%;
|
|
2696
2693
|
width: 32px;
|
|
2697
2694
|
height: 32px;
|
|
@@ -2701,7 +2698,7 @@ fragment ProjectsPageProjectsFragment on Query {
|
|
|
2701
2698
|
${a} 84.38%
|
|
2702
2699
|
);
|
|
2703
2700
|
flex-shrink: 0;
|
|
2704
|
-
`})}function
|
|
2701
|
+
`})}function by({project:n,onProjectDelete:a,onProjectClear:t,onProjectRemoveData:l}){const{endTime:i,traceCount:r,tokenCountTotal:s,latencyMsP50:c,gradientStartColor:d,gradientEndColor:m}=n,f=u.useMemo(()=>i?`Last updated ${ld(new Date(i),new Date,{addSuffix:!0})}`:"No traces uploaded yet.",[i]);return o("div",{css:C`
|
|
2705
2702
|
padding: var(--ac-global-dimension-size-200);
|
|
2706
2703
|
border: 1px solid var(--ac-global-color-grey-400);
|
|
2707
2704
|
background-color: var(--ac-global-color-grey-100);
|
|
@@ -2715,11 +2712,11 @@ fragment ProjectsPageProjectsFragment on Query {
|
|
|
2715
2712
|
display: flex;
|
|
2716
2713
|
flex-direction: column;
|
|
2717
2714
|
justify-content: space-between;
|
|
2718
|
-
`,children:[o(h,{direction:"row",justifyContent:"space-between",alignItems:"start",children:[o(h,{direction:"row",gap:"size-100",alignItems:"center",minWidth:0,children:[e(
|
|
2715
|
+
`,children:[o(h,{direction:"row",justifyContent:"space-between",alignItems:"start",children:[o(h,{direction:"row",gap:"size-100",alignItems:"center",minWidth:0,children:[e(ky,{gradientStartColor:d,gradientEndColor:m}),o(h,{direction:"column",minWidth:0,children:[e(ce,{level:2,css:C`
|
|
2719
2716
|
overflow: hidden;
|
|
2720
2717
|
white-space: nowrap;
|
|
2721
2718
|
text-overflow: ellipsis;
|
|
2722
|
-
`,children:n.name}),e(x,{color:"text-700",textSize:"small",fontStyle:"italic",children:f})]})]}),e(
|
|
2719
|
+
`,children:n.name}),e(x,{color:"text-700",textSize:"small",fontStyle:"italic",children:f})]})]}),e(gy,{projectId:n.id,projectName:n.name,onProjectDelete:a,onProjectClear:t,onProjectRemoveData:l})]}),o(h,{direction:"row",justifyContent:"space-between",children:[o(h,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Traces"}),e(x,{textSize:"xlarge",children:En(r)})]}),o(h,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Tokens"}),e(x,{textSize:"xlarge",children:En(s)})]}),o(h,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency P50"}),c!=null?e(Ce,{latencyMs:c,textSize:"xlarge"}):e(x,{textSize:"xlarge",children:"--"})]})]})]})}const Is=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 {
|
|
2723
2720
|
...DatasetsTable_datasets
|
|
2724
2721
|
}
|
|
2725
2722
|
|
|
@@ -2744,13 +2741,13 @@ fragment DatasetsTable_datasets on Query {
|
|
|
2744
2741
|
}
|
|
2745
2742
|
}
|
|
2746
2743
|
}
|
|
2747
|
-
`}}}();Is.hash="985853a7939f44c0cefdd1a91472c67e";function
|
|
2748
|
-
`);return a.length>0?a[0].split(",").map(t=>t.trim()):[]}function
|
|
2744
|
+
`}}}();Is.hash="985853a7939f44c0cefdd1a91472c67e";function Sy(n){const a=n.split(`
|
|
2745
|
+
`);return a.length>0?a[0].split(",").map(t=>t.trim()):[]}function vy(n){const{onDatasetCreated:a,onDatasetCreateError:t}=n,[l,i]=u.useState([]),{control:r,handleSubmit:s,resetField:c,formState:{isDirty:d,isValid:m}}=Ue({defaultValues:{name:"Dataset "+new Date().toISOString(),input_keys:[],output_keys:[],metadata_keys:[],description:"",metadata:{}}}),f=u.useCallback(g=>{const y=new FormData;return y.append("file",g.file[0]),y.append("name",g.name),y.append("description",g.description),y.append("metadata",JSON.stringify(g.metadata)),g.input_keys.forEach(p=>{y.append("input_keys[]",p)}),g.output_keys.forEach(p=>{y.append("output_keys[]",p)}),g.metadata_keys.forEach(p=>{y.append("metadata_keys[]",p)}),fetch("/v1/datasets/upload?sync=true",{method:"POST",body:y}).then(p=>{if(!p.ok)throw t(new Error(p.statusText||"Failed to create dataset"));return p.json()}).then(p=>{a({name:g.name,id:p.data.dataset_id})})},[t,a]);return o(Ae,{onSubmit:s(f),children:[o("div",{css:C`
|
|
2749
2746
|
padding: var(--ac-global-dimension-size-200);
|
|
2750
2747
|
.ac-dropdown-button {
|
|
2751
2748
|
width: 100%;
|
|
2752
2749
|
}
|
|
2753
|
-
`,children:[e(W,{name:"name",control:r,rules:{required:"field is required"},render:({field:{onChange:g,onBlur:y,value:p},fieldState:{invalid:k,error:b}})=>e(ae,{label:"Dataset Name",description:"The name of the dataset",errorMessage:b==null?void 0:b.message,validationState:k?"invalid":"valid",onChange:g,onBlur:y,value:p.toString()})}),e(W,{name:"description",control:r,render:({field:{onChange:g,onBlur:y,value:p},fieldState:{invalid:k,error:b}})=>e(vt,{label:"description",placeholder:"Description of the dataset",isRequired:!1,height:100,errorMessage:b==null?void 0:b.message,validationState:k?"invalid":"valid",onChange:g,onBlur:y,value:p.toString()})}),e(W,{control:r,name:"file",rules:{required:"CSV file is required"},render:({field:{value:g,onChange:y,...p},fieldState:{invalid:k,error:b}})=>e(Vn,{label:"CSV file",validationState:k?"invalid":"valid",errorMessage:b==null?void 0:b.message,children:e("input",{...p,onChange:S=>{var P;y(S.target.files),c("input_keys"),c("output_keys"),c("metadata_keys");const v=(P=S.target.files)==null?void 0:P[0];if(v){const E=new FileReader;E.onload=function(R){if(!R.target)return;const F=R.target.result,T=
|
|
2750
|
+
`,children:[e(W,{name:"name",control:r,rules:{required:"field is required"},render:({field:{onChange:g,onBlur:y,value:p},fieldState:{invalid:k,error:b}})=>e(ae,{label:"Dataset Name",description:"The name of the dataset",errorMessage:b==null?void 0:b.message,validationState:k?"invalid":"valid",onChange:g,onBlur:y,value:p.toString()})}),e(W,{name:"description",control:r,render:({field:{onChange:g,onBlur:y,value:p},fieldState:{invalid:k,error:b}})=>e(vt,{label:"description",placeholder:"Description of the dataset",isRequired:!1,height:100,errorMessage:b==null?void 0:b.message,validationState:k?"invalid":"valid",onChange:g,onBlur:y,value:p.toString()})}),e(W,{control:r,name:"file",rules:{required:"CSV file is required"},render:({field:{value:g,onChange:y,...p},fieldState:{invalid:k,error:b}})=>e(Vn,{label:"CSV file",validationState:k?"invalid":"valid",errorMessage:b==null?void 0:b.message,children:e("input",{...p,onChange:S=>{var P;y(S.target.files),c("input_keys"),c("output_keys"),c("metadata_keys");const v=(P=S.target.files)==null?void 0:P[0];if(v){const E=new FileReader;E.onload=function(R){if(!R.target)return;const F=R.target.result,T=Sy(F);i(T)},E.readAsText(v)}},type:"file",id:"file",accept:".csv"})})}),e(W,{name:"input_keys",control:r,rules:{required:"field is required"},render:({field:{value:g,onChange:y},fieldState:{invalid:p,error:k}})=>e(ct,{label:"input keys",validationState:p?"invalid":"valid",description:"the columns to use as input",columns:l,selectedColumns:g,onChange:y,errorMessage:k==null?void 0:k.message})}),e(W,{name:"output_keys",control:r,render:({field:{value:g,onChange:y},fieldState:{invalid:p,error:k}})=>e(ct,{label:"output keys",validationState:p?"invalid":"valid",description:"the columns to use as output",columns:l,selectedColumns:g,onChange:y,errorMessage:k==null?void 0:k.message})}),e(W,{name:"metadata_keys",control:r,render:({field:{value:g,onChange:y},fieldState:{invalid:p,error:k}})=>e(ct,{label:"metadata keys",validationState:p?"invalid":"valid",description:"the columns to use as metadata",columns:l,selectedColumns:g,onChange:y,errorMessage:k==null?void 0:k.message})})]}),e(K,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(z,{type:"submit",isDisabled:!m,variant:d?"primary":"default",size:"compact",loading:!1,children:"Create Dataset"})})})]})}function ct(n){const{columns:a,selectedColumns:t,onChange:l,label:i,validationState:r,description:s,errorMessage:c,...d}=n,m=a.length===0,f=u.useMemo(()=>m?"No columns to select":t.length>0?`${t.join(", ")}`:"No columns selected",[t,m]);return e(Vn,{label:i,isDisabled:m,validationState:r,description:s,errorMessage:c,children:e(Kt,{isDisabled:m,...d,menu:e(Oa,{selectionMode:"multiple",onSelectionChange:g=>{l(Array.from(g))},selectedKeys:new Set(t),children:a.map(g=>e(re,{children:g},g))}),triggerProps:{placement:"bottom end"},children:f})})}const Ds=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(
|
|
2754
2751
|
$after: String = null
|
|
2755
2752
|
$first: Int = 100
|
|
2756
2753
|
$sort: DatasetSort = {col: createdAt, dir: desc}
|
|
@@ -2786,10 +2783,10 @@ fragment DatasetsTable_datasets_dWkdd on Query {
|
|
|
2786
2783
|
__typename
|
|
2787
2784
|
}
|
|
2788
2785
|
}
|
|
2789
|
-
`}}}();Ls.hash="7066cca7015a7e344b77862b0bdab21c";function
|
|
2786
|
+
`}}}();Ls.hash="7066cca7015a7e344b77862b0bdab21c";function Cy({datasetId:n,datasetName:a,onDatasetDelete:t,onDatasetDeleteError:l}){const[i,r]=D.useMutation(Ls),s=u.useCallback(()=>{u.startTransition(()=>{i({variables:{datasetId:n},onCompleted:()=>{t()},onError:c=>{l(c)}})})},[i,n,t,l]);return o(Z,{size:"S",title:"Delete Dataset",children:[e(K,{padding:"size-200",children:e(x,{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(K,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(z,{variant:"danger",onClick:()=>{s()},disabled:r,loading:r,children:"Delete Dataset"})})})]})}function Fy({datasetName:n,datasetId:a,datasetDescription:t,datasetMetadata:l,onDatasetEdited:i,onDatasetEditError:r}){return e(Z,{title:"Edit Dataset",size:"M",children:e(Fc,{datasetName:n,datasetId:a,datasetDescription:t,datasetMetadata:l,onDatasetEdited:i,onDatasetEditError:r})})}function Ky(n){const{datasetId:a,datasetName:t,datasetDescription:l,datasetMetadata:i,onDatasetDelete:r,onDatasetDeleteError:s,onDatasetEdit:c,onDatasetEditError:d}=n,[m,f]=u.useState(null),g=u.useCallback(()=>{f(e(Cy,{datasetId:a,datasetName:t,onDatasetDelete:()=>{r(),f(null)},onDatasetDeleteError:s}))},[a,t,r,s]),y=u.useCallback(()=>{f(e(Fy,{datasetId:a,datasetName:t,datasetDescription:l,datasetMetadata:i,onDatasetEdited:()=>{c(),f(null)},onDatasetEditError:d}))},[l,a,i,t,c,d]);return o("div",{onClick:p=>{p.preventDefault(),p.stopPropagation()},children:[o(Nn,{align:"end",buttonSize:"compact",onAction:p=>{switch(p){case"deleteDataset":g();break;case"editDataset":y();break}},children:[e(re,{children:o(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(L,{svg:e(I.TrashOutline,{})}),e(x,{children:"Delete"})]})},"deleteDataset"),e(re,{children:o(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(L,{svg:e(I.Edit2Outline,{})}),e(x,{children:"Edit"})]})},"editDataset")]}),e(ee,{type:"modal",isDismissable:!0,onDismiss:()=>f(null),children:m})]})}const fl=100;function xy(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 Ty(n){const[a,t]=u.useState([]),l=u.useRef(null),i=X(),r=xe(),s=ve(),{data:c,loadNext:d,hasNext:m,isLoadingNext:f,refetch:g}=D.usePaginationFragment(Ps,n.query),y=u.useMemo(()=>c.datasets.edges.map(v=>v.node),[c]),p=Se.useCallback(v=>{if(v){const{scrollHeight:P,scrollTop:E,clientHeight:R}=v;P-E-R<300&&!f&&m&&d(fl)}},[m,f,d]),k=Fe({columns:[{header:"name",accessorKey:"name",cell:({row:v})=>{const E=v.original.experimentCount>0?`${v.original.id}/experiments`:`${v.original.id}/examples`;return e(Ge,{to:E,children:v.original.name})}},{header:"description",accessorKey:"description",enableSorting:!1},{header:"created at",accessorKey:"createdAt",cell:Ee},{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:Wn},{header:"",id:"actions",enableSorting:!1,size:10,cell:({row:v})=>e(Ky,{datasetId:v.original.id,datasetName:v.original.name,datasetDescription:v.original.description,datasetMetadata:v.original.metadata,onDatasetEdit:()=>{r({title:"Dataset updated",message:`${v.original.name} has been successfully updated.`}),g({},{fetchPolicy:"store-and-network"})},onDatasetEditError:P=>{s({title:"Dataset update failed",message:P.message})},onDatasetDelete:()=>{r({title:"Dataset deleted",message:`${v.original.name} has been successfully deleted.`}),g({},{fetchPolicy:"store-and-network"})},onDatasetDeleteError:P=>{s({title:"Dataset deletion failed",message:P.message})}})}],data:y,state:{sorting:a},getCoreRowModel:Ke(),getSortedRowModel:Mn(),onSortingChange:t,manualSorting:!0});u.useEffect(()=>{const v=a[0];u.startTransition(()=>{g({sort:v?xy(v):{col:"createdAt",dir:"desc"},after:null,first:fl},{fetchPolicy:"store-and-network"})})},[a,g]);const b=k.getRowModel().rows,S=b.length===0;return e("div",{css:C`
|
|
2790
2787
|
flex: 1 1 auto;
|
|
2791
2788
|
overflow: auto;
|
|
2792
|
-
`,onScroll:v=>p(v.target),ref:l,children:o("table",{css:$n,children:[e("thead",{children:k.getHeaderGroups().map(v=>e("tr",{children:v.headers.map(P=>{var E;return e("th",{colSpan:P.colSpan,children:P.isPlaceholder?null:o("div",{className:P.column.getCanSort()?"cursor-pointer":"",onClick:P.column.getToggleSortingHandler(),style:{textAlign:(E=P.column.columnDef.meta)==null?void 0:E.textAlign},children:[J(P.column.columnDef.header,P.getContext()),P.column.getIsSorted()?e(L,{className:"sort-icon",svg:P.column.getIsSorted()==="asc"?e(I.ArrowUpFilled,{}):e(I.ArrowDownFilled,{})}):null]})},P.id)})},v.id))}),S?e(tn,{}):e("tbody",{children:b.map(v=>e("tr",{onClick:()=>{const E=v.original.experimentCount>0?`${v.original.id}/experiments`:`${v.original.id}/examples`;i(E)},children:v.getVisibleCells().map(P=>{var E;return e("td",{align:(E=P.column.columnDef.meta)==null?void 0:E.textAlign,children:J(P.column.columnDef.cell,P.getContext())},P.id)})},v.id))})]})})}function
|
|
2789
|
+
`,onScroll:v=>p(v.target),ref:l,children:o("table",{css:$n,children:[e("thead",{children:k.getHeaderGroups().map(v=>e("tr",{children:v.headers.map(P=>{var E;return e("th",{colSpan:P.colSpan,children:P.isPlaceholder?null:o("div",{className:P.column.getCanSort()?"cursor-pointer":"",onClick:P.column.getToggleSortingHandler(),style:{textAlign:(E=P.column.columnDef.meta)==null?void 0:E.textAlign},children:[J(P.column.columnDef.header,P.getContext()),P.column.getIsSorted()?e(L,{className:"sort-icon",svg:P.column.getIsSorted()==="asc"?e(I.ArrowUpFilled,{}):e(I.ArrowDownFilled,{})}):null]})},P.id)})},v.id))}),S?e(tn,{}):e("tbody",{children:b.map(v=>e("tr",{onClick:()=>{const E=v.original.experimentCount>0?`${v.original.id}/experiments`:`${v.original.id}/examples`;i(E)},children:v.getVisibleCells().map(P=>{var E;return e("td",{align:(E=P.column.columnDef.meta)==null?void 0:E.textAlign,children:J(P.column.columnDef.cell,P.getContext())},P.id)})},v.id))})]})})}function J0(){return e(u.Suspense,{fallback:e(ye,{}),children:e(Iy,{})})}function Iy(){const[n,a]=u.useState(0),t=D.useLazyLoadQuery(Is,{},{fetchKey:n,fetchPolicy:"store-and-network"}),l=u.useCallback(()=>{a(i=>i+1)},[a]);return o(h,{direction:"column",height:"100%",children:[e(K,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",flex:"none",children:o(h,{direction:"row",justifyContent:"space-between",children:[e(ce,{level:1,children:"Datasets"}),e(Dy,{onDatasetCreated:l})]})}),e(Ty,{query:t})]})}function Dy({onDatasetCreated:n}){const a=X(),t=xe(),l=ve(),[i,r]=u.useState(null),s=()=>{r(e(Z,{size:"S",title:"New Dataset",children:e(ai,{onDatasetCreated:d=>{t({title:"Dataset created",message:`${d.name} has been successfully created.`,action:{text:"Go to Dataset",onClick:()=>{a(`/datasets/${d.id}`)}}}),r(null),n()},onDatasetCreateError:d=>{l({title:"Dataset creation failed",message:d.message})}})}))},c=()=>{r(e(Z,{size:"M",title:"New Dataset from CSV",children:e(vy,{onDatasetCreated:d=>{t({title:"Dataset created",message:`${d.name} has been successfully created.`,action:{text:"Go to Dataset",onClick:()=>{a(`/datasets/${d.id}`)}}}),r(null),n()},onDatasetCreateError:d=>{l({title:"Dataset creation failed",message:d.message})}})}))};return o(G,{children:[o(Nn,{buttonText:"Create Dataset",align:"end",icon:e(L,{svg:e(I.DatabaseOutline,{})}),onAction:d=>{switch(d){case"newDataset":s();break;case"datasetFromCSV":c();break}},children:[e(re,{children:"New Dataset"},"newDataset"),e(re,{children:"Dataset from CSV"},"datasetFromCSV")]}),e(ee,{type:"modal",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}const ws=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(
|
|
2793
2790
|
$datasetId: GlobalID!
|
|
2794
2791
|
) {
|
|
2795
2792
|
dataset: node(id: $datasetId) {
|
|
@@ -2808,17 +2805,17 @@ fragment DatasetsTable_datasets_dWkdd on Query {
|
|
|
2808
2805
|
}
|
|
2809
2806
|
}
|
|
2810
2807
|
}
|
|
2811
|
-
`}}}();ws.hash="a1349b92d8b0c745f5e8039c55b048c7";const
|
|
2808
|
+
`}}}();ws.hash="a1349b92d8b0c745f5e8039c55b048c7";const Py=n=>{const a=(t,l)=>({...n,isRefreshingLatestVersion:!1,refreshLatestVersion:async()=>{const i=l();t({isRefreshingLatestVersion:!0});const r=await Ly({datasetId:i.datasetId});t({latestVersion:r,isRefreshingLatestVersion:!1})}});return Dl()(id(a))};async function Ly({datasetId:n}){var i;const a=await D.fetchQuery(Me,ws,{datasetId:n}).toPromise(),t=(i=a==null?void 0:a.dataset.latestVersions)==null?void 0:i.edges;return t&&t.length&&t[0].version||null}const Es=u.createContext(null);function wy({children:n,...a}){const[t]=u.useState(()=>Py(a));return e(Es.Provider,{value:t,children:n})}function An(n,a){const t=u.useContext(Es);if(!t)throw new Error("Missing DatasetContext.Provider in the tree");return ba(t,n,a)}const _s=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"addExamplesToDataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"AddDatasetExampleDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"AddDatasetExampleDialogMutation",selections:a},params:{cacheID:"718cf02ccb39b279132822bf503e51e6",id:null,metadata:{},name:"AddDatasetExampleDialogMutation",operationKind:"mutation",text:`mutation AddDatasetExampleDialogMutation(
|
|
2812
2809
|
$input: AddExamplesToDatasetInput!
|
|
2813
2810
|
) {
|
|
2814
2811
|
addExamplesToDataset(input: $input) {
|
|
2815
2812
|
__typename
|
|
2816
2813
|
}
|
|
2817
2814
|
}
|
|
2818
|
-
`}}}();_s.hash="8d99470f590cd5d28701fa6e3c0330e6";const ut={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function
|
|
2815
|
+
`}}}();_s.hash="8d99470f590cd5d28701fa6e3c0330e6";const ut={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function Ey(n){const{datasetId:a,onCompleted:t}=n,[l,i]=u.useState(null),[r,s]=D.useMutation(_s),{control:c,setError:d,handleSubmit:m,formState:{isValid:f}}=Ue({defaultValues:{input:"{}",output:"{}",metadata:"{}"}}),g=u.useCallback(y=>{if(i(null),!rn(y==null?void 0:y.input))return d("input",{message:"Input must be a valid JSON object"});if(!rn(y==null?void 0:y.output))return d("output",{message:"Output must be a valid JSON object"});if(!rn(y==null?void 0:y.metadata))return d("metadata",{message:"Metadata must be a valid JSON object"});r({variables:{input:{datasetId:a,examples:[{input:JSON.parse(y.input),output:JSON.parse(y.output),metadata:JSON.parse(y.metadata)}],datasetVersionDescription:y.description}},onCompleted:()=>{t()},onError:p=>{i(p.message)}})},[r,a,d,t]);return o(Z,{size:"L",title:"Add Example",children:[e("div",{css:C`
|
|
2819
2816
|
overflow-y: auto;
|
|
2820
2817
|
padding: var(--ac-global-dimension-size-400);
|
|
2821
|
-
`,children:e(h,{direction:"row",justifyContent:"center",children:e(K,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:o(h,{direction:"column",gap:"size-200",children:[l?e(ue,{variant:"danger",children:l}):null,e(W,{control:c,name:"input",render:({field:{onChange:y,onBlur:p,value:k},fieldState:{invalid:b,error:S}})=>o(q,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...ut,children:[b?e(ue,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Re,{value:k,onChange:y,onBlur:p})]})}),e(W,{control:c,name:"output",render:({field:{onChange:y,onBlur:p,value:k},fieldState:{invalid:b,error:S}})=>o(q,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...ut,backgroundColor:"green-100",borderColor:"green-700",children:[b?e(ue,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Re,{value:k,onChange:y,onBlur:p})]})}),e(W,{control:c,name:"metadata",render:({field:{onChange:y,onBlur:p,value:k},fieldState:{invalid:b,error:S}})=>o(q,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...ut,children:[b?e(ue,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Re,{value:k,onChange:y,onBlur:p})]})}),e(W,{control:c,name:"description",render:({field:{onChange:y,onBlur:p,value:k},fieldState:{invalid:b,error:S}})=>e(vt,{label:"Version Description",value:k,onChange:y,onBlur:p,errorMessage:S==null?void 0:S.message,validationState:b?"invalid":"valid",placeholder:"A description of the changes made. Will be displayed in the version history.",height:100})})]})})})}),e(K,{padding:"size-200",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",gap:"size-100",children:e(z,{variant:"primary",size:"compact",disabled:!f||s,loading:s,onClick:m(g),children:"Add Example"})})})]})}function
|
|
2818
|
+
`,children:e(h,{direction:"row",justifyContent:"center",children:e(K,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:o(h,{direction:"column",gap:"size-200",children:[l?e(ue,{variant:"danger",children:l}):null,e(W,{control:c,name:"input",render:({field:{onChange:y,onBlur:p,value:k},fieldState:{invalid:b,error:S}})=>o(q,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...ut,children:[b?e(ue,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Re,{value:k,onChange:y,onBlur:p})]})}),e(W,{control:c,name:"output",render:({field:{onChange:y,onBlur:p,value:k},fieldState:{invalid:b,error:S}})=>o(q,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...ut,backgroundColor:"green-100",borderColor:"green-700",children:[b?e(ue,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Re,{value:k,onChange:y,onBlur:p})]})}),e(W,{control:c,name:"metadata",render:({field:{onChange:y,onBlur:p,value:k},fieldState:{invalid:b,error:S}})=>o(q,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...ut,children:[b?e(ue,{variant:"danger",banner:!0,children:S==null?void 0:S.message}):null,e(Re,{value:k,onChange:y,onBlur:p})]})}),e(W,{control:c,name:"description",render:({field:{onChange:y,onBlur:p,value:k},fieldState:{invalid:b,error:S}})=>e(vt,{label:"Version Description",value:k,onChange:y,onBlur:p,errorMessage:S==null?void 0:S.message,validationState:b?"invalid":"valid",placeholder:"A description of the changes made. Will be displayed in the version history.",height:100})})]})})})}),e(K,{padding:"size-200",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",gap:"size-100",children:e(z,{variant:"primary",size:"compact",disabled:!f||s,loading:s,onClick:m(g),children:"Add Example"})})})]})}function _y(n){const{datasetId:a,onAddExampleCompleted:t}=n,[l,i]=u.useState(null),r=u.useCallback(()=>{i(e(Ey,{datasetId:a,onCompleted:()=>{t(),i(null)}}))},[a,t]);return o(G,{children:[e(z,{icon:e(L,{svg:e(I.PlusCircleOutline,{})}),size:"compact",variant:"default",onClick:r,children:"Add Example"}),e(ee,{isDismissable:!0,onDismiss:()=>{i(null)},children:l})]})}function Ry(){const n=An(i=>i.datasetId),a=An(i=>i.latestVersion);let t=`${ft}/v1/datasets/${n}/examples`;a&&(t+=`?version-id=${a.id}`);const l=u.useMemo(()=>`import phoenix as px
|
|
2822
2819
|
client = px.Client()
|
|
2823
2820
|
# Get the current dataset version
|
|
2824
2821
|
dataset = client.get_dataset(id="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return e("div",{css:C`
|
|
@@ -2896,33 +2893,33 @@ fragment DatasetHistoryTable_versions_2HEEH6 on Dataset {
|
|
|
2896
2893
|
}
|
|
2897
2894
|
id
|
|
2898
2895
|
}
|
|
2899
|
-
`}}}();As.hash="37e453bc58759a1e89bc5862c460de6b";const Ms=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:As,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}}();Ms.hash="37e453bc58759a1e89bc5862c460de6b";const
|
|
2896
|
+
`}}}();As.hash="37e453bc58759a1e89bc5862c460de6b";const Ms=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:As,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}}();Ms.hash="37e453bc58759a1e89bc5862c460de6b";const Ay=100;function My(n){const a=u.useRef(null),{data:t,loadNext:l,hasNext:i,isLoadingNext:r}=D.usePaginationFragment(Ms,n.dataset),s=u.useMemo(()=>t.versions.edges.map(g=>g.node),[t]),c=Se.useCallback(g=>{if(g){const{scrollHeight:y,scrollTop:p,clientHeight:k}=g;y-p-k<300&&!r&&i&&l(Ay)}},[i,r,l]),d=Fe({columns:[{header:"version ID",accessorKey:"id"},{header:"description",accessorKey:"description"},{header:"created at",accessorKey:"createdAt",cell:Ee}],data:s,getCoreRowModel:Ke(),getSortedRowModel:Mn()}),m=d.getRowModel().rows,f=m.length===0;return e("div",{css:C`
|
|
2900
2897
|
flex: 1 1 auto;
|
|
2901
2898
|
overflow: auto;
|
|
2902
|
-
`,onScroll:g=>c(g.target),ref:a,children:o("table",{css:an,children:[e("thead",{children:d.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:o("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(L,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(I.ArrowUpFilled,{}):e(I.ArrowDownFilled,{})}):null]})},y.id))},g.id))}),f?e(tn,{}):e("tbody",{children:m.map(g=>e("tr",{children:g.getVisibleCells().map(y=>e("td",{children:J(y.column.columnDef.cell,y.getContext())},y.id))},g.id))})]})})}function
|
|
2899
|
+
`,onScroll:g=>c(g.target),ref:a,children:o("table",{css:an,children:[e("thead",{children:d.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:o("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(L,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(I.ArrowUpFilled,{}):e(I.ArrowDownFilled,{})}):null]})},y.id))},g.id))}),f?e(tn,{}):e("tbody",{children:m.map(g=>e("tr",{children:g.getVisibleCells().map(y=>e("td",{children:J(y.column.columnDef.cell,y.getContext())},y.id))},g.id))})]})})}function Ny(n){const{datasetId:a}=n,t=D.useLazyLoadQuery(Rs,{datasetId:a});return e(Z,{size:"L",title:"Dataset History",children:e("div",{css:C`
|
|
2903
2900
|
height: 500px;
|
|
2904
|
-
`,children:e(
|
|
2901
|
+
`,children:e(My,{dataset:t.dataset})})})}function zy(n){const{datasetId:a}=n,[t,l]=u.useState(null);return o(G,{children:[o(pe,{children:[e(z,{variant:"default",icon:e(L,{svg:e(I.ClockOutline,{})}),"aria-label":"Version History",onClick:()=>{l(e(Ny,{datasetId:a}))}}),e(Ie,{children:"Dataset Version History"})]}),e(u.Suspense,{fallback:null,children:e(ee,{type:"modal",isDismissable:!0,onDismiss:()=>{l(null)},children:t})})]})}const Vy=`pip install arize-phoenix>=${window.Config.platformVersion}`;function $y({isAuthEnabled:n}){let a=`import os
|
|
2905
2902
|
# Set the phoenix collector endpoint. Commonly http://localhost:6060
|
|
2906
2903
|
os.environ["PHOENIX_COLLECTOR_ENDPOINT"] = "<your-phoenix-url>"`;return n&&(a+=`
|
|
2907
2904
|
# Configure access
|
|
2908
|
-
os.environ["PHOENIX_API_KEY"] = "<your-api-key>"`),a}const
|
|
2905
|
+
os.environ["PHOENIX_API_KEY"] = "<your-api-key>"`),a}const Oy=`from phoenix.experiments.types import Example
|
|
2909
2906
|
# Define your task
|
|
2910
2907
|
# Typically should be an LLM call or a call to your application
|
|
2911
2908
|
def my_task(example: Example) -> str:
|
|
2912
2909
|
# This is just an example of how to return a JSON serializable value
|
|
2913
|
-
return f"Hello {example.input["person"]}"`,
|
|
2910
|
+
return f"Hello {example.input["person"]}"`,Qy=`# Define an evaluator. This just an example.
|
|
2914
2911
|
def exact_match(input, output) -> float:
|
|
2915
2912
|
return 1.0 if output is f"Hello {input}" else 0.0
|
|
2916
2913
|
|
|
2917
2914
|
# Store the evaluators for later use
|
|
2918
|
-
evaluators = [exact_match]`,
|
|
2915
|
+
evaluators = [exact_match]`,jy=`# Run an experiment
|
|
2919
2916
|
from phoenix.experiments import run_experiment
|
|
2920
2917
|
|
|
2921
|
-
experiment = run_experiment(dataset, my_task, evaluators=evaluators)`;function Ns(){const[n,a]=u.useState(null),t=u.useCallback(()=>{a(e(Z,{title:"Run Experiment",size:"XL",children:e(
|
|
2918
|
+
experiment = run_experiment(dataset, my_task, evaluators=evaluators)`;function Ns(){const[n,a]=u.useState(null),t=u.useCallback(()=>{a(e(Z,{title:"Run Experiment",size:"XL",children:e(qy,{})}))},[]);return o(G,{children:[e(z,{size:"compact",variant:"default",icon:e(L,{svg:e(I.ExperimentOutline,{})}),onClick:t,children:"Run Experiment"}),e(ee,{isDismissable:!0,type:"slideOver",onDismiss:()=>{a(null)},children:n})]})}function qy(){const n=An(i=>i.datasetName),a=An(i=>i.latestVersion),t=window.Config.authenticationEnabled,l=u.useMemo(()=>`import phoenix as px
|
|
2922
2919
|
# Initialize a phoenix client
|
|
2923
2920
|
client = px.Client()
|
|
2924
2921
|
# Get the current dataset version. You can omit the version for the latest.
|
|
2925
|
-
dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return o(K,{padding:"size-400",overflow:"auto",children:[e(K,{paddingBottom:"size-100",children:e(x,{children:"Install Phoenix"})}),e(Ne,{children:e(We,{value
|
|
2922
|
+
dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return o(K,{padding:"size-400",overflow:"auto",children:[e(K,{paddingBottom:"size-100",children:e(x,{children:"Install Phoenix"})}),e(Ne,{children:e(We,{value:Vy})}),e(K,{paddingTop:"size-100",paddingBottom:"size-100",children:e(x,{children:"Point to a running instance of Phoenix"})}),e(Ne,{children:e(We,{value:$y({isAuthEnabled:t})})}),e(Kc,{children:e(K,{paddingBottom:"size-100",paddingTop:"size-100",children:e(li,{fallback:o(x,{children:["Your personal API keys can be created and managed on your"," ",e(He,{href:"/profile",children:"Profile"})]}),children:o(x,{children:["System API keys can be created and managed in"," ",e(He,{href:"/settings",children:"Settings"})]})})})}),e(K,{paddingTop:"size-100",paddingBottom:"size-100",children:e(x,{children:"Pull down this dataset"})}),e(Ne,{children:e(We,{value:l})}),e(K,{paddingTop:"size-100",paddingBottom:"size-100",children:e(x,{children:"Define your task"})}),e(Ne,{children:e(We,{value:Oy})}),e(K,{paddingTop:"size-100",paddingBottom:"size-100",children:e(x,{children:"Define evaluators"})}),e(Ne,{children:e(We,{value:Qy})}),e(K,{paddingTop:"size-100",paddingBottom:"size-100",children:e(x,{children:"Run an experiment"})}),e(Ne,{children:e(We,{value:jy})})]})}function Z0(){const n=kn(),a=u.useMemo(()=>{const t=n.dataset.latestVersions;return t!=null&&t.edges&&t.edges.length?t.edges[0].version:null},[n]);return e(wy,{datasetId:n.dataset.id,datasetName:n.dataset.name,latestVersion:a,children:e(u.Suspense,{fallback:e(ye,{}),children:e(By,{dataset:n.dataset})})})}const Uy=C`
|
|
2926
2923
|
flex: 1 1 auto;
|
|
2927
2924
|
display: flex;
|
|
2928
2925
|
flex-direction: column;
|
|
@@ -2948,7 +2945,7 @@ dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]
|
|
|
2948
2945
|
}
|
|
2949
2946
|
}
|
|
2950
2947
|
}
|
|
2951
|
-
`;function
|
|
2948
|
+
`;function By({dataset:n}){const a=n.id,t=An(d=>d.refreshLatestVersion),l=xe(),i=X(),r=u.useCallback(d=>{d===0?i(`/datasets/${a}/experiments`):d===1&&i(`/datasets/${a}/examples`)},[i,a]),c=rd().pathname.includes("examples")?1:0;return o("main",{css:Uy,children:[e(K,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-200",paddingBottom:"size-50",flex:"none",children:o(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(h,{direction:"column",justifyContent:"space-between",children:e(h,{direction:"row",gap:"size-200",alignItems:"center",children:o(h,{direction:"column",children:[e(x,{elementType:"h1",textSize:"xlarge",weight:"heavy",children:n.name}),e(x,{color:"text-700",children:n.description||"--"})]})})}),o(h,{direction:"row",gap:"size-100",children:[o(Nn,{align:"end",icon:e(L,{svg:e(I.DownloadOutline,{})}),onAction:d=>{switch(d){case"csv":window.open(`/v1/datasets/${n.id}/csv`,"_blank");break;case"openai-ft":window.open(`/v1/datasets/${n.id}/jsonl/openai_ft`,"_blank");break;case"openai-evals":window.open(`/v1/datasets/${n.id}/jsonl/openai_evals`,"_blank");break}},children:[e(re,{children:"Download CSV"},"csv"),e(re,{children:"Download OpenAI Fine-Tuning JSONL"},"openai-ft"),e(re,{children:"Download OpenAI Evals JSONL"},"openai-evals")]}),e(zy,{datasetId:n.id}),e(Ry,{}),e(Ns,{}),e(z,{variant:"default",icon:e(L,{svg:e(I.PlayCircleOutline,{})}),onClick:()=>{i(`/playground/datasets/${n.id}`)},children:"Playground"}),e(_y,{datasetId:n.id,onAddExampleCompleted:()=>{l({title:"Example added",message:"The example has been added successfully and the version has been updated."}),t()}})]})]})}),o(Qe,{onChange:r,defaultIndex:c,children:[e(ne,{name:"Experiments",extra:e(Ze,{children:n.experimentCount}),children:e(u.Suspense,{children:e(Oe,{})})}),e(ne,{name:"Examples",extra:e(Ze,{children:n.exampleCount}),children:e(u.Suspense,{children:e(Oe,{})})})]})]})}const zs=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},i={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},l,{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"experimentCount",storageKey:null},{alias:"latestVersions",args:[{kind:"Literal",name:"first",value:1},{kind:"Literal",name:"sort",value:{col:"createdAt",dir:"desc"}}],concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"version",args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'versions(first:1,sort:{"col":"createdAt","dir":"desc"})'}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"datasetLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,i],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"datasetLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,i],storageKey:null}]},params:{cacheID:"5b221627cf7e63f41fbec41027cc0951",id:null,metadata:{},name:"datasetLoaderQuery",operationKind:"query",text:`query datasetLoaderQuery(
|
|
2952
2949
|
$id: GlobalID!
|
|
2953
2950
|
) {
|
|
2954
2951
|
dataset: node(id: $id) {
|
|
@@ -2972,7 +2969,7 @@ dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]
|
|
|
2972
2969
|
}
|
|
2973
2970
|
}
|
|
2974
2971
|
}
|
|
2975
|
-
`}}}();zs.hash="469da2debdebd608c88a6ef83c2540aa";async function
|
|
2972
|
+
`}}}();zs.hash="469da2debdebd608c88a6ef83c2540aa";async function Y0(n){const{datasetId:a}=n.params;return await D.fetchQuery(Me,zs,{id:a}).toPromise()}function X0(){const{exampleId:n,datasetId:a}=Ve(),t=X();return e($t,{exampleId:n,onDismiss:()=>{t(`/datasets/${a}/examples`)}})}const Vs=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"examplesLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{args:null,kind:"FragmentSpread",name:"ExamplesTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"examplesLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t,{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"DatasetExampleConnection",kind:"LinkedField",name:"examples",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetExampleEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"example",args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"examples(first:100)"},{alias:null,args:i,filters:["datasetVersionId"],handle:"connection",key:"ExamplesTable_examples",kind:"LinkedHandle",name:"examples"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"7e303fa9a3c09ccd6a3dc1f3dbb2afb3",id:null,metadata:{},name:"examplesLoaderQuery",operationKind:"query",text:`query examplesLoaderQuery(
|
|
2976
2973
|
$id: GlobalID!
|
|
2977
2974
|
) {
|
|
2978
2975
|
dataset: node(id: $id) {
|
|
@@ -3005,7 +3002,7 @@ fragment ExamplesTableFragment on Dataset {
|
|
|
3005
3002
|
}
|
|
3006
3003
|
id
|
|
3007
3004
|
}
|
|
3008
|
-
`}}}();Vs.hash="6406bbf43a2e850b384ba9573d8e69de";async function
|
|
3005
|
+
`}}}();Vs.hash="6406bbf43a2e850b384ba9573d8e69de";async function e1(n){const{datasetId:a}=n.params;return await D.fetchQuery(Me,Vs,{id:a}).toPromise()}const $s=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"datasetVersionId"},{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:"datasetVersionId",variableName:"datasetVersionId"},{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};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExamplesTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:t,kind:"FragmentSpread",name:"ExamplesTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExamplesTableQuery",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:"DatasetExampleConnection",kind:"LinkedField",name:"examples",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetExampleEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"example",args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:t,filters:["datasetVersionId"],handle:"connection",key:"ExamplesTable_examples",kind:"LinkedHandle",name:"examples"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"ca59c018695d41ca01b5f9d453386886",id:null,metadata:{},name:"ExamplesTableQuery",operationKind:"query",text:`query ExamplesTableQuery(
|
|
3009
3006
|
$after: String = null
|
|
3010
3007
|
$datasetVersionId: GlobalID
|
|
3011
3008
|
$first: Int = 100
|
|
@@ -3051,15 +3048,15 @@ fragment ExamplesTableFragment_4a6F8Z on Dataset {
|
|
|
3051
3048
|
}
|
|
3052
3049
|
}
|
|
3053
3050
|
}
|
|
3054
|
-
`}}}();Qs.hash="455bf9e5dc4b9cc655095dc829ef7e12";function
|
|
3051
|
+
`}}}();Qs.hash="455bf9e5dc4b9cc655095dc829ef7e12";function Hy(n){const a=An(p=>p.refreshLatestVersion),{selectedExamples:t,onExamplesDeleted:l,onClearSelection:i}=n,[r,s]=u.useState(null),c=xe(),d=ve(),[m,f]=D.useMutation(Qs),g=t.length!==1,y=u.useCallback(()=>{m({variables:{input:{exampleIds:t.map(p=>p.id)}},onCompleted:()=>{c({title:"Examples Deleted",message:`${t.length} example${g?"s":""} have been deleted.`}),l(),i(),a()},onError:p=>{d({title:"An error occurred",message:`Failed to delete examples: ${p.message}`})}})},[m,t,c,g,l,i,a,d]);return o("div",{css:C`
|
|
3055
3052
|
position: absolute;
|
|
3056
3053
|
bottom: var(--ac-global-dimension-size-400);
|
|
3057
3054
|
left: 50%;
|
|
3058
3055
|
transform: translateX(-50%);
|
|
3059
|
-
`,children:[e(K,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:o(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(x,{children:`${t.length} example${g?"s":""} selected`}),o(h,{direction:"row",gap:"size-100",children:[e(z,{variant:"default",size:"compact",onClick:i,children:"Cancel"}),e(z,{variant:"danger",size:"compact",icon:e(L,{svg:e(I.TrashOutline,{})}),loading:f,disabled:f,onClick:y,children:f?"Deleting...":"Delete Example"+(g?"s":"")})]})]})}),e(ee,{onDismiss:()=>{s(null)},children:r})]})}const
|
|
3056
|
+
`,children:[e(K,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:o(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(x,{children:`${t.length} example${g?"s":""} selected`}),o(h,{direction:"row",gap:"size-100",children:[e(z,{variant:"default",size:"compact",onClick:i,children:"Cancel"}),e(z,{variant:"danger",size:"compact",icon:e(L,{svg:e(I.TrashOutline,{})}),loading:f,disabled:f,onClick:y,children:f?"Deleting...":"Delete Example"+(g?"s":"")})]})]})}),e(ee,{onDismiss:()=>{s(null)},children:r})]})}const Gy=100;function Wy({dataset:n}){const a=An(R=>R.latestVersion),t=u.useRef(null),[l,i]=Se.useState({}),{data:r,loadNext:s,hasNext:c,isLoadingNext:d,refetch:m}=D.usePaginationFragment(Os,n);u.useEffect(()=>{u.startTransition(()=>{m({datasetVersionId:(a==null?void 0:a.id)||null},{fetchPolicy:"store-and-network"})})},[a,m]);const f=u.useMemo(()=>r.examples.edges.map(R=>{const F=R.example,T=F.revision;return{id:F.id,input:T.input,output:T.output,metadata:T.metadata}}),[r]),y=Fe({columns:[{id:"select",header:({table:R})=>e(fn,{checked:R.getIsAllRowsSelected(),indeterminate:R.getIsSomeRowsSelected(),onChange:R.getToggleAllRowsSelectedHandler()}),cell:({row:R})=>e(fn,{checked:R.getIsSelected(),disabled:!R.getCanSelect(),indeterminate:R.getIsSomeSelected(),onChange:R.getToggleSelectedHandler()})},{header:"example id",accessorKey:"id",cell:({getValue:R,row:F})=>{const T=F.original.id;return e(Ge,{to:`${T}`,children:R()})}},{header:"input",accessorKey:"input",cell:Wn},{header:"output",accessorKey:"output",cell:Wn},{header:"metadata",accessorKey:"metadata",cell:Wn}],data:f,state:{rowSelection:l},onRowSelectionChange:i,getCoreRowModel:Ke()}),p=y.getRowModel().rows,k=p.length===0,b=y.getSelectedRowModel().rows,S=b.map(R=>R.original),v=u.useCallback(()=>{i({})},[i]),P=u.useCallback(R=>{if(R){const{scrollHeight:F,scrollTop:T,clientHeight:w}=R;F-T-w<300&&!d&&c&&s(Gy)}},[c,d,s]),E=X();return o("div",{css:C`
|
|
3060
3057
|
flex: 1 1 auto;
|
|
3061
3058
|
overflow: auto;
|
|
3062
|
-
`,ref:t,onScroll:R=>P(R.target),children:[o("table",{css:$n,children:[e("thead",{children:y.getHeaderGroups().map(R=>e("tr",{children:R.headers.map(F=>e("th",{children:e("div",{children:J(F.column.columnDef.header,F.getContext())})},F.id))},R.id))}),k?e(tn,{}):e("tbody",{children:p.map(R=>e("tr",{onClick:()=>{E(`${R.original.id}`)},children:R.getVisibleCells().map(F=>e("td",{children:J(F.column.columnDef.cell,F.getContext())},F.id))},R.id))})]}),b.length?e(
|
|
3059
|
+
`,ref:t,onScroll:R=>P(R.target),children:[o("table",{css:$n,children:[e("thead",{children:y.getHeaderGroups().map(R=>e("tr",{children:R.headers.map(F=>e("th",{children:e("div",{children:J(F.column.columnDef.header,F.getContext())})},F.id))},R.id))}),k?e(tn,{}):e("tbody",{children:p.map(R=>e("tr",{onClick:()=>{E(`${R.original.id}`)},children:R.getVisibleCells().map(F=>e("td",{children:J(F.column.columnDef.cell,F.getContext())},F.id))},R.id))})]}),b.length?e(Hy,{selectedExamples:S,onClearSelection:v,onExamplesDeleted:()=>{m({},{fetchPolicy:"store-and-network"})}}):null]})}function n1(){const n=kn();return o(G,{children:[e(Wy,{dataset:n.dataset})," ",e(u.Suspense,{children:e(Oe,{})})]})}const js=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(
|
|
3063
3060
|
$id: GlobalID!
|
|
3064
3061
|
) {
|
|
3065
3062
|
dataset: node(id: $id) {
|
|
@@ -3109,7 +3106,7 @@ fragment ExperimentsTableFragment on Dataset {
|
|
|
3109
3106
|
}
|
|
3110
3107
|
id
|
|
3111
3108
|
}
|
|
3112
|
-
`}}}();js.hash="1461484d9e1232cbb99e1251edabbec3";async function
|
|
3109
|
+
`}}}();js.hash="1461484d9e1232cbb99e1251edabbec3";async function a1(n){const{datasetId:a}=n.params;return await D.fetchQuery(Me,js,{id:a}).toPromise()}const qs=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,kind:"ScalarField",name:"annotationName",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExperimentsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:t,kind:"FragmentSpread",name:"ExperimentsTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExperimentsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:null,args:t,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[i],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[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:"ExperimentsTable_experiments",kind:"LinkedHandle",name:"experiments"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"1db5ce5523fa9a472c91d093b0e6160e",id:null,metadata:{},name:"ExperimentsTableQuery",operationKind:"query",text:`query ExperimentsTableQuery(
|
|
3113
3110
|
$after: String = null
|
|
3114
3111
|
$first: Int = 100
|
|
3115
3112
|
$id: GlobalID!
|
|
@@ -3160,19 +3157,19 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
3160
3157
|
}
|
|
3161
3158
|
id
|
|
3162
3159
|
}
|
|
3163
|
-
`}}}();qs.hash="c7c7580fe40888ceb86a1701fe4eedf4";const Us=function(){var n=["experiments"],a={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:qs,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ExperimentsTableFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:"experiments",args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"__ExperimentsTable_experiments_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},t],type:"Dataset",abstractKey:null}}();Us.hash="c7c7580fe40888ceb86a1701fe4eedf4";function
|
|
3160
|
+
`}}}();qs.hash="c7c7580fe40888ceb86a1701fe4eedf4";const Us=function(){var n=["experiments"],a={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:qs,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ExperimentsTableFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:"experiments",args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"__ExperimentsTable_experiments_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},t],type:"Dataset",abstractKey:null}}();Us.hash="c7c7580fe40888ceb86a1701fe4eedf4";function Jy({getValue:n}){const a=n(),t=a!==null?a*100:null,l=u.useMemo(()=>{if(t!==null)return t>=80?"red-1100":t>0?"orange-1100":"green-1100"},[t]);return e(x,{color:l,children:yt(t)})}const Bs=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"ExperimentMutationPayload",kind:"LinkedField",name:"deleteExperiments",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExperimentSelectionToolbarDeleteExperimentsMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExperimentSelectionToolbarDeleteExperimentsMutation",selections:a},params:{cacheID:"3af24cbaf3208c0d5ad1cd9313dd3823",id:null,metadata:{},name:"ExperimentSelectionToolbarDeleteExperimentsMutation",operationKind:"mutation",text:`mutation ExperimentSelectionToolbarDeleteExperimentsMutation(
|
|
3164
3161
|
$input: DeleteExperimentsInput!
|
|
3165
3162
|
) {
|
|
3166
3163
|
deleteExperiments(input: $input) {
|
|
3167
3164
|
__typename
|
|
3168
3165
|
}
|
|
3169
3166
|
}
|
|
3170
|
-
`}}}();Bs.hash="4ab310746eb51c6a3fcb799d2c972762";function
|
|
3167
|
+
`}}}();Bs.hash="4ab310746eb51c6a3fcb799d2c972762";function Zy(n){const a=X(),[t,l]=u.useState(null),[i,r]=D.useMutation(Bs),{datasetId:s,selectedExperiments:c,onClearSelection:d,onExperimentsDeleted:m}=n,f=c.length!==1,g=xe(),y=ve(),p=u.useCallback(()=>{i({variables:{input:{experimentIds:c.map(b=>b.id)}},onCompleted:()=>{g({title:"Examples Deleted",message:`${c.length} experiment${f?"s":""} have been deleted.`}),m(),d()},onError:b=>{y({title:"An error occurred",message:`Failed to delete examples: ${b.message}`})}})},[i,f,y,g,d,m,c]),k=u.useCallback(()=>{l(o(Z,{size:"S",title:"Delete Experiments",children:[e(K,{padding:"size-200",children:e(x,{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(K,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(h,{direction:"row",justifyContent:"end",children:e(z,{variant:"danger",onClick:()=>{p(),l(null)},children:"Delete Experiments"})})})]}))},[p]);return o("div",{css:C`
|
|
3171
3168
|
position: absolute;
|
|
3172
3169
|
bottom: var(--ac-global-dimension-size-400);
|
|
3173
3170
|
left: 50%;
|
|
3174
3171
|
transform: translateX(-50%);
|
|
3175
|
-
`,children:[e(K,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:o(h,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",children:[e(x,{children:`${c.length} experiment${f?"s":""} selected`}),o(h,{direction:"row",gap:"size-100",children:[e(z,{variant:"default",size:"compact",onClick:d,children:"Cancel"}),e(z,{variant:"danger",size:"compact",icon:e(L,{svg:e(I.TrashOutline,{})}),loading:r,disabled:r,onClick:k,children:r?"Deleting...":"Delete"}),e(z,{variant:"primary",size:"compact",onClick:()=>{a(`/datasets/${s}/compare?${c.map(b=>`experimentId=${b.id}`).join("&")}`)},icon:e(L,{svg:e(I.ArrowCompareOutline,{})}),children:"Compare Experiments"})]})]})}),e(ee,{onDismiss:()=>{l(null)},children:t})]})}const
|
|
3172
|
+
`,children:[e(K,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:o(h,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",children:[e(x,{children:`${c.length} experiment${f?"s":""} selected`}),o(h,{direction:"row",gap:"size-100",children:[e(z,{variant:"default",size:"compact",onClick:d,children:"Cancel"}),e(z,{variant:"danger",size:"compact",icon:e(L,{svg:e(I.TrashOutline,{})}),loading:r,disabled:r,onClick:k,children:r?"Deleting...":"Delete"}),e(z,{variant:"primary",size:"compact",onClick:()=>{a(`/datasets/${s}/compare?${c.map(b=>`experimentId=${b.id}`).join("&")}`)},icon:e(L,{svg:e(I.ArrowCompareOutline,{})}),children:"Compare Experiments"})]})]})}),e(ee,{onDismiss:()=>{l(null)},children:t})]})}const Yy=100;function Xy(){return e("tbody",{className:"is-empty",children:e("tr",{children:o("td",{colSpan:100,css:C`
|
|
3176
3173
|
text-align: center;
|
|
3177
3174
|
padding: var(--ac-global-dimension-size-400) !important;
|
|
3178
3175
|
.ac-button {
|
|
@@ -3180,20 +3177,20 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
3180
3177
|
margin-left: auto;
|
|
3181
3178
|
margin-right: auto;
|
|
3182
3179
|
}
|
|
3183
|
-
`,children:["No experiments for this dataset. To see how to run experiments on a dataset, check out the documentation.",e(Ns,{})]})})})}function
|
|
3180
|
+
`,children:["No experiments for this dataset. To see how to run experiments on a dataset, check out the documentation.",e(Ns,{})]})})})}function ef({dataset:n}){const a=u.useRef(null),[t,l]=u.useState({}),{data:i,loadNext:r,hasNext:s,isLoadingNext:c,refetch:d}=D.usePaginationFragment(Us,n),m=u.useMemo(()=>i.experiments.edges.map(F=>{const T=F.experiment.annotationSummaries.reduce((w,_)=>(w[_.annotationName]=_,w),{});return{...F.experiment,annotationSummaryMap:T}}),[i.experiments.edges]),f=[{id:"select",header:({table:F})=>e(fn,{checked:F.getIsAllRowsSelected(),indeterminate:F.getIsSomeRowsSelected(),onChange:F.getToggleAllRowsSelectedHandler()}),cell:({row:F})=>e(fn,{checked:F.getIsSelected(),disabled:!F.getCanSelect(),indeterminate:F.getIsSomeSelected(),onChange:F.getToggleSelectedHandler()})},{header:"name",accessorKey:"name",minSize:200,cell:({getValue:F,row:T})=>{const w=T.original.id,_=T.original.sequenceNumber;return o(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Ga,{sequenceNumber:_}),e(Ge,{to:`/datasets/${n.id}/compare?experimentId=${w}`,children:F()})]})}},{header:"description",accessorKey:"description",minSize:300,cell:fe},{header:"created at",accessorKey:"createdAt",cell:Ee}],g=i.experimentAnnotationSummaries.map(F=>{const{annotationName:T,minScore:w,maxScore:_}=F;return{header:()=>o(h,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",justifyContent:"end",children:[e(x,{children:T}),e(xc,{annotationName:T})]}),id:`annotation-${T}`,meta:{textAlign:"right"},cell:({row:Q})=>{const V=Q.original.annotationSummaryMap[T];return!V||V.meanScore==null?e("span",{css:C`
|
|
3184
3181
|
float: right;
|
|
3185
|
-
`,children:"--"}):e(
|
|
3182
|
+
`,children:"--"}):e(nf,{annotationName:T,value:V.meanScore,min:w,max:_})}}}),y=[{header:"run count",accessorKey:"runCount",meta:{textAlign:"right"},cell:Xl},{header:"avg latency",accessorKey:"averageRunLatencyMs",meta:{textAlign:"right"},cell:({getValue:F})=>{const T=F();return T===null||typeof T!="number"?"--":e(Ce,{latencyMs:T})}},{header:"error rate",accessorKey:"errorRate",meta:{textAlign:"right"},cell:Jy},{header:"metadata",accessorKey:"metadata",minSize:200,cell:Wn},{id:"actions",cell:({row:F})=>{const T=F.original.project,w=F.original.metadata;return e(ii,{projectId:(T==null?void 0:T.id)||null,experimentId:F.original.id,metadata:w})}}],p=Fe({columns:[...f,...g,...y],data:m,getCoreRowModel:Ke(),state:{rowSelection:t},onRowSelectionChange:l}),k=p.getRowModel().rows,b=p.getSelectedRowModel().rows,S=b.map(F=>F.original),v=u.useCallback(()=>{l({})},[l]),P=k.length===0,E=u.useCallback(F=>{if(F){const{scrollHeight:T,scrollTop:w,clientHeight:_}=F;T-w-_<300&&!c&&s&&r(Yy)}},[s,c,r]),R=X();return o("div",{css:C`
|
|
3186
3183
|
flex: 1 1 auto;
|
|
3187
3184
|
overflow: auto;
|
|
3188
3185
|
width: table.getTotalSize();
|
|
3189
|
-
`,ref:a,onScroll:F=>E(F.target),children:[o("table",{css:$n,children:[e("thead",{children:p.getHeaderGroups().map(F=>e("tr",{children:F.headers.map(T=>{var w,_;return e("th",{align:(_=(w=T.column.columnDef)==null?void 0:w.meta)==null?void 0:_.textAlign,children:e("div",{children:J(T.column.columnDef.header,T.getContext())})},T.id)})},F.id))}),P?e(
|
|
3186
|
+
`,ref:a,onScroll:F=>E(F.target),children:[o("table",{css:$n,children:[e("thead",{children:p.getHeaderGroups().map(F=>e("tr",{children:F.headers.map(T=>{var w,_;return e("th",{align:(_=(w=T.column.columnDef)==null?void 0:w.meta)==null?void 0:_.textAlign,children:e("div",{children:J(T.column.columnDef.header,T.getContext())})},T.id)})},F.id))}),P?e(Xy,{}):e("tbody",{children:k.map(F=>e("tr",{onClick:()=>{R(`/datasets/${n.id}/compare?experimentId=${F.original.id}`)},children:F.getVisibleCells().map(T=>e("td",{children:J(T.column.columnDef.cell,T.getContext())},T.id))},F.id))})]}),b.length?e(Zy,{datasetId:n.id,selectedExperiments:S,onClearSelection:v,onExperimentsDeleted:()=>{d({},{fetchPolicy:"store-and-network"})}}):null]})}function nf({annotationName:n,value:a,min:t,max:l}){const i=Zl(n),r=u.useMemo(()=>{const s=typeof t=="number"?t:0,c=typeof l=="number"?l:1;if(s===c&&c===a)return 100;const d=c-s||1;return(a-s)/d*100},[a,t,l]);return o(pe,{children:[e(je,{children:o("div",{css:C`
|
|
3190
3187
|
float: right;
|
|
3191
3188
|
--mod-barloader-fill-color: ${i};
|
|
3192
3189
|
display: flex;
|
|
3193
3190
|
flex-direction: row;
|
|
3194
3191
|
align-items: center;
|
|
3195
3192
|
gap: var(--ac-global-dimension-size-100);
|
|
3196
|
-
`,children:[Gn(a),e(Cd,{width:"40px",value:r,"aria-label":"where the mean score lands between overall min max"})]})}),e(va,{children:o(K,{width:"size-2400",children:[e(ce,{level:3,weight:"heavy",children:n}),o(h,{direction:"column",children:[o(h,{justifyContent:"space-between",children:[e(x,{weight:"heavy",textSize:"small",children:"Mean Score"}),e(x,{textSize:"small",children:Gn(a)})]}),o(h,{justifyContent:"space-between",children:[e(x,{weight:"heavy",textSize:"small",children:"All Experiments Min"}),e(x,{textSize:"small",children:Gn(t)})]}),o(h,{justifyContent:"space-between",children:[e(x,{weight:"heavy",textSize:"small",children:"All Experiments Max"}),e(x,{textSize:"small",children:Gn(l)})]}),o(h,{justifyContent:"space-between",children:[e(x,{weight:"heavy",textSize:"small",children:"Mean Score Percentile"}),e(x,{textSize:"small",children:Yl(r)})]})]})]})})]})}function
|
|
3193
|
+
`,children:[Gn(a),e(Cd,{width:"40px",value:r,"aria-label":"where the mean score lands between overall min max"})]})}),e(va,{children:o(K,{width:"size-2400",children:[e(ce,{level:3,weight:"heavy",children:n}),o(h,{direction:"column",children:[o(h,{justifyContent:"space-between",children:[e(x,{weight:"heavy",textSize:"small",children:"Mean Score"}),e(x,{textSize:"small",children:Gn(a)})]}),o(h,{justifyContent:"space-between",children:[e(x,{weight:"heavy",textSize:"small",children:"All Experiments Min"}),e(x,{textSize:"small",children:Gn(t)})]}),o(h,{justifyContent:"space-between",children:[e(x,{weight:"heavy",textSize:"small",children:"All Experiments Max"}),e(x,{textSize:"small",children:Gn(l)})]}),o(h,{justifyContent:"space-between",children:[e(x,{weight:"heavy",textSize:"small",children:"Mean Score Percentile"}),e(x,{textSize:"small",children:Yl(r)})]})]})]})})]})}function t1(){const n=kn();return o(G,{children:[e(ef,{dataset:n.dataset}),e(u.Suspense,{children:e(Oe,{})})]})}const Hs=function(){var n={defaultValue:null,kind:"LocalArgument",name:"datasetId"},a={defaultValue:null,kind:"LocalArgument",name:"experimentIds"},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={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},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r={alias:"comparisons",args:[{kind:"Variable",name:"experimentIds",variableName:"experimentIds"}],concreteType:"ExperimentComparison",kind:"LinkedField",name:"compareExperiments",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"example",plural:!1,selections:[t,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{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},l,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[t,i,{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},l],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},s=[{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:[t,i,{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:[t],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"ExperimentCompareTableQuery",selections:[r,{alias:"dataset",args:s,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,c],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"ExperimentCompareTableQuery",selections:[r,{alias:"dataset",args:s,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,c],storageKey:null}]},params:{cacheID:"e8b3f1f7011d0059ded7076b4d83afea",id:null,metadata:{},name:"ExperimentCompareTableQuery",operationKind:"query",text:`query ExperimentCompareTableQuery(
|
|
3197
3194
|
$experimentIds: [GlobalID!]!
|
|
3198
3195
|
$datasetId: GlobalID!
|
|
3199
3196
|
) {
|
|
@@ -3255,7 +3252,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
3255
3252
|
}
|
|
3256
3253
|
}
|
|
3257
3254
|
}
|
|
3258
|
-
`}}}();Hs.hash="7e1c83a2fa6f2f46532902b526017663";const mt={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}},
|
|
3255
|
+
`}}}();Hs.hash="7e1c83a2fa6f2f46532902b526017663";const mt={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}},af=C`
|
|
3259
3256
|
flex: 1 1 auto;
|
|
3260
3257
|
overflow: auto;
|
|
3261
3258
|
// Make sure the table fills up the remaining space
|
|
@@ -3265,22 +3262,22 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
3265
3262
|
vertical-align: top;
|
|
3266
3263
|
}
|
|
3267
3264
|
}
|
|
3268
|
-
`,
|
|
3265
|
+
`,tf=C`
|
|
3269
3266
|
display: flex;
|
|
3270
3267
|
flex-direction: row;
|
|
3271
3268
|
align-items: center;
|
|
3272
3269
|
color: var(--ac-global-color-primary);
|
|
3273
3270
|
gap: var(--ac-global-dimension-size-50);
|
|
3274
|
-
`;function
|
|
3271
|
+
`;function lf(n){const{datasetId:a,experimentIds:t,displayFullText:l}=n,i=D.useLazyLoadQuery(Hs,{experimentIds:t,datasetId:a}),r=u.useMemo(()=>{var S,v;return((v=(S=i.dataset)==null?void 0:S.experiments)==null?void 0:v.edges.reduce((P,E)=>{var R,F;return P[E.experiment.id]={...E.experiment,projectId:((F=(R=E.experiment)==null?void 0:R.project)==null?void 0:F.id)||null},P},{}))||{}},[i]),s=u.useMemo(()=>i.comparisons.map(S=>{const v=S.runComparisonItems.reduce((P,E)=>(P[E.experimentId]=E,P),{});return{...S,id:S.example.id,input:S.example.revision.input,referenceOutput:S.example.revision.referenceOutput,runComparisonMap:v}}),[i]),[c,d]=u.useState(null),m=u.useMemo(()=>[{header:"input",accessorKey:"input",minWidth:500,cell:({row:S})=>e(nl,{controls:o(pe,{children:[e(z,{variant:"default",size:"compact","aria-label":"View example details",icon:e(L,{svg:e(I.ExpandOutline,{})}),onClick:()=>{u.startTransition(()=>{d(e(u.Suspense,{children:e($t,{exampleId:S.original.example.id,onDismiss:()=>{d(null)}})}))})}}),e(Ie,{children:"View Example"})]}),children:e(jt,{children:e(Fa,{json:S.original.input,disableTitle:!0,space:l?2:0})})})},{header:"reference output",accessorKey:"referenceOutput",minWidth:500,cell:l?df:Wn}],[l]),f=u.useMemo(()=>t.map(S=>({header:()=>{var F,T,w,_;const v=(F=r[S])==null?void 0:F.name,P=(T=r[S])==null?void 0:T.metadata,E=(w=r[S])==null?void 0:w.projectId,R=((_=r[S])==null?void 0:_.sequenceNumber)||0;return o(h,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",justifyContent:"space-between",children:[o(h,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",children:[e(Ga,{sequenceNumber:R}),e(x,{children:v})]}),e(ii,{experimentId:S,metadata:P,isQuiet:!0,projectId:E})]})},accessorKey:S,minSize:500,cell:({row:v})=>{var Q,V;const P=v.original.runComparisonMap[S],E=(P==null?void 0:P.runs.length)||0;if(E===0)return e(hl,{});if(E>1)return e(x,{color:"warning",children:`${E} runs`});const R=P==null?void 0:P.runs[0];let F=null;const T=(Q=R==null?void 0:R.trace)==null?void 0:Q.traceId,w=(V=R==null?void 0:R.trace)==null?void 0:V.projectId;T&&w&&(F=o(pe,{children:[e(z,{variant:"default",className:"trace-button",size:"compact","aria-label":"View run trace",icon:e(L,{svg:e(I.Trace,{})}),onClick:H=>{H.preventDefault(),H.stopPropagation(),u.startTransition(()=>{d(e(Zs,{traceId:T,projectId:w,title:"Experiment Run Trace"}))})}}),e(Ie,{children:"View Trace"})]}));const _=o(G,{children:[o(pe,{children:[e(z,{variant:"default",className:"expand-button",size:"compact","aria-label":"View example run details",icon:e(L,{svg:e(I.ExpandOutline,{})}),onClick:H=>{H.preventDefault(),H.stopPropagation(),u.startTransition(()=>{d(e(cf,{selectedExample:v.original,datasetId:a,experimentInfoById:r}))})}}),e(Ie,{children:"View run details"})]}),F]});return R?e(nl,{controls:_,children:e(of,{...R,displayFullText:l,setDialog:d})}):e(hl,{})}})),[t,r,a,l]),g=u.useMemo(()=>[...m,...f,{id:"tail",minSize:500}],[m,f]),y=Fe({columns:g,data:s,getCoreRowModel:Ke(),columnResizeMode:"onChange"}),p=Se.useMemo(()=>{const S=y.getFlatHeaders(),v={};for(let P=0;P<S.length;P++){const E=S[P];v[`--header-${E.id}-size`]=E.getSize(),v[`--col-${E.column.id}-size`]=E.column.getSize()}return v},[y.getState().columnSizingInfo,y.getState().columnSizing]),b=y.getRowModel().rows.length===0;return o("div",{css:af,children:[o("table",{css:S=>C(an(S),ri),style:{...p,width:y.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:y.getHeaderGroups().map(S=>e("tr",{children:S.headers.map(v=>o("th",{style:{width:`calc(var(--header-${v==null?void 0:v.id}-size) * 1px)`},children:[e("div",{children:J(v.column.columnDef.header,v.getContext())}),e("div",{onMouseDown:v.getResizeHandler(),onTouchStart:v.getResizeHandler(),className:`resizer ${v.column.getIsResizing()?"isResizing":""}`})]},v.id))},S.id))}),b?e(tn,{}):y.getState().columnSizingInfo.isResizingColumn?e(rf,{table:y}):e(Gs,{table:y})]}),e(ee,{isDismissable:!0,type:"slideOver",onDismiss:()=>{d(null)},children:c})]})}function Gs({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)`},children:J(t.column.columnDef.cell,t.getContext())},t.id))},a.id))})}const rf=Se.memo(Gs,(n,a)=>n.table.options.data===a.table.options.data);function sf(n){const{datasetId:a,exampleId:t}=n,l=X();return e("div",{onClick:i=>{i.preventDefault(),i.stopPropagation()},children:e(Nn,{buttonSize:"compact",align:"end",onAction:i=>{switch(i){case"gotoExample":return l(`/datasets/${a}/examples/${t}`);default:me()}},children:e(re,{children:o(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(L,{svg:e(I.ExternalLinkOutline,{})}),e(x,{children:"Go to example"})]})},"gotoExample")})})}function of(n){const{output:a,error:t,startTime:l,endTime:i,annotations:r,displayFullText:s,setDialog:c}=n;if(t)return e(Ws,{error:t});const d=r!=null&&r.edges.length?r.edges.map(m=>m.annotation):[];return o(h,{direction:"column",gap:"size-100",height:"100%",justifyContent:"space-between",children:[e(jt,{children:e(Fa,{json:a,disableTitle:!0,space:s?2:0})}),o("ul",{css:C`
|
|
3275
3272
|
display: flex;
|
|
3276
3273
|
flex-direction: row;
|
|
3277
3274
|
gap: var(--ac-global-dimension-static-size-100);
|
|
3278
3275
|
align-items: center;
|
|
3279
3276
|
flex-wrap: wrap;
|
|
3280
|
-
`,children:[e("li",{children:e(Js,{startTime:l,endTime:i})},"run-latency"),d.map(m=>e("li",{children:e(ea,{annotation:m,extra:m.trace&&e(K,{paddingTop:"size-100",children:o("div",{css:
|
|
3277
|
+
`,children:[e("li",{children:e(Js,{startTime:l,endTime:i})},"run-latency"),d.map(m=>e("li",{children:e(ea,{annotation:m,extra:m.trace&&e(K,{paddingTop:"size-100",children:o("div",{css:tf,children:[e(L,{svg:e(I.InfoOutline,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(un,{annotation:m,onClick:()=>{const f=m.trace;f&&u.startTransition(()=>{c(e(Zs,{traceId:f.traceId,projectId:f.projectId,title:`Evaluator Trace: ${m.name}`}))})}})})},m.id))]})]})}function Ws({error:n}){return o(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(L,{svg:e(I.AlertCircleOutline,{}),color:"danger"}),e(x,{color:"danger",children:n})]})}function Js({startTime:n,endTime:a}){const t=u.useMemo(()=>{let l=null;return n&&a&&(l=new Date(a).getTime()-new Date(n).getTime()),l},[n,a]);return t===null?null:e(Ce,{latencyMs:t})}function hl(){return o(h,{direction:"row",gap:"size-50",children:[e(L,{svg:e(I.MinusCircleOutline,{}),color:"grey-800"}),e(x,{color:"text-700",children:"not run"})]})}function df({getValue:n}){const a=n();return e(jt,{children:e(Fa,{json:a,space:2})})}function jt({children:n}){return e("div",{css:C`
|
|
3281
3278
|
max-height: 300px;
|
|
3282
3279
|
overflow-y: auto;
|
|
3283
|
-
`,children:n})}function
|
|
3280
|
+
`,children:n})}function cf({selectedExample:n,datasetId:a,experimentInfoById:t}){return e(Z,{title:`Comparing Experiments for Example: ${n.id}`,size:"fullscreen",extra:e(sf,{datasetId:a,exampleId:n.id}),children:o(on,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(ke,{defaultSize:100,children:e("div",{css:C`
|
|
3284
3281
|
overflow-y: auto;
|
|
3285
3282
|
height: 100%;
|
|
3286
3283
|
`,children:e(K,{overflow:"hidden",padding:"size-200",children:o(h,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(K,{width:"50%",children:e(q,{title:"Input",...mt,bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},extra:e(se,{text:JSON.stringify(n.input)}),children:e(Je,{value:JSON.stringify(n.input,null,2)})})}),e(K,{width:"50%",children:e(q,{title:"Reference Output",...mt,extra:e(se,{text:JSON.stringify(n.referenceOutput)}),bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},children:e(Je,{value:JSON.stringify(n.referenceOutput,null,2)})})})]})})})}),e(sn,{css:bn}),e(ke,{defaultSize:200,children:o(h,{direction:"column",height:"100%",children:[e(K,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(ce,{level:2,children:"Experiments"})}),e("div",{css:C`
|
|
@@ -3302,12 +3299,12 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
3302
3299
|
gap: var(
|
|
3303
3300
|
--ac-global-dimension-static-size-100
|
|
3304
3301
|
);
|
|
3305
|
-
`,children:(c=r.annotations)==null?void 0:c.edges.map(d=>e("li",{children:e(un,{annotation:d.annotation})},d.annotation.id))})]})]})},s)})})})},l.experimentId)})})})]})})]})})}function Zs({traceId:n,projectId:a,title:t}){const l=X();return e(Z,{title:t,size:"fullscreen",extra:e(z,{variant:"default",onClick:()=>l(`/projects/${a}/traces/${n}`),children:"View Trace in Project"}),children:e(Ot,{traceId:n,projectId:a})})}const Ys={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};Ys.hash="1aa376b1e9425f49268ac231dc2c0412";function
|
|
3302
|
+
`,children:(c=r.annotations)==null?void 0:c.edges.map(d=>e("li",{children:e(un,{annotation:d.annotation})},d.annotation.id))})]})]})},s)})})})},l.experimentId)})})})]})})]})})}function Zs({traceId:n,projectId:a,title:t}){const l=X();return e(Z,{title:t,size:"fullscreen",extra:e(z,{variant:"default",onClick:()=>l(`/projects/${a}/traces/${n}`),children:"View Trace in Project"}),children:e(Ot,{traceId:n,projectId:a})})}const Ys={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};Ys.hash="1aa376b1e9425f49268ac231dc2c0412";function uf(n){const{dataset:a,selectedExperimentIds:t,onChange:l,label:i,validationState:r,description:s,errorMessage:c,...d}=n,m=D.useFragment(Ys,a),f=u.useMemo(()=>m.experiments.edges.map(p=>p.experiment),[m]),g=f.length===0,y=u.useMemo(()=>{if(g)return"No experiments";const p=t.length;return p>0?`${p} experiment${p>1?"s":""}`:"No experiments selected"},[t,g]);return e(Vn,{label:i,isDisabled:g,validationState:r,description:s,errorMessage:c,children:e(Kt,{isDisabled:g,...d,menu:e(Oa,{selectionMode:"multiple",onSelectionChange:p=>{l(Array.from(p))},selectedKeys:new Set(t),children:f.map(p=>e(re,{textValue:p.name,children:o(h,{direction:"column",gap:"size-50",children:[o(h,{direction:"row",gap:"size-100",children:[e(Ga,{sequenceNumber:p.sequenceNumber}),e(x,{children:p.name})]}),e(x,{textSize:"small",color:"text-700",children:new Date(p.createdAt).toLocaleString()})]})},p.id))}),triggerProps:{placement:"bottom start"},children:y})})}function l1(){const n=kn(),[a,t]=u.useState(!1),[l,i]=Sa(),r=l.getAll("experimentId"),s=r.length>0;return o("main",{css:C`
|
|
3306
3303
|
height: 100%;
|
|
3307
3304
|
display: flex;
|
|
3308
3305
|
flex-direction: column;
|
|
3309
3306
|
overflow: hidden;
|
|
3310
|
-
`,children:[e(K,{padding:"size-200",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:o(h,{direction:"column",gap:"size-100",children:[e(ce,{level:1,children:"Compare Experiments"}),o(h,{direction:"row",justifyContent:"space-between",alignItems:"end",children:[e(
|
|
3307
|
+
`,children:[e(K,{padding:"size-200",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:o(h,{direction:"column",gap:"size-100",children:[e(ce,{level:1,children:"Compare Experiments"}),o(h,{direction:"row",justifyContent:"space-between",alignItems:"end",children:[e(uf,{dataset:n.dataset,selectedExperimentIds:r,label:"experiments",onChange:c=>{u.startTransition(()=>{l.delete("experimentId"),c.forEach(d=>{l.append("experimentId",d)}),i(l)})}}),e(Xn,{onChange:c=>{t(c)},defaultSelected:!1,labelPlacement:"start",children:"Full Text"})]})]})}),s?e(u.Suspense,{fallback:e(ye,{}),children:e(lf,{datasetId:n.dataset.id,experimentIds:r,displayFullText:a})}):e(K,{padding:"size-200",children:e(ue,{variant:"info",title:"No Experiment Selected",children:"Please select one or more experiments."})})]})}const Xs=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(
|
|
3311
3308
|
$id: GlobalID!
|
|
3312
3309
|
) {
|
|
3313
3310
|
dataset: node(id: $id) {
|
|
@@ -3333,7 +3330,7 @@ fragment ExperimentMultiSelector__experiments on Dataset {
|
|
|
3333
3330
|
}
|
|
3334
3331
|
}
|
|
3335
3332
|
}
|
|
3336
|
-
`}}}();Xs.hash="fa02088830fd16688f0f2fba9a0009eb";async function
|
|
3333
|
+
`}}}();Xs.hash="fa02088830fd16688f0f2fba9a0009eb";async function i1(n){const{datasetId:a}=n.params;return await D.fetchQuery(Me,Xs,{id:a}).toPromise()}const eo=function(){var n={defaultValue:null,kind:"LocalArgument",name:"description"},a={defaultValue:null,kind:"LocalArgument",name:"expiresAt"},t={defaultValue:null,kind:"LocalArgument",name:"name"},l=[{fields:[{kind:"Variable",name:"description",variableName:"description"},{kind:"Variable",name:"expiresAt",variableName:"expiresAt"},{kind:"Variable",name:"name",variableName:"name"}],kind:"ObjectValue",name:"input"}],i={alias:null,args:null,kind:"ScalarField",name:"jwt",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},s={alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"apiKey",plural:!1,selections:[r],storageKey:null};return{fragment:{argumentDefinitions:[n,a,t],kind:"Fragment",metadata:null,name:"APIKeysCardCreateSystemAPIKeyMutation",selections:[{alias:null,args:l,concreteType:"CreateSystemApiKeyMutationPayload",kind:"LinkedField",name:"createSystemApiKey",plural:!1,selections:[i,{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"SystemAPIKeysTableFragment"}],storageKey:null},s],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[t,n,a],kind:"Operation",name:"APIKeysCardCreateSystemAPIKeyMutation",selections:[{alias:null,args:l,concreteType:"CreateSystemApiKeyMutationPayload",kind:"LinkedField",name:"createSystemApiKey",plural:!1,selections:[i,{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"systemApiKeys",plural:!0,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null}],storageKey:null},s],storageKey:null}]},params:{cacheID:"799e8f0a627c6ae06e2a87c051d299d0",id:null,metadata:{},name:"APIKeysCardCreateSystemAPIKeyMutation",operationKind:"mutation",text:`mutation APIKeysCardCreateSystemAPIKeyMutation(
|
|
3337
3334
|
$name: String!
|
|
3338
3335
|
$description: String = null
|
|
3339
3336
|
$expiresAt: DateTime = null
|
|
@@ -3406,7 +3403,7 @@ fragment SystemAPIKeysTableFragment on Query {
|
|
|
3406
3403
|
expiresAt
|
|
3407
3404
|
}
|
|
3408
3405
|
}
|
|
3409
|
-
`}};to.hash="de0fc04de739f0adfcbdeaff28b16265";const lo={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:to}},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};lo.hash="de0fc04de739f0adfcbdeaff28b16265";function
|
|
3406
|
+
`}};to.hash="de0fc04de739f0adfcbdeaff28b16265";const lo={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:to}},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};lo.hash="de0fc04de739f0adfcbdeaff28b16265";function mf({query:n}){const[a,t]=D.useRefetchableFragment(lo,n),l=ve(),i=xe(),[r]=D.useMutation(ao),s=u.useCallback(y=>{r({variables:{input:{id:y}},onCompleted:()=>{i({title:"System key deleted",message:"The system key has been deleted and is no longer active."}),u.startTransition(()=>{t({},{fetchPolicy:"network-only"})})},onError:p=>{l({title:"Error deleting system key",message:p.message})}})},[r,l,i,t]),c=u.useMemo(()=>[...a.systemApiKeys],[a]),d=u.useMemo(()=>[{header:"Name",accessorKey:"name"},{header:"Description",accessorKey:"description",cell:fe},{header:"Created At",accessorKey:"createdAt",cell:Ee},{header:"Expires At",accessorKey:"expiresAt",cell:Ee},{header:"",accessorKey:"id",size:10,cell:({row:p})=>e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(_t,{handleDelete:()=>{s(p.original.id)}})}),meta:{textAlign:"right"}}],[s]),m=Fe({columns:d,data:c,getCoreRowModel:Ke()}),f=m.getRowModel().rows,g=m.getRowModel().rows.length===0;return o("table",{css:an,children:[e("thead",{children:m.getHeaderGroups().map(y=>e("tr",{children:y.headers.map(p=>e("th",{colSpan:p.colSpan,children:p.isPlaceholder?null:o("div",{className:p.column.getCanSort()?"cursor-pointer":"",onClick:p.column.getToggleSortingHandler(),style:{left:p.getStart(),width:p.getSize()},children:[J(p.column.columnDef.header,p.getContext()),p.column.getIsSorted()?e(L,{className:"sort-icon",svg:p.column.getIsSorted()==="asc"?e(I.ArrowUpFilled,{}):e(I.ArrowDownFilled,{})}):null]})},p.id))},y.id))}),g?e(tn,{message:"No Keys"}):e("tbody",{children:f.map(y=>e("tr",{children:y.getVisibleCells().map(p=>e("td",{children:J(p.column.columnDef.cell,p.getContext())},p.id))},y.id))})]})}const io=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(
|
|
3410
3407
|
$input: DeleteApiKeyInput!
|
|
3411
3408
|
) {
|
|
3412
3409
|
deleteUserApiKey(input: $input) {
|
|
@@ -3430,7 +3427,7 @@ fragment UserAPIKeysTableFragment on Query {
|
|
|
3430
3427
|
}
|
|
3431
3428
|
}
|
|
3432
3429
|
}
|
|
3433
|
-
`}};ro.hash="c2b3a579bcb0ba915523ecb35cae3b44";const so={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:ro}},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};so.hash="c2b3a579bcb0ba915523ecb35cae3b44";const kl=70;function
|
|
3430
|
+
`}};ro.hash="c2b3a579bcb0ba915523ecb35cae3b44";const so={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:ro}},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};so.hash="c2b3a579bcb0ba915523ecb35cae3b44";const kl=70;function gf({query:n}){const[a,t]=D.useRefetchableFragment(so,n),l=ve(),i=xe(),[r]=D.useMutation(io),s=u.useCallback(y=>{r({variables:{input:{id:y}},onCompleted:()=>{i({title:"User key deleted",message:"The user key has been deleted and is no longer active."}),u.startTransition(()=>{t({},{fetchPolicy:"network-only"})})},onError:p=>{l({title:"Error deleting user key",message:p.message})}})},[r,l,i,t]),c=u.useMemo(()=>[...a.userApiKeys],[a]),d=u.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:fe},{header:"Description",accessorKey:"description",cell:fe},{header:"Created At",accessorKey:"createdAt",size:kl,cell:Ee},{header:"Expires At",accessorKey:"expiresAt",size:kl,cell:Ee},{header:"User",size:120,accessorKey:"user.email",cell:fe},{header:"",accessorKey:"id",size:10,cell:({row:p})=>e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(_t,{handleDelete:()=>{s(p.original.id)}})}),meta:{textAlign:"right"}}],[s]),m=Fe({columns:d,data:c,getCoreRowModel:Ke()}),f=m.getRowModel().rows,g=m.getRowModel().rows.length===0;return o("table",{css:an,children:[e("thead",{children:m.getHeaderGroups().map(y=>e("tr",{children:y.headers.map(p=>e("th",{colSpan:p.colSpan,children:p.isPlaceholder?null:o("div",{className:p.column.getCanSort()?"cursor-pointer":"",onClick:p.column.getToggleSortingHandler(),style:{left:p.getStart(),width:p.getSize()},children:[J(p.column.columnDef.header,p.getContext()),p.column.getIsSorted()?e(L,{className:"sort-icon",svg:p.column.getIsSorted()==="asc"?e(I.ArrowUpFilled,{}):e(I.ArrowDownFilled,{})}):null]})},p.id))},y.id))}),g?e(tn,{message:"No Keys"}):e("tbody",{children:f.map(y=>e("tr",{children:y.getVisibleCells().map(p=>e("td",{children:J(p.column.columnDef.cell,p.getContext())},p.id))},y.id))})]})}function pf(){const n=D.useLazyLoadQuery(no,{},{fetchPolicy:"network-only"});return o(Qe,{children:[e(ne,{title:"System Keys",name:"System Keys",children:e(mf,{query:n})}),e(ne,{title:"User Keys",name:"User Keys",children:e(gf,{query:n})})]})}function yf(){const[n,a]=u.useState(null),t=ve(),l=d=>{a(e(si,{jwt:d}))},[i,r]=D.useMutation(eo),s=u.useCallback(d=>{i({variables:{...d,expiresAt:d.expiresAt||null},onCompleted:m=>{l(m.createSystemApiKey.jwt)},onError:m=>{t({title:"Error creating system key",message:m.message})}})},[i,t]),c=()=>{a(e(oi,{onSubmit:s,isCommitting:r,defaultName:"System"}))};return o("div",{children:[e(Ct,{title:"API Keys",variant:"compact",extra:e(z,{variant:"default",size:"compact",icon:e(L,{svg:e(I.PlusCircleOutline,{})}),onClick:c,children:"System Key"}),children:e(u.Suspense,{fallback:e(K,{padding:"size-100",children:e(ye,{})}),children:e(pf,{})})}),e(ee,{onDismiss:()=>{a(null)},children:n})]})}const oo={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 {
|
|
3434
3431
|
...UsersTable_users
|
|
3435
3432
|
}
|
|
3436
3433
|
|
|
@@ -3461,7 +3458,7 @@ fragment UsersTable_users on Query {
|
|
|
3461
3458
|
}
|
|
3462
3459
|
}
|
|
3463
3460
|
}
|
|
3464
|
-
`}}}();co.hash="97d1aefa41e8831e57b6bb0d1a078a7c";function
|
|
3461
|
+
`}}}();co.hash="97d1aefa41e8831e57b6bb0d1a078a7c";function ff({onNewUserCreated:n,onNewUserCreationError:a,onDismiss:t}){const[l,i]=D.useMutation(co),r=u.useCallback(s=>{l({variables:{input:{email:s.email,username:s.username,password:s.password,role:s.role}},onCompleted:c=>{n(c.createUser.user.email)},onError:c=>{a(c)}})},[l,n,a]);return e(ee,{onDismiss:t,isDismissable:!0,type:"modal",isKeyboardDismissDisabled:!0,children:e(Z,{title:"Add user",children:e(Tc,{onSubmit:r,isSubmitting:i})})})}const uo={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"UsersTableQuery",selections:[{args:null,kind:"FragmentSpread",name:"UsersTable_users"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"UsersTableQuery",selections:[{alias:null,args:null,concreteType:"UserConnection",kind:"LinkedField",name:"users",plural:!1,selections:[{alias:null,args:null,concreteType:"UserEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"user",args:null,concreteType:"User",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"username",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"authMethod",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"profilePictureUrl",storageKey:null},{alias:null,args:null,concreteType:"UserRole",kind:"LinkedField",name:"role",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"d3f85064b63f026a47a8ef139638b933",id:null,metadata:{},name:"UsersTableQuery",operationKind:"query",text:`query UsersTableQuery {
|
|
3465
3462
|
...UsersTable_users
|
|
3466
3463
|
}
|
|
3467
3464
|
|
|
@@ -3487,32 +3484,32 @@ fragment UsersTable_users on Query {
|
|
|
3487
3484
|
) {
|
|
3488
3485
|
deleteUsers(input: $input)
|
|
3489
3486
|
}
|
|
3490
|
-
`}}}();go.hash="a718ceab0ec0a7d461f6cd5e5b178a1f";function
|
|
3487
|
+
`}}}();go.hash="a718ceab0ec0a7d461f6cd5e5b178a1f";function hf({userId:n,onDeleted:a,onClose:t}){const[l,i]=D.useMutation(go),r=xe(),s=ve(),c=u.useCallback(()=>{l({variables:{input:{userIds:[n]}},onCompleted:()=>{r({title:"User deleted",message:"User has been deleted."}),a(),t()},onError:d=>{s({title:"Failed to delete user",message:d.message})}})},[l,s,r,t,a,n]);return o(Z,{title:"Delete User",isDismissable:!0,onDismiss:t,children:[e(K,{padding:"size-200",children:e(x,{color:"danger",children:"Are you sure you want to delete this user? This action cannot be undone."})}),e(K,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:o(h,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(z,{variant:"default",onClick:t,children:"Cancel"}),e(z,{variant:"danger",onClick:()=>{c()},disabled:i,children:"Delete user"})]})})]})}const po=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"UserMutationPayload",kind:"LinkedField",name:"patchUser",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ResetPasswordDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ResetPasswordDialogMutation",selections:a},params:{cacheID:"6ccff8dd53d97eeb41f656bcd2758da1",id:null,metadata:{},name:"ResetPasswordDialogMutation",operationKind:"mutation",text:`mutation ResetPasswordDialogMutation(
|
|
3491
3488
|
$input: PatchUserInput!
|
|
3492
3489
|
) {
|
|
3493
3490
|
patchUser(input: $input) {
|
|
3494
3491
|
__typename
|
|
3495
3492
|
}
|
|
3496
3493
|
}
|
|
3497
|
-
`}}}();po.hash="85b22da61ec094c28e97db2759622b69";const ua=4;function
|
|
3494
|
+
`}}}();po.hash="85b22da61ec094c28e97db2759622b69";const ua=4;function kf({userId:n,onClose:a}){const t=ve(),l=xe(),[i,r]=D.useMutation(po),{control:s,handleSubmit:c,formState:{isDirty:d}}=Ue({defaultValues:{newPassword:"",confirmPassword:""}}),m=u.useCallback(f=>{i({variables:{input:{userId:n,newPassword:f.newPassword}},onCompleted:()=>{l({title:"Password reset",message:"Users password has been reset."}),a()},onError:g=>{t({title:"Failed to reset password",message:g.message})}})},[i,t,l,a,n]);return e(Z,{title:"Reset Password",isDismissable:!0,onDismiss:a,children:e(Ae,{children:o(K,{padding:"size-200",children:[e(W,{name:"newPassword",control:s,rules:{required:"Password is required",minLength:{value:ua,message:`Password must be at least ${ua} characters`}},render:({field:{name:f,onChange:g,onBlur:y,value:p},fieldState:{invalid:k,error:b}})=>e(ae,{label:"New Password",type:"password",isRequired:!0,description:`Password must be at least ${ua} characters`,name:f,errorMessage:b==null?void 0:b.message,validationState:k?"invalid":"valid",onChange:g,onBlur:y,defaultValue:p})}),e(W,{name:"confirmPassword",control:s,rules:{required:"Password is required",minLength:{value:ua,message:`Password must be at least ${ua} characters`},validate:(f,g)=>f===g.newPassword||"Passwords do not match"},render:({field:{name:f,onChange:g,onBlur:y,value:p},fieldState:{invalid:k,error:b}})=>e(ae,{label:"Confirm Password",isRequired:!0,type:"password",description:"Confirm the new password",name:f,errorMessage:b==null?void 0:b.message,validationState:k?"invalid":"valid",onChange:g,onBlur:y,defaultValue:p})}),e(K,{paddingTop:"size-200",children:e(h,{direction:"row",gap:"size-100",justifyContent:"end",children:e(z,{variant:d?"primary":"default",type:"submit",disabled:r,onClick:c(m),children:r?"Resetting...":"Reset Password"})})})]})})})}function bf(n){return n==="LOCAL"}function Sf(n){const{userId:a,onUserDeleted:t,authMethod:l}=n,[i,r]=u.useState(null),s=u.useCallback(()=>{r(e(hf,{userId:a,onClose:()=>r(null),onDeleted:()=>{t(),r(null)}}))},[a,t]),c=u.useCallback(()=>{r(e(kf,{userId:a,onClose:()=>r(null)}))},[a]),d=u.useMemo(()=>{const m=e(re,{children:o(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(L,{svg:e(I.TrashOutline,{})}),e(x,{children:"Delete"})]})},"deleteUser"),f=e(re,{children:o(h,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(L,{svg:e(I.Refresh,{})}),e(x,{children:"Reset Password"})]})},"resetPassword"),g=[m];return bf(l)&&g.push(f),g},[l]);return o("div",{onClick:m=>{m.preventDefault(),m.stopPropagation()},children:[e(Nn,{align:"end","aria-label":"User Actions",buttonSize:"compact",onAction:m=>{switch(m){case"deleteUser":s();break;case"resetPassword":c();break}},children:d}),e(ee,{type:"modal",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}const yo=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(
|
|
3498
3495
|
$input: PatchUserInput!
|
|
3499
3496
|
) {
|
|
3500
3497
|
patchUser(input: $input) {
|
|
3501
3498
|
__typename
|
|
3502
3499
|
}
|
|
3503
3500
|
}
|
|
3504
|
-
`}}}();yo.hash="468eff05b42e39b55f9aa5b9a7d2c483";function
|
|
3501
|
+
`}}}();yo.hash="468eff05b42e39b55f9aa5b9a7d2c483";function vf({userId:n,email:a,currentRole:t,newRole:l,onRoleChanged:i,onClose:r}){const[s,c]=D.useMutation(yo),d=xe(),m=ve(),f=u.useCallback(()=>{s({variables:{input:{userId:n,newRole:l}},onCompleted:()=>{d({title:"Role Changed",message:"Users role has been changed."}),i(),r()},onError:g=>{m({title:"Failed to delete user",message:g.message})}})},[s,l,m,d,r,i,n]);return o(Z,{title:"Confirm role change",children:[e(K,{padding:"size-200",children:o(x,{children:[`Are you sure you want to change the role for ${a} from `," ",e("b",{children:ht(t)})," to"," ",e("b",{children:ht(l)}),"?"]})}),e(K,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:o(h,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(z,{variant:"default",onClick:r,children:"Cancel"}),e(z,{variant:"primary",onClick:()=>{f()},disabled:c,children:"Change role"})]})})]})}const Cf=55,Ff=C`
|
|
3505
3502
|
text-decoration: none;
|
|
3506
3503
|
color: var(--ac-global-color-grey-600);
|
|
3507
3504
|
font-size: 12px;
|
|
3508
3505
|
&:hover {
|
|
3509
3506
|
text-decoration: underline;
|
|
3510
3507
|
}
|
|
3511
|
-
`,
|
|
3512
|
-
height: ${
|
|
3513
|
-
`,bl=n=>n.email==="admin@localhost"||n.username==="admin";function
|
|
3508
|
+
`,Kf=C`
|
|
3509
|
+
height: ${Cf}px;
|
|
3510
|
+
`,bl=n=>n.email==="admin@localhost"||n.username==="admin";function xf({query:n}){const[a,t]=u.useState(null),[l,i]=D.useRefetchableFragment(mo,n),r=u.useMemo(()=>l.users.edges.map(({user:g})=>({id:g.id,email:g.email,username:g.username,profilePictureUrl:g.profilePictureUrl,createdAt:g.createdAt,role:g.role.name,authMethod:g.authMethod})),[l]),s=u.useCallback(()=>{u.startTransition(()=>{i({},{fetchPolicy:"network-only"})})},[i]),c=u.useMemo(()=>[{header:"user",accessorKey:"username",cell:({row:g})=>o(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(di,{name:g.original.username,profilePictureUrl:g.original.profilePictureUrl,size:20}),e("span",{children:g.original.username}),e("a",{href:`mailto:${g.original.email}`,css:Ff,children:g.original.email})]})},{header:"method",accessorKey:"authMethod",size:10,cell:({row:g})=>g.original.authMethod.toLowerCase()},{header:"role",accessorKey:"role",cell:({row:g})=>bl(g.original)?ht(g.original.role):e(Dc,{includeLabel:!1,onChange:y=>{y!==g.original.role&&t(e(vf,{onClose:()=>t(null),onRoleChanged:s,currentRole:g.original.role,newRole:y,email:g.original.email,userId:g.original.id}))},role:Ic(g.original.role)?g.original.role:void 0})},{header:"created at",accessorKey:"createdAt",cell:Ee},{header:"",accessorKey:"id",size:10,cell:({row:g})=>bl(g.original)?null:e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(Sf,{userId:g.original.id,onUserDeleted:s,authMethod:g.original.authMethod})}),meta:{textAlign:"right"}}],[s]),d=Fe({columns:c,data:r,getCoreRowModel:Ke(),getSortedRowModel:Mn()}),m=d.getRowModel().rows,f=d.getRowModel().rows.length===0;return o("table",{css:an,children:[e("thead",{children:d.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:o("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(L,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(I.ArrowUpFilled,{}):e(I.ArrowDownFilled,{})}):null]})},y.id))},g.id))}),f?e(tn,{}):e("tbody",{children:m.map(g=>e("tr",{css:Kf,children:g.getVisibleCells().map(y=>e("td",{children:J(y.column.columnDef.cell,y.getContext())},y.id))},g.id))}),e(ee,{onDismiss:()=>t(null),isDismissable:!0,type:"modal",children:a})]})}function Tf(){const[n,a]=u.useState(0),[t,l]=u.useState(null),i=xe(),r=ve(),s=D.useLazyLoadQuery(oo,{},{fetchKey:n,fetchPolicy:"store-and-network"});return o(q,{title:"Users",variant:"compact",bodyStyle:{padding:0,overflowX:"auto"},extra:e(z,{onClick:()=>{l(e(ff,{onDismiss:()=>{l(null)},onNewUserCreated:c=>{l(null),i({title:"User added",message:`User ${c} has been added.`}),a(d=>d+1)},onNewUserCreationError:c=>{r({title:"Error adding user",message:c.message})}}))},variant:"default",size:"compact",icon:e(L,{svg:e(I.PlusCircleOutline,{})}),children:"Add User"}),children:[e(u.Suspense,{fallback:e(K,{padding:"size-200",children:e(ye,{})}),children:e(xf,{query:s})}),e(ee,{onDismiss:()=>{l(null)},children:t})]})}const If=C`
|
|
3514
3511
|
overflow-y: auto;
|
|
3515
|
-
`,
|
|
3512
|
+
`,Df=C`
|
|
3516
3513
|
padding: var(--ac-global-dimension-size-400);
|
|
3517
3514
|
max-width: 1000px;
|
|
3518
3515
|
min-width: 500px;
|
|
@@ -3520,12 +3517,12 @@ fragment UsersTable_users on Query {
|
|
|
3520
3517
|
width: 100%;
|
|
3521
3518
|
margin-left: auto;
|
|
3522
3519
|
margin-right: auto;
|
|
3523
|
-
`,
|
|
3520
|
+
`,Pf=C`
|
|
3524
3521
|
.ac-field {
|
|
3525
3522
|
// Hacky solution to make the text fields fill the remaining space
|
|
3526
3523
|
width: calc(100% - var(--ac-global-dimension-size-600));
|
|
3527
3524
|
}
|
|
3528
|
-
`;function
|
|
3525
|
+
`;function r1(){return e("main",{css:If,children:e("div",{css:Df,children:o(h,{direction:"column",gap:"size-200",width:"100%",children:[e(q,{title:"Platform Settings",variant:"compact",children:o("form",{css:Pf,children:[o(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(ae,{label:"Hostname",value:ft,isReadOnly:!0,description:"Connect to Phoenix over HTTP"}),e(gt,{text:ft})]}),o(h,{direction:"row",gap:"size-100",alignItems:"end",children:[e(ae,{label:"Platform Version",isReadOnly:!0,value:Da,description:"The version of the Phoenix server"}),e(gt,{text:Da})]}),o(h,{direction:"row",gap:"size-100",alignItems:"end",justifyContent:"center",children:[e(ae,{label:"Python Version",isReadOnly:!0,value:`pip install 'arize-phoenix==${Da}'`,description:"The version of the Python client library to use to connect to this Phoenix"}),e(gt,{text:Da})]})]})}),e(li,{children:o(G,{children:[e(yf,{}),e(Tf,{})]})})]})})})}function gt(n){return e(K,{paddingBottom:"19px",children:e(se,{text:n.text,size:"default"})})}const Sl=window.Config.basename,vl={width:"100%",height:"100%",border:"none",backgroundColor:"white"};function s1(){return o("div",{css:C`
|
|
3529
3526
|
display: flex;
|
|
3530
3527
|
flex-direction: column;
|
|
3531
3528
|
flex: 1 1 auto;
|
|
@@ -3566,7 +3563,7 @@ fragment UsersTable_users on Query {
|
|
|
3566
3563
|
text-decoration: underline;
|
|
3567
3564
|
}
|
|
3568
3565
|
}
|
|
3569
|
-
`,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
|
|
3566
|
+
`,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 Lf(n){const a=X(),{initialError:t,onSubmit:l}=n,[i,r]=u.useState(t),[s,c]=u.useState(!1),d=u.useCallback(async g=>{l==null||l(),r(null),c(!0);try{const p=await fetch(Ca("/auth/login"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(g)});if(!p.ok){const k=p.status===429?"Too many requests. Please try again later.":"Invalid login";r(k);return}}catch{r("Invalid login");return}finally{c(()=>!1)}const y=Pc();a(y)},[a,l,r]),{control:m,handleSubmit:f}=Ue({defaultValues:{email:"",password:""}});return o(G,{children:[i?o(K,{paddingBottom:"size-100",children:[e(ue,{variant:"danger",children:i})," "]}):null,o(Ae,{children:[e(W,{name:"email",control:m,render:({field:{onChange:g,value:y}})=>e(ae,{label:"Email",name:"email",isRequired:!0,type:"email",onChange:g,value:y,placeholder:"your email address"})}),o("div",{css:C`
|
|
3570
3567
|
position: relative;
|
|
3571
3568
|
a {
|
|
3572
3569
|
position: absolute;
|
|
@@ -3581,7 +3578,7 @@ fragment UsersTable_users on Query {
|
|
|
3581
3578
|
button {
|
|
3582
3579
|
width: 100%;
|
|
3583
3580
|
}
|
|
3584
|
-
`,children:e(z,{variant:"primary",loading:s,onClick:f(d),children:"Login"})})]})]})}const
|
|
3581
|
+
`,children:e(z,{variant:"primary",loading:s,onClick:f(d),children:"Login"})})]})]})}const wf=C`
|
|
3585
3582
|
button {
|
|
3586
3583
|
width: 100%;
|
|
3587
3584
|
}
|
|
@@ -3601,7 +3598,7 @@ fragment UsersTable_users on Query {
|
|
|
3601
3598
|
}
|
|
3602
3599
|
}
|
|
3603
3600
|
}
|
|
3604
|
-
`;function
|
|
3601
|
+
`;function Ef({idpName:n,idpDisplayName:a,returnUrl:t}){return e("form",{action:Ca(`/oauth2/${n}/login${t?`?returnUrl=${t}`:""}`),method:"post",css:wf,"data-provider":n,children:o(z,{variant:"default",type:"submit",icon:e(_f,{idpName:n}),children:["Login with ",a]})})}function _f({idpName:n}){return n==="github"||n==="google"||n==="microsoft_entra_id"||n.startsWith("aws")?e("i",{children:e("div",{css:C`
|
|
3605
3602
|
display: inline-block;
|
|
3606
3603
|
width: 20px;
|
|
3607
3604
|
height: 20px;
|
|
@@ -3622,51 +3619,51 @@ fragment UsersTable_users on Query {
|
|
|
3622
3619
|
&[data-provider^="aws"] {
|
|
3623
3620
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='400' height='334' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M236.578 94.824c-9.683.765-20.854 1.502-32.021 3.006-17.12 2.211-34.24 5.219-48.386 11.907-27.544 11.208-46.163 35.053-46.163 70.114 0 44.018 28.298 66.354 64.026 66.354 11.93 0 21.606-1.466 30.522-3.71 14.156-4.481 26.07-12.67 40.209-27.596 8.192 11.205 10.413 16.428 24.575 28.338 3.725 1.502 7.448 1.502 10.413-.742 8.932-7.458 24.561-20.873 32.773-28.33 3.71-3.012 2.955-7.463.739-11.204-8.198-10.435-16.381-19.401-16.381-39.506V96.324c0-28.359 2.214-54.453-18.614-73.822C261.147 6.815 234.34.86 213.5.86h-8.947c-37.965 2.247-78.169 18.635-87.122 65.629-1.462 5.955 3.012 8.198 5.989 8.962l41.677 5.224c4.471-.773 6.691-4.491 7.432-8.233 3.74-16.388 17.136-24.583 32.024-26.087h2.998c8.905 0 18.586 3.743 23.813 11.168 5.932 8.965 5.21 20.904 5.21 31.339v5.961h.004v.001zm0 43.278c0 17.162.723 30.571-8.195 45.461-5.208 10.437-14.141 17.154-23.827 19.4-1.481 0-3.698.766-5.947.766-16.371 0-26.077-12.673-26.077-31.334 0-23.856 14.159-35.056 32.023-40.277 9.687-2.241 20.86-2.982 32.021-2.982v8.966h.002z'/%3E%3Cpath d='M373.71 315.303c18.201-15.398 25.89-43.349 26.29-57.939v-2.44c0-3.255-.803-5.661-1.6-6.88-3.646-4.445-30.369-8.523-53.402-1.627-6.468 2.045-12.146 4.865-17.396 8.507-4.051 2.854-3.238 6.464.802 6.08 4.447-.823 10.126-1.208 16.594-2.048 14.159-1.18 30.742-1.592 34.784 3.662 5.642 6.87-6.468 36.868-11.749 49.838-1.593 4.065 2.03 5.696 5.677 2.847z' fill='%23FE9900'/%3E%3Cpath d='M2.008 257.364c52.17 47.404 120.925 75.775 197.791 75.775 47.725 0 102.727-13.381 145.199-38.899 5.676-3.27 11.316-6.912 16.565-10.952 7.286-5.25.817-13.38-6.463-10.147-3.229 1.215-6.873 2.857-10.103 4.066-46.539 18.248-95.441 26.76-140.762 26.76-72.008 0-141.56-19.87-197.786-52.684-5.259-2.822-8.907 2.428-4.441 6.081z' fill='%23FE9900'/%3E%3C/svg%3E");
|
|
3624
3621
|
}
|
|
3625
|
-
`,"data-provider":n})}):null}function qt(){return o("svg",{width:"253",height:"63",viewBox:"0 0 682 169",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[o("g",{clipPath:"url(#clip0_290_1904)",children:[e("path",{d:"M147.458 105.593C147.022 103.63 146.028 101.824 144.492 100.222C143.901 99.6064 143.244 99.0233 142.529 98.4978C142.184 98.2432 141.815 98.005 141.437 97.7669C140.969 97.4712 140.484 97.192 139.95 96.921C137.995 95.9191 136.328 94.909 134.866 93.825C134.274 93.3897 133.699 92.9299 133.157 92.4535C131.851 91.312 130.972 90.3348 130.315 89.3C130.102 88.9715 129.913 88.6102 129.732 88.2653C129.658 88.1175 129.543 87.9943 129.412 87.8957C129.173 87.7233 128.869 87.6494 128.565 87.6986C128.097 87.789 127.736 88.1667 127.678 88.6431C127.637 89.0126 127.637 89.4068 127.687 89.8092C127.719 90.0474 127.588 90.2773 127.366 90.3758C127.317 90.4005 127.259 90.4087 127.21 90.4169C126.898 90.4498 126.619 90.6222 126.438 90.885C126.257 91.1478 126.208 91.4681 126.282 91.7719C126.348 92.0347 126.438 92.2236 126.512 92.3714L126.578 92.5028C126.627 92.5931 126.676 92.6917 126.726 92.782C126.873 93.0612 127.021 93.3405 127.202 93.6033C127.547 94.1042 127.933 94.6052 128.393 95.1389C128.541 95.3114 128.565 95.5578 128.459 95.7549C128.352 95.952 128.13 96.0669 127.908 96.0341C125.321 95.681 122.996 95.0979 120.836 94.3013C120.59 94.211 120.335 94.1206 120.097 94.0221C118.158 93.2009 121.658 89.7189 123.259 87.247C130.282 76.4479 131.736 64.0802 131.794 51.5647C131.851 39.4681 130.545 27.5357 128.138 15.7593V15.7429C126.569 5.87173 125.239 2.168 124.401 0.796558C124.22 0.435219 124.023 0.205276 123.818 0.0985162C123.588 -0.0575166 123.465 0.0163937 123.465 0.0163937C123.013 0.0328182 122.495 0.435219 121.871 1.08399C119.251 3.83509 119.399 7.11178 120.122 10.5363C123.432 26.0903 125.921 41.7346 124.787 57.7157C124.007 68.7365 121.953 79.3468 114.248 87.9779C113.789 88.4952 113.287 88.9798 112.786 89.4725C112.211 90.0391 111.316 91.1396 110.651 90.6797C109.764 90.0638 110.552 88.7991 110.831 88.1421C115.341 77.5729 116.639 66.5275 115.949 55.1453C115.932 54.8825 115.908 54.6197 115.891 54.3569V54.3405C115.883 54.1269 115.858 53.9298 115.842 53.7245C115.727 52.2217 115.587 50.7189 115.398 49.2242C113.46 31.1655 111.127 29.9911 111.127 29.9911C110.971 29.8515 110.782 29.7448 110.528 29.6955C109.304 29.4409 108.638 30.5167 108.096 31.3297C105.648 34.9924 106.733 38.8932 107.521 42.753C110.289 56.2703 110.33 69.6645 105.583 82.8124C105.147 84.0113 104.63 85.1775 104.08 86.3272C103.496 87.5508 103.119 89.0783 101.131 88.4213C99.2662 87.8054 99.7918 86.3929 100.03 85.1036C100.654 81.8269 101.155 78.542 101.467 75.2489V75.2653C101.509 74.9368 101.525 74.6247 101.55 74.3127C101.599 73.746 101.632 73.1712 101.665 72.6045C101.689 72.1282 101.714 71.6601 101.739 71.2002C101.747 70.9621 101.763 70.7321 101.763 70.494C102.141 60.0562 100.383 55.3095 99.7179 53.9052C99.644 53.7328 99.5619 53.5767 99.4715 53.4371C98.7815 52.4024 97.6398 52.5256 96.6541 53.5028C94.8388 55.2931 93.8367 57.4118 94.2967 60.0808C95.6438 67.8496 94.8552 75.5445 93.4096 83.1983C93.2124 84.2249 92.7524 86.0973 90.5593 85.6127C89.0644 85.2842 88.7194 84.6437 88.6372 83.3461C88.6537 82.3689 88.6372 81.3916 88.6044 80.4144C88.6044 80.3897 88.6044 80.3651 88.6044 80.3405C88.6044 80.2009 88.588 80.0612 88.588 79.9299C88.588 79.8559 88.5797 79.7902 88.5715 79.7245C88.5058 78.3942 88.399 77.0556 88.2347 75.717C88.2183 75.5856 88.1937 75.4624 88.1773 75.331C87.3394 67.7921 86.247 67.0612 86.247 67.0612C85.5488 66.1497 84.4563 66.3057 83.5117 67.2419C81.6964 69.0322 80.7764 71.1427 81.1543 73.8199C81.4336 75.7745 81.3596 75.175 81.5568 76.8831C81.7128 77.7618 81.8771 79.3632 81.8935 79.8724C81.8525 80.324 81.7375 80.7182 81.4582 81.0139C80.53 82.0076 79.0351 80.9892 77.9015 80.5211C55.9209 71.4302 37.1108 58.6683 20.691 42.523C14.2513 35.945 3.25273 22.6329 3.25273 22.6329C2.84203 22.1566 2.33276 21.8856 1.55243 22.2223C0.114982 22.8383 0.156052 24.6778 0.0246278 26.2217C-0.23822 29.3177 1.42101 31.5597 3.21987 33.662C28.0179 62.5856 58.2783 83.3708 94.8059 93.7675L101.377 95.5085C101.451 95.5249 101.533 95.5496 101.607 95.566C101.624 95.566 101.632 95.566 101.64 95.5742L107.299 97.077L107.456 97.1181C107.267 97.1756 107.061 97.2167 106.839 97.2577C100.613 98.4895 88.2923 96.223 78.3944 93.9153C73.4988 92.8888 68.6854 91.6405 63.9788 90.1541C63.7653 90.0884 63.642 90.0556 63.642 90.0556C45.3577 84.2331 28.6093 74.7972 13.9556 60.4093C12.5674 59.0461 11.286 57.5761 10.0211 56.0897C8.86289 54.71 6.47262 51.8275 5.643 50.8338C5.55265 50.7024 5.45408 50.5875 5.35551 50.4807C5.10909 50.2261 4.80517 50.0619 4.36983 50.1604C3.3513 50.3986 3.05559 51.4498 2.86667 52.3367C2.1192 55.9008 3.25273 58.8983 5.65122 61.5755C20.6582 78.3942 39.4929 89.1358 60.6439 96.1819C72.6528 100.181 85.0067 102.612 97.6069 104.164C90.0911 106.595 82.3617 107.334 74.5667 107.137C59.4775 106.759 45.3248 103.138 32.0264 96.6746C27.1226 94.1535 22.5556 91.3449 21.3564 90.5894C20.6664 90.1213 19.9518 89.8338 19.2454 90.3758C17.9229 91.4024 18.8347 93.2009 19.2618 94.6051C20.075 97.307 21.956 99.1712 24.3956 100.46C46.0641 111.917 68.9401 116.499 93.2946 112.434C95.7588 112.023 98.0998 111.572 100.679 110.701C96.6048 114.224 91.89 116.524 86.9369 118.339C71.6835 123.915 56.5287 123.693 41.4314 119.915C36.5851 118.618 30.9668 116.507 30.9668 116.507C30.1536 116.154 29.3486 116.031 28.7243 116.926C27.6237 118.503 28.5847 120.145 29.5375 121.632C31.7882 125.138 36.1416 125.483 39.5832 126.674C40.7578 127.052 37.5544 129.187 36.5276 129.975C31.5335 133.794 26.6462 137.284 21.6767 140.98L18.424 143.378C17.8654 143.764 17.3726 144.199 17.6272 145.004C17.9229 145.915 18.8675 146.08 19.7875 146.268C23.3442 147.008 26.3833 145.825 29.1925 143.723C35.2134 139.214 41.3493 134.837 47.2387 130.156C49.4811 128.374 51.5182 128.522 54.582 129.31C46.9183 135.083 39.7475 140.495 32.5685 145.899C25.2827 151.376 17.9969 156.854 10.711 162.323L5.89764 165.888C5.82371 165.937 5.758 165.986 5.69229 166.044L5.61836 166.093C5.20766 166.421 4.90374 166.791 4.9941 167.267C5.19123 168.351 6.4644 168.622 7.50758 168.803C11.8117 169.542 14.4813 167.924 17.4219 165.715C32.1496 154.661 46.9266 143.682 61.5721 132.521C64.8577 130.016 68.2337 128.604 72.9731 129.138C68.9401 132.152 65.0631 135.051 61.2436 137.908L50.8611 145.587C50.7871 145.636 50.7132 145.694 50.6475 145.751C50.0972 146.186 49.7111 146.695 49.9247 147.451C50.3189 148.822 51.97 148.987 53.3745 149.2C55.9537 149.586 58.1387 148.675 60.1675 147.164C61.3339 146.293 62.5085 145.439 63.6831 144.593L79.5361 132.004C79.5361 132.004 83.2817 129.327 87.6187 126.871C88.0048 126.633 88.3908 126.387 88.7851 126.148C88.9494 126.075 89.3601 125.886 89.9843 125.59C90.4525 125.352 90.9207 125.114 91.3807 124.892C92.0625 124.547 92.851 124.128 93.7381 123.644C96.2927 122.584 103.611 119.168 109.657 112.73C112.532 110.512 116.581 107.613 119.735 106.217H119.752C119.99 106.111 120.228 106.012 120.458 105.93C120.458 105.93 120.475 105.93 120.483 105.922C120.639 105.864 120.787 105.815 120.935 105.766L121.337 105.61C122.479 105.289 124.335 105.166 124.582 107.679C124.623 108.295 124.615 108.927 124.541 109.593C124.491 110.093 124.393 110.627 124.319 111.054C124.245 111.465 124.417 111.876 124.746 112.122C124.795 112.163 124.853 112.196 124.91 112.22C125.346 112.434 125.871 112.335 126.2 111.974C126.323 111.834 126.446 111.703 126.569 111.572C128.122 109.937 129.699 108.804 131.375 108.114C133.822 107.104 136.303 107.096 138.94 108.106C140.197 108.582 141.379 109.239 142.554 110.102C143.055 110.471 143.556 110.882 144.057 111.334C144.353 111.605 144.648 111.9 144.911 112.163L144.952 112.204L145.166 112.418C145.166 112.418 145.248 112.491 145.289 112.524C145.536 112.705 145.856 112.779 146.168 112.713C146.529 112.631 146.825 112.376 146.957 112.032C146.981 111.966 147.006 111.9 147.031 111.834C147.778 109.617 147.934 107.581 147.499 105.593H147.458Z",fill:"url(#paint0_linear_290_1904)"}),e("path",{d:"M120.113 94.0303C120.195 94.0632 120.269 94.096 120.351 94.1207C120.269 94.0878 120.187 94.0632 120.113 94.0303Z",fill:"#FEDBB5"}),e("path",{d:"M111.283 87.1238C111.283 87.1238 111.267 87.1567 111.267 87.1731C111.267 87.1567 111.283 87.1402 111.283 87.1238Z",fill:"#FEDBB5"}),e("path",{d:"M123.383 87.1074C123.383 87.1074 123.358 87.1487 123.341 87.1652C123.358 87.1487 123.366 87.1239 123.383 87.1074Z",fill:"#FEDBB5"}),e("path",{d:"M104.104 86.3354C103.965 86.6229 103.841 86.9267 103.71 87.2142C103.85 86.9267 103.973 86.6229 104.104 86.3354Z",fill:"#FEDBB5"}),e("path",{d:"M89.0233 84.7422C89.0233 84.7422 89.0233 84.7505 89.0316 84.7588C89.0316 84.7588 89.0316 84.7505 89.0233 84.7422Z",fill:"#FEDBB5"}),e("path",{d:"M89.0644 84.7998C89.1876 84.964 89.3437 85.1118 89.5408 85.235C89.3437 85.1118 89.1876 84.9722 89.0644 84.7998ZM89.0644 84.7833C89.0644 84.7833 89.0644 84.7833 89.0644 84.7915C89.0644 84.7915 89.0644 84.7915 89.0644 84.7833ZM89.0562 84.7751C89.0562 84.7751 89.0562 84.7751 89.0562 84.7833C89.0562 84.7833 89.0562 84.7833 89.0562 84.7751ZM88.6947 83.3626C88.6947 83.3626 88.6947 83.3708 88.6947 83.379C88.6947 83.379 88.6947 83.3708 88.6947 83.3626ZM79.1665 81.0878C79.1665 81.0878 79.1829 81.0878 79.1829 81.096C79.6429 81.2931 80.1029 81.4492 80.53 81.4492C80.7107 81.4492 80.8832 81.4245 81.0393 81.3588C80.875 81.4245 80.7025 81.4492 80.53 81.4492C80.0947 81.4492 79.6265 81.2849 79.1665 81.0878ZM88.629 79.6507C88.629 79.6507 88.629 79.6507 88.629 79.6589C88.629 79.6589 88.629 79.6589 88.629 79.6507Z",fill:"#E5B4A6"}),e("path",{d:"M120.36 94.1206C120.36 94.1206 120.434 94.1535 120.475 94.1617C120.475 94.1617 120.401 94.1289 120.36 94.1206ZM110.273 89.8749C110.273 90.187 110.38 90.4662 110.684 90.6797C110.79 90.7536 110.905 90.7865 111.029 90.7865C111.209 90.7865 111.398 90.7126 111.595 90.5894C111.406 90.7126 111.218 90.7865 111.029 90.7865C110.905 90.7865 110.79 90.7536 110.684 90.6797C110.38 90.4744 110.273 90.187 110.273 89.8749ZM110.914 88.0189C110.914 88.0189 110.881 88.1011 110.864 88.1421C110.881 88.1011 110.897 88.06 110.914 88.0189ZM111.226 87.2798C111.127 87.5262 111.02 87.7726 110.914 88.0189C111.02 87.7726 111.119 87.5262 111.226 87.2798ZM111.267 87.1731C111.267 87.1731 111.234 87.2388 111.226 87.2798C111.242 87.247 111.259 87.2141 111.267 87.1731ZM123.341 87.1731C123.341 87.1731 123.341 87.1813 123.333 87.1895C123.333 87.1895 123.333 87.1813 123.341 87.1731ZM123.391 87.0992C123.391 87.0992 123.391 87.1074 123.382 87.1156C123.382 87.1156 123.382 87.1074 123.391 87.0992ZM111.308 87.0992C111.308 87.0992 111.3 87.132 111.291 87.1402C111.291 87.1238 111.3 87.1074 111.308 87.0992ZM99.8001 86.7707C99.8001 87.4769 100.079 88.0928 101.155 88.446C101.484 88.5527 101.771 88.602 102.026 88.602C102.93 88.602 103.365 87.9615 103.71 87.2306C103.357 87.9697 102.921 88.602 102.026 88.602C101.78 88.602 101.492 88.5527 101.155 88.446C100.088 88.0928 99.8001 87.4769 99.8001 86.7707ZM92.7689 84.9886C92.4486 85.4074 91.9722 85.7195 91.2575 85.7195C91.1836 85.7195 91.1097 85.7195 91.0358 85.7113C91.1097 85.7113 91.1836 85.7195 91.2575 85.7195C91.9722 85.7195 92.4486 85.4157 92.7689 84.9886ZM106.651 79.7081C106.651 79.7081 106.651 79.7081 106.642 79.7081C106.322 80.7511 105.985 81.8023 105.616 82.8452C105.993 81.8023 106.338 80.7593 106.659 79.7081M94.1571 79.1251C93.9846 80.2748 93.7875 81.4163 93.5739 82.566C93.7875 81.4245 93.9846 80.2748 94.1571 79.1251ZM122.191 73.6311C120.623 78.7884 118.175 83.65 114.29 88.0025C113.83 88.5199 113.329 89.0044 112.828 89.4972C113.329 89.0126 113.821 88.5199 114.29 88.0025C118.175 83.65 120.623 78.7884 122.2 73.6311",fill:"#E5B4A6"}),e("path",{opacity:"0.4",d:"M2.20136 22.0745C2.00423 22.0745 1.79066 22.1238 1.55246 22.2223C0.53392 22.6658 0.254644 23.7252 0.139648 24.8503C5.61017 32.0196 27.213 58.4548 61.1943 76.5875C61.1943 76.5875 94.4692 94.1453 127.933 96.0423C125.346 95.6892 123.021 95.1061 120.861 94.3095C120.729 94.2602 120.606 94.2192 120.475 94.1699C108.318 91.542 97.9519 88.2571 90.6168 85.6292C90.7565 85.662 90.8961 85.6784 91.0193 85.6949C90.8879 85.6867 90.7401 85.662 90.5922 85.6292C90.1486 85.5306 89.8037 85.4074 89.5408 85.2432C83.7417 83.1244 80.0454 81.4984 79.1583 81.096C78.7312 80.9153 78.3123 80.6936 77.9344 80.5376C55.9538 71.4466 37.1437 58.6848 20.7239 42.5395C14.2513 35.945 3.25275 22.633 3.25275 22.633C2.97348 22.3045 2.6367 22.0745 2.20136 22.0745Z",fill:"url(#paint1_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M4.62448 50.1358C4.55056 50.1358 4.46842 50.144 4.37806 50.1687C3.35953 50.4068 3.06382 51.458 2.8749 52.3449C2.84204 52.5009 2.80919 52.6652 2.78455 52.8212C19.7711 75.832 42.5732 85.235 42.5732 85.235C65.3341 95.952 84.0128 98.12 95.3892 98.12C100.096 98.12 103.554 97.7505 105.533 97.463C104.63 97.5616 103.636 97.6109 102.568 97.6109C95.8984 97.6109 86.362 95.7795 78.4026 93.9235C73.5071 92.897 68.6937 91.6488 63.987 90.1623C63.7735 90.0966 63.6503 90.0638 63.6503 90.0638C45.3659 84.2413 28.6176 74.8054 13.9638 60.4175C12.5756 59.0543 11.2942 57.5843 10.0293 56.0979C8.87112 54.7182 6.48084 51.8357 5.65123 50.8421C5.56088 50.7107 5.46231 50.5957 5.36374 50.4889C5.16661 50.2836 4.9284 50.1358 4.62448 50.1358Z",fill:"url(#paint2_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M20.0669 90.1049C19.7958 90.1049 19.5247 90.187 19.2537 90.4005C18.1037 91.2874 18.6458 92.7738 19.0812 94.0632C27.5991 99.2287 47.132 109.289 70.2626 109.289C79.0023 109.289 88.243 107.86 97.607 104.189C90.8469 106.382 83.9061 107.195 76.9077 107.195C76.1274 107.195 75.3471 107.186 74.5667 107.162C59.4776 106.784 45.3249 103.162 32.0264 96.6993C27.1227 94.1781 22.5557 91.3695 21.3565 90.614C20.9293 90.3266 20.5022 90.1049 20.0669 90.1049Z",fill:"url(#paint3_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M99.1759 111.949C95.4632 114.791 91.2987 116.762 86.937 118.355C78.7559 121.344 70.5994 122.666 62.4675 122.666C55.4363 122.666 48.4298 121.681 41.4315 119.932C36.5852 118.634 30.9668 116.524 30.9668 116.524C30.6136 116.368 30.2604 116.261 29.9237 116.261C29.4883 116.261 29.0776 116.442 28.7326 116.951C28.2234 117.682 28.1577 118.429 28.3219 119.168C33.6939 121.665 45.2181 126.099 59.2723 126.099C71.4536 126.099 85.5406 122.765 99.1759 111.949Z",fill:"url(#paint4_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M62.9356 129.368C49.7358 129.368 39.7557 126.699 38.4908 126.346C38.8604 126.452 39.2218 126.567 39.5833 126.69C40.7579 127.068 37.5544 129.203 36.5276 129.992C32.8396 132.817 29.2008 135.461 25.5537 138.138H36.7576C40.2897 135.527 43.8052 132.907 47.2387 130.172C48.5119 129.154 49.7275 128.768 51.0993 128.768C52.1342 128.768 53.2678 128.99 54.582 129.335C46.9184 135.108 39.7475 140.52 32.5685 145.924C28.3711 149.077 24.1738 152.231 19.9764 155.384H31.246C41.3821 147.804 51.51 140.216 61.5721 132.546C63.8967 130.78 66.2623 129.557 69.1208 129.179C67.0016 129.318 64.9316 129.376 62.9439 129.376L62.9356 129.368Z",fill:"url(#paint5_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M60.5782 138.409H71.47L79.5115 132.02C79.5115 132.02 83.2571 129.343 87.5941 126.888C87.9801 126.649 88.3662 126.403 88.7605 126.165C88.9248 126.091 89.3354 125.902 89.9597 125.606C90.4279 125.368 90.8961 125.13 91.3561 124.908C92.0625 124.547 92.8921 124.112 93.8121 123.603C86.0499 126.855 78.0987 128.44 70.739 129.056C70.8375 129.056 70.9443 129.056 71.0429 129.056C71.6589 129.056 72.2996 129.088 72.965 129.162C68.9319 132.176 65.0549 135.075 61.2354 137.933L60.5782 138.418V138.409Z",fill:"url(#paint6_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M88.6701 83.3544C88.6865 82.3771 88.6701 81.3999 88.6373 80.4226V80.3487C88.6373 80.2091 88.6208 80.0695 88.6208 79.9381L88.6044 79.7328C88.5633 78.9115 88.4976 78.0903 88.4237 77.2609C85.8281 76.1687 83.3803 74.7726 81.1215 73.1301C81.1379 73.3601 81.1461 73.59 81.179 73.8364C81.4582 75.7909 81.3843 75.1914 81.5814 76.8995C81.7375 77.7783 81.9018 79.3797 81.9182 79.8888C81.8771 80.3405 81.7621 80.7347 81.4829 81.0303C81.1954 81.3342 80.8586 81.4491 80.4972 81.4491C80.0619 81.4491 79.5937 81.2849 79.1337 81.0878C79.9961 81.4738 83.7007 83.108 89.5408 85.2432C88.9165 84.8572 88.7194 84.2742 88.6619 83.3626L88.6701 83.3544Z",fill:"url(#paint7_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M131.022 64.885C128.59 68.2685 125.6 71.2331 122.175 73.6146C120.606 78.7719 118.158 83.6336 114.273 87.9861C113.813 88.5035 113.312 88.988 112.811 89.4807C112.326 89.9488 111.628 90.8029 111.02 90.8029C110.897 90.8029 110.782 90.77 110.675 90.6961C109.788 90.0802 110.577 88.8155 110.856 88.1585C112.31 84.7505 113.427 81.2931 114.257 77.7865C111.825 78.698 109.271 79.3386 106.634 79.6999C106.314 80.7429 105.977 81.794 105.607 82.837C105.172 84.036 104.655 85.2021 104.104 86.3518C103.62 87.3702 103.275 88.602 102.018 88.602C101.771 88.602 101.484 88.5527 101.147 88.446C99.2827 87.83 99.8084 86.4175 100.047 85.1282C100.367 83.4201 100.663 81.7119 100.909 79.9956C98.5927 79.9217 96.3256 79.626 94.1325 79.1168C93.9271 80.4883 93.6889 81.8515 93.4261 83.2148C93.2536 84.1263 92.8675 85.7113 91.2412 85.7113C91.044 85.7113 90.8305 85.6867 90.6005 85.6374C97.9356 88.2735 108.293 91.5584 120.458 94.1863C120.335 94.1371 120.22 94.096 120.105 94.0467C118.167 93.2255 121.666 89.7435 123.268 87.2716C127.777 80.3323 129.987 72.7523 131.005 64.8932L131.022 64.885Z",fill:"url(#paint8_linear_290_1904)"}),e("path",{opacity:"0.5",d:"M129.206 102.497C127.687 102.497 126.151 102.645 124.647 102.916C124.36 102.965 124.081 102.99 123.818 102.99C123.391 102.99 122.988 102.924 122.61 102.809C122.668 102.883 122.734 102.957 122.791 103.039C123.448 103.959 123.793 104.961 123.925 106.004C124.089 106.184 124.229 106.406 124.344 106.694C124.344 106.694 124.344 106.694 124.344 106.71C124.344 106.71 124.344 106.71 124.344 106.718C124.344 106.718 124.344 106.718 124.344 106.726C124.344 106.726 124.344 106.726 124.344 106.735C124.344 106.735 124.344 106.735 124.344 106.743C124.344 106.743 124.344 106.743 124.344 106.751C124.344 106.751 124.344 106.751 124.344 106.759C124.344 106.759 124.344 106.759 124.344 106.768V106.784C124.344 106.784 124.344 106.784 124.344 106.792C124.344 106.792 124.344 106.792 124.344 106.8C124.344 106.8 124.344 106.8 124.344 106.809C124.344 106.809 124.344 106.809 124.344 106.817C124.344 106.817 124.344 106.817 124.344 106.825C124.344 106.825 124.344 106.833 124.344 106.841C124.344 106.841 124.344 106.841 124.344 106.858C124.344 106.858 124.344 106.858 124.344 106.866C124.344 106.866 124.344 106.866 124.344 106.874C124.344 106.874 124.344 106.874 124.344 106.882C124.344 106.882 124.344 106.883 124.344 106.891C124.344 106.891 124.344 106.891 124.344 106.899C124.344 106.899 124.344 106.899 124.344 106.907C124.344 106.907 124.344 106.907 124.344 106.915C124.344 106.915 124.344 106.915 124.344 106.924C124.344 106.924 124.344 106.924 124.344 106.932C124.344 106.932 124.344 106.932 124.344 106.94C124.344 106.94 124.344 106.94 124.344 106.948C124.344 106.948 124.344 106.948 124.344 106.965C124.344 106.965 124.344 106.973 124.344 106.981C124.344 106.981 124.344 106.989 124.344 106.997V107.014C124.344 107.014 124.344 107.022 124.344 107.03C124.344 107.03 124.344 107.039 124.344 107.047C124.344 107.047 124.344 107.055 124.344 107.063C124.344 107.063 124.344 107.071 124.344 107.08C124.344 107.08 124.344 107.088 124.344 107.096C124.344 107.096 124.344 107.104 124.344 107.112C124.344 107.112 124.344 107.121 124.344 107.129C124.344 107.145 124.344 107.162 124.344 107.178C124.344 107.178 124.344 107.186 124.344 107.195C124.344 107.195 124.344 107.227 124.344 107.244C124.344 107.244 124.344 107.252 124.344 107.26V107.277C124.344 107.277 124.344 107.301 124.344 107.31C124.344 107.31 124.344 107.318 124.344 107.326V107.342V107.359C124.36 107.597 124.368 107.843 124.368 108.09C124.368 108.476 124.344 108.87 124.302 109.272C124.253 109.773 124.155 110.307 124.081 110.734C124.072 110.8 124.064 110.865 124.064 110.923C124.064 111.268 124.229 111.588 124.508 111.793L124.672 111.892C124.828 111.966 124.992 112.007 125.157 112.007C125.461 112.007 125.748 111.884 125.962 111.654C126.085 111.514 126.208 111.383 126.331 111.251C127.884 109.617 129.461 108.484 131.136 107.794C132.369 107.285 133.601 107.03 134.857 107.03C136.114 107.03 137.387 107.285 138.702 107.786C139.958 108.262 141.141 108.919 142.316 109.781C142.817 110.151 143.318 110.562 143.819 111.013C144.115 111.284 144.41 111.58 144.673 111.843L144.714 111.884L144.928 112.097L145.051 112.204C145.232 112.335 145.453 112.409 145.675 112.418C144.632 110.192 143.318 108.123 141.461 106.513C137.946 103.466 133.51 102.177 129.001 102.177",fill:"url(#paint9_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M128.779 87.6905L128.582 87.7069C128.114 87.7972 127.752 88.175 127.695 88.6513C127.654 89.0208 127.654 89.415 127.703 89.8174C127.72 89.9488 127.687 90.072 127.629 90.1706C129.51 92.9627 133.584 97.9065 139.769 99.7789C139.769 99.7789 149.331 104.78 146.916 112.032L146.99 111.834C147.737 109.617 147.893 107.581 147.458 105.593C147.022 103.63 146.029 101.824 144.492 100.222C143.901 99.6064 143.244 99.0234 142.529 98.4978C142.184 98.2432 141.815 98.0051 141.437 97.7669C140.969 97.4713 140.484 97.192 139.95 96.921C137.995 95.9191 136.328 94.909 134.866 93.825C134.274 93.3898 133.699 92.9299 133.157 92.4536C131.851 91.3121 130.972 90.3348 130.315 89.3001C130.102 88.9716 129.913 88.6102 129.732 88.2653C129.658 88.1175 129.543 87.9943 129.412 87.8958C129.231 87.7562 129.001 87.6823 128.763 87.6823",fill:"url(#paint10_linear_290_1904)"}),e("path",{opacity:"0.5",d:"M116.647 107.893L118.586 106.768L126.734 95.8535C126.734 95.8535 122.274 95.0076 120.122 94.0303C120.122 94.0303 117.887 104.222 109.632 112.738L112.672 110.488C113.887 109.634 114.988 108.903 116.647 107.893Z",fill:"url(#paint11_linear_290_1904)"}),e("path",{d:"M209.416 49.9962H230.197C245.221 49.9962 252.104 57.7157 252.104 73.5818V81.4409C252.104 97.307 245.221 105.027 230.197 105.027H218.123V148.264H209.416V49.9962ZM230.197 97.0196C239.323 97.0196 243.397 92.9463 243.397 81.8598V73.0152C243.397 62.0682 239.323 57.8553 230.197 57.8553H218.123V97.0196H230.197Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M284.114 49.9962H292.821V93.0941H319.64V49.9962H328.346V148.256H319.64V100.953H292.821V148.256H284.114V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M362.451 125.656V72.5963C362.451 57.0177 370.312 48.5919 384.497 48.5919C398.683 48.5919 406.544 57.0177 406.544 72.5963V125.656C406.544 141.234 398.683 149.66 384.497 149.66C370.312 149.66 362.451 141.234 362.451 125.656ZM397.829 126.214V72.0297C397.829 61.5016 393.056 56.451 384.489 56.451C375.922 56.451 371.15 61.5016 371.15 72.0297V126.214C371.15 136.742 375.922 141.653 384.489 141.653C393.056 141.653 397.829 136.742 397.829 126.214Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M440.796 49.9962H480.108V57.8553H449.503V93.0859H474.638V100.945H449.503V140.249H480.108V148.248H440.796V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M511.56 49.9962H523.076L548.629 125.935V49.9962H556.769V148.256H547.504L519.56 64.458V148.256H511.56V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M592.007 49.9962H600.714V148.256H592.007V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M651.674 98.1447L632.437 49.9962H641.702L657.144 89.0209L672.726 49.9962H681.154L661.917 98.1447L681.992 148.256H672.726L656.438 106.989L640.01 148.256H631.591L651.666 98.1447H651.674Z",fill:"var(--ac-global-text-color-900)"})]}),o("defs",{children:[o("linearGradient",{id:"paint0_linear_290_1904",x1:"22.0956",y1:"10.3474",x2:"97.4433",y2:"140.879",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#14BAB6"}),e("stop",{offset:"0.5",stopColor:"#00ADEE"}),e("stop",{offset:"1",stopColor:"#0095C4"})]}),o("linearGradient",{id:"paint1_linear_290_1904",x1:"95.422",y1:"114.807",x2:"31.8741",y2:"4.70214",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint2_linear_290_1904",x1:"76.6695",y1:"114.126",x2:"30.8746",y2:"34.7951",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint3_linear_290_1904",x1:"70.3612",y1:"119.915",x2:"44.7991",y2:"75.6384",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint4_linear_290_1904",x1:"71.4208",y1:"128.85",x2:"55.5071",y2:"101.279",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint5_linear_290_1904",x1:"44.5363",y1:"126.346",x2:"44.5363",y2:"155.384",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.03",stopColor:"#231F20",stopOpacity:"0.9"}),e("stop",{offset:"0.22",stopColor:"#231F20",stopOpacity:"0.4"}),e("stop",{offset:"0.42",stopColor:"#231F20",stopOpacity:"0.1"}),e("stop",{offset:"0.65",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint6_linear_290_1904",x1:"77.1952",y1:"123.603",x2:"77.1952",y2:"138.409",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint7_linear_290_1904",x1:"84.3413",y1:"85.235",x2:"84.3413",y2:"73.1301",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.03",stopColor:"#231F20",stopOpacity:"0.95"}),e("stop",{offset:"0.51",stopColor:"#231F20",stopOpacity:"0.26"}),e("stop",{offset:"0.81",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint8_linear_290_1904",x1:"110.815",y1:"94.1699",x2:"110.815",y2:"64.885",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.18",stopColor:"#231F20",stopOpacity:"0.48"}),e("stop",{offset:"0.38",stopColor:"#231F20",stopOpacity:"0.12"}),e("stop",{offset:"0.58",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint9_linear_290_1904",x1:"138.077",y1:"117.246",x2:"127.969",y2:"99.7278",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint10_linear_290_1904",x1:"146.226",y1:"112.434",x2:"131.084",y2:"86.1931",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint11_linear_290_1904",x1:"106.889",y1:"107.999",x2:"128.941",y2:"95.2581",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.31",stopColor:"#231F20",stopOpacity:"0.5"}),e("stop",{offset:"0.67",stopColor:"#231F20",stopOpacity:"0.13"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),e("clipPath",{id:"clip0_290_1904",children:e("rect",{width:"682",height:"169",fill:"white"})})]})]})}const Af=C`
|
|
3622
|
+
`,"data-provider":n})}):null}function qt(){return o("svg",{width:"253",height:"63",viewBox:"0 0 682 169",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[o("g",{clipPath:"url(#clip0_290_1904)",children:[e("path",{d:"M147.458 105.593C147.022 103.63 146.028 101.824 144.492 100.222C143.901 99.6064 143.244 99.0233 142.529 98.4978C142.184 98.2432 141.815 98.005 141.437 97.7669C140.969 97.4712 140.484 97.192 139.95 96.921C137.995 95.9191 136.328 94.909 134.866 93.825C134.274 93.3897 133.699 92.9299 133.157 92.4535C131.851 91.312 130.972 90.3348 130.315 89.3C130.102 88.9715 129.913 88.6102 129.732 88.2653C129.658 88.1175 129.543 87.9943 129.412 87.8957C129.173 87.7233 128.869 87.6494 128.565 87.6986C128.097 87.789 127.736 88.1667 127.678 88.6431C127.637 89.0126 127.637 89.4068 127.687 89.8092C127.719 90.0474 127.588 90.2773 127.366 90.3758C127.317 90.4005 127.259 90.4087 127.21 90.4169C126.898 90.4498 126.619 90.6222 126.438 90.885C126.257 91.1478 126.208 91.4681 126.282 91.7719C126.348 92.0347 126.438 92.2236 126.512 92.3714L126.578 92.5028C126.627 92.5931 126.676 92.6917 126.726 92.782C126.873 93.0612 127.021 93.3405 127.202 93.6033C127.547 94.1042 127.933 94.6052 128.393 95.1389C128.541 95.3114 128.565 95.5578 128.459 95.7549C128.352 95.952 128.13 96.0669 127.908 96.0341C125.321 95.681 122.996 95.0979 120.836 94.3013C120.59 94.211 120.335 94.1206 120.097 94.0221C118.158 93.2009 121.658 89.7189 123.259 87.247C130.282 76.4479 131.736 64.0802 131.794 51.5647C131.851 39.4681 130.545 27.5357 128.138 15.7593V15.7429C126.569 5.87173 125.239 2.168 124.401 0.796558C124.22 0.435219 124.023 0.205276 123.818 0.0985162C123.588 -0.0575166 123.465 0.0163937 123.465 0.0163937C123.013 0.0328182 122.495 0.435219 121.871 1.08399C119.251 3.83509 119.399 7.11178 120.122 10.5363C123.432 26.0903 125.921 41.7346 124.787 57.7157C124.007 68.7365 121.953 79.3468 114.248 87.9779C113.789 88.4952 113.287 88.9798 112.786 89.4725C112.211 90.0391 111.316 91.1396 110.651 90.6797C109.764 90.0638 110.552 88.7991 110.831 88.1421C115.341 77.5729 116.639 66.5275 115.949 55.1453C115.932 54.8825 115.908 54.6197 115.891 54.3569V54.3405C115.883 54.1269 115.858 53.9298 115.842 53.7245C115.727 52.2217 115.587 50.7189 115.398 49.2242C113.46 31.1655 111.127 29.9911 111.127 29.9911C110.971 29.8515 110.782 29.7448 110.528 29.6955C109.304 29.4409 108.638 30.5167 108.096 31.3297C105.648 34.9924 106.733 38.8932 107.521 42.753C110.289 56.2703 110.33 69.6645 105.583 82.8124C105.147 84.0113 104.63 85.1775 104.08 86.3272C103.496 87.5508 103.119 89.0783 101.131 88.4213C99.2662 87.8054 99.7918 86.3929 100.03 85.1036C100.654 81.8269 101.155 78.542 101.467 75.2489V75.2653C101.509 74.9368 101.525 74.6247 101.55 74.3127C101.599 73.746 101.632 73.1712 101.665 72.6045C101.689 72.1282 101.714 71.6601 101.739 71.2002C101.747 70.9621 101.763 70.7321 101.763 70.494C102.141 60.0562 100.383 55.3095 99.7179 53.9052C99.644 53.7328 99.5619 53.5767 99.4715 53.4371C98.7815 52.4024 97.6398 52.5256 96.6541 53.5028C94.8388 55.2931 93.8367 57.4118 94.2967 60.0808C95.6438 67.8496 94.8552 75.5445 93.4096 83.1983C93.2124 84.2249 92.7524 86.0973 90.5593 85.6127C89.0644 85.2842 88.7194 84.6437 88.6372 83.3461C88.6537 82.3689 88.6372 81.3916 88.6044 80.4144C88.6044 80.3897 88.6044 80.3651 88.6044 80.3405C88.6044 80.2009 88.588 80.0612 88.588 79.9299C88.588 79.8559 88.5797 79.7902 88.5715 79.7245C88.5058 78.3942 88.399 77.0556 88.2347 75.717C88.2183 75.5856 88.1937 75.4624 88.1773 75.331C87.3394 67.7921 86.247 67.0612 86.247 67.0612C85.5488 66.1497 84.4563 66.3057 83.5117 67.2419C81.6964 69.0322 80.7764 71.1427 81.1543 73.8199C81.4336 75.7745 81.3596 75.175 81.5568 76.8831C81.7128 77.7618 81.8771 79.3632 81.8935 79.8724C81.8525 80.324 81.7375 80.7182 81.4582 81.0139C80.53 82.0076 79.0351 80.9892 77.9015 80.5211C55.9209 71.4302 37.1108 58.6683 20.691 42.523C14.2513 35.945 3.25273 22.6329 3.25273 22.6329C2.84203 22.1566 2.33276 21.8856 1.55243 22.2223C0.114982 22.8383 0.156052 24.6778 0.0246278 26.2217C-0.23822 29.3177 1.42101 31.5597 3.21987 33.662C28.0179 62.5856 58.2783 83.3708 94.8059 93.7675L101.377 95.5085C101.451 95.5249 101.533 95.5496 101.607 95.566C101.624 95.566 101.632 95.566 101.64 95.5742L107.299 97.077L107.456 97.1181C107.267 97.1756 107.061 97.2167 106.839 97.2577C100.613 98.4895 88.2923 96.223 78.3944 93.9153C73.4988 92.8888 68.6854 91.6405 63.9788 90.1541C63.7653 90.0884 63.642 90.0556 63.642 90.0556C45.3577 84.2331 28.6093 74.7972 13.9556 60.4093C12.5674 59.0461 11.286 57.5761 10.0211 56.0897C8.86289 54.71 6.47262 51.8275 5.643 50.8338C5.55265 50.7024 5.45408 50.5875 5.35551 50.4807C5.10909 50.2261 4.80517 50.0619 4.36983 50.1604C3.3513 50.3986 3.05559 51.4498 2.86667 52.3367C2.1192 55.9008 3.25273 58.8983 5.65122 61.5755C20.6582 78.3942 39.4929 89.1358 60.6439 96.1819C72.6528 100.181 85.0067 102.612 97.6069 104.164C90.0911 106.595 82.3617 107.334 74.5667 107.137C59.4775 106.759 45.3248 103.138 32.0264 96.6746C27.1226 94.1535 22.5556 91.3449 21.3564 90.5894C20.6664 90.1213 19.9518 89.8338 19.2454 90.3758C17.9229 91.4024 18.8347 93.2009 19.2618 94.6051C20.075 97.307 21.956 99.1712 24.3956 100.46C46.0641 111.917 68.9401 116.499 93.2946 112.434C95.7588 112.023 98.0998 111.572 100.679 110.701C96.6048 114.224 91.89 116.524 86.9369 118.339C71.6835 123.915 56.5287 123.693 41.4314 119.915C36.5851 118.618 30.9668 116.507 30.9668 116.507C30.1536 116.154 29.3486 116.031 28.7243 116.926C27.6237 118.503 28.5847 120.145 29.5375 121.632C31.7882 125.138 36.1416 125.483 39.5832 126.674C40.7578 127.052 37.5544 129.187 36.5276 129.975C31.5335 133.794 26.6462 137.284 21.6767 140.98L18.424 143.378C17.8654 143.764 17.3726 144.199 17.6272 145.004C17.9229 145.915 18.8675 146.08 19.7875 146.268C23.3442 147.008 26.3833 145.825 29.1925 143.723C35.2134 139.214 41.3493 134.837 47.2387 130.156C49.4811 128.374 51.5182 128.522 54.582 129.31C46.9183 135.083 39.7475 140.495 32.5685 145.899C25.2827 151.376 17.9969 156.854 10.711 162.323L5.89764 165.888C5.82371 165.937 5.758 165.986 5.69229 166.044L5.61836 166.093C5.20766 166.421 4.90374 166.791 4.9941 167.267C5.19123 168.351 6.4644 168.622 7.50758 168.803C11.8117 169.542 14.4813 167.924 17.4219 165.715C32.1496 154.661 46.9266 143.682 61.5721 132.521C64.8577 130.016 68.2337 128.604 72.9731 129.138C68.9401 132.152 65.0631 135.051 61.2436 137.908L50.8611 145.587C50.7871 145.636 50.7132 145.694 50.6475 145.751C50.0972 146.186 49.7111 146.695 49.9247 147.451C50.3189 148.822 51.97 148.987 53.3745 149.2C55.9537 149.586 58.1387 148.675 60.1675 147.164C61.3339 146.293 62.5085 145.439 63.6831 144.593L79.5361 132.004C79.5361 132.004 83.2817 129.327 87.6187 126.871C88.0048 126.633 88.3908 126.387 88.7851 126.148C88.9494 126.075 89.3601 125.886 89.9843 125.59C90.4525 125.352 90.9207 125.114 91.3807 124.892C92.0625 124.547 92.851 124.128 93.7381 123.644C96.2927 122.584 103.611 119.168 109.657 112.73C112.532 110.512 116.581 107.613 119.735 106.217H119.752C119.99 106.111 120.228 106.012 120.458 105.93C120.458 105.93 120.475 105.93 120.483 105.922C120.639 105.864 120.787 105.815 120.935 105.766L121.337 105.61C122.479 105.289 124.335 105.166 124.582 107.679C124.623 108.295 124.615 108.927 124.541 109.593C124.491 110.093 124.393 110.627 124.319 111.054C124.245 111.465 124.417 111.876 124.746 112.122C124.795 112.163 124.853 112.196 124.91 112.22C125.346 112.434 125.871 112.335 126.2 111.974C126.323 111.834 126.446 111.703 126.569 111.572C128.122 109.937 129.699 108.804 131.375 108.114C133.822 107.104 136.303 107.096 138.94 108.106C140.197 108.582 141.379 109.239 142.554 110.102C143.055 110.471 143.556 110.882 144.057 111.334C144.353 111.605 144.648 111.9 144.911 112.163L144.952 112.204L145.166 112.418C145.166 112.418 145.248 112.491 145.289 112.524C145.536 112.705 145.856 112.779 146.168 112.713C146.529 112.631 146.825 112.376 146.957 112.032C146.981 111.966 147.006 111.9 147.031 111.834C147.778 109.617 147.934 107.581 147.499 105.593H147.458Z",fill:"url(#paint0_linear_290_1904)"}),e("path",{d:"M120.113 94.0303C120.195 94.0632 120.269 94.096 120.351 94.1207C120.269 94.0878 120.187 94.0632 120.113 94.0303Z",fill:"#FEDBB5"}),e("path",{d:"M111.283 87.1238C111.283 87.1238 111.267 87.1567 111.267 87.1731C111.267 87.1567 111.283 87.1402 111.283 87.1238Z",fill:"#FEDBB5"}),e("path",{d:"M123.383 87.1074C123.383 87.1074 123.358 87.1487 123.341 87.1652C123.358 87.1487 123.366 87.1239 123.383 87.1074Z",fill:"#FEDBB5"}),e("path",{d:"M104.104 86.3354C103.965 86.6229 103.841 86.9267 103.71 87.2142C103.85 86.9267 103.973 86.6229 104.104 86.3354Z",fill:"#FEDBB5"}),e("path",{d:"M89.0233 84.7422C89.0233 84.7422 89.0233 84.7505 89.0316 84.7588C89.0316 84.7588 89.0316 84.7505 89.0233 84.7422Z",fill:"#FEDBB5"}),e("path",{d:"M89.0644 84.7998C89.1876 84.964 89.3437 85.1118 89.5408 85.235C89.3437 85.1118 89.1876 84.9722 89.0644 84.7998ZM89.0644 84.7833C89.0644 84.7833 89.0644 84.7833 89.0644 84.7915C89.0644 84.7915 89.0644 84.7915 89.0644 84.7833ZM89.0562 84.7751C89.0562 84.7751 89.0562 84.7751 89.0562 84.7833C89.0562 84.7833 89.0562 84.7833 89.0562 84.7751ZM88.6947 83.3626C88.6947 83.3626 88.6947 83.3708 88.6947 83.379C88.6947 83.379 88.6947 83.3708 88.6947 83.3626ZM79.1665 81.0878C79.1665 81.0878 79.1829 81.0878 79.1829 81.096C79.6429 81.2931 80.1029 81.4492 80.53 81.4492C80.7107 81.4492 80.8832 81.4245 81.0393 81.3588C80.875 81.4245 80.7025 81.4492 80.53 81.4492C80.0947 81.4492 79.6265 81.2849 79.1665 81.0878ZM88.629 79.6507C88.629 79.6507 88.629 79.6507 88.629 79.6589C88.629 79.6589 88.629 79.6589 88.629 79.6507Z",fill:"#E5B4A6"}),e("path",{d:"M120.36 94.1206C120.36 94.1206 120.434 94.1535 120.475 94.1617C120.475 94.1617 120.401 94.1289 120.36 94.1206ZM110.273 89.8749C110.273 90.187 110.38 90.4662 110.684 90.6797C110.79 90.7536 110.905 90.7865 111.029 90.7865C111.209 90.7865 111.398 90.7126 111.595 90.5894C111.406 90.7126 111.218 90.7865 111.029 90.7865C110.905 90.7865 110.79 90.7536 110.684 90.6797C110.38 90.4744 110.273 90.187 110.273 89.8749ZM110.914 88.0189C110.914 88.0189 110.881 88.1011 110.864 88.1421C110.881 88.1011 110.897 88.06 110.914 88.0189ZM111.226 87.2798C111.127 87.5262 111.02 87.7726 110.914 88.0189C111.02 87.7726 111.119 87.5262 111.226 87.2798ZM111.267 87.1731C111.267 87.1731 111.234 87.2388 111.226 87.2798C111.242 87.247 111.259 87.2141 111.267 87.1731ZM123.341 87.1731C123.341 87.1731 123.341 87.1813 123.333 87.1895C123.333 87.1895 123.333 87.1813 123.341 87.1731ZM123.391 87.0992C123.391 87.0992 123.391 87.1074 123.382 87.1156C123.382 87.1156 123.382 87.1074 123.391 87.0992ZM111.308 87.0992C111.308 87.0992 111.3 87.132 111.291 87.1402C111.291 87.1238 111.3 87.1074 111.308 87.0992ZM99.8001 86.7707C99.8001 87.4769 100.079 88.0928 101.155 88.446C101.484 88.5527 101.771 88.602 102.026 88.602C102.93 88.602 103.365 87.9615 103.71 87.2306C103.357 87.9697 102.921 88.602 102.026 88.602C101.78 88.602 101.492 88.5527 101.155 88.446C100.088 88.0928 99.8001 87.4769 99.8001 86.7707ZM92.7689 84.9886C92.4486 85.4074 91.9722 85.7195 91.2575 85.7195C91.1836 85.7195 91.1097 85.7195 91.0358 85.7113C91.1097 85.7113 91.1836 85.7195 91.2575 85.7195C91.9722 85.7195 92.4486 85.4157 92.7689 84.9886ZM106.651 79.7081C106.651 79.7081 106.651 79.7081 106.642 79.7081C106.322 80.7511 105.985 81.8023 105.616 82.8452C105.993 81.8023 106.338 80.7593 106.659 79.7081M94.1571 79.1251C93.9846 80.2748 93.7875 81.4163 93.5739 82.566C93.7875 81.4245 93.9846 80.2748 94.1571 79.1251ZM122.191 73.6311C120.623 78.7884 118.175 83.65 114.29 88.0025C113.83 88.5199 113.329 89.0044 112.828 89.4972C113.329 89.0126 113.821 88.5199 114.29 88.0025C118.175 83.65 120.623 78.7884 122.2 73.6311",fill:"#E5B4A6"}),e("path",{opacity:"0.4",d:"M2.20136 22.0745C2.00423 22.0745 1.79066 22.1238 1.55246 22.2223C0.53392 22.6658 0.254644 23.7252 0.139648 24.8503C5.61017 32.0196 27.213 58.4548 61.1943 76.5875C61.1943 76.5875 94.4692 94.1453 127.933 96.0423C125.346 95.6892 123.021 95.1061 120.861 94.3095C120.729 94.2602 120.606 94.2192 120.475 94.1699C108.318 91.542 97.9519 88.2571 90.6168 85.6292C90.7565 85.662 90.8961 85.6784 91.0193 85.6949C90.8879 85.6867 90.7401 85.662 90.5922 85.6292C90.1486 85.5306 89.8037 85.4074 89.5408 85.2432C83.7417 83.1244 80.0454 81.4984 79.1583 81.096C78.7312 80.9153 78.3123 80.6936 77.9344 80.5376C55.9538 71.4466 37.1437 58.6848 20.7239 42.5395C14.2513 35.945 3.25275 22.633 3.25275 22.633C2.97348 22.3045 2.6367 22.0745 2.20136 22.0745Z",fill:"url(#paint1_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M4.62448 50.1358C4.55056 50.1358 4.46842 50.144 4.37806 50.1687C3.35953 50.4068 3.06382 51.458 2.8749 52.3449C2.84204 52.5009 2.80919 52.6652 2.78455 52.8212C19.7711 75.832 42.5732 85.235 42.5732 85.235C65.3341 95.952 84.0128 98.12 95.3892 98.12C100.096 98.12 103.554 97.7505 105.533 97.463C104.63 97.5616 103.636 97.6109 102.568 97.6109C95.8984 97.6109 86.362 95.7795 78.4026 93.9235C73.5071 92.897 68.6937 91.6488 63.987 90.1623C63.7735 90.0966 63.6503 90.0638 63.6503 90.0638C45.3659 84.2413 28.6176 74.8054 13.9638 60.4175C12.5756 59.0543 11.2942 57.5843 10.0293 56.0979C8.87112 54.7182 6.48084 51.8357 5.65123 50.8421C5.56088 50.7107 5.46231 50.5957 5.36374 50.4889C5.16661 50.2836 4.9284 50.1358 4.62448 50.1358Z",fill:"url(#paint2_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M20.0669 90.1049C19.7958 90.1049 19.5247 90.187 19.2537 90.4005C18.1037 91.2874 18.6458 92.7738 19.0812 94.0632C27.5991 99.2287 47.132 109.289 70.2626 109.289C79.0023 109.289 88.243 107.86 97.607 104.189C90.8469 106.382 83.9061 107.195 76.9077 107.195C76.1274 107.195 75.3471 107.186 74.5667 107.162C59.4776 106.784 45.3249 103.162 32.0264 96.6993C27.1227 94.1781 22.5557 91.3695 21.3565 90.614C20.9293 90.3266 20.5022 90.1049 20.0669 90.1049Z",fill:"url(#paint3_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M99.1759 111.949C95.4632 114.791 91.2987 116.762 86.937 118.355C78.7559 121.344 70.5994 122.666 62.4675 122.666C55.4363 122.666 48.4298 121.681 41.4315 119.932C36.5852 118.634 30.9668 116.524 30.9668 116.524C30.6136 116.368 30.2604 116.261 29.9237 116.261C29.4883 116.261 29.0776 116.442 28.7326 116.951C28.2234 117.682 28.1577 118.429 28.3219 119.168C33.6939 121.665 45.2181 126.099 59.2723 126.099C71.4536 126.099 85.5406 122.765 99.1759 111.949Z",fill:"url(#paint4_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M62.9356 129.368C49.7358 129.368 39.7557 126.699 38.4908 126.346C38.8604 126.452 39.2218 126.567 39.5833 126.69C40.7579 127.068 37.5544 129.203 36.5276 129.992C32.8396 132.817 29.2008 135.461 25.5537 138.138H36.7576C40.2897 135.527 43.8052 132.907 47.2387 130.172C48.5119 129.154 49.7275 128.768 51.0993 128.768C52.1342 128.768 53.2678 128.99 54.582 129.335C46.9184 135.108 39.7475 140.52 32.5685 145.924C28.3711 149.077 24.1738 152.231 19.9764 155.384H31.246C41.3821 147.804 51.51 140.216 61.5721 132.546C63.8967 130.78 66.2623 129.557 69.1208 129.179C67.0016 129.318 64.9316 129.376 62.9439 129.376L62.9356 129.368Z",fill:"url(#paint5_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M60.5782 138.409H71.47L79.5115 132.02C79.5115 132.02 83.2571 129.343 87.5941 126.888C87.9801 126.649 88.3662 126.403 88.7605 126.165C88.9248 126.091 89.3354 125.902 89.9597 125.606C90.4279 125.368 90.8961 125.13 91.3561 124.908C92.0625 124.547 92.8921 124.112 93.8121 123.603C86.0499 126.855 78.0987 128.44 70.739 129.056C70.8375 129.056 70.9443 129.056 71.0429 129.056C71.6589 129.056 72.2996 129.088 72.965 129.162C68.9319 132.176 65.0549 135.075 61.2354 137.933L60.5782 138.418V138.409Z",fill:"url(#paint6_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M88.6701 83.3544C88.6865 82.3771 88.6701 81.3999 88.6373 80.4226V80.3487C88.6373 80.2091 88.6208 80.0695 88.6208 79.9381L88.6044 79.7328C88.5633 78.9115 88.4976 78.0903 88.4237 77.2609C85.8281 76.1687 83.3803 74.7726 81.1215 73.1301C81.1379 73.3601 81.1461 73.59 81.179 73.8364C81.4582 75.7909 81.3843 75.1914 81.5814 76.8995C81.7375 77.7783 81.9018 79.3797 81.9182 79.8888C81.8771 80.3405 81.7621 80.7347 81.4829 81.0303C81.1954 81.3342 80.8586 81.4491 80.4972 81.4491C80.0619 81.4491 79.5937 81.2849 79.1337 81.0878C79.9961 81.4738 83.7007 83.108 89.5408 85.2432C88.9165 84.8572 88.7194 84.2742 88.6619 83.3626L88.6701 83.3544Z",fill:"url(#paint7_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M131.022 64.885C128.59 68.2685 125.6 71.2331 122.175 73.6146C120.606 78.7719 118.158 83.6336 114.273 87.9861C113.813 88.5035 113.312 88.988 112.811 89.4807C112.326 89.9488 111.628 90.8029 111.02 90.8029C110.897 90.8029 110.782 90.77 110.675 90.6961C109.788 90.0802 110.577 88.8155 110.856 88.1585C112.31 84.7505 113.427 81.2931 114.257 77.7865C111.825 78.698 109.271 79.3386 106.634 79.6999C106.314 80.7429 105.977 81.794 105.607 82.837C105.172 84.036 104.655 85.2021 104.104 86.3518C103.62 87.3702 103.275 88.602 102.018 88.602C101.771 88.602 101.484 88.5527 101.147 88.446C99.2827 87.83 99.8084 86.4175 100.047 85.1282C100.367 83.4201 100.663 81.7119 100.909 79.9956C98.5927 79.9217 96.3256 79.626 94.1325 79.1168C93.9271 80.4883 93.6889 81.8515 93.4261 83.2148C93.2536 84.1263 92.8675 85.7113 91.2412 85.7113C91.044 85.7113 90.8305 85.6867 90.6005 85.6374C97.9356 88.2735 108.293 91.5584 120.458 94.1863C120.335 94.1371 120.22 94.096 120.105 94.0467C118.167 93.2255 121.666 89.7435 123.268 87.2716C127.777 80.3323 129.987 72.7523 131.005 64.8932L131.022 64.885Z",fill:"url(#paint8_linear_290_1904)"}),e("path",{opacity:"0.5",d:"M129.206 102.497C127.687 102.497 126.151 102.645 124.647 102.916C124.36 102.965 124.081 102.99 123.818 102.99C123.391 102.99 122.988 102.924 122.61 102.809C122.668 102.883 122.734 102.957 122.791 103.039C123.448 103.959 123.793 104.961 123.925 106.004C124.089 106.184 124.229 106.406 124.344 106.694C124.344 106.694 124.344 106.694 124.344 106.71C124.344 106.71 124.344 106.71 124.344 106.718C124.344 106.718 124.344 106.718 124.344 106.726C124.344 106.726 124.344 106.726 124.344 106.735C124.344 106.735 124.344 106.735 124.344 106.743C124.344 106.743 124.344 106.743 124.344 106.751C124.344 106.751 124.344 106.751 124.344 106.759C124.344 106.759 124.344 106.759 124.344 106.768V106.784C124.344 106.784 124.344 106.784 124.344 106.792C124.344 106.792 124.344 106.792 124.344 106.8C124.344 106.8 124.344 106.8 124.344 106.809C124.344 106.809 124.344 106.809 124.344 106.817C124.344 106.817 124.344 106.817 124.344 106.825C124.344 106.825 124.344 106.833 124.344 106.841C124.344 106.841 124.344 106.841 124.344 106.858C124.344 106.858 124.344 106.858 124.344 106.866C124.344 106.866 124.344 106.866 124.344 106.874C124.344 106.874 124.344 106.874 124.344 106.882C124.344 106.882 124.344 106.883 124.344 106.891C124.344 106.891 124.344 106.891 124.344 106.899C124.344 106.899 124.344 106.899 124.344 106.907C124.344 106.907 124.344 106.907 124.344 106.915C124.344 106.915 124.344 106.915 124.344 106.924C124.344 106.924 124.344 106.924 124.344 106.932C124.344 106.932 124.344 106.932 124.344 106.94C124.344 106.94 124.344 106.94 124.344 106.948C124.344 106.948 124.344 106.948 124.344 106.965C124.344 106.965 124.344 106.973 124.344 106.981C124.344 106.981 124.344 106.989 124.344 106.997V107.014C124.344 107.014 124.344 107.022 124.344 107.03C124.344 107.03 124.344 107.039 124.344 107.047C124.344 107.047 124.344 107.055 124.344 107.063C124.344 107.063 124.344 107.071 124.344 107.08C124.344 107.08 124.344 107.088 124.344 107.096C124.344 107.096 124.344 107.104 124.344 107.112C124.344 107.112 124.344 107.121 124.344 107.129C124.344 107.145 124.344 107.162 124.344 107.178C124.344 107.178 124.344 107.186 124.344 107.195C124.344 107.195 124.344 107.227 124.344 107.244C124.344 107.244 124.344 107.252 124.344 107.26V107.277C124.344 107.277 124.344 107.301 124.344 107.31C124.344 107.31 124.344 107.318 124.344 107.326V107.342V107.359C124.36 107.597 124.368 107.843 124.368 108.09C124.368 108.476 124.344 108.87 124.302 109.272C124.253 109.773 124.155 110.307 124.081 110.734C124.072 110.8 124.064 110.865 124.064 110.923C124.064 111.268 124.229 111.588 124.508 111.793L124.672 111.892C124.828 111.966 124.992 112.007 125.157 112.007C125.461 112.007 125.748 111.884 125.962 111.654C126.085 111.514 126.208 111.383 126.331 111.251C127.884 109.617 129.461 108.484 131.136 107.794C132.369 107.285 133.601 107.03 134.857 107.03C136.114 107.03 137.387 107.285 138.702 107.786C139.958 108.262 141.141 108.919 142.316 109.781C142.817 110.151 143.318 110.562 143.819 111.013C144.115 111.284 144.41 111.58 144.673 111.843L144.714 111.884L144.928 112.097L145.051 112.204C145.232 112.335 145.453 112.409 145.675 112.418C144.632 110.192 143.318 108.123 141.461 106.513C137.946 103.466 133.51 102.177 129.001 102.177",fill:"url(#paint9_linear_290_1904)"}),e("path",{opacity:"0.4",d:"M128.779 87.6905L128.582 87.7069C128.114 87.7972 127.752 88.175 127.695 88.6513C127.654 89.0208 127.654 89.415 127.703 89.8174C127.72 89.9488 127.687 90.072 127.629 90.1706C129.51 92.9627 133.584 97.9065 139.769 99.7789C139.769 99.7789 149.331 104.78 146.916 112.032L146.99 111.834C147.737 109.617 147.893 107.581 147.458 105.593C147.022 103.63 146.029 101.824 144.492 100.222C143.901 99.6064 143.244 99.0234 142.529 98.4978C142.184 98.2432 141.815 98.0051 141.437 97.7669C140.969 97.4713 140.484 97.192 139.95 96.921C137.995 95.9191 136.328 94.909 134.866 93.825C134.274 93.3898 133.699 92.9299 133.157 92.4536C131.851 91.3121 130.972 90.3348 130.315 89.3001C130.102 88.9716 129.913 88.6102 129.732 88.2653C129.658 88.1175 129.543 87.9943 129.412 87.8958C129.231 87.7562 129.001 87.6823 128.763 87.6823",fill:"url(#paint10_linear_290_1904)"}),e("path",{opacity:"0.5",d:"M116.647 107.893L118.586 106.768L126.734 95.8535C126.734 95.8535 122.274 95.0076 120.122 94.0303C120.122 94.0303 117.887 104.222 109.632 112.738L112.672 110.488C113.887 109.634 114.988 108.903 116.647 107.893Z",fill:"url(#paint11_linear_290_1904)"}),e("path",{d:"M209.416 49.9962H230.197C245.221 49.9962 252.104 57.7157 252.104 73.5818V81.4409C252.104 97.307 245.221 105.027 230.197 105.027H218.123V148.264H209.416V49.9962ZM230.197 97.0196C239.323 97.0196 243.397 92.9463 243.397 81.8598V73.0152C243.397 62.0682 239.323 57.8553 230.197 57.8553H218.123V97.0196H230.197Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M284.114 49.9962H292.821V93.0941H319.64V49.9962H328.346V148.256H319.64V100.953H292.821V148.256H284.114V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M362.451 125.656V72.5963C362.451 57.0177 370.312 48.5919 384.497 48.5919C398.683 48.5919 406.544 57.0177 406.544 72.5963V125.656C406.544 141.234 398.683 149.66 384.497 149.66C370.312 149.66 362.451 141.234 362.451 125.656ZM397.829 126.214V72.0297C397.829 61.5016 393.056 56.451 384.489 56.451C375.922 56.451 371.15 61.5016 371.15 72.0297V126.214C371.15 136.742 375.922 141.653 384.489 141.653C393.056 141.653 397.829 136.742 397.829 126.214Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M440.796 49.9962H480.108V57.8553H449.503V93.0859H474.638V100.945H449.503V140.249H480.108V148.248H440.796V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M511.56 49.9962H523.076L548.629 125.935V49.9962H556.769V148.256H547.504L519.56 64.458V148.256H511.56V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M592.007 49.9962H600.714V148.256H592.007V49.9962Z",fill:"var(--ac-global-text-color-900)"}),e("path",{d:"M651.674 98.1447L632.437 49.9962H641.702L657.144 89.0209L672.726 49.9962H681.154L661.917 98.1447L681.992 148.256H672.726L656.438 106.989L640.01 148.256H631.591L651.666 98.1447H651.674Z",fill:"var(--ac-global-text-color-900)"})]}),o("defs",{children:[o("linearGradient",{id:"paint0_linear_290_1904",x1:"22.0956",y1:"10.3474",x2:"97.4433",y2:"140.879",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#14BAB6"}),e("stop",{offset:"0.5",stopColor:"#00ADEE"}),e("stop",{offset:"1",stopColor:"#0095C4"})]}),o("linearGradient",{id:"paint1_linear_290_1904",x1:"95.422",y1:"114.807",x2:"31.8741",y2:"4.70214",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint2_linear_290_1904",x1:"76.6695",y1:"114.126",x2:"30.8746",y2:"34.7951",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint3_linear_290_1904",x1:"70.3612",y1:"119.915",x2:"44.7991",y2:"75.6384",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint4_linear_290_1904",x1:"71.4208",y1:"128.85",x2:"55.5071",y2:"101.279",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint5_linear_290_1904",x1:"44.5363",y1:"126.346",x2:"44.5363",y2:"155.384",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.03",stopColor:"#231F20",stopOpacity:"0.9"}),e("stop",{offset:"0.22",stopColor:"#231F20",stopOpacity:"0.4"}),e("stop",{offset:"0.42",stopColor:"#231F20",stopOpacity:"0.1"}),e("stop",{offset:"0.65",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint6_linear_290_1904",x1:"77.1952",y1:"123.603",x2:"77.1952",y2:"138.409",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint7_linear_290_1904",x1:"84.3413",y1:"85.235",x2:"84.3413",y2:"73.1301",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.03",stopColor:"#231F20",stopOpacity:"0.95"}),e("stop",{offset:"0.51",stopColor:"#231F20",stopOpacity:"0.26"}),e("stop",{offset:"0.81",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint8_linear_290_1904",x1:"110.815",y1:"94.1699",x2:"110.815",y2:"64.885",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.18",stopColor:"#231F20",stopOpacity:"0.48"}),e("stop",{offset:"0.38",stopColor:"#231F20",stopOpacity:"0.12"}),e("stop",{offset:"0.58",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint9_linear_290_1904",x1:"138.077",y1:"117.246",x2:"127.969",y2:"99.7278",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),o("linearGradient",{id:"paint10_linear_290_1904",x1:"146.226",y1:"112.434",x2:"131.084",y2:"86.1931",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#FDFDFE",stopOpacity:"0"}),e("stop",{offset:"0.11",stopColor:"#FDFDFE",stopOpacity:"0.17"}),e("stop",{offset:"0.3",stopColor:"#FDFDFE",stopOpacity:"0.42"}),e("stop",{offset:"0.47",stopColor:"#FDFDFE",stopOpacity:"0.63"}),e("stop",{offset:"0.64",stopColor:"#FDFDFE",stopOpacity:"0.79"}),e("stop",{offset:"0.78",stopColor:"#FDFDFE",stopOpacity:"0.9"}),e("stop",{offset:"0.91",stopColor:"#FDFDFE",stopOpacity:"0.97"}),e("stop",{offset:"1",stopColor:"#FDFDFE"})]}),o("linearGradient",{id:"paint11_linear_290_1904",x1:"106.889",y1:"107.999",x2:"128.941",y2:"95.2581",gradientUnits:"userSpaceOnUse",children:[e("stop",{stopColor:"#231F20"}),e("stop",{offset:"0.31",stopColor:"#231F20",stopOpacity:"0.5"}),e("stop",{offset:"0.67",stopColor:"#231F20",stopOpacity:"0.13"}),e("stop",{offset:"1",stopColor:"#231F20",stopOpacity:"0"})]}),e("clipPath",{id:"clip0_290_1904",children:e("rect",{width:"682",height:"169",fill:"white"})})]})]})}const Rf=C`
|
|
3626
3623
|
text-align: center;
|
|
3627
3624
|
margin-top: var(--ac-global-dimension-size-200);
|
|
3628
3625
|
margin-bottom: var(--ac-global-dimension-size-200);
|
|
3629
3626
|
color: var(--ac-global-text-color-700);
|
|
3630
|
-
`,
|
|
3627
|
+
`,Af=C`
|
|
3631
3628
|
display: flex;
|
|
3632
3629
|
flex-direction: column;
|
|
3633
3630
|
gap: var(--ac-global-dimension-size-100);
|
|
3634
3631
|
flex-wrap: wrap;
|
|
3635
3632
|
justify-content: center;
|
|
3636
|
-
`;function
|
|
3633
|
+
`;function o1(){const n=window.Config.oAuth2Idps,a=n.length>0,[t,l]=Sa(),i=t.get("returnUrl"),r=t.get("message");return o(Za,{children:[e(h,{direction:"column",gap:"size-200",alignItems:"center",children:e(K,{paddingBottom:"size-200",children:e(qt,{})})}),r&&e(K,{paddingBottom:"size-100",children:e(ue,{variant:"success",children:r})}),e(Lf,{initialError:t.get("error"),onSubmit:()=>{l(s=>{const c=new URLSearchParams(s);return c.delete("message"),c.delete("error"),c})}}),a&&o(G,{children:[e("div",{css:Rf,children:"or"}),e("ul",{css:Af,children:n.map(s=>e("li",{children:e(Ef,{idpName:s.name,idpDisplayName:s.displayName,returnUrl:i},s.name)},s.name))})]})]})}const fo=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"UserMutationPayload",kind:"LinkedField",name:"patchViewer",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ResetPasswordFormMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ResetPasswordFormMutation",selections:a},params:{cacheID:"d09af5e3a2a3d10f117373e25bef11e6",id:null,metadata:{},name:"ResetPasswordFormMutation",operationKind:"mutation",text:`mutation ResetPasswordFormMutation(
|
|
3637
3634
|
$input: PatchViewerInput!
|
|
3638
3635
|
) {
|
|
3639
3636
|
patchViewer(input: $input) {
|
|
3640
3637
|
__typename
|
|
3641
3638
|
}
|
|
3642
3639
|
}
|
|
3643
|
-
`}}}();fo.hash="f8f5c30b0e00c17cdda7557c73c3c2d3";const ma=4;function
|
|
3640
|
+
`}}}();fo.hash="f8f5c30b0e00c17cdda7557c73c3c2d3";const ma=4;function Mf(){const n=X(),a=ve(),[t,l]=D.useMutation(fo),{control:i,handleSubmit:r}=Ue({defaultValues:{currentPassword:"",newPassword:"",confirmPassword:""}}),s=u.useCallback(c=>{t({variables:{input:{currentPassword:c.currentPassword,newPassword:c.newPassword}},onCompleted:()=>{const d=ci({path:"/login",searchParams:{message:"Password has been reset."}});n(d)},onError:d=>{a({title:"Failed to reset password",message:d.message})}})},[t,n,a]);return o(Ae,{onSubmit:r(s),children:[e(W,{name:"currentPassword",control:i,rules:{required:"the current is required"},render:({field:{name:c,onChange:d,onBlur:m,value:f},fieldState:{invalid:g,error:y}})=>e(ae,{label:"Old Password",type:"password",name:c,isRequired:!0,description:"The current password",errorMessage:y==null?void 0:y.message,validationState:g?"invalid":"valid",onChange:d,onBlur:m,value:f})}),e(W,{name:"newPassword",control:i,rules:{required:"Password is required",minLength:{value:ma,message:`Password must be at least ${ma} characters`},validate:(c,d)=>c!==d.currentPassword||"New password must be different"},render:({field:{name:c,onChange:d,onBlur:m,value:f},fieldState:{invalid:g,error:y}})=>e(ae,{label:"New Password",type:"password",isRequired:!0,description:`Password must be at least ${ma} characters`,name:c,errorMessage:y==null?void 0:y.message,validationState:g?"invalid":"valid",onChange:d,onBlur:m,defaultValue:f})}),e(W,{name:"confirmPassword",control:i,rules:{required:"Password is required",minLength:{value:ma,message:`Password must be at least ${ma} characters`},validate:(c,d)=>c===d.newPassword||"Passwords do not match"},render:({field:{name:c,onChange:d,onBlur:m,value:f},fieldState:{invalid:g,error:y}})=>e(ae,{label:"Confirm Password",isRequired:!0,type:"password",description:"Confirm the new password",name:c,errorMessage:y==null?void 0:y.message,validationState:g?"invalid":"valid",onChange:d,onBlur:m,defaultValue:f})}),e(K,{paddingTop:"size-200",children:o("div",{css:C`
|
|
3644
3641
|
display: flex;
|
|
3645
3642
|
flex-direction: row;
|
|
3646
3643
|
gap: var(--ac-global-dimension-size-200);
|
|
3647
3644
|
& > * {
|
|
3648
3645
|
width: 50%;
|
|
3649
3646
|
}
|
|
3650
|
-
`,children:[e(z,{variant:"default",onClick:()=>{n(-1)},children:"Cancel"}),e(z,{variant:"primary",type:"submit",disabled:l,children:l?"Resetting...":"Reset Password"})]})})]})}function
|
|
3647
|
+
`,children:[e(z,{variant:"default",onClick:()=>{n(-1)},children:"Cancel"}),e(z,{variant:"primary",type:"submit",disabled:l,children:l?"Resetting...":"Reset Password"})]})})]})}function d1(){return o(Za,{children:[e(h,{direction:"column",gap:"size-200",alignItems:"center",children:e(K,{paddingBottom:"size-200",children:e(qt,{})})}),e(Mf,{})]})}const ga=4,Nf="An error occurred. Please try resetting again.";function zf({resetToken:n}){const a=X(),[t,l]=u.useState(null),[i,r]=u.useState(!1),s=u.useCallback(async({resetToken:f,newPassword:g})=>{l(null),r(!0);try{const y=await fetch(Ca("/auth/password-reset"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({token:f,password:g})});if(!y.ok){const p=await y.text();l(p);return}}catch{l(Nf);return}finally{r(()=>!1)}a(`/login?message=${encodeURIComponent("Password has been reset.")}`)},[l,a]),{control:c,handleSubmit:d,formState:{isDirty:m}}=Ue({defaultValues:{resetToken:n,newPassword:"",confirmPassword:""}});return o(G,{children:[t?e(K,{paddingBottom:"size-100",children:e(ue,{variant:"danger",children:t})}):null,o(Ae,{onSubmit:d(s),children:[e(W,{name:"newPassword",control:c,rules:{required:"Password is required",minLength:{value:ga,message:`Password must be at least ${ga} characters`}},render:({field:{name:f,onChange:g,onBlur:y,value:p},fieldState:{invalid:k,error:b}})=>e(ae,{label:"New Password",type:"password",isRequired:!0,description:`Password must be at least ${ga} characters`,name:f,errorMessage:b==null?void 0:b.message,validationState:k?"invalid":"valid",onChange:g,onBlur:y,defaultValue:p})}),e(W,{name:"confirmPassword",control:c,rules:{required:"Password is required",minLength:{value:ga,message:`Password must be at least ${ga} characters`},validate:(f,g)=>f===g.newPassword||"Passwords do not match"},render:({field:{name:f,onChange:g,onBlur:y,value:p},fieldState:{invalid:k,error:b}})=>e(ae,{label:"Confirm Password",isRequired:!0,type:"password",description:"Confirm the new password",name:f,errorMessage:b==null?void 0:b.message,validationState:k?"invalid":"valid",onChange:g,onBlur:y,defaultValue:p})}),e("div",{css:C`
|
|
3651
3648
|
margin-top: var(--ac-global-dimension-size-200);
|
|
3652
3649
|
margin-bottom: var(--ac-global-dimension-size-50);
|
|
3653
3650
|
button {
|
|
3654
3651
|
width: 100%;
|
|
3655
3652
|
}
|
|
3656
|
-
`,children:e(z,{variant:m?"primary":"default",type:"submit",disabled:i,children:i?"Resetting...":"Reset Password"})})]})]})}function
|
|
3653
|
+
`,children:e(z,{variant:m?"primary":"default",type:"submit",disabled:i,children:i?"Resetting...":"Reset Password"})})]})]})}function c1(){const n=X(),[a]=Sa(),t=a.get("token");return t?o(Za,{children:[e(h,{direction:"column",gap:"size-200",alignItems:"center",children:e(K,{paddingBottom:"size-200",children:e(qt,{})})}),e(zf,{resetToken:t}),e(K,{paddingTop:"size-200",children:e(h,{direction:"column",alignItems:"center",justifyContent:"center",children:e(Ge,{to:"/login",children:"Back to Login"})})})]}):(n("/login"),null)}const ho=function(){var n=[{alias:null,args:null,concreteType:"User",kind:"LinkedField",name:"viewer",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"email",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"resetPasswordLoaderQuery",selections:n,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"resetPasswordLoaderQuery",selections:n},params:{cacheID:"c97389cd896f3e1746d0adf67c759462",id:null,metadata:{},name:"resetPasswordLoaderQuery",operationKind:"query",text:`query resetPasswordLoaderQuery {
|
|
3657
3654
|
viewer {
|
|
3658
3655
|
id
|
|
3659
3656
|
email
|
|
3660
3657
|
}
|
|
3661
3658
|
}
|
|
3662
|
-
`}}}();ho.hash="ccd75708c3ba7c1b283f7858dfa8d20e";async function
|
|
3659
|
+
`}}}();ho.hash="ccd75708c3ba7c1b283f7858dfa8d20e";async function u1(){const n=await D.fetchQuery(Me,ho,{}).toPromise();return n!=null&&n.viewer?n:Aa("/login")}function Vf({onResetSent:n}){const[a,t]=u.useState(null),[l,i]=u.useState(!1),r=u.useCallback(async d=>{t(null),i(!0);try{const m=await fetch(Ca("/auth/password-reset-email"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(d)});if(!m.ok){const f=await m.text();t(f);return}n()}finally{i(()=>!1)}},[n,t]),{control:s,handleSubmit:c}=Ue({defaultValues:{email:""}});return o(G,{children:[a?e(K,{paddingBottom:"size-100",children:e(ue,{variant:"danger",children:a})}):null,o(Ae,{onSubmit:c(r),children:[e(W,{name:"email",control:s,render:({field:{onChange:d,value:m}})=>e(ae,{label:"Email",name:"email",isRequired:!0,type:"email",onChange:d,value:m,placeholder:"your email address",description:"Enter the email address associated with your account."})}),e("div",{css:C`
|
|
3663
3660
|
margin-top: var(--ac-global-dimension-size-200);
|
|
3664
3661
|
margin-bottom: var(--ac-global-dimension-size-50);
|
|
3665
3662
|
button {
|
|
3666
3663
|
width: 100%;
|
|
3667
3664
|
}
|
|
3668
|
-
`,children:e(z,{variant:"primary",type:"submit",loading:l,children:"Send"})})]})]})}function
|
|
3669
|
-
a link to reset your password.`})]}),e(
|
|
3665
|
+
`,children:e(z,{variant:"primary",type:"submit",loading:l,children:"Send"})})]})]})}function m1(){const[n,a]=u.useState(!1),t=n?o(h,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-100",children:[e(ce,{level:1,children:"Check your email"}),e("p",{children:"Thanks! If an account with that email address exists, we sent you a link to reset your password."})]}):o(G,{children:[o(h,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-100",children:[e(ce,{level:1,children:"Forgot Password"}),e("p",{children:`Enter the email address associated with your account and we'll send you
|
|
3666
|
+
a link to reset your password.`})]}),e(Vf,{onResetSent:()=>a(!0)})]});return e(Za,{children:o("div",{css:C`
|
|
3670
3667
|
& a {
|
|
3671
3668
|
text-align: center;
|
|
3672
3669
|
width: 100%;
|
|
@@ -3743,16 +3740,16 @@ fragment APIKeysTableFragment on User {
|
|
|
3743
3740
|
}
|
|
3744
3741
|
id
|
|
3745
3742
|
}
|
|
3746
|
-
`}}}();So.hash="6c32098d55e4cba859dcec73f3ccd28c";const vo=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:So,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}}();vo.hash="6c32098d55e4cba859dcec73f3ccd28c";const Cl=70;function
|
|
3743
|
+
`}}}();So.hash="6c32098d55e4cba859dcec73f3ccd28c";const vo=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:So,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}}();vo.hash="6c32098d55e4cba859dcec73f3ccd28c";const Cl=70;function $f({query:n}){const[a,t]=D.useRefetchableFragment(vo,n),l=xe(),[i]=D.useMutation(bo),r=u.useCallback(g=>{i({variables:{input:{id:g}},onCompleted:()=>{l({title:"API key deleted",message:"The key has been deleted and is no longer active."}),u.startTransition(()=>{t({},{fetchPolicy:"network-only"})})}})},[i,l,t]),s=u.useMemo(()=>[...a.apiKeys],[a]),c=u.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:fe},{header:"Description",accessorKey:"description",cell:fe},{header:"Created At",accessorKey:"createdAt",size:Cl,cell:Ee},{header:"Expires At",accessorKey:"expiresAt",size:Cl,cell:Ee},{header:"",accessorKey:"id",size:10,cell:({row:y})=>e(h,{direction:"row",justifyContent:"end",width:"100%",children:e(_t,{handleDelete:()=>{r(y.original.id)}})}),meta:{textAlign:"right"}}],[r]),d=Fe({columns:c,data:s,getCoreRowModel:Ke()}),m=d.getRowModel().rows,f=d.getRowModel().rows.length===0;return o("table",{css:an,children:[e("thead",{children:d.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:o("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(L,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(I.ArrowUpFilled,{}):e(I.ArrowDownFilled,{})}):null]})},y.id))},g.id))}),f?e(tn,{message:"No Keys"}):e("tbody",{children:m.map(g=>e("tr",{children:g.getVisibleCells().map(y=>e("td",{children:J(y.column.columnDef.cell,y.getContext())},y.id))},g.id))})]})}function Of({viewer:n}){const[a,t]=u.useState(null),l=ve(),[i,r]=D.useMutation(ko),s=u.useCallback(c=>{i({variables:{input:{...c,expiresAt:c.expiresAt||null}},onCompleted:d=>{t(e(si,{jwt:d.createUserApiKey.jwt}))},onError:d=>{l({title:"Error creating API key",message:d.message})}})},[i,l]);return o(q,{title:"API Keys",variant:"compact",bodyStyle:{padding:0},extra:e(z,{variant:"default",size:"compact",icon:e(L,{svg:e(I.PlusCircleOutline,{})}),onClick:()=>t(e(oi,{onSubmit:s,isCommitting:r})),children:"New Key"}),children:[e($f,{query:n}),e(ee,{onDismiss:()=>{t(null)},children:a})]})}const Co=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(
|
|
3747
3744
|
$input: PatchViewerInput!
|
|
3748
3745
|
) {
|
|
3749
3746
|
patchViewer(input: $input) {
|
|
3750
3747
|
__typename
|
|
3751
3748
|
}
|
|
3752
3749
|
}
|
|
3753
|
-
`}}}();Co.hash="4a11ca65151d84fe95f636763c91dc68";function
|
|
3750
|
+
`}}}();Co.hash="4a11ca65151d84fe95f636763c91dc68";function Qf(){const{viewer:n,refetchViewer:a}=ui(),t=ve(),l=xe(),[i,r]=D.useMutation(Co),s=X(),{control:c,handleSubmit:d,formState:{isDirty:m},reset:f}=Ue({defaultValues:{username:(n==null?void 0:n.username)||""}}),g=u.useCallback(y=>{i({variables:{input:{newUsername:y.username}},onCompleted:()=>{l({title:"Profile updated",message:"Your profile has been updated"}),f({username:y.username}),a()},onError:p=>{t({title:"Failed update profile",message:p.message})}})},[i,l,f,a,t]);return n?o(q,{title:"Profile",variant:"compact",bodyStyle:{padding:0},extra:n.authMethod==="LOCAL"&&e(z,{variant:"default",size:"compact",onClick:()=>{s("/reset-password")},children:"Reset Password"}),children:[e(K,{paddingTop:"size-200",paddingStart:"size-200",paddingEnd:"size-200",children:o(h,{direction:"row",gap:"size-200",alignItems:"center",children:[e(di,{name:n.username||n.email,profilePictureUrl:n.profilePictureUrl}),o(h,{direction:"column",gap:"size-50",children:[e(ce,{level:2,weight:"heavy",children:n.username||n.email}),e(x,{children:n.role.name.toLocaleLowerCase()})]})]})}),e(K,{children:o(Ae,{onSubmit:d(g),children:[o(K,{padding:"size-200",children:[e(ae,{label:"Email",value:n.email,isReadOnly:!0}),e(W,{name:"username",control:c,rules:{required:"A username is required as it needs to be unique"},render:({field:{name:y,onChange:p,onBlur:k,value:b},fieldState:{invalid:S,error:v}})=>e(ae,{label:"Username",isRequired:!0,description:"A unique username",name:y,errorMessage:v==null?void 0:v.message,validationState:S?"invalid":"valid",onChange:p,onBlur:k,defaultValue:b})})]}),e(K,{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(z,{variant:m?"primary":"default",size:"compact",disabled:!m,onClick:()=>{d(g)()},children:r?"Saving...":"Save"})})})]})})]}):null}const jf=C`
|
|
3754
3751
|
overflow-y: auto;
|
|
3755
|
-
`,
|
|
3752
|
+
`,qf=C`
|
|
3756
3753
|
padding: var(--ac-global-dimension-size-400);
|
|
3757
3754
|
max-width: 800px;
|
|
3758
3755
|
min-width: 500px;
|
|
@@ -3760,24 +3757,24 @@ fragment APIKeysTableFragment on User {
|
|
|
3760
3757
|
width: 100%;
|
|
3761
3758
|
margin-left: auto;
|
|
3762
3759
|
margin-right: auto;
|
|
3763
|
-
`;function
|
|
3760
|
+
`;function g1(){const{viewer:n}=ui();return n?e("main",{css:jf,children:e("div",{css:qf,children:o(h,{direction:"column",gap:"size-200",children:[e(Qf,{}),e(Of,{viewer:n})]})})}):null}const Fo=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 {
|
|
3764
3761
|
modelProviders {
|
|
3765
3762
|
name
|
|
3766
3763
|
dependenciesInstalled
|
|
3767
3764
|
dependencies
|
|
3768
3765
|
}
|
|
3769
3766
|
}
|
|
3770
|
-
`}}}();Fo.hash="9802d9d44657ca300abc1be4d0938560";const Ut=u.createContext(null);function
|
|
3767
|
+
`}}}();Fo.hash="9802d9d44657ca300abc1be4d0938560";const Ut=u.createContext(null);function Uf({children:n,...a}){const[t]=u.useState(()=>Lc(a));return e(Ut.Provider,{value:t,children:n})}function O(n,a){const t=Se.useContext(Ut);if(!t)throw new Error("Missing PlaygroundContext.Provider in the tree");return ba(t,n,a)}function Ko(){const n=Se.useContext(Ut);if(!n)throw new Error("Missing PlaygroundContext.Provider in the tree");return n}const Bf=`
|
|
3771
3768
|
The playground is not available until an LLM provider client is installed on the server.
|
|
3772
|
-
`,
|
|
3769
|
+
`,Hf=n=>`
|
|
3773
3770
|
# Installing one or more of the clients will enable the playground
|
|
3774
3771
|
${Array.from(n.reduce((a,t)=>(t.dependencies.forEach(l=>a.add(l)),a),new Set)).map(a=>`pip install ${a}`).join(`
|
|
3775
3772
|
`)}
|
|
3776
|
-
`,
|
|
3773
|
+
`,Gf=n=>e(K,{height:"100%",width:"100%",children:o(h,{direction:"column",alignItems:"center",justifyContent:"center",gap:"size-200",children:[e(Ul,{message:Bf,graphicKey:"not found",size:"L"}),e(x,{children:"The following clients are supported:"}),e(wc,{value:Hf(n.availableProviders)})]})}),Wf={OPENAI:"OPENAI_API_KEY",ANTHROPIC:"ANTHROPIC_API_KEY",AZURE_OPENAI:"AZURE_OPENAI_API_KEY",GEMINI:"GEMINI_API_KEY"};function Jf(){const n=O(s=>Array.from(new Set(s.instances.map(c=>c.model.provider)))),a=O(s=>s.instances.some(c=>c.activeRunId!=null)),t=za(s=>s.setCredential),l=za(s=>s),[i,r]=u.useState(!1);return e("div",{css:C`
|
|
3777
3774
|
.ac-dropdown-button {
|
|
3778
3775
|
min-width: 0px;
|
|
3779
3776
|
}
|
|
3780
|
-
`,children:o(Zn,{placement:"bottom",isOpen:i,onOpenChange:s=>{r(s)},children:[e(Ft,{size:"compact",isDisabled:a,children:"API Keys"}),e($a,{children:e(K,{padding:"size-200",children:o(Ae,{onSubmit:s=>{s.preventDefault(),r(!1)},children:[e(ce,{level:2,weight:"heavy",children:"API Keys"}),e(x,{color:"text-700",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(s=>{const c=
|
|
3777
|
+
`,children:o(Zn,{placement:"bottom",isOpen:i,onOpenChange:s=>{r(s)},children:[e(Ft,{size:"compact",isDisabled:a,children:"API Keys"}),e($a,{children:e(K,{padding:"size-200",children:o(Ae,{onSubmit:s=>{s.preventDefault(),r(!1)},children:[e(ce,{level:2,weight:"heavy",children:"API Keys"}),e(x,{color:"text-700",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(s=>{const c=Wf[s];return e(ae,{label:c,type:"password",isRequired:!0,onChange:d=>{t({provider:s,value:d})},value:l[s],description:`Alternatively, you can set the "${c}" environment variable on the phoenix server.`},s)})})]})})})]})})}const Fl=30,Zf=C`
|
|
3781
3778
|
display: flex;
|
|
3782
3779
|
direction: row;
|
|
3783
3780
|
align-items: center;
|
|
@@ -3792,7 +3789,7 @@ ${Array.from(n.reduce((a,t)=>(t.dependencies.forEach(l=>a.add(l)),a),new Set)).m
|
|
|
3792
3789
|
border-left: none;
|
|
3793
3790
|
height: ${Fl}px;
|
|
3794
3791
|
}
|
|
3795
|
-
`;function
|
|
3792
|
+
`;function Yf(){const n=X(),{datasetId:a}=Ve(),t=a??"";return o("div",{css:Zf,children:[e(Jl,{size:"compact",placeholder:"Test over a dataset",selectedKey:t,onSelectionChange:l=>{if(t!==null&&l===t){n("/playground");return}n(`/playground/datasets/${l}`)}}),e(z,{size:"compact",variant:"default",icon:e(L,{svg:e(I.CloseOutline,{})}),onClick:()=>{n("/playground")}})]})}const xo=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{kind:"Variable",name:"id",variableName:"datasetId"}],t={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"PlaygroundDatasetSectionQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"PlaygroundDatasetSectionQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}]},params:{cacheID:"c36833ac260163836d9810cf8e137380",id:null,metadata:{},name:"PlaygroundDatasetSectionQuery",operationKind:"query",text:`query PlaygroundDatasetSectionQuery(
|
|
3796
3793
|
$datasetId: GlobalID!
|
|
3797
3794
|
) {
|
|
3798
3795
|
dataset: node(id: $datasetId) {
|
|
@@ -3963,7 +3960,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
3963
3960
|
}
|
|
3964
3961
|
id
|
|
3965
3962
|
}
|
|
3966
|
-
`}}}();Lo.hash="f809b3d539d0032d9681a4a4450b1d6f";const
|
|
3963
|
+
`}}}();Lo.hash="f809b3d539d0032d9681a4a4450b1d6f";const Xf=n=>typeof n=="object"&&n!==null&&typeof n.message=="string",eh=/['"']message['"']:\s*['"']([^'"']+)['"']/g,wo=n=>{if(!Xf(n))return null;const a=n.message;if(typeof a!="string")return null;const t=[...a.matchAll(eh)].map(l=>l[1]);return t.length>0?t:null},nh=n=>{const a=n;return typeof a=="object"&&a!==null&&typeof a.source=="object"&&a.source!==null&&Array.isArray(a.source.errors)&&a.source.errors.every(t=>typeof t=="object"&&t!==null&&typeof t.message=="string")},ah=n=>Array.isArray(n)&&n.every(a=>typeof a=="object"&&a!==null&&typeof a.message=="string"),Eo=n=>nh(n)?n.source.errors.map(a=>a.message):ah(n)?n.map(a=>a.message):null,th=()=>{const n=(a,t)=>({exampleResponsesMap:{},updateExampleData:({instanceId:l,exampleId:i,patch:r})=>{const s=t().exampleResponsesMap,c=s[l]??{},d=c[i]??{};a({exampleResponsesMap:{...s,[l]:{...c,[i]:{...d,...r}}}})},appendExampleDataTextChunk:({instanceId:l,exampleId:i,textChunk:r})=>{const s=t().exampleResponsesMap,c=s[l]??{},d=c[i]??{},m=d.content??"";a({exampleResponsesMap:{...s,[l]:{...c,[i]:{...d,content:m+r}}}})},appendExampleDataToolCallChunk:({instanceId:l,exampleId:i,toolCallChunk:r})=>{var k;const s=t().exampleResponsesMap,c=s[l]??{},d=c[i]??{},m=d.toolCalls??{},{id:f,function:g}=r,y=m[f],p={...y,id:f,function:{name:((k=y==null?void 0:y.function)==null?void 0:k.name)??g.name,arguments:(y==null?void 0:y.function.arguments)!=null?y.function.arguments+g.arguments:g.arguments}};a({exampleResponsesMap:{...s,[l]:{...c,[i]:{...d,toolCalls:{...m,[f]:p}}}}})},setExampleDataForInstance:({instanceId:l,data:i})=>{const r=t().exampleResponsesMap;a({exampleResponsesMap:{...r,[l]:i}})},resetExampleData:()=>{a({exampleResponsesMap:{}})}});return Dl()(n)},_o=Se.createContext(null);function lh({children:n}){const[a]=u.useState(()=>th());return e(_o.Provider,{value:a,children:n})}function Hn(n,a){const t=Se.useContext(_o);if(!t)throw new Error("Missing PlaygroundDatasetExamplesTableContext.Provider in the tree");return ba(t,n,a)}function Bt({children:n}){return o(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(L,{svg:e(I.AlertCircleOutline,{}),color:"danger"}),e(x,{color:"danger",children:n})]})}const Ro=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(
|
|
3967
3964
|
$runId: GlobalID!
|
|
3968
3965
|
) {
|
|
3969
3966
|
run: node(id: $runId) {
|
|
@@ -3997,21 +3994,21 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
3997
3994
|
id
|
|
3998
3995
|
}
|
|
3999
3996
|
}
|
|
4000
|
-
`}}}();Ro.hash="2eee337b0f8c4e738dd6580efa1e3c96";function
|
|
3997
|
+
`}}}();Ro.hash="2eee337b0f8c4e738dd6580efa1e3c96";function ih({runId:n}){var c,d,m;const t=D.useLazyLoadQuery(Ro,{runId:n}).run,l=(c=t.example)==null?void 0:c.id,i=(d=t.example)==null?void 0:d.revision,r=i==null?void 0:i.input,s=i==null?void 0:i.output;return e(Z,{title:`Experiment Run for Example: ${l}`,size:"fullscreen",children:o(on,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(ke,{defaultSize:33,children:e(K,{overflow:"auto",height:"100%",padding:"size-200",children:o(h,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(K,{width:"50%",children:e(q,{title:"Input",...Kl,bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},extra:e(se,{text:JSON.stringify(r)}),children:e(Je,{value:JSON.stringify(r,null,2)})})}),e(K,{width:"50%",children:e(q,{title:"Reference Output",...Kl,extra:e(se,{text:JSON.stringify(s)}),bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},children:e(Je,{value:JSON.stringify(s,null,2)})})})]})})}),e(sn,{css:bn}),e(ke,{defaultSize:67,children:o(h,{direction:"column",height:"100%",children:[e(K,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(ce,{level:2,children:"Experiment Run Output"})}),e("div",{css:C`
|
|
4001
3998
|
overflow-y: auto;
|
|
4002
3999
|
height: 100%;
|
|
4003
4000
|
padding: var(--ac-global-dimension-static-size-200);
|
|
4004
|
-
`,children:o(h,{direction:"row",children:[e(K,{flex:!0,children:t.error?e(K,{padding:"size-200",children:e(
|
|
4001
|
+
`,children:o(h,{direction:"row",children:[e(K,{flex:!0,children:t.error?e(K,{padding:"size-200",children:e(sh,{error:t.error})}):e(Je,{value:JSON.stringify(t.output,null,2)})}),o(Dn,{width:"size-3000",children:[t.startTime&&t.endTime&&e(rh,{startTime:t.startTime,endTime:t.endTime}),e("ul",{css:C`
|
|
4005
4002
|
margin-top: var(--ac-global-dimension-static-size-100);
|
|
4006
4003
|
display: flex;
|
|
4007
4004
|
flex-direction: column;
|
|
4008
4005
|
justify-content: flex-start;
|
|
4009
4006
|
align-items: flex-end;
|
|
4010
4007
|
gap: var(--ac-global-dimension-static-size-100);
|
|
4011
|
-
`,children:(m=t.annotations)==null?void 0:m.edges.map(f=>e("li",{children:e(un,{annotation:f.annotation})},f.annotation.id))})]})]})})]})})]})})}function
|
|
4008
|
+
`,children:(m=t.annotations)==null?void 0:m.edges.map(f=>e("li",{children:e(un,{annotation:f.annotation})},f.annotation.id))})]})]})})]})})]})})}function rh({startTime:n,endTime:a}){const t=u.useMemo(()=>{let l=null;return n&&a&&(l=new Date(a).getTime()-new Date(n).getTime()),l},[n,a]);return t===null?null:e(Ce,{latencyMs:t})}function sh({error:n}){return o(h,{direction:"row",gap:"size-50",alignItems:"center",children:[e(L,{svg:e(I.AlertCircleOutline,{}),color:"danger"}),e(x,{color:"danger",children:n})]})}const Kl={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}};function Ao({traceId:n,projectId:a,title:t}){const l=X();return e(Z,{title:t,size:"fullscreen",extra:e(z,{variant:"default",onClick:()=>l(`/projects/${a}/traces/${n}`),children:"View Trace in Project"}),children:e(Ot,{traceId:n,projectId:a})})}const oh=n=>{const a=n;return yn(a.function)?typeof a.function.arguments=="string":!1};function Mo({toolCall:n}){const a=u.useMemo(()=>{const{provider:t,validatedToolCall:l}=Ec(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(!oh(n))return null;const{json:i}=_e(n.function.arguments);return{name:n.function.name??"",input:yn(i)?i:n.function.arguments}}default:return me()}},[n]);return a==null?o(x,{children:["Invalid tool call format: ",JSON.stringify(n)]}):o("pre",{css:C`
|
|
4012
4009
|
text-wrap: wrap;
|
|
4013
4010
|
margin: var(--ac-global-dimension-static-size-100) 0;
|
|
4014
|
-
`,children:[a.name,"(",typeof a.input=="string"?a.input:JSON.stringify(a.input,null,2),")"]})}const
|
|
4011
|
+
`,children:[a.name,"(",typeof a.input=="string"?a.input:JSON.stringify(a.input,null,2),")"]})}const dh=10,ch=n=>n.examples.reduce((a,t)=>{const{datasetExampleId:l,result:i,experimentRunId:r}=t,s={experimentRunId:r};switch(i.__typename){case"ChatCompletionMutationError":return{...a,[l]:{...s,errorMessage:i.message}};case"ChatCompletionMutationPayload":{const{errorMessage:c,content:d,span:m,toolCalls:f}=i;return{...a,[l]:{...s,span:m,content:d,errorMessage:c,toolCalls:f.reduce((g,y)=>(g[y.id]=y,g),{})}}}case"%other":return a;default:me()}},{}),uh=C`
|
|
4015
4012
|
position: relative;
|
|
4016
4013
|
display: flex;
|
|
4017
4014
|
flex-direction: column;
|
|
@@ -4033,25 +4030,25 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
4033
4030
|
border-color: var(--ac-global-color-primary);
|
|
4034
4031
|
}
|
|
4035
4032
|
}
|
|
4036
|
-
`,
|
|
4033
|
+
`,mh=C`
|
|
4037
4034
|
position: absolute;
|
|
4038
4035
|
top: -4px;
|
|
4039
4036
|
right: var(--ac-global-dimension-static-size-100);
|
|
4040
4037
|
display: flex;
|
|
4041
4038
|
flex-direction: row;
|
|
4042
4039
|
gap: var(--ac-global-dimension-static-size-100);
|
|
4043
|
-
`;function No(n){return o("div",{css:
|
|
4040
|
+
`;function No(n){return o("div",{css:uh,children:[n.children,e("div",{css:mh,className:"controls",children:n.controls})]})}function zo({children:n}){return e("div",{css:C`
|
|
4044
4041
|
max-height: 300px;
|
|
4045
4042
|
overflow-y: auto;
|
|
4046
4043
|
padding: var(--ac-global-dimension-static-size-100)
|
|
4047
4044
|
var(--ac-global-dimension-static-size-200);
|
|
4048
|
-
`,children:n})}function
|
|
4045
|
+
`,children:n})}function gh({getValue:n,collapseSingleKey:a}){const t=n();return e(zo,{children:e(Fa,{json:t,space:2,collapseSingleKey:a})})}function ph({isRunning:n,instanceVariables:a,datasetExampleInput:t}){const l=u.useMemo(()=>{const i=yn(t)?t:{};return a.filter(r=>i[r]==null)},[t,a]);return n?e(ye,{}):l.length===0?null:e(Bt,{children:`Missing input for variable${l.length>1?"s":""}: ${l.join(", ")}`})}function yh({exampleData:n,setDialog:a}){const{span:t,content:l,toolCalls:i,errorMessage:r,experimentRunId:s}=n,c=t!=null,d=s!=null,m=u.useMemo(()=>{if(c||d)return o(G,{children:[d&&o(pe,{children:[e(z,{variant:"default",size:"compact","aria-label":"View experiment run details",icon:e(L,{svg:e(I.ExpandOutline,{})}),onClick:f=>{f.preventDefault(),f.stopPropagation(),u.startTransition(()=>{a(e(ih,{runId:s}))})}}),e(Ie,{children:"View run details"})]}),c&&e(G,{children:o(pe,{children:[e(z,{variant:"default",size:"compact","aria-label":"View run trace",icon:e(L,{svg:e(I.Trace,{})}),onClick:f=>{f.preventDefault(),f.stopPropagation(),u.startTransition(()=>{a(e(Ao,{traceId:t.context.traceId,projectId:t.project.id,title:"Experiment Run Trace"}))})}}),e(Ie,{children:"View Trace"})]})})]})},[s,d,c,a,t]);return e(No,{controls:m,children:o(h,{direction:"column",gap:"size-200",children:[r!=null?e(Bt,{children:r}):null,e(x,{children:l}),i!=null?Object.values(i).map(f=>f==null?null:e(Mo,{toolCall:f},f.id)):null,c?e(hh,{span:t}):null]})})}const fh=u.memo(function({isRunning:a,instanceId:t,exampleId:l,setDialog:i,instanceVariables:r,datasetExampleInput:s}){const c=Hn(d=>{var m;return(m=d.exampleResponsesMap[t])==null?void 0:m[l]});return c==null?e(ph,{isRunning:a,instanceVariables:r,datasetExampleInput:s}):e(yh,{exampleData:c,setDialog:i})});function hh({span:n}){return o(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Sn,{tokenCountTotal:n.tokenCountTotal||0,tokenCountPrompt:n.tokenCountPrompt||0,tokenCountCompletion:n.tokenCountCompletion||0}),e(Ce,{latencyMs:n.latencyMs||0})]})}function Vo({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 kh=Se.memo(Vo,(n,a)=>n.table.options.data===a.table.options.data);function bh({datasetId:n}){const a=D.useRelayEnvironment(),t=O($=>$.instances),l=O($=>$.templateLanguage),i=O($=>$.updateInstance),r=Hn($=>$.updateExampleData),s=Hn($=>$.setExampleDataForInstance),c=Hn($=>$.resetExampleData),d=Hn($=>$.appendExampleDataToolCallChunk),m=Hn($=>$.appendExampleDataTextChunk),[f,g]=u.useState(null),y=X(),p=t.some($=>$.activeRunId!==null),k=za($=>$),b=O($=>$.markPlaygroundInstanceComplete),S=Ko(),v=ve(),P=u.useCallback($=>ie=>{var he;if(ie==null)return;const Y=ie.chatCompletionOverDataset;switch(Y.__typename){case"ChatCompletionSubscriptionExperiment":i({instanceId:$,patch:{experimentId:Y.experiment.id}});break;case"ChatCompletionSubscriptionResult":if(Y.datasetExampleId==null)return;r({instanceId:$,exampleId:Y.datasetExampleId,patch:{span:Y.span,experimentRunId:(he=Y.experimentRun)==null?void 0:he.id}});break;case"ChatCompletionSubscriptionError":if(Y.datasetExampleId==null)return;r({instanceId:$,exampleId:Y.datasetExampleId,patch:{errorMessage:Y.message}});break;case"TextChunk":if(Y.datasetExampleId==null)return;m({instanceId:$,exampleId:Y.datasetExampleId,textChunk:Y.content});break;case"ToolCallChunk":{if(Y.datasetExampleId==null)return;d({instanceId:$,exampleId:Y.datasetExampleId,toolCallChunk:Y});break}case"%other":return;default:return me()}},[m,d,r,i]),[E]=D.useMutation(To),R=u.useCallback($=>(ie,Y)=>{if(b($),Y){v({title:"Chat completion failed",message:Y[0].message});return}i({instanceId:$,patch:{experimentId:ie.chatCompletionOverDataset.experimentId}}),s({instanceId:$,data:ch(ie.chatCompletionOverDataset)})},[b,v,s,i]);u.useEffect(()=>{if(!p)return;const{instances:$,streaming:ie,updateInstance:Y}=S.getState();if(c(),ie){const he=[];for(const Te of $){const{activeRunId:Ya}=Te;if(Y({instanceId:Te.id,patch:{experimentId:null}}),Ya===null)continue;const Xa={input:ll({credentials:k,instanceId:Te.id,playgroundStore:S,datasetId:n})},et={subscription:Io,variables:Xa,onNext:P(Te.id),onCompleted:()=>{b(Te.id)},onError:jn=>{b(Te.id);const nt=Eo(jn);nt!=null&&nt.length>0?v({title:"Failed to get output",message:nt.join(`
|
|
4049
4046
|
`),expireMs:1e4}):v({title:"Failed to get output",message:jn.message,expireMs:1e4})}},Ta=St.requestSubscription(a,et);he.push(Ta)}return()=>{for(const Te of he)Te.dispose()}}else{const he=[];for(const Te of $){const{activeRunId:Ya}=Te;if(Ya===null)continue;Y({instanceId:Te.id,patch:{experimentId:null}});const Xa={input:ll({credentials:k,instanceId:Te.id,playgroundStore:S,datasetId:n})},et=E({variables:Xa,onCompleted:R(Te.id),onError(Ta){b(Te.id);const jn=wo(Ta);jn!=null&&jn.length>0?v({title:"Failed to get output",message:jn.join(`
|
|
4050
|
-
`),expireMs:1e4}):v({title:"Failed to get output",message:Ta.message,expireMs:1e4})}});he.push(et)}return()=>{for(const Te of he)Te.dispose()}}},[k,n,a,E,p,b,v,R,P,S,c]);const{dataset:F}=D.useLazyLoadQuery(Lo,{datasetId:n}),T=u.useRef(null),{data:w,loadNext:_,hasNext:Q,isLoadingNext:V}=D.usePaginationFragment(Po,F),H=u.useMemo(()=>w.examples.edges.map($=>{const ie=$.example,Y=ie.revision;return{id:ie.id,input:Y.input,output:Y.output}}),[w]),te=u.useMemo(()=>t.map(($,ie)=>{const Y=Fi({instance:$,templateLanguage:l});return{id:`instance-${$.id}`,header:()=>o(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Rt,{index:ie}),e("span",{children:"Output"})]}),cell:({row:he})=>e(
|
|
4047
|
+
`),expireMs:1e4}):v({title:"Failed to get output",message:Ta.message,expireMs:1e4})}});he.push(et)}return()=>{for(const Te of he)Te.dispose()}}},[k,n,a,E,p,b,v,R,P,S,c]);const{dataset:F}=D.useLazyLoadQuery(Lo,{datasetId:n}),T=u.useRef(null),{data:w,loadNext:_,hasNext:Q,isLoadingNext:V}=D.usePaginationFragment(Po,F),H=u.useMemo(()=>w.examples.edges.map($=>{const ie=$.example,Y=ie.revision;return{id:ie.id,input:Y.input,output:Y.output}}),[w]),te=u.useMemo(()=>t.map(($,ie)=>{const Y=Fi({instance:$,templateLanguage:l});return{id:`instance-${$.id}`,header:()=>o(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Rt,{index:ie}),e("span",{children:"Output"})]}),cell:({row:he})=>e(fh,{instanceId:$.id,exampleId:he.original.id,isRunning:p,setDialog:g,instanceVariables:Y,datasetExampleInput:he.original.input}),size:500}}),[p,t,l]),oe=[{header:"input",accessorKey:"input",cell:({row:$})=>e(No,{controls:o(pe,{children:[e(z,{variant:"default",size:"compact","aria-label":"View example details",icon:e(L,{svg:e(I.ExpandOutline,{})}),onClick:()=>{y(`/playground/datasets/${n}/examples/${$.original.id}`)}}),e(Ie,{children:"View Example"})]}),children:e(zo,{children:e(Fa,{json:$.original.input,disableTitle:!0,space:2,collapseSingleKey:!1})})}),size:200},{header:"reference output",accessorKey:"output",cell:$=>gh({...$,collapseSingleKey:!0}),size:200},...te],N=Fe({columns:oe,data:H,getCoreRowModel:Ke(),columnResizeMode:"onChange"}),M=N.getRowModel().rows.length===0,U=u.useCallback($=>{if($){const{scrollHeight:ie,scrollTop:Y,clientHeight:he}=$;ie-Y-he<300&&!V&&Q&&_(dh)}},[Q,V,_]),le=Se.useMemo(()=>{const $=N.getFlatHeaders(),ie={};for(let Y=0;Y<$.length;Y++){const he=$[Y];ie[`--header-${he.id}-size`]=he.getSize(),ie[`--col-${he.column.id}-size`]=he.column.getSize()}return ie},[N.getState().columnSizingInfo,N.getState().columnSizing,oe.length]);return o("div",{css:C`
|
|
4051
4048
|
flex: 1 1 auto;
|
|
4052
4049
|
overflow: auto;
|
|
4053
4050
|
height: 100%;
|
|
4054
|
-
`,ref:T,onScroll:$=>U($.target),children:[o("table",{css:$=>C(an($),ri),style:{...le,width:N.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:N.getHeaderGroups().map($=>e("tr",{children:$.headers.map(ie=>o("th",{style:{width:`calc(var(--header-${ie==null?void 0:ie.id}-size) * 1px)`},children:[e("div",{children:J(ie.column.columnDef.header,ie.getContext())}),e("div",{onMouseDown:ie.getResizeHandler(),onTouchStart:ie.getResizeHandler(),className:`resizer ${ie.column.getIsResizing()?"isResizing":""}`})]},ie.id))},$.id))}),M?e(tn,{}):N.getState().columnSizingInfo.isResizingColumn?e(
|
|
4051
|
+
`,ref:T,onScroll:$=>U($.target),children:[o("table",{css:$=>C(an($),ri),style:{...le,width:N.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:N.getHeaderGroups().map($=>e("tr",{children:$.headers.map(ie=>o("th",{style:{width:`calc(var(--header-${ie==null?void 0:ie.id}-size) * 1px)`},children:[e("div",{children:J(ie.column.columnDef.header,ie.getContext())}),e("div",{onMouseDown:ie.getResizeHandler(),onTouchStart:ie.getResizeHandler(),className:`resizer ${ie.column.getIsResizing()?"isResizing":""}`})]},ie.id))},$.id))}),M?e(tn,{}):N.getState().columnSizingInfo.isResizingColumn?e(kh,{table:N}):e(Vo,{table:N})]}),e(ee,{isDismissable:!0,type:"slideOver",onDismiss:()=>{g(null)},children:f})]})}function Sh(){return o("span",{css:C`
|
|
4055
4052
|
color: var(--ac-global-text-color-700);
|
|
4056
4053
|
display: inline-flex;
|
|
4057
4054
|
.dots {
|
|
@@ -4080,7 +4077,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
4080
4077
|
content: "...";
|
|
4081
4078
|
}
|
|
4082
4079
|
}
|
|
4083
|
-
`,children:["Run in progress",e("span",{className:"dots"})]})}function
|
|
4080
|
+
`,children:["Run in progress",e("span",{className:"dots"})]})}function vh({datasetId:n}){const a=O(s=>s.instances),t=a.some(s=>s.activeRunId!=null),l=u.useMemo(()=>a.map(s=>s.experimentId).filter(s=>s!=null),[a]),i=X(),r=D.useLazyLoadQuery(xo,{datasetId:n});return o(h,{direction:"column",height:"100%",children:[e(K,{backgroundColor:"dark",paddingX:"size-200",paddingY:"size-100",borderBottomColor:"light",borderBottomWidth:"thin",children:o(h,{justifyContent:"space-between",alignItems:"center",children:[o(h,{gap:"size-100",children:[o(x,{children:[r.dataset.name??"Dataset"," results"]}),r.dataset.exampleCount!=null?o(x,{fontStyle:"italic",color:"text-700",children:[r.dataset.exampleCount," examples"]}):null]}),o(h,{gap:"size-100",alignItems:"center",children:[t&&e(Sh,{}),l.length>0&&e(z,{size:"compact",variant:"default",disabled:t,loading:t,icon:e(L,{svg:e(I.ExperimentOutline,{})}),onClick:()=>{i(`/datasets/${n}/compare?experimentId=${l.join("&experimentId=")}`)},children:o(h,{gap:"size-100",alignItems:"center",children:["View Experiment",a.length>1?"s":""]})})]})]})}),e(lh,{children:e(bh,{datasetId:n})})]})}const Ch=()=>{const n=O(r=>r.input),a=O(r=>r.instances),t=O(r=>r.templateLanguage),{variableKeys:l,variablesMap:i}=u.useMemo(()=>Ki({instances:a,templateLanguage:t,input:n}),[n,a,t]);return{variableKeys:l,variablesMap:i}},Fh={lineNumbers:!1,highlightActiveLine:!1,foldGutter:!1,highlightActiveLineGutter:!1,bracketMatching:!1,syntaxHighlighting:!1},Kh=[pi.lineWrapping],xh=({label:n,value:a,onChange:t})=>{const{theme:l}=On();return e(Vn,{label:n,children:e(Ne,{width:"100%",children:e(ia,{theme:l==="light"?Zc:ra,basicSetup:Fh,value:a,extensions:Kh,onChange:t})})})};function Th(){const{variableKeys:n,variablesMap:a}=Ch(),t=O(i=>i.setVariableValue),l=O(i=>i.templateLanguage);if(n.length===0){let i="";switch(l){case"F_STRING":{i="{input name}";break}case"MUSTACHE":{i="{{input name}}";break}case"NONE":return null;default:me()}return e(K,{padding:"size-100",children:e(h,{direction:"column",justifyContent:"center",alignItems:"center",children:o(x,{color:"text-700",children:["Add variable inputs to your prompt using"," ",e(x,{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(xh,{label:i,value:a[i],onChange:s=>t(i,s)},r))})}const $o=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(
|
|
4084
4081
|
$input: ChatCompletionInput!
|
|
4085
4082
|
) {
|
|
4086
4083
|
chatCompletion(input: $input) {
|
|
@@ -4124,7 +4121,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
4124
4121
|
}
|
|
4125
4122
|
}
|
|
4126
4123
|
}
|
|
4127
|
-
`}}}();Oo.hash="bb5936a61a0e99dbb4a298a6e552a01c";const
|
|
4124
|
+
`}}}();Oo.hash="bb5936a61a0e99dbb4a298a6e552a01c";const Ih=({instance:n,outputContent:a,toolCalls:t,cleanupOutput:l})=>{const i=n.id,r=O(s=>s.updateInstance);return o(pe,{delay:500,offset:10,children:[e(z,{variant:"default",size:"compact",icon:e(L,{svg:e(I.PlusCircleOutline,{})}),"aria-label":"Move the output message to the end of the prompt",onClick:s=>{if(s.stopPropagation(),n.template.__type!=="chat")return;const c=Array.isArray(a)?a:a?[{id:fa(),role:Na("ai"),content:a}]:[];t.length>0&&c.push({id:fa(),role:Na("ai"),toolCalls:mi({provider:n.model.provider,toolCalls:t.map(d=>{var m;return{...d,function:{...d.function,arguments:((m=_e(d.function.arguments))==null?void 0:m.json)??d.function.arguments}}})})}),r({instanceId:i,patch:{template:{__type:"chat",messages:[...n.template.messages,...c]}}}),l()},children:"Prompt"}),e(Ie,{children:"Move the output message to the end of the prompt"})]})},Qo=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[t],storageKey:null},{alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null}],type:"Span",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"RunMetadataFooterQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"RunMetadataFooterQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t,l],storageKey:null}]},params:{cacheID:"bee4b51bd781a58c87fd283a966776f6",id:null,metadata:{},name:"RunMetadataFooterQuery",operationKind:"query",text:`query RunMetadataFooterQuery(
|
|
4128
4125
|
$spanId: GlobalID!
|
|
4129
4126
|
) {
|
|
4130
4127
|
span: node(id: $spanId) {
|
|
@@ -4145,16 +4142,16 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
4145
4142
|
}
|
|
4146
4143
|
}
|
|
4147
4144
|
}
|
|
4148
|
-
`}}}();Qo.hash="c89cb87e785645bbf42e3eadbacc4fc0";function
|
|
4145
|
+
`}}}();Qo.hash="c89cb87e785645bbf42e3eadbacc4fc0";function Dh({spanId:n}){const[a,t]=u.useState(null),l=D.useLazyLoadQuery(Qo,{spanId:n});if(!l.span||!l.span.project||!l.span.context)return null;const{project:i,context:{traceId:r}}=l.span;return o(K,{borderTopColor:"light",borderTopWidth:"thin",paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",children:[o(h,{direction:"row",gap:"size-200",justifyContent:"space-between",children:[o(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Sn,{tokenCountTotal:l.span.tokenCountTotal||0,tokenCountPrompt:l.span.tokenCountPrompt||0,tokenCountCompletion:l.span.tokenCountCompletion||0}),e(Ce,{latencyMs:l.span.latencyMs||0})]}),o(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(z,{size:"compact",variant:"default",icon:e(L,{svg:e(I.EditOutline,{})}),onClick:()=>t(e(Vl,{spanNodeId:n,projectId:i.id})),children:"Annotate"}),e(z,{size:"compact",variant:"default",icon:e(L,{svg:e(I.Trace,{})}),onClick:()=>{u.startTransition(()=>{t(e(u.Suspense,{children:e(Ao,{traceId:r,projectId:i.id,title:"Playground Trace"})}))})},children:"View Trace"})]})]}),e(ee,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(null),children:a})]})}function Ph({index:n,title:a}){return o(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Rt,{index:n}),e("span",{children:a})]})}const Lh=n=>yn(n)&&(typeof n.id=="string"||typeof n.id=="number")?n.id:JSON.stringify(n);function xl({message:n}){const{role:a,content:t,toolCalls:l}=n,i=Ja(a);return o(q,{title:a,...i,variant:"compact",extra:e(Xe,{}),children:[t!=null&&!Array.isArray(t)&&e(la,{children:t}),l&&l.length>0?l.map(r=>e(Mo,{toolCall:r},Lh(r))):null]})}function wh({content:n,partialToolCalls:a}){return Hu(n)?n.map((t,l)=>e(xl,{message:t},l)):typeof n=="string"||a.length>0?e(xl,{message:{id:fa(),content:n,role:"ai",toolCalls:a}}):"click run to see output"}function Eh(n){const a=n.playgroundInstanceId,t=O(V=>V.instances),l=O(V=>V.streaming),i=za(V=>V),r=O(V=>V.instances.findIndex(H=>H.id===a)),s=t.find(V=>V.id===a),c=O(V=>V.updateInstance),[d,m]=u.useState(null),f=O(V=>V.markPlaygroundInstanceComplete),g=D.useRelayEnvironment(),y=Ko();if(!s)throw new Error(`No instance found for id ${a}`);if(s.template.__type!=="chat")throw new Error("We only support chat templates for now");const[p,k]=u.useState(!1),[b]=D.useMutation($o),S=(s==null?void 0:s.activeRunId)!=null,v=ve(),P=u.useCallback(({title:V,message:H,...te})=>{m({title:V,message:H}),v({title:V,message:H,...te})},[v]),[E,R]=u.useState(s.output),[F,T]=u.useState([]),w=u.useCallback(({chatCompletion:V})=>{if(k(!1),V.__typename==="TextChunk"){const H=V.content;R(te=>te!=null?te+H:H);return}else if(V.__typename==="ToolCallChunk"){T(H=>{let te=!1;const oe=H.map(N=>N.id===V.id?(te=!0,{...N,function:{...N.function,arguments:N.function.arguments+V.function.arguments}}):N);return te||oe.push({id:V.id,function:{name:V.function.name,arguments:V.function.arguments}}),oe});return}if(V.__typename==="ChatCompletionSubscriptionResult"&&V.span!=null){c({instanceId:a,patch:{spanId:V.span.id}});return}V.__typename==="ChatCompletionSubscriptionError"&&(f(n.playgroundInstanceId),V.message!=null&&P({title:"Chat completion failed",message:V.message}))},[a,f,P,n.playgroundInstanceId,c]),_=u.useCallback((V,H)=>{if(k(!1),f(n.playgroundInstanceId),c({instanceId:a,patch:{spanId:V.chatCompletion.span.id}}),H){P({title:"Chat completion failed",message:H[0].message});return}if(V.chatCompletion.errorMessage!=null){P({title:"Chat completion failed",message:V.chatCompletion.errorMessage});return}R(V.chatCompletion.content??void 0),T(V.chatCompletion.toolCalls)},[a,f,P,n.playgroundInstanceId,c]),Q=u.useCallback(()=>{R(void 0),T([]),m(null),c({instanceId:a,patch:{spanId:null}})},[a,c]);return u.useEffect(()=>{if(!S){k(!1);return}k(!0),Q();const V=em({playgroundStore:y,instanceId:a,credentials:i});if(l){const te={subscription:Oo,variables:{input:V},onNext:N=>{N&&w(N)},onCompleted:()=>{k(!1),f(n.playgroundInstanceId)},onError:N=>{k(!1),f(n.playgroundInstanceId);const j=Eo(N);j!=null&&j.length>0?P({title:"Failed to get output",message:j.join(`
|
|
4149
4146
|
`)}):P({title:"Failed to get output",message:N.message})}};return St.requestSubscription(g,te).dispose}return b({variables:{input:V},onCompleted:_,onError(te){k(!1),f(n.playgroundInstanceId);const oe=wo(te);oe!=null&&oe.length>0?P({title:"Failed to get output",message:oe.join(`
|
|
4150
|
-
`)}):P({title:"Failed to get output",message:te.message})}}).dispose},[Q,i,g,b,S,a,f,P,_,w,y,n.playgroundInstanceId,l,c]),e(q,{title:e(
|
|
4147
|
+
`)}):P({title:"Failed to get output",message:te.message})}}).dispose},[Q,i,g,b,S,a,f,P,_,w,y,n.playgroundInstanceId,l,c]),e(q,{title:e(Ph,{index:r,title:"Output"}),extra:E!=null||(F==null?void 0:F.length)>0?e(Ih,{outputContent:E,toolCalls:F,instance:s,cleanupOutput:Q}):null,titleSeparator:!0,collapsible:!0,variant:"compact",bodyStyle:{padding:0},children:p?e(K,{padding:"size-200",children:e(ye,{message:"Running..."})}):d?e(K,{padding:"size-200",children:e(Bt,{children:d.message})}):o(G,{children:[e(K,{padding:"size-200",children:e(qe,{children:e(wh,{content:E,partialToolCalls:F})})}),e(u.Suspense,{children:s.spanId?e(Dh,{spanId:s.spanId}):null})]})})}function _h(){const n=O(l=>l.runPlaygroundInstances),a=O(l=>l.cancelPlaygroundInstances),t=O(l=>l.instances.some(i=>i.activeRunId!=null));return e(z,{variant:"primary",icon:t?e("div",{css:C`
|
|
4151
4148
|
margin-right: var(--ac-global-dimension-static-size-50);
|
|
4152
4149
|
& > * {
|
|
4153
4150
|
height: 1em;
|
|
4154
4151
|
width: 1em;
|
|
4155
4152
|
font-size: 1.3rem;
|
|
4156
4153
|
}
|
|
4157
|
-
`,children:e(ye,{size:"S"})}):e(L,{svg:e(I.PlayCircleOutline,{})}),size:"compact",onClick:()=>{t?a():n()},children:t?"Cancel":"Run"})}function
|
|
4154
|
+
`,children:e(ye,{size:"S"})}):e(L,{svg:e(I.PlayCircleOutline,{})}),size:"compact",onClick:()=>{t?a():n()},children:t?"Cancel":"Run"})}function Rh(){const n=O(i=>i.streaming),a=O(i=>i.setStreaming),t=ze(i=>i.setPlaygroundStreamingEnabled),l=O(i=>i.instances.some(r=>r.activeRunId!=null));return window.Config.websocketsEnabled===!1?null:e(Xn,{labelPlacement:"start",isSelected:n,onChange:()=>{a(!n),t(!n)},isDisabled:l,children:"Stream"})}const jo={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 {
|
|
4158
4155
|
...ModelProviderPickerFragment
|
|
4159
4156
|
}
|
|
4160
4157
|
|
|
@@ -4166,18 +4163,18 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
4166
4163
|
dependencies
|
|
4167
4164
|
}
|
|
4168
4165
|
}
|
|
4169
|
-
`}};jo.hash="4b1b96842c19ea5721b7fcf1cdb86426";function
|
|
4166
|
+
`}};jo.hash="4b1b96842c19ea5721b7fcf1cdb86426";function Ah({defaultValue:n,onChange:a,label:t,errorMessage:l}){const[i,r]=u.useState(n==null?"":zl(n).json??""),s=u.useCallback(c=>{r(c);const{json:d}=_e(c);d==null&&c!==""||a(d)},[a]);return e("div",{css:C`
|
|
4170
4167
|
& .ac-view {
|
|
4171
4168
|
width: 100%;
|
|
4172
4169
|
}
|
|
4173
|
-
`,children:e(Vn,{label:t,errorMessage:l,validationState:l?"invalid":void 0,children:e(Ne,{children:e(Re,{value:i,onChange:s,optionalLint:!0})})})})}const
|
|
4170
|
+
`,children:e(Vn,{label:t,errorMessage:l,validationState:l?"invalid":void 0,children:e(Ne,{children:e(Re,{value:i,onChange:s,optionalLint:!0})})})})}const Mh=({field:n,value:a,onChange:t,errors:l,control:i})=>{var g;const r=n.invocationName;if(!r)throw new Error("Invocation name is required");const s=(g=l[r])==null?void 0:g.message,c=n.required?`${n.label||r} is required`:void 0,d=n.minValue!=null?`${n.label||r} must be at least ${n.minValue}`:void 0,m=n.maxValue!=null?`${n.label||r} must be at most ${n.maxValue}`:void 0,{__typename:f}=n;switch(f){case"InvocationParameterBase":return null;case"BoundedFloatInvocationParameter":return typeof a!="number"&&a!==void 0?null:e(Fd,{label:n.label,isRequired:n.required,defaultValue:a,step:.1,minValue:n.minValue,maxValue:n.maxValue,onChange:y=>t(y)});case"FloatInvocationParameter":case"IntInvocationParameter":return e(W,{control:i,name:r,rules:{required:c,min:d,max:m},render:({field:{onBlur:y}})=>e(ae,{label:n.label,isRequired:n.required,value:(a==null?void 0:a.toString())||"",type:"number",onBlur:y,onChange:p=>{if(p===""){t(void 0);return}t(Number(p))},errorMessage:s,validationState:s?"invalid":"valid"})});case"StringListInvocationParameter":return!Array.isArray(a)&&a!==void 0?null:e(W,{control:i,name:r,rules:{required:c},render:({field:{onBlur:y}})=>e(ae,{label:n.label,isRequired:n.required,defaultValue:(a==null?void 0:a.join(", "))??"",onBlur:y,onChange:p=>{if(p===""){t(void 0);return}t(p.split(/, */g))},description:"A comma separated list of strings",errorMessage:s})});case"StringInvocationParameter":return e(W,{control:i,name:r,rules:{required:c},render:({field:{onBlur:y}})=>e(ae,{label:n.label,isRequired:n.required,defaultValue:(a==null?void 0:a.toString())||"",type:"text",onBlur:y,onChange:p=>{if(p===""){t(void 0);return}t(p)},errorMessage:s})});case"BooleanInvocationParameter":return e(Xn,{onChange:t,defaultSelected:!!a,children:n.label});case"JSONInvocationParameter":return e(W,{control:i,name:r,rules:{required:c},render:()=>e(Ah,{defaultValue:a,onChange:t,label:n.label??n.invocationName??"",errorMessage:s})});default:return null}},Nh=(n,a)=>{if(n.invocationInputField===void 0)throw new Error("Invocation input field is required");return a[Wa(n.invocationInputField)]},zh=(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,[Wa(n.invocationInputField)]:a}},Vh=({instanceId:n})=>{const a=O(p=>p.instances.find(k=>k.id===n));if(!a)throw new Error("Instance not found");const{model:t}=a,l=O(p=>p.upsertInvocationParameterInput),i=O(p=>p.deleteInvocationParameterInput),r=a.model.supportedInvocationParameters,s=a.model.invocationParameters,c=u.useCallback((p,k)=>{if(!p.invocationName)throw new Error("Invocation name is required");k===void 0?i({instanceId:n,invocationParameterInputInvocationName:p.invocationName}):l({instanceId:n,invocationParameterInput:zh(p,k)})},[n,l,i]),d=u.useMemo(()=>r.filter(p=>!(p.canonicalName!=null&&gu.includes(p.canonicalName))).reduce((p,k)=>{const b=s.find(v=>Rn(v,k)),S=b?Nh(k,b):void 0;return{...p,[k.invocationName]:S??null}},{}),[s,r]),m=Ue({values:d,mode:"onBlur",delayError:0,shouldFocusError:!1,resetOptions:{keepErrors:!0}}),f=m.trigger,g=u.useMemo(()=>pt.debounce(f,250),[f]);return u.useEffect(()=>{g()},[d,g]),t.provider!=="AZURE_OPENAI"&&t.modelName===null?null:Object.entries(d).map(([p,k])=>{const b=r.find(v=>v.invocationName===p);if(!b)return null;const S=`${t.provider??"model"}-${b.invocationName}`;return e(Mh,{field:b,value:k,onChange:v=>c(b,v),control:m.control,errors:m.formState.errors},S)})},Ht=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(
|
|
4174
4171
|
$providerKey: GenerativeProviderKey!
|
|
4175
4172
|
) {
|
|
4176
4173
|
models(input: {providerKey: $providerKey}) {
|
|
4177
4174
|
name
|
|
4178
4175
|
}
|
|
4179
4176
|
}
|
|
4180
|
-
`}}}();Ht.hash="fc5563c6dca10fdeda807cd7061e275a";function
|
|
4177
|
+
`}}}();Ht.hash="fc5563c6dca10fdeda807cd7061e275a";function $h({onChange:n,container:a,modelName:t,queryReference:l,...i}){const r=D.usePreloadedQuery(Ht,l),s=u.useMemo(()=>r.models.map(g=>({name:g.name,id:g.name})),[r.models]),[c,d]=u.useState({selectedKey:t??null,inputValue:t??""}),m=g=>{if(typeof g=="string"){const y=s.find(p=>p.id===g);(y==null?void 0:y.name)!=null&&n(y.name)}},f=g=>{d(y=>({inputValue:g,selectedKey:y.selectedKey}))};return u.useEffect(()=>{d({selectedKey:t??null,inputValue:t??""})},[t]),e(Rc,{size:"L",label:"Model",isRequired:!0,"data-testid":"model-picker",selectedKey:c.selectedKey,"aria-label":"model picker",onInputChange:f,inputValue:c.inputValue,onSelectionChange:m,width:"100%",allowsCustomValue:!0,onBlur:()=>{c.inputValue!==""&&n(c.inputValue)},onKeyUp:g=>{g.key==="Enter"&&n(c.inputValue)},menuTrigger:"focus",container:a,description:"Choose a model from the list, or enter a custom model name",defaultItems:s,...i,children:g=>e(_c,{textValue:g.name,id:g.id,children:g.name},g.id)})}function Oh(n){const[a,t,l]=D.useQueryLoader(Ht);return u.useEffect(()=>(t({providerKey:n.provider}),()=>l()),[l,t,n.provider]),a!=null?e($h,{queryReference:a,...n}):null}const qo={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};qo.hash="1d4ba7f81a958c9a17bd45dce0456ddb";function Qh(n){return n==="OPENAI"||n==="AZURE_OPENAI"||n==="ANTHROPIC"||n==="GEMINI"}function jh({onChange:n,query:a,...t}){var c,d;const l=D.useFragment(qo,a),i=l.modelProviders.filter(m=>m.dependenciesInstalled),r=i.length!==l.modelProviders.length,s=t.provider&&!i.some(m=>m.key===t.provider);return o(h,{direction:"row",gap:"size-100",children:[e(Qa,{label:"Provider","data-testid":"model-provider-picker",selectedKey:t.provider??void 0,"aria-label":"Model Provider",placeholder:"Select a provider",onSelectionChange:m=>{const f=m;Qh(f)&&n(f)},width:"100%",...t,children:l.modelProviders.map(m=>e(re,{children:m.name},m.key))}),s?o(pe,{delay:0,offset:5,children:[e("span",{children:e(je,{children:e(L,{color:"red-700",svg:e(I.InfoOutline,{})})})}),o(Ie,{children:["The selected provider is not installed. Install"," ",((d=(c=l.modelProviders.find(m=>m.key===t.provider))==null?void 0:c.dependencies)==null?void 0:d.join(", "))??"the dependencies"," ","to use its models in Playground."]})]}):r?o(pe,{delay:0,offset:5,children:[e("span",{children:e(je,{children:e(L,{svg:e(I.InfoOutline,{})})})}),o(Ie,{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(m=>!m.dependenciesInstalled).map(m=>{var f;return o(G,{children:[((f=m.dependencies)==null?void 0:f.join(", "))??m.name,e("br",{})]})})]})]}):null]})}const qh=150,Uh=C`
|
|
4181
4178
|
display: flex;
|
|
4182
4179
|
flex-direction: column;
|
|
4183
4180
|
gap: var(--ac-global-dimension-size-200);
|
|
@@ -4193,12 +4190,12 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
4193
4190
|
}
|
|
4194
4191
|
padding: var(--ac-global-dimension-size-200);
|
|
4195
4192
|
overflow: auto;
|
|
4196
|
-
`;function
|
|
4197
|
-
max-width: ${
|
|
4193
|
+
`;function Bh({instance:n}){const a=O(i=>i.updateModel),t=u.useCallback(({configKey:i,value:r})=>{a({instanceId:n.id,patch:{...n.model,[i]:r}})},[n.id,n.model,a]),l=u.useMemo(()=>sd(i=>{t({configKey:"modelName",value:i})},250),[t]);return o(G,{children:[e(ae,{label:"Deployment Name",defaultValue:n.model.modelName??"",onChange:i=>{l(i)}}),e(ae,{label:"Endpoint",defaultValue:n.model.endpoint??"",onChange:i=>{t({configKey:"endpoint",value:i})}}),e(Qa,{label:"API Version",defaultSelectedKey:n.model.apiVersion??void 0,"aria-label":"api version picker",placeholder:"Select an AzureOpenAI API Version",onSelectionChange:i=>{typeof i=="string"&&t({configKey:"apiVersion",value:i})},children:Ac.map(i=>e(re,{children:i},i))})]})}function Hh(n){const[a,t]=u.useState(null),l=O(c=>c.instances.find(d=>d.id===n.playgroundInstanceId));if(!l)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const i=l.model.supportedInvocationParameters,r=l.model.invocationParameters,s=Ii(r,i);return o(u.Fragment,{children:[e(z,{variant:"default",size:"compact",onClick:()=>{u.startTransition(()=>{t(e(Gh,{...n}))})},title:`${Ma[l.model.provider]} ${l.model.modelName||"--"}`,children:o(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(x,{weight:"heavy",children:Ma[l.model.provider]}),e("div",{css:C`
|
|
4194
|
+
max-width: ${qh}px;
|
|
4198
4195
|
text-overflow: ellipsis;
|
|
4199
4196
|
overflow: hidden;
|
|
4200
4197
|
white-space: nowrap;
|
|
4201
|
-
`,children:e(x,{children:l.model.modelName||"--"})}),s?null:o(pe,{delay:0,offset:5,children:[e("span",{children:e(je,{children:e(L,{color:"danger",svg:e(I.InfoOutline,{})})})}),e(Ie,{children:"Some required invocation parameters are not configured."})]})]})}),e(ee,{type:"slideOver",isDismissable:!0,onDismiss:()=>{t(null)},children:a})]})}function
|
|
4198
|
+
`,children:e(x,{children:l.model.modelName||"--"})}),s?null:o(pe,{delay:0,offset:5,children:[e("span",{children:e(je,{children:e(L,{color:"danger",svg:e(I.InfoOutline,{})})})}),e(Ie,{children:"Some required invocation parameters are not configured."})]})]})}),e(ee,{type:"slideOver",isDismissable:!0,onDismiss:()=>{t(null)},children:a})]})}function Gh(n){const a=O(r=>r.instances.find(s=>s.id===n.playgroundInstanceId));if(!a)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const t=ze(r=>r.setModelConfigForProvider),l=xe(),i=u.useCallback(()=>{const{supportedInvocationParameters:r,...s}=a.model;t({provider:a.model.provider,modelConfig:s}),l({title:"Model Configuration Saved",message:`${Ma[a.model.provider]} model configuration saved as default for later use.`,expireMs:3e3})},[a.model,l,t]);return e(Z,{title:"Model Configuration",size:"M",extra:o(pe,{delay:0,offset:5,children:[e(z,{size:"compact",variant:"default",onClick:i,icon:e(L,{svg:e(I.SaveOutline,{})}),children:"Save as Default"}),o(Ie,{children:["Saves the current configuration as the default for"," ",Ma[a.model.provider]??"this provider","."]})]}),children:e(u.Suspense,{children:e(Wh,{...n})})})}function Wh(n){const{playgroundInstanceId:a}=n,t=O(p=>p.instances.find(k=>k.id===a));if(!t)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const l=ze(p=>p.modelConfigByProvider),i=O(p=>p.updateProvider),r=O(p=>p.updateModel),s=t.model.supportedInvocationParameters,c=t.model.invocationParameters,d=Ii(c,s),m=D.useLazyLoadQuery(jo,{}),f=u.useCallback(p=>{r({instanceId:a,patch:{modelName:p}})},[a,r]),[g,y]=u.useState();return o("form",{css:Uh,children:[d?null:o(h,{direction:"row",gap:"size-100",children:[e(L,{color:"danger",svg:e(I.InfoOutline,{})}),e(x,{color:"danger",children:"Some required invocation parameters are not configured."})]}),e(jh,{provider:t.model.provider,query:m,onChange:p=>{i({instanceId:a,provider:p,modelConfigByProvider:l})}}),t.model.provider==="AZURE_OPENAI"?e(Bh,{instance:t}):e(Oh,{modelName:t.model.modelName,provider:t.model.provider,onChange:f,container:g??void 0}),e(u.Suspense,{children:e(Vh,{instanceId:a})}),e("div",{ref:y})]})}const Uo=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(
|
|
4202
4199
|
$input: ModelsInput!
|
|
4203
4200
|
) {
|
|
4204
4201
|
modelInvocationParameters(input: $input) {
|
|
@@ -4242,16 +4239,16 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
4242
4239
|
}
|
|
4243
4240
|
}
|
|
4244
4241
|
}
|
|
4245
|
-
`}}}();Uo.hash="8bf1a32724929bdc4a02d32809ba59d7";const
|
|
4242
|
+
`}}}();Uo.hash="8bf1a32724929bdc4a02d32809ba59d7";const Jh=({instanceId:n})=>{const a=O(s=>{var c;return(c=s.instances.find(d=>d.id===n))==null?void 0:c.model.provider}),t=O(s=>{var c;return(c=s.instances.find(d=>d.id===n))==null?void 0:c.model.modelName}),l=ze(s=>s.modelConfigByProvider),i=O(s=>s.updateModelSupportedInvocationParameters),{modelInvocationParameters:r}=D.useLazyLoadQuery(Uo,{input:{providerKey:a,modelName:t}});return u.useEffect(()=>{i({instanceId:n,supportedInvocationParameters:r})},[r,n,i,l]),null};function Zh({playgroundInstanceId:n,toolCalls:a,templateMessages:t,messageId:l}){const i=O(y=>y.updateInstance),r=O(y=>y.instances.find(p=>p.id===n));if(r==null)throw new Error(`Playground instance ${n} not found`);const[s,c]=u.useState(()=>JSON.stringify(a,null,2)),[d,m]=u.useState(a);u.useEffect(()=>{JSON.stringify(a)!==JSON.stringify(d)&&(c(JSON.stringify(a,null,2)),m(a))},[d,a]);const f=u.useCallback(y=>{c(y);const{json:p}=_e(y);if(p==null)return;const{success:k}=Mc.safeParse(p);k&&(m(p),i({instanceId:n,patch:{template:{__type:"chat",messages:t.map(b=>l===b.id?{...b,toolCalls:p}:b)}}}))},[l,n,t,i]),g=u.useMemo(()=>{switch(r.model.provider){case"OPENAI":case"AZURE_OPENAI":return zc;case"ANTHROPIC":return Nc;case"GEMINI":return null}},[r.model.provider]);return e(Re,{value:s,jsonSchema:g,onChange:f})}function Yh(n){return n==="text"||n==="toolCalls"}function Xh({messageMode:n,onChange:a}){return o(Rl,{defaultValue:n,variant:"inline-button",size:"compact",onChange:t=>{if(Yh(t))a(t);else throw new Error(`Unknown message mode: ${t}`)},children:[e(pa,{label:"text input",value:"text",children:o(pe,{placement:"top",delay:0,offset:10,children:[e(je,{children:e(L,{svg:e(I.MessageSquareOutline,{})})}),e(Ie,{children:"Text input"})]})}),e(pa,{label:"tool calling",value:"toolCalls",children:o(pe,{placement:"top",delay:0,offset:10,children:[e(je,{children:e(L,{svg:e(I.Code,{})})}),e(Ie,{children:"Tool calling"})]})})]})}const e0=C`
|
|
4246
4243
|
.ac-field-label {
|
|
4247
4244
|
display: none;
|
|
4248
4245
|
}
|
|
4249
|
-
`;function
|
|
4246
|
+
`;function n0({role:n,includeLabel:a=!0,onChange:t}){return o(Qa,{selectedKey:n,css:a?void 0:e0,label:"Role","data-testid":"messages-role-picker","aria-label":"Role for the chat message",size:"compact",onSelectionChange:l=>{if(!vi(l))throw new Error(`Invalid chat message role: ${l}`);t(l)},children:[e(re,{children:"System"},"system"),e(re,{children:"User"},"user"),e(re,{children:"AI"},"ai"),e(re,{children:"Tool"},"tool")]})}const a0=32;function t0({instanceId:n,hasResponseFormat:a}){const t=O(f=>f.instances),l=O(f=>f.updateInstance),i=O(f=>f.upsertInvocationParameterInput),r=t.find(f=>f.id===n);if(!r)throw new Error(`Playground instance ${n} not found`);const{template:s}=r;if(s.__type!=="chat")throw new Error(`Invalid template type ${s.__type}`);const c=r.model.supportedInvocationParameters,d=c==null?void 0:c.some(f=>Rn(f,{canonicalName:_n,invocationName:Ln})),m=c==null?void 0:c.some(f=>Rn(f,{canonicalName:ya,invocationName:Ea}));return o(h,{direction:"row",justifyContent:"end",gap:"size-100",minHeight:a0,children:[d?e(z,{variant:"default",size:"compact","aria-label":"output schema",icon:e(L,{svg:e(I.PlusOutline,{})}),disabled:a,onClick:()=>{i({instanceId:n,invocationParameterInput:{valueJson:Vc(),invocationName:Ln,canonicalName:_n}})},children:"Output Schema"}):null,m?e(z,{variant:"default","aria-label":"add tool",size:"compact",icon:e(L,{svg:e(I.PlusOutline,{})}),onClick:()=>{[...r.tools,tl({provider:r.model.provider,toolNumber:r.tools.length+1})],r.tools.length,l({instanceId:n,patch:{tools:[...r.tools,tl({provider:r.model.provider,toolNumber:r.tools.length+1})]}})},children:"Tool"}):null,e(z,{variant:"default","aria-label":"add message",size:"compact",icon:e(L,{svg:e(I.PlusOutline,{})}),onClick:()=>{l({instanceId:n,patch:{template:{__type:"chat",messages:[...s.messages,{id:fa(),role:"user",content:""}]}}})},children:"Message"})]})}const l0=400;function i0({playgroundInstanceId:n}){const a=O(d=>d.deleteInvocationParameterInput),t=O(d=>d.instances.find(m=>m.id===n)),l=O(d=>d.upsertInvocationParameterInput);if(!t)throw new Error(`Instance ${n} not found`);const i=t.model.invocationParameters.find(d=>d.invocationName===Ln||d.canonicalName===_n),[r,s]=u.useState(JSON.stringify((i==null?void 0:i.valueJson)??{},null,2)),c=u.useCallback(d=>{s(d);const{json:m}=_e(d);if(m==null)return;const{success:f}=Vt.safeParse(m);f&&l({instanceId:n,invocationParameterInput:{invocationName:Ln,valueJson:m,canonicalName:_n}})},[n,l]);return e(Be,{arrowPosition:"start",children:e(be,{id:"response-format",title:"Output Schema",children:e(K,{padding:"size-200",children:e(q,{variant:"compact",title:"Schema",bodyStyle:{padding:0},extra:o(h,{direction:"row",gap:"size-100",children:[e(se,{text:r}),e(z,{"aria-label":"Delete Output Schema",icon:e(L,{svg:e(I.TrashOutline,{})}),variant:"default",size:"compact",onClick:()=>{a({instanceId:n,invocationParameterInputInvocationName:Ln})}})]}),children:e(gi,{preInitializationMinHeight:l0,children:e(Re,{value:r,onChange:c,jsonSchema:Eu})})})})})})}const r0=400;function s0({playgroundInstanceId:n,toolId:a}){const t=O(p=>p.updateInstance),l=O(p=>p.instances.find(k=>k.id===n));if(l==null)throw new Error(`Playground instance ${n} not found`);const i=l.tools,r=i.find(p=>p.id===a);if(r==null)throw new Error(`Tool ${a} not found`);const[s,c]=u.useState(JSON.stringify(r.definition,null,2)),[d,m]=u.useState(r.definition);u.useEffect(()=>{JSON.stringify(r.definition)!==JSON.stringify(d)&&(m(r.definition),c(JSON.stringify(r.definition,null,2)))},[r.definition,d]);const f=u.useCallback(p=>{c(p);const{json:k}=_e(p);if(k==null)return;const{success:b}=Nl.safeParse(k);b&&(m(k),t({instanceId:n,patch:{tools:i.map(S=>S.id===r.id?{...S,definition:k}:S)}}))},[i,n,r.id,t]),g=u.useMemo(()=>_a(r),[r]),y=u.useMemo(()=>{switch(l.model.provider){case"OPENAI":case"AZURE_OPENAI":return Oc;case"ANTHROPIC":return $c;case"GEMINI":return null}},[l.model.provider]);return e(q,{collapsible:!0,backgroundColor:"yellow-100",borderColor:"yellow-700",variant:"compact",title:o(h,{direction:"row",gap:"size-100",children:[e(wt,{spanKind:"tool"}),e(x,{children:g??"Tool"})]}),bodyStyle:{padding:0},extra:o(h,{direction:"row",gap:"size-100",children:[e(se,{text:s}),e(z,{"aria-label":"Delete tool",icon:e(L,{svg:e(I.TrashOutline,{})}),variant:"default",size:"compact",onClick:()=>{const p=i.filter(v=>v.id!==r.id),k=_a(r),b=typeof l.toolChoice=="object"&&k!=null&&l.toolChoice.function.name===_a(r);let S=l.toolChoice;p.length===0?S=void 0:b&&(S="auto"),t({instanceId:n,patch:{tools:p,toolChoice:S}})}})]}),children:e(gi,{preInitializationMinHeight:r0,children:e(Re,{value:s,onChange:f,jsonSchema:y})})})}function o0(n){const a=n.playgroundInstanceId,t=O(s=>s.instances.find(c=>c.id===n.playgroundInstanceId)),l=O(s=>s.updateInstance);if(t==null)throw new Error(`Playground instance ${a} not found`);const{tools:i}=t;if(i==null)throw new Error(`Playground instance ${a} does not have tools`);const r=u.useMemo(()=>i.map(s=>_a(s)).filter(s=>s!=null),[i]);return e(Be,{arrowPosition:"start",children:e(be,{id:"tools",title:"Tools",titleExtra:e(Ze,{variant:"light",children:i.length}),children:e(K,{padding:"size-200",children:o(h,{direction:"column",children:[e(Ae,{children:e(Qc,{choice:t.toolChoice,onChange:s=>{l({instanceId:a,patch:{toolChoice:s}})},toolNames:r})}),e(h,{direction:"column",gap:"size-200",children:i.map(s=>e(s0,{playgroundInstanceId:a,toolId:s.id},s.id))})]})})})})}const Bo=1,d0=Bo+1;function c0(n){const a=n.playgroundInstanceId,t=O(f=>f.templateLanguage),l=O(f=>f.instances),i=O(f=>f.updateInstance),r=l.find(f=>f.id===a);if(!r)throw new Error(`Playground instance ${a} not found`);const s=r.tools.length>0,c=r.model.invocationParameters.find(f=>Rn(f,{canonicalName:_n,invocationName:Ln}))!=null,{template:d}=r;if(d.__type!=="chat")throw new Error(`Invalid template type ${d.__type}`);const m=od(Gt(fd),Gt(yd,{coordinateGetter:pd}));return o(ud,{sensors:m,onDragEnd:({active:f,over:g})=>{if(!g||f.id===g.id)return;const y=d.messages.findIndex(b=>b.id===f.id),p=d.messages.findIndex(b=>b.id===g.id),k=dd(d.messages,y,p);i({instanceId:a,patch:{template:{__type:"chat",messages:k}}})},children:[e(cd,{items:d.messages,children:e("ul",{css:C`
|
|
4250
4247
|
display: flex;
|
|
4251
4248
|
flex-direction: column;
|
|
4252
4249
|
gap: var(--ac-global-dimension-size-200);
|
|
4253
4250
|
padding: var(--ac-global-dimension-size-200);
|
|
4254
|
-
`,children:d.messages.map((f,g)=>e(
|
|
4251
|
+
`,children:d.messages.map((f,g)=>e(m0,{playgroundInstanceId:a,instance:r,templateLanguage:t,template:d,message:f,index:g},f.id))})}),e(K,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderColor:"dark",borderTopWidth:"thin",borderBottomWidth:s||c?"thin":void 0,children:e(t0,{instanceId:a,hasResponseFormat:c})}),s?e(o0,{...n}):null,c?e(i0,{...n}):null]})}function u0({message:n,updateMessage:a,templateLanguage:t,playgroundInstanceId:l,template:i,messageMode:r}){if(r==="toolCalls")return e(K,{paddingTop:"size-100",paddingStart:"size-250",paddingEnd:"size-250",paddingBottom:"size-200",children:e(Vn,{label:"Tool Calls",children:e(Ne,{width:"100%",children:e(Zh,{playgroundInstanceId:l,toolCalls:n.toolCalls,templateMessages:i.messages,messageId:n.id})})})});if(n.role==="tool"){const s=Ti(n.content);return o(Ae,{onSubmit:c=>{c.preventDefault()},children:[e(K,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-200",paddingBottom:"size-200",borderColor:"yellow-700",borderBottomWidth:"thin",children:e(ae,{value:n.toolCallId,onChange:c=>a({toolCallId:c}),"aria-label":"Tool Call ID",addonBefore:"Tool Call ID"})}),e(Re,{value:s,"aria-label":"tool message content",height:"100%",onChange:c=>a({content:c}),onBlur:()=>{if(n.content!=null&&typeof n.content=="string"){const{json:c}=_e(n.content);a({content:JSON.stringify(c,null,2)})}}})]})}return e("div",{css:C`
|
|
4255
4252
|
& .cm-content {
|
|
4256
4253
|
padding: var(--ac-global-dimension-size-100)
|
|
4257
4254
|
var(--ac-global-dimension-size-250);
|
|
@@ -4264,16 +4261,16 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
4264
4261
|
padding-left: 0;
|
|
4265
4262
|
padding-right: 0;
|
|
4266
4263
|
}
|
|
4267
|
-
`,children:e(
|
|
4264
|
+
`,children:e(qc,{height:"100%",value:typeof n.content=="string"?n.content:JSON.stringify(n.content,null,2),"aria-label":"Message content",templateLanguage:t,onChange:s=>a({content:s}),placeholder:n.role==="system"?"You are a helpful assistant":n.role==="ai"?"Hello, how can I help you today?":"What is the weather in San Francisco?"})})}function m0({playgroundInstanceId:n,templateLanguage:a,template:t,message:l,instance:i}){const r=O(w=>w.updateInstance),{attributes:s,listeners:c,setNodeRef:d,transform:m,transition:f,setActivatorNodeRef:g,isDragging:y}=md({id:l.id}),p=Ja(l.role),k={transform:gd.Translate.toString(m),transition:f,zIndex:y?d0:Bo},b=l.toolCalls!=null&&l.toolCalls.length>0,[S,v]=u.useState(b?"toolCalls":"text"),P=u.useCallback(w=>{r({instanceId:n,patch:{template:{__type:"chat",messages:t.messages.map(_=>_.id===l.id?{..._,...w}:_)}}})},[l.id,n,t.messages,r]),[E,R]=u.useState(l.content),[F,T]=u.useState(l.toolCalls);return e("li",{ref:d,style:k,children:e(q,{collapsible:!0,variant:"compact",bodyStyle:{padding:0},...p,title:e(n0,{includeLabel:!1,role:l.role,onChange:w=>{let _=l.toolCalls;w!=="ai"&&(_=void 0,v("text")),r({instanceId:n,patch:{template:{__type:"chat",messages:t.messages.map(Q=>Q.id===l.id?{...Q,role:w,toolCalls:_}:Q)}}})}}),extra:o(h,{direction:"row",gap:"size-100",children:[l.role==="ai"?e(Xh,{messageMode:S,onChange:w=>{switch(v(w),w){case"text":T(l.toolCalls),P({content:E,toolCalls:void 0});break;case"toolCalls":R(l.content),P({content:"",toolCalls:F!=null?mi({toolCalls:F,provider:i.model.provider}):[Zu(i.model.provider)]});break;default:me()}}}):null,e(se,{text:S==="toolCalls"?JSON.stringify(l.toolCalls):Ti(l.content)}),e(z,{"aria-label":"Delete message",icon:e(L,{svg:e(I.TrashOutline,{})}),variant:"default",size:"compact",onClick:()=>{r({instanceId:n,patch:{template:{__type:"chat",messages:t.messages.filter(w=>w.id!==l.id)}}})}}),e(jc,{ref:g,listeners:c,attributes:s})]}),children:e("div",{children:e(u0,{message:l,messageMode:S,playgroundInstanceId:n,template:t,templateLanguage:a,updateMessage:P})})})})}function g0(n){const a=n.playgroundInstanceId,t=O(s=>s.instances),l=t.find(s=>s.id===a),i=t.findIndex(s=>s.id===a);if(!l)throw new Error(`Playground instance ${a} not found`);const{template:r}=l;return e(q,{title:o(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Rt,{index:i}),e("span",{children:"Prompt"})]}),collapsible:!0,variant:"compact",bodyStyle:{padding:0},extra:o(h,{direction:"row",gap:"size-100",children:[e(u.Suspense,{fallback:e("div",{children:e(ye,{size:"S"})}),children:e(Jh,{instanceId:a})}),e(Hh,{...n}),t.length>1?e(p0,{...n}):null]}),children:r.__type==="chat"?e(u.Suspense,{children:e(c0,{...n})}):"Completion Template"})}function p0(n){const a=O(t=>t.deleteInstance);return o(pe,{children:[e(je,{children:e(z,{variant:"default",size:"compact",icon:e(L,{svg:e(I.TrashOutline,{})}),onClick:()=>{a(n.playgroundInstanceId)}})}),e(Ie,{children:e(zn,{children:"Delete this instance of the playground"})})]})}function y0(){const n=O(t=>t.templateLanguage),a=O(t=>t.setTemplateLanguage);return e("div",{css:C`
|
|
4268
4265
|
& * {
|
|
4269
4266
|
white-space: nowrap;
|
|
4270
4267
|
}
|
|
4271
|
-
`,children:o(Rl,{value:n,variant:"inline-button","aria-label":"Template Language",size:"compact",onChange:t=>{
|
|
4268
|
+
`,children:o(Rl,{value:n,variant:"inline-button","aria-label":"Template Language",size:"compact",onChange:t=>{Uc(t)&&a(t)},children:[e(pa,{label:"None",value:Pn.NONE,children:"None"}),e(pa,{label:"Mustache",value:Pn.Mustache,children:"Mustache"}),e(pa,{label:"F-String",value:Pn.FString,children:"F-String"})]})})}const f0=C`
|
|
4272
4269
|
display: flex;
|
|
4273
4270
|
overflow: hidden;
|
|
4274
4271
|
flex-direction: column;
|
|
4275
4272
|
height: 100%;
|
|
4276
|
-
`;function Ho(n){const{modelProviders:a}=D.useLazyLoadQuery(Fo,{}),t=ze(d=>d.modelConfigByProvider),l=ze(d=>d.playgroundStreamingEnabled),[,i]=Sa(),r=a.some(d=>d.dependenciesInstalled);u.useEffect(()=>{i(d=>(d.delete("selectedSpanNodeId"),d),{replace:!0})},[i]);const s=window.Config.websocketsEnabled?l:!1,c=window.Config.websocketsEnabled;return r?o(
|
|
4273
|
+
`;function Ho(n){const{modelProviders:a}=D.useLazyLoadQuery(Fo,{}),t=ze(d=>d.modelConfigByProvider),l=ze(d=>d.playgroundStreamingEnabled),[,i]=Sa(),r=a.some(d=>d.dependenciesInstalled);u.useEffect(()=>{i(d=>(d.delete("selectedSpanNodeId"),d),{replace:!0})},[i]);const s=window.Config.websocketsEnabled?l:!1,c=window.Config.websocketsEnabled;return r?o(Uf,{...n,streaming:s,modelConfigByProvider:t,children:[o("div",{css:f0,children:[e(K,{borderBottomColor:"dark",borderBottomWidth:"thin",padding:"size-200",flex:"none",children:o(h,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(ce,{level:1,children:"Playground"}),o(h,{direction:"row",gap:"size-100",alignItems:"center",children:[c?e(Rh,{}):null,e(Yf,{}),e(Jf,{}),e(_h,{})]})]})}),e(C0,{})]}),e(u.Suspense,{children:e(Oe,{})})]}):e(Gf,{availableProviders:a})}function h0(){const n=O(i=>i.addInstance),a=O(i=>i.instances),t=a.length,l=a.some(i=>i.activeRunId!=null);return e("div",{onClick:i=>{i.stopPropagation()},children:e(z,{variant:"default",size:"compact","aria-label":"add prompt",icon:e(L,{svg:e(I.PlusCircleOutline,{})}),disabled:t>=au||l,onClick:()=>{n()},children:"Compare"})})}const k0=C`
|
|
4277
4274
|
display: flex;
|
|
4278
4275
|
flex-direction: column;
|
|
4279
4276
|
height: 100%;
|
|
@@ -4304,17 +4301,17 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
4304
4301
|
}
|
|
4305
4302
|
}
|
|
4306
4303
|
}
|
|
4307
|
-
`,
|
|
4304
|
+
`,b0=C`
|
|
4308
4305
|
padding: var(--ac-global-dimension-size-200);
|
|
4309
4306
|
scrollbar-gutter: stable;
|
|
4310
4307
|
height: 100%;
|
|
4311
4308
|
flex: 1 1 auto;
|
|
4312
4309
|
overflow: auto;
|
|
4313
4310
|
box-sizing: border-box;
|
|
4314
|
-
`,
|
|
4311
|
+
`,S0=C`
|
|
4315
4312
|
height: 100%;
|
|
4316
4313
|
overflow: auto;
|
|
4317
|
-
`,
|
|
4314
|
+
`,v0=475;function C0(){const n=O(m=>m.instances),a=O(m=>m.templateLanguage),{datasetId:t}=Ve(),l=t!=null,r=n.length===1,s=n.some(m=>m.activeRunId!=null),c=u.useCallback(({currentLocation:m,nextLocation:f})=>s&&m.pathname!==f.pathname,[s]),d=hd(c);return u.useEffect(()=>{const m=f=>{s&&(f.preventDefault(),f.returnValue=!0)};return window.addEventListener("beforeunload",m),()=>window.removeEventListener("beforeunload",m)},[s]),o(G,{children:[o(on,{direction:r&&!l?"horizontal":"vertical",autoSaveId:r?"playground-horizontal":"playground-vertical",children:[e(ke,{children:e("div",{css:k0,children:e(Be,{arrowPosition:"start",size:"L",children:e(be,{title:"Prompts",id:"prompts",extra:o(h,{direction:"row",gap:"size-100",alignItems:"center",children:[e(y0,{}),e(h0,{})]}),children:e("div",{css:b0,children:e(h,{direction:"row",gap:"size-200",maxWidth:"100%",children:n.map(m=>e(K,{flex:"1 1 0px",minWidth:v0,children:e(g0,{playgroundInstanceId:m.id},m.id)},m.id))})})})})})}),e(sn,{css:bn}),e(ke,{children:l?e(u.Suspense,{fallback:e(ye,{}),children:e(vh,{datasetId:t})}):e("div",{css:S0,children:o(Be,{arrowPosition:"start",size:"L",children:[a!==Pn.NONE?e(be,{title:"Inputs",id:"input",children:e(K,{padding:"size-200",height:"100%",children:e(Th,{})})}):null,e(be,{title:"Output",id:"output",children:e(K,{padding:"size-200",height:"100%",children:e(h,{direction:"row",gap:"size-200",children:n.map((m,f)=>e(K,{flex:"1 1 0px",children:e(Eh,{playgroundInstanceId:m.id},f)},f))})})})]})})})]}),d!=null&&e(Bc,{blocker:d,message:"Playground run is still in progress, leaving the page may result in incomplete runs. Are you sure you want to leave?"})]})}function p1(){return e(Ho,{})}function y1(){const n=kn(),a=u.useMemo(()=>n.span.__typename==="Span"?n.span:null,[n.span]);if(!a)throw new Error("Span not found");const{playgroundInstance:t,parsingErrors:l,playgroundInput:i}=u.useMemo(()=>Bu(a),[a]),r=i!=null?{input:i}:{};return o(h,{direction:"column",height:"100%",children:[e(F0,{span:a,parsingErrors:l}),e(Ho,{instances:[t],...r},a.id)]})}function F0({span:n,parsingErrors:a}){const t=X(),l=a&&a.length>0,[i,r]=u.useState(!0),[s,c]=u.useState(l);return o(h,{direction:"column",gap:"size-50",children:[i&&e(ue,{variant:"info",title:"LLM Span Replay",banner:!0,dismissable:!0,onDismissClick:()=>{r(!1)},extra:e(z,{variant:"default",icon:e(L,{svg:e(I.ArrowBack,{})}),onClick:()=>{t(`/projects/${n.project.id}/traces/${n.context.traceId}?selectedSpanNodeId=${n.id}`)},children:"Back to Trace"}),children:`Replay and iterate on your LLM call from your ${n.project.name} project`}),s&&l&&e(ue,{variant:"warning",banner:!0,dismissable:!0,onDismissClick:()=>{c(!1)},title:"The following errors occurred when parsing span attributes:",children:e("ul",{children:a.map(d=>e("li",{children:d},d))})})]})}const Go=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null},r={alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},s={alias:null,args:null,kind:"ScalarField",name:"attributes",storageKey:null},c=[{alias:null,args:null,kind:"ScalarField",name:"invocationInputField",storageKey:null}],d={alias:null,args:null,concreteType:null,kind:"LinkedField",name:"invocationParameters",plural:!0,selections:[t,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"invocationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"canonicalName",storageKey:null}],type:"InvocationParameterBase",abstractKey:"__isInvocationParameterBase"},{kind:"InlineFragment",selections:c,type:"BooleanInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:c,type:"StringInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:c,type:"BoundedFloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:c,type:"FloatInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:c,type:"IntInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:c,type:"JSONInvocationParameter",abstractKey:null},{kind:"InlineFragment",selections:c,type:"StringListInvocationParameter",abstractKey:null}],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"spanPlaygroundPageLoaderQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"InlineFragment",selections:[l,i,r,s,d],type:"Span",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"spanPlaygroundPageLoaderQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[i,r,s,d],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"e6a9310252c290e00bfdc12151c88b3a",id:null,metadata:{},name:"spanPlaygroundPageLoaderQuery",operationKind:"query",text:`query spanPlaygroundPageLoaderQuery(
|
|
4318
4315
|
$spanId: GlobalID!
|
|
4319
4316
|
) {
|
|
4320
4317
|
span: node(id: $spanId) {
|
|
@@ -4364,7 +4361,7 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
4364
4361
|
id
|
|
4365
4362
|
}
|
|
4366
4363
|
}
|
|
4367
|
-
`}}}();Go.hash="65ef72eb48726c70f00811d17ea6d82d";async function
|
|
4364
|
+
`}}}();Go.hash="65ef72eb48726c70f00811d17ea6d82d";async function f1(n){const{spanId:a}=n.params;if(!a||typeof a!="string")throw new Error("Invalid spanId");return await D.fetchQuery(Me,Go,{spanId:a}).toPromise()}function h1(){const n=kn();return e(Hc,{query:n,children:e(Oe,{})})}const Wo=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 {
|
|
4368
4365
|
...ViewerContext_viewer
|
|
4369
4366
|
viewer {
|
|
4370
4367
|
passwordNeedsReset
|
|
@@ -4395,4 +4392,4 @@ fragment ViewerContext_viewer on Query {
|
|
|
4395
4392
|
...APIKeysTableFragment
|
|
4396
4393
|
}
|
|
4397
4394
|
}
|
|
4398
|
-
`}}}();Wo.hash="d30a68846023740517243e9394be73a8";async function
|
|
4395
|
+
`}}}();Wo.hash="d30a68846023740517243e9394be73a8";async function k1(){var a;const n=await D.fetchQuery(Me,Wo,{}).toPromise();if((a=n==null?void 0:n.viewer)!=null&&a.passwordNeedsReset){const t=ci({path:"/reset-password"});return Aa(t)}return n}export{h1 as A,X0 as B,i1 as C,$0 as D,U0 as E,m1 as F,l1 as G,p1 as H,_0 as I,y1 as J,f1 as K,o1 as L,B0 as M,s1 as N,r1 as O,g1 as P,w0 as Q,d1 as R,A0 as S,ya as T,L0 as U,Rn as a,c1 as b,k1 as c,E0 as d,N0 as e,O0 as f,z0 as g,M0 as h,V0 as i,G0 as j,W0 as k,H0 as l,P0 as m,j0 as n,Q0 as o,q0 as p,J0 as q,u1 as r,R0 as s,Y0 as t,vm as u,Z0 as v,t1 as w,a1 as x,n1 as y,e1 as z};
|