arize-phoenix 7.9.3__py3-none-any.whl → 7.9.4__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.9.3.dist-info → arize_phoenix-7.9.4.dist-info}/METADATA +2 -2
- {arize_phoenix-7.9.3.dist-info → arize_phoenix-7.9.4.dist-info}/RECORD +13 -13
- phoenix/server/api/helpers/playground_clients.py +2 -0
- phoenix/server/api/input_types/TimeRange.py +2 -0
- phoenix/server/static/.vite/manifest.json +9 -9
- phoenix/server/static/assets/{components-CN9dra1h.js → components-DOevqttF.js} +1 -1
- phoenix/server/static/assets/{index-DcnHbEy5.js → index-DEWan9NY.js} +1 -1
- phoenix/server/static/assets/{pages-nMcybglv.js → pages-iAiRxguB.js} +70 -70
- phoenix/version.py +1 -1
- {arize_phoenix-7.9.3.dist-info → arize_phoenix-7.9.4.dist-info}/WHEEL +0 -0
- {arize_phoenix-7.9.3.dist-info → arize_phoenix-7.9.4.dist-info}/entry_points.txt +0 -0
- {arize_phoenix-7.9.3.dist-info → arize_phoenix-7.9.4.dist-info}/licenses/IP_NOTICE +0 -0
- {arize_phoenix-7.9.3.dist-info → arize_phoenix-7.9.4.dist-info}/licenses/LICENSE +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{z as R,aD as de,aE as Le,aF as _e,aG as Oa,A as _d,r as u,j as e,R as ve,n as Ea,D as v,l as s,aH as je,a0 as Y,U as B,t as L,a6 as Be,a7 as G,a8 as Ke,a9 as Te,ac as W,aI as he,aJ as mn,aK as gn,aL as Oe,aM as Ed,aN as Et,aO as Dn,aP as Ga,a2 as ie,aQ as Va,ab as Gn,g as Xl,aR as wd,a4 as zt,G as Rd,aS as Md,aT as bt,aU as St,aV as ka,aW as da,aX as Yl,o as Xa,aY as Ad,ay as Nd,az as zd,aZ as Vd,p as ei,q as $d,a_ as Od,ah as Qd,a$ as jd,b0 as fl,b1 as qd,b2 as Ud,b3 as Bd,b4 as Hd,b5 as Gd,b6 as Wd,b7 as Jd,b8 as Zd,b9 as Xd}from"./vendor-DvC8cT4X.js";import{A as ce,C as j,h as Vt,k as J,D as ee,B as $t,y as qe,z as ne,G as Yd,s as Ya,p as et,P as Wn,j as Jn,q as nt,v as Zn,w as ca,H as Xe,L as Qa,J as ni,K as ec,M as ai,N as nc,O as ac,Q as ua,e as we,f as Xn,T as ue,S as Ot,i as Re,g as ae,E as at,a as De,U as Qt,V as jt,c as Pn,o as hl,W as tc,n as lc,I as ic,m as kl,l as rc,u as sc,X as oc,r as dc,R as xa,d as ti}from"./vendor-arizeai-Do1793cv.js";import{s as qt,a as me,l as cc,j as li,b as Ae,i as ii,c as ri,d as Tn,e as si,f as uc,g as Da,D as mc,h as ja,k as gc,T as On,m as pc,n as bl,o as yc,p as fc,q as Sl,r as hc,t as kc,N as bc,u as Sc,L as ye,v as Ce,w as wa,B as vc,_ as k,x as Cn,I as D,C as Cc,G as oi,y as Ut,P as ma,z as tt,S as Fc,A as Kc,E as Tc,F as xc,H as Ic,J as Dc,K as Pc,M as Lc,O as un,Q as N,R as He,U as di,V as C,W as ze,X as Bt,Y as Yn,Z as Me,$ as F,a0 as pe,a1 as Fe,a2 as ga,a3 as pn,a4 as kn,a5 as lt,a6 as xe,a7 as re,a8 as Ze,a9 as Ln,aa as se,ab as Ne,ac as ci,ad as We,ae as ui,af as Ye,ag as _n,ah as Ht,ai as an,aj as bn,ak as Gt,al as mi,am as gi,an as yn,ao as ke,ap as be,aq as Se,ar as vl,as as Cl,at as Sn,au as _c,av as Ec,aw as U,ax as pi,ay as Wt,az as it,aA as pa,aB as yi,aC as ya,aD as fa,aE as fi,aF as vn,aG as Ee,aH as rt,aI as En,aJ as hi,aK as Jt,aL as tn,aM as ki,aN as wc,aO as Rc,aP as Mc,aQ as Ac,aR as Nc,aS as ln,aT as rn,aU as zc,aV as Ge,aW as Vc,aX as $c,aY as bi,aZ as Oc,a_ as Qc,a$ as Fl,b0 as jc,b1 as qc,b2 as Uc,b3 as Bc,b4 as Hc,b5 as Gc,b6 as Si,b7 as Wc,b8 as Jc,b9 as Zc,ba as Xc,bb as Yc,bc as qn,bd as Zt,be as vi,bf as ra,bg as wt,bh as $n,bi as Kn,bj as eu,bk as nu,bl as Ci,bm as st,bn as Fi,bo as sn,bp as au,bq as tu,br as Pa,bs as Pe,bt as qa,bu as Ki,bv as lu,bw as $e,bx as Xt,by as iu,bz as ru,bA as su,bB as ou,bC as Yt,bD as Ue,bE as en,bF as ha,bG as du,bH as ot,bI as Ti,bJ as xi,bK as vt,bL as cu,bM as dt,bN as ct,bO as Je,bP as Ve,bQ as uu,bR as el,bS as Ii,bT as Di,bU as Pi,bV as mu,bW as on,bX as Li,bY as xn,bZ as gu,b_ as Kl,b$ as _i,c0 as pu,c1 as yu,c2 as fu,c3 as hu,c4 as Ei,c5 as dn,c6 as ku,c7 as sa,c8 as Rt,c9 as bu,ca as wi,cb as Ri,cc as Su,cd as vu,ce as Cu,cf as ut,cg as Mi,ch as Ra,ci as Tl,cj as Ai,ck as nl,cl as Fu,cm as Ku,cn as al,co as Ni,cp as zi,cq as Tu,cr as Mt,cs as Vi,ct as xu,cu as Iu,cv as $a,cw as Du,cx as Pu,cy as $i,cz as Oi,cA as Lu,cB as _u,cC as Eu,cD as wu,cE as Qi,cF as tl,cG as ji,cH as Ru,cI as Mu,cJ as At,cK as Au,cL as Nu,cM as zu,cN as Vu,cO as $u,cP as Ou,cQ as qi,cR as Qu,cS as ju,cT as qu,cU as Uu,cV as Bu,cW as Hu,cX as Gu,cY as Wu,cZ as Ju,c_ as Zu,c$ as Xu,d0 as xl,d1 as Il}from"./components-CN9dra1h.js";import{p as Ma,R as wn,n as Rn,i as Yu,E as Ui,m as Bi,o as Hi,g as em}from"./vendor-codemirror-BzwZPyJM.js";import{R as Mn,C as Aa,X as An,Y as nn,a as Nn,T as zn,B as oa,A as La,b as Gi,c as ll,L as Wi,d as nm,P as am,e as tm,f as lm}from"./vendor-recharts-_Jb7JjhG.js";const im=4,rm={user:["user","human"],ai:["assistant","bot","ai"],system:["system"],tool:["tool"]},sm="Unable to parse span input messages, expected messages which include a role and content.",om="Unable to parse span output messages, expected messages which include a role and content.",dm="Unable to parse span output expected output.value to be present.",cm="Unable to parse span attributes, attributes must be valid JSON.",um="Unable to parse model config, expected llm.model_name to be present.",mm="Unable to parse model config, expected llm.invocation_parameters JSON string to be present.",gm="Unable to parse invocation parameters response_format, expected llm.invocation_parameters.response_format to be a well formed json object or undefined.",pm="Unable to parse tools, expected tools to be an array of valid tools.",ym="Unable to parse prompt template variables, expected prompt template variables to be a valid JSON object string.",Dl={AZURE_OPENAI:[],ANTHROPIC:["claude"],OPENAI:["gpt","o1"],GEMINI:["gemini"]},Ia="TOOL_CHOICE",Ua="tool_choice",Un="RESPONSE_FORMAT",Qn="response_format",fm=[Ia,Un],il=qt()(R.union([R.literal("auto"),R.literal("none"),R.literal("required"),R.object({type:R.literal("function"),function:R.object({name:R.string()})})])),rl=R.object({type:R.union([R.literal("auto"),R.literal("any"),R.literal("tool")]),disable_parallel_tool_use:R.boolean().optional(),name:R.string().optional()}),hm=rl.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"}}),km=il.transform(n=>typeof n=="string"?{type:"auto"}:{type:"tool",name:n.function.name});R.union([il,rl]);const bm=n=>{const{success:a,data:t}=il.safeParse(n);if(a)return{provider:"OPENAI",toolChoice:t};const{success:l,data:i}=rl.safeParse(n);return l?{provider:"ANTHROPIC",toolChoice:i}:{provider:null,toolChoice:null}},Sm=n=>{const{provider:a,toolChoice:t}=bm(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 hm.parse(t);default:me()}},vm=({toolChoice:n,targetProvider:a})=>{switch(a){case"AZURE_OPENAI":case"OPENAI":return n;case"ANTHROPIC":return km.parse(n);case"GEMINI":return n;default:me()}},Cm=({toolChoice:n,targetProvider:a})=>{try{const t=Sm(n);return vm({toolChoice:t,targetProvider:a})}catch{return null}},Fm=R.object({tool_call:R.object({id:R.string().optional(),function:R.object({name:R.string(),arguments:R.string()}).partial()}).partial()}).partial(),Ji=R.object({[de.message]:R.object({[Le.role]:R.string(),[Le.content]:R.union([R.string(),R.array(R.record(R.string(),R.unknown()))]).default(""),[Le.tool_calls]:R.array(Fm).optional(),[Le.tool_call_id]:R.string().optional()})}),Km=R.object({[de.llm]:R.object({[_e.input_messages]:R.array(Ji)})}),Tm=R.object({[de.llm]:R.object({[_e.output_messages]:R.array(Ji)})}),xm=R.object({[de.output]:R.object({value:R.string()})}),Zi=qt()(R.enum(["user","ai","system","tool"])),Im=qt()(R.object({id:R.number(),role:Zi,content:R.string().optional(),toolCallId:R.string().optional(),toolCalls:R.array(cc).optional()})),Dm=R.array(Im),sl=R.lazy(()=>R.record(li)),Pm=sl,Xi=R.string().transform((n,a)=>{const{json:t}=Ae(n);if(!ii(t))return a.addIssue({code:R.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),R.NEVER;const{success:l,data:i}=Pm.safeParse(t);return l?i:(a.addIssue({code:R.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),R.NEVER)}).default("{}"),Lm=R.object({[de.llm]:R.object({[_e.provider]:R.string().optional(),[_e.model_name]:R.string()})}),Yi=R.object({[de.llm]:R.object({[_e.invocation_parameters]:Xi})}),_m=R.object({[de.llm]:R.object({[_e.invocation_parameters]:Xi.pipe(R.object({response_format:sl.optional()}))})}),Em=R.string().transform((n,a)=>{const{json:t}=Ae(n);return t==null||!ii(t)?(a.addIssue({code:R.ZodIssueCode.custom,message:"The tool JSON schema must be a valid JSON object"}),R.NEVER):t}).transform((n,a)=>{const{data:t,success:l}=ri.safeParse(n);return l?t:(a.addIssue({code:R.ZodIssueCode.custom,message:"The tool JSON schema must be a valid tool schema"}),R.NEVER)}),wm=R.object({[de.llm]:R.object({[_e.tools]:R.array(R.object({[de.tool]:R.object({[Oa.json_schema]:Em})}).optional()).optional()}).optional()}).optional(),Rm=R.lazy(()=>R.object({type:R.literal("json_schema"),json_schema:R.object({name:R.string().describe("The name of the schema"),schema:li.describe("The schema itself in JSON format"),strict:R.literal(!0).describe("The schema must be strict")})})),Mm=_d(Rm,{removeAdditionalStrategy:"passthrough"}),Am=R.string().transform((n,a)=>{const{json:t}=Ae(n);return Tn(t)?Object.entries(t).reduce((i,[r,o])=>{if(typeof o=="string")i[r]=o;else{const{json:c}=si(o);c!=null&&(i[r]=c)}return i},{}):(a.addIssue({code:R.ZodIssueCode.custom,message:"The prompt template variables must be a valid JSON object"}),R.NEVER)}),Nm=R.object({[de.llm]:R.object({[_e.prompt_template]:R.object({variables:Am}).optional()}).optional()}).optional();function er(n){return Zi.safeParse(n).success}function Wa(n){if(er(n))return n;for(const[a,t]of Object.entries(rm))if(t.includes(n))return a;return gc}function zm({toolCalls:n,provider:a}){if(n!=null)return n.map(({tool_call:t})=>{var i,r,o,c;if(t==null)return null;let l={};if(((i=t.function)==null?void 0:i.arguments)!=null){const{json:d}=Ae(t.function.arguments);Tn(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:((o=t.function)==null?void 0:o.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 nr({messages:n,provider:a}){return n.map(({message:t})=>({id:Da(),role:t.tool_call_id!=null?Wa("tool"):Wa(t.role),content:typeof t.content=="string"?t.content:void 0,toolCalls:zm({provider:a,toolCalls:t.tool_calls}),toolCallId:t.tool_call_id}))}function Vm({provider:n,parsedAttributes:a}){var l;const t=Km.safeParse(a);if(!t.success)return{messageParsingErrors:[sm],messages:null};if(n==="ANTHROPIC"){const{success:i,data:r}=Yi.safeParse(a);if(i){const o=t.data.llm.input_messages,c=(l=r.llm.invocation_parameters)==null?void 0:l.system;typeof c=="string"&&c&&(!o||o[0].message.role!=="system")&&t.data.llm.input_messages.unshift({message:{role:"system",content:c}})}}return{messageParsingErrors:[],messages:nr({provider:n,messages:t.data.llm.input_messages})}}function $m({provider:n,parsedAttributes:a}){const t=[],l=Tm.safeParse(a);if(l.success)return{output:nr({provider:n,messages:l.data.llm.output_messages}),outputParsingErrors:t};t.push(om);const i=xm.safeParse(a);return i.success?{output:i.data.output.value,outputParsingErrors:t}:(t.push(dm),{output:void 0,outputParsingErrors:t})}function Om(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 Qm(n){for(const a of Object.keys(Dl))if(Dl[a].some(l=>n.includes(l)))return a;return mc}function jm(n){const{success:a,data:t}=Lm.safeParse(n);if(a){const l=Om(t.llm.provider)||Qm(t.llm.model_name);return{modelConfig:{modelName:t.llm.model_name,provider:l,invocationParameters:[],supportedInvocationParameters:[]},parsingErrors:[]}}return{modelConfig:null,parsingErrors:[um]}}function qm(n,a=[]){const{success:t,data:l}=Yi.safeParse(n),i=[];return t||i.push(mm),{invocationParameters:Ym((l==null?void 0:l.llm.invocation_parameters)??{},a),parsingErrors:i}}function Um(n){const{success:a,data:t}=_m.safeParse(n);return a?{responseFormat:t.llm.invocation_parameters.response_format,parsingErrors:[]}:{responseFormat:void 0,parsingErrors:[gm]}}function Bm(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:ja(),definition:t.tool.json_schema}).filter(t=>t!=null)}function Hm(n){var l;const{data:a,success:t}=wm.safeParse(n);return t?((l=a==null?void 0:a.llm)==null?void 0:l.tools)==null?{tools:null,parsingErrors:[]}:{tools:Bm(a),parsingErrors:[]}:{tools:null,parsingErrors:[pm]}}function Gm(n){var l;const{success:a,data:t}=Nm.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:[ym]}}function Wm(n){const a=uc(),{json:t,parseError:l}=Ae(n.attributes);if(l)return{playgroundInstance:{...a,spanId:(n==null?void 0:n.id)??null},parsingErrors:[cm]};const i=n.invocationParameters,r=jm(t);let{modelConfig:o}=r;const{parsingErrors:c}=r,{messages:d,messageParsingErrors:m}=Vm({provider:(o==null?void 0:o.provider)??a.model.provider,parsedAttributes:t}),{output:f,outputParsingErrors:g}=$m({provider:(o==null?void 0:o.provider)??a.model.provider,parsedAttributes:t}),{invocationParameters:y,parsingErrors:p}=qm(t,i),{variables:h,parsingErrors:b}=Gm(t),{parsingErrors:K}=Um(t);o=o!=null?{...o,invocationParameters:K.length>0?y.filter(P=>P.invocationName!==Qn&&P.canonicalName!==Un):y}:null;const{tools:T,parsingErrors:I}=Hm(t);return{playgroundInstance:{...a,model:o??a.model,template:d!=null?{__type:"chat",messages:d}:a.template,output:f,spanId:n.id,tools:T??a.tools},playgroundInput:h!=null?{variablesValueCache:h}:void 0,parsingErrors:[...m,...g,...c,...I,...p,...K,...b]}}const Jm=n=>Dm.safeParse(n).success,ar=({instance:n,templateLanguage:a})=>{if(a==On.NONE)return[];const t=new Set,l=n.template.__type,i=pc(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(o=>{t.add(o)});break}default:me()}return Array.from(t)},Zm=({instances:n,templateLanguage:a})=>a==On.NONE?[]:Array.from(new Set(n.flatMap(t=>ar({instance:t,templateLanguage:a})))),tr=({instances:n,templateLanguage:a,input:t})=>{if(a==On.NONE)return{variablesMap:{},variableKeys:[]};const l=Zm({instances:n,templateLanguage:a}),i=t.variablesValueCache??{};return{variablesMap:l.reduce((o,c)=>(o[c]=i[c]||"",o),{}),variableKeys:l}};function Bn(n,a){return n.invocationName===a.invocationName||n.canonicalName!=null&&a.canonicalName!=null&&n.canonicalName===a.canonicalName}const Xm=(n,a)=>n.filter(t=>a.some(l=>Bn(l,t))).map(t=>{var l;return{...t,invocationName:((l=a.find(i=>Bn(i,t)))==null?void 0:l.invocationName)??t.invocationName}}),mt=n=>n.replace(/_([a-z])/g,(a,t)=>t.toUpperCase()),Ym=(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,[mt(i.invocationInputField)]:l}}).filter(t=>t!=null),Ba=n=>{const{provider:a,validatedToolDefinition:t}=fc(n.definition);switch(a){case"OPENAI":case"AZURE_OPENAI":return t.function.name;case"ANTHROPIC":return t.name;case"UNKNOWN":return null;default:me()}},Pl=({provider:n,toolNumber:a})=>{switch(n){case"OPENAI":case"AZURE_OPENAI":return{id:ja(),definition:Sl(a)};case"ANTHROPIC":return{id:ja(),definition:hc(a)};case"GEMINI":return{id:ja(),definition:Sl(a)};default:me()}},eg=n=>{switch(n){case"OPENAI":case"AZURE_OPENAI":return bl();case"ANTHROPIC":return yc();case"GEMINI":return bl();default:me()}};function ng(n){return{content:n.content,role:ag(n.role),toolCalls:n.toolCalls,toolCallId:n.toolCallId}}function ag(n){switch(n){case"system":return"SYSTEM";case"user":return"USER";case"tool":return"TOOL";case"ai":return"AI";default:me()}}const lr=({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 o=[...i.model.invocationParameters];const c=Cm({toolChoice:i.toolChoice,targetProvider:i.model.provider});i.tools.length>0?(o=o.filter(m=>m.invocationName!==Ua&&m.canonicalName!==Ia),o.push({canonicalName:Ia,invocationName:Ua,valueJson:c})):o=o.filter(m=>m.invocationName!==Ua&&m.canonicalName!==Ia),o=r.length?Xm(o,r):o;const d=i.model.provider==="AZURE_OPENAI"?{endpoint:i.model.endpoint,apiVersion:i.model.apiVersion}:{};return{messages:i.template.messages.map(ng),model:{providerKey:i.model.provider,name:i.model.modelName||"",...d},invocationParameters:o,tools:i.tools.length?i.tools.map(m=>m.definition):void 0,apiKey:t[i.model.provider]||null}},tg=({playgroundStore:n,instanceId:a,credentials:t})=>{const l=lr({playgroundStore:n,instanceId:a,credentials:t}),{instances:i,templateLanguage:r,input:o}=n.getState(),{variablesMap:c}=tr({instances:i,input:o,templateLanguage:r});return{...l,template:{variables:c,language:r}}},Ll=({playgroundStore:n,instanceId:a,credentials:t,datasetId:l})=>({...lr({playgroundStore:n,instanceId:a,credentials:t}),templateLanguage:n.getState().templateLanguage,datasetId:l});function ir(n){return n==null||n===""?"{}":typeof n=="string"?n:JSON.stringify(n,null,2)}function rr(n,a){return a.filter(t=>t.required).every(t=>n.some(l=>Bn(l,t)))}const lg=n=>{for(const[a,t]of Object.entries(n))if(a.endsWith("DefaultValue")&&t!=null)return n[a]};function A1(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=lg(l),o=mt(l.invocationInputField||"");if(!l.invocationName||!l.invocationInputField||!i||r==null||((d=t.get(i))==null?void 0:d[o])!=null)return;const c={canonicalName:l.canonicalName,invocationName:l.invocationName,[o]:r};t.set(i,c)}),Array.from(t.values())}const sr=u.createContext(null);function N1({children:n,...a}){const[t]=u.useState(()=>kc(a));return e(sr.Provider,{value:t,children:n})}function Ja(n,a){const t=ve.useContext(sr);if(!t)throw new Error("Missing CredentialsContext.Provider in the tree");return Ea(t,n,a)}const or=u.createContext(null);function ig(){const n=u.useContext(or);if(n===null)throw new Error("useFunctionality must be used within a FunctionalityProvider");return n}function z1(n){return e(or.Provider,{value:{authenticationEnabled:window.Config.authenticationEnabled},children:n.children})}const rg=v`
|
|
1
|
+
import{z as R,aD as de,aE as _e,aF as Ee,aG as Oa,A as _d,r as u,j as e,R as ve,n as Ea,D as v,l as s,aH as je,a0 as Y,U as B,t as L,a6 as Be,a7 as G,a8 as Ke,a9 as Te,ac as W,aI as he,aJ as mn,aK as gn,aL as Oe,aM as Ed,aN as Et,aO as Dn,aP as Ga,a2 as ie,aQ as Va,ab as Gn,g as Xl,aR as wd,a4 as zt,G as Rd,aS as Md,aT as bt,aU as St,aV as ka,aW as da,aX as Yl,o as Xa,aY as Ad,ay as Nd,az as zd,aZ as Vd,p as ei,q as $d,a_ as Od,ah as Qd,a$ as jd,b0 as fl,b1 as qd,b2 as Ud,b3 as Bd,b4 as Hd,b5 as Gd,b6 as Wd,b7 as Jd,b8 as Zd,b9 as Xd}from"./vendor-DvC8cT4X.js";import{A as ce,C as j,h as Vt,k as J,D as ee,B as $t,y as qe,z as ne,G as Yd,s as Ya,p as et,P as Wn,j as Jn,q as nt,v as Zn,w as ca,H as Xe,L as Qa,J as ni,K as ec,M as ai,N as nc,O as ac,Q as ua,e as Re,f as Xn,T as ue,S as Ot,i as Me,g as ae,E as at,a as Pe,U as Qt,V as jt,c as Pn,o as hl,W as tc,n as lc,I as ic,m as kl,l as rc,u as sc,X as oc,r as dc,R as xa,d as ti}from"./vendor-arizeai-Do1793cv.js";import{s as qt,a as me,l as cc,j as li,b as xe,i as ii,c as ri,d as Tn,e as si,f as uc,g as Da,D as mc,h as ja,k as gc,T as On,m as pc,n as bl,o as yc,p as fc,q as Sl,r as hc,t as kc,N as bc,u as Sc,L as ye,v as Ce,w as wa,B as vc,_ as k,x as Cn,I as D,C as Cc,G as oi,y as Ut,P as ma,z as tt,S as Fc,A as Kc,E as Tc,F as xc,H as Ic,J as Dc,K as Pc,M as Lc,O as un,Q as N,R as He,U as di,V as C,W as ze,X as Bt,Y as Yn,Z as Ae,$ as F,a0 as pe,a1 as Fe,a2 as ga,a3 as pn,a4 as kn,a5 as lt,a6 as Ie,a7 as re,a8 as Ze,a9 as Ln,aa as se,ab as Ne,ac as ci,ad as We,ae as ui,af as Ye,ag as _n,ah as Ht,ai as an,aj as bn,ak as Gt,al as mi,am as gi,an as yn,ao as ke,ap as be,aq as Se,ar as vl,as as Cl,at as Sn,au as _c,av as Ec,aw as U,ax as pi,ay as Wt,az as it,aA as pa,aB as yi,aC as ya,aD as fa,aE as fi,aF as vn,aG as we,aH as rt,aI as En,aJ as hi,aK as Jt,aL as tn,aM as ki,aN as wc,aO as Rc,aP as Mc,aQ as Ac,aR as Nc,aS as ln,aT as rn,aU as zc,aV as Ge,aW as Vc,aX as $c,aY as bi,aZ as Oc,a_ as Qc,a$ as Fl,b0 as jc,b1 as qc,b2 as Uc,b3 as Bc,b4 as Hc,b5 as Gc,b6 as Si,b7 as Wc,b8 as Jc,b9 as Zc,ba as Xc,bb as Yc,bc as qn,bd as Zt,be as vi,bf as ra,bg as wt,bh as $n,bi as Kn,bj as eu,bk as nu,bl as Ci,bm as st,bn as Fi,bo as sn,bp as au,bq as tu,br as Pa,bs as Le,bt as qa,bu as Ki,bv as lu,bw as $e,bx as Xt,by as iu,bz as ru,bA as su,bB as ou,bC as Yt,bD as Ue,bE as en,bF as ha,bG as du,bH as ot,bI as Ti,bJ as xi,bK as vt,bL as cu,bM as dt,bN as ct,bO as Je,bP as Ve,bQ as uu,bR as el,bS as Ii,bT as Di,bU as Pi,bV as mu,bW as on,bX as Li,bY as xn,bZ as gu,b_ as Kl,b$ as _i,c0 as pu,c1 as yu,c2 as fu,c3 as hu,c4 as Ei,c5 as dn,c6 as ku,c7 as sa,c8 as Rt,c9 as bu,ca as wi,cb as Ri,cc as Su,cd as vu,ce as Cu,cf as ut,cg as Mi,ch as Ra,ci as Tl,cj as Ai,ck as nl,cl as Fu,cm as Ku,cn as al,co as Ni,cp as zi,cq as Tu,cr as Mt,cs as Vi,ct as xu,cu as Iu,cv as $a,cw as Du,cx as Pu,cy as $i,cz as Oi,cA as Lu,cB as _u,cC as Eu,cD as wu,cE as Qi,cF as tl,cG as ji,cH as Ru,cI as Mu,cJ as At,cK as Au,cL as Nu,cM as zu,cN as Vu,cO as $u,cP as Ou,cQ as qi,cR as Qu,cS as ju,cT as qu,cU as Uu,cV as Bu,cW as Hu,cX as Gu,cY as Wu,cZ as Ju,c_ as Zu,c$ as Xu,d0 as xl,d1 as Il}from"./components-DOevqttF.js";import{p as Ma,R as wn,n as Rn,i as Yu,E as Ui,m as Bi,o as Hi,g as em}from"./vendor-codemirror-BzwZPyJM.js";import{R as Mn,C as Aa,X as An,Y as nn,a as Nn,T as zn,B as oa,A as La,b as Gi,c as ll,L as Wi,d as nm,P as am,e as tm,f as lm}from"./vendor-recharts-_Jb7JjhG.js";const im=4,rm={user:["user","human"],ai:["assistant","bot","ai"],system:["system"],tool:["tool"]},sm="Unable to parse span input messages, expected messages which include a role and content.",om="Unable to parse span output messages, expected messages which include a role and content.",dm="Unable to parse span output expected output.value to be present.",cm="Unable to parse span attributes, attributes must be valid JSON.",um="Unable to parse model config, expected llm.model_name to be present.",mm="Unable to parse model config, expected llm.invocation_parameters JSON string to be present.",gm="Unable to parse invocation parameters response_format, expected llm.invocation_parameters.response_format to be a well formed json object or undefined.",pm="Unable to parse tools, expected tools to be an array of valid tools.",ym="Unable to parse prompt template variables, expected prompt template variables to be a valid JSON object string.",Dl={AZURE_OPENAI:[],ANTHROPIC:["claude"],OPENAI:["gpt","o1"],GEMINI:["gemini"]},Ia="TOOL_CHOICE",Ua="tool_choice",Un="RESPONSE_FORMAT",Qn="response_format",fm=[Ia,Un],il=qt()(R.union([R.literal("auto"),R.literal("none"),R.literal("required"),R.object({type:R.literal("function"),function:R.object({name:R.string()})})])),rl=R.object({type:R.union([R.literal("auto"),R.literal("any"),R.literal("tool")]),disable_parallel_tool_use:R.boolean().optional(),name:R.string().optional()}),hm=rl.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"}}),km=il.transform(n=>typeof n=="string"?{type:"auto"}:{type:"tool",name:n.function.name});R.union([il,rl]);const bm=n=>{const{success:a,data:t}=il.safeParse(n);if(a)return{provider:"OPENAI",toolChoice:t};const{success:l,data:i}=rl.safeParse(n);return l?{provider:"ANTHROPIC",toolChoice:i}:{provider:null,toolChoice:null}},Sm=n=>{const{provider:a,toolChoice:t}=bm(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 hm.parse(t);default:me()}},vm=({toolChoice:n,targetProvider:a})=>{switch(a){case"AZURE_OPENAI":case"OPENAI":return n;case"ANTHROPIC":return km.parse(n);case"GEMINI":return n;default:me()}},Cm=({toolChoice:n,targetProvider:a})=>{try{const t=Sm(n);return vm({toolChoice:t,targetProvider:a})}catch{return null}},Fm=R.object({tool_call:R.object({id:R.string().optional(),function:R.object({name:R.string(),arguments:R.string()}).partial()}).partial()}).partial(),Ji=R.object({[de.message]:R.object({[_e.role]:R.string(),[_e.content]:R.union([R.string(),R.array(R.record(R.string(),R.unknown()))]).default(""),[_e.tool_calls]:R.array(Fm).optional(),[_e.tool_call_id]:R.string().optional()})}),Km=R.object({[de.llm]:R.object({[Ee.input_messages]:R.array(Ji)})}),Tm=R.object({[de.llm]:R.object({[Ee.output_messages]:R.array(Ji)})}),xm=R.object({[de.output]:R.object({value:R.string()})}),Zi=qt()(R.enum(["user","ai","system","tool"])),Im=qt()(R.object({id:R.number(),role:Zi,content:R.string().optional(),toolCallId:R.string().optional(),toolCalls:R.array(cc).optional()})),Dm=R.array(Im),sl=R.lazy(()=>R.record(li)),Pm=sl,Xi=R.string().transform((n,a)=>{const{json:t}=xe(n);if(!ii(t))return a.addIssue({code:R.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),R.NEVER;const{success:l,data:i}=Pm.safeParse(t);return l?i:(a.addIssue({code:R.ZodIssueCode.custom,message:"The invocation parameters must be a valid JSON object"}),R.NEVER)}).default("{}"),Lm=R.object({[de.llm]:R.object({[Ee.provider]:R.string().optional(),[Ee.model_name]:R.string()})}),Yi=R.object({[de.llm]:R.object({[Ee.invocation_parameters]:Xi})}),_m=R.object({[de.llm]:R.object({[Ee.invocation_parameters]:Xi.pipe(R.object({response_format:sl.optional()}))})}),Em=R.string().transform((n,a)=>{const{json:t}=xe(n);return t==null||!ii(t)?(a.addIssue({code:R.ZodIssueCode.custom,message:"The tool JSON schema must be a valid JSON object"}),R.NEVER):t}).transform((n,a)=>{const{data:t,success:l}=ri.safeParse(n);return l?t:(a.addIssue({code:R.ZodIssueCode.custom,message:"The tool JSON schema must be a valid tool schema"}),R.NEVER)}),wm=R.object({[de.llm]:R.object({[Ee.tools]:R.array(R.object({[de.tool]:R.object({[Oa.json_schema]:Em})}).optional()).optional()}).optional()}).optional(),Rm=R.lazy(()=>R.object({type:R.literal("json_schema"),json_schema:R.object({name:R.string().describe("The name of the schema"),schema:li.describe("The schema itself in JSON format"),strict:R.literal(!0).describe("The schema must be strict")})})),Mm=_d(Rm,{removeAdditionalStrategy:"passthrough"}),Am=R.string().transform((n,a)=>{const{json:t}=xe(n);return Tn(t)?Object.entries(t).reduce((i,[r,o])=>{if(typeof o=="string")i[r]=o;else{const{json:c}=si(o);c!=null&&(i[r]=c)}return i},{}):(a.addIssue({code:R.ZodIssueCode.custom,message:"The prompt template variables must be a valid JSON object"}),R.NEVER)}),Nm=R.object({[de.llm]:R.object({[Ee.prompt_template]:R.object({variables:Am}).optional()}).optional()}).optional();function er(n){return Zi.safeParse(n).success}function Wa(n){if(er(n))return n;for(const[a,t]of Object.entries(rm))if(t.includes(n))return a;return gc}function zm({toolCalls:n,provider:a}){if(n!=null)return n.map(({tool_call:t})=>{var i,r,o,c;if(t==null)return null;let l={};if(((i=t.function)==null?void 0:i.arguments)!=null){const{json:d}=xe(t.function.arguments);Tn(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:((o=t.function)==null?void 0:o.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 nr({messages:n,provider:a}){return n.map(({message:t})=>({id:Da(),role:t.tool_call_id!=null?Wa("tool"):Wa(t.role),content:typeof t.content=="string"?t.content:void 0,toolCalls:zm({provider:a,toolCalls:t.tool_calls}),toolCallId:t.tool_call_id}))}function Vm({provider:n,parsedAttributes:a}){var l;const t=Km.safeParse(a);if(!t.success)return{messageParsingErrors:[sm],messages:null};if(n==="ANTHROPIC"){const{success:i,data:r}=Yi.safeParse(a);if(i){const o=t.data.llm.input_messages,c=(l=r.llm.invocation_parameters)==null?void 0:l.system;typeof c=="string"&&c&&(!o||o[0].message.role!=="system")&&t.data.llm.input_messages.unshift({message:{role:"system",content:c}})}}return{messageParsingErrors:[],messages:nr({provider:n,messages:t.data.llm.input_messages})}}function $m({provider:n,parsedAttributes:a}){const t=[],l=Tm.safeParse(a);if(l.success)return{output:nr({provider:n,messages:l.data.llm.output_messages}),outputParsingErrors:t};t.push(om);const i=xm.safeParse(a);return i.success?{output:i.data.output.value,outputParsingErrors:t}:(t.push(dm),{output:void 0,outputParsingErrors:t})}function Om(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 Qm(n){for(const a of Object.keys(Dl))if(Dl[a].some(l=>n.includes(l)))return a;return mc}function jm(n){const{success:a,data:t}=Lm.safeParse(n);if(a){const l=Om(t.llm.provider)||Qm(t.llm.model_name);return{modelConfig:{modelName:t.llm.model_name,provider:l,invocationParameters:[],supportedInvocationParameters:[]},parsingErrors:[]}}return{modelConfig:null,parsingErrors:[um]}}function qm(n,a=[]){const{success:t,data:l}=Yi.safeParse(n),i=[];return t||i.push(mm),{invocationParameters:Ym((l==null?void 0:l.llm.invocation_parameters)??{},a),parsingErrors:i}}function Um(n){const{success:a,data:t}=_m.safeParse(n);return a?{responseFormat:t.llm.invocation_parameters.response_format,parsingErrors:[]}:{responseFormat:void 0,parsingErrors:[gm]}}function Bm(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:ja(),definition:t.tool.json_schema}).filter(t=>t!=null)}function Hm(n){var l;const{data:a,success:t}=wm.safeParse(n);return t?((l=a==null?void 0:a.llm)==null?void 0:l.tools)==null?{tools:null,parsingErrors:[]}:{tools:Bm(a),parsingErrors:[]}:{tools:null,parsingErrors:[pm]}}function Gm(n){var l;const{success:a,data:t}=Nm.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:[ym]}}function Wm(n){const a=uc(),{json:t,parseError:l}=xe(n.attributes);if(l)return{playgroundInstance:{...a,spanId:(n==null?void 0:n.id)??null},parsingErrors:[cm]};const i=n.invocationParameters,r=jm(t);let{modelConfig:o}=r;const{parsingErrors:c}=r,{messages:d,messageParsingErrors:m}=Vm({provider:(o==null?void 0:o.provider)??a.model.provider,parsedAttributes:t}),{output:f,outputParsingErrors:g}=$m({provider:(o==null?void 0:o.provider)??a.model.provider,parsedAttributes:t}),{invocationParameters:y,parsingErrors:p}=qm(t,i),{variables:h,parsingErrors:b}=Gm(t),{parsingErrors:K}=Um(t);o=o!=null?{...o,invocationParameters:K.length>0?y.filter(P=>P.invocationName!==Qn&&P.canonicalName!==Un):y}:null;const{tools:T,parsingErrors:I}=Hm(t);return{playgroundInstance:{...a,model:o??a.model,template:d!=null?{__type:"chat",messages:d}:a.template,output:f,spanId:n.id,tools:T??a.tools},playgroundInput:h!=null?{variablesValueCache:h}:void 0,parsingErrors:[...m,...g,...c,...I,...p,...K,...b]}}const Jm=n=>Dm.safeParse(n).success,ar=({instance:n,templateLanguage:a})=>{if(a==On.NONE)return[];const t=new Set,l=n.template.__type,i=pc(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(o=>{t.add(o)});break}default:me()}return Array.from(t)},Zm=({instances:n,templateLanguage:a})=>a==On.NONE?[]:Array.from(new Set(n.flatMap(t=>ar({instance:t,templateLanguage:a})))),tr=({instances:n,templateLanguage:a,input:t})=>{if(a==On.NONE)return{variablesMap:{},variableKeys:[]};const l=Zm({instances:n,templateLanguage:a}),i=t.variablesValueCache??{};return{variablesMap:l.reduce((o,c)=>(o[c]=i[c]||"",o),{}),variableKeys:l}};function Bn(n,a){return n.invocationName===a.invocationName||n.canonicalName!=null&&a.canonicalName!=null&&n.canonicalName===a.canonicalName}const Xm=(n,a)=>n.filter(t=>a.some(l=>Bn(l,t))).map(t=>{var l;return{...t,invocationName:((l=a.find(i=>Bn(i,t)))==null?void 0:l.invocationName)??t.invocationName}}),mt=n=>n.replace(/_([a-z])/g,(a,t)=>t.toUpperCase()),Ym=(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,[mt(i.invocationInputField)]:l}}).filter(t=>t!=null),Ba=n=>{const{provider:a,validatedToolDefinition:t}=fc(n.definition);switch(a){case"OPENAI":case"AZURE_OPENAI":return t.function.name;case"ANTHROPIC":return t.name;case"UNKNOWN":return null;default:me()}},Pl=({provider:n,toolNumber:a})=>{switch(n){case"OPENAI":case"AZURE_OPENAI":return{id:ja(),definition:Sl(a)};case"ANTHROPIC":return{id:ja(),definition:hc(a)};case"GEMINI":return{id:ja(),definition:Sl(a)};default:me()}},eg=n=>{switch(n){case"OPENAI":case"AZURE_OPENAI":return bl();case"ANTHROPIC":return yc();case"GEMINI":return bl();default:me()}};function ng(n){return{content:n.content,role:ag(n.role),toolCalls:n.toolCalls,toolCallId:n.toolCallId}}function ag(n){switch(n){case"system":return"SYSTEM";case"user":return"USER";case"tool":return"TOOL";case"ai":return"AI";default:me()}}const lr=({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 o=[...i.model.invocationParameters];const c=Cm({toolChoice:i.toolChoice,targetProvider:i.model.provider});i.tools.length>0?(o=o.filter(m=>m.invocationName!==Ua&&m.canonicalName!==Ia),o.push({canonicalName:Ia,invocationName:Ua,valueJson:c})):o=o.filter(m=>m.invocationName!==Ua&&m.canonicalName!==Ia),o=r.length?Xm(o,r):o;const d=i.model.provider==="AZURE_OPENAI"?{endpoint:i.model.endpoint,apiVersion:i.model.apiVersion}:{};return{messages:i.template.messages.map(ng),model:{providerKey:i.model.provider,name:i.model.modelName||"",...d},invocationParameters:o,tools:i.tools.length?i.tools.map(m=>m.definition):void 0,apiKey:t[i.model.provider]||null}},tg=({playgroundStore:n,instanceId:a,credentials:t})=>{const l=lr({playgroundStore:n,instanceId:a,credentials:t}),{instances:i,templateLanguage:r,input:o}=n.getState(),{variablesMap:c}=tr({instances:i,input:o,templateLanguage:r});return{...l,template:{variables:c,language:r}}},Ll=({playgroundStore:n,instanceId:a,credentials:t,datasetId:l})=>({...lr({playgroundStore:n,instanceId:a,credentials:t}),templateLanguage:n.getState().templateLanguage,datasetId:l});function ir(n){return n==null||n===""?"{}":typeof n=="string"?n:JSON.stringify(n,null,2)}function rr(n,a){return a.filter(t=>t.required).every(t=>n.some(l=>Bn(l,t)))}const lg=n=>{for(const[a,t]of Object.entries(n))if(a.endsWith("DefaultValue")&&t!=null)return n[a]};function A1(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=lg(l),o=mt(l.invocationInputField||"");if(!l.invocationName||!l.invocationInputField||!i||r==null||((d=t.get(i))==null?void 0:d[o])!=null)return;const c={canonicalName:l.canonicalName,invocationName:l.invocationName,[o]:r};t.set(i,c)}),Array.from(t.values())}const sr=u.createContext(null);function N1({children:n,...a}){const[t]=u.useState(()=>kc(a));return e(sr.Provider,{value:t,children:n})}function Ja(n,a){const t=ve.useContext(sr);if(!t)throw new Error("Missing CredentialsContext.Provider in the tree");return Ea(t,n,a)}const or=u.createContext(null);function ig(){const n=u.useContext(or);if(n===null)throw new Error("useFunctionality must be used within a FunctionalityProvider");return n}function z1(n){return e(or.Provider,{value:{authenticationEnabled:window.Config.authenticationEnabled},children:n.children})}const rg=v`
|
|
2
2
|
display: flex;
|
|
3
3
|
direction: row;
|
|
4
4
|
height: 100vh;
|
|
@@ -180,10 +180,10 @@ fragment ExampleExperimentRunsTableFragment_2HEEH6 on DatasetExample {
|
|
|
180
180
|
align-items: center;
|
|
181
181
|
color: var(--ac-global-color-primary);
|
|
182
182
|
gap: var(--ac-global-dimension-size-50);
|
|
183
|
-
`;function hg({example:n}){const a=u.useRef(null),t=Y(),{data:l,loadNext:i,hasNext:r,isLoadingNext:o}=L.usePaginationFragment(mr,n),c=u.useMemo(()=>l.experimentRuns.edges.map(p=>{let h=null;return p.run.startTime&&p.run.endTime&&(h=new Date(p.run.endTime).getTime()-new Date(p.run.startTime).getTime()),{...p.run,output:JSON.stringify(p.run.output),latencyMs:h}}),[l]),m=Ke({columns:[{header:"start time",accessorKey:"startTime",cell:
|
|
183
|
+
`;function hg({example:n}){const a=u.useRef(null),t=Y(),{data:l,loadNext:i,hasNext:r,isLoadingNext:o}=L.usePaginationFragment(mr,n),c=u.useMemo(()=>l.experimentRuns.edges.map(p=>{let h=null;return p.run.startTime&&p.run.endTime&&(h=new Date(p.run.endTime).getTime()-new Date(p.run.startTime).getTime()),{...p.run,output:JSON.stringify(p.run.output),latencyMs:h}}),[l]),m=Ke({columns:[{header:"start time",accessorKey:"startTime",cell:Ae},{header:"output",accessorKey:"output",cell:p=>{var b;const h=(b=p.row.original)==null?void 0:b.error;return h!==null?e(F,{color:"danger",children:h}):e(pe,{...p})}},{header:"latency",accessorKey:"latencyMs",cell:({getValue:p})=>{const h=p();return h===null||typeof h!="number"?"--":e(Fe,{latencyMs:h})}},{header:"evaluations",accessorKey:"annotations",cell:({row:p})=>e(k,{direction:"row",gap:"size-50",wrap:"wrap",children:p.original.annotations.edges.map((h,b)=>{const K=h.annotation;return e(ga,{annotation:K,extra:K.trace&&e(C,{paddingTop:"size-100",children:s("div",{css:fg,children:[e(D,{svg:e(pn,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(kn,{annotation:K,onClick:()=>{K.trace&&t(`/projects/${K.trace.projectId}/traces/${K.trace.traceId}`)}},b)},b)})})},{id:"actions",cell:({row:p})=>{const h=p.original.trace;if(h)return e(N,{size:"S",icon:e(D,{svg:e(lt,{})}),onPress:()=>{t(`/projects/${h.projectId}/traces/${h.traceId}`)},"aria-label":"view trace"})}}],data:c,getCoreRowModel:Te()}),f=m.getRowModel().rows,g=f.length===0,y=u.useCallback(p=>{if(p){const{scrollHeight:h,scrollTop:b,clientHeight:K}=p;h-b-K<300&&!o&&r&&i(pg)}},[r,o,i]);return e("div",{css:v`
|
|
184
184
|
flex: 1 1 auto;
|
|
185
185
|
overflow: auto;
|
|
186
|
-
`,ref:a,onScroll:p=>y(p.target),children:s("table",{css:Yn,children:[e("thead",{children:m.getHeaderGroups().map(p=>e("tr",{children:p.headers.map(h=>e("th",{children:e("div",{children:W(h.column.columnDef.header,h.getContext())})},h.id))},p.id))}),g?e(yg,{}):e("tbody",{children:f.map(p=>e("tr",{children:p.getVisibleCells().map(h=>e("td",{children:W(h.column.columnDef.cell,h.getContext())},h.id))},p.id))})]})})}function ol({exampleId:n,onDismiss:a}){const[t,l]=u.useState(0),i=L.useLazyLoadQuery(dr,{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]),o=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=Y(),g=
|
|
186
|
+
`,ref:a,onScroll:p=>y(p.target),children:s("table",{css:Yn,children:[e("thead",{children:m.getHeaderGroups().map(p=>e("tr",{children:p.headers.map(h=>e("th",{children:e("div",{children:W(h.column.columnDef.header,h.getContext())})},h.id))},p.id))}),g?e(yg,{}):e("tbody",{children:f.map(p=>e("tr",{children:p.getVisibleCells().map(h=>e("td",{children:W(h.column.columnDef.cell,h.getContext())},h.id))},p.id))})]})})}function ol({exampleId:n,onDismiss:a}){const[t,l]=u.useState(0),i=L.useLazyLoadQuery(dr,{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]),o=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=Y(),g=Ie();return e(ee,{type:"slideOver",isDismissable:!0,onDismiss:a,children:e(J,{size:"XL",title:`Example: ${n}`,extra:s(k,{direction:"row",gap:"size-100",children:[o?e(N,{size:"S",onPress:()=>{f(`/projects/${o.projectId}/traces/${o.traceId}?selectedSpanNodeId=${o.id}`)},children:"View Source Span"}):null,e(gg,{exampleId:n,currentRevision:r,onCompleted:()=>{g({title:"Example updated",message:`Example ${n} has been updated.`}),l(y=>y+1)}})]}),children:s(gn,{direction:"vertical",autoSaveId:"example-panel-group",children:[e(he,{defaultSize:200,children:e("div",{css:v`
|
|
187
187
|
overflow-y: auto;
|
|
188
188
|
height: 100%;
|
|
189
189
|
`,children:e(k,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",paddingTop:"size-200",paddingBottom:"size-200",children:s(k,{direction:"column",gap:"size-200",children:[e(j,{title:"Input",...Ft,extra:e(re,{text:c}),children:e(Ze,{value:c})}),e(j,{title:"Output",...Ft,extra:e(re,{text:d}),children:e(Ze,{value:d})}),e(j,{title:"Metadata",...Ft,extra:e(re,{text:m}),children:e(Ze,{value:m})})]})})})})}),e(mn,{css:Ln}),e(he,{defaultSize:100,children:s(k,{direction:"column",height:"100%",children:[e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(se,{level:3,children:"Experiment Runs"})}),e(hg,{example:i.example})]})})]})})})}const Ft={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}};function $1(){const{exampleId:n,datasetId:a}=Oe(),t=Y();return e(ol,{exampleId:n,onDismiss:()=>{t(`/playground/datasets/${a}`)}})}const gr=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(
|
|
@@ -253,7 +253,7 @@ fragment ExampleExperimentRunsTableFragment_2HEEH6 on DatasetExample {
|
|
|
253
253
|
id
|
|
254
254
|
}
|
|
255
255
|
}
|
|
256
|
-
`}}}();pr.hash="90059208fe6444236630273b31e8cef6";function gt(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 yr({spanNodeId:n,projectId:a,size:t="M"}){const[l,i]=u.useState(null);return s(B,{children:[e(N,{size:t,icon:e(D,{svg:e(Bt,{})}),onPress:()=>i(e(ci,{spanNodeId:n,projectId:a})),children:"Annotate"}),e(ee,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:l})]})}const kg=n=>{const{json:a}=
|
|
256
|
+
`}}}();pr.hash="90059208fe6444236630273b31e8cef6";function gt(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 yr({spanNodeId:n,projectId:a,size:t="M"}){const[l,i]=u.useState(null);return s(B,{children:[e(N,{size:t,icon:e(D,{svg:e(Bt,{})}),onPress:()=>i(e(ci,{spanNodeId:n,projectId:a})),children:"Annotate"}),e(ee,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:l})]})}const kg=n=>{const{json:a}=xe(n);if(a==null||!Tn(a))return null;const t=a[de.user];if(t==null||!Tn(t))return null;const l=t[Ed.id];return Et.isString(l)||Et.isNumber(l)?l:null};function _l({role:n,value:a,mimeType:t}){const l=u.useMemo(()=>{if(t!=="json")return String(a);const r=xe(a);return r.json==null?"--":JSON.stringify(r.json,null,2)},[a,t]),i=gt(n==="HUMAN"?"user":"assistant");return e(C,{alignSelf:n==="HUMAN"?"start":"end",borderRadius:"medium",borderColor:"dark",borderWidth:"thin",padding:"size-200",maxWidth:"70%",...i,children:s(k,{direction:"column",gap:"size-50",children:[e(F,{color:"text-700",children:n}),t==="json"?e(Ze,{value:l}):e(F,{children:l})]})})}function bg({rootSpan:n,index:a}){const t=u.useMemo(()=>new Date(n.startTime),[n.startTime]),l=u.useMemo(()=>kg(n.attributes),[n.attributes]);return e(C,{height:"100%",children:s(k,{direction:"column",justifyContent:"space-between",height:"100%",children:[s(k,{direction:"column",gap:"size-200",children:[s(k,{direction:"row",justifyContent:"space-between",children:[s(F,{children:["Trace #",a+1]}),e(We,{to:`/projects/${n.project.id}/traces/${n.context.traceId}?selectedSpanNodeId=${n.id}`,children:s(k,{alignItems:"center",children:["View Trace",e(D,{svg:e(ui,{})})]})})]}),s(k,{direction:"row",justifyContent:"space-between",children:[l!=null?s(F,{color:"text-700",children:["user: ",l]}):null,e(F,{color:"text-700",flex:"end",marginStart:"auto",children:Ye(t)})]}),s(k,{direction:"row",gap:"size-100",children:[e(_n,{tokenCountTotal:n.cumulativeTokenCountTotal??0,tokenCountCompletion:n.cumulativeTokenCountCompletion??0,tokenCountPrompt:n.cumulativeTokenCountPrompt??0}),n.latencyMs!=null?e(Fe,{latencyMs:n.latencyMs}):"--"]})]}),s(k,{direction:"row",justifyContent:"space-between",alignItems:"end",children:[s(k,{direction:"column",gap:"size-100",maxWidth:"50%",children:[e(F,{children:"Feedback"}),e(k,{gap:"size-50",direction:"column",children:n.spanAnnotations.length>0?n.spanAnnotations.map(i=>e(ga,{annotation:i,children:e(kn,{annotation:i,annotationDisplayPreference:"label"})},i.name)):"--"})]}),e("span",{children:e(yr,{size:"S",spanNodeId:n.id,projectId:n.project.id})})]})]})})}function Sg({rootSpan:n}){var a,t,l,i;return s(k,{direction:"column",gap:"size-100",children:[e(_l,{role:"HUMAN",value:(a=n.input)==null?void 0:a.value,mimeType:(t=n.input)==null?void 0:t.mimeType}),e(_l,{role:"AI",value:(l=n.output)==null?void 0:l.value,mimeType:(i=n.output)==null?void 0:i.mimeType})]})}function vg({traces:n}){const a=u.useMemo(()=>((n==null?void 0:n.edges)||[]).map(({trace:l})=>l.rootSpan).filter(l=>l!=null),[n]);return e(C,{height:"100%",flex:"1 1 auto",overflow:"auto",children:a.map((t,l)=>e(C,{borderBottomColor:"dark",borderBottomWidth:"thin",children:s(k,{direction:"row",children:[e(C,{borderRightWidth:"thin",borderEndColor:"dark",padding:"size-200",flex:"1 1 auto",children:e(Sg,{rootSpan:t})}),e(C,{width:350,padding:"size-200",flex:"none",children:e(bg,{rootSpan:t,index:l})})]})},t.context.spanId))})}function Cg({traceCount:n,tokenUsage:a,latencyP50:t}){return e(C,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",children:s(k,{direction:"row",gap:"size-400",children:[s(k,{direction:"column",children:[e(F,{elementType:"h3",color:"text-700",children:"Traces Count"}),e(F,{size:"L",children:n})]}),a!=null?s(k,{direction:"column",children:[e(F,{elementType:"h3",color:"text-700",children:"Total Tokens"}),e(_n,{tokenCountTotal:a.total,tokenCountCompletion:a.completion,tokenCountPrompt:a.prompt,size:"L"})]}):null,t!=null?s(k,{direction:"column",children:[e(F,{elementType:"h3",color:"text-700",children:"Latency P50"}),e(Fe,{latencyMs:t,size:"L"})]}):null]})})}function Fg(n){const{sessionId:a}=n,t=L.useLazyLoadQuery(pr,{id:a},{fetchPolicy:"store-and-network"});if(t.session==null)throw new Error("Session not found");return s("main",{css:v`
|
|
257
257
|
flex: 1 1 auto;
|
|
258
258
|
display: flex;
|
|
259
259
|
flex-direction: column;
|
|
@@ -556,7 +556,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
556
556
|
}
|
|
557
557
|
}
|
|
558
558
|
}
|
|
559
|
-
`}}}();Fr.hash="f31abad2141a5a1c461ef2a598ffa4f3";const El=new Intl.NumberFormat([],{maximumFractionDigits:2}),Kr=()=>{const n=vn(),a=n.blue400,t=n.gray500;return{color:a,barColor:t}};function Eg({active:n,payload:a,label:t}){var r,o,c;const{color:l,barColor:i}=Kr();if(n&&a&&a.length){const d=((r=a[1])==null?void 0:r.value)??null,m=((o=a[0])==null?void 0:o.value)??null,f=typeof d=="number"?El.format(d):"--",g=typeof m=="number"?El.format(m):"--";return s(En,{children:[e(F,{weight:"heavy",size:"S",children:`${Ye(new Date(t))}`}),e(
|
|
559
|
+
`}}}();Fr.hash="f31abad2141a5a1c461ef2a598ffa4f3";const El=new Intl.NumberFormat([],{maximumFractionDigits:2}),Kr=()=>{const n=vn(),a=n.blue400,t=n.gray500;return{color:a,barColor:t}};function Eg({active:n,payload:a,label:t}){var r,o,c;const{color:l,barColor:i}=Kr();if(n&&a&&a.length){const d=((r=a[1])==null?void 0:r.value)??null,m=((o=a[0])==null?void 0:o.value)??null,f=typeof d=="number"?El.format(d):"--",g=typeof m=="number"?El.format(m):"--";return s(En,{children:[e(F,{weight:"heavy",size:"S",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(rt,{}),s("div",{css:v`
|
|
560
560
|
display: flex;
|
|
561
561
|
flex-direction: row;
|
|
562
562
|
align-items: center;
|
|
@@ -1008,7 +1008,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
1008
1008
|
}
|
|
1009
1009
|
}
|
|
1010
1010
|
}
|
|
1011
|
-
`}}}();Er.hash="88ce04bb2022d5e2bc75c663abd7e5de";const Na={top:25,right:18,left:18,bottom:5},gp=new Intl.NumberFormat([],{maximumFractionDigits:2}),wr=()=>{const{gray300:n}=vn();return{color:n}};function pp({active:n,payload:a,label:t}){var i;const{color:l}=wr();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?gp.format(r):"--";return s(En,{children:[e(F,{weight:"heavy",size:"S",children:`${Ye(new Date(t))}`}),e(
|
|
1011
|
+
`}}}();Er.hash="88ce04bb2022d5e2bc75c663abd7e5de";const Na={top:25,right:18,left:18,bottom:5},gp=new Intl.NumberFormat([],{maximumFractionDigits:2}),wr=()=>{const{gray300:n}=vn();return{color:n}};function pp({active:n,payload:a,label:t}){var i;const{color:l}=wr();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?gp.format(r):"--";return s(En,{children:[e(F,{weight:"heavy",size:"S",children:`${Ye(new Date(t))}`}),e(we,{color:l,name:"Cardinality",value:o}),e(rt,{})]})}return null}function yp({dimensionId:n}){var c;const{timeRange:a}=bn(),t=pa(a),l=L.useLazyLoadQuery(Er,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:t}),{color:i}=wr(),r=((c=l.dimension.cardinalityTimeSeries)==null?void 0:c.data.map(d=>({timestamp:new Date(d.timestamp).valueOf(),value:d.value})))||[],o=ya({samplingIntervalMinutes:t.samplingIntervalMinutes});return e(Mn,{width:"100%",height:"100%",children:s(Aa,{data:r,margin:Na,syncId:"dimensionDetails",children:[e("defs",{children:s("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(An,{...fa,tickFormatter:d=>o(new Date(d))}),e(nn,{stroke:"var(--ac-global-color-grey-500)",label:{value:"Cardinality",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(Nn,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(zn,{content:e(pp,{})}),e(La,{type:"monotone",dataKey:"value",stroke:i,fillOpacity:1,fill:"url(#cardinalityColorUv)"})]})})}const Rr={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};Rr.hash="6dccac51f3fb0853276677c692af5a43";function fp(n){const t=L.useFragment(Rr,n.dimension).count??0;return s(B,{children:[e(F,{elementType:"h3",size:"XS",color:"text-700",children:"Total Count"}),e(F,{size:"L",children:qn(t)})]})}const Mr=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(
|
|
1012
1012
|
$dimensionId: GlobalID!
|
|
1013
1013
|
$timeRange: TimeRange!
|
|
1014
1014
|
$countGranularity: Granularity!
|
|
@@ -1026,7 +1026,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
1026
1026
|
}
|
|
1027
1027
|
}
|
|
1028
1028
|
}
|
|
1029
|
-
`}}}();Mr.hash="9677ef7c6b298554824fe3fd3904c7aa";const hp=new Intl.NumberFormat([],{maximumFractionDigits:2}),Ar=()=>{const{gray300:n}=vn();return{barColor:n}};function kp({active:n,payload:a,label:t}){var i;const{barColor:l}=Ar();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?hp.format(r):"--";return s(En,{children:[e(F,{weight:"heavy",size:"S",children:`${Ye(new Date(t))}`}),e(
|
|
1029
|
+
`}}}();Mr.hash="9677ef7c6b298554824fe3fd3904c7aa";const hp=new Intl.NumberFormat([],{maximumFractionDigits:2}),Ar=()=>{const{gray300:n}=vn();return{barColor:n}};function kp({active:n,payload:a,label:t}){var i;const{barColor:l}=Ar();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?hp.format(r):"--";return s(En,{children:[e(F,{weight:"heavy",size:"S",children:`${Ye(new Date(t))}`}),e(we,{color:l,shape:"square",name:"Count",value:o})]})}return null}function bp({dimensionId:n}){var d;const{timeRange:a}=bn(),t=pa(a),r=(((d=L.useLazyLoadQuery(Mr,{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()})),o=ya({samplingIntervalMinutes:t.samplingIntervalMinutes}),{barColor:c}=Ar();return e(Mn,{width:"100%",height:"100%",children:s(ll,{data:r,margin:Na,syncId:"dimensionDetails",children:[e("defs",{children:s("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(An,{...fa,tickFormatter:m=>o(new Date(m))}),e(nn,{stroke:"var(--ac-global-color-grey-500)",label:{value:"Count",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(Nn,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(zn,{...Zt,content:e(kp,{})}),e(oa,{dataKey:"value",fill:"url(#countBarColor)",spacing:5})]})})}const Nr=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"dimensionId"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"dimensionId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l=[{kind:"Variable",name:"primaryTimeRange",variableName:"timeRange"}],i={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},o={alias:null,args:null,concreteType:"NumericRange",kind:"LinkedField",name:"range",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"start",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"end",storageKey:null}],storageKey:null},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,o],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:[o],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(
|
|
1030
1030
|
$dimensionId: GlobalID!
|
|
1031
1031
|
$timeRange: TimeRange!
|
|
1032
1032
|
) {
|
|
@@ -1066,7 +1066,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
1066
1066
|
}
|
|
1067
1067
|
}
|
|
1068
1068
|
}
|
|
1069
|
-
`}}}();Nr.hash="6bb76e3cce4ee28c333e485b3aa2dffd";const Rl=zt(".2f"),zr=()=>{const{primary:n,reference:a}=vn();return{primaryBarColor:n,referenceBarColor:a}};function Sp({active:n,payload:a,label:t}){var r,o,c,d,m,f;const{primaryBarColor:l,referenceBarColor:i}=zr();if(n&&a&&a.length){const g=(o=(r=a[0])==null?void 0:r.payload)==null?void 0:o.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,h=(f=a[1])==null?void 0:f.value;return s(En,{children:[e(F,{elementType:"h3",size:"S",weight:"heavy",children:t}),e(
|
|
1069
|
+
`}}}();Nr.hash="6bb76e3cce4ee28c333e485b3aa2dffd";const Rl=zt(".2f"),zr=()=>{const{primary:n,reference:a}=vn();return{primaryBarColor:n,referenceBarColor:a}};function Sp({active:n,payload:a,label:t}){var r,o,c,d,m,f;const{primaryBarColor:l,referenceBarColor:i}=zr();if(n&&a&&a.length){const g=(o=(r=a[0])==null?void 0:r.payload)==null?void 0:o.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,h=(f=a[1])==null?void 0:f.value;return s(En,{children:[e(F,{elementType:"h3",size:"S",weight:"heavy",children:t}),e(we,{color:l,shape:"square",name:g,value:y!=null?`${Rl(y)}%`:"--"}),e(we,{color:i,shape:"square",name:p,value:h!=null?`${Rl(h)}%`:"--"})]})}return null}function vp(n){var y,p,h,b,K;const{primaryInferences:a,referenceInferences:t}=an(),l=a.name,i=(t==null?void 0:t.name)||"reference",{selectedTimestamp:r}=it(),o=u.useMemo(()=>r??new Date(a.endTime),[r,a.endTime]),c=u.useMemo(()=>({start:Xl(o,2).toISOString(),end:o.toISOString()}),[o]),d=L.useLazyLoadQuery(Nr,{dimensionId:n.dimensionId,timeRange:c}),m=u.useMemo(()=>{var w,S,x,_,E;const T=((w=d.dimension.segmentsComparison)==null?void 0:w.segments)??[],I=((x=(S=d.dimension.segmentsComparison)==null?void 0:S.totalCounts)==null?void 0:x.primaryValue)??0,P=((E=(_=d.dimension.segmentsComparison)==null?void 0:_.totalCounts)==null?void 0:E.referenceValue)??0;return T.map(O=>{var Q,M;const z=((Q=O.counts)==null?void 0:Q.primaryValue)??0,H=((M=O.counts)==null?void 0:M.referenceValue)??0,Z=vi(O.bin),oe=z/I*100,A=H/P*100;return{name:Z,primaryName:l,referenceName:i,primaryPercent:oe,referencePercent:A}})},[(y=d.dimension.segmentsComparison)==null?void 0:y.segments,(h=(p=d.dimension.segmentsComparison)==null?void 0:p.totalCounts)==null?void 0:h.primaryValue,(K=(b=d.dimension.segmentsComparison)==null?void 0:b.totalCounts)==null?void 0:K.referenceValue,l,i]),{primaryBarColor:f,referenceBarColor:g}=zr();return s(k,{direction:"column",height:"100%",children:[e(C,{flex:"none",paddingTop:"size-100",paddingStart:"size-200",children:e(F,{elementType:"h3",size:"S",color:"text-700",children:`Distribution comparison at ${Ye(new Date(c.end))}`})}),e(C,{flex:!0,children:e(Mn,{children:s(ll,{data:m,margin:{top:15,right:18,left:18,bottom:5},children:[s("defs",{children:[s("linearGradient",{id:"dimensionPrimarySegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:f,stopOpacity:1}),e("stop",{offset:"95%",stopColor:f,stopOpacity:.5})]}),s("linearGradient",{id:"dimensionReferenceSegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:g,stopOpacity:1}),e("stop",{offset:"95%",stopColor:g,stopOpacity:.5})]})]}),e(An,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(nn,{stroke:"var(--ac-global-color-grey-500)",label:{value:"Percent",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(Nn,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)"}),e(zn,{...Zt,content:e(Sp,{})}),e(oa,{dataKey:"primaryPercent",fill:"url(#dimensionPrimarySegmentsBarColor)"}),e(oa,{dataKey:"referencePercent",fill:"url(#dimensionReferenceSegmentsBarColor)"})]})})})]})}const Vr={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};Vr.hash="f8a9fb08a14f63906e38bc247d50b189";const Cp=s(ca,{variant:"info",placement:"top end",children:[e(se,{weight:"heavy",level:4,children:"Population Stability Index"}),e(Zn,{children:e(F,{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(Ge,{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 Fp(n){const a=L.useFragment(Vr,n.dimension);return s(B,{children:[s(k,{direction:"row",alignItems:"center",gap:"size-25",children:[e(F,{elementType:"h3",size:"XS",color:"text-700",children:"PSI"}),Cp]}),e(F,{size:"L",children:ra(a.psi)})]})}const $r=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},t={defaultValue:null,kind:"LocalArgument",name:"driftGranularity"},l={defaultValue:null,kind:"LocalArgument",name:"timeRange"},i=[{kind:"Variable",name:"id",variableName:"dimensionId"}],r={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},o={kind:"Variable",name:"timeRange",variableName:"timeRange"},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"},o],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"},o],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(
|
|
1070
1070
|
$dimensionId: GlobalID!
|
|
1071
1071
|
$timeRange: TimeRange!
|
|
1072
1072
|
$driftGranularity: Granularity!
|
|
@@ -1091,7 +1091,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
1091
1091
|
}
|
|
1092
1092
|
}
|
|
1093
1093
|
}
|
|
1094
|
-
`}}}();$r.hash="6312b58dbb252b17efdf08d44dd58630";const Or=()=>{const{orange300:n,gray300:a}=vn();return{color:n,barColor:a}};function Kp({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 s(En,{children:[e(F,{weight:"heavy",size:"S",children:`${Ye(new Date(t))}`}),e(
|
|
1094
|
+
`}}}();$r.hash="6312b58dbb252b17efdf08d44dd58630";const Or=()=>{const{orange300:n,gray300:a}=vn();return{color:n,barColor:a}};function Kp({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 s(En,{children:[e(F,{weight:"heavy",size:"S",children:`${Ye(new Date(t))}`}),e(we,{color:l,name:"PSI",value:ra(r)}),e(rt,{}),s("div",{css:v`
|
|
1095
1095
|
display: flex;
|
|
1096
1096
|
flex-direction: row;
|
|
1097
1097
|
align-items: center;
|
|
@@ -1117,7 +1117,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
1117
1117
|
}
|
|
1118
1118
|
}
|
|
1119
1119
|
}
|
|
1120
|
-
`}}}();jr.hash="1e843d6c8dbe05b389b24188c6bdb394";const Ip=new Intl.NumberFormat([],{maximumFractionDigits:2}),qr=()=>{const{gray100:n}=vn();return{color:n}};function Dp({active:n,payload:a,label:t}){var i;const{color:l}=qr();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?Ip.format(r):"--";return s(En,{children:[e(F,{weight:"heavy",size:"S",children:`${Ye(new Date(t))}`}),e(
|
|
1120
|
+
`}}}();jr.hash="1e843d6c8dbe05b389b24188c6bdb394";const Ip=new Intl.NumberFormat([],{maximumFractionDigits:2}),qr=()=>{const{gray100:n}=vn();return{color:n}};function Dp({active:n,payload:a,label:t}){var i;const{color:l}=qr();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?Ip.format(r):"--";return s(En,{children:[e(F,{weight:"heavy",size:"S",children:`${Ye(new Date(t))}`}),e(we,{color:l,name:"% Empty",value:o})]})}return null}function Pp({dimensionId:n}){var c;const{timeRange:a}=bn(),t=pa(a),i=((c=L.useLazyLoadQuery(jr,{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=ya({samplingIntervalMinutes:t.samplingIntervalMinutes}),{color:o}=qr();return e(Mn,{width:"100%",height:"100%",children:s(Aa,{data:i,margin:Na,syncId:"dimensionDetails",children:[e("defs",{children:s("linearGradient",{id:"percentEmptyColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:o,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:o,stopOpacity:0})]})}),e(An,{...fa,tickFormatter:d=>r(new Date(d))}),e(nn,{stroke:"var(--ac-global-color-grey-500)",label:{value:"% Empty",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(Nn,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(zn,{content:e(Dp,{})}),e(Wi,{type:"monotone",dataKey:"value",stroke:o,fillOpacity:1,fill:"url(#percentEmptyColorUv)"})]})})}const Ur=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}}();Ur.hash="c306c8eafb1d34be464d3a658d5f94a7";function Lp(n){const a=L.useFragment(Ur,n.dimension);return e("ul",{css:v`
|
|
1121
1121
|
display: flex;
|
|
1122
1122
|
flex-direction: column;
|
|
1123
1123
|
gap: var(--ac-global-dimension-static-size-50);
|
|
@@ -1167,7 +1167,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
1167
1167
|
}
|
|
1168
1168
|
}
|
|
1169
1169
|
}
|
|
1170
|
-
`}}}();Br.hash="134f0dad0e0ecc7863dfbb0f437d829b";const _p=zt("~s");var Hr=(n=>(n.p99_p01="p99_p01",n.p75_p25="p75_p25",n.p50="p50",n))(Hr||{});const Ep=new Intl.NumberFormat([],{maximumFractionDigits:2});function va(n){return typeof n=="number"?Ep.format(n):"--"}const Gr=()=>{const n=vn();return{outerColor:n.gray500,innerColor:n.gray300,lineColor:n.default}};function wp({active:n,payload:a,label:t}){const{outerColor:l,innerColor:i,lineColor:r}=Gr();if(n&&a&&a.length){const o=a[0].payload;return s(En,{children:[e(F,{weight:"heavy",size:"S",children:`${Ye(new Date(t))}`}),e(
|
|
1170
|
+
`}}}();Br.hash="134f0dad0e0ecc7863dfbb0f437d829b";const _p=zt("~s");var Hr=(n=>(n.p99_p01="p99_p01",n.p75_p25="p75_p25",n.p50="p50",n))(Hr||{});const Ep=new Intl.NumberFormat([],{maximumFractionDigits:2});function va(n){return typeof n=="number"?Ep.format(n):"--"}const Gr=()=>{const n=vn();return{outerColor:n.gray500,innerColor:n.gray300,lineColor:n.default}};function wp({active:n,payload:a,label:t}){const{outerColor:l,innerColor:i,lineColor:r}=Gr();if(n&&a&&a.length){const o=a[0].payload;return s(En,{children:[e(F,{weight:"heavy",size:"S",children:`${Ye(new Date(t))}`}),e(we,{color:l,name:"p99",value:va(o.p99_p01[0])}),e(we,{color:i,name:"p75",value:va(o.p75_p25[0])}),e(we,{color:r,name:"p50",value:va(o.p50)}),e(we,{color:i,name:"p25",value:va(o.p75_p25[1])}),e(we,{color:l,name:"p01",value:va(o.p99_p01[1])})]})}return null}function Rp({dimensionId:n}){var P,w,S,x,_;const{timeRange:a}=bn(),t=pa(a),l=L.useLazyLoadQuery(Br,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:t}),i=((P=l.dimension.p99TimeSeries)==null?void 0:P.data.map(E=>E))||[],r=((w=l.dimension.p01TimeSeries)==null?void 0:w.data.map(E=>E))||[],o=((S=l.dimension.p75TimeSeries)==null?void 0:S.data.map(E=>E))||[],c=((x=l.dimension.p25TimeSeries)==null?void 0:x.data.map(E=>E))||[],d=((_=l.dimension.p50TimeSeries)==null?void 0:_.data.map(E=>E))||[],m=i.map((E,O)=>({timestamp:new Date(E.timestamp).valueOf(),p99_p01:[E.value,r[O].value],p75_p25:[o[O].value,c[O].value],p50:d[O].value})),f=ya({samplingIntervalMinutes:t.samplingIntervalMinutes}),[g,y]=u.useState(Object.keys(Hr).reduce((E,O)=>(E[O]=!1,E),{})),p=E=>{g[E.dataKey]||y({...g})},h=()=>{y({...g})},b=E=>{y({...g,[String(E.dataKey)]:!g[E.dataKey]})},{outerColor:K,innerColor:T,lineColor:I}=Gr();return e(Mn,{width:"100%",height:"100%",children:s(Aa,{data:m,margin:Na,syncId:"dimensionDetails",children:[s("defs",{children:[s("linearGradient",{id:"p99_p01ColorUV",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"10%",stopColor:K,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:K,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:K,stopOpacity:.7})]}),s("linearGradient",{id:"p75_p25ColorUV",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"10%",stopColor:T,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:T,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:T,stopOpacity:.7})]})]}),e(An,{...fa,tickFormatter:E=>f(new Date(E))}),e(nn,{stroke:"var(--ac-global-color-grey-500)",label:{value:"Value",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},tickFormatter:E=>_p(E),style:{fill:"var(--ac-global-text-color-700)"}}),e(Nn,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(zn,{content:e(wp,{})}),e(nm,{onClick:b,onMouseOver:p,onMouseOut:h}),e(La,{type:"monotone",dataKey:"p99_p01",name:"p99 - p01",fillOpacity:1,fill:"url(#p99_p01ColorUV)",stroke:K,hide:g.p99_p01===!0}),e(La,{type:"monotone",dataKey:"p75_p25",name:"p75 - p25",fillOpacity:1,stroke:T,fill:"url(#p75_p25ColorUV)",hide:g.p75_p25===!0}),e(Wi,{type:"monotone",dataKey:"p50",stroke:I,hide:g.p50===!0})]})})}const Wr=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}}();Wr.hash="8cef9841e9a5bd7d0d50acb5db9028b0";const Mp=zt(".2f"),Jr=()=>{const{primary:n}=vn();return{color:n}};function Ap({active:n,payload:a,label:t}){var i;const{color:l}=Jr();if(n&&a&&a.length){const r=(i=a[0])==null?void 0:i.value;return e(En,{children:e(we,{color:l,shape:"square",name:t,value:r!=null?`${Mp(r)}%`:"--"})})}return null}function Np(n){const a=L.useFragment(Wr,n.dimension),t=u.useMemo(()=>{var o,c,d;const i=((o=a.segmentsComparison)==null?void 0:o.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=vi(m.bin),y=f/r*100;return{name:g,percent:y}})},[a]),{color:l}=Jr();return e(Mn,{children:s(ll,{data:t,margin:{top:25,right:18,left:18,bottom:5},children:[e("defs",{children:s("linearGradient",{id:"dimensionSegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:l,stopOpacity:1}),e("stop",{offset:"95%",stopColor:l,stopOpacity:.5})]})}),e(An,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(nn,{stroke:"var(--ac-global-color-grey-500)",label:{value:"% Volume",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(Nn,{strokeDasharray:"4 4",stroke:"var(--ac-global-color-grey-500)",strokeOpacity:.5}),e(zn,{...Zt,content:e(Ap,{})}),e(oa,{dataKey:"percent",fill:"url(#dimensionSegmentsBarColor)",spacing:15})]})})}function H1(){const{dimensionId:n}=Oe(),{timeRange:a}=bn(),t=Dn(),{referenceInferences:l}=an(),i=l!==null,r=i,o=t.dimension.shape!=="continuous",c=t.dimension.dataType==="numeric",d=Y(),m=L.useLazyLoadQuery(Lr,{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(Si,{initialTimestamp:new Date(a.end),children:e(ee,{type:"slideOver",isDismissable:!0,onDismiss:()=>d(-1),children:e(J,{size:"L",title:t.dimension.name,children:e("main",{css:v`
|
|
1171
1171
|
padding: var(--ac-global-dimension-static-size-100);
|
|
1172
1172
|
display: flex;
|
|
1173
1173
|
flex-direction: column;
|
|
@@ -1319,7 +1319,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
1319
1319
|
annotatorKind
|
|
1320
1320
|
}
|
|
1321
1321
|
}
|
|
1322
|
-
`}}}();Yr.hash="61b3b53936cae27a4193ff07fac1cc9f";function Ml(n){return Array.isArray(n)&&n.every(a=>typeof a=="object"&&de.message in a&&zp(a[de.message]))}function zp(n){return typeof n=="object"&&n!==null&&
|
|
1322
|
+
`}}}();Yr.hash="61b3b53936cae27a4193ff07fac1cc9f";function Ml(n){return Array.isArray(n)&&n.every(a=>typeof a=="object"&&de.message in a&&zp(a[de.message]))}function zp(n){return typeof n=="object"&&n!==null&&_e.role in n}const Tt=v`
|
|
1323
1323
|
display: flex;
|
|
1324
1324
|
align-items: center;
|
|
1325
1325
|
.ac-text {
|
|
@@ -1329,7 +1329,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
1329
1329
|
overflow: hidden;
|
|
1330
1330
|
text-overflow: ellipsis;
|
|
1331
1331
|
}
|
|
1332
|
-
`;function Qe(n){const{name:a,metric:t,k:l,score:i}=n,r=typeof l=="number"?`${t}@${l}`:t,o=u.useMemo(()=>t==="hit"?i?"true":"false":typeof i=="number"&&Kn(i)||"--",[i,t]);return s(ue,{delay:500,offset:3,children:[e(
|
|
1332
|
+
`;function Qe(n){const{name:a,metric:t,k:l,score:i}=n,r=typeof l=="number"?`${t}@${l}`:t,o=u.useMemo(()=>t==="hit"?i?"true":"false":typeof i=="number"&&Kn(i)||"--",[i,t]);return s(ue,{delay:500,offset:3,children:[e(Re,{children:e("div",{css:eu,children:s(k,{direction:"row",gap:"size-100",alignItems:"center",children:[e(nu,{color:"var(--ac-global-color-seafoam-1000)"}),a?e("div",{css:Tt,children:e(F,{weight:"heavy",size:"XS",color:"inherit",children:a})}):null,e("div",{css:Tt,children:e(F,{size:"XS",color:"inherit",children:r})}),e("div",{css:Tt,children:e(F,{size:"XS",children:o})})]})})}),e(Xn,{children:s(k,{direction:"row",gap:"size-100",children:[s(F,{weight:"heavy",color:"inherit",children:[a," ",r]}),e(F,{color:"inherit",children:o})]})})]})}const es=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanAsideSpanQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"SpanAside_span"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanAsideSpanQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[{alias:"code",args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"878027b90513af8f947e6aa408450057",id:null,metadata:{},name:"SpanAsideSpanQuery",operationKind:"query",text:`query SpanAsideSpanQuery(
|
|
1333
1333
|
$id: GlobalID!
|
|
1334
1334
|
) {
|
|
1335
1335
|
node(id: $id) {
|
|
@@ -1369,7 +1369,7 @@ fragment SpanAside_span on Span {
|
|
|
1369
1369
|
padding-right: 10px;
|
|
1370
1370
|
}
|
|
1371
1371
|
}
|
|
1372
|
-
`,children:s(Wn,{placement:"bottom right",children:[e(Ot,{addonBefore:e(D,{svg:e(tt,{})}),children:"Code"}),e(Ya,{children:e(C,{padding:"size-200",children:s(
|
|
1372
|
+
`,children:s(Wn,{placement:"bottom right",children:[e(Ot,{addonBefore:e(D,{svg:e(tt,{})}),children:"Code"}),e(Ya,{children:e(C,{padding:"size-200",children:s(Me,{children:[s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(ae,{label:"Span ID",isReadOnly:!0,value:a}),e(re,{text:a,size:"M"})]}),s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(ae,{label:"Trace ID",isReadOnly:!0,value:t}),e(re,{text:t,size:"M"})]})]})})})]})})}const as={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:"id",storageKey:null},{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};as.hash="6cde9ca22bfc99084304e3e817be01dc";function Qp(){const[n,a]=u.useState(null);return s(C,{padding:"size-200",children:[s(k,{direction:"column",gap:"size-100",alignItems:"center",children:[e(at,{graphicKey:"documents"}),e(F,{children:"No annotations for this span"}),e(N,{variant:"default",size:"S",onPress:()=>{a(e(J,{title:"Span Annotations",isDismissable:!0,children:s(C,{padding:"size-200",children:[e("p",{css:v`
|
|
1373
1373
|
margin: 0 0 var(--ac-global-dimension-size-100) 0;
|
|
1374
1374
|
`,children:"Annotations are pivotal for tracking and improving the performance of your application. Phoenix allows for both LLM and HUMAN annotations."}),e(Ge,{href:"https://docs.arize.com/phoenix/tracing/concepts-tracing/how-to-evaluate-traces",children:"View annotation documentation"})]})}))},icon:e(D,{svg:e(Fi,{})}),children:"How to Annotate"})]}),e(ee,{onDismiss:()=>a(null),isDismissable:!0,children:n})]})}const jp=[{header:"name",accessorKey:"name",size:100},{header:"label",accessorKey:"label",size:100},{header:"score",accessorKey:"score",size:100},{header:"explanation",accessorKey:"explanation",cell:au,size:400}];function Al({annotations:n}){const a=u.useMemo(()=>[...n],[n]),t=Ke({columns:jp,data:a,getCoreRowModel:Te()}),i=t.getRowModel().rows.length===0;return s("table",{css:tn,children:[e("thead",{children:t.getHeaderGroups().map(r=>e("tr",{children:r.headers.map(o=>e("th",{colSpan:o.colSpan,children:o.isPlaceholder?null:e(B,{children:W(o.column.columnDef.header,o.getContext())})},o.id))},r.id))}),i?e(sn,{}):e("tbody",{children:t.getRowModel().rows.map(r=>e("tr",{children:r.getVisibleCells().map(o=>e("td",{style:{width:o.column.getSize()},children:W(o.column.columnDef.cell,o.getContext())},o.id))},r.id))})]})}function qp({span:n}){const a=L.useFragment(as,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?s(yn,{defaultExpandedKeys:["evaluations","human"],children:[s(ke,{id:"evaluations",children:[e(be,{children:"Evaluations"}),e(Se,{children:e(Al,{annotations:l})})]}),s(ke,{id:"human",children:[e(be,{children:"Human Annotations"}),e(Se,{children:e(Al,{annotations:t})})]})]}):e(Qp,{})}function Up(n){return n==="__REDACTED__"}const Bp=v`
|
|
1375
1375
|
position: relative;
|
|
@@ -1435,7 +1435,7 @@ fragment SpanAside_span on Span {
|
|
|
1435
1435
|
id
|
|
1436
1436
|
}
|
|
1437
1437
|
}
|
|
1438
|
-
`}}}();ls.hash="647a1865dacf40ce9bbb255b572a9a68";const xt={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function Wp({spanId:n,onCompleted:a}){const[t,l]=u.useState(null),i=L.useLazyLoadQuery(ls,{spanId:n},{fetchPolicy:"store-and-network"}),{span:{revision:r}}=i,[o,c]=L.useMutation(ts),{control:d,setError:m,handleSubmit:f,formState:{isValid:g}}=Be({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),!un(p==null?void 0:p.input))return m("input",{message:"Input must be a valid JSON object"});if(!un(p==null?void 0:p.output))return m("output",{message:"Output must be a valid JSON object"});if(!un(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"});o({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:h=>{const b=
|
|
1438
|
+
`}}}();ls.hash="647a1865dacf40ce9bbb255b572a9a68";const xt={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function Wp({spanId:n,onCompleted:a}){const[t,l]=u.useState(null),i=L.useLazyLoadQuery(ls,{spanId:n},{fetchPolicy:"store-and-network"}),{span:{revision:r}}=i,[o,c]=L.useMutation(ts),{control:d,setError:m,handleSubmit:f,formState:{isValid:g}}=Be({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),!un(p==null?void 0:p.input))return m("input",{message:"Input must be a valid JSON object"});if(!un(p==null?void 0:p.output))return m("output",{message:"Output must be a valid JSON object"});if(!un(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"});o({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:h=>{const b=Le(h);l((b==null?void 0:b[0])??h.message)}})},[o,m,n,a]);return e(J,{size:"fullscreen",title:"Add Example to Dataset",extra:e(N,{variant:"primary",size:"S",isDisabled:!g||c,onPress:()=>f(y)(),icon:e(D,{svg:c?e(He,{}):e(qa,{})}),children:"Add Example"}),children:e("div",{css:v`
|
|
1439
1439
|
overflow-y: auto;
|
|
1440
1440
|
padding: var(--ac-global-dimension-size-400);
|
|
1441
1441
|
/* Make widths configurable */
|
|
@@ -1446,7 +1446,7 @@ fragment SpanAside_span on Span {
|
|
|
1446
1446
|
width: 100%;
|
|
1447
1447
|
}
|
|
1448
1448
|
}
|
|
1449
|
-
`,children:e(k,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(k,{direction:"column",gap:"size-200",children:[t?e(ce,{variant:"danger",children:t}):null,e(G,{control:d,name:"datasetId",render:({field:{onChange:p,onBlur:h},fieldState:{invalid:b,error:K}})=>s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Ki,{onSelectionChange:p,onBlur:h,validationState:b?"invalid":"valid",errorMessage:K==null?void 0:K.message,label:"Dataset"}),e(lu,{})]})}),e(G,{control:d,name:"input",render:({field:{onChange:p,onBlur:h,value:b},fieldState:{invalid:K,error:T}})=>s(j,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...xt,children:[K?e(ce,{variant:"danger",banner:!0,children:T==null?void 0:T.message}):null,e(ze,{value:b,onChange:p,onBlur:h})]})}),e(G,{control:d,name:"output",render:({field:{onChange:p,onBlur:h,value:b},fieldState:{invalid:K,error:T}})=>s(j,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...xt,backgroundColor:"green-100",borderColor:"green-700",children:[K?e(ce,{variant:"danger",banner:!0,children:T==null?void 0:T.message}):null,e(ze,{value:b,onChange:p,onBlur:h})]})}),e(G,{control:d,name:"metadata",render:({field:{onChange:p,onBlur:h,value:b},fieldState:{invalid:K,error:T}})=>s(j,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...xt,children:[K?e(ce,{variant:"danger",banner:!0,children:T==null?void 0:T.message}):null,e(ze,{value:b,onChange:p,onBlur:h})]})})]})})})})})}const Jp=n=>u.useMemo(()=>
|
|
1449
|
+
`,children:e(k,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(k,{direction:"column",gap:"size-200",children:[t?e(ce,{variant:"danger",children:t}):null,e(G,{control:d,name:"datasetId",render:({field:{onChange:p,onBlur:h},fieldState:{invalid:b,error:K}})=>s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Ki,{onSelectionChange:p,onBlur:h,validationState:b?"invalid":"valid",errorMessage:K==null?void 0:K.message,label:"Dataset"}),e(lu,{})]})}),e(G,{control:d,name:"input",render:({field:{onChange:p,onBlur:h,value:b},fieldState:{invalid:K,error:T}})=>s(j,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...xt,children:[K?e(ce,{variant:"danger",banner:!0,children:T==null?void 0:T.message}):null,e(ze,{value:b,onChange:p,onBlur:h})]})}),e(G,{control:d,name:"output",render:({field:{onChange:p,onBlur:h,value:b},fieldState:{invalid:K,error:T}})=>s(j,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...xt,backgroundColor:"green-100",borderColor:"green-700",children:[K?e(ce,{variant:"danger",banner:!0,children:T==null?void 0:T.message}):null,e(ze,{value:b,onChange:p,onBlur:h})]})}),e(G,{control:d,name:"metadata",render:({field:{onChange:p,onBlur:h,value:b},fieldState:{invalid:K,error:T}})=>s(j,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...xt,children:[K?e(ce,{variant:"danger",banner:!0,children:T==null?void 0:T.message}):null,e(ze,{value:b,onChange:p,onBlur:h})]})})]})})})})})}const Jp=n=>u.useMemo(()=>xe(n),[n]),Zp=n=>n.events.some(a=>a.name==="exception"),ge={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0};function Xp({spanNodeId:n,projectId:a}){const t=Y(),{span:l}=L.useLazyLoadQuery(Yr,{spanId:n});if(l.__typename!=="Span")throw new Error("Expected a span, but got a different type"+l.__typename);const i=u.useMemo(()=>Zp(l),[l]),r=$e(c=>c.showSpanAside),o=$e(c=>c.setShowSpanAside);return s(k,{direction:"column",flex:"1 1 auto",height:"100%",children:[e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-150",paddingEnd:"size-200",flex:"none",children:s(k,{direction:"row",gap:"size-200",alignItems:"center",children:[s(k,{direction:"row",gap:"size-100",width:"100%",height:"100%",alignItems:"center",children:[e(Xt,{spanKind:l.spanKind}),e(F,{children:l.name})]}),s(k,{flex:"none",direction:"row",alignItems:"center",gap:"size-100",children:[e(N,{variant:"default",icon:e(D,{svg:e(ma,{})}),isDisabled:l.spanKind!=="llm",onPress:()=>{t(`/playground/spans/${l.id}`)},children:"Playground"}),e(Op,{traceId:l.context.traceId,spanId:l.context.spanId}),e(ny,{span:l}),e(yr,{spanNodeId:l.id,projectId:a}),s(ue,{placement:"top",offset:5,children:[e(N,{variant:"default","aria-label":"Toggle showing span details",onPress:()=>{o(!r)},icon:e(D,{svg:r?e(iu,{}):e(ru,{})})}),e(Pe,{children:r?"Hide Span Details":"Show Span Details"})]})]})]})}),s(qe,{children:[e(ne,{name:"Info",children:s(k,{direction:"row",height:"100%",children:[e(ey,{children:e(Ht,{children:e(ay,{span:l})})}),r?e($p,{span:l}):null]})}),e(ne,{name:"Feedback",extra:e(Xe,{variant:"light",children:l.spanAnnotations.length}),children:c=>c?e(qp,{span:l}):null}),e(ne,{name:"Attributes",title:"Attributes",children:e(C,{padding:"size-200",children:e(j,{title:"All Attributes",...ge,titleExtra:ss,extra:e(re,{text:l.attributes}),children:e(In,{children:l.attributes})})})}),e(ne,{name:"Events",extra:e(Xe,{variant:i?"danger":"light",children:l.events.length}),children:e(by,{events:l.events})})]})]})}const Yp=v`
|
|
1450
1450
|
flex: 1 1 auto;
|
|
1451
1451
|
overflow-y: auto;
|
|
1452
1452
|
// Overflow fails to take into account padding
|
|
@@ -1455,7 +1455,7 @@ fragment SpanAside_span on Span {
|
|
|
1455
1455
|
display: block;
|
|
1456
1456
|
height: var(--ac-global-dimension-static-size-400);
|
|
1457
1457
|
}
|
|
1458
|
-
`;function ey({children:n}){return e("div",{css:Yp,"data-testid":"span-info-wrap",children:n})}function ny({span:n}){const[a,t]=u.useState(null),l=
|
|
1458
|
+
`;function ey({children:n}){return e("div",{css:Yp,"data-testid":"span-info-wrap",children:n})}function ny({span:n}){const[a,t]=u.useState(null),l=Ie(),i=Y(),r=u.useCallback(()=>{t(e(Wp,{spanId:n.id,onCompleted:o=>{t(null),l({title:"Span Added to Dataset",message:"Successfully added span to dataset",action:{text:"View Dataset",onClick:()=>{i(`/datasets/${o}/examples`)}}})}}))},[n.id,l,i]);return s(B,{children:[e(N,{variant:"default",icon:e(D,{svg:e(Ut,{})}),onPress:r,children:"Add to Dataset"}),e(u.Suspense,{children:e(ee,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(null),children:a})})]})}function ay({span:n}){const{spanKind:a,attributes:t}=n,{json:l,parseError:i}=Jp(t),r=u.useMemo(()=>n.statusMessage?e(ce,{variant:"danger",title:"Status Description",children:n.statusMessage}):null,[n]);if(i||!l)return e(C,{padding:"size-200",children:s(k,{direction:"column",gap:"size-200",children:[r,e(ce,{variant:"warning",title:"Un-parsable attributes",children:`Failed to parse span attributes. ${i instanceof Error?i.message:""}`}),e(j,{...ge,title:"Attributes",children:e(C,{padding:"size-100",children:t})})]})});let o;switch(a){case"llm":{o=e(ty,{span:n,spanAttributes:l});break}case"retriever":{o=e(ly,{span:n,spanAttributes:l});break}case"reranker":{o=e(iy,{span:n,spanAttributes:l});break}case"embedding":{o=e(ry,{span:n,spanAttributes:l});break}case"tool":{o=e(sy,{span:n,spanAttributes:l});break}default:o=e(is,{span:n})}return e(C,{padding:"size-200",children:s(k,{direction:"column",gap:"size-200",children:[r,o,l!=null&&l.metadata?e(j,{...ge,title:"Metadata",children:e(In,{children:JSON.stringify(l.metadata)})}):null]})})}function ty(n){const{spanAttributes:a,span:t}=n,{input:l,output:i}=t,r=u.useMemo(()=>a[de.llm]||null,[a]),o=u.useMemo(()=>{if(r==null)return null;const _=r[Ee.model_name];return typeof _=="string"?_:null},[r]),c=u.useMemo(()=>{if(r==null)return[];const _=r[Ee.input_messages];return Ml(_)?(_==null?void 0:_.map(E=>E[de.message]).filter(Boolean))||[]:[]},[r]),d=u.useMemo(()=>{if(r==null)return[];const _=r[Ee.tools];return Array.isArray(_)?_==null?void 0:_.map(O=>O[de.tool]).filter(Boolean):[]},[r]),m=u.useMemo(()=>d.reduce((_,E)=>(E!=null&&E.json_schema&&_.push(E.json_schema),_),[]),[d]),f=u.useMemo(()=>{if(r==null)return[];const _=r[Ee.output_messages];return Ml(_)?_.map(E=>E[de.message]).filter(Boolean)||[]:[]},[r]),g=u.useMemo(()=>{if(r==null)return[];const _=r[Ee.prompts];return ou(_)?_:[]},[r]),y=u.useMemo(()=>{if(r==null)return null;const _=r[Ee.prompt_template];return _??null},[r]),p=u.useMemo(()=>r==null?"{}":r[Ee.invocation_parameters]||"{}",[r]),h=u.useMemo(()=>o==null?null:s(k,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Yt,{spanKind:"llm"}),e(F,{size:"M",weight:"heavy",children:o})]}),[o]),b=l!=null&&l.value!=null,K=c.length>0,T=m.length>0,I=i!=null&&i.value!=null,P=f.length>0,w=g.length>0,S=Object.keys(xe(p).json||{}).length>0,x=y!=null;return s(k,{direction:"column",gap:"size-200",children:[e(j,{collapsible:!0,backgroundColor:"light",borderColor:"light",bodyStyle:{padding:0},titleSeparator:!1,variant:"compact",title:h,children:s(qe,{children:[K?e(ne,{name:"Input Messages",hidden:!K,children:e(Nl,{messages:c})}):null,T?e(ne,{name:"Tools",hidden:!T,children:e(uy,{toolSchemas:m})}):null,b?e(ne,{name:"Input",hidden:!b,children:e(C,{padding:"size-200",children:e(Ue,{children:e(j,{...ge,title:"LLM Input",extra:s(k,{direction:"row",gap:"size-100",children:[e(en,{}),e(re,{text:l.value})]}),children:e(fn,{...l})})})})}):null,x?e(ne,{name:"Prompt Template",hidden:!x,children:e(C,{padding:"size-200",children:s(k,{direction:"column",gap:"size-100",children:[e(C,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:s(Ha,{text:y.template,children:[e(F,{color:"text-700",fontStyle:"italic",children:"prompt template"}),e(rs,{children:y.template})]})}),e(C,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:s(Ha,{text:JSON.stringify(y.variables),children:[e(F,{color:"text-700",fontStyle:"italic",children:"template variables"}),e(In,{children:JSON.stringify(y.variables)})]})})]})})}):null,e(ne,{name:"Prompts",hidden:!w,children:e(my,{prompts:g})}),e(ne,{name:"Invocation Params",hidden:!S,children:e(Ha,{text:p,padding:"size-100",children:e(In,{children:p})})})]})}),I||P?e($t,{...ge,children:s(qe,{children:[P?e(ne,{name:"Output Messages",hidden:!P,children:e(Nl,{messages:f})}):null,I?e(ne,{name:"Output",hidden:!I,children:e(C,{padding:"size-200",children:e(Ue,{children:e(j,{...ge,title:"LLM Output",extra:s(k,{direction:"row",gap:"size-100",children:[e(en,{}),e(re,{text:i.value})]}),children:e(fn,{...i})})})})}):null]})}):null]})}function ly(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[Md.documents])==null?void 0:f.map(g=>g[de.document]).filter(Boolean))||[]},[i]),o=u.useMemo(()=>t.documentEvaluations.reduce((g,y)=>{const p=y.documentPosition,h=g[p]||[];return{...g,[p]:[...h,y]}},{}),[t.documentEvaluations]),c=l!=null&&l.value!=null,d=r.length>0,m=t.documentRetrievalMetrics.length>0;return s(k,{direction:"column",gap:"size-200",children:[c?e(Ue,{children:e(j,{title:"Input",...ge,extra:s(k,{direction:"row",gap:"size-100",children:[e(en,{}),e(re,{text:l.value})]}),children:e(fn,{...l})})}):null,d?e(Ue,{children:e(j,{title:"Documents",...ge,titleExtra:m&&e(k,{direction:"row",alignItems:"center",gap:"size-100",children:t.documentRetrievalMetrics.map(f=>s(B,{children:[e(Qe,{name:f.evaluationName,metric:"ndcg",score:f.ndcg},"ndcg"),e(Qe,{name:f.evaluationName,metric:"precision",score:f.precision},"precision"),e(Qe,{name:f.evaluationName,metric:"hit",score:f.hit},"hit")]}))}),extra:e(en,{}),children:e("ul",{css:v`
|
|
1459
1459
|
display: flex;
|
|
1460
1460
|
flex-direction: column;
|
|
1461
1461
|
gap: var(--ac-global-dimension-static-size-200);
|
|
@@ -1478,13 +1478,13 @@ fragment SpanAside_span on Span {
|
|
|
1478
1478
|
--ac-global-dimension-static-size-100
|
|
1479
1479
|
);
|
|
1480
1480
|
margin-bottom: 0;
|
|
1481
|
-
`,children:d.explanation})]})})},m)})})]})})]})})}function dy({message:n}){var c;const a=n[
|
|
1481
|
+
`,children:d.explanation})]})})},m)})})]})})]})})}function dy({message:n}){var c;const a=n[_e.content],t=n[_e.contents],l=((c=n[_e.tool_calls])==null?void 0:c.map(d=>d[de.tool_call]).filter(Boolean))||[],i=n[_e.function_call_arguments_json]&&n[_e.function_call_name],r=n[_e.role]||"unknown",o=gt(r);return e(Ue,{children:s(j,{...ge,...o,title:r+(n[_e.name]?`: ${n[_e.name]}`:""),extra:s(k,{direction:"row",gap:"size-100",children:[e(en,{}),e(re,{text:a||JSON.stringify(n)})]}),children:[e(Ht,{children:t?e(py,{messageContents:t}):null}),s(k,{direction:"column",alignItems:"start",children:[a?e(ha,{children:a}):null,l.length>0?l.map((d,m)=>{var g,y,p;const f=xe((g=d==null?void 0:d.function)==null?void 0:g.arguments);return s("pre",{css:v`
|
|
1482
1482
|
text-wrap: wrap;
|
|
1483
1483
|
margin: var(--ac-global-dimension-static-size-100) 0;
|
|
1484
|
-
`,children:[(
|
|
1484
|
+
`,children:[(y=d==null?void 0:d.function)==null?void 0:y.name,"(",f.json?JSON.stringify(f.json,null,2):`${(p=d==null?void 0:d.function)==null?void 0:p.arguments}`,")"]},m)}):null,i?s("pre",{css:v`
|
|
1485
1485
|
text-wrap: wrap;
|
|
1486
1486
|
margin: var(--ac-global-dimension-static-size-100) 0;
|
|
1487
|
-
`,children:[n[
|
|
1487
|
+
`,children:[n[_e.function_call_name],"(",JSON.stringify(JSON.parse(n[_e.function_call_arguments_json]),null,2),")"]}):null]})]})})}function cy({toolSchema:n,index:a}){return e(j,{title:s(k,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Yt,{spanKind:"tool"}),e(F,{weight:"heavy",children:"Tool"})]}),titleExtra:s(Xe,{variant:"light",children:["#",a+1]}),...ge,backgroundColor:"yellow-100",borderColor:"yellow-700",bodyStyle:{padding:0},extra:e(re,{text:n}),children:e(fn,{value:n,mimeType:"json"})})}function Nl({messages:n}){return e("ul",{css:v`
|
|
1488
1488
|
display: flex;
|
|
1489
1489
|
flex-direction: column;
|
|
1490
1490
|
gap: var(--ac-global-dimension-static-size-100);
|
|
@@ -1881,7 +1881,7 @@ fragment AnnotationSummaryValueFragment_4BTVrq on Project {
|
|
|
1881
1881
|
}
|
|
1882
1882
|
id
|
|
1883
1883
|
}
|
|
1884
|
-
`}}}();fs.hash="6a15ba35fe9e1e35aa4c517ab6309a2b";function Ty({annotationName:n}){const{projectId:a}=Oe(),{timeRange:t}=ot(),l=L.useLazyLoadQuery(fs,{annotationName:n,id:a,timeRange:{start:t.start.toISOString(),end:t.end.toISOString()}});return s(k,{direction:"column",flex:"none",children:[e(F,{elementType:"h3",size:"S",color:"text-700",children:n}),e(u.Suspense,{fallback:e(F,{size:"L",children:"--"}),children:e(xy,{annotationName:n,project:l.project})})]})}function xy(n){var p,h;const{project:a,annotationName:t}=n,{fetchKey:l}=ea(),[i,r]=L.useRefetchableFragment(ys,a);u.useEffect(()=>{u.startTransition(()=>{r({},{fetchPolicy:"store-and-network"})})},[l,r]);const o=vn(),d=[Ti(t),o.default,o.gray600,o.gray400,o.gray200],m=(p=i==null?void 0:i.spanAnnotationSummary)==null?void 0:p.meanScore,f=(h=i==null?void 0:i.spanAnnotationSummary)==null?void 0:h.labelFractions,g=typeof m=="number",y=Array.isArray(f)&&f.length>0;return!g&&!y?e(F,{size:"L",children:"--"}):s(ue,{delay:0,placement:"bottom",children:[e(
|
|
1884
|
+
`}}}();fs.hash="6a15ba35fe9e1e35aa4c517ab6309a2b";function Ty({annotationName:n}){const{projectId:a}=Oe(),{timeRange:t}=ot(),l=L.useLazyLoadQuery(fs,{annotationName:n,id:a,timeRange:{start:t.start.toISOString(),end:t.end.toISOString()}});return s(k,{direction:"column",flex:"none",children:[e(F,{elementType:"h3",size:"S",color:"text-700",children:n}),e(u.Suspense,{fallback:e(F,{size:"L",children:"--"}),children:e(xy,{annotationName:n,project:l.project})})]})}function xy(n){var p,h;const{project:a,annotationName:t}=n,{fetchKey:l}=ea(),[i,r]=L.useRefetchableFragment(ys,a);u.useEffect(()=>{u.startTransition(()=>{r({},{fetchPolicy:"store-and-network"})})},[l,r]);const o=vn(),d=[Ti(t),o.default,o.gray600,o.gray400,o.gray200],m=(p=i==null?void 0:i.spanAnnotationSummary)==null?void 0:p.meanScore,f=(h=i==null?void 0:i.spanAnnotationSummary)==null?void 0:h.labelFractions,g=typeof m=="number",y=Array.isArray(f)&&f.length>0;return!g&&!y?e(F,{size:"L",children:"--"}):s(ue,{delay:0,placement:"bottom",children:[e(Re,{children:s(k,{direction:"row",alignItems:"center",gap:"size-50",children:[y?e(am,{width:24,height:24,children:e(tm,{data:f,dataKey:"fraction",nameKey:"label",cx:"50%",cy:"50%",innerRadius:8,outerRadius:11,strokeWidth:0,stroke:"transparent",children:f.map((b,K)=>e(lm,{fill:d[K%d.length]},`cell-${K}`))})}):null,e(F,{size:"L",children:g?Kn(m):"--"})]})}),e(Xn,{children:e(C,{width:"size-2400",children:s(k,{direction:"column",gap:"size-50",children:[y&&e("ul",{children:f.map((b,K)=>e("li",{children:e(we,{color:d[K%d.length],name:b.label,shape:"square",value:xi(b.fraction*100)})},b.label))}),y&&g?e(rt,{}):null,g?s(k,{direction:"row",justifyContent:"space-between",children:[e(F,{children:"mean"}),e(F,{children:Kn(m)})]}):null]})})})]})}const hs=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(
|
|
1885
1885
|
$evaluationName: String!
|
|
1886
1886
|
$timeRange: TimeRange!
|
|
1887
1887
|
$id: GlobalID!
|
|
@@ -1925,7 +1925,7 @@ fragment DocumentEvaluationSummaryValueFragment_1dJL9N on Project {
|
|
|
1925
1925
|
}
|
|
1926
1926
|
id
|
|
1927
1927
|
}
|
|
1928
|
-
`}}}();bs.hash="4d50474ffa9b9e4a68d07f6e0777c144";function Iy({evaluationName:n}){const{projectId:a}=Oe(),{timeRange:t}=ot(),l=L.useLazyLoadQuery(bs,{id:a,evaluationName:n,timeRange:{start:t.start.toISOString(),end:t.end.toISOString()}});return s(k,{direction:"column",flex:"none",children:[e(F,{elementType:"h3",size:"S",color:"text-700",children:n}),e(u.Suspense,{fallback:e(F,{size:"L",children:"--"}),children:e(Dy,{evaluationName:n,project:l==null?void 0:l.project})})]})}function Dy(n){var m,f,g,y;const{project:a}=n,{fetchKey:t}=ea(),[l,i]=L.useRefetchableFragment(ks,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,o=(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 s(ue,{delay:0,placement:"bottom",children:[e(
|
|
1928
|
+
`}}}();bs.hash="4d50474ffa9b9e4a68d07f6e0777c144";function Iy({evaluationName:n}){const{projectId:a}=Oe(),{timeRange:t}=ot(),l=L.useLazyLoadQuery(bs,{id:a,evaluationName:n,timeRange:{start:t.start.toISOString(),end:t.end.toISOString()}});return s(k,{direction:"column",flex:"none",children:[e(F,{elementType:"h3",size:"S",color:"text-700",children:n}),e(u.Suspense,{fallback:e(F,{size:"L",children:"--"}),children:e(Dy,{evaluationName:n,project:l==null?void 0:l.project})})]})}function Dy(n){var m,f,g,y;const{project:a}=n,{fetchKey:t}=ea(),[l,i]=L.useRefetchableFragment(ks,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,o=(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 s(ue,{delay:0,placement:"bottom",children:[e(Re,{children:e(k,{direction:"row",alignItems:"center",gap:"size-50",height:"28px",children:s(B,{children:[e(Qe,{metric:"ndcg",score:r},"ndcg"),e(Qe,{metric:"precision",score:o},"precision"),e(Qe,{metric:"hit rate",score:c},"hit")]})})}),e(Xn,{children:e(C,{width:"size-2400",children:s(k,{direction:"column",children:[s(k,{justifyContent:"space-between",children:[e(F,{children:"average ndcg"}),e(F,{children:typeof r=="number"?Kn(r):"--"})]}),s(k,{justifyContent:"space-between",children:[e(F,{children:"average precision"}),e(F,{children:typeof o=="number"?Kn(o):"--"})]}),s(k,{justifyContent:"space-between",children:[e(F,{children:"mean reciprocal rank"}),e(F,{children:typeof d=="number"?Kn(d):"--"})]}),s(k,{justifyContent:"space-between",children:[e(F,{children:"hit rate"}),e(F,{children:typeof c=="number"?Kn(c):"--"})]})]})})})]})}function Py(n){const{extra:a}=n,{fetchKey:t}=ea(),[l,i]=L.useRefetchableFragment(ms,n.project);u.useEffect(()=>{u.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[t,i]);const r=l==null?void 0:l.latencyMsP50,o=l==null?void 0:l.latencyMsP99,c=l==null?void 0:l.tokenCountTotal,d=l==null?void 0:l.tokenCountPrompt,m=l==null?void 0:l.tokenCountCompletion,f=l==null?void 0:l.spanAnnotationNames,g=l==null?void 0:l.documentEvaluationNames;return e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-200",paddingBottom:"size-50",flex:"none",children:s(k,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e("div",{css:v`
|
|
1929
1929
|
overflow-x: auto;
|
|
1930
1930
|
overflow-y: hidden;
|
|
1931
1931
|
flex: 1 1 auto;
|
|
@@ -1961,7 +1961,7 @@ fragment DocumentEvaluationSummaryValueFragment_1dJL9N on Project {
|
|
|
1961
1961
|
left center,
|
|
1962
1962
|
right center;
|
|
1963
1963
|
background-attachment: local, local, scroll, scroll;
|
|
1964
|
-
`,children:s(k,{direction:"row",gap:"size-400",alignItems:"center",children:[s(k,{direction:"column",flex:"none",children:[e(F,{elementType:"h3",size:"S",color:"text-700",children:"Total Traces"}),e(F,{size:"L",children:qn(l==null?void 0:l.traceCount)})]}),s(k,{direction:"column",flex:"none",children:[e(F,{elementType:"h3",size:"S",color:"text-700",children:"Total Tokens"}),s(ue,{delay:0,placement:"bottom",children:[e(
|
|
1964
|
+
`,children:s(k,{direction:"row",gap:"size-400",alignItems:"center",children:[s(k,{direction:"column",flex:"none",children:[e(F,{elementType:"h3",size:"S",color:"text-700",children:"Total Traces"}),e(F,{size:"L",children:qn(l==null?void 0:l.traceCount)})]}),s(k,{direction:"column",flex:"none",children:[e(F,{elementType:"h3",size:"S",color:"text-700",children:"Total Tokens"}),s(ue,{delay:0,placement:"bottom",children:[e(Re,{children:e(F,{size:"L",children:qn(c)})}),e(Xn,{children:e(C,{width:"size-2400",children:s(k,{direction:"column",children:[s(k,{justifyContent:"space-between",children:[e(F,{children:"Prompt Tokens"}),e(F,{children:typeof d=="number"?vt(d):"--"})]}),s(k,{justifyContent:"space-between",children:[e(F,{children:"Completion Tokens"}),e(F,{children:typeof m=="number"?vt(m):"--"})]}),s(k,{justifyContent:"space-between",children:[e(F,{children:"Total Tokens"}),e(F,{children:typeof c=="number"?vt(c):"--"})]})]})})})]})]}),s(k,{direction:"column",flex:"none",children:[e(F,{elementType:"h3",size:"S",color:"text-700",children:"Latency P50"}),r!=null?e(Fe,{latencyMs:r,size:"L"}):e(F,{size:"L",children:"--"})]}),s(k,{direction:"column",flex:"none",children:[e(F,{elementType:"h3",size:"S",color:"text-700",children:"Latency P99"}),o!=null?e(Fe,{latencyMs:o,size:"L"}):e(F,{size:"L",children:"--"})]}),f.map(y=>e(Ty,{annotationName:y},y)),g.map(y=>e(Iy,{evaluationName:y},`document-${y}`))]})}),e(C,{flex:"none",paddingStart:"size-100",children:a})]})})}const Ss=u.createContext(null);function vs(){const n=u.useContext(Ss);if(n===null)throw new Error("useSessionSubstring must be used within a SessionSubstringProvider");return n}function Ly(n){const[a,t]=u.useState(""),l=u.useCallback(i=>{u.startTransition(()=>{t(i)})},[]);return e(Ss.Provider,{value:{filterIoSubstring:a,setFilterIoSubstring:l},children:n.children})}const Cs=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterIoSubstring"},t={defaultValue:50,kind:"LocalArgument",name:"first"},l={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},r={defaultValue:null,kind:"LocalArgument",name:"timeRange"},o=[{kind:"Variable",name:"id",variableName:"id"}],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"}],h=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}];return{fragment:{argumentDefinitions:[n,a,t,l,i,r],kind:"Fragment",metadata:null,name:"SessionsTableQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[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:o,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:h,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"lastOutput",plural:!1,selections:h,storageKey:null},{alias:null,args:null,concreteType:"TokenUsage",kind:"LinkedField",name:"tokenUsage",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"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(
|
|
1965
1965
|
$after: String = null
|
|
1966
1966
|
$filterIoSubstring: String = null
|
|
1967
1967
|
$first: Int = 50
|
|
@@ -2171,7 +2171,7 @@ await assistant({
|
|
|
2171
2171
|
.ac-dropdown-button {
|
|
2172
2172
|
min-width: var(--ac-global-dimension-static-size-300);
|
|
2173
2173
|
}
|
|
2174
|
-
`,zl=50;function jy(n){const a=u.useRef(null),[t,l]=u.useState([]),{filterIoSubstring:i}=vs(),r=Y(),{fetchKey:o}=ea(),{data:c,loadNext:d,hasNext:m,isLoadingNext:f,refetch:g}=L.usePaginationFragment(Fs,n.project),y=u.useMemo(()=>c.sessions.edges.map(({session:S})=>({...S,tokenCountTotal:S.tokenUsage.total})),[c.sessions]),p=[{header:"session id",accessorKey:"sessionId",enableSorting:!1,cell:pe},{header:"first input",accessorKey:"firstInput.value",enableSorting:!1,cell:pe},{header:"last output",accessorKey:"lastOutput.value",enableSorting:!1,cell:pe},{header:"start time",accessorKey:"startTime",enableSorting:!0,cell:
|
|
2174
|
+
`,zl=50;function jy(n){const a=u.useRef(null),[t,l]=u.useState([]),{filterIoSubstring:i}=vs(),r=Y(),{fetchKey:o}=ea(),{data:c,loadNext:d,hasNext:m,isLoadingNext:f,refetch:g}=L.usePaginationFragment(Fs,n.project),y=u.useMemo(()=>c.sessions.edges.map(({session:S})=>({...S,tokenCountTotal:S.tokenUsage.total})),[c.sessions]),p=[{header:"session id",accessorKey:"sessionId",enableSorting:!1,cell:pe},{header:"first input",accessorKey:"firstInput.value",enableSorting:!1,cell:pe},{header:"last output",accessorKey:"lastOutput.value",enableSorting:!1,cell:pe},{header:"start time",accessorKey:"startTime",enableSorting:!0,cell:Ae},{header:"end time",accessorKey:"endTime",enableSorting:!0,cell:Ae},{header:"p50 latency",accessorKey:"traceLatencyMsP50",enableSorting:!1,cell:({getValue:S})=>{const x=S();return x===null||typeof x!="number"?null:e(Fe,{latencyMs:x})}},{header:"p99 latency",accessorKey:"traceLatencyMsP99",enableSorting:!1,cell:({getValue:S})=>{const x=S();return x===null||typeof x!="number"?null:e(Fe,{latencyMs:x})}},{header:"total tokens",accessorKey:"tokenCountTotal",enableSorting:!0,minSize:80,cell:({row:S,getValue:x})=>{const _=x();if(_==null||typeof _!="number")return"--";const{prompt:E,completion:O}=S.original.tokenUsage;return e(_n,{tokenCountTotal:_,tokenCountPrompt:E||0,tokenCountCompletion:O||0})}},{header:"total traces",accessorKey:"numTraces",enableSorting:!0,cell:Ii}];u.useEffect(()=>{const S=t[0];u.startTransition(()=>{g({sort:S?{col:S.id,dir:S.desc?"desc":"asc"}:{col:"startTime",dir:"desc"},after:null,first:zl,filterIoSubstring:i},{fetchPolicy:"store-and-network"})})},[t,g,i,o]);const h=ve.useCallback(S=>{if(S){const{scrollHeight:x,scrollTop:_,clientHeight:E}=S;x-_-E<300&&!f&&m&&d(zl)}},[m,f,d]),[b,K]=u.useState({}),T=hn(S=>S.columnVisibility),I=Ke({columns:p,data:y,onExpandedChange:K,manualSorting:!0,state:{sorting:t,expanded:b,columnVisibility:T},enableSubRowSelection:!1,onSortingChange:l,getCoreRowModel:Te(),getSortedRowModel:Gn(),getExpandedRowModel:Yl(),getRowId:S=>S.id}),P=I.getRowModel().rows,w=P.length===0;return s("div",{css:cl,children:[e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:e(Ry,{})}),e("div",{css:v`
|
|
2175
2175
|
flex: 1 1 auto;
|
|
2176
2176
|
overflow: auto;
|
|
2177
2177
|
`,onScroll:S=>h(S.target),ref:a,children:s("table",{css:Yn,children:[e("thead",{children:I.getHeaderGroups().map(S=>e("tr",{children:S.headers.map(x=>e("th",{colSpan:x.colSpan,children:x.isPlaceholder?null:s("div",{"data-sortable":x.column.getCanSort(),className:x.column.getCanSort()?"cursor-pointer":"",onClick:x.column.getToggleSortingHandler(),style:{left:x.getStart(),width:x.getSize()},children:[W(x.column.columnDef.header,x.getContext()),x.column.getIsSorted()?e(D,{className:"sort-icon",svg:x.column.getIsSorted()==="asc"?e(rn,{}):e(ln,{})}):null]})},x.id))},S.id))}),w?e(Qy,{}):e("tbody",{children:P.map(S=>e("tr",{onClick:()=>r(`sessions/${encodeURIComponent(S.id)}`),children:S.getVisibleCells().map(x=>e("td",{children:W(x.column.columnDef.cell,x.getContext())},x.id))},S.id))})]})})]})}const Ts=u.createContext(null);function xs(){const n=u.useContext(Ts);if(n===null)throw new Error("useSpanFilterCondition must be used within a SpanFilterConditionProvider");return n}function Vl(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(Ts.Provider,{value:{filterCondition:a,setFilterCondition:l,appendFilterCondition:i},children:n.children})}const Is=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},t={defaultValue:50,kind:"LocalArgument",name:"first"},l={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},r={defaultValue:null,kind:"LocalArgument",name:"timeRange"},o=[{kind:"Variable",name:"id",variableName:"id"}],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},h=[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:o,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:o,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:h,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:h,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(
|
|
@@ -2329,13 +2329,13 @@ fragment SpansTable_spans_1XEuU on Project {
|
|
|
2329
2329
|
margin-right: var(--ac-global-dimension-static-size-100);
|
|
2330
2330
|
color: var(--ac-global-text-color-700);
|
|
2331
2331
|
visibility: ${c!==""?"visible":"hidden"};
|
|
2332
|
-
`,onClick:()=>d(""),className:"button--reset",children:e(D,{svg:e(ct,{})})}),s(Wn,{placement:"bottom right",children:[e(
|
|
2332
|
+
`,onClick:()=>d(""),className:"button--reset",children:e(D,{svg:e(ct,{})})}),s(Wn,{placement:"bottom right",children:[e(Re,{children:e("button",{css:v`
|
|
2333
2333
|
color: var(--ac-global-text-color-700);
|
|
2334
2334
|
background-color: var(--ac-global-color-grey-400);
|
|
2335
2335
|
padding-left: var(--ac-global-dimension-static-size-100);
|
|
2336
2336
|
padding-right: var(--ac-global-dimension-static-size-100);
|
|
2337
2337
|
height: 100%;
|
|
2338
|
-
`,className:"button--reset",children:e(D,{svg:e(on,{})})})}),e(Xy,{onAddFilterConditionSnippet:m})]})]}),s(ue,{isOpen:h&&l,placement:"bottom",children:[e(
|
|
2338
|
+
`,className:"button--reset",children:e(D,{svg:e(on,{})})})}),e(Xy,{onAddFilterConditionSnippet:m})]})]}),s(ue,{isOpen:h&&l,placement:"bottom",children:[e(Re,{children:e("div",{})}),e(Xn,{children:r!=""?e(F,{color:"danger",children:r}):e(F,{color:"success",children:"Valid Expression"})})]})]})}function Xy(n){const{onAddFilterConditionSnippet:a}=n;return e(C,{width:"500px",paddingTop:"size-200",paddingStart:"size-200",paddingEnd:"size-200",borderRadius:"medium",borderWidth:"thin",borderColor:"light",backgroundColor:"light",children:s(Me,{children:[e(Vn,{label:"filter by kind",initialSnippet:"span_kind == 'LLM'",onAddFilterConditionSnippet:a},"kind"),e(Vn,{label:"filter by token count",initialSnippet:"cumulative_token_count.total > 1000",onAddFilterConditionSnippet:a},"token_count"),e(Vn,{label:"filter by annotation label",initialSnippet:"annotations['Hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"annotation_label"),e(Vn,{label:"filter by evaluation label",initialSnippet:"evals['Hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"eval_label"),e(Vn,{label:"filter by evaluation score",initialSnippet:"evals['Hallucination'].score < 1",onAddFilterConditionSnippet:a},"eval_score"),e(Vn,{label:"filter by metadata",initialSnippet:"metadata['topic'] == 'agent'",onAddFilterConditionSnippet:a},"metadata"),e(Vn,{label:"filter by substring",initialSnippet:"'agent' in input.value",onAddFilterConditionSnippet:a},"substring")]})})}function Vn(n){const{initialSnippet:a,onAddFilterConditionSnippet:t}=n,[l,i]=u.useState(a),{theme:r}=Sn(),o=r==="light"?void 0:Rn;return e(Pn,{label:n.label,children:s(k,{direction:"row",width:"100%",gap:"size-100",children:[e("div",{css:v(Ms,v`
|
|
2339
2339
|
flex: 1 1 auto;
|
|
2340
2340
|
`),children:e(wn,{value:l,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[Ma()],editable:!0,onChange:i,theme:o,css:Rs})}),e(N,{"aria-label":"Add to filter condition",variant:"default",onPress:()=>t(l),icon:e(D,{svg:e(on,{})})})]})})}const Ns=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(
|
|
2341
2341
|
$input: AddSpansToDatasetInput!
|
|
@@ -2377,12 +2377,12 @@ fragment DatasetSelectorPopoverContent_datasets on Query {
|
|
|
2377
2377
|
`}};$s.hash="7cd8a13144d97d2b5294f2a09c9e1351";function Yy(n){const{onCreateNewDataset:a,onDatasetSelected:t}=n,[l,i]=u.useState(""),r=L.useLazyLoadQuery($s,{},{fetchPolicy:"network-only"});return s(j,{title:"Add to Dataset",variant:"compact",backgroundColor:"light",borderColor:"light",bodyStyle:{padding:0},extra:e(N,{variant:"default",size:"S",onPress:a,children:"New Dataset"}),children:[e(C,{padding:"size-100",children:e(ae,{type:"search",placeholder:"Search datasets",addonBefore:e(D,{svg:e(dt,{})}),onChange:o=>{i(o)}})}),e(C,{borderTopWidth:"thin",borderColor:"light",children:e("div",{css:v`
|
|
2378
2378
|
height: 400px;
|
|
2379
2379
|
overflow-y: auto;
|
|
2380
|
-
`,children:e(ef,{query:r,search:l,onDatasetSelected:t})})})]})}function ef(n){const{search:a,onDatasetSelected:t}=n,[l]=L.useRefetchableFragment(Vs,n.query),i=u.useMemo(()=>{let o=l.datasets.edges.map(c=>c.dataset);return a&&(o=o.filter(c=>c.name.toLowerCase().includes(a.toLowerCase()))),o},[a,l]);return i.length===0?e(C,{padding:"size-200",children:e(k,{direction:"column",justifyContent:"center",alignItems:"center",flex:"1 1 auto",children:e(F,{children:"No datasets found"})})}):e(et,{selectionMode:"single",onSelectionChange:o=>{if(typeof o=="object"){const c=Array.from(o);t(c[0])}},children:i.map(o=>e(ie,{children:o.name},o.id))})}function Os(n){const a=Y(),[t,l]=u.useState(null),i=
|
|
2380
|
+
`,children:e(ef,{query:r,search:l,onDatasetSelected:t})})})]})}function ef(n){const{search:a,onDatasetSelected:t}=n,[l]=L.useRefetchableFragment(Vs,n.query),i=u.useMemo(()=>{let o=l.datasets.edges.map(c=>c.dataset);return a&&(o=o.filter(c=>c.name.toLowerCase().includes(a.toLowerCase()))),o},[a,l]);return i.length===0?e(C,{padding:"size-200",children:e(k,{direction:"column",justifyContent:"center",alignItems:"center",flex:"1 1 auto",children:e(F,{children:"No datasets found"})})}):e(et,{selectionMode:"single",onSelectionChange:o=>{if(typeof o=="object"){const c=Array.from(o);t(c[0])}},children:i.map(o=>e(ie,{children:o.name},o.id))})}function Os(n){const a=Y(),[t,l]=u.useState(null),i=Ie(),r=Ce(),[o,c]=u.useState(!1),{selectedSpans:d,onClearSelection:m}=n,[f,g]=L.useMutation(Ns),y=d.length!==1,p=u.useCallback(h=>{f({variables:{input:{datasetId:h,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/${h}/examples`)}}}),m()},onError:b=>{const K=Le(b);r({title:"An error occurred",message:`Failed to add spans to dataset: ${(K==null?void 0:K[0])??b.message}`})}})},[f,d,i,y,m,a,r]);return s("div",{css:v`
|
|
2381
2381
|
position: absolute;
|
|
2382
2382
|
bottom: var(--ac-global-dimension-size-400);
|
|
2383
2383
|
left: 50%;
|
|
2384
2384
|
transform: translateX(-50%);
|
|
2385
|
-
`,children:[e(rc,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(hl,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(tc,{children:`${d.length} span${y?"s":""} selected`}),s(hl,{direction:"row",gap:"size-100",children:[e(N,{variant:"default",size:"S",onPress:m,children:"Cancel"}),s(Wn,{placement:"top end",crossOffset:300,isOpen:o,onOpenChange:h=>{c(h)},children:[e(lc,{variant:"primary",size:"compact",icon:e(ic,{svg:g?e(kl.LoadingOutline,{}):e(kl.DatabaseOutline,{})}),isDisabled:g,children:g?"Adding to dataset":"Add to dataset"}),e(u.Suspense,{children:e(Yy,{onDatasetSelected:h=>{p(h),c(!1)},onCreateNewDataset:()=>{c(!1),l(e(J,{title:"New Dataset",isDismissable:!0,onDismiss:()=>l(null),children:e(Li,{onDatasetCreateError:h=>{const b=
|
|
2385
|
+
`,children:[e(rc,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(hl,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(tc,{children:`${d.length} span${y?"s":""} selected`}),s(hl,{direction:"row",gap:"size-100",children:[e(N,{variant:"default",size:"S",onPress:m,children:"Cancel"}),s(Wn,{placement:"top end",crossOffset:300,isOpen:o,onOpenChange:h=>{c(h)},children:[e(lc,{variant:"primary",size:"compact",icon:e(ic,{svg:g?e(kl.LoadingOutline,{}):e(kl.DatabaseOutline,{})}),isDisabled:g,children:g?"Adding to dataset":"Add to dataset"}),e(u.Suspense,{children:e(Yy,{onDatasetSelected:h=>{p(h),c(!1)},onCreateNewDataset:()=>{c(!1),l(e(J,{title:"New Dataset",isDismissable:!0,onDismiss:()=>l(null),children:e(Li,{onDatasetCreateError:h=>{const b=Le(h);r({title:"Dataset creation failed",message:`Failed to create dataset: ${(b==null?void 0:b[0])??h.message}`})},onDatasetCreated:h=>{l(null),i({title:"Dataset created",message:`${h.name} has been successfully created.`}),c(!0)}})}))}})})]})]})]})}),e(ee,{onDismiss:()=>{l(null)},children:t})]})}const _a="annotations",cn=":",Qs={col:"startTime",dir:"desc"};function js(n){let a=null,t=null;if(n.id&&n.id.startsWith(_a)){const[,l,i]=n.id.split(cn);t={attr:l,name:i}}else a=n.id;return{col:a,evalResultKey:t,dir:n.desc?"desc":"asc"}}const $l=50;function nf(n){const{fetchKey:a}=ea(),t=u.useRef(null),[l,i]=u.useState({}),[r,o]=u.useState([]),[c,d]=u.useState(""),m=hn(A=>A.columnVisibility),f=Y(),{data:g,loadNext:y,hasNext:p,isLoadingNext:h,refetch:b}=L.usePaginationFragment(Ds,n.project),K=hn(A=>A.annotationColumnVisibility),T=u.useMemo(()=>Object.keys(K).filter(A=>K[A]),[K]),I=u.useMemo(()=>g.spans.edges.map(({span:Q})=>Q),[g]),P=T.map(A=>({header:A,columns:[{header:"label",accessorKey:`${_a}${cn}label${cn}${A}`,cell:({row:Q})=>{const M=Q.original.spanAnnotations.find(q=>q.name===A);return M?M.label:null}},{header:"score",accessorKey:`${_a}${cn}score${cn}${A}`,cell:({row:Q})=>{const M=Q.original.spanAnnotations.find(q=>q.name===A);return M?M.score:null}}]})),w=[{header:()=>s(k,{direction:"row",gap:"size-50",children:[e("span",{children:"feedback"}),s(ca,{children:[e(se,{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:A})=>s(k,{direction:"row",gap:"size-50",wrap:"wrap",children:[A.original.spanAnnotations.map(Q=>e(ga,{annotation:Q,layout:"horizontal",width:"500px",extra:e(Ps,{annotation:Q}),children:e(kn,{annotation:Q,annotationDisplayPreference:"label"})},Q.name)),A.original.documentRetrievalMetrics.map(Q=>s(B,{children:[e(Qe,{name:Q.evaluationName,metric:"ndcg",score:Q.ndcg},"ndcg"),e(Qe,{name:Q.evaluationName,metric:"precision",score:Q.precision},"precision"),e(Qe,{name:Q.evaluationName,metric:"hit",score:Q.hit},"hit")]}))]})},...P],S=[{id:"select",maxSize:10,header:({table:A})=>e(xn,{checked:A.getIsAllRowsSelected(),indeterminate:A.getIsSomeRowsSelected(),onChange:A.getToggleAllRowsSelectedHandler()}),cell:({row:A})=>e(xn,{checked:A.getIsSelected(),disabled:!A.getCanSelect(),indeterminate:A.getIsSomeSelected(),onChange:A.getToggleSelectedHandler()})},{header:"kind",accessorKey:"spanKind",maxSize:100,enableSorting:!1,cell:({getValue:A})=>e(Xt,{spanKind:A()})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:A,row:Q})=>{const M=Q.original,{traceId:q}=M.context;return e(We,{to:`traces/${q}?selectedSpanNodeId=${M.id}`,children:A()})}},{header:"input",accessorKey:"input.value",cell:pe,enableSorting:!1},{header:"output",accessorKey:"output.value",cell:pe,enableSorting:!1},{header:"metadata",accessorKey:"metadata",cell:pe,enableSorting:!1},...w,{header:"start time",accessorKey:"startTime",cell:Ae},{header:"latency",accessorKey:"latencyMs",cell:({getValue:A})=>{const Q=A();return Q===null||typeof Q!="number"?null:e(Fe,{latencyMs:Q})}},{header:"total tokens",accessorKey:"tokenCountTotal",cell:({row:A,getValue:Q})=>{const M=Q();return M===null?"--":e(_n,{tokenCountTotal:M,tokenCountPrompt:A.original.tokenCountPrompt||0,tokenCountCompletion:A.original.tokenCountCompletion||0})}},{header:"status",accessorKey:"statusCode",enableSorting:!1,cell:({getValue:A})=>e(st,{statusCode:A()})}];u.useEffect(()=>{const A=r[0];u.startTransition(()=>{b({sort:A?js(A):Qs,after:null,first:$l,filterCondition:c},{fetchPolicy:"store-and-network"})})},[r,b,c,a]);const x=u.useCallback(A=>{if(A){const{scrollHeight:Q,scrollTop:M,clientHeight:q}=A;Q-M-q<300&&!h&&p&&y($l)}},[p,h,y]),_=Ke({columns:S,data:I,state:{sorting:r,columnVisibility:m,rowSelection:l},manualSorting:!0,enableRowSelection:!0,onRowSelectionChange:i,onSortingChange:o,getCoreRowModel:Te(),getSortedRowModel:Gn()}),E=_.getRowModel().rows,O=_.getSelectedRowModel().rows,z=O.map(A=>A.original),H=u.useCallback(()=>{i({})},[i]),Z=E.length===0,oe=_.getAllColumns().filter(A=>A.columns.length===0);return s("div",{css:cl,children:[e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:s(k,{direction:"row",gap:"size-100",width:"100%",alignItems:"center",children:[e(As,{onValidCondition:d}),e(Es,{columns:oe,query:g})]})}),e("div",{css:v`
|
|
2386
2386
|
flex: 1 1 auto;
|
|
2387
2387
|
overflow: auto;
|
|
2388
2388
|
`,onScroll:A=>x(A.target),ref:t,children:s("table",{css:Yn,children:[e("thead",{children:_.getHeaderGroups().map(A=>e("tr",{children:A.headers.map(Q=>e("th",{colSpan:Q.colSpan,children:Q.isPlaceholder?null:s("div",{className:Q.column.getCanSort()?"cursor-pointer":"",onClick:Q.column.getToggleSortingHandler(),style:{left:Q.getStart(),width:Q.getSize()},children:[W(Q.column.columnDef.header,Q.getContext()),Q.column.getIsSorted()?e(D,{className:"sort-icon",svg:Q.column.getIsSorted()==="asc"?e(rn,{}):e(ln,{})}):null]})},Q.id))},A.id))}),Z?e(Ls,{projectName:g.name}):e("tbody",{children:E.map(A=>e("tr",{onClick:()=>f(`traces/${A.original.context.traceId}?selectedSpanNodeId=${A.original.id}`),children:A.getVisibleCells().map(Q=>e("td",{children:W(Q.column.columnDef.cell,Q.getContext())},Q.id))},A.id))})]})}),O.length?e(Os,{selectedSpans:z,onClearSelection:H}):null]})}const qs=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(
|
|
@@ -2514,7 +2514,7 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
2514
2514
|
// and paddingLeft to visually indicate the depth
|
|
2515
2515
|
// of the row
|
|
2516
2516
|
padding-left: ${M.row.depth*2}rem;
|
|
2517
|
-
`,children:s(k,{gap:"size-50",children:[M.row.getCanExpand()?e(Kl,{isExpanded:M.row.getIsExpanded(),onClick:M.row.getToggleExpandedHandler(),"aria-label":"Expand row"}):null,e(Xt,{spanKind:M.getValue()})]})})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:M,row:q})=>{const{traceId:te}=q.original.context;return e(We,{to:`traces/${te}?selectedSpanNodeId=${q.original.id}`,children:M()})}},{header:"input",accessorKey:"input.value",enableSorting:!1,cell:pe},{header:"output",accessorKey:"output.value",enableSorting:!1,cell:pe},{header:"metadata",accessorKey:"metadata",enableSorting:!1,cell:pe},...P,{header:"start time",accessorKey:"startTime",cell:
|
|
2517
|
+
`,children:s(k,{gap:"size-50",children:[M.row.getCanExpand()?e(Kl,{isExpanded:M.row.getIsExpanded(),onClick:M.row.getToggleExpandedHandler(),"aria-label":"Expand row"}):null,e(Xt,{spanKind:M.getValue()})]})})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:M,row:q})=>{const{traceId:te}=q.original.context;return e(We,{to:`traces/${te}?selectedSpanNodeId=${q.original.id}`,children:M()})}},{header:"input",accessorKey:"input.value",enableSorting:!1,cell:pe},{header:"output",accessorKey:"output.value",enableSorting:!1,cell:pe},{header:"metadata",accessorKey:"metadata",enableSorting:!1,cell:pe},...P,{header:"start time",accessorKey:"startTime",cell:Ae},{header:"latency",accessorKey:"latencyMs",cell:({getValue:M})=>{const q=M();return q===null||typeof q!="number"?null:e(Fe,{latencyMs:q})}},{header:"total tokens",minSize:80,accessorKey:"cumulativeTokenCountTotal",cell:({row:M,getValue:q})=>{const te=q();return te===null?"--":e(_n,{tokenCountTotal:te,tokenCountPrompt:M.original.cumulativeTokenCountPrompt||0,tokenCountCompletion:M.original.cumulativeTokenCountCompletion||0})}},{header:"status",accessorKey:"statusCode",enableSorting:!1,cell:({getValue:M})=>e(st,{statusCode:M()})}];u.useEffect(()=>{const M=i[0];u.startTransition(()=>{h({sort:M?js(M):Qs,after:null,first:Ol,filterCondition:o},{fetchPolicy:"store-and-network"})})},[i,h,o,m]);const S=ve.useCallback(M=>{if(M){const{scrollHeight:q,scrollTop:te,clientHeight:V}=M;q-te-V<300&&!p&&y&&g(Ol)}},[y,p,g]),[x,_]=u.useState({}),E=hn(M=>M.columnVisibility),O=Ke({columns:w,data:T,onExpandedChange:_,manualSorting:!0,getSubRows:M=>M.children,state:{sorting:i,expanded:x,columnVisibility:E,rowSelection:t},onRowSelectionChange:l,enableSubRowSelection:!1,onSortingChange:r,getCoreRowModel:Te(),getSortedRowModel:Gn(),getExpandedRowModel:Yl(),getRowId:M=>M.id}),z=O.getRowModel().rows,H=O.getSelectedRowModel().flatRows,Z=H.map(M=>M.original),oe=u.useCallback(()=>{l({})},[l]),A=z.length===0,Q=O.getAllColumns().filter(M=>M.columns.length===0);return s("div",{css:cl,children:[e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:s(k,{direction:"row",gap:"size-100",width:"100%",alignItems:"center",children:[e(As,{onValidCondition:c}),e(Es,{columns:Q,query:f})]})}),e("div",{css:v`
|
|
2518
2518
|
flex: 1 1 auto;
|
|
2519
2519
|
overflow: auto;
|
|
2520
2520
|
`,onScroll:M=>S(M.target),ref:a,children:s("table",{css:Yn,children:[e("thead",{children:O.getHeaderGroups().map(M=>e("tr",{children:M.headers.map(q=>e("th",{colSpan:q.colSpan,children:q.isPlaceholder?null:s("div",{"data-sortable":q.column.getCanSort(),className:q.column.getCanSort()?"cursor-pointer":"",onClick:q.column.getToggleSortingHandler(),style:{left:q.getStart(),width:q.getSize()},children:[W(q.column.columnDef.header,q.getContext()),q.column.getIsSorted()?e(D,{className:"sort-icon",svg:q.column.getIsSorted()==="asc"?e(rn,{}):e(ln,{})}):null]})},q.id))},M.id))}),A?e(Ls,{projectName:f.name}):e("tbody",{children:z.map(M=>e("tr",{onClick:()=>d(`traces/${M.original.context.traceId}`),children:M.getVisibleCells().map(q=>e("td",{children:W(q.column.columnDef.cell,q.getContext())},q.id))},M.id))})]})}),H.length?e(Os,{selectedSpans:Z,onClearSelection:oe}):null]})}const rf=v`
|
|
@@ -2757,7 +2757,7 @@ fragment DatasetsTable_datasets on Query {
|
|
|
2757
2757
|
}
|
|
2758
2758
|
}
|
|
2759
2759
|
`}}}();ro.hash="985853a7939f44c0cefdd1a91472c67e";function Kf(n){const a=n.split(`
|
|
2760
|
-
`);return a.length>0?a[0].split(",").map(t=>t.trim()):[]}function Tf(n){const{onDatasetCreated:a,onDatasetCreateError:t}=n,[l,i]=u.useState([]),{control:r,handleSubmit:o,resetField:c,formState:{isDirty:d,isValid:m}}=Be({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 s(
|
|
2760
|
+
`);return a.length>0?a[0].split(",").map(t=>t.trim()):[]}function Tf(n){const{onDatasetCreated:a,onDatasetCreateError:t}=n,[l,i]=u.useState([]),{control:r,handleSubmit:o,resetField:c,formState:{isDirty:d,isValid:m}}=Be({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 s(Me,{onSubmit:o(f),children:[s("div",{css:v`
|
|
2761
2761
|
padding: var(--ac-global-dimension-size-200);
|
|
2762
2762
|
.ac-dropdown-button {
|
|
2763
2763
|
width: 100%;
|
|
@@ -2798,10 +2798,10 @@ fragment DatasetsTable_datasets_dWkdd on Query {
|
|
|
2798
2798
|
__typename
|
|
2799
2799
|
}
|
|
2800
2800
|
}
|
|
2801
|
-
`}}}();co.hash="7066cca7015a7e344b77862b0bdab21c";function xf({datasetId:n,datasetName:a,onDatasetDelete:t,onDatasetDeleteError:l}){const[i,r]=L.useMutation(co),o=u.useCallback(()=>{u.startTransition(()=>{i({variables:{datasetId:n},onCompleted:()=>{t()},onError:c=>{l(c)}})})},[i,n,t,l]);return s(J,{size:"S",title:"Delete Dataset",children:[e(C,{padding:"size-200",children:e(F,{color:"danger",children:`Are you sure you want to delete dataset ${a}? This will also delete all associated experiments and traces, and it cannot be undone.`})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",children:e(N,{variant:"danger",onPress:()=>{o()},isDisabled:r,icon:e(D,{svg:r?e(He,{}):e(dn,{})}),children:"Delete Dataset"})})})]})}function If({datasetName:n,datasetId:a,datasetDescription:t,datasetMetadata:l,onDatasetEdited:i,onDatasetEditError:r}){return e(J,{title:"Edit Dataset",size:"M",children:e(ku,{datasetName:n,datasetId:a,datasetDescription:t,datasetMetadata:l,onDatasetEdited:i,onDatasetEditError:r})})}function Df(n){const{datasetId:a,datasetName:t,datasetDescription:l,datasetMetadata:i,onDatasetDelete:r,onDatasetDeleteError:o,onDatasetEdit:c,onDatasetEditError:d}=n,[m,f]=u.useState(null),g=u.useCallback(()=>{f(e(xf,{datasetId:a,datasetName:t,onDatasetDelete:()=>{r(),f(null)},onDatasetDeleteError:o}))},[a,t,r,o]),y=u.useCallback(()=>{f(e(If,{datasetId:a,datasetName:t,datasetDescription:l,datasetMetadata:i,onDatasetEdited:()=>{c(),f(null)},onDatasetEditError:d}))},[l,a,i,t,c,d]);return s("div",{onClick:p=>{p.preventDefault(),p.stopPropagation()},children:[s(Jn,{align:"end",buttonSize:"compact",onAction:p=>{switch(p){case"deleteDataset":g();break;case"editDataset":y();break}},children:[e(ie,{children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(D,{svg:e(dn,{})}),e(F,{children:"Delete"})]})},"deleteDataset"),e(ie,{children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(D,{svg:e(Fi,{})}),e(F,{children:"Edit"})]})},"editDataset")]}),e(ee,{type:"modal",isDismissable:!0,onDismiss:()=>f(null),children:m})]})}const Ql=100;function Pf(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 Lf(n){const[a,t]=u.useState([]),l=u.useRef(null),i=Y(),r=
|
|
2801
|
+
`}}}();co.hash="7066cca7015a7e344b77862b0bdab21c";function xf({datasetId:n,datasetName:a,onDatasetDelete:t,onDatasetDeleteError:l}){const[i,r]=L.useMutation(co),o=u.useCallback(()=>{u.startTransition(()=>{i({variables:{datasetId:n},onCompleted:()=>{t()},onError:c=>{l(c)}})})},[i,n,t,l]);return s(J,{size:"S",title:"Delete Dataset",children:[e(C,{padding:"size-200",children:e(F,{color:"danger",children:`Are you sure you want to delete dataset ${a}? This will also delete all associated experiments and traces, and it cannot be undone.`})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",children:e(N,{variant:"danger",onPress:()=>{o()},isDisabled:r,icon:e(D,{svg:r?e(He,{}):e(dn,{})}),children:"Delete Dataset"})})})]})}function If({datasetName:n,datasetId:a,datasetDescription:t,datasetMetadata:l,onDatasetEdited:i,onDatasetEditError:r}){return e(J,{title:"Edit Dataset",size:"M",children:e(ku,{datasetName:n,datasetId:a,datasetDescription:t,datasetMetadata:l,onDatasetEdited:i,onDatasetEditError:r})})}function Df(n){const{datasetId:a,datasetName:t,datasetDescription:l,datasetMetadata:i,onDatasetDelete:r,onDatasetDeleteError:o,onDatasetEdit:c,onDatasetEditError:d}=n,[m,f]=u.useState(null),g=u.useCallback(()=>{f(e(xf,{datasetId:a,datasetName:t,onDatasetDelete:()=>{r(),f(null)},onDatasetDeleteError:o}))},[a,t,r,o]),y=u.useCallback(()=>{f(e(If,{datasetId:a,datasetName:t,datasetDescription:l,datasetMetadata:i,onDatasetEdited:()=>{c(),f(null)},onDatasetEditError:d}))},[l,a,i,t,c,d]);return s("div",{onClick:p=>{p.preventDefault(),p.stopPropagation()},children:[s(Jn,{align:"end",buttonSize:"compact",onAction:p=>{switch(p){case"deleteDataset":g();break;case"editDataset":y();break}},children:[e(ie,{children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(D,{svg:e(dn,{})}),e(F,{children:"Delete"})]})},"deleteDataset"),e(ie,{children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(D,{svg:e(Fi,{})}),e(F,{children:"Edit"})]})},"editDataset")]}),e(ee,{type:"modal",isDismissable:!0,onDismiss:()=>f(null),children:m})]})}const Ql=100;function Pf(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 Lf(n){const[a,t]=u.useState([]),l=u.useRef(null),i=Y(),r=Ie(),o=Ce(),{data:c,loadNext:d,hasNext:m,isLoadingNext:f,refetch:g}=L.usePaginationFragment(oo,n.query),y=u.useMemo(()=>c.datasets.edges.map(T=>T.node),[c]),p=ve.useCallback(T=>{if(T){const{scrollHeight:I,scrollTop:P,clientHeight:w}=T;I-P-w<300&&!f&&m&&d(Ql)}},[m,f,d]),h=Ke({columns:[{header:"name",accessorKey:"name",cell:({row:T})=>{const P=T.original.experimentCount>0?`${T.original.id}/experiments`:`${T.original.id}/examples`;return e(We,{to:P,children:T.original.name})}},{header:"description",accessorKey:"description",enableSorting:!1},{header:"created at",accessorKey:"createdAt",cell:Ae},{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:sa},{header:"",id:"actions",enableSorting:!1,size:10,cell:({row:T})=>e(Df,{datasetId:T.original.id,datasetName:T.original.name,datasetDescription:T.original.description,datasetMetadata:T.original.metadata,onDatasetEdit:()=>{r({title:"Dataset updated",message:`${T.original.name} has been successfully updated.`}),g({},{fetchPolicy:"store-and-network"})},onDatasetEditError:I=>{const P=Le(I);o({title:"Dataset update failed",message:(P==null?void 0:P[0])??I.message})},onDatasetDelete:()=>{r({title:"Dataset deleted",message:`${T.original.name} has been successfully deleted.`}),g({},{fetchPolicy:"store-and-network"})},onDatasetDeleteError:I=>{const P=Le(I);o({title:"Dataset deletion failed",message:(P==null?void 0:P[0])??I.message})}})}],data:y,state:{sorting:a},getCoreRowModel:Te(),getSortedRowModel:Gn(),onSortingChange:t,manualSorting:!0});u.useEffect(()=>{const T=a[0];u.startTransition(()=>{g({sort:T?Pf(T):{col:"createdAt",dir:"desc"},after:null,first:Ql},{fetchPolicy:"store-and-network"})})},[a,g]);const b=h.getRowModel().rows,K=b.length===0;return e("div",{css:v`
|
|
2802
2802
|
flex: 1 1 auto;
|
|
2803
2803
|
overflow: auto;
|
|
2804
|
-
`,onScroll:T=>p(T.target),ref:l,children:s("table",{css:Yn,children:[e("thead",{children:h.getHeaderGroups().map(T=>e("tr",{children:T.headers.map(I=>{var P;return e("th",{colSpan:I.colSpan,children:I.isPlaceholder?null:s("div",{className:I.column.getCanSort()?"cursor-pointer":"",onClick:I.column.getToggleSortingHandler(),style:{textAlign:(P=I.column.columnDef.meta)==null?void 0:P.textAlign},children:[W(I.column.columnDef.header,I.getContext()),I.column.getIsSorted()?e(D,{className:"sort-icon",svg:I.column.getIsSorted()==="asc"?e(rn,{}):e(ln,{})}):null]})},I.id)})},T.id))}),K?e(sn,{}):e("tbody",{children:b.map(T=>e("tr",{onClick:()=>{const P=T.original.experimentCount>0?`${T.original.id}/experiments`:`${T.original.id}/examples`;i(P)},children:T.getVisibleCells().map(I=>{var P;return e("td",{align:(P=I.column.columnDef.meta)==null?void 0:P.textAlign,children:W(I.column.columnDef.cell,I.getContext())},I.id)})},T.id))})]})})}function tk(){return e(u.Suspense,{fallback:e(ye,{}),children:e(_f,{})})}function _f(){const[n,a]=u.useState(0),t=L.useLazyLoadQuery(ro,{},{fetchKey:n,fetchPolicy:"store-and-network"}),l=u.useCallback(()=>{a(i=>i+1)},[a]);return s(k,{direction:"column",height:"100%",children:[e(C,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",flex:"none",children:s(k,{direction:"row",justifyContent:"space-between",children:[e(se,{level:1,children:"Datasets"}),e(Ef,{onDatasetCreated:l})]})}),e(Lf,{query:t})]})}function Ef({onDatasetCreated:n}){const a=Y(),t=
|
|
2804
|
+
`,onScroll:T=>p(T.target),ref:l,children:s("table",{css:Yn,children:[e("thead",{children:h.getHeaderGroups().map(T=>e("tr",{children:T.headers.map(I=>{var P;return e("th",{colSpan:I.colSpan,children:I.isPlaceholder?null:s("div",{className:I.column.getCanSort()?"cursor-pointer":"",onClick:I.column.getToggleSortingHandler(),style:{textAlign:(P=I.column.columnDef.meta)==null?void 0:P.textAlign},children:[W(I.column.columnDef.header,I.getContext()),I.column.getIsSorted()?e(D,{className:"sort-icon",svg:I.column.getIsSorted()==="asc"?e(rn,{}):e(ln,{})}):null]})},I.id)})},T.id))}),K?e(sn,{}):e("tbody",{children:b.map(T=>e("tr",{onClick:()=>{const P=T.original.experimentCount>0?`${T.original.id}/experiments`:`${T.original.id}/examples`;i(P)},children:T.getVisibleCells().map(I=>{var P;return e("td",{align:(P=I.column.columnDef.meta)==null?void 0:P.textAlign,children:W(I.column.columnDef.cell,I.getContext())},I.id)})},T.id))})]})})}function tk(){return e(u.Suspense,{fallback:e(ye,{}),children:e(_f,{})})}function _f(){const[n,a]=u.useState(0),t=L.useLazyLoadQuery(ro,{},{fetchKey:n,fetchPolicy:"store-and-network"}),l=u.useCallback(()=>{a(i=>i+1)},[a]);return s(k,{direction:"column",height:"100%",children:[e(C,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",flex:"none",children:s(k,{direction:"row",justifyContent:"space-between",children:[e(se,{level:1,children:"Datasets"}),e(Ef,{onDatasetCreated:l})]})}),e(Lf,{query:t})]})}function Ef({onDatasetCreated:n}){const a=Y(),t=Ie(),l=Ce(),[i,r]=u.useState(null),o=()=>{r(e(J,{size:"S",title:"New Dataset",children:e(Li,{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=>{const m=Le(d);l({title:"Dataset creation failed",message:(m==null?void 0:m[0])??d.message})}})}))},c=()=>{r(e(J,{size:"M",title:"New Dataset from CSV",children:e(Tf,{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=>{const m=Le(d);l({title:"Dataset creation failed",message:(m==null?void 0:m[0])??d.message})}})}))};return s(B,{children:[s(Jn,{buttonText:"Create Dataset",align:"end",icon:e(D,{svg:e(Ut,{})}),onAction:d=>{switch(d){case"newDataset":o();break;case"datasetFromCSV":c();break}},children:[e(ie,{children:"New Dataset"},"newDataset"),e(ie,{children:"Dataset from CSV"},"datasetFromCSV")]}),e(ee,{type:"modal",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}const uo=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(
|
|
2805
2805
|
$datasetId: GlobalID!
|
|
2806
2806
|
) {
|
|
2807
2807
|
dataset: node(id: $datasetId) {
|
|
@@ -2827,7 +2827,7 @@ fragment DatasetsTable_datasets_dWkdd on Query {
|
|
|
2827
2827
|
__typename
|
|
2828
2828
|
}
|
|
2829
2829
|
}
|
|
2830
|
-
`}}}();go.hash="8d99470f590cd5d28701fa6e3c0330e6";const Pt={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function Af(n){const{datasetId:a,onCompleted:t}=n,[l,i]=u.useState(null),[r,o]=L.useMutation(go),{control:c,setError:d,handleSubmit:m,formState:{isValid:f}}=Be({defaultValues:{input:"{}",output:"{}",metadata:"{}"}}),g=u.useCallback(y=>{if(i(null),!un(y==null?void 0:y.input))return d("input",{message:"Input must be a valid JSON object"});if(!un(y==null?void 0:y.output))return d("output",{message:"Output must be a valid JSON object"});if(!un(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=>{const h=
|
|
2830
|
+
`}}}();go.hash="8d99470f590cd5d28701fa6e3c0330e6";const Pt={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function Af(n){const{datasetId:a,onCompleted:t}=n,[l,i]=u.useState(null),[r,o]=L.useMutation(go),{control:c,setError:d,handleSubmit:m,formState:{isValid:f}}=Be({defaultValues:{input:"{}",output:"{}",metadata:"{}"}}),g=u.useCallback(y=>{if(i(null),!un(y==null?void 0:y.input))return d("input",{message:"Input must be a valid JSON object"});if(!un(y==null?void 0:y.output))return d("output",{message:"Output must be a valid JSON object"});if(!un(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=>{const h=Le(p);i((h==null?void 0:h[0])??p.message)}})},[r,a,d,t]);return s(J,{size:"L",title:"Add Example",children:[e("div",{css:v`
|
|
2831
2831
|
overflow-y: auto;
|
|
2832
2832
|
padding: var(--ac-global-dimension-size-400);
|
|
2833
2833
|
`,children:e(k,{direction:"row",justifyContent:"center",children:e(C,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(k,{direction:"column",gap:"size-200",children:[l?e(ce,{variant:"danger",children:l}):null,e(G,{control:c,name:"input",render:({field:{onChange:y,onBlur:p,value:h},fieldState:{invalid:b,error:K}})=>s(j,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...Pt,children:[b?e(ce,{variant:"danger",banner:!0,children:K==null?void 0:K.message}):null,e(ze,{value:h,onChange:y,onBlur:p})]})}),e(G,{control:c,name:"output",render:({field:{onChange:y,onBlur:p,value:h},fieldState:{invalid:b,error:K}})=>s(j,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...Pt,backgroundColor:"green-100",borderColor:"green-700",children:[b?e(ce,{variant:"danger",banner:!0,children:K==null?void 0:K.message}):null,e(ze,{value:h,onChange:y,onBlur:p})]})}),e(G,{control:c,name:"metadata",render:({field:{onChange:y,onBlur:p,value:h},fieldState:{invalid:b,error:K}})=>s(j,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...Pt,children:[b?e(ce,{variant:"danger",banner:!0,children:K==null?void 0:K.message}):null,e(ze,{value:h,onChange:y,onBlur:p})]})}),e(G,{control:c,name:"description",render:({field:{onChange:y,onBlur:p,value:h},fieldState:{invalid:b,error:K}})=>e(Vt,{label:"Version Description",value:h,onChange:y,onBlur:p,errorMessage:K==null?void 0:K.message,validationState:b?"invalid":"valid",placeholder:"A description of the changes made. Will be displayed in the version history.",height:100})})]})})})}),e(C,{padding:"size-200",borderTopColor:"light",borderTopWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",gap:"size-100",children:e(N,{variant:"primary",size:"S",isDisabled:!f||o,icon:o?e(D,{svg:e(He,{})}):null,onPress:()=>m(g)(),children:o?"Adding Example...":"Add Example"})})})]})}function Nf(n){const{datasetId:a,onAddExampleCompleted:t}=n,[l,i]=u.useState(null),r=u.useCallback(()=>{i(e(Af,{datasetId:a,onCompleted:()=>{t(),i(null)}}))},[a,t]);return s(B,{children:[e(N,{icon:e(D,{svg:e(on,{})}),size:"S",onPress:r,children:"Add Example"}),e(ee,{isDismissable:!0,onDismiss:()=>{i(null)},children:l})]})}function zf(){const n=Hn(i=>i.datasetId),a=Hn(i=>i.latestVersion);let t=`${Rt}/v1/datasets/${n}/examples`;a&&(t+=`?version-id=${a.id}`);const l=u.useMemo(()=>`import phoenix as px
|
|
@@ -2845,7 +2845,7 @@ dataset = client.get_dataset(id="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);
|
|
|
2845
2845
|
.ac-field {
|
|
2846
2846
|
flex: 1 1 auto;
|
|
2847
2847
|
}
|
|
2848
|
-
`,children:[e(C,{padding:"size-200",children:s(
|
|
2848
|
+
`,children:[e(C,{padding:"size-200",children:s(Me,{children:[s(k,{direction:"row",gap:"size-100",alignItems:"end",width:"100%",children:[e(ae,{label:"Dataset ID",isReadOnly:!0,value:n}),e(re,{text:n,size:"M"})]}),s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(ae,{label:"Version ID",isReadOnly:!0,value:(a==null?void 0:a.id)||"No Versions",validationState:a?"valid":"invalid"}),e(re,{text:(a==null?void 0:a.id)||"No Versions",isDisabled:!a,size:"M"})]})]})}),s(qe,{children:[e(ne,{name:"Python",children:e(C,{margin:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"small",children:e(Je,{value:l})})}),e(ne,{name:"REST",children:e(C,{padding:"size-200",children:e(Me,{children:s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(ae,{label:"URL",isReadOnly:!0,value:t}),e(re,{text:t,size:"M"})]})})})})]})]})})]})})}const po=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{kind:"Variable",name:"id",variableName:"datasetId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DatasetHistoryDialogQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[t,{args:null,kind:"FragmentSpread",name:"DatasetHistoryTable_versions"}],type:"Dataset",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DatasetHistoryDialogQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},l],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"versions(first:100)"},{alias:null,args:i,filters:null,handle:"connection",key:"DatasetHistoryTable_versions",kind:"LinkedHandle",name:"versions"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"df94b4e72c0187fd0fd1c8416af19354",id:null,metadata:{},name:"DatasetHistoryDialogQuery",operationKind:"query",text:`query DatasetHistoryDialogQuery(
|
|
2849
2849
|
$datasetId: GlobalID!
|
|
2850
2850
|
) {
|
|
2851
2851
|
dataset: node(id: $datasetId) {
|
|
@@ -2908,12 +2908,12 @@ fragment DatasetHistoryTable_versions_2HEEH6 on Dataset {
|
|
|
2908
2908
|
}
|
|
2909
2909
|
id
|
|
2910
2910
|
}
|
|
2911
|
-
`}}}();yo.hash="37e453bc58759a1e89bc5862c460de6b";const fo=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:yo,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}}();fo.hash="37e453bc58759a1e89bc5862c460de6b";const Vf=100;function $f(n){const a=u.useRef(null),{data:t,loadNext:l,hasNext:i,isLoadingNext:r}=L.usePaginationFragment(fo,n.dataset),o=u.useMemo(()=>t.versions.edges.map(g=>g.node),[t]),c=ve.useCallback(g=>{if(g){const{scrollHeight:y,scrollTop:p,clientHeight:h}=g;y-p-h<300&&!r&&i&&l(Vf)}},[i,r,l]),d=Ke({columns:[{header:"version ID",accessorKey:"id"},{header:"description",accessorKey:"description"},{header:"created at",accessorKey:"createdAt",cell:
|
|
2911
|
+
`}}}();yo.hash="37e453bc58759a1e89bc5862c460de6b";const fo=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:yo,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}}();fo.hash="37e453bc58759a1e89bc5862c460de6b";const Vf=100;function $f(n){const a=u.useRef(null),{data:t,loadNext:l,hasNext:i,isLoadingNext:r}=L.usePaginationFragment(fo,n.dataset),o=u.useMemo(()=>t.versions.edges.map(g=>g.node),[t]),c=ve.useCallback(g=>{if(g){const{scrollHeight:y,scrollTop:p,clientHeight:h}=g;y-p-h<300&&!r&&i&&l(Vf)}},[i,r,l]),d=Ke({columns:[{header:"version ID",accessorKey:"id"},{header:"description",accessorKey:"description"},{header:"created at",accessorKey:"createdAt",cell:Ae}],data:o,getCoreRowModel:Te(),getSortedRowModel:Gn()}),m=d.getRowModel().rows,f=m.length===0;return e("div",{css:v`
|
|
2912
2912
|
flex: 1 1 auto;
|
|
2913
2913
|
overflow: auto;
|
|
2914
2914
|
`,onScroll:g=>c(g.target),ref:a,children:s("table",{css:tn,children:[e("thead",{children:d.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:s("div",{className:y.column.getCanSort()?"cursor-pointer":"",onClick:y.column.getToggleSortingHandler(),style:{left:y.getStart(),width:y.getSize()},children:[W(y.column.columnDef.header,y.getContext()),y.column.getIsSorted()?e(D,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(rn,{}):e(ln,{})}):null]})},y.id))},g.id))}),f?e(sn,{}):e("tbody",{children:m.map(g=>e("tr",{children:g.getVisibleCells().map(y=>e("td",{children:W(y.column.columnDef.cell,y.getContext())},y.id))},g.id))})]})})}function Of(n){const{datasetId:a}=n,t=L.useLazyLoadQuery(po,{datasetId:a});return e(J,{size:"L",title:"Dataset History",children:e("div",{css:v`
|
|
2915
2915
|
height: 500px;
|
|
2916
|
-
`,children:e($f,{dataset:t.dataset})})})}function Qf(n){const{datasetId:a}=n,[t,l]=u.useState(null);return s(B,{children:[s(ue,{children:[e(N,{icon:e(D,{svg:e(bu,{})}),"aria-label":"Version History",onPress:()=>{l(e(Of,{datasetId:a}))}}),e(
|
|
2916
|
+
`,children:e($f,{dataset:t.dataset})})})}function Qf(n){const{datasetId:a}=n,[t,l]=u.useState(null);return s(B,{children:[s(ue,{children:[e(N,{icon:e(D,{svg:e(bu,{})}),"aria-label":"Version History",onPress:()=>{l(e(Of,{datasetId:a}))}}),e(Pe,{children:"Dataset Version History"})]}),e(u.Suspense,{fallback:null,children:e(ee,{type:"modal",isDismissable:!0,onDismiss:()=>{l(null)},children:t})})]})}const jf=`pip install arize-phoenix>=${window.Config.platformVersion}`;function qf({isAuthEnabled:n}){let a=`import os
|
|
2917
2917
|
# Set the phoenix collector endpoint. Commonly http://localhost:6006
|
|
2918
2918
|
os.environ["PHOENIX_COLLECTOR_ENDPOINT"] = "<your-phoenix-url>"`;return n&&(a+=`
|
|
2919
2919
|
# Configure access
|
|
@@ -2960,7 +2960,7 @@ dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]
|
|
|
2960
2960
|
}
|
|
2961
2961
|
}
|
|
2962
2962
|
}
|
|
2963
|
-
`;function Jf({dataset:n}){const a=n.id,t=Hn(d=>d.refreshLatestVersion),l=
|
|
2963
|
+
`;function Jf({dataset:n}){const a=n.id,t=Hn(d=>d.refreshLatestVersion),l=Ie(),i=Y(),r=u.useCallback(d=>{d===0?i(`/datasets/${a}/experiments`):d===1&&i(`/datasets/${a}/examples`)},[i,a]),c=Od().pathname.includes("examples")?1:0;return s("main",{css:Wf,children:[e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-200",paddingBottom:"size-50",flex:"none",children:s(k,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(k,{direction:"column",justifyContent:"space-between",children:e(k,{direction:"row",gap:"size-200",alignItems:"center",children:s(k,{direction:"column",children:[e(F,{elementType:"h1",size:"L",weight:"heavy",children:n.name}),e(F,{color:"text-700",children:n.description||"--"})]})})}),s(k,{direction:"row",gap:"size-100",children:[s(Jn,{align:"end",icon:e(D,{svg:e(Wt,{})}),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(ie,{children:"Download CSV"},"csv"),e(ie,{children:"Download OpenAI Fine-Tuning JSONL"},"openai-ft"),e(ie,{children:"Download OpenAI Evals JSONL"},"openai-evals")]}),e(Qf,{datasetId:n.id}),e(zf,{}),e(ho,{}),e(N,{icon:e(D,{svg:e(ma,{})}),onPress:()=>{i(`/playground/datasets/${n.id}`)},children:"Playground"}),e(Nf,{datasetId:n.id,onAddExampleCompleted:()=>{l({title:"Example added",message:"The example has been added successfully and the version has been updated."}),t()}})]})]})}),s(qe,{onChange:r,defaultIndex:c,children:[e(ne,{name:"Experiments",extra:e(Xe,{children:n.experimentCount}),children:e(u.Suspense,{children:e(je,{})})}),e(ne,{name:"Examples",extra:e(Xe,{children:n.exampleCount}),children:e(u.Suspense,{children:e(je,{})})})]})]})}const ko=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(
|
|
2964
2964
|
$id: GlobalID!
|
|
2965
2965
|
) {
|
|
2966
2966
|
dataset: node(id: $id) {
|
|
@@ -3063,7 +3063,7 @@ fragment ExamplesTableFragment_4a6F8Z on Dataset {
|
|
|
3063
3063
|
}
|
|
3064
3064
|
}
|
|
3065
3065
|
}
|
|
3066
|
-
`}}}();Co.hash="455bf9e5dc4b9cc655095dc829ef7e12";function Zf(n){const a=Hn(p=>p.refreshLatestVersion),{selectedExamples:t,onExamplesDeleted:l,onClearSelection:i}=n,[r,o]=u.useState(null),c=
|
|
3066
|
+
`}}}();Co.hash="455bf9e5dc4b9cc655095dc829ef7e12";function Zf(n){const a=Hn(p=>p.refreshLatestVersion),{selectedExamples:t,onExamplesDeleted:l,onClearSelection:i}=n,[r,o]=u.useState(null),c=Ie(),d=Ce(),[m,f]=L.useMutation(Co),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=>{const h=Le(p);d({title:"An error occurred",message:`Failed to delete examples: ${(h==null?void 0:h[0])??p.message}`})}})},[m,t,c,g,l,i,a,d]);return s("div",{css:v`
|
|
3067
3067
|
position: absolute;
|
|
3068
3068
|
bottom: var(--ac-global-dimension-size-400);
|
|
3069
3069
|
left: 50%;
|
|
@@ -3179,7 +3179,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
3179
3179
|
__typename
|
|
3180
3180
|
}
|
|
3181
3181
|
}
|
|
3182
|
-
`}}}();xo.hash="4ab310746eb51c6a3fcb799d2c972762";function nh(n){const a=Y(),[t,l]=u.useState(null),[i,r]=L.useMutation(xo),{datasetId:o,selectedExperiments:c,onClearSelection:d,onExperimentsDeleted:m}=n,f=c.length!==1,g=
|
|
3182
|
+
`}}}();xo.hash="4ab310746eb51c6a3fcb799d2c972762";function nh(n){const a=Y(),[t,l]=u.useState(null),[i,r]=L.useMutation(xo),{datasetId:o,selectedExperiments:c,onClearSelection:d,onExperimentsDeleted:m}=n,f=c.length!==1,g=Ie(),y=Ce(),p=u.useCallback(()=>{i({variables:{input:{experimentIds:c.map(b=>b.id)}},onCompleted:()=>{g({title:"Experiments Deleted",message:`${c.length} experiment${f?"s":""} have been deleted.`}),m(),d()},onError:b=>{const K=Le(b);y({title:"An error occurred",message:`Failed to delete experiments: ${(K==null?void 0:K[0])??b.message}`})}})},[i,f,y,g,d,m,c]),h=u.useCallback(()=>{l(s(J,{size:"S",title:"Delete Experiments",children:[e(C,{padding:"size-200",children:e(F,{color:"danger",children:"Are you sure you want to delete these experiments? This will also delete all associated annotations and traces, and it cannot be undone."})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",children:e(N,{variant:"danger",onPress:()=>{p(),l(null)},children:"Delete Experiments"})})})]}))},[p]);return s("div",{css:v`
|
|
3183
3183
|
position: absolute;
|
|
3184
3184
|
bottom: var(--ac-global-dimension-size-400);
|
|
3185
3185
|
left: 50%;
|
|
@@ -3192,13 +3192,13 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
3192
3192
|
margin-left: auto;
|
|
3193
3193
|
margin-right: auto;
|
|
3194
3194
|
}
|
|
3195
|
-
`,children:["No experiments for this dataset. To see how to run experiments on a dataset, check out the documentation.",e(ho,{})]})})})}function lh({dataset:n}){const a=u.useRef(null),[t,l]=u.useState({}),{data:i,loadNext:r,hasNext:o,isLoadingNext:c,refetch:d}=L.usePaginationFragment(To,n),m=u.useMemo(()=>i.experiments.edges.map(S=>{const x=S.experiment.annotationSummaries.reduce((_,E)=>(_[E.annotationName]=E,_),{});return{...S.experiment,annotationSummaryMap:x}}),[i.experiments.edges]),f=[{id:"select",header:({table:S})=>e(xn,{checked:S.getIsAllRowsSelected(),indeterminate:S.getIsSomeRowsSelected(),onChange:S.getToggleAllRowsSelectedHandler()}),cell:({row:S})=>e(xn,{checked:S.getIsSelected(),disabled:!S.getCanSelect(),indeterminate:S.getIsSomeSelected(),onChange:S.getToggleSelectedHandler()})},{header:"name",accessorKey:"name",minSize:200,cell:({getValue:S,row:x})=>{const _=x.original.id,E=x.original.sequenceNumber;return s(k,{direction:"row",gap:"size-100",alignItems:"center",children:[e(ut,{sequenceNumber:E}),e(We,{to:`/datasets/${n.id}/compare?experimentId=${_}`,children:S()})]})}},{header:"description",accessorKey:"description",minSize:300,cell:pe},{header:"created at",accessorKey:"createdAt",cell:
|
|
3195
|
+
`,children:["No experiments for this dataset. To see how to run experiments on a dataset, check out the documentation.",e(ho,{})]})})})}function lh({dataset:n}){const a=u.useRef(null),[t,l]=u.useState({}),{data:i,loadNext:r,hasNext:o,isLoadingNext:c,refetch:d}=L.usePaginationFragment(To,n),m=u.useMemo(()=>i.experiments.edges.map(S=>{const x=S.experiment.annotationSummaries.reduce((_,E)=>(_[E.annotationName]=E,_),{});return{...S.experiment,annotationSummaryMap:x}}),[i.experiments.edges]),f=[{id:"select",header:({table:S})=>e(xn,{checked:S.getIsAllRowsSelected(),indeterminate:S.getIsSomeRowsSelected(),onChange:S.getToggleAllRowsSelectedHandler()}),cell:({row:S})=>e(xn,{checked:S.getIsSelected(),disabled:!S.getCanSelect(),indeterminate:S.getIsSomeSelected(),onChange:S.getToggleSelectedHandler()})},{header:"name",accessorKey:"name",minSize:200,cell:({getValue:S,row:x})=>{const _=x.original.id,E=x.original.sequenceNumber;return s(k,{direction:"row",gap:"size-100",alignItems:"center",children:[e(ut,{sequenceNumber:E}),e(We,{to:`/datasets/${n.id}/compare?experimentId=${_}`,children:S()})]})}},{header:"description",accessorKey:"description",minSize:300,cell:pe},{header:"created at",accessorKey:"createdAt",cell:Ae}],g=i.experimentAnnotationSummaries.map(S=>{const{annotationName:x,minScore:_,maxScore:E}=S;return{header:()=>s(k,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",justifyContent:"end",children:[e(F,{children:x}),e(Cu,{annotationName:x})]}),id:`annotation-${x}`,meta:{textAlign:"right"},cell:({row:O})=>{const z=O.original.annotationSummaryMap[x];return!z||z.meanScore==null?e("span",{css:v`
|
|
3196
3196
|
float: right;
|
|
3197
3197
|
`,children:"--"}):e(ih,{annotationName:x,value:z.meanScore,min:_,max:E})}}}),y=[{header:"run count",accessorKey:"runCount",meta:{textAlign:"right"},cell:Ii},{header:"avg latency",accessorKey:"averageRunLatencyMs",meta:{textAlign:"right"},cell:({getValue:S})=>{const x=S();return x===null||typeof x!="number"?"--":e(Fe,{latencyMs:x})}},{header:"error rate",accessorKey:"errorRate",meta:{textAlign:"right"},cell:eh},{header:"metadata",accessorKey:"metadata",minSize:200,cell:sa},{id:"actions",cell:({row:S})=>{const x=S.original.project,_=S.original.metadata;return e(Mi,{projectId:(x==null?void 0:x.id)||null,experimentId:S.original.id,metadata:_})}}],p=Ke({columns:[...f,...g,...y],data:m,getCoreRowModel:Te(),state:{rowSelection:t},onRowSelectionChange:l}),h=p.getRowModel().rows,b=p.getSelectedRowModel().rows,K=b.map(S=>S.original),T=u.useCallback(()=>{l({})},[l]),I=h.length===0,P=u.useCallback(S=>{if(S){const{scrollHeight:x,scrollTop:_,clientHeight:E}=S;x-_-E<300&&!c&&o&&r(ah)}},[o,c,r]),w=Y();return s("div",{css:v`
|
|
3198
3198
|
flex: 1 1 auto;
|
|
3199
3199
|
overflow: auto;
|
|
3200
3200
|
width: table.getTotalSize();
|
|
3201
|
-
`,ref:a,onScroll:S=>P(S.target),children:[s("table",{css:Yn,children:[e("thead",{children:p.getHeaderGroups().map(S=>e("tr",{children:S.headers.map(x=>{var _,E;return e("th",{align:(E=(_=x.column.columnDef)==null?void 0:_.meta)==null?void 0:E.textAlign,children:e("div",{children:W(x.column.columnDef.header,x.getContext())})},x.id)})},S.id))}),I?e(th,{}):e("tbody",{children:h.map(S=>e("tr",{onClick:()=>{w(`/datasets/${n.id}/compare?experimentId=${S.original.id}`)},children:S.getVisibleCells().map(x=>e("td",{children:W(x.column.columnDef.cell,x.getContext())},x.id))},S.id))})]}),b.length?e(nh,{datasetId:n.id,selectedExperiments:K,onClearSelection:T,onExperimentsDeleted:()=>{d({},{fetchPolicy:"store-and-network"})}}):null]})}function ih({annotationName:n,value:a,min:t,max:l}){const i=Ti(n),r=u.useMemo(()=>{const o=typeof t=="number"?t:0,c=typeof l=="number"?l:1;if(o===c&&c===a)return 100;const d=c-o||1;return(a-o)/d*100},[a,t,l]);return s(ue,{children:[e(
|
|
3201
|
+
`,ref:a,onScroll:S=>P(S.target),children:[s("table",{css:Yn,children:[e("thead",{children:p.getHeaderGroups().map(S=>e("tr",{children:S.headers.map(x=>{var _,E;return e("th",{align:(E=(_=x.column.columnDef)==null?void 0:_.meta)==null?void 0:E.textAlign,children:e("div",{children:W(x.column.columnDef.header,x.getContext())})},x.id)})},S.id))}),I?e(th,{}):e("tbody",{children:h.map(S=>e("tr",{onClick:()=>{w(`/datasets/${n.id}/compare?experimentId=${S.original.id}`)},children:S.getVisibleCells().map(x=>e("td",{children:W(x.column.columnDef.cell,x.getContext())},x.id))},S.id))})]}),b.length?e(nh,{datasetId:n.id,selectedExperiments:K,onClearSelection:T,onExperimentsDeleted:()=>{d({},{fetchPolicy:"store-and-network"})}}):null]})}function ih({annotationName:n,value:a,min:t,max:l}){const i=Ti(n),r=u.useMemo(()=>{const o=typeof t=="number"?t:0,c=typeof l=="number"?l:1;if(o===c&&c===a)return 100;const d=c-o||1;return(a-o)/d*100},[a,t,l]);return s(ue,{children:[e(Re,{children:s("div",{css:v`
|
|
3202
3202
|
float: right;
|
|
3203
3203
|
--mod-barloader-fill-color: ${i};
|
|
3204
3204
|
display: flex;
|
|
@@ -3312,13 +3312,13 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
3312
3312
|
margin-right: var(--ac-global-dimension-static-size-100);
|
|
3313
3313
|
color: var(--ac-global-text-color-700);
|
|
3314
3314
|
visibility: ${c!==""?"visible":"hidden"};
|
|
3315
|
-
`,onClick:()=>d(""),className:"button--reset",children:e(D,{svg:e(ct,{})})}),s(Wn,{placement:"bottom right",children:[e(
|
|
3315
|
+
`,onClick:()=>d(""),className:"button--reset",children:e(D,{svg:e(ct,{})})}),s(Wn,{placement:"bottom right",children:[e(Re,{children:e("button",{css:v`
|
|
3316
3316
|
color: var(--ac-global-text-color-700);
|
|
3317
3317
|
background-color: var(--ac-global-color-grey-400);
|
|
3318
3318
|
padding-left: var(--ac-global-dimension-static-size-100);
|
|
3319
3319
|
padding-right: var(--ac-global-dimension-static-size-100);
|
|
3320
3320
|
height: 100%;
|
|
3321
|
-
`,className:"button--reset",children:e(D,{svg:e(on,{})})})}),e(mh,{onAddFilterConditionSnippet:m})]})]}),s(ue,{isOpen:b&&l,placement:"bottom",children:[e(
|
|
3321
|
+
`,className:"button--reset",children:e(D,{svg:e(on,{})})})}),e(mh,{onAddFilterConditionSnippet:m})]})]}),s(ue,{isOpen:b&&l,placement:"bottom",children:[e(Re,{children:e("div",{})}),e(Xn,{children:r!=""?e(F,{color:"danger",children:r}):e(F,{color:"success",children:"Valid Expression"})})]})]})}function mh(n){const{onAddFilterConditionSnippet:a}=n;return e(C,{width:"500px",paddingTop:"size-200",paddingStart:"size-200",paddingEnd:"size-200",borderRadius:"medium",borderWidth:"thin",borderColor:"light",backgroundColor:"light",children:s(Me,{children:[e(Fn,{label:"filter by substring",initialSnippet:"'search term' in output['key']",onAddFilterConditionSnippet:a},"substring"),e(Fn,{label:"filter on errors",initialSnippet:"error is not None",onAddFilterConditionSnippet:a},"errors"),e(Fn,{label:"filter by evaluation label",initialSnippet:"evals['hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"eval_label"),e(Fn,{label:"filter by evaluation score",initialSnippet:"evals['hallucination'].score >= 0.5",onAddFilterConditionSnippet:a},"eval_score"),e(Fn,{label:"filter by evaluation explanation",initialSnippet:"'search term' in evals['hallucination'].explanation",onAddFilterConditionSnippet:a},"eval_explanation"),e(Fn,{label:"filter for lower scores than first experiment",initialSnippet:"evals['hallucination'].score < experiments[0].evals['hallucination'].score",onAddFilterConditionSnippet:a},"compare_experiments"),e(Fn,{label:"filter by metadata",initialSnippet:"metadata['category'] == 'hard_examples'",onAddFilterConditionSnippet:a},"metadata"),e(Fn,{label:"filter by latency",initialSnippet:"latency_ms >= 10_000",onAddFilterConditionSnippet:a},"latency")]})})}function Fn(n){const{initialSnippet:a,onAddFilterConditionSnippet:t}=n,[l,i]=u.useState(a),{theme:r}=Sn(),o=r==="light"?void 0:Rn;return e(Pn,{label:n.label,children:s(k,{direction:"row",width:"100%",gap:"size-100",children:[e("div",{css:v(_o,v`
|
|
3322
3322
|
flex: 1 1 auto;
|
|
3323
3323
|
`),children:e(wn,{value:l,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[Ma()],editable:!0,onChange:i,theme:o,css:Lo})}),e(N,{"aria-label":"Add to filter condition",variant:"default",onPress:()=>t(l),icon:e(D,{svg:e(on,{})})})]})})}const Lt={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}},gh=v`
|
|
3324
3324
|
flex: 1 1 auto;
|
|
@@ -3336,7 +3336,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
3336
3336
|
align-items: center;
|
|
3337
3337
|
color: var(--ac-global-color-primary);
|
|
3338
3338
|
gap: var(--ac-global-dimension-size-50);
|
|
3339
|
-
`;function yh(n){const{datasetId:a,experimentIds:t,displayFullText:l}=n,[i,r]=u.useState(""),o=L.useLazyLoadQuery(Io,{experimentIds:t,datasetId:a,filterCondition:i}),c=u.useMemo(()=>{var I,P;return((P=(I=o.dataset)==null?void 0:I.experiments)==null?void 0:P.edges.reduce((w,S)=>{var x,_;return w[S.experiment.id]={...S.experiment,projectId:((_=(x=S.experiment)==null?void 0:x.project)==null?void 0:_.id)||null},w},{}))||{}},[o]),d=u.useMemo(()=>o.comparisons.map(I=>{const P=I.runComparisonItems.reduce((w,S)=>(w[S.experimentId]=S,w),{});return{...I,id:I.example.id,input:I.example.revision.input,referenceOutput:I.example.revision.referenceOutput,runComparisonMap:P}}),[o]),[m,f]=u.useState(null),g=u.useMemo(()=>[{header:"input",accessorKey:"input",minWidth:500,cell:({row:I})=>e(Tl,{controls:s(ue,{children:[e(N,{size:"S","aria-label":"View example details",icon:e(D,{svg:e(Pa,{})}),onPress:()=>{u.startTransition(()=>{f(e(u.Suspense,{children:e(ol,{exampleId:I.original.example.id,onDismiss:()=>{f(null)}})}))})}}),e(
|
|
3339
|
+
`;function yh(n){const{datasetId:a,experimentIds:t,displayFullText:l}=n,[i,r]=u.useState(""),o=L.useLazyLoadQuery(Io,{experimentIds:t,datasetId:a,filterCondition:i}),c=u.useMemo(()=>{var I,P;return((P=(I=o.dataset)==null?void 0:I.experiments)==null?void 0:P.edges.reduce((w,S)=>{var x,_;return w[S.experiment.id]={...S.experiment,projectId:((_=(x=S.experiment)==null?void 0:x.project)==null?void 0:_.id)||null},w},{}))||{}},[o]),d=u.useMemo(()=>o.comparisons.map(I=>{const P=I.runComparisonItems.reduce((w,S)=>(w[S.experimentId]=S,w),{});return{...I,id:I.example.id,input:I.example.revision.input,referenceOutput:I.example.revision.referenceOutput,runComparisonMap:P}}),[o]),[m,f]=u.useState(null),g=u.useMemo(()=>[{header:"input",accessorKey:"input",minWidth:500,cell:({row:I})=>e(Tl,{controls:s(ue,{children:[e(N,{size:"S","aria-label":"View example details",icon:e(D,{svg:e(Pa,{})}),onPress:()=>{u.startTransition(()=>{f(e(u.Suspense,{children:e(ol,{exampleId:I.original.example.id,onDismiss:()=>{f(null)}})}))})}}),e(Pe,{children:"View Example"})]}),children:e(ul,{children:e(Ra,{json:I.original.input,disableTitle:!0,space:l?2:0})})})},{header:"reference output",accessorKey:"referenceOutput",minWidth:500,cell:l?bh:sa}],[l]),y=u.useMemo(()=>t.map(I=>({header:()=>{var _,E,O,z;const P=(_=c[I])==null?void 0:_.name,w=(E=c[I])==null?void 0:E.metadata,S=(O=c[I])==null?void 0:O.projectId,x=((z=c[I])==null?void 0:z.sequenceNumber)||0;return s(k,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",justifyContent:"space-between",children:[s(k,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",children:[e(ut,{sequenceNumber:x}),e(F,{children:P})]}),e(Mi,{experimentId:I,metadata:w,isQuiet:!0,projectId:S})]})},accessorKey:I,minSize:500,cell:({row:P})=>{var H,Z;const w=P.original.runComparisonMap[I],S=(w==null?void 0:w.runs.length)||0;if(S===0)return e(jl,{});if(S>1)return e(F,{color:"warning",children:`${S} runs`});const x=w==null?void 0:w.runs[0];let _=null;const E=(H=x==null?void 0:x.trace)==null?void 0:H.traceId,O=(Z=x==null?void 0:x.trace)==null?void 0:Z.projectId;return E&&O&&(_=s(ue,{children:[e(N,{variant:"default",className:"trace-button",size:"S","aria-label":"View run trace",icon:e(D,{svg:e(lt,{})}),onPress:()=>{u.startTransition(()=>{f(e(Mo,{traceId:E,projectId:O,title:"Experiment Run Trace"}))})}}),e(Pe,{children:"View Trace"})]})),x?e(Tl,{controls:s(B,{children:[s(ue,{children:[e(N,{variant:"default",className:"expand-button",size:"S","aria-label":"View example run details",icon:e(D,{svg:e(Pa,{})}),onPress:()=>{u.startTransition(()=>{f(e(Sh,{selectedExample:P.original,datasetId:a,experimentInfoById:c}))})}}),e(Pe,{children:"View run details"})]}),_]}),children:e(kh,{...x,displayFullText:l,setDialog:f})}):e(jl,{})}})),[t,c,a,l]),p=u.useMemo(()=>[...g,...y],[g,y]),h=Ke({columns:p,data:d,getCoreRowModel:Te(),columnResizeMode:"onChange"}),b=ve.useMemo(()=>{const I=h.getFlatHeaders(),P={};for(let w=0;w<I.length;w++){const S=I[w];P[`--header-${S.id}-size`]=S.getSize(),P[`--col-${S.column.id}-size`]=S.column.getSize()}return P},[h.getState().columnSizingInfo,h.getState().columnSizing]),T=h.getRowModel().rows.length===0;return s(k,{direction:"column",height:"100%",children:[e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderBottomColor:"grey-300",borderBottomWidth:"thin",flex:"none",children:e(uh,{onValidCondition:r})}),s("div",{css:gh,children:[s("table",{css:v(tn,Ai),style:{...b,width:h.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:h.getHeaderGroups().map(I=>e("tr",{children:I.headers.map(P=>s("th",{style:{width:`calc(var(--header-${P==null?void 0:P.id}-size) * 1px)`},children:[e("div",{children:W(P.column.columnDef.header,P.getContext())}),e("div",{onMouseDown:P.getResizeHandler(),onTouchStart:P.getResizeHandler(),className:`resizer ${P.column.getIsResizing()?"isResizing":""}`})]},P.id))},I.id))}),T?e(sn,{}):h.getState().columnSizingInfo.isResizingColumn?e(fh,{table:h}):e(Eo,{table:h})]}),e(ee,{isDismissable:!0,type:"slideOver",onDismiss:()=>{f(null)},children:m})]})]})}function Eo({table:n}){return e("tbody",{children:n.getRowModel().rows.map(a=>e("tr",{children:a.getVisibleCells().map(t=>e("td",{style:{width:`calc(var(--col-${t.column.id}-size) * 1px)`,wordBreak:"break-all"},children:W(t.column.columnDef.cell,t.getContext())},t.id))},a.id))})}const fh=ve.memo(Eo,(n,a)=>n.table.options.data===a.table.options.data);function hh(n){const{datasetId:a,exampleId:t}=n,l=Y();return e("div",{onClick:i=>{i.preventDefault(),i.stopPropagation()},children:e(Jn,{buttonSize:"compact",align:"end",onAction:i=>{switch(i){case"gotoExample":return l(`/datasets/${a}/examples/${t}`);default:me()}},children:e(ie,{children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(D,{svg:e(Ku,{})}),e(F,{children:"Go to example"})]})},"gotoExample")})})}function kh(n){const{output:a,error:t,startTime:l,endTime:i,annotations:r,displayFullText:o,setDialog:c}=n;if(t)return e(wo,{error:t});const d=r!=null&&r.edges.length?r.edges.map(m=>m.annotation):[];return s(k,{direction:"column",gap:"size-100",height:"100%",justifyContent:"space-between",children:[e(ul,{children:e(Ra,{json:a,disableTitle:!0,space:o?2:0})}),s("ul",{css:v`
|
|
3340
3340
|
display: flex;
|
|
3341
3341
|
flex-direction: row;
|
|
3342
3342
|
gap: var(--ac-global-dimension-static-size-100);
|
|
@@ -3471,7 +3471,7 @@ fragment SystemAPIKeysTableFragment on Query {
|
|
|
3471
3471
|
expiresAt
|
|
3472
3472
|
}
|
|
3473
3473
|
}
|
|
3474
|
-
`}};Oo.hash="de0fc04de739f0adfcbdeaff28b16265";const Qo={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:Oo}},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};Qo.hash="de0fc04de739f0adfcbdeaff28b16265";function Ch({query:n}){const[a,t]=L.useRefetchableFragment(Qo,n),l=Ce(),i=
|
|
3474
|
+
`}};Oo.hash="de0fc04de739f0adfcbdeaff28b16265";const Qo={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:Oo}},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};Qo.hash="de0fc04de739f0adfcbdeaff28b16265";function Ch({query:n}){const[a,t]=L.useRefetchableFragment(Qo,n),l=Ce(),i=Ie(),[r]=L.useMutation($o),o=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=>{const h=Le(p);l({title:"Error deleting system key",message:(h==null?void 0:h[0])??p.message})}})},[r,l,i,t]),c=u.useMemo(()=>[...a.systemApiKeys],[a]),d=u.useMemo(()=>[{header:"Name",accessorKey:"name"},{header:"Description",accessorKey:"description",cell:pe},{header:"Created At",accessorKey:"createdAt",cell:Ae},{header:"Expires At",accessorKey:"expiresAt",cell:Ae},{header:"",accessorKey:"id",size:10,cell:({row:p})=>e(k,{direction:"row",justifyContent:"end",width:"100%",children:e(al,{handleDelete:()=>{o(p.original.id)}})}),meta:{textAlign:"right"}}],[o]),m=Ke({columns:d,data:c,getCoreRowModel:Te()}),f=m.getRowModel().rows,g=m.getRowModel().rows.length===0;return s("table",{css:tn,children:[e("thead",{children:m.getHeaderGroups().map(y=>e("tr",{children:y.headers.map(p=>e("th",{colSpan:p.colSpan,children:p.isPlaceholder?null:s("div",{className:p.column.getCanSort()?"cursor-pointer":"",onClick:p.column.getToggleSortingHandler(),style:{left:p.getStart(),width:p.getSize()},children:[W(p.column.columnDef.header,p.getContext()),p.column.getIsSorted()?e(D,{className:"sort-icon",svg:p.column.getIsSorted()==="asc"?e(rn,{}):e(ln,{})}):null]})},p.id))},y.id))}),g?e(sn,{message:"No Keys"}):e("tbody",{children:f.map(y=>e("tr",{children:y.getVisibleCells().map(p=>e("td",{children:W(p.column.columnDef.cell,p.getContext())},p.id))},y.id))})]})}const jo=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(
|
|
3475
3475
|
$input: DeleteApiKeyInput!
|
|
3476
3476
|
) {
|
|
3477
3477
|
deleteUserApiKey(input: $input) {
|
|
@@ -3495,7 +3495,7 @@ fragment UserAPIKeysTableFragment on Query {
|
|
|
3495
3495
|
}
|
|
3496
3496
|
}
|
|
3497
3497
|
}
|
|
3498
|
-
`}};qo.hash="c2b3a579bcb0ba915523ecb35cae3b44";const Uo={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:qo}},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};Uo.hash="c2b3a579bcb0ba915523ecb35cae3b44";const ql=70;function Fh({query:n}){const[a,t]=L.useRefetchableFragment(Uo,n),l=Ce(),i=
|
|
3498
|
+
`}};qo.hash="c2b3a579bcb0ba915523ecb35cae3b44";const Uo={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:qo}},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};Uo.hash="c2b3a579bcb0ba915523ecb35cae3b44";const ql=70;function Fh({query:n}){const[a,t]=L.useRefetchableFragment(Uo,n),l=Ce(),i=Ie(),[r]=L.useMutation(jo),o=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=>{const h=Le(p);l({title:"Error deleting user key",message:(h==null?void 0:h[0])??p.message})}})},[r,l,i,t]),c=u.useMemo(()=>[...a.userApiKeys],[a]),d=u.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:pe},{header:"Description",accessorKey:"description",cell:pe},{header:"Created At",accessorKey:"createdAt",size:ql,cell:Ae},{header:"Expires At",accessorKey:"expiresAt",size:ql,cell:Ae},{header:"User",size:120,accessorKey:"user.email",cell:pe},{header:"",accessorKey:"id",size:10,cell:({row:p})=>e(k,{direction:"row",justifyContent:"end",width:"100%",children:e(al,{handleDelete:()=>{o(p.original.id)}})}),meta:{textAlign:"right"}}],[o]),m=Ke({columns:d,data:c,getCoreRowModel:Te()}),f=m.getRowModel().rows,g=m.getRowModel().rows.length===0;return s("table",{css:tn,children:[e("thead",{children:m.getHeaderGroups().map(y=>e("tr",{children:y.headers.map(p=>e("th",{colSpan:p.colSpan,children:p.isPlaceholder?null:s("div",{className:p.column.getCanSort()?"cursor-pointer":"",onClick:p.column.getToggleSortingHandler(),style:{left:p.getStart(),width:p.getSize()},children:[W(p.column.columnDef.header,p.getContext()),p.column.getIsSorted()?e(D,{className:"sort-icon",svg:p.column.getIsSorted()==="asc"?e(rn,{}):e(ln,{})}):null]})},p.id))},y.id))}),g?e(sn,{message:"No Keys"}):e("tbody",{children:f.map(y=>e("tr",{children:y.getVisibleCells().map(p=>e("td",{children:W(p.column.columnDef.cell,p.getContext())},p.id))},y.id))})]})}function Kh(){const n=L.useLazyLoadQuery(Vo,{},{fetchPolicy:"network-only"});return s(qe,{children:[e(ne,{title:"System Keys",name:"System Keys",children:e(Ch,{query:n})}),e(ne,{title:"User Keys",name:"User Keys",children:e(Fh,{query:n})})]})}function Th(){const[n,a]=u.useState(null),t=Ce(),l=d=>{a(e(Ni,{jwt:d}))},[i,r]=L.useMutation(zo),o=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]);return s("div",{children:[e($t,{title:"API Keys",variant:"compact",extra:e(N,{size:"S",icon:e(D,{svg:e(on,{})}),onPress:()=>{a(e(zi,{onSubmit:o,isCommitting:r,defaultName:"System"}))},children:"System Key"}),children:e(u.Suspense,{fallback:e(C,{padding:"size-100",children:e(ye,{})}),children:e(Kh,{})})}),e(ee,{onDismiss:()=>{a(null)},children:n})]})}const Bo={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 {
|
|
3499
3499
|
...UsersTable_users
|
|
3500
3500
|
}
|
|
3501
3501
|
|
|
@@ -3552,21 +3552,21 @@ fragment UsersTable_users on Query {
|
|
|
3552
3552
|
) {
|
|
3553
3553
|
deleteUsers(input: $input)
|
|
3554
3554
|
}
|
|
3555
|
-
`}}}();Jo.hash="a718ceab0ec0a7d461f6cd5e5b178a1f";function Ih({userId:n,onDeleted:a,onClose:t}){const[l,i]=L.useMutation(Jo),r=
|
|
3555
|
+
`}}}();Jo.hash="a718ceab0ec0a7d461f6cd5e5b178a1f";function Ih({userId:n,onDeleted:a,onClose:t}){const[l,i]=L.useMutation(Jo),r=Ie(),o=Ce(),c=u.useCallback(()=>{l({variables:{input:{userIds:[n]}},onCompleted:()=>{r({title:"User deleted",message:"User has been deleted."}),a(),t()},onError:d=>{const m=Le(d);o({title:"Failed to delete user",message:(m==null?void 0:m[0])??d.message})}})},[l,o,r,t,a,n]);return s(J,{title:"Delete User",isDismissable:!0,onDismiss:t,children:[e(C,{padding:"size-200",children:e(F,{color:"danger",children:"Are you sure you want to delete this user? This action cannot be undone."})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:s(k,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(N,{variant:"default",onPress:t,children:"Cancel"}),e(N,{variant:"danger",onPress:()=>{c()},isDisabled:i,children:"Delete user"})]})})]})}const Zo=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(
|
|
3556
3556
|
$input: PatchUserInput!
|
|
3557
3557
|
) {
|
|
3558
3558
|
patchUser(input: $input) {
|
|
3559
3559
|
__typename
|
|
3560
3560
|
}
|
|
3561
3561
|
}
|
|
3562
|
-
`}}}();Zo.hash="85b22da61ec094c28e97db2759622b69";const Ca=4;function Dh({userId:n,onClose:a}){const t=Ce(),l=
|
|
3562
|
+
`}}}();Zo.hash="85b22da61ec094c28e97db2759622b69";const Ca=4;function Dh({userId:n,onClose:a}){const t=Ce(),l=Ie(),[i,r]=L.useMutation(Zo),{control:o,handleSubmit:c,formState:{isDirty:d}}=Be({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(J,{title:"Reset Password",isDismissable:!0,onDismiss:a,children:e(Me,{children:s(C,{padding:"size-200",children:[e(G,{name:"newPassword",control:o,rules:{required:"Password is required",minLength:{value:Ca,message:`Password must be at least ${Ca} characters`}},render:({field:{name:f,onChange:g,onBlur:y,value:p},fieldState:{invalid:h,error:b}})=>e(ae,{label:"New Password",type:"password",isRequired:!0,description:`Password must be at least ${Ca} characters`,name:f,errorMessage:b==null?void 0:b.message,validationState:h?"invalid":"valid",onChange:g,onBlur:y,defaultValue:p})}),e(G,{name:"confirmPassword",control:o,rules:{required:"Password is required",minLength:{value:Ca,message:`Password must be at least ${Ca} characters`},validate:(f,g)=>f===g.newPassword||"Passwords do not match"},render:({field:{name:f,onChange:g,onBlur:y,value:p},fieldState:{invalid:h,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:h?"invalid":"valid",onChange:g,onBlur:y,defaultValue:p})}),e(C,{paddingTop:"size-200",children:e(k,{direction:"row",gap:"size-100",justifyContent:"end",children:e(N,{variant:d?"primary":"default",type:"submit",isDisabled:r,onPress:()=>c(m)(),children:r?"Resetting...":"Reset Password"})})})]})})})}function Ph(n){return n==="LOCAL"}function Lh(n){const{userId:a,onUserDeleted:t,authMethod:l}=n,[i,r]=u.useState(null),o=u.useCallback(()=>{r(e(Ih,{userId:a,onClose:()=>r(null),onDeleted:()=>{t(),r(null)}}))},[a,t]),c=u.useCallback(()=>{r(e(Dh,{userId:a,onClose:()=>r(null)}))},[a]),d=u.useMemo(()=>{const m=e(ie,{children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(D,{svg:e(dn,{})}),e(B,{children:"Delete"})]})},"deleteUser"),f=e(ie,{children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(D,{svg:e(Ei,{})}),e(B,{children:"Reset Password"})]})},"resetPassword"),g=[m];return Ph(l)&&g.push(f),g},[l]);return s("div",{onClick:m=>{m.preventDefault(),m.stopPropagation()},children:[e(Jn,{align:"end","aria-label":"User Actions",buttonSize:"compact",onAction:m=>{switch(m){case"deleteUser":o();break;case"resetPassword":c();break}},children:d}),e(ee,{type:"modal",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}const Xo=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(
|
|
3563
3563
|
$input: PatchUserInput!
|
|
3564
3564
|
) {
|
|
3565
3565
|
patchUser(input: $input) {
|
|
3566
3566
|
__typename
|
|
3567
3567
|
}
|
|
3568
3568
|
}
|
|
3569
|
-
`}}}();Xo.hash="468eff05b42e39b55f9aa5b9a7d2c483";function _h({userId:n,email:a,currentRole:t,newRole:l,onRoleChanged:i,onClose:r}){const[o,c]=L.useMutation(Xo),d=
|
|
3569
|
+
`}}}();Xo.hash="468eff05b42e39b55f9aa5b9a7d2c483";function _h({userId:n,email:a,currentRole:t,newRole:l,onRoleChanged:i,onClose:r}){const[o,c]=L.useMutation(Xo),d=Ie(),m=Ce(),f=u.useCallback(()=>{o({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})}})},[o,l,m,d,r,i,n]);return s(J,{title:"Confirm role change",children:[e(C,{padding:"size-200",children:s(F,{children:[`Are you sure you want to change the role for ${a} from `," ",e("b",{children:Mt(t)})," to"," ",e("b",{children:Mt(l)}),"?"]})}),e(C,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:s(k,{direction:"row",justifyContent:"end",gap:"size-100",children:[e(N,{onPress:r,size:"S",children:"Cancel"}),e(N,{variant:"primary",size:"S",onPress:()=>{f()},isDisabled:c,children:"Change role"})]})})]})}const Eh=55,wh=v`
|
|
3570
3570
|
text-decoration: none;
|
|
3571
3571
|
color: var(--ac-global-color-grey-600);
|
|
3572
3572
|
font-size: 12px;
|
|
@@ -3575,7 +3575,7 @@ fragment UsersTable_users on Query {
|
|
|
3575
3575
|
}
|
|
3576
3576
|
`,Rh=v`
|
|
3577
3577
|
height: ${Eh}px;
|
|
3578
|
-
`,Ul=n=>n.email==="admin@localhost"||n.username==="admin";function Mh({query:n}){const[a,t]=u.useState(null),[l,i]=L.useRefetchableFragment(Wo,n),r=u.useMemo(()=>l.users.edges.map(({user:g})=>({id:g.id,email:g.email,username:g.username,profilePictureUrl:g.profilePictureUrl,createdAt:g.createdAt,role:g.role.name,authMethod:g.authMethod})),[l]),o=u.useCallback(()=>{u.startTransition(()=>{i({},{fetchPolicy:"network-only"})})},[i]),c=u.useMemo(()=>[{header:"user",accessorKey:"username",cell:({row:g})=>s(k,{direction:"row",gap:"size-50",alignItems:"center",children:[e(Vi,{name:g.original.username,profilePictureUrl:g.original.profilePictureUrl,size:20}),e("span",{children:g.original.username}),e("a",{href:`mailto:${g.original.email}`,css:wh,children:g.original.email})]})},{header:"method",accessorKey:"authMethod",size:10,cell:({row:g})=>g.original.authMethod.toLowerCase()},{header:"role",accessorKey:"role",cell:({row:g})=>Ul(g.original)?Mt(g.original.role):e(Iu,{includeLabel:!1,onChange:y=>{y!==g.original.role&&t(e(_h,{onClose:()=>t(null),onRoleChanged:o,currentRole:g.original.role,newRole:y,email:g.original.email,userId:g.original.id}))},role:xu(g.original.role)?g.original.role:void 0})},{header:"created at",accessorKey:"createdAt",cell:
|
|
3578
|
+
`,Ul=n=>n.email==="admin@localhost"||n.username==="admin";function Mh({query:n}){const[a,t]=u.useState(null),[l,i]=L.useRefetchableFragment(Wo,n),r=u.useMemo(()=>l.users.edges.map(({user:g})=>({id:g.id,email:g.email,username:g.username,profilePictureUrl:g.profilePictureUrl,createdAt:g.createdAt,role:g.role.name,authMethod:g.authMethod})),[l]),o=u.useCallback(()=>{u.startTransition(()=>{i({},{fetchPolicy:"network-only"})})},[i]),c=u.useMemo(()=>[{header:"user",accessorKey:"username",cell:({row:g})=>s(k,{direction:"row",gap:"size-50",alignItems:"center",children:[e(Vi,{name:g.original.username,profilePictureUrl:g.original.profilePictureUrl,size:20}),e("span",{children:g.original.username}),e("a",{href:`mailto:${g.original.email}`,css:wh,children:g.original.email})]})},{header:"method",accessorKey:"authMethod",size:10,cell:({row:g})=>g.original.authMethod.toLowerCase()},{header:"role",accessorKey:"role",cell:({row:g})=>Ul(g.original)?Mt(g.original.role):e(Iu,{includeLabel:!1,onChange:y=>{y!==g.original.role&&t(e(_h,{onClose:()=>t(null),onRoleChanged:o,currentRole:g.original.role,newRole:y,email:g.original.email,userId:g.original.id}))},role:xu(g.original.role)?g.original.role:void 0})},{header:"created at",accessorKey:"createdAt",cell:Ae},{header:"",accessorKey:"id",size:10,cell:({row:g})=>Ul(g.original)?null:e(k,{direction:"row",justifyContent:"end",width:"100%",children:e(Lh,{userId:g.original.id,onUserDeleted:o,authMethod:g.original.authMethod})}),meta:{textAlign:"right"}}],[o]),d=Ke({columns:c,data:r,getCoreRowModel:Te(),getSortedRowModel:Gn()}),m=d.getRowModel().rows,f=d.getRowModel().rows.length===0;return s("table",{css:tn,children:[e("thead",{children:d.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:s("div",{className:y.column.getCanSort()?"cursor-pointer":"",onClick:y.column.getToggleSortingHandler(),style:{left:y.getStart(),width:y.getSize()},children:[W(y.column.columnDef.header,y.getContext()),y.column.getIsSorted()?e(D,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(rn,{}):e(ln,{})}):null]})},y.id))},g.id))}),f?e(sn,{}):e("tbody",{children:m.map(g=>e("tr",{css:Rh,children:g.getVisibleCells().map(y=>e("td",{children:W(y.column.columnDef.cell,y.getContext())},y.id))},g.id))}),e(ee,{onDismiss:()=>t(null),isDismissable:!0,type:"modal",children:a})]})}function Ah(){const[n,a]=u.useState(0),[t,l]=u.useState(null),i=Ie(),r=Ce(),o=L.useLazyLoadQuery(Bo,{},{fetchKey:n,fetchPolicy:"store-and-network"});return s(j,{title:"Users",variant:"compact",bodyStyle:{padding:0,overflowX:"auto"},extra:e(N,{onPress:()=>{l(e(xh,{onDismiss:()=>{l(null)},onNewUserCreated:c=>{l(null),i({title:"User added",message:`User ${c} has been added.`}),a(d=>d+1)},onNewUserCreationError:c=>{const d=Le(c);r({title:"Error adding user",message:(d==null?void 0:d[0])??c.message})}}))},size:"S",icon:e(D,{svg:e(on,{})}),children:"Add User"}),children:[e(u.Suspense,{fallback:e(C,{padding:"size-200",children:e(ye,{})}),children:e(Mh,{query:o})}),e(ee,{onDismiss:()=>{l(null)},children:t})]})}const Nh=v`
|
|
3579
3579
|
overflow-y: auto;
|
|
3580
3580
|
`,zh=v`
|
|
3581
3581
|
padding: var(--ac-global-dimension-size-400);
|
|
@@ -3631,7 +3631,7 @@ fragment UsersTable_users on Query {
|
|
|
3631
3631
|
text-decoration: underline;
|
|
3632
3632
|
}
|
|
3633
3633
|
}
|
|
3634
|
-
`,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 $h(n){const a=Y(),{initialError:t,onSubmit:l}=n,[i,r]=u.useState(t),[o,c]=u.useState(!1),d=u.useCallback(async g=>{l==null||l(),r(null),c(!0);try{const p=await fetch(wa("/auth/login"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(g)});if(!p.ok){const h=p.status===429?"Too many requests. Please try again later.":"Invalid login";r(h);return}}catch{r("Invalid login");return}finally{c(()=>!1)}const y=Pu();a(y)},[a,l,r]),{control:m,handleSubmit:f}=Be({defaultValues:{email:"",password:""}});return s(B,{children:[i?s(C,{paddingBottom:"size-100",children:[e(ce,{variant:"danger",children:i})," "]}):null,s(
|
|
3634
|
+
`,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 $h(n){const a=Y(),{initialError:t,onSubmit:l}=n,[i,r]=u.useState(t),[o,c]=u.useState(!1),d=u.useCallback(async g=>{l==null||l(),r(null),c(!0);try{const p=await fetch(wa("/auth/login"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(g)});if(!p.ok){const h=p.status===429?"Too many requests. Please try again later.":"Invalid login";r(h);return}}catch{r("Invalid login");return}finally{c(()=>!1)}const y=Pu();a(y)},[a,l,r]),{control:m,handleSubmit:f}=Be({defaultValues:{email:"",password:""}});return s(B,{children:[i?s(C,{paddingBottom:"size-100",children:[e(ce,{variant:"danger",children:i})," "]}):null,s(Me,{children:[e(G,{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"})}),s("div",{css:v`
|
|
3635
3635
|
position: relative;
|
|
3636
3636
|
a {
|
|
3637
3637
|
position: absolute;
|
|
@@ -3705,14 +3705,14 @@ fragment UsersTable_users on Query {
|
|
|
3705
3705
|
__typename
|
|
3706
3706
|
}
|
|
3707
3707
|
}
|
|
3708
|
-
`}}}();Yo.hash="f8f5c30b0e00c17cdda7557c73c3c2d3";const Fa=4;function Bh(){const n=Y(),a=Ce(),[t,l]=L.useMutation(Yo),{control:i,handleSubmit:r}=Be({defaultValues:{currentPassword:"",newPassword:"",confirmPassword:""}}),o=u.useCallback(c=>{t({variables:{input:{currentPassword:c.currentPassword,newPassword:c.newPassword}},onCompleted:()=>{const d=$i({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 s(
|
|
3708
|
+
`}}}();Yo.hash="f8f5c30b0e00c17cdda7557c73c3c2d3";const Fa=4;function Bh(){const n=Y(),a=Ce(),[t,l]=L.useMutation(Yo),{control:i,handleSubmit:r}=Be({defaultValues:{currentPassword:"",newPassword:"",confirmPassword:""}}),o=u.useCallback(c=>{t({variables:{input:{currentPassword:c.currentPassword,newPassword:c.newPassword}},onCompleted:()=>{const d=$i({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 s(Me,{onSubmit:r(o),children:[e(G,{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(G,{name:"newPassword",control:i,rules:{required:"Password is required",minLength:{value:Fa,message:`Password must be at least ${Fa} 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 ${Fa} characters`,name:c,errorMessage:y==null?void 0:y.message,validationState:g?"invalid":"valid",onChange:d,onBlur:m,defaultValue:f})}),e(G,{name:"confirmPassword",control:i,rules:{required:"Password is required",minLength:{value:Fa,message:`Password must be at least ${Fa} 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(C,{paddingTop:"size-200",children:s("div",{css:v`
|
|
3709
3709
|
display: flex;
|
|
3710
3710
|
flex-direction: row;
|
|
3711
3711
|
gap: var(--ac-global-dimension-size-200);
|
|
3712
3712
|
& > * {
|
|
3713
3713
|
width: 50%;
|
|
3714
3714
|
}
|
|
3715
|
-
`,children:[e(N,{onPress:()=>{n(-1)},children:"Cancel"}),e(N,{variant:"primary",type:"submit",isDisabled:l,children:l?"Resetting...":"Reset Password"})]})})]})}function fk(){return s(pt,{children:[e(k,{direction:"column",gap:"size-200",alignItems:"center",children:e(C,{paddingBottom:"size-200",children:e(ml,{})})}),e(Bh,{})]})}const Ka=4,Hh="An error occurred. Please try resetting again.";function Gh({resetToken:n}){const a=Y(),[t,l]=u.useState(null),[i,r]=u.useState(!1),o=u.useCallback(async({resetToken:f,newPassword:g})=>{l(null),r(!0);try{const y=await fetch(wa("/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(Hh);return}finally{r(()=>!1)}a(`/login?message=${encodeURIComponent("Password has been reset.")}`)},[l,a]),{control:c,handleSubmit:d,formState:{isDirty:m}}=Be({defaultValues:{resetToken:n,newPassword:"",confirmPassword:""}});return s(B,{children:[t?e(C,{paddingBottom:"size-100",children:e(ce,{variant:"danger",children:t})}):null,s(
|
|
3715
|
+
`,children:[e(N,{onPress:()=>{n(-1)},children:"Cancel"}),e(N,{variant:"primary",type:"submit",isDisabled:l,children:l?"Resetting...":"Reset Password"})]})})]})}function fk(){return s(pt,{children:[e(k,{direction:"column",gap:"size-200",alignItems:"center",children:e(C,{paddingBottom:"size-200",children:e(ml,{})})}),e(Bh,{})]})}const Ka=4,Hh="An error occurred. Please try resetting again.";function Gh({resetToken:n}){const a=Y(),[t,l]=u.useState(null),[i,r]=u.useState(!1),o=u.useCallback(async({resetToken:f,newPassword:g})=>{l(null),r(!0);try{const y=await fetch(wa("/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(Hh);return}finally{r(()=>!1)}a(`/login?message=${encodeURIComponent("Password has been reset.")}`)},[l,a]),{control:c,handleSubmit:d,formState:{isDirty:m}}=Be({defaultValues:{resetToken:n,newPassword:"",confirmPassword:""}});return s(B,{children:[t?e(C,{paddingBottom:"size-100",children:e(ce,{variant:"danger",children:t})}):null,s(Me,{onSubmit:d(o),children:[e(G,{name:"newPassword",control:c,rules:{required:"Password is required",minLength:{value:Ka,message:`Password must be at least ${Ka} characters`}},render:({field:{name:f,onChange:g,onBlur:y,value:p},fieldState:{invalid:h,error:b}})=>e(ae,{label:"New Password",type:"password",isRequired:!0,description:`Password must be at least ${Ka} characters`,name:f,errorMessage:b==null?void 0:b.message,validationState:h?"invalid":"valid",onChange:g,onBlur:y,defaultValue:p})}),e(G,{name:"confirmPassword",control:c,rules:{required:"Password is required",minLength:{value:Ka,message:`Password must be at least ${Ka} characters`},validate:(f,g)=>f===g.newPassword||"Passwords do not match"},render:({field:{name:f,onChange:g,onBlur:y,value:p},fieldState:{invalid:h,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:h?"invalid":"valid",onChange:g,onBlur:y,defaultValue:p})}),e("div",{css:v`
|
|
3716
3716
|
margin-top: var(--ac-global-dimension-size-200);
|
|
3717
3717
|
margin-bottom: var(--ac-global-dimension-size-50);
|
|
3718
3718
|
button {
|
|
@@ -3724,7 +3724,7 @@ fragment UsersTable_users on Query {
|
|
|
3724
3724
|
email
|
|
3725
3725
|
}
|
|
3726
3726
|
}
|
|
3727
|
-
`}}}();ed.hash="ccd75708c3ba7c1b283f7858dfa8d20e";async function kk(){const n=await L.fetchQuery(Ne,ed,{}).toPromise();return n!=null&&n.viewer?n:Ga("/login")}function Wh({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(wa("/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:o,handleSubmit:c}=Be({defaultValues:{email:""}});return s(B,{children:[a?e(C,{paddingBottom:"size-100",children:e(ce,{variant:"danger",children:a})}):null,s(
|
|
3727
|
+
`}}}();ed.hash="ccd75708c3ba7c1b283f7858dfa8d20e";async function kk(){const n=await L.fetchQuery(Ne,ed,{}).toPromise();return n!=null&&n.viewer?n:Ga("/login")}function Wh({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(wa("/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:o,handleSubmit:c}=Be({defaultValues:{email:""}});return s(B,{children:[a?e(C,{paddingBottom:"size-100",children:e(ce,{variant:"danger",children:a})}):null,s(Me,{onSubmit:c(r),children:[e(G,{name:"email",control:o,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:v`
|
|
3728
3728
|
margin-top: var(--ac-global-dimension-size-200);
|
|
3729
3729
|
margin-bottom: var(--ac-global-dimension-size-50);
|
|
3730
3730
|
button {
|
|
@@ -3808,14 +3808,14 @@ fragment APIKeysTableFragment on User {
|
|
|
3808
3808
|
}
|
|
3809
3809
|
id
|
|
3810
3810
|
}
|
|
3811
|
-
`}}}();td.hash="6c32098d55e4cba859dcec73f3ccd28c";const ld=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:td,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}}();ld.hash="6c32098d55e4cba859dcec73f3ccd28c";const Gl=70;function Jh({query:n}){const[a,t]=L.useRefetchableFragment(ld,n),l=
|
|
3811
|
+
`}}}();td.hash="6c32098d55e4cba859dcec73f3ccd28c";const ld=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:td,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}}();ld.hash="6c32098d55e4cba859dcec73f3ccd28c";const Gl=70;function Jh({query:n}){const[a,t]=L.useRefetchableFragment(ld,n),l=Ie(),[i]=L.useMutation(ad),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]),o=u.useMemo(()=>[...a.apiKeys],[a]),c=u.useMemo(()=>[{header:"Name",accessorKey:"name",size:100,cell:pe},{header:"Description",accessorKey:"description",cell:pe},{header:"Created At",accessorKey:"createdAt",size:Gl,cell:Ae},{header:"Expires At",accessorKey:"expiresAt",size:Gl,cell:Ae},{header:"",accessorKey:"id",size:10,cell:({row:y})=>e(k,{direction:"row",justifyContent:"end",width:"100%",children:e(al,{handleDelete:()=>{r(y.original.id)}})}),meta:{textAlign:"right"}}],[r]),d=Ke({columns:c,data:o,getCoreRowModel:Te()}),m=d.getRowModel().rows,f=d.getRowModel().rows.length===0;return s("table",{css:tn,children:[e("thead",{children:d.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(y=>e("th",{colSpan:y.colSpan,children:y.isPlaceholder?null:s("div",{className:y.column.getCanSort()?"cursor-pointer":"",onClick:y.column.getToggleSortingHandler(),style:{left:y.getStart(),width:y.getSize()},children:[W(y.column.columnDef.header,y.getContext()),y.column.getIsSorted()?e(D,{className:"sort-icon",svg:y.column.getIsSorted()==="asc"?e(rn,{}):e(ln,{})}):null]})},y.id))},g.id))}),f?e(sn,{message:"No Keys"}):e("tbody",{children:m.map(g=>e("tr",{children:g.getVisibleCells().map(y=>e("td",{children:W(y.column.columnDef.cell,y.getContext())},y.id))},g.id))})]})}function Zh({viewer:n}){const[a,t]=u.useState(null),l=Ce(),[i,r]=L.useMutation(nd),o=u.useCallback(c=>{i({variables:{input:{...c,expiresAt:c.expiresAt||null}},onCompleted:d=>{t(e(Ni,{jwt:d.createUserApiKey.jwt}))},onError:d=>{l({title:"Error creating API key",message:d.message})}})},[i,l]);return s(j,{title:"API Keys",variant:"compact",bodyStyle:{padding:0},extra:e(N,{size:"S",icon:e(D,{svg:e(on,{})}),onPress:()=>t(e(zi,{onSubmit:o,isCommitting:r})),children:"New Key"}),children:[e(Jh,{query:n}),e(ee,{onDismiss:()=>{t(null)},children:a})]})}const id=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(
|
|
3812
3812
|
$input: PatchViewerInput!
|
|
3813
3813
|
) {
|
|
3814
3814
|
patchViewer(input: $input) {
|
|
3815
3815
|
__typename
|
|
3816
3816
|
}
|
|
3817
3817
|
}
|
|
3818
|
-
`}}}();id.hash="4a11ca65151d84fe95f636763c91dc68";function Xh(){const{viewer:n,refetchViewer:a}=Oi(),t=Ce(),l=
|
|
3818
|
+
`}}}();id.hash="4a11ca65151d84fe95f636763c91dc68";function Xh(){const{viewer:n,refetchViewer:a}=Oi(),t=Ce(),l=Ie(),[i,r]=L.useMutation(id),o=Y(),{control:c,handleSubmit:d,formState:{isDirty:m},reset:f}=Be({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?s(j,{title:"Profile",variant:"compact",bodyStyle:{padding:0},extra:n.authMethod==="LOCAL"&&e(N,{size:"S",onPress:()=>{o("/reset-password")},children:"Reset Password"}),children:[e(C,{paddingTop:"size-200",paddingStart:"size-200",paddingEnd:"size-200",children:s(k,{direction:"row",gap:"size-200",alignItems:"center",children:[e(Vi,{name:n.username||n.email,profilePictureUrl:n.profilePictureUrl}),s(k,{direction:"column",gap:"size-50",children:[e(se,{level:2,weight:"heavy",children:n.username||n.email}),e(F,{children:n.role.name.toLocaleLowerCase()})]})]})}),e(C,{children:s(Me,{onSubmit:d(g),children:[s(C,{padding:"size-200",children:[e(ae,{label:"Email",value:n.email,isReadOnly:!0}),e(G,{name:"username",control:c,rules:{required:"A username is required as it needs to be unique"},render:({field:{name:y,onChange:p,onBlur:h,value:b},fieldState:{invalid:K,error:T}})=>e(ae,{label:"Username",isRequired:!0,description:"A unique username",name:y,errorMessage:T==null?void 0:T.message,validationState:K?"invalid":"valid",onChange:p,onBlur:h,defaultValue:b})})]}),e(C,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-200",paddingEnd:"size-200",borderTopColor:"dark",borderTopWidth:"thin",children:e(k,{direction:"row",gap:"size-100",justifyContent:"end",children:e(N,{variant:m?"primary":"default",size:"S",isDisabled:!m,onPress:()=>{d(g)()},children:r?"Saving...":"Save"})})})]})})]}):null}const Yh=v`
|
|
3819
3819
|
overflow-y: auto;
|
|
3820
3820
|
`,e0=v`
|
|
3821
3821
|
padding: var(--ac-global-dimension-size-400);
|
|
@@ -3842,7 +3842,7 @@ ${Array.from(n.reduce((a,t)=>(t.dependencies.forEach(l=>a.add(l)),a),new Set)).m
|
|
|
3842
3842
|
.ac-dropdown-button {
|
|
3843
3843
|
min-width: 0px;
|
|
3844
3844
|
}
|
|
3845
|
-
`,children:s(Wn,{placement:"bottom",isOpen:i,onOpenChange:o=>{r(o)},children:[e(Ot,{size:"compact",isDisabled:a,children:"API Keys"}),e(Ya,{children:e(C,{padding:"size-200",children:s(
|
|
3845
|
+
`,children:s(Wn,{placement:"bottom",isOpen:i,onOpenChange:o=>{r(o)},children:[e(Ot,{size:"compact",isDisabled:a,children:"API Keys"}),e(Ya,{children:e(C,{padding:"size-200",children:s(Me,{onSubmit:o=>{o.preventDefault(),r(!1)},children:[e(se,{level:2,weight:"heavy",children:"API Keys"}),e(F,{color:"text-700",children:"API keys are stored in your browser and used to communicate with their respective API's."}),e(k,{direction:"column",gap:"size-100",children:n.map(o=>{const c=i0[o];return e(ae,{label:c,type:"password",isRequired:!0,onChange:d=>{t({provider:o,value:d})},value:l[o],description:`Alternatively, you can set the "${c}" environment variable on the phoenix server.`},o)})})]})})})]})})}const Wl=30,s0=v`
|
|
3846
3846
|
display: flex;
|
|
3847
3847
|
direction: row;
|
|
3848
3848
|
align-items: center;
|
|
@@ -4073,7 +4073,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
4073
4073
|
justify-content: flex-start;
|
|
4074
4074
|
align-items: flex-end;
|
|
4075
4075
|
gap: var(--ac-global-dimension-static-size-100);
|
|
4076
|
-
`,children:(m=t.annotations)==null?void 0:m.edges.map(f=>e("li",{children:e(kn,{annotation:f.annotation})},f.annotation.id))})]})]})})]})})]})})}function m0({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(Fe,{latencyMs:t})}function g0({error:n}){return s(k,{direction:"row",gap:"size-50",alignItems:"center",children:[e(D,{svg:e(nl,{}),color:"danger"}),e(F,{color:"danger",children:n})]})}const Jl={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}};function fd({traceId:n,projectId:a,title:t}){const l=Y();return e(J,{title:t,size:"fullscreen",extra:e(N,{onPress:()=>l(`/projects/${a}/traces/${n}`),children:"View Trace in Project"}),children:e(dl,{traceId:n,projectId:a})})}const p0=n=>{const a=n;return Tn(a.function)?typeof a.function.arguments=="string":!1};function hd({toolCall:n}){const a=u.useMemo(()=>{const{provider:t,validatedToolCall:l}=wu(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(!p0(n))return null;const{json:i}=
|
|
4076
|
+
`,children:(m=t.annotations)==null?void 0:m.edges.map(f=>e("li",{children:e(kn,{annotation:f.annotation})},f.annotation.id))})]})]})})]})})]})})}function m0({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(Fe,{latencyMs:t})}function g0({error:n}){return s(k,{direction:"row",gap:"size-50",alignItems:"center",children:[e(D,{svg:e(nl,{}),color:"danger"}),e(F,{color:"danger",children:n})]})}const Jl={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}};function fd({traceId:n,projectId:a,title:t}){const l=Y();return e(J,{title:t,size:"fullscreen",extra:e(N,{onPress:()=>l(`/projects/${a}/traces/${n}`),children:"View Trace in Project"}),children:e(dl,{traceId:n,projectId:a})})}const p0=n=>{const a=n;return Tn(a.function)?typeof a.function.arguments=="string":!1};function hd({toolCall:n}){const a=u.useMemo(()=>{const{provider:t,validatedToolCall:l}=wu(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(!p0(n))return null;const{json:i}=xe(n.function.arguments);return{name:n.function.name??"",input:Tn(i)?i:n.function.arguments}}default:return me()}},[n]);return a==null?s(F,{children:["Invalid tool call format: ",JSON.stringify(n)]}):s("pre",{css:v`
|
|
4077
4077
|
text-wrap: wrap;
|
|
4078
4078
|
margin: var(--ac-global-dimension-static-size-100) 0;
|
|
4079
4079
|
`,children:[a.name,"(",typeof a.input=="string"?a.input:JSON.stringify(a.input,null,2),")"]})}const y0=10,f0=n=>n.examples.reduce((a,t)=>{const{datasetExampleId:l,result:i,experimentRunId:r}=t,o={experimentRunId:r};switch(i.__typename){case"ChatCompletionMutationError":return{...a,[l]:{...o,errorMessage:i.message}};case"ChatCompletionMutationPayload":{const{errorMessage:c,content:d,span:m,toolCalls:f}=i;return{...a,[l]:{...o,span:m,content:d,errorMessage:c,toolCalls:f.reduce((g,y)=>(g[y.id]=y,g),{})}}}case"%other":return a;default:me()}},{}),h0=v`
|
|
@@ -4110,9 +4110,9 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
4110
4110
|
overflow-y: auto;
|
|
4111
4111
|
padding: var(--ac-global-dimension-static-size-100)
|
|
4112
4112
|
var(--ac-global-dimension-static-size-200);
|
|
4113
|
-
`,children:n})}function b0({getValue:n,collapseSingleKey:a}){const t=n();return e(bd,{children:e(Ra,{json:t,space:2,collapseSingleKey:a})})}function S0({isRunning:n,instanceVariables:a,datasetExampleInput:t}){const l=u.useMemo(()=>{const i=Tn(t)?t:{};return a.filter(r=>i[r]==null)},[t,a]);return n?e(ye,{}):l.length===0?null:e(pl,{children:`Missing input for variable${l.length>1?"s":""}: ${l.join(", ")}`})}function v0({exampleData:n,setDialog:a}){const{span:t,content:l,toolCalls:i,errorMessage:r,experimentRunId:o}=n,c=t!=null,d=o!=null,m=u.useMemo(()=>{if(c||d)return s(B,{children:[d&&s(ue,{children:[e(N,{size:"S","aria-label":"View experiment run details",icon:e(D,{svg:e(Pa,{})}),onPress:()=>{u.startTransition(()=>{a(e(u0,{runId:o}))})}}),e(
|
|
4114
|
-
`),expireMs:1e4}):T({title:"Failed to get output",message:na.message,expireMs:1e4})}},za=Xa.requestSubscription(a,ht);fe.push(za)}return()=>{for(const
|
|
4115
|
-
`),expireMs:1e4}):T({title:"Failed to get output",message:za.message,expireMs:1e4})}});fe.push(ht)}return()=>{for(const
|
|
4113
|
+
`,children:n})}function b0({getValue:n,collapseSingleKey:a}){const t=n();return e(bd,{children:e(Ra,{json:t,space:2,collapseSingleKey:a})})}function S0({isRunning:n,instanceVariables:a,datasetExampleInput:t}){const l=u.useMemo(()=>{const i=Tn(t)?t:{};return a.filter(r=>i[r]==null)},[t,a]);return n?e(ye,{}):l.length===0?null:e(pl,{children:`Missing input for variable${l.length>1?"s":""}: ${l.join(", ")}`})}function v0({exampleData:n,setDialog:a}){const{span:t,content:l,toolCalls:i,errorMessage:r,experimentRunId:o}=n,c=t!=null,d=o!=null,m=u.useMemo(()=>{if(c||d)return s(B,{children:[d&&s(ue,{children:[e(N,{size:"S","aria-label":"View experiment run details",icon:e(D,{svg:e(Pa,{})}),onPress:()=>{u.startTransition(()=>{a(e(u0,{runId:o}))})}}),e(Pe,{children:"View run details"})]}),c&&e(B,{children:s(ue,{children:[e(N,{size:"S","aria-label":"View run trace",icon:e(D,{svg:e(lt,{})}),onPress:()=>{u.startTransition(()=>{a(e(fd,{traceId:t.context.traceId,projectId:t.project.id,title:"Experiment Run Trace"}))})}}),e(Pe,{children:"View Trace"})]})})]})},[o,d,c,a,t]);return e(kd,{controls:m,children:s(k,{direction:"column",gap:"size-200",children:[r!=null?e(pl,{children:r}):null,e(F,{children:l}),i!=null?Object.values(i).map(f=>f==null?null:e(hd,{toolCall:f},f.id)):null,c?e(F0,{span:t}):null]})})}const C0=u.memo(function({isRunning:a,instanceId:t,exampleId:l,setDialog:i,instanceVariables:r,datasetExampleInput:o}){const c=ia(d=>{var m;return(m=d.exampleResponsesMap[t])==null?void 0:m[l]});return c==null?e(S0,{isRunning:a,instanceVariables:r,datasetExampleInput:o}):e(v0,{exampleData:c,setDialog:i})});function F0({span:n}){return s(k,{direction:"row",gap:"size-100",alignItems:"center",children:[e(_n,{tokenCountTotal:n.tokenCountTotal||0,tokenCountPrompt:n.tokenCountPrompt||0,tokenCountCompletion:n.tokenCountCompletion||0}),e(Fe,{latencyMs:n.latencyMs||0})]})}function Sd({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:W(t.column.columnDef.cell,t.getContext())},t.id))},a.id))})}const K0=ve.memo(Sd,(n,a)=>n.table.options.data===a.table.options.data);function T0({datasetId:n}){const a=L.useRelayEnvironment(),t=$(V=>V.instances),l=$(V=>V.templateLanguage),i=$(V=>V.updateInstance),r=ia(V=>V.updateExampleData),o=ia(V=>V.setExampleDataForInstance),c=ia(V=>V.resetExampleData),d=ia(V=>V.appendExampleDataToolCallChunk),m=ia(V=>V.appendExampleDataTextChunk),[f,g]=u.useState(null),y=Y(),p=t.some(V=>V.activeRunId!==null),h=Ja(V=>V),b=$(V=>V.markPlaygroundInstanceComplete),K=sd(),T=Ce(),I=u.useCallback(V=>le=>{var fe;if(le==null)return;const X=le.chatCompletionOverDataset;switch(X.__typename){case"ChatCompletionSubscriptionExperiment":i({instanceId:V,patch:{experimentId:X.experiment.id}});break;case"ChatCompletionSubscriptionResult":if(X.datasetExampleId==null)return;r({instanceId:V,exampleId:X.datasetExampleId,patch:{span:X.span,experimentRunId:(fe=X.experimentRun)==null?void 0:fe.id}});break;case"ChatCompletionSubscriptionError":if(X.datasetExampleId==null)return;r({instanceId:V,exampleId:X.datasetExampleId,patch:{errorMessage:X.message}});break;case"TextChunk":if(X.datasetExampleId==null)return;m({instanceId:V,exampleId:X.datasetExampleId,textChunk:X.content});break;case"ToolCallChunk":{if(X.datasetExampleId==null)return;d({instanceId:V,exampleId:X.datasetExampleId,toolCallChunk:X});break}case"%other":return;default:return me()}},[m,d,r,i]),[P]=L.useMutation(dd),w=u.useCallback(V=>(le,X)=>{if(b(V),X){T({title:"Chat completion failed",message:X[0].message});return}i({instanceId:V,patch:{experimentId:le.chatCompletionOverDataset.experimentId}}),o({instanceId:V,data:f0(le.chatCompletionOverDataset)})},[b,T,o,i]);u.useEffect(()=>{if(!p)return;const{instances:V,streaming:le,updateInstance:X}=K.getState();if(c(),le){const fe=[];for(const De of V){const{activeRunId:yt}=De;if(X({instanceId:De.id,patch:{experimentId:null}}),yt===null)continue;const ft={input:Ll({credentials:h,instanceId:De.id,playgroundStore:K,datasetId:n})},ht={subscription:cd,variables:ft,onNext:I(De.id),onCompleted:()=>{b(De.id)},onError:na=>{b(De.id);const kt=Qi(na);kt!=null&&kt.length>0?T({title:"Failed to get output",message:kt.join(`
|
|
4114
|
+
`),expireMs:1e4}):T({title:"Failed to get output",message:na.message,expireMs:1e4})}},za=Xa.requestSubscription(a,ht);fe.push(za)}return()=>{for(const De of fe)De.dispose()}}else{const fe=[];for(const De of V){const{activeRunId:yt}=De;if(yt===null)continue;X({instanceId:De.id,patch:{experimentId:null}});const ft={input:Ll({credentials:h,instanceId:De.id,playgroundStore:K,datasetId:n})},ht=P({variables:ft,onCompleted:w(De.id),onError(za){b(De.id);const na=Le(za);na!=null&&na.length>0?T({title:"Failed to get output",message:na.join(`
|
|
4115
|
+
`),expireMs:1e4}):T({title:"Failed to get output",message:za.message,expireMs:1e4})}});fe.push(ht)}return()=>{for(const De of fe)De.dispose()}}},[h,n,a,P,p,b,T,w,I,K,c]);const{dataset:S}=L.useLazyLoadQuery(gd,{datasetId:n}),x=u.useRef(null),{data:_,loadNext:E,hasNext:O,isLoadingNext:z}=L.usePaginationFragment(md,S),H=u.useMemo(()=>_.examples.edges.map(V=>{const le=V.example,X=le.revision;return{id:le.id,input:X.input,output:X.output}}),[_]),Z=u.useMemo(()=>t.map((V,le)=>{const X=ar({instance:V,templateLanguage:l});return{id:`instance-${V.id}`,header:()=>s(k,{direction:"row",gap:"size-100",alignItems:"center",children:[e(tl,{index:le}),e("span",{children:"Output"})]}),cell:({row:fe})=>e(C0,{instanceId:V.id,exampleId:fe.original.id,isRunning:p,setDialog:g,instanceVariables:X,datasetExampleInput:fe.original.input}),size:500}}),[p,t,l]),oe=[{header:"input",accessorKey:"input",cell:({row:V})=>e(kd,{controls:s(ue,{children:[e(N,{size:"S","aria-label":"View example details",icon:e(D,{svg:e(Pa,{})}),onPress:()=>{y(`/playground/datasets/${n}/examples/${V.original.id}`)}}),e(Pe,{children:"View Example"})]}),children:e(bd,{children:e(Ra,{json:V.original.input,disableTitle:!0,space:2,collapseSingleKey:!1})})}),size:200},{header:"reference output",accessorKey:"output",cell:V=>b0({...V,collapseSingleKey:!0}),size:200},...Z],A=Ke({columns:oe,data:H,getCoreRowModel:Te(),columnResizeMode:"onChange"}),M=A.getRowModel().rows.length===0,q=u.useCallback(V=>{if(V){const{scrollHeight:le,scrollTop:X,clientHeight:fe}=V;le-X-fe<300&&!z&&O&&E(y0)}},[O,z,E]),te=ve.useMemo(()=>{const V=A.getFlatHeaders(),le={};for(let X=0;X<V.length;X++){const fe=V[X];le[`--header-${fe.id}-size`]=fe.getSize(),le[`--col-${fe.column.id}-size`]=fe.column.getSize()}return le},[A.getState().columnSizingInfo,A.getState().columnSizing,oe.length]);return s("div",{css:v`
|
|
4116
4116
|
flex: 1 1 auto;
|
|
4117
4117
|
overflow: auto;
|
|
4118
4118
|
height: 100%;
|
|
@@ -4160,7 +4160,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
4160
4160
|
}
|
|
4161
4161
|
}
|
|
4162
4162
|
}
|
|
4163
|
-
`}}}();Cd.hash="bb5936a61a0e99dbb4a298a6e552a01c";const E0=({instance:n,outputContent:a,toolCalls:t,cleanupOutput:l})=>{const i=n.id,r=$(o=>o.updateInstance);return s(ue,{delay:500,offset:10,children:[e(N,{size:"S",icon:e(D,{svg:e(on,{})}),"aria-label":"Move the output message to the end of the prompt",onPress:()=>{if(n.template.__type!=="chat")return;const o=Array.isArray(a)?a:a?[{id:Da(),role:Wa("ai"),content:a}]:[];t.length>0&&o.push({id:Da(),role:Wa("ai"),toolCalls:ji({provider:n.model.provider,toolCalls:t.map(c=>{var d;return{...c,function:{...c.function,arguments:((d=
|
|
4163
|
+
`}}}();Cd.hash="bb5936a61a0e99dbb4a298a6e552a01c";const E0=({instance:n,outputContent:a,toolCalls:t,cleanupOutput:l})=>{const i=n.id,r=$(o=>o.updateInstance);return s(ue,{delay:500,offset:10,children:[e(N,{size:"S",icon:e(D,{svg:e(on,{})}),"aria-label":"Move the output message to the end of the prompt",onPress:()=>{if(n.template.__type!=="chat")return;const o=Array.isArray(a)?a:a?[{id:Da(),role:Wa("ai"),content:a}]:[];t.length>0&&o.push({id:Da(),role:Wa("ai"),toolCalls:ji({provider:n.model.provider,toolCalls:t.map(c=>{var d;return{...c,function:{...c.function,arguments:((d=xe(c.function.arguments))==null?void 0:d.json)??c.function.arguments}}})})}),r({instanceId:i,patch:{template:{__type:"chat",messages:[...n.template.messages,...o]}}}),l()},children:"Prompt"}),e(Pe,{children:"Move the output message to the end of the prompt"})]})},Fd=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(
|
|
4164
4164
|
$spanId: GlobalID!
|
|
4165
4165
|
) {
|
|
4166
4166
|
span: node(id: $spanId) {
|
|
@@ -4182,7 +4182,7 @@ fragment PlaygroundDatasetExamplesTableFragment on Dataset {
|
|
|
4182
4182
|
}
|
|
4183
4183
|
}
|
|
4184
4184
|
`}}}();Fd.hash="c89cb87e785645bbf42e3eadbacc4fc0";function w0({spanId:n}){const[a,t]=u.useState(null),l=L.useLazyLoadQuery(Fd,{spanId:n});if(!l.span||!l.span.project||!l.span.context)return null;const{project:i,context:{traceId:r}}=l.span;return s(C,{borderTopColor:"light",borderTopWidth:"thin",paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",children:[s(k,{direction:"row",gap:"size-200",justifyContent:"space-between",children:[s(k,{direction:"row",gap:"size-100",alignItems:"center",children:[e(_n,{tokenCountTotal:l.span.tokenCountTotal||0,tokenCountPrompt:l.span.tokenCountPrompt||0,tokenCountCompletion:l.span.tokenCountCompletion||0}),e(Fe,{latencyMs:l.span.latencyMs||0})]}),s(k,{direction:"row",gap:"size-100",alignItems:"center",children:[e(N,{size:"S",icon:e(D,{svg:e(Bt,{})}),onPress:()=>t(e(ci,{spanNodeId:n,projectId:i.id})),children:"Annotate"}),e(N,{size:"S",icon:e(D,{svg:e(lt,{})}),onPress:()=>{u.startTransition(()=>{t(e(u.Suspense,{children:e(fd,{traceId:r,projectId:i.id,title:"Playground Trace"})}))})},children:"View Trace"})]})]}),e(ee,{type:"slideOver",isDismissable:!0,onDismiss:()=>t(null),children:a})]})}function R0({index:n,title:a}){return s(k,{direction:"row",gap:"size-100",alignItems:"center",children:[e(tl,{index:n}),e("span",{children:a})]})}const M0=n=>Tn(n)&&(typeof n.id=="string"||typeof n.id=="number")?n.id:JSON.stringify(n);function Zl({message:n}){const{role:a,content:t,toolCalls:l}=n,i=gt(a);return s(j,{title:a,...i,variant:"compact",extra:e(en,{}),children:[t!=null&&!Array.isArray(t)&&e(ha,{children:t}),l&&l.length>0?l.map(r=>e(hd,{toolCall:r},M0(r))):null]})}function A0({content:n,partialToolCalls:a}){return Jm(n)?n.map((t,l)=>e(Zl,{message:t},l)):typeof n=="string"||a.length>0?e(Zl,{message:{id:Da(),content:n,role:"ai",toolCalls:a}}):"click run to see output"}function N0(n){const a=n.playgroundInstanceId,t=$(z=>z.instances),l=$(z=>z.streaming),i=Ja(z=>z),r=$(z=>z.instances.findIndex(H=>H.id===a)),o=t.find(z=>z.id===a),c=$(z=>z.updateInstance),[d,m]=u.useState(null),f=$(z=>z.markPlaygroundInstanceComplete),g=L.useRelayEnvironment(),y=sd();if(!o)throw new Error(`No instance found for id ${a}`);if(o.template.__type!=="chat")throw new Error("We only support chat templates for now");const[p,h]=u.useState(!1),[b]=L.useMutation(vd),K=(o==null?void 0:o.activeRunId)!=null,T=Ce(),I=u.useCallback(({title:z,message:H,...Z})=>{m({title:z,message:H}),T({title:z,message:H,...Z})},[T]),[P,w]=u.useState(o.output),[S,x]=u.useState([]),_=u.useCallback(({chatCompletion:z})=>{if(h(!1),z.__typename==="TextChunk"){const H=z.content;w(Z=>Z!=null?Z+H:H);return}else if(z.__typename==="ToolCallChunk"){x(H=>{let Z=!1;const oe=H.map(A=>A.id===z.id?(Z=!0,{...A,function:{...A.function,arguments:A.function.arguments+z.function.arguments}}):A);return Z||oe.push({id:z.id,function:{name:z.function.name,arguments:z.function.arguments}}),oe});return}if(z.__typename==="ChatCompletionSubscriptionResult"&&z.span!=null){c({instanceId:a,patch:{spanId:z.span.id}});return}z.__typename==="ChatCompletionSubscriptionError"&&(f(n.playgroundInstanceId),z.message!=null&&I({title:"Chat completion failed",message:z.message}))},[a,f,I,n.playgroundInstanceId,c]),E=u.useCallback((z,H)=>{if(h(!1),f(n.playgroundInstanceId),c({instanceId:a,patch:{spanId:z.chatCompletion.span.id}}),H){I({title:"Chat completion failed",message:H[0].message});return}if(z.chatCompletion.errorMessage!=null){I({title:"Chat completion failed",message:z.chatCompletion.errorMessage});return}w(z.chatCompletion.content??void 0),x(z.chatCompletion.toolCalls)},[a,f,I,n.playgroundInstanceId,c]),O=u.useCallback(()=>{w(void 0),x([]),m(null),c({instanceId:a,patch:{spanId:null}})},[a,c]);return u.useEffect(()=>{if(!K){h(!1);return}h(!0),O();const z=tg({playgroundStore:y,instanceId:a,credentials:i});if(l){const Z={subscription:Cd,variables:{input:z},onNext:A=>{A&&_(A)},onCompleted:()=>{h(!1),f(n.playgroundInstanceId)},onError:A=>{h(!1),f(n.playgroundInstanceId);const Q=Qi(A);Q!=null&&Q.length>0?I({title:"Failed to get output",message:Q.join(`
|
|
4185
|
-
`)}):I({title:"Failed to get output",message:A.message})}};return Xa.requestSubscription(g,Z).dispose}return b({variables:{input:z},onCompleted:E,onError(Z){h(!1),f(n.playgroundInstanceId);const oe=
|
|
4185
|
+
`)}):I({title:"Failed to get output",message:A.message})}};return Xa.requestSubscription(g,Z).dispose}return b({variables:{input:z},onCompleted:E,onError(Z){h(!1),f(n.playgroundInstanceId);const oe=Le(Z);oe!=null&&oe.length>0?I({title:"Failed to get output",message:oe.join(`
|
|
4186
4186
|
`)}):I({title:"Failed to get output",message:Z.message})}}).dispose},[O,i,g,b,K,a,f,I,E,_,y,n.playgroundInstanceId,l,c]),e(j,{title:e(R0,{index:r,title:"Output"}),extra:P!=null||(S==null?void 0:S.length)>0?e(E0,{outputContent:P,toolCalls:S,instance:o,cleanupOutput:O}):null,titleSeparator:!0,collapsible:!0,variant:"compact",bodyStyle:{padding:0},children:p?e(C,{padding:"size-200",children:e(ye,{message:"Running..."})}):d?e(C,{padding:"size-200",children:e(pl,{children:d.message})}):s(B,{children:[e(C,{padding:"size-200",children:e(Ue,{children:e(A0,{content:P,partialToolCalls:S})})}),e(u.Suspense,{children:o.spanId?e(w0,{spanId:o.spanId}):null})]})})}function z0(){const n=$(l=>l.runPlaygroundInstances),a=$(l=>l.cancelPlaygroundInstances),t=$(l=>l.instances.some(i=>i.activeRunId!=null));return e(N,{variant:"primary",icon:e(D,{svg:t?e(He,{}):e(ma,{})}),size:"S",onPress:()=>{t?a():n()},children:t?"Cancel":"Run"})}function V0(){const n=$(i=>i.streaming),a=$(i=>i.setStreaming),t=$e(i=>i.setPlaygroundStreamingEnabled),l=$(i=>i.instances.some(r=>r.activeRunId!=null));return window.Config.websocketsEnabled===!1?null:e(ua,{labelPlacement:"start",isSelected:n,onChange:()=>{a(!n),t(!n)},isDisabled:l,children:"Stream"})}const Kd={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 {
|
|
4187
4187
|
...ModelProviderPickerFragment
|
|
4188
4188
|
}
|
|
@@ -4195,7 +4195,7 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
4195
4195
|
dependencies
|
|
4196
4196
|
}
|
|
4197
4197
|
}
|
|
4198
|
-
`}};Kd.hash="4b1b96842c19ea5721b7fcf1cdb86426";function $0({defaultValue:n,onChange:a,label:t,errorMessage:l}){const[i,r]=u.useState(n==null?"":si(n).json??""),o=u.useCallback(c=>{r(c);const{json:d}=
|
|
4198
|
+
`}};Kd.hash="4b1b96842c19ea5721b7fcf1cdb86426";function $0({defaultValue:n,onChange:a,label:t,errorMessage:l}){const[i,r]=u.useState(n==null?"":si(n).json??""),o=u.useCallback(c=>{r(c);const{json:d}=xe(c);d==null&&c!==""||a(d)},[a]);return e("div",{css:v`
|
|
4199
4199
|
& .ac-view {
|
|
4200
4200
|
width: 100%;
|
|
4201
4201
|
}
|
|
@@ -4206,7 +4206,7 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
4206
4206
|
name
|
|
4207
4207
|
}
|
|
4208
4208
|
}
|
|
4209
|
-
`}}}();yl.hash="fc5563c6dca10fdeda807cd7061e275a";function U0({onChange:n,container:a,modelName:t,queryReference:l,...i}){const r=L.usePreloadedQuery(yl,l),o=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=o.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(Mu,{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:o,...i,children:g=>e(Ru,{textValue:g.name,id:g.id,children:g.name},g.id)})}function B0(n){const[a,t,l]=L.useQueryLoader(yl);return u.useEffect(()=>(t({providerKey:n.provider}),()=>l()),[l,t,n.provider]),a!=null?e(U0,{queryReference:a,...n}):null}const Td={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};Td.hash="1d4ba7f81a958c9a17bd45dce0456ddb";function H0(n){return n==="OPENAI"||n==="AZURE_OPENAI"||n==="ANTHROPIC"||n==="GEMINI"}function G0({onChange:n,query:a,...t}){var c,d;const l=L.useFragment(Td,a),i=l.modelProviders.filter(m=>m.dependenciesInstalled),r=i.length!==l.modelProviders.length,o=t.provider&&!i.some(m=>m.key===t.provider);return s(k,{direction:"row",gap:"size-100",children:[e(nt,{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;H0(f)&&n(f)},width:"100%",...t,children:l.modelProviders.map(m=>e(ie,{children:m.name},m.key))}),o?s(ue,{delay:0,offset:5,children:[e("span",{children:e(
|
|
4209
|
+
`}}}();yl.hash="fc5563c6dca10fdeda807cd7061e275a";function U0({onChange:n,container:a,modelName:t,queryReference:l,...i}){const r=L.usePreloadedQuery(yl,l),o=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=o.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(Mu,{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:o,...i,children:g=>e(Ru,{textValue:g.name,id:g.id,children:g.name},g.id)})}function B0(n){const[a,t,l]=L.useQueryLoader(yl);return u.useEffect(()=>(t({providerKey:n.provider}),()=>l()),[l,t,n.provider]),a!=null?e(U0,{queryReference:a,...n}):null}const Td={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};Td.hash="1d4ba7f81a958c9a17bd45dce0456ddb";function H0(n){return n==="OPENAI"||n==="AZURE_OPENAI"||n==="ANTHROPIC"||n==="GEMINI"}function G0({onChange:n,query:a,...t}){var c,d;const l=L.useFragment(Td,a),i=l.modelProviders.filter(m=>m.dependenciesInstalled),r=i.length!==l.modelProviders.length,o=t.provider&&!i.some(m=>m.key===t.provider);return s(k,{direction:"row",gap:"size-100",children:[e(nt,{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;H0(f)&&n(f)},width:"100%",...t,children:l.modelProviders.map(m=>e(ie,{children:m.name},m.key))}),o?s(ue,{delay:0,offset:5,children:[e("span",{children:e(Re,{children:e(D,{color:"red-700",svg:e(pn,{})})})}),s(Pe,{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?s(ue,{delay:0,offset:5,children:[e("span",{children:e(Re,{children:e(D,{svg:e(pn,{})})})}),s(Pe,{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 s(B,{children:[((f=m.dependencies)==null?void 0:f.join(", "))??m.name,e("br",{})]})})]})]}):null]})}const W0=150,J0=v`
|
|
4210
4210
|
display: flex;
|
|
4211
4211
|
flex-direction: column;
|
|
4212
4212
|
gap: var(--ac-global-dimension-size-200);
|
|
@@ -4227,7 +4227,7 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
4227
4227
|
text-overflow: ellipsis;
|
|
4228
4228
|
overflow: hidden;
|
|
4229
4229
|
white-space: nowrap;
|
|
4230
|
-
`,children:e(F,{children:l.model.modelName||"--"})}),o?null:s(ue,{delay:0,offset:5,children:[e("span",{children:e(
|
|
4230
|
+
`,children:e(F,{children:l.model.modelName||"--"})}),o?null:s(ue,{delay:0,offset:5,children:[e("span",{children:e(Re,{children:e(D,{color:"danger",svg:e(pn,{})})})}),e(Pe,{children:"Some required invocation parameters are not configured."})]})]})}),e(ee,{type:"slideOver",isDismissable:!0,onDismiss:()=>{t(null)},children:a})]})}function Y0(n){const a=$(r=>r.instances.find(o=>o.id===n.playgroundInstanceId));if(!a)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const t=$e(r=>r.setModelConfigForProvider),l=Ie(),i=u.useCallback(()=>{const{supportedInvocationParameters:r,...o}=a.model;t({provider:a.model.provider,modelConfig:o}),l({title:"Model Configuration Saved",message:`${At[a.model.provider]} model configuration saved as default for later use.`,expireMs:3e3})},[a.model,l,t]);return e(J,{title:"Model Configuration",size:"M",extra:s(ue,{delay:0,offset:5,children:[e(N,{size:"S",variant:"default",onPress:i,icon:e(D,{svg:e(di,{})}),children:"Save as Default"}),s(Pe,{children:["Saves the current configuration as the default for"," ",At[a.model.provider]??"this provider","."]})]}),children:e(u.Suspense,{children:e(e1,{...n})})})}function e1(n){const{playgroundInstanceId:a}=n,t=$(p=>p.instances.find(h=>h.id===a));if(!t)throw new Error(`Playground instance ${n.playgroundInstanceId} not found`);const l=$e(p=>p.modelConfigByProvider),i=$(p=>p.updateProvider),r=$(p=>p.updateModel),o=t.model.supportedInvocationParameters,c=t.model.invocationParameters,d=rr(c,o),m=L.useLazyLoadQuery(Kd,{}),f=u.useCallback(p=>{r({instanceId:a,patch:{modelName:p}})},[a,r]),[g,y]=u.useState();return s("form",{css:J0,children:[d?null:s(k,{direction:"row",gap:"size-100",children:[e(D,{color:"danger",svg:e(pn,{})}),e(F,{color:"danger",children:"Some required invocation parameters are not configured."})]}),e(G0,{provider:t.model.provider,query:m,onChange:p=>{i({instanceId:a,provider:p,modelConfigByProvider:l})}}),t.model.provider==="AZURE_OPENAI"?e(Z0,{instance:t}):e(B0,{modelName:t.model.modelName,provider:t.model.provider,onChange:f,container:g??void 0}),e(u.Suspense,{children:e(q0,{instanceId:a})}),e("div",{ref:y})]})}const xd=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(
|
|
4231
4231
|
$input: ModelsInput!
|
|
4232
4232
|
) {
|
|
4233
4233
|
modelInvocationParameters(input: $input) {
|
|
@@ -4271,16 +4271,16 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
4271
4271
|
}
|
|
4272
4272
|
}
|
|
4273
4273
|
}
|
|
4274
|
-
`}}}();xd.hash="8bf1a32724929bdc4a02d32809ba59d7";const n1=({instanceId:n})=>{const a=$(o=>{var c;return(c=o.instances.find(d=>d.id===n))==null?void 0:c.model.provider}),t=$(o=>{var c;return(c=o.instances.find(d=>d.id===n))==null?void 0:c.model.modelName}),l=$e(o=>o.modelConfigByProvider),i=$(o=>o.updateModelSupportedInvocationParameters),{modelInvocationParameters:r}=L.useLazyLoadQuery(xd,{input:{providerKey:a,modelName:t}});return u.useEffect(()=>{i({instanceId:n,supportedInvocationParameters:r})},[r,n,i,l]),null};function a1({playgroundInstanceId:n,toolCalls:a,templateMessages:t,messageId:l}){const i=$(y=>y.updateInstance),r=$(y=>y.instances.find(p=>p.id===n));if(r==null)throw new Error(`Playground instance ${n} not found`);const[o,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}=
|
|
4274
|
+
`}}}();xd.hash="8bf1a32724929bdc4a02d32809ba59d7";const n1=({instanceId:n})=>{const a=$(o=>{var c;return(c=o.instances.find(d=>d.id===n))==null?void 0:c.model.provider}),t=$(o=>{var c;return(c=o.instances.find(d=>d.id===n))==null?void 0:c.model.modelName}),l=$e(o=>o.modelConfigByProvider),i=$(o=>o.updateModelSupportedInvocationParameters),{modelInvocationParameters:r}=L.useLazyLoadQuery(xd,{input:{providerKey:a,modelName:t}});return u.useEffect(()=>{i({instanceId:n,supportedInvocationParameters:r})},[r,n,i,l]),null};function a1({playgroundInstanceId:n,toolCalls:a,templateMessages:t,messageId:l}){const i=$(y=>y.updateInstance),r=$(y=>y.instances.find(p=>p.id===n));if(r==null)throw new Error(`Playground instance ${n} not found`);const[o,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}=xe(y);if(p==null)return;const{success:h}=Nu.safeParse(p);h&&(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 Vu;case"ANTHROPIC":return zu;case"GEMINI":return null}},[r.model.provider]);return e(ze,{value:o,jsonSchema:g,onChange:f})}function t1(n){return n==="text"||n==="toolCalls"}function l1({messageMode:n,onChange:a}){return s(ti,{defaultValue:n,variant:"inline-button",size:"compact",onChange:t=>{if(t1(t))a(t);else throw new Error(`Unknown message mode: ${t}`)},children:[e(xa,{label:"text input",value:"text",children:s(ue,{placement:"top",delay:0,offset:10,children:[e(Re,{children:e(D,{svg:e($u,{})})}),e(Pe,{children:"Text input"})]})}),e(xa,{label:"tool calling",value:"toolCalls",children:s(ue,{placement:"top",delay:0,offset:10,children:[e(Re,{children:e(D,{svg:e(tt,{})})}),e(Pe,{children:"Tool calling"})]})})]})}const i1=v`
|
|
4275
4275
|
.ac-field-label {
|
|
4276
4276
|
display: none;
|
|
4277
4277
|
}
|
|
4278
|
-
`;function r1({role:n,includeLabel:a=!0,onChange:t}){return s(nt,{selectedKey:n,css:a?void 0:i1,label:"Role","data-testid":"messages-role-picker","aria-label":"Role for the chat message",size:"compact",onSelectionChange:l=>{if(!er(l))throw new Error(`Invalid chat message role: ${l}`);t(l)},children:[e(ie,{children:"System"},"system"),e(ie,{children:"User"},"user"),e(ie,{children:"AI"},"ai"),e(ie,{children:"Tool"},"tool")]})}const s1=32;function o1({instanceId:n,hasResponseFormat:a}){const t=$(f=>f.instances),l=$(f=>f.updateInstance),i=$(f=>f.upsertInvocationParameterInput),r=t.find(f=>f.id===n);if(!r)throw new Error(`Playground instance ${n} not found`);const{template:o}=r;if(o.__type!=="chat")throw new Error(`Invalid template type ${o.__type}`);const c=r.model.supportedInvocationParameters,d=c==null?void 0:c.some(f=>Bn(f,{canonicalName:Un,invocationName:Qn})),m=c==null?void 0:c.some(f=>Bn(f,{canonicalName:Ia,invocationName:Ua}));return s(k,{direction:"row",justifyContent:"end",gap:"size-100",minHeight:s1,children:[d?e(N,{size:"S","aria-label":"output schema",icon:e(D,{svg:e(qa,{})}),isDisabled:a,onPress:()=>{i({instanceId:n,invocationParameterInput:{valueJson:Ou(),invocationName:Qn,canonicalName:Un}})},children:"Output Schema"}):null,m?e(N,{"aria-label":"add tool",size:"S",icon:e(D,{svg:e(qa,{})}),onPress:()=>{[...r.tools,Pl({provider:r.model.provider,toolNumber:r.tools.length+1})],r.tools.length,l({instanceId:n,patch:{tools:[...r.tools,Pl({provider:r.model.provider,toolNumber:r.tools.length+1})]}})},children:"Tool"}):null,e(N,{"aria-label":"add message",size:"S",icon:e(D,{svg:e(qa,{})}),onPress:()=>{l({instanceId:n,patch:{template:{__type:"chat",messages:[...o.messages,{id:Da(),role:"user",content:""}]}}})},children:"Message"})]})}const d1=400;function c1({playgroundInstanceId:n}){const a=$(d=>d.deleteInvocationParameterInput),t=$(d=>d.instances.find(m=>m.id===n)),l=$(d=>d.upsertInvocationParameterInput);if(!t)throw new Error(`Instance ${n} not found`);const i=t.model.invocationParameters.find(d=>d.invocationName===Qn||d.canonicalName===Un),[r,o]=u.useState(JSON.stringify((i==null?void 0:i.valueJson)??{},null,2)),c=u.useCallback(d=>{o(d);const{json:m}=
|
|
4278
|
+
`;function r1({role:n,includeLabel:a=!0,onChange:t}){return s(nt,{selectedKey:n,css:a?void 0:i1,label:"Role","data-testid":"messages-role-picker","aria-label":"Role for the chat message",size:"compact",onSelectionChange:l=>{if(!er(l))throw new Error(`Invalid chat message role: ${l}`);t(l)},children:[e(ie,{children:"System"},"system"),e(ie,{children:"User"},"user"),e(ie,{children:"AI"},"ai"),e(ie,{children:"Tool"},"tool")]})}const s1=32;function o1({instanceId:n,hasResponseFormat:a}){const t=$(f=>f.instances),l=$(f=>f.updateInstance),i=$(f=>f.upsertInvocationParameterInput),r=t.find(f=>f.id===n);if(!r)throw new Error(`Playground instance ${n} not found`);const{template:o}=r;if(o.__type!=="chat")throw new Error(`Invalid template type ${o.__type}`);const c=r.model.supportedInvocationParameters,d=c==null?void 0:c.some(f=>Bn(f,{canonicalName:Un,invocationName:Qn})),m=c==null?void 0:c.some(f=>Bn(f,{canonicalName:Ia,invocationName:Ua}));return s(k,{direction:"row",justifyContent:"end",gap:"size-100",minHeight:s1,children:[d?e(N,{size:"S","aria-label":"output schema",icon:e(D,{svg:e(qa,{})}),isDisabled:a,onPress:()=>{i({instanceId:n,invocationParameterInput:{valueJson:Ou(),invocationName:Qn,canonicalName:Un}})},children:"Output Schema"}):null,m?e(N,{"aria-label":"add tool",size:"S",icon:e(D,{svg:e(qa,{})}),onPress:()=>{[...r.tools,Pl({provider:r.model.provider,toolNumber:r.tools.length+1})],r.tools.length,l({instanceId:n,patch:{tools:[...r.tools,Pl({provider:r.model.provider,toolNumber:r.tools.length+1})]}})},children:"Tool"}):null,e(N,{"aria-label":"add message",size:"S",icon:e(D,{svg:e(qa,{})}),onPress:()=>{l({instanceId:n,patch:{template:{__type:"chat",messages:[...o.messages,{id:Da(),role:"user",content:""}]}}})},children:"Message"})]})}const d1=400;function c1({playgroundInstanceId:n}){const a=$(d=>d.deleteInvocationParameterInput),t=$(d=>d.instances.find(m=>m.id===n)),l=$(d=>d.upsertInvocationParameterInput);if(!t)throw new Error(`Instance ${n} not found`);const i=t.model.invocationParameters.find(d=>d.invocationName===Qn||d.canonicalName===Un),[r,o]=u.useState(JSON.stringify((i==null?void 0:i.valueJson)??{},null,2)),c=u.useCallback(d=>{o(d);const{json:m}=xe(d);if(m==null)return;const{success:f}=sl.safeParse(m);f&&l({instanceId:n,invocationParameterInput:{invocationName:Qn,valueJson:m,canonicalName:Un}})},[n,l]);return e(yn,{defaultExpandedKeys:["response-format"],children:s(ke,{id:"response-format",children:[e(be,{arrowPosition:"start",children:"Output Schema"}),e(Se,{children:e(C,{padding:"size-200",children:e(j,{variant:"compact",title:"Schema",bodyStyle:{padding:0},extra:s(k,{direction:"row",gap:"size-100",children:[e(re,{text:r}),e(N,{"aria-label":"Delete Output Schema",icon:e(D,{svg:e(dn,{})}),size:"S",onPress:()=>{a({instanceId:n,invocationParameterInputInvocationName:Qn})}})]}),children:e(qi,{preInitializationMinHeight:d1,children:e(ze,{value:r,onChange:c,jsonSchema:Mm})})})})})]})})}const u1=400;function m1({playgroundInstanceId:n,toolId:a}){const t=$(p=>p.updateInstance),l=$(p=>p.instances.find(h=>h.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[o,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:h}=xe(p);if(h==null)return;const{success:b}=ri.safeParse(h);b&&(m(h),t({instanceId:n,patch:{tools:i.map(K=>K.id===r.id?{...K,definition:h}:K)}}))},[i,n,r.id,t]),g=u.useMemo(()=>Ba(r),[r]),y=u.useMemo(()=>{switch(l.model.provider){case"OPENAI":case"AZURE_OPENAI":return ju;case"ANTHROPIC":return Qu;case"GEMINI":return null}},[l.model.provider]);return e(j,{collapsible:!0,backgroundColor:"yellow-100",borderColor:"yellow-700",variant:"compact",title:s(k,{direction:"row",gap:"size-100",children:[e(Yt,{spanKind:"tool"}),e(F,{children:g??"Tool"})]}),bodyStyle:{padding:0},extra:s(k,{direction:"row",gap:"size-100",children:[e(re,{text:o}),e(N,{"aria-label":"Delete tool",icon:e(D,{svg:e(dn,{})}),size:"S",onPress:()=>{const p=i.filter(T=>T.id!==r.id),h=Ba(r),b=typeof l.toolChoice=="object"&&h!=null&&l.toolChoice.function.name===Ba(r);let K=l.toolChoice;p.length===0?K=void 0:b&&(K="auto"),t({instanceId:n,patch:{tools:p,toolChoice:K}})}})]}),children:e(qi,{preInitializationMinHeight:u1,children:e(ze,{value:o,onChange:f,jsonSchema:y})})})}function g1(n){const a=n.playgroundInstanceId,t=$(o=>o.instances.find(c=>c.id===n.playgroundInstanceId)),l=$(o=>o.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(o=>Ba(o)).filter(o=>o!=null),[i]);return e(yn,{defaultExpandedKeys:["tools"],children:s(ke,{id:"tools",children:[s(be,{arrowPosition:"start",children:["Tools",e(Xe,{variant:"light",children:i.length})]}),e(Se,{children:e(C,{padding:"size-200",children:s(k,{direction:"column",children:[e(Me,{children:e(qu,{choice:t.toolChoice,onChange:o=>{l({instanceId:a,patch:{toolChoice:o}})},toolNames:r})}),e(k,{direction:"column",gap:"size-200",children:i.map(o=>e(m1,{playgroundInstanceId:a,toolId:o.id},o.id))})]})})})]})})}const Id=1,p1=Id+1;function y1(n){const a=n.playgroundInstanceId,t=$(f=>f.templateLanguage),l=$(f=>f.instances),i=$(f=>f.updateInstance),r=l.find(f=>f.id===a);if(!r)throw new Error(`Playground instance ${a} not found`);const o=r.tools.length>0,c=r.model.invocationParameters.find(f=>Bn(f,{canonicalName:Un,invocationName:Qn}))!=null,{template:d}=r;if(d.__type!=="chat")throw new Error(`Invalid template type ${d.__type}`);const m=jd(fl(Zd),fl(Jd,{coordinateGetter:Wd}));return s(Bd,{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),h=qd(d.messages,y,p);i({instanceId:a,patch:{template:{__type:"chat",messages:h}}})},children:[e(Ud,{items:d.messages,children:e("ul",{css:v`
|
|
4279
4279
|
display: flex;
|
|
4280
4280
|
flex-direction: column;
|
|
4281
4281
|
gap: var(--ac-global-dimension-size-200);
|
|
4282
4282
|
padding: var(--ac-global-dimension-size-200);
|
|
4283
|
-
`,children:d.messages.map((f,g)=>e(h1,{playgroundInstanceId:a,instance:r,templateLanguage:t,template:d,message:f,index:g},f.id))})}),e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderColor:"dark",borderTopWidth:"thin",borderBottomWidth:o||c?"thin":void 0,children:e(o1,{instanceId:a,hasResponseFormat:c})}),o?e(g1,{...n}):null,c?e(c1,{...n}):null]})}function f1({message:n,updateMessage:a,templateLanguage:t,playgroundInstanceId:l,template:i,messageMode:r}){if(r==="toolCalls")return e(C,{paddingTop:"size-100",paddingStart:"size-250",paddingEnd:"size-250",paddingBottom:"size-200",children:e(Pn,{label:"Tool Calls",children:e(Ve,{width:"100%",children:e(a1,{playgroundInstanceId:l,toolCalls:n.toolCalls,templateMessages:i.messages,messageId:n.id})})})});if(n.role==="tool"){const o=ir(n.content);return s(
|
|
4283
|
+
`,children:d.messages.map((f,g)=>e(h1,{playgroundInstanceId:a,instance:r,templateLanguage:t,template:d,message:f,index:g},f.id))})}),e(C,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderColor:"dark",borderTopWidth:"thin",borderBottomWidth:o||c?"thin":void 0,children:e(o1,{instanceId:a,hasResponseFormat:c})}),o?e(g1,{...n}):null,c?e(c1,{...n}):null]})}function f1({message:n,updateMessage:a,templateLanguage:t,playgroundInstanceId:l,template:i,messageMode:r}){if(r==="toolCalls")return e(C,{paddingTop:"size-100",paddingStart:"size-250",paddingEnd:"size-250",paddingBottom:"size-200",children:e(Pn,{label:"Tool Calls",children:e(Ve,{width:"100%",children:e(a1,{playgroundInstanceId:l,toolCalls:n.toolCalls,templateMessages:i.messages,messageId:n.id})})})});if(n.role==="tool"){const o=ir(n.content);return s(Me,{onSubmit:c=>{c.preventDefault()},children:[e(C,{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(ze,{value:o,"aria-label":"tool message content",height:"100%",onChange:c=>a({content:c}),onBlur:()=>{if(n.content!=null&&typeof n.content=="string"){const{json:c}=xe(n.content);a({content:JSON.stringify(c,null,2)})}}})]})}return e("div",{css:v`
|
|
4284
4284
|
& .cm-content {
|
|
4285
4285
|
padding: var(--ac-global-dimension-size-100)
|
|
4286
4286
|
var(--ac-global-dimension-size-250);
|
|
@@ -4293,7 +4293,7 @@ fragment ModelProviderPickerFragment on Query {
|
|
|
4293
4293
|
padding-left: 0;
|
|
4294
4294
|
padding-right: 0;
|
|
4295
4295
|
}
|
|
4296
|
-
`,children:e(Bu,{height:"100%",value:typeof n.content=="string"?n.content:JSON.stringify(n.content,null,2),"aria-label":"Message content",templateLanguage:t,onChange:o=>a({content:o}),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 h1({playgroundInstanceId:n,templateLanguage:a,template:t,message:l,instance:i}){const r=$(_=>_.updateInstance),{attributes:o,listeners:c,setNodeRef:d,transform:m,transition:f,setActivatorNodeRef:g,isDragging:y}=Hd({id:l.id}),p=gt(l.role),h={transform:Gd.Translate.toString(m),transition:f,zIndex:y?p1:Id},b=l.toolCalls!=null&&l.toolCalls.length>0,[K,T]=u.useState(b?"toolCalls":"text"),I=u.useCallback(_=>{r({instanceId:n,patch:{template:{__type:"chat",messages:t.messages.map(E=>E.id===l.id?{...E,..._}:E)}}})},[l.id,n,t.messages,r]),[P,w]=u.useState(l.content),[S,x]=u.useState(l.toolCalls);return e("li",{ref:d,style:h,children:e(j,{collapsible:!0,variant:"compact",bodyStyle:{padding:0},...p,title:e(r1,{includeLabel:!1,role:l.role,onChange:_=>{let E=l.toolCalls;_!=="ai"&&(E=void 0,T("text")),r({instanceId:n,patch:{template:{__type:"chat",messages:t.messages.map(O=>O.id===l.id?{...O,role:_,toolCalls:E}:O)}}})}}),extra:s(k,{direction:"row",gap:"size-100",children:[l.role==="ai"?e(l1,{messageMode:K,onChange:_=>{switch(T(_),_){case"text":x(l.toolCalls),I({content:P,toolCalls:void 0});break;case"toolCalls":w(l.content),I({content:"",toolCalls:S!=null?ji({toolCalls:S,provider:i.model.provider}):[eg(i.model.provider)]});break;default:me()}}}):null,e(re,{text:K==="toolCalls"?JSON.stringify(l.toolCalls):ir(l.content)}),e(N,{"aria-label":"Delete message",icon:e(D,{svg:e(dn,{})}),size:"S",onPress:()=>{r({instanceId:n,patch:{template:{__type:"chat",messages:t.messages.filter(_=>_.id!==l.id)}}})}}),e(Uu,{ref:g,listeners:c,attributes:o})]}),children:e("div",{children:e(f1,{message:l,messageMode:K,playgroundInstanceId:n,template:t,templateLanguage:a,updateMessage:I})})})})}function k1(n){const a=n.playgroundInstanceId,t=$(o=>o.instances),l=t.find(o=>o.id===a),i=t.findIndex(o=>o.id===a);if(!l)throw new Error(`Playground instance ${a} not found`);const{template:r}=l;return e(j,{title:s(k,{direction:"row",gap:"size-100",alignItems:"center",children:[e(tl,{index:i}),e("span",{children:"Prompt"})]}),collapsible:!0,variant:"compact",bodyStyle:{padding:0},extra:s(k,{direction:"row",gap:"size-100",children:[e(u.Suspense,{fallback:e("div",{children:e(ye,{size:"S"})}),children:e(n1,{instanceId:a})}),e(X0,{...n}),t.length>1?e(b1,{...n}):null]}),children:r.__type==="chat"?e(u.Suspense,{children:e(y1,{...n})}):"Completion Template"})}function b1(n){const a=$(t=>t.deleteInstance);return s(ue,{children:[e(
|
|
4296
|
+
`,children:e(Bu,{height:"100%",value:typeof n.content=="string"?n.content:JSON.stringify(n.content,null,2),"aria-label":"Message content",templateLanguage:t,onChange:o=>a({content:o}),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 h1({playgroundInstanceId:n,templateLanguage:a,template:t,message:l,instance:i}){const r=$(_=>_.updateInstance),{attributes:o,listeners:c,setNodeRef:d,transform:m,transition:f,setActivatorNodeRef:g,isDragging:y}=Hd({id:l.id}),p=gt(l.role),h={transform:Gd.Translate.toString(m),transition:f,zIndex:y?p1:Id},b=l.toolCalls!=null&&l.toolCalls.length>0,[K,T]=u.useState(b?"toolCalls":"text"),I=u.useCallback(_=>{r({instanceId:n,patch:{template:{__type:"chat",messages:t.messages.map(E=>E.id===l.id?{...E,..._}:E)}}})},[l.id,n,t.messages,r]),[P,w]=u.useState(l.content),[S,x]=u.useState(l.toolCalls);return e("li",{ref:d,style:h,children:e(j,{collapsible:!0,variant:"compact",bodyStyle:{padding:0},...p,title:e(r1,{includeLabel:!1,role:l.role,onChange:_=>{let E=l.toolCalls;_!=="ai"&&(E=void 0,T("text")),r({instanceId:n,patch:{template:{__type:"chat",messages:t.messages.map(O=>O.id===l.id?{...O,role:_,toolCalls:E}:O)}}})}}),extra:s(k,{direction:"row",gap:"size-100",children:[l.role==="ai"?e(l1,{messageMode:K,onChange:_=>{switch(T(_),_){case"text":x(l.toolCalls),I({content:P,toolCalls:void 0});break;case"toolCalls":w(l.content),I({content:"",toolCalls:S!=null?ji({toolCalls:S,provider:i.model.provider}):[eg(i.model.provider)]});break;default:me()}}}):null,e(re,{text:K==="toolCalls"?JSON.stringify(l.toolCalls):ir(l.content)}),e(N,{"aria-label":"Delete message",icon:e(D,{svg:e(dn,{})}),size:"S",onPress:()=>{r({instanceId:n,patch:{template:{__type:"chat",messages:t.messages.filter(_=>_.id!==l.id)}}})}}),e(Uu,{ref:g,listeners:c,attributes:o})]}),children:e("div",{children:e(f1,{message:l,messageMode:K,playgroundInstanceId:n,template:t,templateLanguage:a,updateMessage:I})})})})}function k1(n){const a=n.playgroundInstanceId,t=$(o=>o.instances),l=t.find(o=>o.id===a),i=t.findIndex(o=>o.id===a);if(!l)throw new Error(`Playground instance ${a} not found`);const{template:r}=l;return e(j,{title:s(k,{direction:"row",gap:"size-100",alignItems:"center",children:[e(tl,{index:i}),e("span",{children:"Prompt"})]}),collapsible:!0,variant:"compact",bodyStyle:{padding:0},extra:s(k,{direction:"row",gap:"size-100",children:[e(u.Suspense,{fallback:e("div",{children:e(ye,{size:"S"})}),children:e(n1,{instanceId:a})}),e(X0,{...n}),t.length>1?e(b1,{...n}):null]}),children:r.__type==="chat"?e(u.Suspense,{children:e(y1,{...n})}):"Completion Template"})}function b1(n){const a=$(t=>t.deleteInstance);return s(ue,{children:[e(Re,{children:e(N,{size:"S",icon:e(D,{svg:e(dn,{})}),onPress:()=>{a(n.playgroundInstanceId)}})}),e(Pe,{children:e(Zn,{children:"Delete this instance of the playground"})})]})}function S1(){const n=$(t=>t.templateLanguage),a=$(t=>t.setTemplateLanguage);return e("div",{css:v`
|
|
4297
4297
|
& * {
|
|
4298
4298
|
white-space: nowrap;
|
|
4299
4299
|
}
|