arize-phoenix 4.23.0__py3-none-any.whl → 4.25.0__py3-none-any.whl
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Potentially problematic release.
This version of arize-phoenix might be problematic. Click here for more details.
- {arize_phoenix-4.23.0.dist-info → arize_phoenix-4.25.0.dist-info}/METADATA +11 -7
- {arize_phoenix-4.23.0.dist-info → arize_phoenix-4.25.0.dist-info}/RECORD +49 -42
- phoenix/auth/__init__.py +0 -0
- phoenix/auth/utils.py +15 -0
- phoenix/db/engines.py +15 -2
- phoenix/db/insertion/dataset.py +1 -0
- phoenix/db/migrate.py +21 -10
- phoenix/db/migrations/future_versions/cd164e83824f_users_and_tokens.py +7 -6
- phoenix/db/migrations/versions/3be8647b87d8_add_token_columns_to_spans_table.py +4 -12
- phoenix/db/models.py +5 -1
- phoenix/experiments/functions.py +8 -0
- phoenix/inferences/fixtures.py +1 -0
- phoenix/inferences/inferences.py +1 -0
- phoenix/metrics/__init__.py +1 -0
- phoenix/server/api/context.py +14 -0
- phoenix/server/api/mutations/__init__.py +2 -0
- phoenix/server/api/mutations/api_key_mutations.py +119 -0
- phoenix/server/api/mutations/auth.py +7 -0
- phoenix/server/api/queries.py +76 -1
- phoenix/server/api/routers/v1/datasets.py +1 -0
- phoenix/server/api/routers/v1/spans.py +1 -1
- phoenix/server/api/types/ApiKey.py +16 -0
- phoenix/server/api/types/SystemApiKey.py +9 -0
- phoenix/server/api/types/User.py +3 -0
- phoenix/server/api/types/UserApiKey.py +11 -0
- phoenix/server/api/types/UserRole.py +8 -0
- phoenix/server/app.py +36 -7
- phoenix/server/main.py +24 -19
- phoenix/server/static/.vite/manifest.json +31 -31
- phoenix/server/static/assets/{components-DBYPF96c.js → components-1Ahruijo.js} +4 -4
- phoenix/server/static/assets/{index-DNxu4viw.js → index-BEE_RWJx.js} +2 -2
- phoenix/server/static/assets/{pages-BhOnrUmC.js → pages-CFS6mPnW.js} +265 -219
- phoenix/server/static/assets/{vendor-CIqy43_9.js → vendor-aSQri0vz.js} +58 -58
- phoenix/server/static/assets/{vendor-arizeai-B1YgcWL8.js → vendor-arizeai-CsdcB1NH.js} +1 -1
- phoenix/server/static/assets/{vendor-codemirror-_bcwCA1C.js → vendor-codemirror-CYHkhs7D.js} +1 -1
- phoenix/server/static/assets/{vendor-recharts-C3pM_Wlg.js → vendor-recharts-B0sannek.js} +1 -1
- phoenix/server/types.py +12 -4
- phoenix/services.py +1 -0
- phoenix/session/client.py +1 -1
- phoenix/session/evaluation.py +1 -0
- phoenix/session/session.py +2 -1
- phoenix/trace/fixtures.py +37 -0
- phoenix/trace/langchain/instrumentor.py +1 -1
- phoenix/trace/llama_index/callback.py +1 -0
- phoenix/trace/openai/instrumentor.py +1 -0
- phoenix/version.py +1 -1
- {arize_phoenix-4.23.0.dist-info → arize_phoenix-4.25.0.dist-info}/WHEEL +0 -0
- {arize_phoenix-4.23.0.dist-info → arize_phoenix-4.25.0.dist-info}/licenses/IP_NOTICE +0 -0
- {arize_phoenix-4.23.0.dist-info → arize_phoenix-4.25.0.dist-info}/licenses/LICENSE +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as u,j as e,b as L,a9 as Zn,v as s,w as K,aa as Fe,ab as je,$ as J,ac as ea,y as me,z as ge,D as H,F as G,B as On,R as De,o as sl,ad as an,ae as ce,af as ln,ag as fr,E as La,ah as jn,a7 as ae,a1 as on,a2 as W,ai as pe,aj as gn,ak as hr,al as pa,am as ya,an as fa,ao as Rn,ap as ve,aq as ol,n as dl,a as kr,ar as br,as as Sr,at as cl,au as ul,av as vr,c as Kr,d as Fr,aw as xr,ax as Tr}from"./vendor-aSQri0vz.js";import{R as Ce,u as Ie,a as Me,T as Aa,P as ml,b as gl,M as qa,c as Ba,d as qn,D as Dr,e as Cr,f as z,g as pl,h as he,i as ia,j as xn,k as yl,l as Tn,m as Dn,n as fl,o as Ne,p as Re,C as re,q as ra,r as qe,s as _a,t as dn,E as hl,v as Ir,w as Lr,L as se,x as Ar,y as _r,F as Er,z as Rr,A as tn,B as ke,S as wr,G as Pr,H as kl,I as Mr,J as Nr,K as Ha,N as $r,O as Vr,Q as zr,U as Qr,V as Or,W as jr,X as bl,Y as Cn,Z as qr,_ as Br,$ as Hr,a0 as Gr,a1 as Ur,a2 as rn,a3 as Ea,a4 as Sl,a5 as bn,a6 as Da,a7 as hn,a8 as Le,a9 as Wr,aa as Jr,ab as Se,ac as vl,ad as sa,ae as xe,af as Ra,ag as cn,ah as X,ai as un,aj as Xr,ak as wa,al as _e,am as Ee,an as la,ao as Pa,ap as Kl,aq as Yr,ar as Zr,as as be,at as we,au as Bn,av as es,aw as Hn,ax as oa,ay as Fl,az as xl,aA as ns,aB as Gn,aC as In,aD as $e,aE as Ln,aF as Pe,aG as as,aH as Ga,aI as Tl,aJ as ls,aK as ts,aL as is,aM as wn,aN as rs,aO as ss,aP as os,aQ as ds,aR as cs,aS as us,aT as ms,aU as gs,aV as Sn,aW as Ye,aX as Ca,aY as Ze,aZ as ps,a_ as da,a$ as ys,b0 as Ma,b1 as fs,b2 as na}from"./components-1Ahruijo.js";import{C as Na,D as fe,G as j,H as en,J as ue,K as hs,l as $a,M as Un,P as mn,I as w,e as E,N as Be,a as Dl,c as te,p as An,q as _n,t as ie,h as x,n as Cl,O as Ve,j as T,i as k,L as $n,Q as Il,f as V,S as q,s as Z,U as Y,V as Ll,W as Al,X as ks,Y as bs,Z as Va,_ as vn,v as Wn,T as Ke,d as le,z as Jn,r as Kn,$ as Q,a0 as _l,E as ca,b as Vn,a1 as za,a2 as Ss,y as ua,u as vs,a3 as Ks}from"./vendor-arizeai-CsdcB1NH.js";import{R as He,C as Xn,X as Ge,Y as Te,a as Ue,T as We,B as Fn,A as zn,b as El,c as Qa,L as Rl,d as Fs,P as xs,e as Ts,f as Ds}from"./vendor-recharts-B0sannek.js";import{p as Oa,R as ma,n as ga,j as Cs,E as Is,k as Ls,b as As}from"./vendor-codemirror-CYHkhs7D.js";const wl=u.createContext(null);function _s(){const n=u.useContext(wl);if(n===null)throw new Error("useFunctionality must be used within a FunctionalityProvider");return n}function zu(n){return e(wl.Provider,{value:{authenticationEnabled:window.Config.authenticationEnabled},children:n.children})}const Pl=function(){var n=[{alias:null,args:null,concreteType:"Functionality",kind:"LinkedField",name:"functionality",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"modelInferences",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"ProjectConnection",kind:"LinkedField",name:"projects",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"project",args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"homeLoaderQuery",selections:n,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"homeLoaderQuery",selections:n},params:{cacheID:"6926e4e720b443f7b7252b60271944e6",id:null,metadata:{},name:"homeLoaderQuery",operationKind:"query",text:`query homeLoaderQuery {
|
|
2
2
|
functionality {
|
|
3
3
|
modelInferences
|
|
4
4
|
}
|
|
@@ -11,7 +11,7 @@ import{r as c,j as e,b as E,a9 as Zn,v as s,w as F,aa as Ke,ab as Oe,$ as U,ac a
|
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
|
-
`}}}();
|
|
14
|
+
`}}}();Pl.hash="a4bbc4917b3217b8254d68ec7c76dbdd";async function Qu(n){var l;const a=await L.fetchQuery(Ce,Pl,{}).toPromise();if(a!=null&&a.functionality.modelInferences)return Zn("/model");if((l=a==null?void 0:a.projects.edges)!=null&&l.length){let t=0,i=null;for(const{project:o}of a.projects.edges)o.endTime!=null&&(t++,i=o.id);if(t>1)return Zn("/projects");if(t===1&&i!=null)return Zn(`/projects/${i}`);const r=a==null?void 0:a.projects.edges[0].project.id;return Zn(`/projects/${r}`)}else throw new Error("No functionality available")}const Ml=function(){var n={defaultValue:null,kind:"LocalArgument",name:"endTime"},a={defaultValue:null,kind:"LocalArgument",name:"startTime"},l=[{kind:"Variable",name:"endTime",variableName:"endTime"},{kind:"Variable",name:"startTime",variableName:"startTime"}],t=[{kind:"Literal",name:"first",value:50}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},o={fields:[{kind:"Variable",name:"end",variableName:"endTime"},{kind:"Variable",name:"start",variableName:"startTime"}],kind:"ObjectValue",name:"timeRange"},c={alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},d=[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],m={alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"ModelPageQuery",selections:[{args:l,kind:"FragmentSpread",name:"ModelSchemaTable_dimensions"},{args:l,kind:"FragmentSpread",name:"ModelEmbeddingsTable_embeddingDimensions"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"ModelPageQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:t,concreteType:"DimensionConnection",kind:"LinkedField",name:"dimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"DimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dimension",args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:[i,r,{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"dataType",storageKey:null},{alias:"cardinality",args:[{kind:"Literal",name:"metric",value:"cardinality"},o],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"percentEmpty",args:[{kind:"Literal",name:"metric",value:"percentEmpty"},o],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"min",args:[{kind:"Literal",name:"metric",value:"min"},o],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"mean",args:[{kind:"Literal",name:"metric",value:"mean"},o],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"max",args:[{kind:"Literal",name:"metric",value:"max"},o],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"psi",args:[{kind:"Literal",name:"metric",value:"psi"},o],kind:"ScalarField",name:"driftMetric",storageKey:null}],storageKey:null},c,{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:d,storageKey:null}],storageKey:null},m],storageKey:"dimensions(first:50)"},{alias:null,args:t,filters:null,handle:"connection",key:"ModelSchemaTable_dimensions",kind:"LinkedHandle",name:"dimensions"},{alias:null,args:t,concreteType:"EmbeddingDimensionConnection",kind:"LinkedField",name:"embeddingDimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"EmbeddingDimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"embedding",args:null,concreteType:"EmbeddingDimension",kind:"LinkedField",name:"node",plural:!1,selections:[i,r,{alias:"euclideanDistance",args:[{kind:"Literal",name:"metric",value:"euclideanDistance"},o],kind:"ScalarField",name:"driftMetric",storageKey:null}],storageKey:null},c,{alias:null,args:null,concreteType:"EmbeddingDimension",kind:"LinkedField",name:"node",plural:!1,selections:d,storageKey:null}],storageKey:null},m],storageKey:"embeddingDimensions(first:50)"},{alias:null,args:t,filters:null,handle:"connection",key:"ModelEmbeddingsTable_embeddingDimensions",kind:"LinkedHandle",name:"embeddingDimensions"}],storageKey:null}]},params:{cacheID:"18059ac8df6b3c15d5e4bc04ca2c9877",id:null,metadata:{},name:"ModelPageQuery",operationKind:"query",text:`query ModelPageQuery(
|
|
15
15
|
$startTime: DateTime!
|
|
16
16
|
$endTime: DateTime!
|
|
17
17
|
) {
|
|
@@ -69,9 +69,9 @@ fragment ModelSchemaTable_dimensions_3uKjWt on Query {
|
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
|
-
`}}}();
|
|
72
|
+
`}}}();Ml.hash="b612239336c7638df42037315b00f635";function Ou(n){const{referenceInferences:a}=Ie(),{timeRange:l}=Me(),t=L.useLazyLoadQuery(Ml,{startTime:l.start.toISOString(),endTime:l.end.toISOString()});return s("main",{children:[s(Aa,{children:[e(ml,{}),a?e(gl,{inferencesRole:"reference",timeRange:{start:new Date(a.startTime),end:new Date(a.endTime)}}):null]}),e("section",{css:K`
|
|
73
73
|
margin: var(--px-spacing-lg);
|
|
74
|
-
`,children:e(
|
|
74
|
+
`,children:e(Na,{title:"Model Schema",variant:"compact",bodyStyle:{padding:0},children:s(fe,{children:[e(j,{name:"All",children:s(en,{children:[e(ue,{title:"Embeddings",id:"embeddings",children:e(qa,{model:t})}),e(ue,{title:"Dimensions",id:"dimensions",children:e(Ba,{model:t})})]})},"all"),e(j,{name:"Embeddings",children:e(qa,{model:t})},"embeddings"),e(j,{name:"Dimensions",children:e(Ba,{model:t})},"dimensions")]})})}),e(Fe,{})]})}const Nl={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"EmbeddingPageModelQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"MetricSelector_dimensions"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"EmbeddingPageModelQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:"numericDimensions",args:[{kind:"Literal",name:"include",value:{dataTypes:["numeric"]}}],concreteType:"DimensionConnection",kind:"LinkedField",name:"dimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"DimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'dimensions(include:{"dataTypes":["numeric"]})'}],storageKey:null}]},params:{cacheID:"4ccf476dd862525b059197daccd0d4d9",id:null,metadata:{},name:"EmbeddingPageModelQuery",operationKind:"query",text:`query EmbeddingPageModelQuery {
|
|
75
75
|
model {
|
|
76
76
|
...MetricSelector_dimensions
|
|
77
77
|
}
|
|
@@ -88,7 +88,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
|
-
`}};
|
|
91
|
+
`}};Nl.hash="374499f7f8ce6919e4a0a4ecbe380c52";const $l=function(){var n={defaultValue:null,kind:"LocalArgument",name:"clusterMinSamples"},a={defaultValue:null,kind:"LocalArgument",name:"clusterSelectionEpsilon"},l={defaultValue:null,kind:"LocalArgument",name:"dataQualityMetricColumnName"},t={defaultValue:null,kind:"LocalArgument",name:"fetchDataQualityMetric"},i={defaultValue:null,kind:"LocalArgument",name:"fetchPerformanceMetric"},r={defaultValue:null,kind:"LocalArgument",name:"id"},o={defaultValue:null,kind:"LocalArgument",name:"minClusterSize"},c={defaultValue:null,kind:"LocalArgument",name:"minDist"},d={defaultValue:null,kind:"LocalArgument",name:"nNeighbors"},m={defaultValue:null,kind:"LocalArgument",name:"nSamples"},y={defaultValue:null,kind:"LocalArgument",name:"performanceMetric"},g={defaultValue:null,kind:"LocalArgument",name:"timeRange"},f=[{kind:"Variable",name:"id",variableName:"id"}],p={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},b={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"x",storageKey:null},h={alias:null,args:null,kind:"ScalarField",name:"y",storageKey:null},v=[p,{alias:null,args:null,kind:"ScalarField",name:"eventId",storageKey:null},{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"coordinates",plural:!1,selections:[b,{kind:"InlineFragment",selections:[S,h,{alias:null,args:null,kind:"ScalarField",name:"z",storageKey:null}],type:"Point3D",abstractKey:null},{kind:"InlineFragment",selections:[S,h],type:"Point2D",abstractKey:null}],storageKey:null},{alias:null,args:null,concreteType:"EmbeddingMetadata",kind:"LinkedField",name:"embeddingMetadata",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"linkToData",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"rawData",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"EventMetadata",kind:"LinkedField",name:"eventMetadata",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"predictionId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualScore",storageKey:null}],storageKey:null}],A=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"referenceValue",storageKey:null}],I={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"clusterMinSamples",variableName:"clusterMinSamples"},{kind:"Variable",name:"clusterSelectionEpsilon",variableName:"clusterSelectionEpsilon"},{kind:"Variable",name:"minClusterSize",variableName:"minClusterSize"},{kind:"Variable",name:"minDist",variableName:"minDist"},{kind:"Variable",name:"nNeighbors",variableName:"nNeighbors"},{kind:"Variable",name:"nSamples",variableName:"nSamples"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"UMAPPoints",kind:"LinkedField",name:"UMAPPoints",plural:!1,selections:[{alias:null,args:null,concreteType:"UMAPPoint",kind:"LinkedField",name:"data",plural:!0,selections:v,storageKey:null},{alias:null,args:null,concreteType:"UMAPPoint",kind:"LinkedField",name:"referenceData",plural:!0,selections:v,storageKey:null},{alias:null,args:null,concreteType:"UMAPPoint",kind:"LinkedField",name:"corpusData",plural:!0,selections:v,storageKey:null},{alias:null,args:null,concreteType:"Cluster",kind:"LinkedField",name:"clusters",plural:!0,selections:[p,{alias:null,args:null,kind:"ScalarField",name:"eventIds",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"driftRatio",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"primaryToCorpusRatio",storageKey:null},{condition:"fetchDataQualityMetric",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[{fields:[{kind:"Variable",name:"columnName",variableName:"dataQualityMetricColumnName"},{kind:"Literal",name:"metric",value:"mean"}],kind:"ObjectValue",name:"metric"}],concreteType:"DatasetValues",kind:"LinkedField",name:"dataQualityMetric",plural:!1,selections:A,storageKey:null}]},{condition:"fetchPerformanceMetric",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[{fields:[{kind:"Variable",name:"metric",variableName:"performanceMetric"}],kind:"ObjectValue",name:"metric"}],concreteType:"DatasetValues",kind:"LinkedField",name:"performanceMetric",plural:!1,selections:A,storageKey:null}]}],storageKey:null},{alias:null,args:null,concreteType:"Retrieval",kind:"LinkedField",name:"contextRetrievals",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"queryId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"relevance",storageKey:null}],storageKey:null}],storageKey:null}],type:"EmbeddingDimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,l,t,i,r,o,c,d,m,y,g],kind:"Fragment",metadata:null,name:"EmbeddingPageUMAPQuery",selections:[{alias:"embedding",args:f,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[I],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[r,g,c,d,m,o,n,a,t,l,i,y],kind:"Operation",name:"EmbeddingPageUMAPQuery",selections:[{alias:"embedding",args:f,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[b,I,{kind:"TypeDiscriminator",abstractKey:"__isNode"},p],storageKey:null}]},params:{cacheID:"d30210c52f86b9d9a7ac958f866aa93e",id:null,metadata:{},name:"EmbeddingPageUMAPQuery",operationKind:"query",text:`query EmbeddingPageUMAPQuery(
|
|
92
92
|
$id: GlobalID!
|
|
93
93
|
$timeRange: TimeRange!
|
|
94
94
|
$minDist: Float!
|
|
@@ -212,7 +212,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
212
212
|
id
|
|
213
213
|
}
|
|
214
214
|
}
|
|
215
|
-
`}}}()
|
|
215
|
+
`}}}();$l.hash="f1ee7ce02317f1c3fe96b77af405095f";function Es(){const{theme:n}=qn();return u.useMemo(()=>n==="light"?Dr:Cr,[n])}function Rs(){const{embeddingDimensionId:n}=je();if(!n)throw new Error("Missing embeddingDimensionId in URL params");return n}const Vl={euclideanDistance:{name:"Euclidean Distance",shortName:"Euc. Distance",definition:"Euclidean distance over time captures how much your primary inferences's embeddings are drifting from the reference data. Euclidean distance of the embeddings is calculated by taking the centroid of the embedding vectors for each inferences and calculating the distance between the two centroids."},queryDistance:{name:"Query Distance",shortName:"Query Distance",definition:"The query distance is the euclidean distance of the centroid of queries from the centroid of the corpus."},accuracyScore:{name:"Accuracy Score",shortName:"Accuracy",definition:"Accuracy classification score. In multi-label classification, this function computes subset accuracy: the set of labels predicted for a sample must exactly match the corresponding set of labels in the ground truth."}};function nn(n){const a=Vl[n];return a!=null?a.shortName:n}function ha(n){const a=Vl[n];return a&&a.definition!=null&&a.definition||null}function pn(n){return`${n.column}:${n.dir}`}function ws(){const{referenceInferences:n}=Ie(),a=!!n,l=z(d=>d.clusterSort),t=z(d=>d.setClusterSort),[i,r]=u.useState(!1),o=u.useMemo(()=>{const d=[];return a&&d.push({label:"Most drift",value:pn({column:"driftRatio",dir:"desc"})}),[...d,{label:"Largest clusters",value:pn({column:"size",dir:"desc"})},{label:"Smallest clusters",value:pn({column:"size",dir:"asc"})},{label:"Highest metric value",value:pn({column:"primaryMetricValue",dir:"desc"})},{label:"Lowest metric value",value:pn({column:"primaryMetricValue",dir:"asc"})}]},[a]),c=pn(l);return e("div",{css:d=>K`
|
|
216
216
|
.ac-action-button {
|
|
217
217
|
background: none;
|
|
218
218
|
border: none;
|
|
@@ -225,7 +225,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
225
225
|
color: var(--ac-global-text-color-900);
|
|
226
226
|
}
|
|
227
227
|
}
|
|
228
|
-
`,children:s(
|
|
228
|
+
`,children:s(mn,{placement:"bottom right","aria-label":"Sort clusters by",isOpen:i,onOpenChange:d=>r(d),children:[s(hs,{children:["Sort",e("span",{"aria-hidden":!0,"data-testid":"dropdown-caret",css:K`
|
|
229
229
|
margin-left: var(--px-spacing-sm);
|
|
230
230
|
border-bottom-color: #0000;
|
|
231
231
|
border-left-color: #0000;
|
|
@@ -237,14 +237,14 @@ fragment MetricSelector_dimensions on Model {
|
|
|
237
237
|
height: 0;
|
|
238
238
|
vertical-align: middle;
|
|
239
239
|
width: 0;
|
|
240
|
-
`})]}),e(
|
|
240
|
+
`})]}),e($a,{children:e(Un,{style:{width:200},selectedKeys:[c],selectionMode:"single",items:o,onSelectionChange:d=>{if(d instanceof Set&&d.size>0){const[m]=d.values(),[y,g]=m.split(":");t({column:y,dir:g})}r(!1)},children:d=>e(J,{children:d.label},d.value)})})]})})}const zl=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"clusters"}],a=[{alias:null,args:[{kind:"Variable",name:"clusters",variableName:"clusters"}],concreteType:"ExportedFile",kind:"LinkedField",name:"exportClusters",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"fileName",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"EmbeddingActionMenuExportClustersMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"EmbeddingActionMenuExportClustersMutation",selections:a},params:{cacheID:"1bef6586fcb3d6eb7034204fbe49633c",id:null,metadata:{},name:"EmbeddingActionMenuExportClustersMutation",operationKind:"mutation",text:`mutation EmbeddingActionMenuExportClustersMutation(
|
|
241
241
|
$clusters: [ClusterInput!]!
|
|
242
242
|
) {
|
|
243
243
|
exportClusters(clusters: $clusters) {
|
|
244
244
|
fileName
|
|
245
245
|
}
|
|
246
246
|
}
|
|
247
|
-
`}}}()
|
|
247
|
+
`}}}();zl.hash="b5ff2517dbb0d19a1b24dea1796a3576";function Ps(){const n=z(r=>r.clusters),{notifyError:a,notifySuccess:l}=pl(),[t,i]=L.useMutation(zl);return e(Be,{align:"end",buttonSize:"compact",icon:i?e(w,{svg:e(E.LoadingOutline,{})}):null,onAction:r=>{switch(r){case"export_cluster":t({variables:{clusters:n.map(o=>({eventIds:o.eventIds,id:o.id}))},onCompleted:o=>{const{fileName:c}=o.exportClusters;l({title:"Clusters Exported",message:"dataframe is available via px.active_session().exports or can be downloaded by clicking below",action:{text:"Download",onClick:()=>{window.open(`/exports?filename=${c}`,"_self")}}})},onError:o=>{a({title:"Failed to export clusters",message:`Failed to export clusters: ${o.message}`})}});break}},children:s(J,{children:[e(w,{svg:e(E.Download,{})}),"Export clusters"]},"export_cluster")})}const Ql={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"MetricSelector_dimensions",selections:[{alias:"numericDimensions",args:[{kind:"Literal",name:"include",value:{dataTypes:["numeric"]}}],concreteType:"DimensionConnection",kind:"LinkedField",name:"dimensions",plural:!1,selections:[{alias:null,args:null,concreteType:"DimensionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'dimensions(include:{"dataTypes":["numeric"]})'}],type:"Model",abstractKey:null};Ql.hash="55d03de16503d7af254c17cef7d18ee0";const kn=":";function Ms(n){return["drift","performance","dataQuality","retrieval"].includes(n)}function Pn(n){const{type:a,metric:l}=n;switch(a){case"drift":return`${a}${kn}${l}`;case"retrieval":return`${a}${kn}${l}`;case"performance":return`${a}${kn}${l}`;case"dataQuality":{const{name:t}=n.dimension;return`${a}${kn}${l}${kn}${t}`}default:he()}}function Ns({metricKey:n,dimensions:a}){const[l,t,i]=n.split(kn);if(!Ms(l))throw new Error(`Invalid metric type: ${l}`);switch(l){case"drift":return{type:l,metric:t};case"retrieval":return{type:l,metric:t};case"performance":return{type:l,metric:t};case"dataQuality":{const r=a.find(o=>o.name===i);if(!r)throw new Error(`Invalid dimension name: ${i}`);return{type:l,metric:t,dimension:r}}default:he()}}const $s=s(_n,{variant:"info",children:[e(te,{level:4,children:"Analysis Metric"}),s(An,{children:[e("p",{children:"Select a metric to drive the analysis of your embeddings."}),e("p",{children:"To analyze the the drift between your two inferencess, select a drift metric and the UI will highlight areas of high drift."}),e("p",{children:"To analyze the quality of your embeddings, select a dimension data quality metric by which to analyze the point cloud. The UI will highlight areas where the data quality is degrading."})]})]});function Vs({model:n}){const[,a]=u.useTransition(),l=L.useFragment(Ql,n),{referenceInferences:t,corpusInferences:i}=Ie(),r=!!t,o=!!i,c=z(p=>p.metric),d=z(p=>p.loading),m=z(p=>p.setMetric),y=l.numericDimensions.edges.map(p=>p.node),g=y.length>0,f=u.useCallback(p=>{const b=Ns({metricKey:p,dimensions:y});a(()=>{m(b)})},[m,y,a]);return s(Dl,{label:"metric",labelExtra:$s,selectedKey:c?Pn(c):void 0,onSelectionChange:f,placeholder:"Select a metric...",isDisabled:d,children:[r?e(ea,{title:"Drift",children:e(J,{children:"Euclidean Distance"},Pn({type:"drift",metric:"euclideanDistance"}))}):null,o?e(ea,{title:"Retrieval",children:e(J,{children:"Query Distance"},Pn({type:"retrieval",metric:"queryDistance"}))}):null,e(ea,{title:"Performance",children:e(J,{children:"Accuracy Score"},Pn({type:"performance",metric:"accuracyScore"}))}),g?e(ea,{title:"Data Quality",children:y.map(p=>e(J,{children:`${p.name} avg`},Pn({type:"dataQuality",metric:"average",dimension:p})))}):null]})}const Ol=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},l={defaultValue:null,kind:"LocalArgument",name:"embeddingDimensionId"},t={defaultValue:null,kind:"LocalArgument",name:"fetchDataQuality"},i={defaultValue:null,kind:"LocalArgument",name:"fetchDrift"},r={defaultValue:null,kind:"LocalArgument",name:"fetchPerformance"},o={defaultValue:null,kind:"LocalArgument",name:"fetchQueryDistance"},c={defaultValue:null,kind:"LocalArgument",name:"metricGranularity"},d={defaultValue:null,kind:"LocalArgument",name:"performanceMetric"},m={defaultValue:null,kind:"LocalArgument",name:"timeRange"},y=[{kind:"Variable",name:"id",variableName:"embeddingDimensionId"}],g={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},f={kind:"Variable",name:"granularity",variableName:"metricGranularity"},p={kind:"Variable",name:"timeRange",variableName:"timeRange"},b=[f,{kind:"Literal",name:"metric",value:"euclideanDistance"},p],S=[{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}],h={kind:"InlineFragment",selections:[{condition:"fetchDrift",kind:"Condition",passingValue:!0,selections:[{alias:"euclideanDistanceTimeSeries",args:b,concreteType:"DriftTimeSeries",kind:"LinkedField",name:"driftTimeSeries",plural:!1,selections:S,storageKey:null}]},{condition:"fetchQueryDistance",kind:"Condition",passingValue:!0,selections:[{alias:null,args:b,concreteType:"DriftTimeSeries",kind:"LinkedField",name:"retrievalMetricTimeSeries",plural:!1,selections:S,storageKey:null}]},{alias:"trafficTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"countGranularity"},{kind:"Literal",name:"metric",value:"count"},p],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:S,storageKey:null}],type:"EmbeddingDimension",abstractKey:null},v=[{kind:"Variable",name:"id",variableName:"dimensionId"}],A={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:[f,{kind:"Literal",name:"metric",value:"mean"},p],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:S,storageKey:null}],type:"Dimension",abstractKey:null},I={alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{condition:"fetchPerformance",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[f,{fields:[{kind:"Variable",name:"metric",variableName:"performanceMetric"}],kind:"ObjectValue",name:"metric"},p],concreteType:"PerformanceTimeSeries",kind:"LinkedField",name:"performanceTimeSeries",plural:!1,selections:S,storageKey:null}]}],storageKey:null},C={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null};return{fragment:{argumentDefinitions:[n,a,l,t,i,r,o,c,d,m],kind:"Fragment",metadata:null,name:"MetricTimeSeriesQuery",selections:[{alias:"embedding",args:y,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[g,h],storageKey:null},{condition:"fetchDataQuality",kind:"Condition",passingValue:!0,selections:[{alias:"dimension",args:v,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[A],storageKey:null}]},I],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[l,m,c,n,i,o,t,a,r,d],kind:"Operation",name:"MetricTimeSeriesQuery",selections:[{alias:"embedding",args:y,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[C,g,h],storageKey:null},{condition:"fetchDataQuality",kind:"Condition",passingValue:!0,selections:[{alias:"dimension",args:v,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[C,A,{kind:"TypeDiscriminator",abstractKey:"__isNode"},g],storageKey:null}]},I]},params:{cacheID:"a68a8204bf7fdd13e6915b338d4b5497",id:null,metadata:{},name:"MetricTimeSeriesQuery",operationKind:"query",text:`query MetricTimeSeriesQuery(
|
|
248
248
|
$embeddingDimensionId: GlobalID!
|
|
249
249
|
$timeRange: TimeRange!
|
|
250
250
|
$metricGranularity: Granularity!
|
|
@@ -303,7 +303,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
303
303
|
}
|
|
304
304
|
}
|
|
305
305
|
}
|
|
306
|
-
`}}}();
|
|
306
|
+
`}}}();Ol.hash="f31abad2141a5a1c461ef2a598ffa4f3";const Ua=new Intl.NumberFormat([],{maximumFractionDigits:2}),jl=()=>{const n=Ne(),a=n.blue400,l=n.gray500;return{color:a,barColor:l}};function zs({active:n,payload:a,label:l}){var r,o,c;const{color:t,barColor:i}=jl();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,y=typeof d=="number"?Ua.format(d):"--",g=typeof m=="number"?Ua.format(m):"--";return s(qe,{children:[e(x,{weight:"heavy",textSize:"medium",children:`${Re(new Date(l))}`}),e(re,{color:t,name:((c=a[1])==null?void 0:c.payload.metricName)??"Metric",value:y}),e(re,{color:i,shape:"square",name:"Count",value:g}),e(ra,{}),s("div",{css:K`
|
|
307
307
|
display: flex;
|
|
308
308
|
flex-direction: row;
|
|
309
309
|
align-items: center;
|
|
@@ -311,7 +311,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
311
311
|
gap: var(--px-spacing-sm);
|
|
312
312
|
|
|
313
313
|
margin-top: var(--px-spacing-sm);
|
|
314
|
-
`,children:[e(w,{svg:e(
|
|
314
|
+
`,children:[e(w,{svg:e(Cl,{})}),e("span",{children:"Click to view the point cloud at this time"})]})]})}return null}function Qs(n){switch(n.type){case"drift":return"Embedding Drift";case"performance":return"Model Performance";case"dataQuality":return"Data Quality";case"retrieval":return"Query Distance";default:he()}}function Os(n){if(n)switch(n.type){case"drift":return nn(n.metric);case"performance":return nn(n.metric);case"dataQuality":return`${n.dimension.name} avg`;case"retrieval":return nn(n.metric);default:he()}else return"Count"}function js(n){switch(n.type){case"drift":return ha(n.metric);case"performance":return ha(n.metric);case"dataQuality":return null;case"retrieval":return ha(n.metric);default:he()}}function qs({embeddingDimensionId:n}){const a=z(F=>F.metric),l=a.type==="drift",t=a.type==="retrieval",i=a.type==="dataQuality",r=a.type==="performance",{timeRange:o}=Me(),{selectedTimestamp:c,setSelectedTimestamp:d}=ia(),m=xn(o),y=L.useLazyLoadQuery(Ol,{embeddingDimensionId:n,timeRange:{start:o.start.toISOString(),end:o.end.toISOString()},metricGranularity:yl(o),countGranularity:m,fetchDrift:l,fetchQueryDistance:t,fetchDataQuality:i,fetchPerformance:r,dimensionId:a.type==="dataQuality"?a.dimension.id:n,performanceMetric:a.type==="performance"?a.metric:"accuracyScore"}),g=Tn({samplingIntervalMinutes:m.samplingIntervalMinutes}),f=u.useCallback(F=>{const{activePayload:D}=F;if(D!=null&&D.length>0){const M=D[0].payload;d(new Date(M.timestamp))}},[d]),p=Bs({data:y,metric:a}),S=Hs(y).reduce((F,D)=>(F[D.timestamp]=D.value,F),{})??{},h=p.map(F=>{const D=S[F.timestamp];return{...F,traffic:D,timestamp:new Date(F.timestamp).getTime()}}),v=Os(a),A=js(a),{color:I,barColor:C}=jl();return s("section",{css:K`
|
|
315
315
|
width: 100%;
|
|
316
316
|
height: 100%;
|
|
317
317
|
display: flex;
|
|
@@ -331,7 +331,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
331
331
|
width: 100%;
|
|
332
332
|
overflow: hidden;
|
|
333
333
|
}
|
|
334
|
-
`,children:[s(
|
|
334
|
+
`,children:[s(te,{level:3,children:[Qs(a),A!=null?s(_n,{children:[e(te,{level:4,children:v}),e(An,{children:A})]}):null]}),e("div",{children:e(He,{width:"100%",height:"100%",children:s(Xn,{data:h,margin:{top:25,right:18,left:18,bottom:10},onClick:f,children:[s("defs",{children:[s("linearGradient",{id:"colorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:I,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:I,stopOpacity:0})]}),s("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:C,stopOpacity:.3}),e("stop",{offset:"95%",stopColor:C,stopOpacity:0})]})]}),e(Ge,{...Dn,tickFormatter:F=>g(new Date(F)),style:{fill:"var(--ac-global-text-color-700)"}}),e(Te,{stroke:ie.colors.gray200,label:{value:v,angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(Te,{yAxisId:"right",orientation:"right",label:{value:"Count",angle:90,position:"insideRight",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(Ue,{strokeDasharray:"4 4",stroke:ie.colors.gray200,strokeOpacity:.5}),e(We,{content:e(zs,{})}),e(Fn,{yAxisId:"right",dataKey:"traffic",fill:"url(#barColor)",spacing:5}),e(zn,{type:"monotone",dataKey:"value",stroke:I,fillOpacity:1,fill:"url(#colorUv)"}),c!=null?e(El,{...fl,x:c.getTime()}):null]})})})]})}function Bs({data:n,metric:a}){var l,t,i,r,o,c;if(((l=n.embedding.euclideanDistanceTimeSeries)==null?void 0:l.data)!=null&&n.embedding.euclideanDistanceTimeSeries.data.length>0)return n.embedding.euclideanDistanceTimeSeries.data.map(d=>({metricName:nn(a.metric),...d}));if(((t=n.embedding.retrievalMetricTimeSeries)==null?void 0:t.data)!=null&&n.embedding.retrievalMetricTimeSeries.data.length>0)return n.embedding.retrievalMetricTimeSeries.data.map(d=>({metricName:nn(a.metric),...d}));if(n.dimension&&((r=(i=n.dimension)==null?void 0:i.dataQualityTimeSeries)==null?void 0:r.data)!=null&&n.dimension.dataQualityTimeSeries.data.length>0){const d=n.dimension.name||"unknown";return n.dimension.dataQualityTimeSeries.data.map(m=>({metricName:`${d} avg`,...m}))}else{if(n.model&&((o=n.model.performanceTimeSeries)==null?void 0:o.data)!=null&&n.model.performanceTimeSeries.data.length>0)return n.model.performanceTimeSeries.data.map(d=>({metricName:nn(a.metric),...d}));if(((c=n.embedding.trafficTimeSeries)==null?void 0:c.data)!=null)return n.embedding.trafficTimeSeries.data.map(d=>({metricName:"Count",...d}))}return[]}function Hs(n){var a;return((a=n.embedding.trafficTimeSeries)==null?void 0:a.data)!=null?[...n.embedding.trafficTimeSeries.data]:[]}const ql=function(){var n={defaultValue:null,kind:"LocalArgument",name:"corpusEventIds"},a={defaultValue:null,kind:"LocalArgument",name:"primaryEventIds"},l={defaultValue:null,kind:"LocalArgument",name:"referenceEventIds"},t=[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,concreteType:"DimensionWithValue",kind:"LinkedField",name:"dimensions",plural:!0,selections:[{alias:null,args:null,concreteType:"Dimension",kind:"LinkedField",name:"dimension",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"EventMetadata",kind:"LinkedField",name:"eventMetadata",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"predictionId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"predictionScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualLabel",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"actualScore",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PromptResponse",kind:"LinkedField",name:"promptAndResponse",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"prompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"response",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentText",storageKey:null}],i=[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"primaryInferences",plural:!1,selections:[{alias:null,args:[{kind:"Variable",name:"eventIds",variableName:"primaryEventIds"}],concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:t,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"referenceInferences",plural:!1,selections:[{alias:null,args:[{kind:"Variable",name:"eventIds",variableName:"referenceEventIds"}],concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:t,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"corpusInferences",plural:!1,selections:[{alias:null,args:[{kind:"Variable",name:"eventIds",variableName:"corpusEventIds"}],concreteType:"Event",kind:"LinkedField",name:"events",plural:!0,selections:t,storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"PointSelectionPanelContentQuery",selections:i,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,l,n],kind:"Operation",name:"PointSelectionPanelContentQuery",selections:i},params:{cacheID:"8b48064eba35d0d6c8dc834c2f7795c0",id:null,metadata:{},name:"PointSelectionPanelContentQuery",operationKind:"query",text:`query PointSelectionPanelContentQuery(
|
|
335
335
|
$primaryEventIds: [ID!]!
|
|
336
336
|
$referenceEventIds: [ID!]!
|
|
337
337
|
$corpusEventIds: [ID!]!
|
|
@@ -411,7 +411,7 @@ fragment MetricSelector_dimensions on Model {
|
|
|
411
411
|
}
|
|
412
412
|
}
|
|
413
413
|
}
|
|
414
|
-
`}}}();
|
|
414
|
+
`}}}();ql.hash="4bd627481610322f2acbcf73dfbfaadc";const Wa=K`
|
|
415
415
|
margin: var(--px-spacing-lg);
|
|
416
416
|
display: flex;
|
|
417
417
|
flex-direction: column;
|
|
@@ -429,83 +429,83 @@ fragment MetricSelector_dimensions on Model {
|
|
|
429
429
|
margin-inline-start: 0;
|
|
430
430
|
}
|
|
431
431
|
}
|
|
432
|
-
`;function Mn(n){return e("div",{css:
|
|
432
|
+
`;function Mn(n){return e("div",{css:K`
|
|
433
433
|
max-height: 200px;
|
|
434
434
|
overflow-y: auto;
|
|
435
|
-
`,children:e("pre",{css:
|
|
435
|
+
`,children:e("pre",{css:K`
|
|
436
436
|
padding: var(--px-spacing-lg);
|
|
437
437
|
color: var(--ac-global-text-color-900);
|
|
438
438
|
white-space: normal;
|
|
439
439
|
margin: 0;
|
|
440
|
-
`,children:n.children})})}function
|
|
440
|
+
`,children:n.children})})}function Gs({event:n}){const a=n.retrievedDocuments&&n.retrievedDocuments.length>0,l=!n.id.includes("CORPUS");return s("section",{css:K`
|
|
441
441
|
height: 100%;
|
|
442
442
|
overflow-y: auto;
|
|
443
|
-
`,children:[e(
|
|
443
|
+
`,children:[e(Xs,{event:n}),s(en,{children:[l?e(ue,{id:"prediction",title:"Prediction Details",children:s("dl",{css:Wa,children:[n.predictionId!=null&&s("div",{children:[e("dt",{children:"Prediction ID"}),e("dd",{css:K`
|
|
444
444
|
display: flex;
|
|
445
445
|
align-items: center;
|
|
446
|
-
`,children:n.predictionId})]}),n.predictionLabel!=null&&s("div",{children:[e("dt",{children:"Prediction Label"}),e("dd",{children:n.predictionLabel})]}),n.predictionScore!=null&&s("div",{children:[e("dt",{children:"Prediction Score"}),e("dd",{children:n.predictionScore})]}),n.actualLabel!=null&&s("div",{children:[e("dt",{children:"Actual Label"}),e("dd",{children:n.actualLabel})]}),n.actualScore!=null&&s("div",{children:[e("dt",{children:"Actual Score"}),e("dd",{children:n.actualScore})]})]})}):e(ue,{id:"document",title:"Document Details",children:e("dl",{css:
|
|
446
|
+
`,children:n.predictionId})]}),n.predictionLabel!=null&&s("div",{children:[e("dt",{children:"Prediction Label"}),e("dd",{children:n.predictionLabel})]}),n.predictionScore!=null&&s("div",{children:[e("dt",{children:"Prediction Score"}),e("dd",{children:n.predictionScore})]}),n.actualLabel!=null&&s("div",{children:[e("dt",{children:"Actual Label"}),e("dd",{children:n.actualLabel})]}),n.actualScore!=null&&s("div",{children:[e("dt",{children:"Actual Score"}),e("dd",{children:n.actualScore})]})]})}):e(ue,{id:"document",title:"Document Details",children:e("dl",{css:Wa,children:n.predictionId!=null&&s("div",{children:[e("dt",{children:"Document ID"}),e("dd",{css:K`
|
|
447
447
|
display: flex;
|
|
448
448
|
align-items: center;
|
|
449
|
-
`,children:n.predictionId})]})})}),e(ue,{id:"dimensions",title:"Dimensions",children:e(
|
|
449
|
+
`,children:n.predictionId})]})})}),e(ue,{id:"dimensions",title:"Dimensions",children:e(Ws,{dimensions:n.dimensions})}),a&&e(ue,{id:"retrievals",title:"Retrieved Documents",titleExtra:e(Ve,{variant:"light",children:n.retrievedDocuments.length}),children:e("ul",{css:K`
|
|
450
450
|
padding: var(--px-spacing-med);
|
|
451
451
|
li + li {
|
|
452
452
|
margin-top: var(--px-spacing-med);
|
|
453
453
|
}
|
|
454
|
-
`,children:n.retrievedDocuments.map(t=>e("li",{children:e(
|
|
454
|
+
`,children:n.retrievedDocuments.map(t=>e("li",{children:e(Us,{document:t})},t.id))})})]})]})}function Us({document:n}){return e(T,{borderRadius:"medium",backgroundColor:"light",children:s(k,{direction:"column",children:[e(T,{width:"100%",borderBottomWidth:"thin",borderBottomColor:"dark",children:s(k,{direction:"row",justifyContent:"space-between",margin:"size-100",alignItems:"center",children:[s(k,{direction:"row",gap:"size-50",alignItems:"center",children:[e(w,{svg:e(E.FileOutline,{})}),s(te,{level:4,children:["document ",n.id]})]}),typeof n.relevance=="number"&&e($n,{color:"blue",children:`relevance ${_a(n.relevance)}`})]})}),e("pre",{css:K`
|
|
455
455
|
padding: var(--px-spacing-lg);
|
|
456
456
|
white-space: normal;
|
|
457
457
|
margin: 0;
|
|
458
|
-
`,children:n.text})]})})}function
|
|
458
|
+
`,children:n.text})]})})}function Ws({dimensions:n}){const a=u.useMemo(()=>n.map(i=>({name:i.dimension.name,type:i.dimension.type,value:i.value??"--"})),[n]),l=u.useMemo(()=>[{header:()=>"Name",accessorKey:"name"},{header:()=>"Type",accessorKey:"type"},{header:()=>"Value",accessorKey:"value"}],[]),t=me({columns:l,data:a,getCoreRowModel:ge()});return s("table",{css:dn,children:[e("thead",{children:t.getHeaderGroups().map(i=>e("tr",{children:i.headers.map(r=>e("th",{colSpan:r.colSpan,children:r.isPlaceholder?null:e("div",{children:H(r.column.columnDef.header,r.getContext())})},r.id))},i.id))}),t.getCoreRowModel().rows.length?e("tbody",{children:t.getRowModel().rows.map(i=>e("tr",{children:i.getVisibleCells().map(r=>e("td",{children:H(r.column.columnDef.cell,r.getContext())},r.id))},i.id))}):e(Ys,{})]})}function Js({dataUrl:n}){const a=Ir(n),l=Lr(n);return a?e("video",{src:n,controls:!0,css:K`
|
|
459
459
|
width: 100%;
|
|
460
460
|
height: 500px;
|
|
461
461
|
background-color: black;
|
|
462
|
-
`}):l?e("audio",{src:n,controls:!0,autoPlay:!0}):e("img",{src:n,alt:"event image",width:"100%",height:"200px",css:
|
|
462
|
+
`}):l?e("audio",{src:n,controls:!0,autoPlay:!0}):e("img",{src:n,alt:"event image",width:"100%",height:"200px",css:K`
|
|
463
463
|
object-fit: contain;
|
|
464
464
|
background-color: black;
|
|
465
|
-
`})}function
|
|
465
|
+
`})}function Xs({event:n}){const a=n.linkToData||void 0,l=n.rawData,t=n.prompt||n.response?{prompt:n.prompt,response:n.response}:null,i=n.documentText;let r=null;return a?r=s(k,{direction:"column",children:[e(Js,{dataUrl:a}),l&&e(en,{children:e(ue,{id:"raw",title:"Raw Data",children:e(Mn,{children:l})})})]}):i?r=e(en,{children:e(ue,{id:"document",title:"Document",children:e(Mn,{children:i})})}):t?r=s(en,{children:[e(ue,{id:"prompt",title:"Prompt",children:e(Mn,{children:t.prompt})}),e(ue,{id:"response",title:"Response",children:e(Mn,{children:t.response})})]}):n.rawData&&n.rawData&&n.rawData,r}function Ys(){return e("tbody",{className:"is-empty",children:e("tr",{children:e("td",{colSpan:100,css:n=>K`
|
|
466
466
|
text-align: center;
|
|
467
467
|
padding: ${n.spacing.margin24}px ${n.spacing.margin24}px !important;
|
|
468
|
-
`,children:e(
|
|
468
|
+
`,children:e(hl,{graphicKey:"documents",message:"This embedding has no associated dimensions"})})})})}const Bl=function(){var n=[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:null,concreteType:"ExportedFile",kind:"LinkedField",name:"exportedFiles",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"fileName",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ExportSelectionButtonExportsQuery",selections:n,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"ExportSelectionButtonExportsQuery",selections:n},params:{cacheID:"2f7e3554305121746dc799b6a8d120da",id:null,metadata:{},name:"ExportSelectionButtonExportsQuery",operationKind:"query",text:`query ExportSelectionButtonExportsQuery {
|
|
469
469
|
model {
|
|
470
470
|
exportedFiles {
|
|
471
471
|
fileName
|
|
472
472
|
}
|
|
473
473
|
}
|
|
474
474
|
}
|
|
475
|
-
`}}}();
|
|
475
|
+
`}}}();Bl.hash="7e6db431afe21f137e54505645c787f4";const Hl=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"eventIds"}],a=[{alias:null,args:[{kind:"Variable",name:"eventIds",variableName:"eventIds"}],concreteType:"ExportedFile",kind:"LinkedField",name:"exportEvents",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"fileName",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExportSelectionButtonMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExportSelectionButtonMutation",selections:a},params:{cacheID:"d370df04ca30a5059288c7aa298239a8",id:null,metadata:{},name:"ExportSelectionButtonMutation",operationKind:"mutation",text:`mutation ExportSelectionButtonMutation(
|
|
476
476
|
$eventIds: [ID!]!
|
|
477
477
|
) {
|
|
478
478
|
exportEvents(eventIds: $eventIds) {
|
|
479
479
|
fileName
|
|
480
480
|
}
|
|
481
481
|
}
|
|
482
|
-
`}}}();
|
|
482
|
+
`}}}();Hl.hash="8b0d6962e2034d4c148d1b9919111d2f";const Zs=`import phoenix as px
|
|
483
483
|
|
|
484
484
|
exports = px.active_session().exports
|
|
485
485
|
dataframe = exports[-1]
|
|
486
|
-
dataframe`,
|
|
486
|
+
dataframe`,eo=K`
|
|
487
487
|
.cm-content {
|
|
488
488
|
padding: var(--ac-global-dimension-static-size-100);
|
|
489
489
|
}
|
|
490
|
-
`;function
|
|
490
|
+
`;function no({value:n}){const{theme:a}=qn(),l=a==="light"?void 0:ga;return e(ma,{value:n,basicSetup:!1,extensions:[Oa()],editable:!1,theme:l,css:eo})}function ao(){const n=z(o=>o.selectedEventIds),[a,l]=L.useMutation(Hl),[t,i]=u.useState(null),r=u.useCallback(()=>{a({variables:{eventIds:[...n]},onCompleted:o=>{i(o.exportEvents)}})},[a,n]);return s(G,{children:[e(V,{variant:"default",size:"compact",icon:e(w,{svg:e(Il,{})}),"aria-label":"Export selection / cluster",loading:l,onClick:r,children:l?"Exporting":"Export"}),e(Y,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:t!=null&&s(q,{title:"Cluster Exports",size:"M",children:[e(Z,{variant:"success",banner:!0,title:"Export succeeded",extra:e(V,{variant:"success",size:"compact",onClick:()=>{window.open(`/exports?filename=${t.fileName}`,"_self")},children:"Download"})}),s("div",{css:K`
|
|
491
491
|
display: flex;
|
|
492
492
|
flex-direction: column;
|
|
493
493
|
justify-content: space-between;
|
|
494
494
|
align-items: flex-start;
|
|
495
495
|
padding: 16px;
|
|
496
496
|
gap: 16px;
|
|
497
|
-
`,children:[e("p",{css:
|
|
497
|
+
`,children:[e("p",{css:K`
|
|
498
498
|
margin: 0;
|
|
499
499
|
flex: 1 1 auto;
|
|
500
|
-
`,children:"You can retrieve your export in your notebook via"}),e(T,{borderColor:"light",borderWidth:"thin",borderRadius:"medium",children:e(
|
|
500
|
+
`,children:"You can retrieve your export in your notebook via"}),e(T,{borderColor:"light",borderWidth:"thin",borderRadius:"medium",children:e(no,{value:Zs})})]}),e(en,{children:e(ue,{id:"all-exports",title:"Latest Exports",children:e(u.Suspense,{fallback:e(se,{}),children:e(lo,{})})})})]})})]})}function lo(){const n=L.useLazyLoadQuery(Bl,{},{fetchPolicy:"network-only"});return e(Al,{children:n.model.exportedFiles.map((a,l)=>e(Ll,{children:s("div",{css:K`
|
|
501
501
|
display: flex;
|
|
502
502
|
flex-direction: row;
|
|
503
503
|
justify-content: space-between;
|
|
504
504
|
align-items: center;
|
|
505
|
-
`,children:[a.fileName,e(V,{size:"compact","aria-label":"Download",variant:"default",icon:e(w,{svg:e(
|
|
505
|
+
`,children:[a.fileName,e(V,{size:"compact","aria-label":"Download",variant:"default",icon:e(w,{svg:e(Il,{})}),onClick:()=>{window.open(`/exports?filename=${a.fileName}`,"_self")}})]})},l))})}function to(n){const{getInferencesNameByRole:a}=Ie(),{events:l,onItemSelected:t}=n,i=z(m=>m.eventIdToDataMap),r=z(m=>m.eventIdToGroup),o=z(m=>m.pointGroupColors),c=z(m=>m.selectionGridSize),d=z(m=>m.setHoveredEventId);return e("div",{css:K`
|
|
506
506
|
flex: 1 1 auto;
|
|
507
507
|
overflow-y: auto;
|
|
508
|
-
`,"data-testid":"grid-view-scroll-container",children:e("ul",{"data-grid-size":
|
|
508
|
+
`,"data-testid":"grid-view-scroll-container",children:e("ul",{"data-grid-size":c,css:K`
|
|
509
509
|
&[data-grid-size="small"] {
|
|
510
510
|
--grid-item-min-width: 100px;
|
|
511
511
|
--grid-item-height: 100px;
|
|
@@ -531,7 +531,7 @@ dataframe`,Js=F`
|
|
|
531
531
|
min-width: var(--grid-item-min-width);
|
|
532
532
|
height: var(--grid-item-height);
|
|
533
533
|
}
|
|
534
|
-
`,children:l.map((m,
|
|
534
|
+
`,children:l.map((m,y)=>{const g=i.get(m.id),{rawData:f=null,linkToData:p=null}=(g==null?void 0:g.embeddingMetadata)??{},{predictionLabel:b=null,actualLabel:S=null}=(g==null?void 0:g.eventMetadata)??{},h=Ar(m.id),v=a(h),A=r[m.id],I=o[A];return e("li",{children:e(_r,{rawData:f,linkToData:p,inferencesName:v,group:A,onClick:()=>{t(m.id)},onMouseOver:()=>{d(m.id)},onMouseOut:()=>{d(null)},color:I,size:c,predictionLabel:b,actualLabel:S,promptAndResponse:m.promptAndResponse,documentText:m.documentText,autoPlay:!1})},y)})})})}function io({data:n,onPointSelected:a}){const{primaryInferences:l,referenceInferences:t}=Ie(),i=z(y=>y.metric),[r,o]=u.useState([]),{columns:c,tableData:d}=u.useMemo(()=>{const y=n.filter(I=>I.id.includes("CORPUS")===!1);let g=!1,f=!1,p=!1,b=!1,S=!1;n.forEach(I=>{I.linkToData&&(g=!0),I.rawData&&(f=!0),(I.prompt||I.response)&&(p=!0),I.predictionLabel&&(b=!0),I.actualLabel&&(S=!0)});const h=[];t&&h.push({header:"Inference Set",accessorKey:"id",size:50,cell:({getValue:I})=>e(ro,{id:I(),primaryInferencesName:l.name,referenceInferencesName:(t==null?void 0:t.name)??"reference"})}),g&&h.push({header:"Link",accessorKey:"linkToData",cell:({getValue:I})=>{const C=I();if(typeof C=="string"){const F=C.split("/").pop();return e(tn,{href:C,children:F})}return null}}),p?(h.push({header:"Prompt",accessorKey:"prompt",cell:ke,size:200}),h.push({header:"Response",accessorKey:"response",cell:ke,size:200})):f&&h.push({header:"Raw Data",accessorKey:"rawData"}),b&&h.push({header:"Prediction Label",accessorKey:"predictionLabel",size:50}),S&&h.push({header:"Actual Label",accessorKey:"actualLabel",size:50});const v=[];if(i&&i.type==="dataQuality"){const I=i.dimension.name;v.push({header:i.dimension.name,accessorKey:"metric",cell:Er,sortingFn:"basic"}),y.forEach(C=>{var D;const F=(D=C.dimensions.find(M=>M.dimension.name===I))==null?void 0:D.value;C.metric=F!=null?Number(F):null})}return{columns:[...h,...v,{header:"",id:"view-details",size:50,cell:({row:I})=>e(Rr,{"aria-label":"view point details",onClick:()=>{a(I.original.id)},children:"view details"})}],tableData:y}},[n,a,l,t,i]),m=me({columns:c,data:d,state:{sorting:r},getCoreRowModel:ge(),onSortingChange:o,getSortedRowModel:On()});return s("table",{css:dn,children:[e("thead",{children:m.getHeaderGroups().map(y=>e("tr",{children:y.headers.map(g=>s("th",{children:[g.isPlaceholder?null:s("div",{className:g.column.getCanSort()?"cursor-pointer":"",onClick:g.column.getToggleSortingHandler(),children:[H(g.column.columnDef.header,g.getContext()),g.column.getIsSorted()?e(w,{className:"sort-icon",svg:g.column.getIsSorted()==="asc"?e(E.ArrowDownFilled,{}):e(E.ArrowUpFilled,{})}):null]}),e("div",{onMouseDown:g.getResizeHandler(),onTouchStart:g.getResizeHandler(),className:`resizer ${g.column.getIsResizing()?"isResizing":""}`,style:{transform:g.column.getIsResizing()?`translateX(${m.getState().columnSizingInfo.deltaOffset}px)`:""}})]},g.id))},y.id))}),e("tbody",{children:m.getRowModel().rows.map(y=>e("tr",{children:y.getVisibleCells().map(g=>e("td",{style:{width:g.column.getSize()},children:H(g.column.columnDef.cell,g.getContext())},g.id))},y.id))})]})}function ro({id:n,primaryInferencesName:a,referenceInferencesName:l}){const t=n.includes("PRIMARY"),i=Es();return s(k,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Pr,{shape:wr.circle,color:i[t?0:1]}),t?a:l]})}const so=K`
|
|
535
535
|
width: 100%;
|
|
536
536
|
height: 100%;
|
|
537
537
|
position: relative;
|
|
@@ -561,37 +561,37 @@ dataframe`,Js=F`
|
|
|
561
561
|
}
|
|
562
562
|
}
|
|
563
563
|
}
|
|
564
|
-
`;function
|
|
564
|
+
`;function oo({event:n,relevance:a}){return{id:n.eventMetadata.predictionId||"unknown id",text:n.documentText??"empty document",relevance:a}}function co(){const n=z(F=>F.selectedEventIds),a=z(F=>F.setSelectedEventIds),l=z(F=>F.setSelectedClusterId),t=z(F=>F.selectionDisplay),[i,r]=De.useState(null),{primaryEventIds:o,referenceEventIds:c,corpusEventIds:d}=u.useMemo(()=>{const F=[],D=[],M=[];return n.forEach(R=>{R.includes("PRIMARY")?F.push(R):R.includes("CORPUS")?M.push(R):D.push(R)}),{primaryEventIds:F,referenceEventIds:D,corpusEventIds:M}},[n]),m=L.useLazyLoadQuery(ql,{primaryEventIds:[...o],referenceEventIds:[...c],corpusEventIds:[...d]}),y=u.useMemo(()=>{var R,O,U,ee,oe,de;const F=((O=(R=m.model)==null?void 0:R.primaryInferences)==null?void 0:O.events)??[],D=((ee=(U=m.model)==null?void 0:U.referenceInferences)==null?void 0:ee.events)??[],M=((de=(oe=m.model)==null?void 0:oe.corpusInferences)==null?void 0:de.events)??[];return[...F,...D,...M]},[m]),g=()=>{a(new Set),l(null)},f=z(F=>F.eventIdToDataMap),p=z(F=>F.pointData),b=z(F=>F.selectionSearchText),S=u.useMemo(()=>y.map(F=>{var R,O,U,ee,oe,de,P;const D=f.get(F.id),M=[];return p!=null&&(D==null?void 0:D.retrievals)!=null&&D.retrievals.forEach(({documentId:N,relevance:_})=>{const $=p[N];$!=null&&M.push(oo({event:$,relevance:_}))}),{id:F.id,predictionId:((R=F.eventMetadata)==null?void 0:R.predictionId)??null,actualLabel:((O=F.eventMetadata)==null?void 0:O.actualLabel)??null,actualScore:((U=F.eventMetadata)==null?void 0:U.actualScore)??null,predictionLabel:((ee=F.eventMetadata)==null?void 0:ee.predictionLabel)??null,predictionScore:((oe=F.eventMetadata)==null?void 0:oe.predictionScore)??null,rawData:(D==null?void 0:D.embeddingMetadata.rawData)??null,linkToData:(D==null?void 0:D.embeddingMetadata.linkToData)??null,dimensions:F.dimensions,prompt:((de=F.promptAndResponse)==null?void 0:de.prompt)??null,response:((P=F.promptAndResponse)==null?void 0:P.response)??null,retrievedDocuments:M,documentText:F.documentText??null}}),[y,f,p]),h=u.useMemo(()=>{if(b){const F=b.toLowerCase();return S.filter(D=>{var M,R,O,U;return D.id.includes(F)||((M=D.documentText)==null?void 0:M.toLowerCase().includes(F))||((R=D.predictionId)==null?void 0:R.includes(F))||((O=D.prompt)==null?void 0:O.toLowerCase().includes(F))||((U=D.response)==null?void 0:U.toLowerCase().includes(F))})}return S},[S,b]),v=u.useMemo(()=>{if(b){const F=b.toLowerCase();return y.filter(D=>{var M,R,O,U,ee,oe,de;return D.id.includes(F)||((M=D.documentText)==null?void 0:M.toLowerCase().includes(F))||((O=(R=D.eventMetadata)==null?void 0:R.predictionId)==null?void 0:O.includes(F))||((ee=(U=D.promptAndResponse)==null?void 0:U.prompt)==null?void 0:ee.toLowerCase().includes(F))||((de=(oe=D.promptAndResponse)==null?void 0:oe.response)==null?void 0:de.toLowerCase().includes(F))})}return y},[y,b]),A=u.useMemo(()=>i?S.find(D=>D.id===i)??null:null,[S,i]),I=y.length,C=v.length;return s("section",{css:so,children:[s("div",{role:"toolbar",css:K`
|
|
565
565
|
position: absolute;
|
|
566
566
|
top: var(--px-spacing-med);
|
|
567
567
|
right: var(--px-spacing-lg);
|
|
568
568
|
display: flex;
|
|
569
569
|
flex-direction: row-reverse;
|
|
570
570
|
gap: var(--px-spacing-med);
|
|
571
|
-
`,children:[e(V,{variant:"default",size:"compact",icon:e(w,{svg:e(
|
|
571
|
+
`,children:[e(V,{variant:"default",size:"compact",icon:e(w,{svg:e(ks,{})}),"aria-label":"Clear selection",onClick:g}),e(ao,{})]}),e(fe,{children:s(j,{name:"Selection",children:[e(uo,{numSelectedEvents:I,numMatchingEvents:C,searchText:b}),t===kl.list?e("div",{css:K`
|
|
572
572
|
flex: 1 1 auto;
|
|
573
573
|
overflow-y: auto;
|
|
574
|
-
`,children:e(
|
|
574
|
+
`,children:e(io,{data:h,onPointSelected:r})}):e(to,{events:v,onItemSelected:r})]})}),e(Y,{type:"slideOver",isDismissable:!0,onDismiss:()=>r(null),children:A&&e(q,{title:"Embedding Details",size:"L",children:e(Gs,{event:A})})})]})}function uo({numSelectedEvents:n,numMatchingEvents:a,searchText:l}){const t=z(m=>m.selectionDisplay),i=z(m=>m.setSelectionDisplay),r=z(m=>m.selectionGridSize),o=z(m=>m.setSelectionGridSize),c=z(m=>m.setSelectionSearchText),d=u.useMemo(()=>l?`${a}/${n} match "${l}"`:`${n} selected`,[n,a,l]);return e(Aa,{extra:s("div",{css:K`
|
|
575
575
|
display: flex;
|
|
576
576
|
flex-direction: row;
|
|
577
577
|
gap: var(--px-spacing-med);
|
|
578
|
-
`,children:[e(
|
|
578
|
+
`,children:[e(bs,{placeholder:"Search by text or ID",onChange:m=>{c(m)}}),t===kl.gallery&&e(Mr,{size:r,onChange:o}),e(Nr,{mode:t,onChange:m=>{i(m)}})]}),children:e(x,{children:d})})}const Gl=$l;function ju(){const{referenceInferences:n,corpusInferences:a}=Ie(),{timeRange:l}=Me(),t=u.useMemo(()=>{let i={};return a!=null?i=zr():n!=null?i=Qr():i=Or(),i={...i,umapParameters:{...window.Config.UMAP}},i},[a,n]);return e(bl,{initialTimestamp:l.end,children:e(jr,{...t,children:e(mo,{})})})}function mo(){const n=Rs(),{primaryInferences:a,referenceInferences:l}=Ie(),t=z(v=>v.umapParameters),i=z(v=>v.getHDSCANParameters),r=z(v=>v.getMetric),o=z(v=>v.reset),c=z(v=>v.setLoading),[d,m]=u.useState(!0),[y,g,f]=L.useQueryLoader(Gl),{selectedTimestamp:p}=ia(),b=u.useMemo(()=>p??new Date(a.endTime),[p,a.endTime]),S=u.useMemo(()=>({start:sl(b,2).toISOString(),end:b.toISOString()}),[b]),h=L.useLazyLoadQuery(Nl,{});return u.useEffect(()=>{o(),c(!0);const v=r();return g({id:n,timeRange:S,...t,...i(),fetchDataQualityMetric:v.type==="dataQuality",fetchPerformanceMetric:v.type==="performance",dataQualityMetricColumnName:v.type==="dataQuality"?v.dimension.name:null,performanceMetric:v.type==="performance"?v.metric:"accuracyScore"},{fetchPolicy:"network-only"}),()=>{f()}},[c,o,n,g,f,t,i,r,S]),s("main",{css:K`
|
|
579
579
|
flex: 1 1 auto;
|
|
580
580
|
display: flex;
|
|
581
581
|
flex-direction: column;
|
|
582
582
|
overflow: hidden;
|
|
583
|
-
`,children:[e(
|
|
583
|
+
`,children:[e(So,{}),s(Aa,{extra:s(k,{direction:"row",justifyContent:"center",alignItems:"center",gap:"size-100",children:[e(Va,{onChange:v=>{m(v)},defaultSelected:!0,labelPlacement:"start",children:"Show Timeseries"}),e(Ps,{})]}),children:[e(ml,{}),l?e(gl,{inferencesRole:"reference",timeRange:{start:new Date(l.startTime),end:new Date(l.endTime)}}):null,e(Vs,{model:h.model})]}),s(an,{direction:"vertical",children:[d?s(G,{children:[e(ce,{defaultSize:20,collapsible:!0,order:1,children:e(u.Suspense,{fallback:e(se,{}),children:e(qs,{embeddingDimensionId:n})})}),e(ln,{css:Cn})]}):null,e(ce,{order:2,children:e("div",{css:K`
|
|
584
584
|
width: 100%;
|
|
585
585
|
height: 100%;
|
|
586
586
|
position: relative;
|
|
587
|
-
`,children:e(
|
|
587
|
+
`,children:e(u.Suspense,{fallback:e(qr,{}),children:y?e(po,{queryReference:y}):null})})})]})]})}function go(n){if(n.__typename!=="Point3D")throw new Error(`Expected Point3D but got ${n.__typename} for coordinates`);return[n.x,n.y,n.z]}function po({queryReference:n}){const a=L.usePreloadedQuery(Gl,n),l=u.useMemo(()=>{var m,y;return((y=(m=a.embedding)==null?void 0:m.UMAPPoints)==null?void 0:y.data)??[]},[a]),t=u.useMemo(()=>{var m,y;return((y=(m=a.embedding)==null?void 0:m.UMAPPoints)==null?void 0:y.referenceData)??[]},[a]),i=u.useMemo(()=>{var m,y;return((y=(m=a.embedding)==null?void 0:m.UMAPPoints)==null?void 0:y.corpusData)??[]},[a]),r=u.useMemo(()=>{var m,y;return((y=(m=a.embedding)==null?void 0:m.UMAPPoints)==null?void 0:y.contextRetrievals)??[]},[a]),o=u.useMemo(()=>[...l,...t,...i].map(y=>({...y,position:go(y.coordinates),metaData:{id:y.eventId}})),[t,l,i]),c=z(m=>m.setInitialData),d=z(m=>m.setClusters);return fr(()=>{var y,g;const m=((g=(y=a.embedding)==null?void 0:y.UMAPPoints)==null?void 0:g.clusters)||[];c({points:o,clusters:m,retrievals:r})},[o,n,r,c,d]),e("div",{css:K`
|
|
588
588
|
flex: 1 1 auto;
|
|
589
589
|
display: flex;
|
|
590
590
|
flex-direction: row;
|
|
591
591
|
align-items: stretch;
|
|
592
592
|
width: 100%;
|
|
593
593
|
height: 100%;
|
|
594
|
-
`,"data-testid":"point-cloud-display",children:s(
|
|
594
|
+
`,"data-testid":"point-cloud-display",children:s(an,{direction:"horizontal",children:[e(ce,{id:"embedding-left",defaultSize:15,maxSize:30,minSize:10,collapsible:!0,children:s(an,{autoSaveId:"embedding-controls-vertical",direction:"vertical",children:[e(ce,{css:K`
|
|
595
595
|
display: flex;
|
|
596
596
|
flex-direction: column;
|
|
597
597
|
.ac-tabs {
|
|
@@ -612,7 +612,7 @@ dataframe`,Js=F`
|
|
|
612
612
|
}
|
|
613
613
|
}
|
|
614
614
|
}
|
|
615
|
-
`,children:e(
|
|
615
|
+
`,children:e(ko,{})}),e(ln,{css:Cn}),e(ce,{css:K`
|
|
616
616
|
.ac-tabs {
|
|
617
617
|
height: 100%;
|
|
618
618
|
overflow: hidden;
|
|
@@ -621,27 +621,27 @@ dataframe`,Js=F`
|
|
|
621
621
|
overflow-y: auto;
|
|
622
622
|
}
|
|
623
623
|
}
|
|
624
|
-
`,children:s(
|
|
624
|
+
`,children:s(fe,{children:[e(j,{name:"Display",children:e(Br,{})}),e(j,{name:"Hyperparameters",children:e(Hr,{})})]})})]})}),e(ln,{css:Gr}),e(ce,{children:s("div",{css:K`
|
|
625
625
|
position: relative;
|
|
626
626
|
width: 100%;
|
|
627
627
|
height: 100%;
|
|
628
|
-
`,children:[e(
|
|
628
|
+
`,children:[e(yo,{}),e(Ur,{})]})})]})})}function yo(){return z(a=>a.selectedEventIds).size===0?null:e("div",{css:K`
|
|
629
629
|
position: absolute;
|
|
630
630
|
top: 0;
|
|
631
631
|
left: 0;
|
|
632
632
|
bottom: 0;
|
|
633
633
|
right: 0;
|
|
634
|
-
`,"data-testid":"selection-panel",children:s(
|
|
634
|
+
`,"data-testid":"selection-panel",children:s(an,{direction:"vertical",children:[e(ce,{}),e(ln,{css:Cn,style:{zIndex:1}}),e(ce,{id:"embedding-point-selection",defaultSize:40,minSize:20,order:2,style:{zIndex:1},children:e(fo,{children:e(u.Suspense,{fallback:e(se,{}),children:e(co,{})})})})]})})}function fo(n){return e("div",{css:K`
|
|
635
635
|
background-color: var(--ac-global-color-grey-75);
|
|
636
636
|
width: 100%;
|
|
637
637
|
height: 100%;
|
|
638
|
-
`,children:n.children})}const
|
|
638
|
+
`,children:n.children})}const ho=1,ko=De.memo(function(){const{referenceInferences:a}=Ie(),l=z(g=>g.clusters),t=z(g=>g.selectedClusterId),i=z(g=>g.metric),r=z(g=>g.setSelectedClusterId),o=z(g=>g.setSelectedEventIds),c=z(g=>g.setHighlightedClusterId),d=z(g=>g.setClusterColorMode),m=a==null||i.type==="drift",y=u.useCallback(g=>{d(g===ho?Ha.highlight:Ha.default)},[d]);return s(fe,{onChange:y,children:[e(j,{name:"Clusters",extra:e(Ve,{children:l.length}),children:s(k,{direction:"column",height:"100%",children:[e(T,{borderBottomColor:"dark",borderBottomWidth:"thin",backgroundColor:"dark",flex:"none",padding:"size-50",children:e(k,{direction:"row",justifyContent:"end",children:e(ws,{})})}),e(T,{flex:"1 1 auto",overflow:"auto",children:e("ul",{css:g=>K`
|
|
639
639
|
flex: 1 1 auto;
|
|
640
640
|
display: flex;
|
|
641
641
|
flex-direction: column;
|
|
642
642
|
gap: ${g.spacing.margin8}px;
|
|
643
643
|
margin: ${g.spacing.margin8}px;
|
|
644
|
-
`,children:l.map(g=>e("li",{children:e(
|
|
644
|
+
`,children:l.map(g=>e("li",{children:e($r,{clusterId:g.id,numPoints:g.eventIds.length,isSelected:t===g.id,driftRatio:g.driftRatio,primaryToCorpusRatio:g.primaryToCorpusRatio,primaryMetricValue:g.primaryMetricValue,referenceMetricValue:g.referenceMetricValue,metricName:bo(i),hideReference:m,onClick:()=>{t!==g.id?(r(g.id),o(new Set(g.eventIds))):(r(null),o(new Set))},onMouseEnter:()=>{c(g.id)},onMouseLeave:()=>{c(null)}})},g.id))})})]})}),e(j,{name:"Configuration",children:e(T,{overflow:"auto",height:"100%",children:e(Vr,{})})})]})});function bo(n){const{type:a,metric:l}=n;switch(a){case"dataQuality":return`${n.dimension.name} avg`;case"drift":{switch(l){case"euclideanDistance":return"Cluster Drift";default:he()}break}case"performance":return nn(l);case"retrieval":{switch(l){case"queryDistance":return"% Query";default:he()}break}default:he()}}function So(){const{notifyError:n}=pl(),a=z(t=>t.errorMessage),l=z(t=>t.setErrorMessage);return u.useEffect(()=>{a!==null&&n({title:"An error occurred",message:a,action:{text:"Dismiss",onClick:()=>{l(null)}}})},[a,n,l]),null}const Ul=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"embeddingLoaderQuery",selections:[{alias:"embedding",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[l,t],type:"EmbeddingDimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"embeddingLoaderQuery",selections:[{alias:"embedding",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[t],type:"EmbeddingDimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"cff0ac130f1ef79784f7bef4161ac60d",id:null,metadata:{},name:"embeddingLoaderQuery",operationKind:"query",text:`query embeddingLoaderQuery(
|
|
645
645
|
$id: GlobalID!
|
|
646
646
|
) {
|
|
647
647
|
embedding: node(id: $id) {
|
|
@@ -654,7 +654,7 @@ dataframe`,Js=F`
|
|
|
654
654
|
id
|
|
655
655
|
}
|
|
656
656
|
}
|
|
657
|
-
`}}}();
|
|
657
|
+
`}}}();Ul.hash="c049e57d92943f64b5e751e0daa89dc8";async function qu(n){const{embeddingDimensionId:a}=n.params;return L.fetchQuery(Ce,Ul,{id:a}).toPromise()}const Wl=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"hasReference"},l={defaultValue:null,kind:"LocalArgument",name:"timeRange"},t=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"Variable",name:"timeRange",variableName:"timeRange"},o=[r],c=[{kind:"Variable",name:"hasReference",variableName:"hasReference"},r],d={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},m=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null}],y={kind:"Literal",name:"metric",value:"cardinality"},g={kind:"Literal",name:"metric",value:"percentEmpty"},f={kind:"Literal",name:"inferencesRole",value:"reference"};return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"DimensionPageQuery",selections:[{alias:"dimension",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[i,{args:o,kind:"FragmentSpread",name:"DimensionSegmentsBarChart_dimension"},{args:o,kind:"FragmentSpread",name:"DimensionCountStats_dimension"},{args:o,kind:"FragmentSpread",name:"DimensionDriftStats_dimension"},{args:c,kind:"FragmentSpread",name:"DimensionCardinalityStats_dimension"},{args:c,kind:"FragmentSpread",name:"DimensionPercentEmptyStats_dimension"},{args:o,kind:"FragmentSpread",name:"DimensionQuantilesStats_dimension"}],type:"Dimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,l,a],kind:"Operation",name:"DimensionPageQuery",selections:[{alias:"dimension",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[d,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"primaryTimeRange",variableName:"timeRange"}],concreteType:"Segments",kind:"LinkedField",name:"segmentsComparison",plural:!1,selections:[{alias:null,args:null,concreteType:"Segment",kind:"LinkedField",name:"segments",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"bin",plural:!1,selections:[d,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],type:"NominalBin",abstractKey:null},{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"NumericRange",kind:"LinkedField",name:"range",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"start",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"end",storageKey:null}],storageKey:null}],type:"IntervalBin",abstractKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"counts",plural:!1,selections:m,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"totalCounts",plural:!1,selections:m,storageKey:null}],storageKey:null},{alias:"count",args:[{kind:"Literal",name:"metric",value:"count"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"psi",args:[{kind:"Literal",name:"metric",value:"psi"},r],kind:"ScalarField",name:"driftMetric",storageKey:null},{alias:"cardinality",args:[y,r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"percentEmpty",args:[g,r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p99",args:[{kind:"Literal",name:"metric",value:"p99"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p75",args:[{kind:"Literal",name:"metric",value:"p75"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p50",args:[{kind:"Literal",name:"metric",value:"p50"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p25",args:[{kind:"Literal",name:"metric",value:"p25"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"p1",args:[{kind:"Literal",name:"metric",value:"p01"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{condition:"hasReference",kind:"Condition",passingValue:!0,selections:[{alias:"referenceCardinality",args:[f,y],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"cardinality")'},{alias:"referencePercentEmpty",args:[f,g],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"percentEmpty")'}]}],type:"Dimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"2ad937e56d4647309b9d78ac11f57265",id:null,metadata:{},name:"DimensionPageQuery",operationKind:"query",text:`query DimensionPageQuery(
|
|
658
658
|
$dimensionId: GlobalID!
|
|
659
659
|
$timeRange: TimeRange!
|
|
660
660
|
$hasReference: Boolean!
|
|
@@ -735,7 +735,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
735
735
|
}
|
|
736
736
|
}
|
|
737
737
|
}
|
|
738
|
-
`}}}();
|
|
738
|
+
`}}}();Wl.hash="d194bfd656408e8ba7cb427ddc80fc85";const Jl=function(){var n={kind:"Literal",name:"metric",value:"cardinality"};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"hasReference"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionCardinalityStats_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:"cardinality",args:[n,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{condition:"hasReference",kind:"Condition",passingValue:!0,selections:[{alias:"referenceCardinality",args:[{kind:"Literal",name:"inferencesRole",value:"reference"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"cardinality")'}]}],type:"Dimension",abstractKey:null}}();Jl.hash="8b4edef350e4df49e799afa70ca34918";function vo(n){const a=L.useFragment(Jl,n.dimension);return s(G,{children:[e(x,{elementType:"h3",textSize:"small",color:"text-700",children:"Cardinality"}),e(x,{textSize:"xlarge",children:rn(a.cardinality)}),a.referenceCardinality!=null&&e(x,{textSize:"medium",color:"designationPurple",children:rn(a.referenceCardinality)})]})}const Xl=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"granularity"},l={defaultValue:null,kind:"LocalArgument",name:"timeRange"},t=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"InlineFragment",selections:[{alias:"cardinalityTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"granularity"},{kind:"Literal",name:"metric",value:"cardinality"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"DimensionCardinalityTimeSeriesQuery",selections:[{alias:"dimension",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,l,a],kind:"Operation",name:"DimensionCardinalityTimeSeriesQuery",selections:[{alias:"dimension",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,r],storageKey:null}]},params:{cacheID:"f53e5ac5e0bfd6a0a6c50b761223a617",id:null,metadata:{},name:"DimensionCardinalityTimeSeriesQuery",operationKind:"query",text:`query DimensionCardinalityTimeSeriesQuery(
|
|
739
739
|
$dimensionId: GlobalID!
|
|
740
740
|
$timeRange: TimeRange!
|
|
741
741
|
$granularity: Granularity!
|
|
@@ -753,7 +753,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
753
753
|
}
|
|
754
754
|
}
|
|
755
755
|
}
|
|
756
|
-
`}}}();
|
|
756
|
+
`}}}();Xl.hash="88ce04bb2022d5e2bc75c663abd7e5de";const Yn={top:25,right:18,left:18,bottom:5},Ko=new Intl.NumberFormat([],{maximumFractionDigits:2}),Yl=()=>{const{gray300:n}=Ne();return{color:n}};function Fo({active:n,payload:a,label:l}){var i;const{color:t}=Yl();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?Ko.format(r):"--";return s(qe,{children:[e(x,{weight:"heavy",textSize:"medium",children:`${Re(new Date(l))}`}),e(re,{color:t,name:"Cardinality",value:o}),e(ra,{})]})}return null}function xo({dimensionId:n}){var c;const{timeRange:a}=Me(),l=xn(a),t=L.useLazyLoadQuery(Xl,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:l}),{color:i}=Yl(),r=((c=t.dimension.cardinalityTimeSeries)==null?void 0:c.data.map(d=>({timestamp:new Date(d.timestamp).valueOf(),value:d.value})))||[],o=Tn({samplingIntervalMinutes:l.samplingIntervalMinutes});return e(He,{width:"100%",height:"100%",children:s(Xn,{data:r,margin:Yn,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(Ge,{...Dn,tickFormatter:d=>o(new Date(d))}),e(Te,{stroke:ie.colors.gray200,label:{value:"Cardinality",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(Ue,{strokeDasharray:"4 4",stroke:ie.colors.gray200,strokeOpacity:.5}),e(We,{content:e(Fo,{})}),e(zn,{type:"monotone",dataKey:"value",stroke:i,fillOpacity:1,fill:"url(#cardinalityColorUv)"})]})})}const Zl={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};Zl.hash="6dccac51f3fb0853276677c692af5a43";function To(n){const l=L.useFragment(Zl,n.dimension).count??0;return s(G,{children:[e(x,{elementType:"h3",textSize:"small",color:"text-700",children:"Total Count"}),e(x,{textSize:"xlarge",children:rn(l)})]})}const et=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},l={defaultValue:null,kind:"LocalArgument",name:"timeRange"},t=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"InlineFragment",selections:[{alias:"trafficTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"countGranularity"},{kind:"Literal",name:"metric",value:"count"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"DimensionCountTimeSeriesQuery",selections:[{alias:"embedding",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,l,n],kind:"Operation",name:"DimensionCountTimeSeriesQuery",selections:[{alias:"embedding",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,r],storageKey:null}]},params:{cacheID:"1f9eff6d8d453148844edae32b844df7",id:null,metadata:{},name:"DimensionCountTimeSeriesQuery",operationKind:"query",text:`query DimensionCountTimeSeriesQuery(
|
|
757
757
|
$dimensionId: GlobalID!
|
|
758
758
|
$timeRange: TimeRange!
|
|
759
759
|
$countGranularity: Granularity!
|
|
@@ -771,7 +771,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
771
771
|
}
|
|
772
772
|
}
|
|
773
773
|
}
|
|
774
|
-
`}}}();
|
|
774
|
+
`}}}();et.hash="9677ef7c6b298554824fe3fd3904c7aa";const Do=new Intl.NumberFormat([],{maximumFractionDigits:2}),nt=()=>{const{gray300:n}=Ne();return{barColor:n}};function Co({active:n,payload:a,label:l}){var i;const{barColor:t}=nt();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?Do.format(r):"--";return s(qe,{children:[e(x,{weight:"heavy",textSize:"medium",children:`${Re(new Date(l))}`}),e(re,{color:t,shape:"square",name:"Count",value:o})]})}return null}function Io({dimensionId:n}){var d;const{timeRange:a}=Me(),l=xn(a),r=(((d=L.useLazyLoadQuery(et,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},countGranularity:l}).embedding.trafficTimeSeries)==null?void 0:d.data)||[]).map(m=>({...m,timestamp:new Date(m.timestamp).valueOf()})),o=Tn({samplingIntervalMinutes:l.samplingIntervalMinutes}),{barColor:c}=nt();return e(He,{width:"100%",height:"100%",children:s(Qa,{data:r,margin:Yn,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(Ge,{...Dn,tickFormatter:m=>o(new Date(m))}),e(Te,{stroke:ie.colors.gray200,label:{value:"Count",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(Ue,{strokeDasharray:"4 4",stroke:ie.colors.gray200,strokeOpacity:.5}),e(We,{...Ea,content:e(Co,{})}),e(Fn,{dataKey:"value",fill:"url(#countBarColor)",spacing:5})]})})}const at=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"dimensionId"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"dimensionId"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t=[{kind:"Variable",name:"primaryTimeRange",variableName:"timeRange"}],i={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},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:[l,{kind:"InlineFragment",selections:[{kind:"RequiredField",field:{alias:null,args:t,concreteType:"Segments",kind:"LinkedField",name:"segmentsComparison",plural:!1,selections:[{alias:null,args:null,concreteType:"Segment",kind:"LinkedField",name:"segments",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"bin",plural:!1,selections:[{kind:"InlineFragment",selections:[i,r],type:"NominalBin",abstractKey:null},{kind:"InlineFragment",selections:[i,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,l,{kind:"InlineFragment",selections:[{alias:null,args:t,concreteType:"Segments",kind:"LinkedField",name:"segmentsComparison",plural:!1,selections:[{alias:null,args:null,concreteType:"Segment",kind:"LinkedField",name:"segments",plural:!0,selections:[{alias:null,args:null,concreteType:null,kind:"LinkedField",name:"bin",plural:!1,selections:[i,{kind:"InlineFragment",selections:[r],type:"NominalBin",abstractKey:null},{kind:"InlineFragment",selections:[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(
|
|
775
775
|
$dimensionId: GlobalID!
|
|
776
776
|
$timeRange: TimeRange!
|
|
777
777
|
) {
|
|
@@ -811,7 +811,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
811
811
|
}
|
|
812
812
|
}
|
|
813
813
|
}
|
|
814
|
-
`}}}();
|
|
814
|
+
`}}}();at.hash="6bb76e3cce4ee28c333e485b3aa2dffd";const Ja=La(".2f"),lt=()=>{const{primary:n,reference:a}=Ne();return{primaryBarColor:n,referenceBarColor:a}};function Lo({active:n,payload:a,label:l}){var r,o,c,d,m,y;const{primaryBarColor:t,referenceBarColor:i}=lt();if(n&&a&&a.length){const g=(o=(r=a[0])==null?void 0:r.payload)==null?void 0:o.primaryName,f=(c=a[0])==null?void 0:c.value,p=(m=(d=a[0])==null?void 0:d.payload)==null?void 0:m.referenceName,b=(y=a[1])==null?void 0:y.value;return s(qe,{children:[e(x,{elementType:"h3",textSize:"medium",weight:"heavy",children:l}),e(re,{color:t,shape:"square",name:g,value:f!=null?`${Ja(f)}%`:"--"}),e(re,{color:i,shape:"square",name:p,value:b!=null?`${Ja(b)}%`:"--"})]})}return null}function Ao(n){var f,p,b,S,h;const{primaryInferences:a,referenceInferences:l}=Ie(),t=a.name,i=(l==null?void 0:l.name)||"reference",{selectedTimestamp:r}=ia(),o=u.useMemo(()=>r??new Date(a.endTime),[r,a.endTime]),c=u.useMemo(()=>({start:sl(o,2).toISOString(),end:o.toISOString()}),[o]),d=L.useLazyLoadQuery(at,{dimensionId:n.dimensionId,timeRange:c}),m=u.useMemo(()=>{var C,F,D,M,R;const v=((C=d.dimension.segmentsComparison)==null?void 0:C.segments)??[],A=((D=(F=d.dimension.segmentsComparison)==null?void 0:F.totalCounts)==null?void 0:D.primaryValue)??0,I=((R=(M=d.dimension.segmentsComparison)==null?void 0:M.totalCounts)==null?void 0:R.referenceValue)??0;return v.map(O=>{var N,_;const U=((N=O.counts)==null?void 0:N.primaryValue)??0,ee=((_=O.counts)==null?void 0:_.referenceValue)??0,oe=Sl(O.bin),de=U/A*100,P=ee/I*100;return{name:oe,primaryName:t,referenceName:i,primaryPercent:de,referencePercent:P}})},[(f=d.dimension.segmentsComparison)==null?void 0:f.segments,(b=(p=d.dimension.segmentsComparison)==null?void 0:p.totalCounts)==null?void 0:b.primaryValue,(h=(S=d.dimension.segmentsComparison)==null?void 0:S.totalCounts)==null?void 0:h.referenceValue,t,i]),{primaryBarColor:y,referenceBarColor:g}=lt();return s(k,{direction:"column",height:"100%",children:[e(T,{flex:"none",paddingTop:"size-100",paddingStart:"size-200",children:e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:`Distribution comparison at ${Re(new Date(c.end))}`})}),e(T,{flex:!0,children:e(He,{children:s(Qa,{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:y,stopOpacity:1}),e("stop",{offset:"95%",stopColor:y,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(Ge,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(Te,{stroke:ie.colors.gray200,label:{value:"Percent",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(Ue,{strokeDasharray:"4 4",stroke:ie.colors.gray200,strokeOpacity:.5}),e(We,{...Ea,content:e(Lo,{})}),e(Fn,{dataKey:"primaryPercent",fill:"url(#dimensionPrimarySegmentsBarColor)"}),e(Fn,{dataKey:"referencePercent",fill:"url(#dimensionReferenceSegmentsBarColor)"})]})})})]})}const tt={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};tt.hash="f8a9fb08a14f63906e38bc247d50b189";const _o=s(_n,{variant:"info",placement:"top end",children:[e(te,{weight:"heavy",level:4,children:"Population Stability Index"}),e(An,{children:e(x,{children:"PSI is a symmetric metric that measures the relative entropy, or difference in information represented by two distributions. It can be thought of as measuring the distance between two data distributions showing how different the two distributions are from each other."})}),e("footer",{children:e(tn,{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 Eo(n){const a=L.useFragment(tt,n.dimension);return s(G,{children:[s(k,{direction:"row",alignItems:"center",gap:"size-25",children:[e(x,{elementType:"h3",textSize:"small",color:"text-700",children:"PSI"}),_o]}),e(x,{textSize:"xlarge",children:bn(a.psi)})]})}const it=function(){var n={defaultValue:null,kind:"LocalArgument",name:"countGranularity"},a={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},l={defaultValue:null,kind:"LocalArgument",name:"driftGranularity"},t={defaultValue:null,kind:"LocalArgument",name:"timeRange"},i=[{kind:"Variable",name:"id",variableName:"dimensionId"}],r={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},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,l,t],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,t,l,n],kind:"Operation",name:"DimensionDriftTimeSeriesQuery",selections:[{alias:"embedding",args:i,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r,d],storageKey:null}]},params:{cacheID:"af2d25e28675891b3c8a6bc75027f731",id:null,metadata:{},name:"DimensionDriftTimeSeriesQuery",operationKind:"query",text:`query DimensionDriftTimeSeriesQuery(
|
|
815
815
|
$dimensionId: GlobalID!
|
|
816
816
|
$timeRange: TimeRange!
|
|
817
817
|
$driftGranularity: Granularity!
|
|
@@ -836,7 +836,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
836
836
|
}
|
|
837
837
|
}
|
|
838
838
|
}
|
|
839
|
-
`}}}();
|
|
839
|
+
`}}}();it.hash="6312b58dbb252b17efdf08d44dd58630";const rt=()=>{const{orange300:n,gray300:a}=Ne();return{color:n,barColor:a}};function Ro({active:n,payload:a,label:l}){var i;const{color:t}=rt();if(n&&a&&a.length){const r=((i=a[1])==null?void 0:i.value)??null;return s(qe,{children:[e(x,{weight:"heavy",textSize:"medium",children:`${Re(new Date(l))}`}),e(re,{color:t,name:"PSI",value:bn(r)}),e(ra,{}),s("div",{css:K`
|
|
840
840
|
display: flex;
|
|
841
841
|
flex-direction: row;
|
|
842
842
|
align-items: center;
|
|
@@ -844,7 +844,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
844
844
|
gap: var(--px-spacing-sm);
|
|
845
845
|
|
|
846
846
|
margin-top: var(--px-spacing-sm);
|
|
847
|
-
`,children:[e(w,{svg:e(
|
|
847
|
+
`,children:[e(w,{svg:e(Cl,{})}),e("span",{children:"Click to view details"})]})]})}return null}function wo({dimensionId:n}){var p,b;const{timeRange:a}=Me(),{selectedTimestamp:l,setSelectedTimestamp:t}=ia(),i=xn(a),r=L.useLazyLoadQuery(it,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},driftGranularity:yl(a),countGranularity:i}),o=((p=r.embedding.driftTimeSeries)==null?void 0:p.data)||[],c=((b=r.embedding.trafficTimeSeries)==null?void 0:b.data.reduce((S,h)=>(S[h.timestamp]=h.value,S),{}))??{},d=o.map(S=>{const h=c[S.timestamp];return{...S,traffic:h,timestamp:new Date(S.timestamp).valueOf()}}),m=Tn({samplingIntervalMinutes:i.samplingIntervalMinutes}),y=u.useCallback(S=>{const{activePayload:h}=S;if(h!=null&&h.length>0){const v=h[0].payload;t(new Date(v.timestamp))}},[t]),{color:g,barColor:f}=rt();return e(He,{width:"100%",height:"100%",children:s(Xn,{data:d,margin:Yn,onClick:y,syncId:"dimensionDetails",children:[s("defs",{children:[s("linearGradient",{id:"dimensionDriftColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:g,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:g,stopOpacity:0})]}),s("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:f,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:f,stopOpacity:0})]})]}),e(Ge,{...Dn,tickFormatter:S=>m(new Date(S))}),e(Te,{stroke:ie.colors.gray200,label:{value:"PSI",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(Te,{yAxisId:"right",orientation:"right",tick:!1,tickLine:!1,width:0}),e(Ue,{strokeDasharray:"4 4",stroke:ie.colors.gray200,strokeOpacity:.5}),e(We,{content:e(Ro,{})}),e(Fn,{yAxisId:"right",dataKey:"traffic",fill:"url(#barColor)",spacing:5}),e(zn,{type:"monotone",dataKey:"value",stroke:g,fillOpacity:1,fill:"url(#dimensionDriftColorUv)"}),l!=null?e(El,{...fl,x:l.getTime()}):null]})})}const st=function(){var n={kind:"Literal",name:"metric",value:"percentEmpty"};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"hasReference"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:null,name:"DimensionPercentEmptyStats_dimension",selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:"percentEmpty",args:[n,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{condition:"hasReference",kind:"Condition",passingValue:!0,selections:[{alias:"referencePercentEmpty",args:[{kind:"Literal",name:"inferencesRole",value:"reference"},n],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"percentEmpty")'}]}],type:"Dimension",abstractKey:null}}();st.hash="1e10d0449d6607d9292f355548c41c78";function Po(n){const a=L.useFragment(st,n.dimension);return s(G,{children:[e(x,{elementType:"h3",textSize:"small",color:"text-700",children:"% Empty"}),e(x,{textSize:"xlarge",children:Da(a.percentEmpty)}),a.referencePercentEmpty!=null&&e(x,{textSize:"medium",color:"designationPurple",children:Da(a.referencePercentEmpty)})]})}const ot=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"granularity"},l={defaultValue:null,kind:"LocalArgument",name:"timeRange"},t=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"InlineFragment",selections:[{alias:"percentEmptyTimeSeries",args:[{kind:"Variable",name:"granularity",variableName:"granularity"},{kind:"Literal",name:"metric",value:"percentEmpty"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:[{alias:null,args:null,concreteType:"TimeSeriesDataPoint",kind:"LinkedField",name:"data",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],storageKey:null}],storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"DimensionPercentEmptyTimeSeriesQuery",selections:[{alias:"embedding",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,l,a],kind:"Operation",name:"DimensionPercentEmptyTimeSeriesQuery",selections:[{alias:"embedding",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,r],storageKey:null}]},params:{cacheID:"9be05c72f19755036f4829777a96f97d",id:null,metadata:{},name:"DimensionPercentEmptyTimeSeriesQuery",operationKind:"query",text:`query DimensionPercentEmptyTimeSeriesQuery(
|
|
848
848
|
$dimensionId: GlobalID!
|
|
849
849
|
$timeRange: TimeRange!
|
|
850
850
|
$granularity: Granularity!
|
|
@@ -862,15 +862,15 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
862
862
|
}
|
|
863
863
|
}
|
|
864
864
|
}
|
|
865
|
-
`}}}();
|
|
865
|
+
`}}}();ot.hash="1e843d6c8dbe05b389b24188c6bdb394";const Mo=new Intl.NumberFormat([],{maximumFractionDigits:2}),dt=()=>{const{gray100:n}=Ne();return{color:n}};function No({active:n,payload:a,label:l}){var i;const{color:t}=dt();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?Mo.format(r):"--";return s(qe,{children:[e(x,{weight:"heavy",textSize:"medium",children:`${Re(new Date(l))}`}),e(re,{color:t,name:"% Empty",value:o})]})}return null}function $o({dimensionId:n}){var c;const{timeRange:a}=Me(),l=xn(a),i=((c=L.useLazyLoadQuery(ot,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:l}).embedding.percentEmptyTimeSeries)==null?void 0:c.data.map(d=>({timestamp:new Date(d.timestamp).valueOf(),value:d.value})))||[],r=Tn({samplingIntervalMinutes:l.samplingIntervalMinutes}),{color:o}=dt();return e(He,{width:"100%",height:"100%",children:s(Xn,{data:i,margin:Yn,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(Ge,{...Dn,tickFormatter:d=>r(new Date(d))}),e(Te,{stroke:ie.colors.gray200,label:{value:"% Empty",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(Ue,{strokeDasharray:"4 4",stroke:ie.colors.gray200,strokeOpacity:.5}),e(We,{content:e(No,{})}),e(Rl,{type:"monotone",dataKey:"value",stroke:o,fillOpacity:1,fill:"url(#percentEmptyColorUv)"})]})})}const ct=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}}();ct.hash="c306c8eafb1d34be464d3a658d5f94a7";function Vo(n){const a=L.useFragment(ct,n.dimension);return e("ul",{css:K`
|
|
866
866
|
display: flex;
|
|
867
867
|
flex-direction: column;
|
|
868
868
|
gap: var(--px-spacing-sm);
|
|
869
|
-
`,children:Object.keys(a).map(l=>{const t=a[l];return s("li",{css:
|
|
869
|
+
`,children:Object.keys(a).map(l=>{const t=a[l];return s("li",{css:K`
|
|
870
870
|
display: flex;
|
|
871
871
|
flex-direction: column;
|
|
872
872
|
align-items: flex-end;
|
|
873
|
-
`,children:[e(x,{elementType:"h3",textSize:"xsmall",color:"text-700",children:l}),e(x,{textSize:"medium","data-raw":t,children:
|
|
873
|
+
`,children:[e(x,{elementType:"h3",textSize:"xsmall",color:"text-700",children:l}),e(x,{textSize:"medium","data-raw":t,children:_a(t)})]},l)})})}const ut=function(){var n={defaultValue:null,kind:"LocalArgument",name:"dimensionId"},a={defaultValue:null,kind:"LocalArgument",name:"granularity"},l={defaultValue:null,kind:"LocalArgument",name:"timeRange"},t=[{kind:"Variable",name:"id",variableName:"dimensionId"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={kind:"Variable",name:"granularity",variableName:"granularity"},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:"p99TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p99"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:c,storageKey:null},{alias:"p75TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p75"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:c,storageKey:null},{alias:"p50TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p50"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:c,storageKey:null},{alias:"p25TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p25"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:c,storageKey:null},{alias:"p01TimeSeries",args:[r,{kind:"Literal",name:"metric",value:"p01"},o],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:c,storageKey:null}],type:"Dimension",abstractKey:null};return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"DimensionQuantilesTimeSeriesQuery",selections:[{alias:"dimension",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[i,d],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,l,a],kind:"Operation",name:"DimensionQuantilesTimeSeriesQuery",selections:[{alias:"dimension",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i,d],storageKey:null}]},params:{cacheID:"0bb3d9faf9d7f0c2e27995120ae24e1c",id:null,metadata:{},name:"DimensionQuantilesTimeSeriesQuery",operationKind:"query",text:`query DimensionQuantilesTimeSeriesQuery(
|
|
874
874
|
$dimensionId: GlobalID!
|
|
875
875
|
$timeRange: TimeRange!
|
|
876
876
|
$granularity: Granularity!
|
|
@@ -912,14 +912,14 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
912
912
|
}
|
|
913
913
|
}
|
|
914
914
|
}
|
|
915
|
-
`}}}();
|
|
915
|
+
`}}}();ut.hash="134f0dad0e0ecc7863dfbb0f437d829b";const zo=La("~s");var mt=(n=>(n.p99_p01="p99_p01",n.p75_p25="p75_p25",n.p50="p50",n))(mt||{});const Qo=new Intl.NumberFormat([],{maximumFractionDigits:2});function Nn(n){return typeof n=="number"?Qo.format(n):"--"}const gt=()=>{const n=Ne();return{outerColor:n.gray500,innerColor:n.gray300,lineColor:n.default}};function Oo({active:n,payload:a,label:l}){const{outerColor:t,innerColor:i,lineColor:r}=gt();if(n&&a&&a.length){const o=a[0].payload;return s(qe,{children:[e(x,{weight:"heavy",textSize:"medium",children:`${Re(new Date(l))}`}),e(re,{color:t,name:"p99",value:Nn(o.p99_p01[0])}),e(re,{color:i,name:"p75",value:Nn(o.p75_p25[0])}),e(re,{color:r,name:"p50",value:Nn(o.p50)}),e(re,{color:i,name:"p25",value:Nn(o.p75_p25[1])}),e(re,{color:t,name:"p01",value:Nn(o.p99_p01[1])})]})}return null}function jo({dimensionId:n}){var I,C,F,D,M;const{timeRange:a}=Me(),l=xn(a),t=L.useLazyLoadQuery(ut,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:l}),i=((I=t.dimension.p99TimeSeries)==null?void 0:I.data.map(R=>R))||[],r=((C=t.dimension.p01TimeSeries)==null?void 0:C.data.map(R=>R))||[],o=((F=t.dimension.p75TimeSeries)==null?void 0:F.data.map(R=>R))||[],c=((D=t.dimension.p25TimeSeries)==null?void 0:D.data.map(R=>R))||[],d=((M=t.dimension.p50TimeSeries)==null?void 0:M.data.map(R=>R))||[],m=i.map((R,O)=>({timestamp:new Date(R.timestamp).valueOf(),p99_p01:[R.value,r[O].value],p75_p25:[o[O].value,c[O].value],p50:d[O].value})),y=Tn({samplingIntervalMinutes:l.samplingIntervalMinutes}),[g,f]=u.useState(Object.keys(mt).reduce((R,O)=>(R[O]=!1,R),{})),p=R=>{g[R.dataKey]||f({...g})},b=()=>{f({...g})},S=R=>{f({...g,[String(R.dataKey)]:!g[R.dataKey]})},{outerColor:h,innerColor:v,lineColor:A}=gt();return e(He,{width:"100%",height:"100%",children:s(Xn,{data:m,margin:Yn,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:h,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:h,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:h,stopOpacity:.7})]}),s("linearGradient",{id:"p75_p25ColorUV",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"10%",stopColor:v,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:v,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:v,stopOpacity:.7})]})]}),e(Ge,{...Dn,tickFormatter:R=>y(new Date(R))}),e(Te,{stroke:ie.colors.gray200,label:{value:"Value",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},tickFormatter:R=>zo(R),style:{fill:"var(--ac-global-text-color-700)"}}),e(Ue,{strokeDasharray:"4 4",stroke:ie.colors.gray200,strokeOpacity:.5}),e(We,{content:e(Oo,{})}),e(Fs,{onClick:S,onMouseOver:p,onMouseOut:b}),e(zn,{type:"monotone",dataKey:"p99_p01",name:"p99 - p01",fillOpacity:1,fill:"url(#p99_p01ColorUV)",stroke:h,hide:g.p99_p01===!0}),e(zn,{type:"monotone",dataKey:"p75_p25",name:"p75 - p25",fillOpacity:1,stroke:v,fill:"url(#p75_p25ColorUV)",hide:g.p75_p25===!0}),e(Rl,{type:"monotone",dataKey:"p50",stroke:A,hide:g.p50===!0})]})})}const pt=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}}();pt.hash="8cef9841e9a5bd7d0d50acb5db9028b0";const qo=La(".2f"),yt=()=>{const{primary:n}=Ne();return{color:n}};function Bo({active:n,payload:a,label:l}){var i;const{color:t}=yt();if(n&&a&&a.length){const r=(i=a[0])==null?void 0:i.value;return e(qe,{children:e(re,{color:t,shape:"square",name:l,value:r!=null?`${qo(r)}%`:"--"})})}return null}function Ho(n){const a=L.useFragment(pt,n.dimension),l=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 y=((p=m.counts)==null?void 0:p.primaryValue)??0,g=Sl(m.bin),f=y/r*100;return{name:g,percent:f}})},[a]),{color:t}=yt();return e(He,{children:s(Qa,{data:l,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:t,stopOpacity:1}),e("stop",{offset:"95%",stopColor:t,stopOpacity:.5})]})}),e(Ge,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(Te,{stroke:ie.colors.gray200,label:{value:"% Volume",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(Ue,{strokeDasharray:"4 4",stroke:ie.colors.gray200,strokeOpacity:.5}),e(We,{...Ea,content:e(Bo,{})}),e(Fn,{dataKey:"percent",fill:"url(#dimensionSegmentsBarColor)",spacing:15})]})})}function Bu(){const{dimensionId:n}=je(),{timeRange:a}=Me(),l=jn(),{referenceInferences:t}=Ie(),i=t!==null,r=i,o=l.dimension.shape!=="continuous",c=l.dimension.dataType==="numeric",d=ae(),m=L.useLazyLoadQuery(Wl,{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(bl,{initialTimestamp:new Date(a.end),children:e(Y,{type:"slideOver",isDismissable:!0,onDismiss:()=>d(-1),children:e(q,{size:"L",title:l.dimension.name,children:e("main",{css:K`
|
|
916
916
|
padding: var(--px-spacing-med);
|
|
917
917
|
display: flex;
|
|
918
918
|
flex-direction: column;
|
|
919
919
|
min-height: 400px;
|
|
920
920
|
overflow-y: auto;
|
|
921
921
|
height: 100%;
|
|
922
|
-
`,children:e(
|
|
922
|
+
`,children:e(u.Suspense,{fallback:e(se,{}),children:s(k,{direction:"column",gap:"size-100",children:[e(T,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:e(Ho,{dimension:m.dimension})}),e(T,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600","data-testid":"dimension-count-time-series-view",children:s(k,{direction:"row",alignItems:"stretch",height:"100%",children:[e(Io,{dimensionId:n}),e(hn,{children:e(To,{dimension:m.dimension})})]})}),r?e(T,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",children:s(k,{direction:"column",alignItems:"stretch",children:[e(T,{width:"100%",height:"size-1600",children:s(k,{direction:"row",alignItems:"stretch",height:"100%",children:[e(T,{flex:!0,children:e(wo,{dimensionId:n})}),e(hn,{children:e(Eo,{dimension:m.dimension})})]})}),e(T,{height:"size-1600",width:"100%",borderTopColor:"dark",borderTopWidth:"thin",children:e(u.Suspense,{fallback:e(se,{}),children:e(Ao,{dimensionId:n})})})]})}):null,c?e(T,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-3000",children:s(k,{direction:"row",alignItems:"stretch",height:"100%",children:[e(T,{flex:!0,children:e(jo,{dimensionId:n})}),e(hn,{children:e(Vo,{dimension:m.dimension})})]})}):null,o?e(T,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:s(k,{direction:"row",alignItems:"stretch",height:"100%",children:[e(T,{flex:!0,children:e(xo,{dimensionId:n})}),e(hn,{children:e(vo,{dimension:m.dimension})})]})}):null,e(T,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:s(k,{direction:"row",alignItems:"stretch",height:"100%",children:[e($o,{dimensionId:n}),e(hn,{children:e(Po,{dimension:m.dimension})})]})})]})})})})})})}const ft=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"dataType",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"shape",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"dimensionLoaderQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[l,t,i,r],type:"Dimension",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"dimensionLoaderQuery",selections:[{alias:"dimension",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[t,i,r],type:"Dimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"03a9aafe3f08a9d093b029ff4a9e3253",id:null,metadata:{},name:"dimensionLoaderQuery",operationKind:"query",text:`query dimensionLoaderQuery(
|
|
923
923
|
$id: GlobalID!
|
|
924
924
|
) {
|
|
925
925
|
dimension: node(id: $id) {
|
|
@@ -934,7 +934,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
934
934
|
id
|
|
935
935
|
}
|
|
936
936
|
}
|
|
937
|
-
`}}}();
|
|
937
|
+
`}}}();ft.hash="5a662d77e69d2e9bb4eb2af4cad6b722";async function Hu(n){const{dimensionId:a}=n.params;return L.fetchQuery(Ce,ft,{id:a}).toPromise()}const ht=function(){var n={defaultValue:null,kind:"LocalArgument",name:"id"},a={defaultValue:null,kind:"LocalArgument",name:"traceId"},l=[{kind:"Variable",name:"id",variableName:"id"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"traceId",variableName:"traceId"}],concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[{alias:null,args:[{kind:"Literal",name:"first",value:1e3}],concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"span",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},i,{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},{alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},{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:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:"spans(first:1000)"}],storageKey:null}],type:"Project",abstractKey:null};return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"TraceDetailsQuery",selections:[{alias:"project",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"TraceDetailsQuery",selections:[{alias:"project",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},r,{kind:"TypeDiscriminator",abstractKey:"__isNode"},t],storageKey:null}]},params:{cacheID:"22103e9bb1f983529081ca93d60e76ef",id:null,metadata:{},name:"TraceDetailsQuery",operationKind:"query",text:`query TraceDetailsQuery(
|
|
938
938
|
$traceId: ID!
|
|
939
939
|
$id: GlobalID!
|
|
940
940
|
) {
|
|
@@ -974,7 +974,7 @@ fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
|
|
|
974
974
|
id
|
|
975
975
|
}
|
|
976
976
|
}
|
|
977
|
-
`}}}();
|
|
977
|
+
`}}}();ht.hash="8b568616f23f7d349cac5a31807463fb";const kt=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,concreteType:"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},r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},o={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},c={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"statusMessage",storageKey:null},m={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},b={alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},S=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"mimeType",storageKey:null}],h={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:S,storageKey:null},v={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:S,storageKey:null},A={alias:null,args:null,kind:"ScalarField",name:"attributes",storageKey:null},I={alias:null,args:null,concreteType:"SpanEvent",kind:"LinkedField",name:"events",plural:!0,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"message",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null}],storageKey:null},C={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},F={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},D={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},M={alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},R={alias:null,args:null,concreteType:"DocumentEvaluation",kind:"LinkedField",name:"documentEvaluations",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"documentPosition",storageKey:null},r,F,D,M],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanDetailsQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"InlineFragment",selections:[t,i,r,o,c,d,m,y,g,f,p,b,h,v,A,{kind:"RequiredField",field:I,action:"THROW",path:"span.events"},C,R,{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[r],storageKey:null},{args:null,kind:"FragmentSpread",name:"SpanFeedback_annotations"},{args:null,kind:"FragmentSpread",name:"SpanAside_span"}],type:"Span",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanDetailsQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[i,r,o,c,d,m,y,g,f,p,b,h,v,A,I,C,R,{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[r,F,D,M,{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},t],storageKey:null},{alias:"code",args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null}],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"b1a80a0108c40baebf6e64b811ca0202",id:null,metadata:{},name:"SpanDetailsQuery",operationKind:"query",text:`query SpanDetailsQuery(
|
|
978
978
|
$spanId: GlobalID!
|
|
979
979
|
) {
|
|
980
980
|
span: node(id: $spanId) {
|
|
@@ -1059,7 +1059,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
1059
1059
|
annotatorKind
|
|
1060
1060
|
}
|
|
1061
1061
|
}
|
|
1062
|
-
`}}}();
|
|
1062
|
+
`}}}();kt.hash="eaf52d9b37b1f5a29cae360a05b7c975";const ka=K`
|
|
1063
1063
|
display: flex;
|
|
1064
1064
|
align-items: center;
|
|
1065
1065
|
.ac-text {
|
|
@@ -1069,7 +1069,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
1069
1069
|
overflow: hidden;
|
|
1070
1070
|
text-overflow: ellipsis;
|
|
1071
1071
|
}
|
|
1072
|
-
`;function
|
|
1072
|
+
`;function ye(n){const{name:a,metric:l,k:t,score:i}=n,r=typeof t=="number"?`${l}@${t}`:l,o=u.useMemo(()=>l==="hit"?i?"true":"false":typeof i=="number"&&Le(i)||"--",[i,l]);return s(Ke,{delay:500,offset:3,children:[e(vn,{children:e("div",{css:Wr,children:s(k,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Jr,{color:"var(--ac-global-color-seafoam-1000)"}),a?e("div",{css:ka,children:e(x,{weight:"heavy",textSize:"small",color:"inherit",children:a})}):null,e("div",{css:ka,children:e(x,{textSize:"small",color:"inherit",children:r})}),e("div",{css:ka,children:e(x,{textSize:"small",children:o})})]})})}),e(Wn,{children:s(k,{direction:"row",gap:"size-100",children:[s(x,{weight:"heavy",color:"inherit",children:[a," ",r]}),e(x,{color:"inherit",children:o})]})})]})}const bt=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"projectId"},{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"projectId"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null}],type:"Project",abstractKey:null},i=[{kind:"Variable",name:"id",variableName:"spanId"}],r={kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null},o={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"EditSpanAnnotationsDialogNewAnnotationQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t],storageKey:null},{alias:"span",args:i,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,r],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"EditSpanAnnotationsDialogNewAnnotationQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[o,l,t],storageKey:null},{alias:"span",args:i,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[o,l,r],storageKey:null}]},params:{cacheID:"4aa13fbe70360943615a8ff4d4b2a06f",id:null,metadata:{},name:"EditSpanAnnotationsDialogNewAnnotationQuery",operationKind:"query",text:`query EditSpanAnnotationsDialogNewAnnotationQuery(
|
|
1073
1073
|
$projectId: GlobalID!
|
|
1074
1074
|
$spanId: GlobalID!
|
|
1075
1075
|
) {
|
|
@@ -1092,7 +1092,7 @@ fragment SpanFeedback_annotations on Span {
|
|
|
1092
1092
|
}
|
|
1093
1093
|
}
|
|
1094
1094
|
}
|
|
1095
|
-
`}}}();
|
|
1095
|
+
`}}}();bt.hash="09b2ee5f96c0192a5618ae6c04c321ae";const St=function(){var n={defaultValue:null,kind:"LocalArgument",name:"annotationId"},a={defaultValue:null,kind:"LocalArgument",name:"explanation"},l={defaultValue:null,kind:"LocalArgument",name:"label"},t={defaultValue:null,kind:"LocalArgument",name:"name"},i={defaultValue:null,kind:"LocalArgument",name:"score"},r={defaultValue:null,kind:"LocalArgument",name:"spanId"},o=[{items:[{fields:[{kind:"Variable",name:"annotationId",variableName:"annotationId"},{kind:"Literal",name:"annotatorKind",value:"HUMAN"},{kind:"Variable",name:"explanation",variableName:"explanation"},{kind:"Variable",name:"label",variableName:"label"},{kind:"Variable",name:"name",variableName:"name"},{kind:"Variable",name:"score",variableName:"score"}],kind:"ObjectValue",name:"input.0"}],kind:"ListValue",name:"input"}],c=[{kind:"Variable",name:"id",variableName:"spanId"}],d={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:[n,a,l,t,i,r],kind:"Fragment",metadata:null,name:"EditSpanAnnotationsDialogEditAnnotationMutation",selections:[{alias:null,args:o,concreteType:"SpanAnnotationMutationPayload",kind:"LinkedField",name:"patchSpanAnnotations",plural:!1,selections:[{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:null,args:c,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"EditSpanAnnotationsDialog_spanAnnotations"}],type:"Span",abstractKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[r,n,t,l,i,a],kind:"Operation",name:"EditSpanAnnotationsDialogEditAnnotationMutation",selections:[{alias:null,args:o,concreteType:"SpanAnnotationMutationPayload",kind:"LinkedField",name:"patchSpanAnnotations",plural:!1,selections:[{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:null,args:c,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},d,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[d,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"8b7ea6d08a6f8f06744567701ccb5f34",id:null,metadata:{},name:"EditSpanAnnotationsDialogEditAnnotationMutation",operationKind:"mutation",text:`mutation EditSpanAnnotationsDialogEditAnnotationMutation(
|
|
1096
1096
|
$spanId: GlobalID!
|
|
1097
1097
|
$annotationId: GlobalID!
|
|
1098
1098
|
$name: String!
|
|
@@ -1125,7 +1125,7 @@ fragment EditSpanAnnotationsDialog_spanAnnotations on Span {
|
|
|
1125
1125
|
explanation
|
|
1126
1126
|
}
|
|
1127
1127
|
}
|
|
1128
|
-
`}}}();
|
|
1128
|
+
`}}}();St.hash="46647cda8c9874c89d8a4034bf82fe14";const vt=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"EditSpanAnnotationsDialogSpanAnnotationsQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"EditSpanAnnotationsDialog_spanAnnotations"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"EditSpanAnnotationsDialogSpanAnnotationsQuery",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"},l,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"8649eb1dd42a29a0d38b9a1538490de4",id:null,metadata:{},name:"EditSpanAnnotationsDialogSpanAnnotationsQuery",operationKind:"query",text:`query EditSpanAnnotationsDialogSpanAnnotationsQuery(
|
|
1129
1129
|
$id: GlobalID!
|
|
1130
1130
|
) {
|
|
1131
1131
|
node(id: $id) {
|
|
@@ -1147,7 +1147,7 @@ fragment EditSpanAnnotationsDialog_spanAnnotations on Span {
|
|
|
1147
1147
|
explanation
|
|
1148
1148
|
}
|
|
1149
1149
|
}
|
|
1150
|
-
`}}}();
|
|
1150
|
+
`}}}();vt.hash="07aedb847a2af03a77823f0afc0c98d4";const Kt=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:vt,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"EditSpanAnnotationsDialog_spanAnnotations",selections:[n,{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[n,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null}}();Kt.hash="07aedb847a2af03a77823f0afc0c98d4";const Ft=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"EditSpanAnnotationsDialogQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"EditSpanAnnotationsDialog_spanAnnotations"}],type:"Span",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"EditSpanAnnotationsDialogQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null}],storageKey:null}]},params:{cacheID:"532b3c148c3bf1411b8820714c68f4e3",id:null,metadata:{},name:"EditSpanAnnotationsDialogQuery",operationKind:"query",text:`query EditSpanAnnotationsDialogQuery(
|
|
1151
1151
|
$spanId: GlobalID!
|
|
1152
1152
|
) {
|
|
1153
1153
|
span: node(id: $spanId) {
|
|
@@ -1170,7 +1170,7 @@ fragment EditSpanAnnotationsDialog_spanAnnotations on Span {
|
|
|
1170
1170
|
explanation
|
|
1171
1171
|
}
|
|
1172
1172
|
}
|
|
1173
|
-
`}}}();
|
|
1173
|
+
`}}}();Ft.hash="36093f4285a168993ec87fd6aac82365";const xt=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"},{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{items:[{kind:"Variable",name:"input.0",variableName:"input"}],kind:"ListValue",name:"input"}],l=[{kind:"Variable",name:"id",variableName:"spanId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"NewSpanAnnotationFormMutation",selections:[{alias:null,args:a,concreteType:"SpanAnnotationMutationPayload",kind:"LinkedField",name:"createSpanAnnotations",plural:!1,selections:[{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:null,args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"EditSpanAnnotationsDialog_spanAnnotations"}],type:"Span",abstractKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"NewSpanAnnotationFormMutation",selections:[{alias:null,args:a,concreteType:"SpanAnnotationMutationPayload",kind:"LinkedField",name:"createSpanAnnotations",plural:!1,selections:[{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,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"},t,{kind:"InlineFragment",selections:[{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:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"d6f016f4dfb0c142854c3ecd840b09f5",id:null,metadata:{},name:"NewSpanAnnotationFormMutation",operationKind:"mutation",text:`mutation NewSpanAnnotationFormMutation(
|
|
1174
1174
|
$input: CreateSpanAnnotationInput!
|
|
1175
1175
|
$spanId: GlobalID!
|
|
1176
1176
|
) {
|
|
@@ -1199,10 +1199,10 @@ fragment EditSpanAnnotationsDialog_spanAnnotations on Span {
|
|
|
1199
1199
|
explanation
|
|
1200
1200
|
}
|
|
1201
1201
|
}
|
|
1202
|
-
`}}}();
|
|
1202
|
+
`}}}();xt.hash="ded0a7a64a2706f6ec472a63c1c57eca";const Go=K`
|
|
1203
1203
|
color: var(--ac-global-text-color-900);
|
|
1204
1204
|
font-size: 12px;
|
|
1205
|
-
`;function
|
|
1205
|
+
`;function Tt(n){const{initialData:a,isReadOnly:l,onSubmit:t,isSubmitting:i=!1}=n,{control:r,handleSubmit:o,formState:{isDirty:c,isValid:d},setError:m,reset:y}=on({defaultValues:a,disabled:l}),g=u.useCallback(p=>{const b=!p.label,S=p.score===""||p.score==null;if(b&&S){m("label",{type:"manual",message:"Label or score is required"}),m("score",{type:"manual",message:"Label or score is required"});return}const h={...p,score:p.score!=null?parseFloat(p.score.toString()):null};t&&t(h),y(h)},[t,m,y]),f=l;return s(Kn,{onSubmit:o(g),children:[e(T,{padding:"size-200",children:s(k,{direction:"column",gap:"size-100",children:[s("div",{css:K`
|
|
1206
1206
|
display: flex;
|
|
1207
1207
|
flex-direction: row;
|
|
1208
1208
|
width: 100%;
|
|
@@ -1214,7 +1214,7 @@ fragment EditSpanAnnotationsDialog_spanAnnotations on Span {
|
|
|
1214
1214
|
.ac-textfield {
|
|
1215
1215
|
min-width: 0;
|
|
1216
1216
|
}
|
|
1217
|
-
`,children:[e(
|
|
1217
|
+
`,children:[e(W,{name:"label",control:r,render:({field:{onChange:p,onBlur:b,value:S},fieldState:{invalid:h,error:v}})=>e(le,{label:"Label",placeholder:"e.x. good, bad",description:"A categorical label like 'good' or 'bad'",isReadOnly:l,errorMessage:v==null?void 0:v.message,validationState:h?"invalid":"valid",onChange:p,onBlur:b,value:(S==null?void 0:S.toString())||""})}),e(W,{name:"score",control:r,render:({field:{onChange:p,onBlur:b,value:S},fieldState:{invalid:h,error:v}})=>e(le,{label:"Score",type:"number",placeholder:"e.x. 0.8",description:"A numeric grade",errorMessage:v==null?void 0:v.message,isReadOnly:l,validationState:h?"invalid":"valid",onChange:p,onBlur:b,value:(S==null?void 0:S.toString())||""})})]}),s("details",{open:!f,css:Go,children:[e("summary",{children:"Annotation Details"}),e(T,{paddingTop:"size-50",children:e(W,{name:"explanation",control:r,render:({field:{onChange:p,onBlur:b,value:S},fieldState:{invalid:h,error:v}})=>e(Jn,{label:"Explanation",height:70,isReadOnly:l,description:"Why this score or label was given",errorMessage:v==null?void 0:v.message,validationState:h?"invalid":"valid",onChange:p,onBlur:b,value:(S==null?void 0:S.toString())||""})})})]})]})}),e(G,{children:l?null:e(T,{paddingTop:"size-100",paddingBottom:"size-100",paddingEnd:"size-200",paddingStart:"size-200",borderTopWidth:"thin",borderColor:"dark",children:e(k,{direction:"row",justifyContent:"end",children:e(V,{variant:c?"primary":"default",type:"submit",size:"compact",disabled:!d||!c||i,children:i?"Saving...":"Save"})})})})]})}function Uo(n){const{annotationName:a,spanNodeId:l,onCreated:t}=n,[i,r]=L.useMutation(xt);return e(Tt,{initialData:{name:a},isSubmitting:r,onSubmit:c=>{i({variables:{input:{spanId:l,annotatorKind:"HUMAN",...c},spanId:l},onCompleted:()=>{t()}})}})}const Dt=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"annotationId"},{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{fields:[{items:[{kind:"Variable",name:"annotationIds.0",variableName:"annotationId"}],kind:"ListValue",name:"annotationIds"}],kind:"ObjectValue",name:"input"}],l=[{kind:"Variable",name:"id",variableName:"spanId"}],t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanAnnotationActionMenuDeleteMutation",selections:[{alias:null,args:a,concreteType:"SpanAnnotationMutationPayload",kind:"LinkedField",name:"deleteSpanAnnotations",plural:!1,selections:[{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:null,args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"EditSpanAnnotationsDialog_spanAnnotations"}],type:"Span",abstractKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanAnnotationActionMenuDeleteMutation",selections:[{alias:null,args:a,concreteType:"SpanAnnotationMutationPayload",kind:"LinkedField",name:"deleteSpanAnnotations",plural:!1,selections:[{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,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"},t,{kind:"InlineFragment",selections:[{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:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"422687a283120080277d2649c1b9f6ee",id:null,metadata:{},name:"SpanAnnotationActionMenuDeleteMutation",operationKind:"mutation",text:`mutation SpanAnnotationActionMenuDeleteMutation(
|
|
1218
1218
|
$annotationId: GlobalID!
|
|
1219
1219
|
$spanId: GlobalID!
|
|
1220
1220
|
) {
|
|
@@ -1243,15 +1243,15 @@ fragment EditSpanAnnotationsDialog_spanAnnotations on Span {
|
|
|
1243
1243
|
explanation
|
|
1244
1244
|
}
|
|
1245
1245
|
}
|
|
1246
|
-
`}}}();
|
|
1246
|
+
`}}}();Dt.hash="a898fcb037b08cb626daaf3d385588ce";function Wo(n){const{onDelete:a,isDisabled:l=!1}=n;return e("div",{onClick:t=>{t.preventDefault(),t.stopPropagation()},children:e(Be,{align:"end",buttonSize:"compact",isDisabled:l,onAction:t=>{switch(t){case"deleteAnnotation":a();break}},children:e(J,{children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(E.TrashOutline,{})}),e(x,{children:"Delete"})]})},"deleteAnnotation")})})}function Jo(n){const{annotationId:a,spanNodeId:l,annotationName:t,onSpanAnnotationActionSuccess:i,onSpanAnnotationActionError:r}=n,[o,c]=u.useState(null),[d,m]=L.useMutation(Dt),y=u.useCallback(()=>{u.startTransition(()=>{d({variables:{annotationId:a,spanId:l},onCompleted:()=>{i({title:"Annotation Deleted",message:`Annotation ${t} has been deleted.`})},onError:f=>{r(f)}})})},[d,a,l,i,t,r]),g=u.useCallback(()=>{c(s(q,{size:"S",title:"Delete Annotation",children:[e(T,{padding:"size-200",children:e(x,{color:"danger",children:`Are you sure you want to delete annotation ${t}? This cannot be undone.`})}),e(T,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",children:e(V,{variant:"danger",onClick:()=>{y(),c(null)},children:"Delete Annotation"})})})]}))},[y,t]);return s("div",{children:[e(Wo,{onDelete:g,isDisabled:m}),e(Y,{type:"modal",isDismissable:!0,onDismiss:()=>c(null),children:o})]})}function Xo(n){const{projectId:a,spanNodeId:l}=n,[t,i]=u.useState(null),r=Se();return e(q,{title:"Annotate",size:"M",isDismissable:!0,extra:e(Yo,{projectId:a,spanNodeId:l,disabled:t!==null,onAnnotationNameSelect:i}),children:s("div",{css:K`
|
|
1247
1247
|
height: 100%;
|
|
1248
1248
|
overflow-y: auto;
|
|
1249
1249
|
padding: var(--ac-global-dimension-size-200);
|
|
1250
|
-
`,children:[t&&e(T,{paddingBottom:"size-200",children:e(
|
|
1250
|
+
`,children:[t&&e(T,{paddingBottom:"size-200",children:e(ad,{spanNodeId:l,name:t,onDelete:()=>{i(null)},onCreated:()=>{i(null),r({title:"New Span Annotation",message:`Annotation ${t} has been created.`})}})}),e(u.Suspense,{children:e(ed,{...n})})]})})}function Yo(n){const{projectId:a,disabled:l=!1,spanNodeId:t,onAnnotationNameSelect:i}=n,[r,o]=u.useState(!1);return s(mn,{placement:"bottom end",crossOffset:300,isOpen:r,onOpenChange:c=>{o(c)},children:[e(V,{variant:"default",disabled:l,size:"compact",icon:e(w,{svg:e(E.PlusCircleOutline,{})}),onClick:()=>{o(!0)},children:"New"}),e(Zo,{projectId:a,spanNodeId:t,onAnnotationNameSelect:c=>{i(c),o(!1)}})]})}function Zo(n){const{projectId:a,spanNodeId:l,onAnnotationNameSelect:t}=n;return e(Q,{title:"New Annotation",backgroundColor:"light",borderColor:"light",variant:"compact",bodyStyle:{padding:0},children:e(u.Suspense,{children:e(td,{projectId:a,spanId:l,onAnnotationNameSelect:t})})})}function ed(n){const a=L.useLazyLoadQuery(Ft,{spanId:n.spanNodeId},{fetchPolicy:"store-and-network"});return e(nd,{span:a.span})}function nd(n){const{span:a}=n,[l]=L.useRefetchableFragment(Kt,a),t=l.spanAnnotations||[],i=t.length>0;return s("div",{children:[!i&&e(hl,{graphicKey:"documents",message:"No annotations for this span"}),e("ul",{css:K`
|
|
1251
1251
|
display: flex;
|
|
1252
1252
|
flex-direction: column;
|
|
1253
1253
|
gap: var(--ac-global-dimension-size-200);
|
|
1254
|
-
`,children:t.map((r,o)=>e("li",{children:e(
|
|
1254
|
+
`,children:t.map((r,o)=>e("li",{children:e(ld,{annotation:r,spanNodeId:l.id})},`${o}_${r.name}`))})]})}function ad(n){const{spanNodeId:a,name:l,onDelete:t,onCreated:i}=n;return s(Q,{variant:"compact",title:l,borderColor:"orange-900",extra:s(k,{direction:"row",alignItems:"center",gap:"size-100",children:[e(Ct,{kind:"HUMAN"}),e(V,{variant:"default",size:"compact",isDisabled:!0,"aria-label":"delete annotation",icon:e(w,{svg:e(E.CloseOutline,{})}),onClick:t})]}),bodyStyle:{padding:0},children:[e(Z,{variant:"info",banner:!0,children:"Fill out the fields below and click save to create a new annotation."}),e(Uo,{annotationName:l,spanNodeId:a,onCreated:i})]})}function ld(n){const{annotation:a,spanNodeId:l}=n,[t,i]=u.useState(null),r=Se(),[o,c]=L.useMutation(St),d=u.useCallback(m=>{u.startTransition(()=>{o({variables:{annotationId:a.id,spanId:l,...m},onCompleted:()=>{r({title:"Annotation Updated",message:`Annotation ${a.name} has been updated.`})},onError:y=>{i(y)}})})},[a.id,a.name,o,r,l]);return s(Q,{variant:"compact",title:a.name,titleExtra:a.label||typeof a.score=="number"&&Le(a.score)||null,collapsible:!0,bodyStyle:{padding:0},extra:s(k,{gap:"size-100",alignItems:"center",children:[e(Ct,{kind:a.annotatorKind}),e(Jo,{annotationId:a.id,spanNodeId:l,annotationName:a.name,onSpanAnnotationActionSuccess:m=>{r(m)},onSpanAnnotationActionError:m=>{i(m)}})]}),children:[t&&e(Z,{variant:"danger",banner:!0,children:t.message}),e(Tt,{initialData:a,isReadOnly:a.annotatorKind==="LLM",isSubmitting:c,onSubmit:m=>{d(m)}})]})}function Ct(n){const{kind:a}=n;return e($n,{color:a==="HUMAN"?"blue-900":"orange-900",children:a})}function td(n){const{projectId:a,spanId:l,onAnnotationNameSelect:t}=n,i=L.useLazyLoadQuery(bt,{projectId:a,spanId:l}),[r,o]=u.useState(""),c=u.useMemo(()=>{var y,g;return((g=(y=i==null?void 0:i.span)==null?void 0:y.spanAnnotations)==null?void 0:g.map(f=>f.name))||[]},[i.span.spanAnnotations]),d=u.useMemo(()=>(i.project.spanAnnotationNames||[]).filter(g=>!c.includes(g)),[i.project.spanAnnotationNames,c]),m=d.length>0;return s(G,{children:[e(T,{padding:"size-200",children:s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(le,{label:"Annotation Name",value:r,placeholder:"e.x. correctness",onChange:y=>{o(y)}}),e(V,{variant:"primary",onClick:()=>{t(r)},children:"Create"})]})}),m&&s(G,{children:[e(T,{borderTopWidth:"thin",borderBottomWidth:"thin",borderColor:"light",paddingStart:"size-200",paddingTop:"size-100",paddingBottom:"size-100",backgroundColor:"grey-300",children:e("label",{children:"select from existing"})}),e(Un,{selectionMode:"single",onSelectionChange:y=>{if(y==="all"||y.size===0)return;const f=y.values().next().value;o(f||"")},disabledKeys:c,children:d.map(y=>e(J,{children:y},y))})]})]})}function id(n){const{spanNodeId:a,projectId:l}=n,[t,i]=u.useState(null);return s(G,{children:[e(V,{variant:"default",icon:e(w,{svg:e(E.EditOutline,{})}),onClick:()=>i(e(Xo,{spanNodeId:a,projectId:l})),children:"Annotate"}),e(Y,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:t})]})}const It=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"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"},l,{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:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"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(
|
|
1255
1255
|
$id: GlobalID!
|
|
1256
1256
|
) {
|
|
1257
1257
|
node(id: $id) {
|
|
@@ -1278,22 +1278,22 @@ fragment SpanAside_span on Span {
|
|
|
1278
1278
|
score
|
|
1279
1279
|
}
|
|
1280
1280
|
}
|
|
1281
|
-
`}}}();
|
|
1281
|
+
`}}}();It.hash="cb5cab60889623d77ad0c96c98b3f8ac";const Lt=function(){var n={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:It,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"SpanAside_span",selections:[n,{alias:"code",args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[n,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null}}();Lt.hash="cb5cab60889623d77ad0c96c98b3f8ac";const rd=K`
|
|
1282
1282
|
display: flex;
|
|
1283
1283
|
padding-top: var(--ac-global-dimension-size-50);
|
|
1284
1284
|
flex-direction: column;
|
|
1285
1285
|
gap: var(--ac-global-dimension-size-100);
|
|
1286
1286
|
align-items: flex-start;
|
|
1287
|
-
`;function
|
|
1287
|
+
`;function sd(n){const[a]=L.useRefetchableFragment(Lt,n.span),{startTime:l,endTime:t,code:i,tokenCountCompletion:r,tokenCountPrompt:o,tokenCountTotal:c}=a,d=u.useMemo(()=>new Date(l),[l]),m=u.useMemo(()=>t?new Date(t):null,[t]),y=u.useMemo(()=>m?m.getTime()-d.getTime():null,[m,d]),g=vl(i),f=a.spanAnnotations,p=f.length>0;return e(T,{padding:"size-200",borderColor:"dark",backgroundColor:"dark",borderLeftWidth:"thin",width:"230px",flex:"none",minHeight:"100%",children:s(k,{direction:"column",gap:"size-200",children:[e(yn,{label:"Status",children:s(k,{direction:"row",gap:"size-50",alignItems:"center",children:[e(sa,{statusCode:i}),e(x,{textSize:"xlarge",color:g,children:i})]})}),e(yn,{label:"Start Time",children:e(x,{textSize:"xlarge",children:Re(d)})}),m&&e(yn,{label:"End Time",children:e(x,{textSize:"xlarge",children:Re(m)})}),e(yn,{label:"Latency",children:e(x,{textSize:"xlarge",children:typeof y=="number"?e(xe,{latencyMs:y,textSize:"xlarge"}):"--"})}),c?e(yn,{label:"Total Tokens",children:e(Ra,{tokenCountTotal:c,tokenCountPrompt:o??0,tokenCountCompletion:r??0,textSize:"xlarge"})},"tokens"):null,p&&e(yn,{label:"Feedback",children:e("ul",{css:rd,children:f.map(b=>e("li",{children:e(cn,{annotation:b,annotationDisplayPreference:"label"})},b.id))})})]})})}function yn({label:n,children:a}){return s(k,{direction:"column",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:n}),a]})}function od(n){const{spanId:a,traceId:l}=n;return e("div",{css:K`
|
|
1288
1288
|
button.ac-dropdown-button {
|
|
1289
1289
|
min-width: 50px;
|
|
1290
1290
|
.ac-dropdown-button__text {
|
|
1291
1291
|
padding-right: 10px;
|
|
1292
1292
|
}
|
|
1293
1293
|
}
|
|
1294
|
-
`,children:s(
|
|
1294
|
+
`,children:s(mn,{placement:"bottom right",children:[e(_l,{addonBefore:e(w,{svg:e(E.Code,{})}),children:"Code"}),e($a,{children:e(T,{padding:"size-200",children:s(Kn,{children:[s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(le,{label:"Span ID",isReadOnly:!0,value:a}),e(X,{text:a,size:"normal"})]}),s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(le,{label:"Trace ID",isReadOnly:!0,value:l}),e(X,{text:l,size:"normal"})]})]})})})]})})}const At={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanFeedback_annotations",selections:[{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null};At.hash="6199ecd4f0143cffbaa2fe5e19a8739c";function dd(){const[n,a]=u.useState(null);return s(T,{padding:"size-200",children:[s(k,{direction:"column",gap:"size-100",alignItems:"center",children:[e(ca,{graphicKey:"documents"}),e(x,{children:"No annotations for this span"}),e(V,{variant:"default",size:"compact",onClick:()=>{a(e(q,{title:"Span Annotations",isDismissable:!0,children:s(T,{padding:"size-200",children:[e("p",{css:K`
|
|
1295
1295
|
margin: 0 0 var(--ac-global-dimension-size-100) 0;
|
|
1296
|
-
`,children:"Annotations are pivotal for tracking and improving the performance of your application. Phoenix allows for both LLM and HUMAN annotations."}),e(
|
|
1296
|
+
`,children:"Annotations are pivotal for tracking and improving the performance of your application. Phoenix allows for both LLM and HUMAN annotations."}),e(tn,{href:"https://docs.arize.com/phoenix/tracing/concepts-tracing/how-to-evaluate-traces",children:"View annotation documentation"})]})}))},icon:e(w,{svg:e(E.Edit2Outline,{})}),children:"How to Annotate"})]}),e(Y,{onDismiss:()=>a(null),isDismissable:!0,children:n})]})}const cd=[{header:"name",accessorKey:"name",size:100},{header:"label",accessorKey:"label",size:100},{header:"score",accessorKey:"score",size:100},{header:"explanation",accessorKey:"explanation",cell:Xr,size:400}];function Xa({annotations:n}){const a=u.useMemo(()=>[...n],[n]),l=me({columns:cd,data:a,getCoreRowModel:ge()}),i=l.getRowModel().rows.length===0;return s("table",{css:dn,children:[e("thead",{children:l.getHeaderGroups().map(r=>e("tr",{children:r.headers.map(o=>e("th",{colSpan:o.colSpan,children:o.isPlaceholder?null:e(G,{children:H(o.column.columnDef.header,o.getContext())})},o.id))},r.id))}),i?e(un,{}):e("tbody",{children:l.getRowModel().rows.map(r=>e("tr",{children:r.getVisibleCells().map(o=>e("td",{style:{width:o.column.getSize()},children:H(o.column.columnDef.cell,o.getContext())},o.id))},r.id))})]})}function ud({span:n}){const a=L.useFragment(At,n),l=u.useMemo(()=>a.spanAnnotations.filter(r=>r.annotatorKind==="HUMAN"),[a.spanAnnotations]),t=u.useMemo(()=>a.spanAnnotations.filter(r=>r.annotatorKind==="LLM"),[a.spanAnnotations]);return a.spanAnnotations.length>0?s(en,{children:[e(ue,{id:"evaluations",title:"Evaluations",children:e(Xa,{annotations:t})}),e(ue,{id:"human",title:"Human Annotations",children:e(Xa,{annotations:l})})]}):e(dd,{})}const _t=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"addExamplesToDataset",plural:!1,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"dataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanToDatasetExampleDialogAddExampleToDatasetMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanToDatasetExampleDialogAddExampleToDatasetMutation",selections:a},params:{cacheID:"d93c9d47668fc266ba09ecb14c2b72ae",id:null,metadata:{},name:"SpanToDatasetExampleDialogAddExampleToDatasetMutation",operationKind:"mutation",text:`mutation SpanToDatasetExampleDialogAddExampleToDatasetMutation(
|
|
1297
1297
|
$input: AddExamplesToDatasetInput!
|
|
1298
1298
|
) {
|
|
1299
1299
|
addExamplesToDataset(input: $input) {
|
|
@@ -1302,7 +1302,7 @@ fragment SpanAside_span on Span {
|
|
|
1302
1302
|
}
|
|
1303
1303
|
}
|
|
1304
1304
|
}
|
|
1305
|
-
`}}}();
|
|
1305
|
+
`}}}();_t.hash="75120065d239f28304e9dd91fc34bec9";const Et=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"spanId"}],a=[{kind:"Variable",name:"id",variableName:"spanId"}],l={kind:"InlineFragment",selections:[{alias:"revision",args:null,concreteType:"SpanAsExampleRevision",kind:"LinkedField",name:"asExampleRevision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null}],type:"Span",abstractKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanToDatasetExampleDialogQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null},{args:null,kind:"FragmentSpread",name:"DatasetPicker__datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanToDatasetExampleDialogQuery",selections:[{alias:"span",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},t],storageKey:null},{alias:null,args:null,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dataset",args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"340325aadd2b2d81cb509e6b6bee7f0b",id:null,metadata:{},name:"SpanToDatasetExampleDialogQuery",operationKind:"query",text:`query SpanToDatasetExampleDialogQuery(
|
|
1306
1306
|
$spanId: GlobalID!
|
|
1307
1307
|
) {
|
|
1308
1308
|
span: node(id: $spanId) {
|
|
@@ -1330,7 +1330,7 @@ fragment DatasetPicker__datasets on Query {
|
|
|
1330
1330
|
}
|
|
1331
1331
|
}
|
|
1332
1332
|
}
|
|
1333
|
-
`}}}();
|
|
1333
|
+
`}}}();Et.hash="5afd1a4eede339492f5473ed17b770b3";const Rt={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"DatasetPickerRefetchQuery",selections:[{args:null,kind:"FragmentSpread",name:"DatasetPicker__datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"DatasetPickerRefetchQuery",selections:[{alias:null,args:null,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dataset",args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"38a431d0ba6fa8c12622a1cbb3d1e446",id:null,metadata:{},name:"DatasetPickerRefetchQuery",operationKind:"query",text:`query DatasetPickerRefetchQuery {
|
|
1334
1334
|
...DatasetPicker__datasets
|
|
1335
1335
|
}
|
|
1336
1336
|
|
|
@@ -1344,7 +1344,7 @@ fragment DatasetPicker__datasets on Query {
|
|
|
1344
1344
|
}
|
|
1345
1345
|
}
|
|
1346
1346
|
}
|
|
1347
|
-
`}};
|
|
1347
|
+
`}};Rt.hash="03d88d1706089bb63edcd44d04563cbc";const wt={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:Rt}},name:"DatasetPicker__datasets",selections:[{alias:null,args:null,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dataset",args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};wt.hash="03d88d1706089bb63edcd44d04563cbc";function md(n){const[a,l]=L.useRefetchableFragment(wt,n.query);return s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Dl,{label:"dataset","data-testid":"dataset-picker",className:"dataset-picker",width:"100%","aria-label":"The dataset to add the example to",onSelectionChange:n.onSelectionChange,placeholder:"Select a dataset",onBlur:n.onBlur,isRequired:!0,validationState:n.validationState,errorMessage:n.errorMessage,children:a.datasets.edges.map(({dataset:t})=>e(J,{children:t.name},t.id))}),e(gd,{onDatasetCreated:()=>{u.startTransition(()=>{l({},{fetchPolicy:"store-and-network"})})}})]})}function gd({onDatasetCreated:n}){const[a,l]=u.useState(null),[t,i]=u.useState(!1),r=Se();return s(mn,{placement:"bottom right",isOpen:t,onOpenChange:o=>{l(null),i(o)},children:[e(V,{variant:"default",icon:e(w,{svg:e(E.PlusCircleOutline,{})}),"aria-label":"Create a new dataset"}),e(Q,{title:"Create New Dataset",bodyStyle:{padding:0},variant:"compact",borderColor:"light",backgroundColor:"light",children:s(T,{width:"500px",children:[a?e(Z,{variant:"danger",children:a}):null,e(wa,{onDatasetCreateError:o=>l(o.message),onDatasetCreated:({id:o,name:c})=>{l(null),i(!1),r({title:"Dataset Created",message:`Dataset "${c}" created successfully`}),n(o)}})]})})]})}const ba={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function pd({spanId:n,onCompleted:a}){const[l,t]=u.useState(null),i=L.useLazyLoadQuery(Et,{spanId:n},{fetchPolicy:"store-and-network"}),{span:{revision:r}}=i,[o,c]=L.useMutation(_t),{control:d,setError:m,handleSubmit:y,formState:{isValid:g}}=on({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:""}}),f=u.useCallback(p=>{if(t(null),!_e(p==null?void 0:p.input))return m("input",{message:"Input must be a valid JSON object"});if(!_e(p==null?void 0:p.output))return m("output",{message:"Output must be a valid JSON object"});if(!_e(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:b=>{t(b.message)}})},[o,m,n,a]);return e(q,{size:"fullscreen",title:"Add Example to Dataset",extra:e(V,{variant:"primary",size:"compact",disabled:!g||c,loading:c,onClick:y(f),icon:e(w,{svg:e(E.PlusCircleOutline,{})}),children:"Add Example"}),children:e("div",{css:K`
|
|
1348
1348
|
overflow-y: auto;
|
|
1349
1349
|
padding: var(--ac-global-dimension-size-400);
|
|
1350
1350
|
/* Make widths configurable */
|
|
@@ -1355,7 +1355,7 @@ fragment DatasetPicker__datasets on Query {
|
|
|
1355
1355
|
width: 100%;
|
|
1356
1356
|
}
|
|
1357
1357
|
}
|
|
1358
|
-
`,children:e(k,{direction:"row",justifyContent:"center",children:e(T,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(k,{direction:"column",gap:"size-200",children:[l?e(
|
|
1358
|
+
`,children:e(k,{direction:"row",justifyContent:"center",children:e(T,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(k,{direction:"column",gap:"size-200",children:[l?e(Z,{variant:"danger",children:l}):null,e(W,{control:d,name:"datasetId",render:({field:{onChange:p,onBlur:b},fieldState:{invalid:S,error:h}})=>e(md,{onSelectionChange:p,onBlur:b,validationState:S?"invalid":"valid",errorMessage:h==null?void 0:h.message,query:i})}),e(W,{control:d,name:"input",render:({field:{onChange:p,onBlur:b,value:S},fieldState:{invalid:h,error:v}})=>s(Q,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...ba,children:[h?e(Z,{variant:"danger",banner:!0,children:v==null?void 0:v.message}):null,e(Ee,{value:S,onChange:p,onBlur:b})]})}),e(W,{control:d,name:"output",render:({field:{onChange:p,onBlur:b,value:S},fieldState:{invalid:h,error:v}})=>s(Q,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...ba,backgroundColor:"green-100",borderColor:"green-700",children:[h?e(Z,{variant:"danger",banner:!0,children:v==null?void 0:v.message}):null,e(Ee,{value:S,onChange:p,onBlur:b})]})}),e(W,{control:d,name:"metadata",render:({field:{onChange:p,onBlur:b,value:S},fieldState:{invalid:h,error:v}})=>s(Q,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...ba,children:[h?e(Z,{variant:"danger",banner:!0,children:v==null?void 0:v.message}):null,e(Ee,{value:S,onChange:p,onBlur:b})]})})]})})})})})}const yd=n=>u.useMemo(()=>{try{return{json:JSON.parse(n)}}catch(a){return{json:null,parseError:a}}},[n]),fd=n=>n.events.some(a=>a.name==="exception"),ne={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0};function hd({spanNodeId:n,projectId:a}){const{span:l}=L.useLazyLoadQuery(kt,{spanId:n});if(l.__typename!=="Span")throw new Error("Expected a span, but got a different type"+l.__typename);const t=u.useMemo(()=>fd(l),[l]),i=la(o=>o.showSpanAside),r=la(o=>o.setShowSpanAside);return s(k,{direction:"column",flex:"1 1 auto",height:"100%",children:[e(T,{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(Pa,{spanKind:l.spanKind}),e(x,{children:l.name})]}),s(k,{flex:"none",direction:"row",alignItems:"center",gap:"size-100",children:[e(od,{traceId:l.context.traceId,spanId:l.context.spanId}),e(Sd,{span:l}),e(id,{spanNodeId:l.id,projectId:a}),s(Ke,{placement:"top",offset:5,children:[e(V,{variant:"default","aria-label":"Toggle showing span details",onClick:()=>{r(!i)},icon:e(w,{svg:i?e(E.SlideIn,{}):e(E.SlideOut,{})})}),e(Vn,{children:i?"Hide Span Details":"Show Span Details"})]})]})]})}),s(fe,{children:[e(j,{name:"Info",children:s(k,{direction:"row",height:"100%",children:[e(bd,{children:e(Kl,{children:e(vd,{span:l})})}),i?e(sd,{span:l}):null]})}),e(j,{name:"Feedback",extra:e(Ve,{variant:"light",children:l.spanAnnotations.length}),children:o=>o?e(ud,{span:l}):null}),e(j,{name:"Attributes",title:"Attributes",children:e(T,{padding:"size-200",children:e(Q,{title:"All Attributes",...ne,titleExtra:Nt,extra:e(X,{text:l.attributes}),bodyStyle:{padding:0},children:e(ze,{children:l.attributes})})})}),e(j,{name:"Events",extra:e(Ve,{variant:t?"danger":"light",children:l.events.length}),children:e(Pd,{events:l.events})})]})]})}const kd=K`
|
|
1359
1359
|
flex: 1 1 auto;
|
|
1360
1360
|
overflow-y: auto;
|
|
1361
1361
|
// Overflow fails to take into account padding
|
|
@@ -1364,58 +1364,58 @@ fragment DatasetPicker__datasets on Query {
|
|
|
1364
1364
|
display: block;
|
|
1365
1365
|
height: var(--ac-global-dimension-static-size-400);
|
|
1366
1366
|
}
|
|
1367
|
-
`;function
|
|
1367
|
+
`;function bd({children:n}){return e("div",{css:kd,"data-testid":"span-info-wrap",children:n})}function Sd({span:n}){const[a,l]=u.useState(null),t=Se(),i=ae(),r=u.useCallback(()=>{l(e(pd,{spanId:n.id,onCompleted:o=>{l(null),t({title:"Span Added to Dataset",message:"Successfully added span to dataset",action:{text:"View Dataset",onClick:()=>{i(`/datasets/${o}/examples`)}}})}}))},[n.id,t,i]);return s(G,{children:[e(V,{variant:"default",icon:e(w,{svg:e(E.DatabaseOutline,{})}),onClick:r,children:"Add to Dataset"}),e(u.Suspense,{children:e(Y,{type:"slideOver",isDismissable:!0,onDismiss:()=>l(null),children:a})})]})}function vd({span:n}){const{spanKind:a,attributes:l}=n,{json:t,parseError:i}=yd(l),r=u.useMemo(()=>n.statusMessage?e(Z,{variant:"danger",title:"Status Description",children:n.statusMessage}):null,[n]);if(i||!t)return e(T,{padding:"size-200",children:s(k,{direction:"column",gap:"size-200",children:[r,e(Z,{variant:"warning",title:"Un-parsable attributes",children:`Failed to parse span attributes. ${i instanceof Error?i.message:""}`}),e(Q,{...ne,title:"Attributes",children:e(T,{padding:"size-100",children:l})})]})});let o;switch(a){case"llm":{o=e(Kd,{span:n,spanAttributes:t});break}case"retriever":{o=e(Fd,{span:n,spanAttributes:t});break}case"reranker":{o=e(xd,{span:n,spanAttributes:t});break}case"embedding":{o=e(Td,{span:n,spanAttributes:t});break}case"tool":{o=e(Dd,{span:n,spanAttributes:t});break}default:o=e(Pt,{span:n})}return e(T,{padding:"size-200",children:s(k,{direction:"column",gap:"size-200",children:[r,o,t!=null&&t.metadata?e(Q,{...ne,title:"Metadata",children:e(ze,{children:JSON.stringify(t.metadata)})}):null]})})}function Kd(n){const{spanAttributes:a,span:l}=n,{input:t,output:i}=l,r=u.useMemo(()=>a[pe.llm]||null,[a]),o=u.useMemo(()=>{if(r==null)return null;const C=r[gn.model_name];return typeof C=="string"?C:null},[r]),c=u.useMemo(()=>{var C;return r==null?[]:((C=r[gn.input_messages])==null?void 0:C.map(F=>F[pe.message]).filter(Boolean))||[]},[r]),d=u.useMemo(()=>{var C;return r==null?[]:((C=r[gn.output_messages])==null?void 0:C.map(F=>F[pe.message]).filter(Boolean))||[]},[r]),m=u.useMemo(()=>{if(r==null)return[];const C=r[gn.prompts];return Yr(C)?C:[]},[r]),y=u.useMemo(()=>{if(r==null)return null;const C=r[gn.prompt_template];return C??null},[r]),g=u.useMemo(()=>r==null?"{}":r[gn.invocation_parameters]||"{}",[r]),f=u.useMemo(()=>o==null?null:s(k,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Zr,{spanKind:"llm"}),e(x,{textSize:"large",weight:"heavy",children:o})]}),[o]),p=t!=null&&t.value!=null,b=c.length>0,S=i!=null&&i.value!=null,h=d.length>0,v=m.length>0,A=Object.keys(JSON.parse(g)).length>0,I=y!=null;return s(k,{direction:"column",gap:"size-200",children:[e(Q,{collapsible:!0,backgroundColor:"light",borderColor:"light",bodyStyle:{padding:0},titleSeparator:!1,variant:"compact",title:f,children:s(fe,{children:[b?e(j,{name:"Input Messages",hidden:!b,children:e(Ya,{messages:c})}):null,p?e(j,{name:"Input",hidden:!p,children:e(T,{padding:"size-200",children:e(be,{children:e(Q,{...ne,title:"LLM Input",extra:s(k,{direction:"row",gap:"size-100",children:[e(we,{}),e(X,{text:t.value})]}),children:e(Qe,{...t})})})})}):null,I?e(j,{name:"Prompt Template",hidden:!I,children:e(T,{padding:"size-200",children:s(k,{direction:"column",gap:"size-100",children:[e(T,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:s(aa,{text:y.template,children:[e(x,{color:"text-700",fontStyle:"italic",children:"prompt template"}),e(Mt,{children:y.template})]})}),e(T,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:s(aa,{text:JSON.stringify(y.variables),children:[e(x,{color:"text-700",fontStyle:"italic",children:"template variables"}),e(ze,{children:JSON.stringify(y.variables)})]})})]})})}):null,e(j,{name:"Prompts",hidden:!v,children:e(Ld,{prompts:m})}),e(j,{name:"Invocation Params",hidden:!A,children:e(aa,{text:g,padding:"size-100",children:e(ze,{children:g})})})]})}),S||h?e(Na,{...ne,children:s(fe,{children:[h?e(j,{name:"Output Messages",hidden:!h,children:e(Ya,{messages:d})}):null,S?e(j,{name:"Output",hidden:!S,children:e(T,{padding:"size-200",children:e(be,{children:e(Q,{...ne,title:"LLM Output",extra:s(k,{direction:"row",gap:"size-100",children:[e(we,{}),e(X,{text:i.value})]}),children:e(Qe,{...i})})})})}):null]})}):null]})}function Fd(n){const{spanAttributes:a,span:l}=n,{input:t}=l,i=u.useMemo(()=>a[pe.retrieval]||null,[a]),r=u.useMemo(()=>{var y;return i==null?[]:((y=i[hr.documents])==null?void 0:y.map(g=>g[pe.document]).filter(Boolean))||[]},[i]),o=u.useMemo(()=>l.documentEvaluations.reduce((g,f)=>{const p=f.documentPosition,b=g[p]||[];return{...g,[p]:[...b,f]}},{}),[l.documentEvaluations]),c=t!=null&&t.value!=null,d=r.length>0,m=l.documentRetrievalMetrics.length>0;return s(k,{direction:"column",gap:"size-200",children:[c?e(be,{children:e(Q,{title:"Input",...ne,extra:s(k,{direction:"row",gap:"size-100",children:[e(we,{}),e(X,{text:t.value})]}),children:e(Qe,{...t})})}):null,d?e(be,{children:e(Q,{title:"Documents",...ne,titleExtra:m&&e(k,{direction:"row",alignItems:"center",gap:"size-100",children:l.documentRetrievalMetrics.map(y=>s(G,{children:[e(ye,{name:y.evaluationName,metric:"ndcg",score:y.ndcg},"ndcg"),e(ye,{name:y.evaluationName,metric:"precision",score:y.precision},"precision"),e(ye,{name:y.evaluationName,metric:"hit",score:y.hit},"hit")]}))}),extra:e(we,{}),children:e("ul",{css:K`
|
|
1368
1368
|
display: flex;
|
|
1369
1369
|
flex-direction: column;
|
|
1370
1370
|
gap: var(--ac-global-dimension-static-size-200);
|
|
1371
|
-
`,children:r.map((
|
|
1371
|
+
`,children:r.map((y,g)=>e("li",{children:e(Ia,{document:y,documentEvaluations:o[g],borderColor:"seafoam-700",backgroundColor:"seafoam-100",labelColor:"seafoam-1000"})},g))})})}):null]})}function xd(n){const{spanAttributes:a}=n,l=u.useMemo(()=>a[pe.reranker]||null,[a]),t=u.useMemo(()=>l==null?null:l[pa.query]||null,[l]),i=u.useMemo(()=>{var d;return l==null?[]:((d=l[pa.input_documents])==null?void 0:d.map(m=>m[pe.document]).filter(Boolean))||[]},[l]),r=u.useMemo(()=>{var d;return l==null?[]:((d=l[pa.output_documents])==null?void 0:d.map(m=>m[pe.document]).filter(Boolean))||[]},[l]),o=i.length,c=r.length;return s(k,{direction:"column",gap:"size-200",children:[e(be,{children:t&&e(Q,{title:"Query",...ne,children:e(Bn,{children:t})})}),e(Q,{title:"Input Documents",titleExtra:e(Ve,{variant:"light",children:o}),...ne,defaultOpen:!1,bodyStyle:{padding:0},children:e("ul",{css:K`
|
|
1372
1372
|
padding: var(--ac-global-dimension-static-size-200);
|
|
1373
1373
|
display: flex;
|
|
1374
1374
|
flex-direction: column;
|
|
1375
1375
|
gap: var(--ac-global-dimension-static-size-200);
|
|
1376
|
-
`,children:i.map((d,m)=>e("li",{children:e(Ia,{document:d,borderColor:"seafoam-700",backgroundColor:"seafoam-100",labelColor:"seafoam-1000"})},m))})}),e(
|
|
1376
|
+
`,children:i.map((d,m)=>e("li",{children:e(Ia,{document:d,borderColor:"seafoam-700",backgroundColor:"seafoam-100",labelColor:"seafoam-1000"})},m))})}),e(Q,{title:"Output Documents",titleExtra:e(Ve,{variant:"light",children:c}),...ne,bodyStyle:{padding:0},children:e("ul",{css:K`
|
|
1377
1377
|
padding: var(--ac-global-dimension-static-size-200);
|
|
1378
1378
|
display: flex;
|
|
1379
1379
|
flex-direction: column;
|
|
1380
1380
|
gap: var(--ac-global-dimension-static-size-200);
|
|
1381
|
-
`,children:r.map((d,m)=>e("li",{children:e(Ia,{document:d,borderColor:"celery-700",backgroundColor:"celery-100",labelColor:"celery-1000"})},m))})})]})}function
|
|
1381
|
+
`,children:r.map((d,m)=>e("li",{children:e(Ia,{document:d,borderColor:"celery-700",backgroundColor:"celery-100",labelColor:"celery-1000"})},m))})})]})}function Td(n){const{spanAttributes:a}=n,l=u.useMemo(()=>a[pe.embedding]||null,[a]),t=u.useMemo(()=>{var o;return l==null?[]:((o=l[ya.embeddings])==null?void 0:o.map(c=>c[pe.embedding]).filter(Boolean))||[]},[l]),i=t.length>0,r=l==null?void 0:l[ya.model_name];return e(k,{direction:"column",gap:"size-200",children:i?e(Q,{title:"Embeddings"+(typeof r=="string"?`: ${r}`:""),...ne,children:e("ul",{css:K`
|
|
1382
1382
|
display: flex;
|
|
1383
1383
|
flex-direction: column;
|
|
1384
1384
|
gap: var(--ac-global-dimension-static-size-200);
|
|
1385
|
-
`,children:t.map((o,
|
|
1385
|
+
`,children:t.map((o,c)=>e("li",{children:e(be,{children:e(Q,{...ne,backgroundColor:"purple-100",borderColor:"purple-700",title:"Embedded Text",children:e(Bn,{children:o[ya.text]||""})})})},c))})}):e(Pt,{span:n.span})})}function Dd(n){const{span:a,spanAttributes:l}=n,{input:t,output:i}=a,r=typeof(t==null?void 0:t.value)=="string",o=typeof(i==null?void 0:i.value)=="string",c=(t==null?void 0:t.mimeType)==="text",d=(i==null?void 0:i.mimeType)==="text",m=u.useMemo(()=>l[pe.tool]||{},[l]),y=Object.keys(m).length>0,g=m[fa.name],f=m[fa.description],p=m[fa.parameters];return!r&&!o&&!y?null:s(k,{direction:"column",gap:"size-200",children:[r?e(be,{children:e(Q,{title:"Input",...ne,extra:s(k,{direction:"row",gap:"size-100",children:[c?e(we,{}):null,e(X,{text:t.value})]}),children:e(Qe,{...t})})}):null,o?e(be,{children:e(Q,{title:"Output",...ne,backgroundColor:"green-100",borderColor:"green-700",extra:s(k,{direction:"row",gap:"size-100",children:[d?e(we,{}):null,e(X,{text:i.value})]}),children:e(Qe,{...i})})}):null,y?e(Q,{title:"Tool"+(typeof g=="string"?`: ${g}`:""),...ne,children:s(k,{direction:"column",children:[f!=null?e(T,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",backgroundColor:"light",children:s(k,{direction:"column",alignItems:"start",gap:"size-50",children:[e(x,{color:"text-700",fontStyle:"italic",children:"Description"}),e(x,{children:f})]})}):null,p!=null?e(T,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",children:s(k,{direction:"column",alignItems:"start",width:"100%",children:[e(x,{color:"text-700",fontStyle:"italic",children:"Parameters"}),e(ze,{children:JSON.stringify(p)})]})}):null]})}):null]})}const Cd=["irrelevant","unrelated"];function Ia({document:n,documentEvaluations:a,backgroundColor:l,borderColor:t,labelColor:i}){const r=n[Rn.metadata],o=a&&a.length,c=n[Rn.content];return e(Q,{...ne,backgroundColor:l,borderColor:t,bodyStyle:{padding:0},title:s(k,{direction:"row",gap:"size-50",alignItems:"center",children:[e(w,{svg:e(E.FileOutline,{})}),s(te,{level:4,children:["document ",n[Rn.id]]})]}),extra:typeof n[Rn.score]=="number"&&e($n,{color:i,children:`score ${_a(n[Rn.score])}`}),children:s(k,{direction:"column",children:[c&&e(T,{padding:"size-200",children:e(Bn,{children:c})}),r&&e(G,{children:e(T,{borderColor:t,borderTopWidth:"thin",children:e(ze,{children:JSON.stringify(r)})})}),o&&e(T,{borderColor:t,borderTopWidth:"thin",padding:"size-200",children:s(k,{direction:"column",gap:"size-100",children:[e(te,{level:3,weight:"heavy",children:"Evaluations"}),e("ul",{children:a.map((d,m)=>{const y=d.label&&Cd.includes(d.label)?"danger":i;return e("li",{children:e(T,{padding:"size-200",borderWidth:"thin",borderColor:t,borderRadius:"medium",children:s(k,{direction:"column",gap:"size-50",children:[s(k,{direction:"row",gap:"size-100",children:[e(x,{weight:"heavy",elementType:"h5",children:d.name}),d.label&&e($n,{color:y,shape:"badge",children:d.label}),typeof d.score=="number"&&e($n,{color:y,shape:"badge",children:s(k,{direction:"row",gap:"size-50",children:[e(x,{textSize:"xsmall",weight:"heavy",color:"inherit",children:"score"}),e(x,{textSize:"xsmall",children:Le(d.score)})]})})]}),typeof d.explanation&&e("p",{css:K`
|
|
1386
1386
|
margin-top: var(
|
|
1387
1387
|
--ac-global-dimension-static-size-100
|
|
1388
1388
|
);
|
|
1389
1389
|
margin-bottom: 0;
|
|
1390
|
-
`,children:d.explanation})]})})},m)})})]})})]})})}function
|
|
1390
|
+
`,children:d.explanation})]})})},m)})})]})})]})})}function Id({message:n}){var c;const a=n[ve.content],l=n[ve.contents],t=((c=n[ve.tool_calls])==null?void 0:c.map(d=>d[pe.tool_call]).filter(Boolean))||[],i=n[ve.function_call_arguments_json]&&n[ve.function_call_name],r=n[ve.role]||"unknown",o=u.useMemo(()=>r==="user"?{backgroundColor:"grey-100",borderColor:"grey-500"}:r==="assistant"?{backgroundColor:"blue-100",borderColor:"blue-700"}:r==="system"?{backgroundColor:"indigo-100",borderColor:"indigo-700"}:["function","tool"].includes(r)?{backgroundColor:"yellow-100",borderColor:"yellow-700"}:{backgroundColor:"grey-100",borderColor:"grey-700"},[r]);return e(be,{children:s(Q,{...ne,...o,title:r+(n[ve.name]?`: ${n[ve.name]}`:""),extra:s(k,{direction:"row",gap:"size-100",children:[e(we,{}),e(X,{text:a||JSON.stringify(n)})]}),children:[e(Kl,{children:l?e(Ad,{messageContents:l}):null}),s(k,{direction:"column",alignItems:"start",children:[a?e(Bn,{children:a}):null,t.length>0?t.map((d,m)=>{var y,g;return s("pre",{css:K`
|
|
1391
1391
|
text-wrap: wrap;
|
|
1392
1392
|
margin: var(--ac-global-dimension-static-size-100) 0;
|
|
1393
|
-
`,children:[(
|
|
1393
|
+
`,children:[(y=d==null?void 0:d.function)==null?void 0:y.name,"(",JSON.stringify(JSON.parse((g=d==null?void 0:d.function)==null?void 0:g.arguments),null,2),")"]},m)}):null,i?s("pre",{css:K`
|
|
1394
1394
|
text-wrap: wrap;
|
|
1395
1395
|
margin: var(--ac-global-dimension-static-size-100) 0;
|
|
1396
|
-
`,children:[n[
|
|
1396
|
+
`,children:[n[ve.function_call_name],"(",JSON.stringify(JSON.parse(n[ve.function_call_arguments_json]),null,2),")"]}):null]})]})})}function Ya({messages:n}){return e("ul",{css:K`
|
|
1397
1397
|
display: flex;
|
|
1398
1398
|
flex-direction: column;
|
|
1399
1399
|
gap: var(--ac-global-dimension-static-size-100);
|
|
1400
1400
|
padding: var(--ac-global-dimension-static-size-200);
|
|
1401
|
-
`,children:n.map((a,l)=>e("li",{children:e(
|
|
1401
|
+
`,children:n.map((a,l)=>e("li",{children:e(Id,{message:a})},l))})}function Ld({prompts:n}){return e("ul",{"data-testid":"llm-prompts-list",css:K`
|
|
1402
1402
|
padding: var(--ac-global-dimension-size-200);
|
|
1403
1403
|
display: flex;
|
|
1404
1404
|
flex-direction: column;
|
|
1405
1405
|
gap: var(--ac-global-dimension-size-100);
|
|
1406
|
-
`,children:n.map((a,l)=>e("li",{children:e(T,{backgroundColor:"gray-600",borderColor:"gray-400",borderWidth:"thin",borderRadius:"medium",padding:"size-100",children:e(
|
|
1406
|
+
`,children:n.map((a,l)=>e("li",{children:e(T,{backgroundColor:"gray-600",borderColor:"gray-400",borderWidth:"thin",borderRadius:"medium",padding:"size-100",children:e(aa,{text:a,children:e(Qe,{value:a,mimeType:"text"})})})},l))})}function Ad({messageContents:n}){return e("ul",{css:K`
|
|
1407
1407
|
display: flex;
|
|
1408
1408
|
flex-direction: column;
|
|
1409
1409
|
gap: var(--ac-global-dimension-size-100);
|
|
1410
|
-
`,children:n.map((a,l)=>e("li",{children:e(
|
|
1410
|
+
`,children:n.map((a,l)=>e("li",{children:e(Ed,{messageContentAttribute:a})},l))})}const _d=K`
|
|
1411
1411
|
max-width: 100%;
|
|
1412
1412
|
max-height: 100%;
|
|
1413
1413
|
object-fit: cover;
|
|
1414
|
-
`;function
|
|
1414
|
+
`;function Ed({messageContentAttribute:n}){var r;const{message_content:a}=n,l=a==null?void 0:a.text,t=a==null?void 0:a.image,i=(r=t==null?void 0:t.image)==null?void 0:r.url;return s(k,{direction:"column",children:[l?e("pre",{css:K`
|
|
1415
1415
|
white-space: pre-wrap;
|
|
1416
1416
|
padding: 0;
|
|
1417
1417
|
margin: 0;
|
|
1418
|
-
`,children:l}):null,i?e("img",{src:i,css:
|
|
1418
|
+
`,children:l}):null,i?e("img",{src:i,css:_d}):null]})}function Pt({span:n}){const{input:a,output:l}=n,t=a==null&&l==null,i=(a==null?void 0:a.mimeType)==="text",r=(l==null?void 0:l.mimeType)==="text";return s(k,{direction:"column",gap:"size-200",children:[a&&a.value!=null?e(be,{children:e(Q,{title:"Input",...ne,extra:s(k,{direction:"row",gap:"size-100",children:[i?e(we,{}):null,e(X,{text:a.value})]}),children:e(Qe,{...a})})}):null,l&&l.value!=null?e(be,{children:e(Q,{title:"Output",...ne,backgroundColor:"green-100",borderColor:"green-700",extra:s(k,{direction:"row",gap:"size-100",children:[r?e(we,{}):null,e(X,{text:l.value})]}),children:e(Qe,{...l})})}):null,t?e(Q,{title:"All Attributes",titleExtra:Nt,...ne,bodyStyle:{padding:0},extra:e(X,{text:n.attributes}),children:e(ze,{children:n.attributes})}):null]})}const Rd=K`
|
|
1419
1419
|
.cm-content {
|
|
1420
1420
|
padding: var(--ac-global-dimension-static-size-200) 0;
|
|
1421
1421
|
}
|
|
@@ -1423,7 +1423,7 @@ fragment DatasetPicker__datasets on Query {
|
|
|
1423
1423
|
.cm-gutters {
|
|
1424
1424
|
background-color: transparent;
|
|
1425
1425
|
}
|
|
1426
|
-
`;function
|
|
1426
|
+
`;function aa({text:n,children:a,padding:l}){const t=l?`var(--ac-global-dimension-${l})`:"0";return s("div",{css:K`
|
|
1427
1427
|
position: relative;
|
|
1428
1428
|
.copy-to-clipboard-button {
|
|
1429
1429
|
transition: opacity 0.2s ease-in-out;
|
|
@@ -1436,10 +1436,10 @@ fragment DatasetPicker__datasets on Query {
|
|
|
1436
1436
|
&:hover .copy-to-clipboard-button {
|
|
1437
1437
|
opacity: 1;
|
|
1438
1438
|
}
|
|
1439
|
-
`,children:[e(X,{text:n}),a]})}function
|
|
1439
|
+
`,children:[e(X,{text:n}),a]})}function ze({children:n}){const{theme:a}=qn(),l=a==="light"?void 0:ga,{value:t,mimeType:i}=u.useMemo(()=>{try{return{value:JSON.stringify(JSON.parse(n),null,2),mimeType:"json"}}catch{return{value:n,mimeType:"text"}}},[n]);return i==="json"?e(ma,{value:t,basicSetup:{lineNumbers:!0,foldGutter:!0,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[Cs(),Is.lineWrapping],editable:!1,theme:l,css:Rd}):e(Mt,{children:t})}function Mt({children:n}){return e("pre",{css:K`
|
|
1440
1440
|
white-space: pre-wrap;
|
|
1441
1441
|
padding: 0;
|
|
1442
|
-
`,children:n})}function
|
|
1442
|
+
`,children:n})}function Qe({value:n,mimeType:a}){let l;switch(a){case"json":l=e(ze,{children:n});break;case"text":l=e(Bn,{children:n});break;default:he()}return l}function wd({text:n}){return s(k,{direction:"column",alignItems:"center",flex:"1 1 auto",height:"size-2400",justifyContent:"center",gap:"size-100",children:[e(ca,{graphicKey:"documents"}),e(x,{children:n})]})}function Pd({events:n}){return n.length===0?e(wd,{text:"No events"}):e(Al,{children:n.map((a,l)=>{const t=a.name==="exception";return e(Ll,{children:s(k,{direction:"row",alignItems:"center",gap:"size-100",children:[e(T,{flex:"none",children:e("div",{"data-event-type":t?"exception":"info",css:i=>K`
|
|
1443
1443
|
&[data-event-type="exception"] {
|
|
1444
1444
|
--px-event-icon-color: ${i.colors.statusDanger};
|
|
1445
1445
|
}
|
|
@@ -1449,15 +1449,15 @@ fragment DatasetPicker__datasets on Query {
|
|
|
1449
1449
|
.ac-icon-wrap {
|
|
1450
1450
|
color: var(--px-event-icon-color);
|
|
1451
1451
|
}
|
|
1452
|
-
`,children:e(w,{svg:t?e(
|
|
1452
|
+
`,children:e(w,{svg:t?e(E.AlertTriangleOutline,{}):e(E.InfoOutline,{})})})}),s(k,{direction:"column",gap:"size-25",flex:"1 1 auto",children:[e(x,{weight:"heavy",children:a.name}),e(x,{color:"text-700",children:a.message})]}),e(T,{children:e(x,{color:"text-700",children:new Date(a.timestamp).toLocaleString()})})]})},l)})})}const Nt=e(k,{alignItems:"center",justifyContent:"center",children:e(T,{marginStart:"size-100",children:s(_n,{children:[e(te,{weight:"heavy",level:4,children:"Span Attributes"}),e(An,{children:e(x,{children:"Attributes are key-value pairs that represent metadata associated with a span. For detailed descriptions of specific attributes, consult the semantic conventions section of the OpenInference tracing specification."})}),e("footer",{children:e(tn,{href:"https://github.com/Arize-ai/openinference/blob/main/spec/semantic_conventions.md",children:"Semantic Conventions"})})]})})}),Za="selectedSpanNodeId";function Md(n){const a=n.find(i=>i.parentId==null);if(a)return a;const l=new Set(n.map(i=>i.context.spanId)),t=n.filter(i=>i.parentId!=null&&!l.has(i.parentId));return t.length===1?t[0]:null}function $t(n){const{traceId:a,projectId:l}=n,[t,i]=ol(),r=L.useLazyLoadQuery(ht,{traceId:a,id:l},{fetchPolicy:"store-and-network"}),o=u.useMemo(()=>{var g;return(((g=r.project.trace)==null?void 0:g.spans.edges)||[]).map(f=>f.span)},[r]),d=t.get(Za)??o[0].id,m=u.useMemo(()=>Md(o),[o]);return u.useEffect(()=>()=>{i(y=>(y.delete("spanNodeId"),y),{replace:!0})},[]),s("main",{css:K`
|
|
1453
1453
|
flex: 1 1 auto;
|
|
1454
1454
|
overflow: hidden;
|
|
1455
1455
|
display: flex;
|
|
1456
1456
|
flex-direction: column;
|
|
1457
|
-
`,children:[e(
|
|
1457
|
+
`,children:[e(Nd,{rootSpan:m}),s(an,{direction:"horizontal",autoSaveId:"trace-panel-group",css:K`
|
|
1458
1458
|
flex: 1 1 auto;
|
|
1459
1459
|
overflow: hidden;
|
|
1460
|
-
`,children:[e(
|
|
1460
|
+
`,children:[e(ce,{defaultSize:30,minSize:10,maxSize:70,children:e(Vd,{children:e(es,{spans:o,selectedSpanNodeId:d,onSpanClick:y=>{i(g=>(g.set(Za,y.id),g),{replace:!0})}})})}),e(ln,{css:Cn}),e(ce,{children:e($d,{children:d?e(u.Suspense,{fallback:e(se,{}),children:e(hd,{spanNodeId:d,projectId:l})}):null})})]})]})}function Nd({rootSpan:n}){const{latencyMs:a,statusCode:l,spanAnnotations:t}=n??{latencyMs:null,statusCode:"UNSET",spanAnnotations:[]},i=t.length>0,r=vl(l);return e(T,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",children:s(k,{direction:"row",gap:"size-400",children:[s(k,{direction:"column",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Trace Status"}),e(x,{textSize:"xlarge",children:s(k,{direction:"row",gap:"size-50",alignItems:"center",children:[e(sa,{statusCode:l}),e(x,{textSize:"xlarge",color:r,children:l})]})})]}),s(k,{direction:"column",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency"}),e(x,{textSize:"xlarge",children:typeof a=="number"?e(xe,{latencyMs:a,textSize:"xlarge"}):"--"})]}),i?s(k,{direction:"column",gap:"size-50",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Feedback"}),e(k,{direction:"row",gap:"size-50",children:t.map(o=>e(Hn,{annotation:o,children:e(cn,{annotation:o,annotationDisplayPreference:"label"})},o.name))})]}):null]})})}function $d({children:n}){return e("div",{"data-testid":"scrolling-tabs-wrapper",css:K`
|
|
1461
1461
|
height: 100%;
|
|
1462
1462
|
overflow: hidden;
|
|
1463
1463
|
.ac-tabs {
|
|
@@ -1477,10 +1477,10 @@ fragment DatasetPicker__datasets on Query {
|
|
|
1477
1477
|
}
|
|
1478
1478
|
}
|
|
1479
1479
|
}
|
|
1480
|
-
`,children:n})}function
|
|
1480
|
+
`,children:n})}function Vd({children:n}){return e("div",{"data-testid":"scrolling-panel-content",css:K`
|
|
1481
1481
|
height: 100%;
|
|
1482
1482
|
overflow-y: auto;
|
|
1483
|
-
`,children:n})}function
|
|
1483
|
+
`,children:n})}function Gu(){const{traceId:n,projectId:a}=je(),l=ae();return e(Y,{type:"slideOver",isDismissable:!0,onDismiss:()=>l(`/projects/${a}`),children:e(q,{size:"fullscreen",title:"Trace Details",children:e($t,{traceId:n,projectId:a})})})}const Vt=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={kind:"Variable",name:"timeRange",variableName:"timeRange"},r=[{kind:"Literal",name:"first",value:50},{kind:"Literal",name:"rootSpansOnly",value:!0},{kind:"Literal",name:"sort",value:{col:"startTime",dir:"desc"}},i],o={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},d={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},m={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},g={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},f=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],p={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},b={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[c,{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},S={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},h=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],v=[i];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectPageQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"TracesTable_spans"},{args:null,kind:"FragmentSpread",name:"ProjectPageHeader_stats"},{args:null,kind:"FragmentSpread",name:"StreamToggle_data"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectPageQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:"rootSpans",args:r,concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"rootSpan",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[t,o,c,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},d,m,y,{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountCompletion",storageKey:null},g,{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:f,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:f,storageKey:null},p,b,S,{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"descendants",plural:!0,selections:[t,o,c,d,m,y,g,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"cumulativeTokenCountPrompt",args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:"cumulativeTokenCountCompletion",args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:h,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:h,storageKey:null},p,b,S],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:[l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:"rootSpans",args:r,filters:["sort","rootSpansOnly","filterCondition","timeRange"],handle:"connection",key:"TracesTable_rootSpans",kind:"LinkedHandle",name:"spans"},{alias:null,args:v,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:v,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},i],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:"latencyMsP99",args:[{kind:"Literal",name:"probability",value:.99},i],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentEvaluationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"streamingLastUpdatedAt",storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"7ca0a7d143e3f1dbcffdb72ac9a605ee",id:null,metadata:{},name:"ProjectPageQuery",operationKind:"query",text:`query ProjectPageQuery(
|
|
1484
1484
|
$id: GlobalID!
|
|
1485
1485
|
$timeRange: TimeRange!
|
|
1486
1486
|
) {
|
|
@@ -1598,7 +1598,7 @@ fragment TracesTable_spans on Project {
|
|
|
1598
1598
|
}
|
|
1599
1599
|
id
|
|
1600
1600
|
}
|
|
1601
|
-
`}}}();
|
|
1601
|
+
`}}}();Vt.hash="e2d168c52b9c1b5fd5543286f4d2786c";const zt=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i=[{kind:"Literal",name:"first",value:50},{kind:"Literal",name:"sort",value:{col:"startTime",dir:"desc"}},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],r={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},o=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectPageSpansQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"SpansTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectPageSpansQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},t,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:i,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:[t,{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},r,{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:o,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:o,storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[r,{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:[l],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:i,filters:["sort","filterCondition","timeRange"],handle:"connection",key:"SpansTable_spans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"ad78c79b9d1896e34130b3a4762e3389",id:null,metadata:{},name:"ProjectPageSpansQuery",operationKind:"query",text:`query ProjectPageSpansQuery(
|
|
1602
1602
|
$id: GlobalID!
|
|
1603
1603
|
$timeRange: TimeRange!
|
|
1604
1604
|
) {
|
|
@@ -1664,7 +1664,7 @@ fragment SpansTable_spans on Project {
|
|
|
1664
1664
|
}
|
|
1665
1665
|
id
|
|
1666
1666
|
}
|
|
1667
|
-
`}}}()
|
|
1667
|
+
`}}}();zt.hash="18fe45fad1c124d8c29cdcabf463a213";const Qt=function(){var n={defaultValue:null,kind:"LocalArgument",name:"id"},a={defaultValue:null,kind:"LocalArgument",name:"timeRange"},l=[{kind:"Variable",name:"id",variableName:"id"}],t={kind:"Variable",name:"timeRange",variableName:"timeRange"},i=[t];return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"ProjectPageHeaderQuery",selections:[{alias:null,args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"ProjectPageHeader_stats"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"ProjectPageHeaderQuery",selections:[{alias:null,args: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,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:i,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},t],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:"latencyMsP99",args:[{kind:"Literal",name:"probability",value:.99},t],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentEvaluationNames",storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"264a748e3bb636d71fb6b75523a612fe",id:null,metadata:{},name:"ProjectPageHeaderQuery",operationKind:"query",text:`query ProjectPageHeaderQuery(
|
|
1668
1668
|
$timeRange: TimeRange
|
|
1669
1669
|
$id: GlobalID!
|
|
1670
1670
|
) {
|
|
@@ -1685,7 +1685,7 @@ fragment ProjectPageHeader_stats on Project {
|
|
|
1685
1685
|
documentEvaluationNames
|
|
1686
1686
|
id
|
|
1687
1687
|
}
|
|
1688
|
-
`}}}();
|
|
1688
|
+
`}}}();Qt.hash="dcce9d160db90e2b5c51eef9971101a4";const Ot=function(){var n={kind:"Variable",name:"timeRange",variableName:"timeRange"},a=[n];return{argumentDefinitions:[{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Qt,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ProjectPageHeader_stats",selections:[{alias:null,args:a,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:a,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},n],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:"latencyMsP99",args:[{kind:"Literal",name:"probability",value:.99},n],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentEvaluationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],type:"Project",abstractKey:null}}();Ot.hash="dcce9d160db90e2b5c51eef9971101a4";const jt=u.createContext(null);function En(){const n=De.useContext(jt);if(n===null)throw new Error("useStreamState must be used within a StreamStateProvider");return n}function zd({initialFetchKey:n="initial",children:a}){const l=la(c=>c.traceStreamingEnabled),t=la(c=>c.setTraceStreamingEnabled),[i,r]=u.useState(n),o=u.useCallback(c=>{u.startTransition(()=>{r(c)})},[r]);return e(jt.Provider,{value:{isStreaming:l,setIsStreaming:t,fetchKey:i,setFetchKey:o},children:a})}const qt=function(){var n={defaultValue:null,kind:"LocalArgument",name:"annotationName"},a={defaultValue:null,kind:"LocalArgument",name:"id"},l={defaultValue:null,kind:"LocalArgument",name:"timeRange"},t=[{kind:"Variable",name:"id",variableName:"id"}],i=[{kind:"Variable",name:"annotationName",variableName:"annotationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}];return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"AnnotationSummaryValueQuery",selections:[{alias:null,args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:i,kind:"FragmentSpread",name:"AnnotationSummaryValueFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,l,a],kind:"Operation",name:"AnnotationSummaryValueQuery",selections:[{alias:null,args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"bae90b7000aa37d37050070d8504b41c",id:null,metadata:{},name:"AnnotationSummaryValueQuery",operationKind:"query",text:`query AnnotationSummaryValueQuery(
|
|
1689
1689
|
$annotationName: String!
|
|
1690
1690
|
$timeRange: TimeRange!
|
|
1691
1691
|
$id: GlobalID!
|
|
@@ -1708,7 +1708,7 @@ fragment AnnotationSummaryValueFragment_4BTVrq on Project {
|
|
|
1708
1708
|
}
|
|
1709
1709
|
id
|
|
1710
1710
|
}
|
|
1711
|
-
`}}}();
|
|
1711
|
+
`}}}();qt.hash="0a8e190e4d87acc87c161366f330e3af";const Bt={argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"annotationName"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:qt,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"AnnotationSummaryValueFragment",selections:[{alias:null,args:[{kind:"Variable",name:"annotationName",variableName:"annotationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],type:"Project",abstractKey:null};Bt.hash="0a8e190e4d87acc87c161366f330e3af";const Ht=function(){var n={defaultValue:null,kind:"LocalArgument",name:"annotationName"},a={defaultValue:null,kind:"LocalArgument",name:"id"},l={defaultValue:null,kind:"LocalArgument",name:"timeRange"},t=[{kind:"Variable",name:"id",variableName:"id"}],i=[{kind:"Variable",name:"annotationName",variableName:"annotationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}];return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"AnnotationSummaryQuery",selections:[{alias:"project",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:i,kind:"FragmentSpread",name:"AnnotationSummaryValueFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n,l],kind:"Operation",name:"AnnotationSummaryQuery",selections:[{alias:"project",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"AnnotationSummary",kind:"LinkedField",name:"spanAnnotationSummary",plural:!1,selections:[{alias:null,args:null,concreteType:"LabelFraction",kind:"LinkedField",name:"labelFractions",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"fraction",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"88dfad5d25db7e03286a789f3ba37c75",id:null,metadata:{},name:"AnnotationSummaryQuery",operationKind:"query",text:`query AnnotationSummaryQuery(
|
|
1712
1712
|
$id: GlobalID!
|
|
1713
1713
|
$annotationName: String!
|
|
1714
1714
|
$timeRange: TimeRange!
|
|
@@ -1731,7 +1731,7 @@ fragment AnnotationSummaryValueFragment_4BTVrq on Project {
|
|
|
1731
1731
|
}
|
|
1732
1732
|
id
|
|
1733
1733
|
}
|
|
1734
|
-
`}}}();
|
|
1734
|
+
`}}}();Ht.hash="6a15ba35fe9e1e35aa4c517ab6309a2b";function Qd({annotationName:n}){const{projectId:a}=je(),{timeRange:l}=oa(),t=L.useLazyLoadQuery(Ht,{annotationName:n,id:a,timeRange:{start:l.start.toISOString(),end:l.end.toISOString()}});return s(k,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:n}),e(u.Suspense,{fallback:e(x,{textSize:"xlarge",children:"--"}),children:e(Od,{annotationName:n,project:t.project})})]})}function Od(n){var p,b;const{project:a,annotationName:l}=n,{fetchKey:t}=En(),[i,r]=L.useRefetchableFragment(Bt,a);u.useEffect(()=>{u.startTransition(()=>{r({},{fetchPolicy:"store-and-network"})})},[t,r]);const o=Ne(),d=[Fl(l),o.default,o.gray600,o.gray400,o.gray200],m=(p=i==null?void 0:i.spanAnnotationSummary)==null?void 0:p.meanScore,y=(b=i==null?void 0:i.spanAnnotationSummary)==null?void 0:b.labelFractions,g=typeof m=="number",f=Array.isArray(y)&&y.length>0;return!g&&!f?e(x,{textSize:"xlarge",children:"--"}):s(Ke,{delay:0,placement:"bottom",children:[e(vn,{children:s(k,{direction:"row",alignItems:"center",gap:"size-50",children:[f?e(xs,{width:24,height:24,children:e(Ts,{data:y,dataKey:"fraction",nameKey:"label",cx:"50%",cy:"50%",innerRadius:8,outerRadius:11,strokeWidth:0,stroke:"transparent",children:y.map((S,h)=>e(Ds,{fill:d[h%d.length]},`cell-${h}`))})}):null,e(x,{textSize:"xlarge",children:g?Le(m):"--"})]})}),e(Wn,{children:e(T,{width:"size-2400",children:s(k,{direction:"column",gap:"size-50",children:[f&&e("ul",{children:y.map((S,h)=>e("li",{children:e(re,{color:d[h%d.length],name:S.label,shape:"square",value:xl(S.fraction*100)})},S.label))}),f&&g?e(ra,{}):null,g?s(k,{direction:"row",justifyContent:"space-between",children:[e(x,{children:"mean"}),e(x,{children:Le(m)})]}):null]})})})]})}const Gt=function(){var n={defaultValue:null,kind:"LocalArgument",name:"evaluationName"},a={defaultValue:null,kind:"LocalArgument",name:"id"},l={defaultValue:null,kind:"LocalArgument",name:"timeRange"},t=[{kind:"Variable",name:"id",variableName:"id"}],i=[{kind:"Variable",name:"evaluationName",variableName:"evaluationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}];return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"DocumentEvaluationSummaryValueQuery",selections:[{alias:null,args:t,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,l,a],kind:"Operation",name:"DocumentEvaluationSummaryValueQuery",selections:[{alias:null,args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:i,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(
|
|
1735
1735
|
$evaluationName: String!
|
|
1736
1736
|
$timeRange: TimeRange!
|
|
1737
1737
|
$id: GlobalID!
|
|
@@ -1753,7 +1753,7 @@ fragment DocumentEvaluationSummaryValueFragment_1dJL9N on Project {
|
|
|
1753
1753
|
}
|
|
1754
1754
|
id
|
|
1755
1755
|
}
|
|
1756
|
-
`}}}();
|
|
1756
|
+
`}}}();Gt.hash="15d0652aa260c80f62acec943f615d93";const Ut={argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"evaluationName"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:Gt,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"DocumentEvaluationSummaryValueFragment",selections:[{alias:null,args:[{kind:"Variable",name:"evaluationName",variableName:"evaluationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],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},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],type:"Project",abstractKey:null};Ut.hash="15d0652aa260c80f62acec943f615d93";const Wt=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"evaluationName"},{defaultValue:null,kind:"LocalArgument",name:"id"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l=[{kind:"Variable",name:"evaluationName",variableName:"evaluationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DocumentEvaluationSummaryQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:l,kind:"FragmentSpread",name:"DocumentEvaluationSummaryValueFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DocumentEvaluationSummaryQuery",selections:[{alias:"project",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:l,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:"3ebd1cf66ef8f31c995ec6aae6505e94",id:null,metadata:{},name:"DocumentEvaluationSummaryQuery",operationKind:"query",text:`query DocumentEvaluationSummaryQuery(
|
|
1757
1757
|
$evaluationName: String!
|
|
1758
1758
|
$id: GlobalID!
|
|
1759
1759
|
$timeRange: TimeRange!
|
|
@@ -1775,7 +1775,7 @@ fragment DocumentEvaluationSummaryValueFragment_1dJL9N on Project {
|
|
|
1775
1775
|
}
|
|
1776
1776
|
id
|
|
1777
1777
|
}
|
|
1778
|
-
`}}}();
|
|
1778
|
+
`}}}();Wt.hash="4d50474ffa9b9e4a68d07f6e0777c144";function jd({evaluationName:n}){const{projectId:a}=je(),{timeRange:l}=oa(),t=L.useLazyLoadQuery(Wt,{id:a,evaluationName:n,timeRange:{start:l.start.toISOString(),end:l.end.toISOString()}});return s(k,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:n}),e(u.Suspense,{fallback:e(x,{textSize:"xlarge",children:"--"}),children:e(qd,{evaluationName:n,project:t==null?void 0:t.project})})]})}function qd(n){var m,y,g,f;const{project:a}=n,{fetchKey:l}=En(),[t,i]=L.useRefetchableFragment(Ut,a);u.useEffect(()=>{u.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[l,i]);const r=(m=t==null?void 0:t.documentEvaluationSummary)==null?void 0:m.averageNdcg,o=(y=t==null?void 0:t.documentEvaluationSummary)==null?void 0:y.averagePrecision,c=(g=t==null?void 0:t.documentEvaluationSummary)==null?void 0:g.hitRate,d=(f=t==null?void 0:t.documentEvaluationSummary)==null?void 0:f.meanReciprocalRank;return s(Ke,{delay:0,placement:"bottom",children:[e(vn,{children:e(k,{direction:"row",alignItems:"center",gap:"size-50",height:"28px",children:s(G,{children:[e(ye,{metric:"ndcg",score:r},"ndcg"),e(ye,{metric:"precision",score:o},"precision"),e(ye,{metric:"hit rate",score:c},"hit")]})})}),e(Wn,{children:e(T,{width:"size-2400",children:s(k,{direction:"column",children:[s(k,{justifyContent:"space-between",children:[e(x,{children:"average ndcg"}),e(x,{children:typeof r=="number"?Le(r):"--"})]}),s(k,{justifyContent:"space-between",children:[e(x,{children:"average precision"}),e(x,{children:typeof o=="number"?Le(o):"--"})]}),s(k,{justifyContent:"space-between",children:[e(x,{children:"mean reciprocal rank"}),e(x,{children:typeof d=="number"?Le(d):"--"})]}),s(k,{justifyContent:"space-between",children:[e(x,{children:"hit rate"}),e(x,{children:typeof c=="number"?Le(c):"--"})]})]})})})]})}function Bd(n){const{extra:a}=n,{fetchKey:l}=En(),[t,i]=L.useRefetchableFragment(Ot,n.project);u.useEffect(()=>{u.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[l,i]);const r=t==null?void 0:t.latencyMsP50,o=t==null?void 0:t.latencyMsP99,c=t==null?void 0:t.tokenCountTotal,d=t==null?void 0:t.spanAnnotationNames,m=t==null?void 0:t.documentEvaluationNames;return e(T,{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:K`
|
|
1779
1779
|
overflow-x: auto;
|
|
1780
1780
|
overflow-y: hidden;
|
|
1781
1781
|
flex: 1 1 auto;
|
|
@@ -1811,7 +1811,7 @@ fragment DocumentEvaluationSummaryValueFragment_1dJL9N on Project {
|
|
|
1811
1811
|
left center,
|
|
1812
1812
|
right center;
|
|
1813
1813
|
background-attachment: local, local, scroll, scroll;
|
|
1814
|
-
`,children:s(k,{direction:"row",gap:"size-400",alignItems:"center",children:[s(k,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Traces"}),e(x,{textSize:"xlarge",children:
|
|
1814
|
+
`,children:s(k,{direction:"row",gap:"size-400",alignItems:"center",children:[s(k,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Traces"}),e(x,{textSize:"xlarge",children:rn(t==null?void 0:t.traceCount)})]}),s(k,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Tokens"}),e(x,{textSize:"xlarge",children:rn(c)})]}),s(k,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency P50"}),r!=null?e(xe,{latencyMs:r,textSize:"xlarge"}):e(x,{textSize:"xlarge",children:"--"})]}),s(k,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency P99"}),o!=null?e(xe,{latencyMs:o,textSize:"xlarge"}):e(x,{textSize:"xlarge",children:"--"})]}),d.map(y=>e(Qd,{annotationName:y},y)),m.map(y=>e(jd,{evaluationName:y},`document-${y}`))]})}),e(T,{flex:"none",paddingStart:"size-100",children:a})]})})}const Jt=u.createContext(null);function Xt(){const n=u.useContext(Jt);if(n===null)throw new Error("useSpanFilterCondition must be used within a SpanFilterConditionProvider");return n}function el(n){const[a,l]=u.useState(""),t=u.useCallback(r=>{u.startTransition(()=>{l(r)})},[]),i=u.useCallback(r=>{u.startTransition(()=>{a.length>0?l(a+" and "+r):l(r)})},[a]);return e(Jt.Provider,{value:{filterCondition:a,setFilterCondition:t,appendFilterCondition:i},children:n.children})}const Yt=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},l={defaultValue:50,kind:"LocalArgument",name:"first"},t={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},r={defaultValue:null,kind:"LocalArgument",name:"timeRange"},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"},y={kind:"Variable",name:"sort",variableName:"sort"},g={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},p=[c,d,m,y,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],b={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},S=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}];return{fragment:{argumentDefinitions:[n,a,l,t,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,y],kind:"FragmentSpread",name:"SpansTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,l,i,r,t],kind:"Operation",name:"SpansTableSpansQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[g,{kind:"TypeDiscriminator",abstractKey:"__isNode"},f,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:null,args:p,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:[f,{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},b,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,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:S,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:S,storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[b,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[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","filterCondition","timeRange"],handle:"connection",key:"SpansTable_spans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"27e5d0e2cc7246b56f044dc1d4b39143",id:null,metadata:{},name:"SpansTableSpansQuery",operationKind:"query",text:`query SpansTableSpansQuery(
|
|
1815
1815
|
$after: String = null
|
|
1816
1816
|
$filterCondition: String = null
|
|
1817
1817
|
$first: Int = 50
|
|
@@ -1881,14 +1881,14 @@ fragment SpansTable_spans_1XEuU on Project {
|
|
|
1881
1881
|
}
|
|
1882
1882
|
id
|
|
1883
1883
|
}
|
|
1884
|
-
`}}}();
|
|
1884
|
+
`}}}();Yt.hash="ce0f0cd1dc09d507f1e3ec37a76403a8";const Zt=function(){var n=["spans"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},t=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"filterCondition"},{defaultValue:50,kind:"LocalArgument",name:"first"},{defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:Yt,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"SpansTable_spans",selections:[{args:null,kind:"FragmentSpread",name:"SpanColumnSelector_annotations"},{alias:"spans",args:[{kind:"Variable",name:"filterCondition",variableName:"filterCondition"},{kind:"Variable",name:"sort",variableName:"sort"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"SpanConnection",kind:"LinkedField",name:"__SpansTable_spans_connection",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:[a,{alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},l,{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:t,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:t,storageKey:null},{alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[l,{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:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},a],type:"Project",abstractKey:null}}();Zt.hash="ce0f0cd1dc09d507f1e3ec37a76403a8";const ei=u.createContext(null);function Hd({children:n,...a}){const l=u.useRef();return l.current||(l.current=ns(a)),e(ei.Provider,{value:l.current,children:n})}function Oe(n,a){const l=De.useContext(ei);if(!l)throw new Error("Missing TracingContext.Provider in the tree");return dl(l,n,a)}function ni(n){const{appendFilterCondition:a}=Xt(),{annotation:l}=n,{name:t,label:i,score:r}=l,o=u.useMemo(()=>{const c=[];return i!=null&&(c.push({filterName:"Match label",filterCondition:`annotations['${t}'].label == "${i}"`}),c.push({filterName:"Exclude label",filterCondition:`annotations['${t}'].label != "${i}"`})),typeof r=="number"&&(c.push({filterName:"Greater than score",filterCondition:`annotations['${t}'].score > ${r}`}),c.push({filterName:"Less than score",filterCondition:`annotations['${t}'].score < ${r}`}),c.push({filterName:"Equals score",filterCondition:`annotations['${t}'].score == ${r}`})),c},[t,i,r]);return s(T,{borderStartWidth:"thin",borderColor:"dark",paddingStart:"size-200",paddingEnd:"size-100",marginStart:"size-200",width:300,children:[e(x,{textSize:"large",weight:"heavy",children:"Filters"}),e("ul",{css:K`
|
|
1885
1885
|
display: flex;
|
|
1886
1886
|
flex-direction: row;
|
|
1887
1887
|
gap: var(--ac-global-dimension-size-100);
|
|
1888
1888
|
color: var(--ac-global-color-primary);
|
|
1889
1889
|
padding: var(--ac-global-dimension-size-100) 0;
|
|
1890
1890
|
flex-wrap: wrap;
|
|
1891
|
-
`,children:o.map(
|
|
1891
|
+
`,children:o.map(c=>e("li",{children:e(Gd,{onClick:()=>{a(c.filterCondition)},children:c.filterName})},c.filterName))})]})}function Gd({onClick:n,children:a}){return e("button",{onClick:l=>{l.preventDefault(),l.stopPropagation(),n()},className:"button--reset",css:K`
|
|
1892
1892
|
color: var(--ac-global-text-color-900);
|
|
1893
1893
|
border: 1px solid var(--ac-global-color-gray-200);
|
|
1894
1894
|
border-radius: 4px;
|
|
@@ -1899,12 +1899,12 @@ fragment SpansTable_spans_1XEuU on Project {
|
|
|
1899
1899
|
&:hover {
|
|
1900
1900
|
background-color: var(--ac-global-color-gray-300);
|
|
1901
1901
|
}
|
|
1902
|
-
`,children:a})}function
|
|
1902
|
+
`,children:a})}function ai(){const[n,a]=u.useState(null),l=()=>{a(e(q,{title:"Getting Started with Traces",isDismissable:!0,children:s(T,{padding:"size-200",children:[e("p",{css:K`
|
|
1903
1903
|
margin: 0 0 var(--ac-global-dimension-size-100) 0;
|
|
1904
|
-
`,children:"To get started with traces, you will need to setup tracing in your application. Phoenix uses OpenTelemetry to collect traces and has various integrations with orchestration frameworks, SDKs, and languages. To get started, consult the documentation."}),e(
|
|
1904
|
+
`,children:"To get started with traces, you will need to setup tracing in your application. Phoenix uses OpenTelemetry to collect traces and has various integrations with orchestration frameworks, SDKs, and languages. To get started, consult the documentation."}),e(tn,{href:"https://docs.arize.com/phoenix/tracing/how-to-tracing",children:"View tracing documentation"})]})}))};return s("tbody",{className:"is-empty",children:[e("tr",{children:e("td",{colSpan:100,css:t=>K`
|
|
1905
1905
|
text-align: center;
|
|
1906
1906
|
padding: ${t.spacing.margin24}px ${t.spacing.margin24}px !important;
|
|
1907
|
-
`,children:s(k,{direction:"column",gap:"size-200",alignItems:"center",children:["No traces found for this project",e(V,{variant:"default",icon:e(w,{svg:e(
|
|
1907
|
+
`,children:s(k,{direction:"column",gap:"size-200",alignItems:"center",children:["No traces found for this project",e(V,{variant:"default",icon:e(w,{svg:e(E.PlayCircleOutline,{})}),onClick:l,children:"Get Started"})]})})}),e(Y,{onDismiss:()=>a(null),children:n})]})}const li={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanColumnSelector_annotations",selections:[{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null}],type:"Project",abstractKey:null};li.hash="ad01e6897ad1ea779eb346d85783b8b4";const Ud=["spanKind","name"];function ti(n){return e(za,{menu:e(Wd,{...n}),triggerProps:{placement:"bottom end"},children:s(k,{direction:"row",alignItems:"center",gap:"size-100",children:[e(w,{svg:e(E.Column,{})}),"Columns"]})})}const ta=K`
|
|
1908
1908
|
padding: var(--ac-global-dimension-static-size-50)
|
|
1909
1909
|
var(--ac-global-dimension-static-size-100);
|
|
1910
1910
|
label {
|
|
@@ -1912,10 +1912,10 @@ fragment SpansTable_spans_1XEuU on Project {
|
|
|
1912
1912
|
align-items: center;
|
|
1913
1913
|
gap: var(--ac-global-dimension-static-size-100);
|
|
1914
1914
|
}
|
|
1915
|
-
`;function
|
|
1915
|
+
`;function Wd(n){const{columns:a}=n,l=Oe(d=>d.columnVisibility),t=Oe(d=>d.setColumnVisibility),i=u.useMemo(()=>a.filter(d=>!Ud.includes(d.id)),[a]),r=u.useMemo(()=>i.every(d=>{const m=l[d.id];return m??!0}),[i,l]),o=u.useCallback(d=>{const{name:m,checked:y}=d.target;t({...l,[m]:y})},[l,t]),c=u.useCallback(d=>{const{checked:m}=d.target,y=i.reduce((g,f)=>({...g,[f.id]:m}),{});t(y)},[i,t]);return e("div",{css:K`
|
|
1916
1916
|
overflow-y: auto;
|
|
1917
1917
|
max-height: calc(100vh - 200px);
|
|
1918
|
-
`,children:s(T,{paddingTop:"size-50",paddingBottom:"size-50",children:[e(T,{borderBottomColor:"dark",borderBottomWidth:"thin",paddingBottom:"size-50",children:e("div",{css:
|
|
1918
|
+
`,children:s(T,{paddingTop:"size-50",paddingBottom:"size-50",children:[e(T,{borderBottomColor:"dark",borderBottomWidth:"thin",paddingBottom:"size-50",children:e("div",{css:ta,children:s("label",{children:[e("input",{type:"checkbox",name:"toggle-all",checked:r,onChange:c}),"span columns"]})})}),e("ul",{children:i.map(d=>{const m=l[d.id],y=m??!0,g=typeof d.columnDef.header=="string"?d.columnDef.header:d.id;return e("li",{css:ta,children:s("label",{children:[e("input",{type:"checkbox",name:d.id,checked:y,onChange:o}),g]})},d.id)})}),e(Jd,{...n})]})})}function Jd({query:n}){const a=L.useFragment(li,n),l=Oe(o=>o.annotationColumnVisibility),t=Oe(o=>o.setAnnotationColumnVisibility),i=u.useMemo(()=>a.spanAnnotationNames.every(o=>l[o]||!1),[a.spanAnnotationNames,l]),r=u.useCallback(()=>{const o=a.spanAnnotationNames.reduce((c,d)=>({...c,[d]:!i}),{});t(o)},[a.spanAnnotationNames,t,i]);return s("section",{children:[e(T,{paddingTop:"size-50",paddingBottom:"size-50",borderColor:"dark",borderTopWidth:"thin",borderBottomWidth:"thin",children:e("div",{css:ta,children:s("label",{children:[e("input",{type:"checkbox",name:"toggle-evaluations-all",checked:i,onChange:r}),"feedback"]})})}),e("ul",{children:a.spanAnnotationNames.map(o=>{const c=l[o]??!1;return e("li",{css:ta,children:s("label",{children:[e("input",{type:"checkbox",name:o,checked:c,onChange:()=>{t({...l,[o]:!c})}}),o]})},o)})})]})}const ii=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"condition"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={kind:"InlineFragment",selections:[{alias:null,args:[{kind:"Variable",name:"condition",variableName:"condition"}],concreteType:"ValidationResult",kind:"LinkedField",name:"validateSpanFilterCondition",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"isValid",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorMessage",storageKey:null}],storageKey:null}],type:"Project",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"SpanFilterConditionFieldValidationQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"SpanFilterConditionFieldValidationQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l,{kind:"TypeDiscriminator",abstractKey:"__isNode"},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],storageKey:null}]},params:{cacheID:"29583e7ec666cef832dc7effb9e75678",id:null,metadata:{},name:"SpanFilterConditionFieldValidationQuery",operationKind:"query",text:`query SpanFilterConditionFieldValidationQuery(
|
|
1919
1919
|
$condition: String!
|
|
1920
1920
|
$id: GlobalID!
|
|
1921
1921
|
) {
|
|
@@ -1931,7 +1931,7 @@ fragment SpansTable_spans_1XEuU on Project {
|
|
|
1931
1931
|
id
|
|
1932
1932
|
}
|
|
1933
1933
|
}
|
|
1934
|
-
`}}}();
|
|
1934
|
+
`}}}();ii.hash="22836f192038b0c40201d3b25aad65b4";const ri=K`
|
|
1935
1935
|
flex: 1 1 auto;
|
|
1936
1936
|
.cm-content {
|
|
1937
1937
|
padding: var(--ac-global-dimension-static-size-100) 0;
|
|
@@ -1945,7 +1945,7 @@ fragment SpansTable_spans_1XEuU on Project {
|
|
|
1945
1945
|
.cm-selectionLayer .cm-selectionBackground {
|
|
1946
1946
|
background: var(--ac-global-color-cyan-400) !important;
|
|
1947
1947
|
}
|
|
1948
|
-
`,
|
|
1948
|
+
`,si=K`
|
|
1949
1949
|
border-width: var(--ac-global-border-size-thin);
|
|
1950
1950
|
border-style: solid;
|
|
1951
1951
|
border-color: var(--ac-global-input-field-border-color);
|
|
@@ -1962,19 +1962,19 @@ fragment SpansTable_spans_1XEuU on Project {
|
|
|
1962
1962
|
border-color: var(--ac-global-color-danger);
|
|
1963
1963
|
}
|
|
1964
1964
|
box-sizing: border-box;
|
|
1965
|
-
`;function
|
|
1965
|
+
`;function Xd(n){const a=n.matchBefore(/\w*/);return!a||a.from==a.to&&!n.explicit?null:{from:a.from,options:[{label:"span_kind",type:"variable",info:"The span variant: CHAIN, LLM, RETRIEVER, TOOL, etc."},{label:"status_code",type:"variable",info:"The span status: OK, UNSET, or ERROR"},{label:"input.value",type:"variable",info:"The input value of a span, typically a query"},{label:"output.value",type:"variable",info:"The output value of a span, typically a response"},{label:"name",type:"variable",info:"The name given to a span - e.x. OpenAI"},{label:"latency_ms",type:"variable",info:"Latency (i.e. duration) in milliseconds"},{label:"cumulative_token_count.prompt",type:"variable",info:"Sum of token count for prompt from self and all child spans"},{label:"cumulative_token_count.completion",type:"variable",info:"Sum of token count for completion from self and all child spans"},{label:"cumulative_token_count.total",type:"variable",info:"Sum of token count total (prompt + completion) from self and all child spans"},{label:"llm spans",type:"text",apply:"span_kind == 'LLM'",detail:"macro"},{label:"retriever spans",type:"text",apply:"span_kind == 'RETRIEVER'",detail:"macro"},{label:"search input",type:"text",apply:"'' in input.value",detail:"macro"},{label:"search output",type:"text",apply:"'' in output.value",detail:"macro"},{label:"status_code error",type:"text",apply:"status_code == 'ERROR'",detail:"macro"},{label:"Latency >= 10s",type:"text",apply:"latency_ms >= 10_000",detail:"macro"},{label:"Tokens >= 1,000",type:"text",apply:"llm.token_count.total >= 1_000",detail:"macro"},{label:"Hallucinations",type:"text",apply:"annotations['Hallucination'].label == 'hallucinated'",detail:"macro"},{label:"Annotations",type:"text",apply:"annotations['Hallucination'].label == 'hallucinated'",detail:"macro"},{label:"Metadata",type:"text",apply:"metadata['topic'] == 'agent'",detail:"macro"},{label:"Substring",type:"text",apply:"'agent' in input.value",detail:"macro"}]}}async function Yd(n,a){if(!n)return{isValid:!0,errorMessage:null};const l=await kr.fetchQuery(Ce,ii,{condition:n,id:a}).toPromise();if(!l)throw new Error("Filter condition validation is null");return l.project.validateSpanFilterCondition}const Zd=[Ls.of([{key:"Enter",run:n=>!0}]),Oa(),As({override:[Xd]})];function oi(n){const{onValidCondition:a,placeholder:l="filter condition (e.x. span_kind == 'LLM')"}=n,[t,i]=u.useState(!1),[r,o]=u.useState(""),{filterCondition:c,setFilterCondition:d,appendFilterCondition:m}=Xt(),y=u.useDeferredValue(c),{theme:g}=qn(),f=g==="dark"?ga:void 0,{projectId:p}=je();u.useEffect(()=>{Yd(y,p).then(h=>{h!=null&&h.isValid?(o(""),u.startTransition(()=>{a(y)})):o((h==null?void 0:h.errorMessage)??"Invalid filter condition")})},[a,y,p]);const b=r!=="",S=c!=="";return s("div",{"data-is-focused":t,"data-is-invalid":b,className:"span-filter-condition-field",css:si,children:[s(k,{direction:"row",children:[e(Ss,{children:e(w,{svg:e(E.Search,{})})}),e(ma,{css:ri,indentWithTab:!1,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1,defaultKeymap:!1},onFocus:()=>i(!0),onBlur:()=>i(!1),value:c,onChange:d,height:"36px",width:"100%",theme:f,placeholder:l,extensions:Zd}),e("button",{css:K`
|
|
1966
1966
|
margin-right: var(--ac-global-dimension-static-size-100);
|
|
1967
1967
|
color: var(--ac-global-text-color-700);
|
|
1968
1968
|
visibility: ${S?"visible":"hidden"};
|
|
1969
|
-
`,onClick:()=>d(""),className:"button--reset",children:e(w,{svg:e(
|
|
1969
|
+
`,onClick:()=>d(""),className:"button--reset",children:e(w,{svg:e(E.CloseCircleOutline,{})})}),s(mn,{placement:"bottom right",children:[e(vn,{children:e("button",{css:K`
|
|
1970
1970
|
color: var(--ac-global-text-color-700);
|
|
1971
1971
|
background-color: var(--ac-global-color-grey-400);
|
|
1972
1972
|
padding-left: var(--ac-global-dimension-static-size-100);
|
|
1973
1973
|
padding-right: var(--ac-global-dimension-static-size-100);
|
|
1974
1974
|
height: 100%;
|
|
1975
|
-
`,className:"button--reset",children:e(w,{svg:e(
|
|
1975
|
+
`,className:"button--reset",children:e(w,{svg:e(E.PlusCircleOutline,{})})})}),e(ec,{onAddFilterConditionSnippet:m})]})]}),s(Ke,{isOpen:b&&t,placement:"bottom",children:[e(vn,{children:e("div",{})}),e(Wn,{children:r!=""?e(x,{color:"danger",children:r}):e(x,{color:"success",children:"Valid Expression"})})]})]})}function ec(n){const{onAddFilterConditionSnippet:a}=n;return e(T,{width:"500px",paddingTop:"size-200",paddingStart:"size-200",paddingEnd:"size-200",borderRadius:"medium",borderWidth:"thin",borderColor:"light",backgroundColor:"light",children:s(Kn,{children:[e(Xe,{label:"filter by kind",initialSnippet:"span_kind == 'LLM'",onAddFilterConditionSnippet:a},"kind"),e(Xe,{label:"filter by token count",initialSnippet:"cumulative_token_count.total > 1000",onAddFilterConditionSnippet:a},"token_count"),e(Xe,{label:"filter by annotation label",initialSnippet:"annotations['Hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"annotation_label"),e(Xe,{label:"filter by evaluation label",initialSnippet:"evals['Hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"eval_label"),e(Xe,{label:"filter by evaluation score",initialSnippet:"evals['Hallucination'].score < 1",onAddFilterConditionSnippet:a},"eval_score"),e(Xe,{label:"filter by metadata",initialSnippet:"metadata['topic'] == 'agent'",onAddFilterConditionSnippet:a},"metadata"),e(Xe,{label:"filter by substring",initialSnippet:"'agent' in input.value",onAddFilterConditionSnippet:a},"substring")]})})}function Xe(n){const{initialSnippet:a,onAddFilterConditionSnippet:l}=n,[t,i]=u.useState(a),{theme:r}=qn(),o=r==="light"?void 0:ga;return e(ua,{label:n.label,children:s(k,{direction:"row",width:"100%",gap:"size-100",children:[e("div",{css:K(si,K`
|
|
1976
1976
|
flex: 1 1 auto;
|
|
1977
|
-
`),children:e(ma,{value:t,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[
|
|
1977
|
+
`),children:e(ma,{value:t,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[Oa()],editable:!0,onChange:i,theme:o,css:ri})}),e(V,{title:"Add to filter condition",variant:"default",onClick:()=>l(t),icon:e(w,{svg:e(E.PlusCircleOutline,{})})})]})})}const di=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(
|
|
1978
1978
|
$input: AddSpansToDatasetInput!
|
|
1979
1979
|
) {
|
|
1980
1980
|
addSpansToDataset(input: $input) {
|
|
@@ -1983,7 +1983,7 @@ fragment SpansTable_spans_1XEuU on Project {
|
|
|
1983
1983
|
}
|
|
1984
1984
|
}
|
|
1985
1985
|
}
|
|
1986
|
-
`}}}();
|
|
1986
|
+
`}}}();di.hash="5e3aef907285081a06c0e0360045e865";const ci={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"DatasetSelectorPopoverContentDatasetsQuery",selections:[{args:null,kind:"FragmentSpread",name:"DatasetSelectorPopoverContent_datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"DatasetSelectorPopoverContentDatasetsQuery",selections:[{alias:null,args:null,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dataset",args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"6d459b61a36b99979f025742892941f9",id:null,metadata:{},name:"DatasetSelectorPopoverContentDatasetsQuery",operationKind:"query",text:`query DatasetSelectorPopoverContentDatasetsQuery {
|
|
1987
1987
|
...DatasetSelectorPopoverContent_datasets
|
|
1988
1988
|
}
|
|
1989
1989
|
|
|
@@ -1997,7 +1997,7 @@ fragment DatasetSelectorPopoverContent_datasets on Query {
|
|
|
1997
1997
|
}
|
|
1998
1998
|
}
|
|
1999
1999
|
}
|
|
2000
|
-
`}};
|
|
2000
|
+
`}};ci.hash="40d5267ad0ec2335a73ff2a4d05bbed1";const ui={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:ci}},name:"DatasetSelectorPopoverContent_datasets",selections:[{alias:null,args:null,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dataset",args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null};ui.hash="40d5267ad0ec2335a73ff2a4d05bbed1";const mi={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"DatasetSelectorPopoverContentQuery",selections:[{args:null,kind:"FragmentSpread",name:"DatasetSelectorPopoverContent_datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"DatasetSelectorPopoverContentQuery",selections:[{alias:null,args:null,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"dataset",args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}]},params:{cacheID:"5fb28a402f330dd235295da21efea58b",id:null,metadata:{},name:"DatasetSelectorPopoverContentQuery",operationKind:"query",text:`query DatasetSelectorPopoverContentQuery {
|
|
2001
2001
|
...DatasetSelectorPopoverContent_datasets
|
|
2002
2002
|
}
|
|
2003
2003
|
|
|
@@ -2011,15 +2011,15 @@ fragment DatasetSelectorPopoverContent_datasets on Query {
|
|
|
2011
2011
|
}
|
|
2012
2012
|
}
|
|
2013
2013
|
}
|
|
2014
|
-
`}};
|
|
2014
|
+
`}};mi.hash="7cd8a13144d97d2b5294f2a09c9e1351";function nc(n){const{onCreateNewDataset:a,onDatasetSelected:l}=n,[t,i]=u.useState(""),r=L.useLazyLoadQuery(mi,{},{fetchPolicy:"network-only"});return s(Q,{title:"Add to Dataset",variant:"compact",backgroundColor:"light",borderColor:"light",bodyStyle:{padding:0},extra:e(V,{variant:"default",size:"compact",onClick:a,children:"New Dataset"}),children:[e(T,{padding:"size-100",children:e(le,{type:"search",placeholder:"Search datasets",addonBefore:e(w,{svg:e(E.Search,{})}),onChange:o=>{i(o)}})}),e(T,{borderTopWidth:"thin",borderColor:"light",children:e("div",{css:K`
|
|
2015
2015
|
height: 400px;
|
|
2016
2016
|
overflow-y: auto;
|
|
2017
|
-
`,children:e(
|
|
2017
|
+
`,children:e(ac,{query:r,search:t,onDatasetSelected:l})})})]})}function ac(n){const{search:a,onDatasetSelected:l}=n,[t]=L.useRefetchableFragment(ui,n.query),i=u.useMemo(()=>{let o=t.datasets.edges.map(c=>c.dataset);return a&&(o=o.filter(c=>c.name.toLowerCase().includes(a.toLowerCase()))),o},[a,t]);return i.length===0?e(k,{direction:"column",justifyContent:"center",alignItems:"center",flex:"1 1 auto",children:e(x,{children:"No datasets found"})}):e(Un,{selectionMode:"single",onSelectionChange:o=>{if(typeof o=="object"){const c=Array.from(o);l(c[0])}},children:i.map(o=>e(J,{children:o.name},o.id))})}function gi(n){const a=ae(),[l,t]=u.useState(null),i=Se(),r=Gn(),[o,c]=u.useState(!1),{selectedSpans:d,onClearSelection:m}=n,[y,g]=L.useMutation(di),f=d.length!==1,p=u.useCallback(b=>{y({variables:{input:{datasetId:b,spanIds:d.map(S=>S.id)}},onCompleted:()=>{i({title:"Examples added to dataset",message:`${d.length} example${f?"s":""} have been added to the dataset.`,action:{text:"View dataset",onClick:()=>{a(`/datasets/${b}/examples`)}}}),m()},onError:S=>{r({title:"An error occurred",message:`Failed to add spans to dataset: ${S.message}`})}})},[y,d,i,f,m,a,r]);return s("div",{css:K`
|
|
2018
2018
|
position: absolute;
|
|
2019
2019
|
bottom: var(--ac-global-dimension-size-400);
|
|
2020
2020
|
left: 50%;
|
|
2021
2021
|
transform: translateX(-50%);
|
|
2022
|
-
`,children:[e(T,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(k,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(x,{children:`${d.length} span${f?"s":""} selected`}),s(k,{direction:"row",gap:"size-100",children:[e(V,{variant:"default",size:"compact",onClick:m,children:"Cancel"}),s(
|
|
2022
|
+
`,children:[e(T,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(k,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(x,{children:`${d.length} span${f?"s":""} selected`}),s(k,{direction:"row",gap:"size-100",children:[e(V,{variant:"default",size:"compact",onClick:m,children:"Cancel"}),s(mn,{placement:"top end",crossOffset:300,isOpen:o,onOpenChange:b=>{c(b)},children:[e(V,{variant:"primary",size:"compact",icon:e(w,{svg:e(E.DatabaseOutline,{})}),loading:g,disabled:g,children:g?"Adding to dataset":"Add to dataset"}),e(u.Suspense,{children:e(nc,{onDatasetSelected:b=>{p(b),c(!1)},onCreateNewDataset:()=>{c(!1),t(e(q,{title:"New Dataset",isDismissable:!0,onDismiss:()=>t(null),children:e(wa,{onDatasetCreateError:()=>{r({title:"Dataset creation failed",message:"Failed to create dataset."})},onDatasetCreated:b=>{t(null),i({title:"Dataset created",message:`${b.name} has been successfully created.`}),c(!0)}})}))}})})]})]})]})}),e(Y,{onDismiss:()=>{t(null)},children:l})]})}const pi=K`
|
|
2023
2023
|
display: flex;
|
|
2024
2024
|
flex-direction: column;
|
|
2025
2025
|
flex: 1 1 auto;
|
|
@@ -2032,10 +2032,10 @@ fragment DatasetSelectorPopoverContent_datasets on Query {
|
|
|
2032
2032
|
.ac-dropdown-button {
|
|
2033
2033
|
min-width: var(--ac-global-dimension-static-size-300);
|
|
2034
2034
|
}
|
|
2035
|
-
`,Qn="annotations",
|
|
2035
|
+
`,Qn="annotations",Ae=":",yi={col:"startTime",dir:"desc"};function fi(n){let a=null,l=null;if(n.id&&n.id.startsWith(Qn)){const[,t,i]=n.id.split(Ae);l={attr:t,name:i}}else a=n.id;return{col:a,evalResultKey:l,dir:n.desc?"desc":"asc"}}const nl=50;function lc(n){const{fetchKey:a}=En(),l=u.useRef(null),[t,i]=u.useState({}),[r,o]=u.useState([]),[c,d]=u.useState(""),m=Oe(P=>P.columnVisibility),y=ae(),{data:g,loadNext:f,hasNext:p,isLoadingNext:b,refetch:S}=L.usePaginationFragment(Zt,n.project),h=Oe(P=>P.annotationColumnVisibility),v=u.useMemo(()=>Object.keys(h).filter(P=>h[P]),[h]),A=u.useMemo(()=>g.spans.edges.map(({span:N})=>N),[g]),I=v.map(P=>({header:P,columns:[{header:"label",accessorKey:`${Qn}${Ae}label${Ae}${P}`,cell:({row:N})=>{const _=N.original.spanAnnotations.find($=>$.name===P);return _?_.label:null}},{header:"score",accessorKey:`${Qn}${Ae}score${Ae}${P}`,cell:({row:N})=>{const _=N.original.spanAnnotations.find($=>$.name===P);return _?_.score:null}}]})),C=[{header:()=>s(k,{direction:"row",gap:"size-50",children:[e("span",{children:"feedback"}),s(_n,{children:[e(te,{level:3,weight:"heavy",children:"Feedback"}),e(An,{children:"Feedback includes evaluations and human annotations logged via the API or set via the UI."})]})]}),accessorKey:"spanAnnotations",enableSorting:!1,cell:({row:P})=>s(k,{direction:"row",gap:"size-50",wrap:"wrap",children:[P.original.spanAnnotations.map(N=>e(Hn,{annotation:N,layout:"horizontal",width:"500px",extra:e(ni,{annotation:N}),children:e(cn,{annotation:N,annotationDisplayPreference:"label"})},N.name)),P.original.documentRetrievalMetrics.map(N=>s(G,{children:[e(ye,{name:N.evaluationName,metric:"ndcg",score:N.ndcg},"ndcg"),e(ye,{name:N.evaluationName,metric:"precision",score:N.precision},"precision"),e(ye,{name:N.evaluationName,metric:"hit",score:N.hit},"hit")]}))]})},...I],F=[{id:"select",maxSize:10,header:({table:P})=>e($e,{checked:P.getIsAllRowsSelected(),indeterminate:P.getIsSomeRowsSelected(),onChange:P.getToggleAllRowsSelectedHandler()}),cell:({row:P})=>e($e,{checked:P.getIsSelected(),disabled:!P.getCanSelect(),indeterminate:P.getIsSomeSelected(),onChange:P.getToggleSelectedHandler()})},{header:"kind",accessorKey:"spanKind",maxSize:100,enableSorting:!1,cell:({getValue:P})=>e(Pa,{spanKind:P()})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:P,row:N})=>{const _=N.original,{traceId:$}=_.context;return e(Ln,{to:`traces/${$}?selectedSpanNodeId=${_.id}`,children:P()})}},{header:"input",accessorKey:"input.value",cell:ke,enableSorting:!1},{header:"output",accessorKey:"output.value",cell:ke,enableSorting:!1},{header:"metadata",accessorKey:"metadata",cell:ke,enableSorting:!1},...C,{header:"start time",accessorKey:"startTime",cell:Pe},{header:"latency",accessorKey:"latencyMs",cell:({getValue:P})=>{const N=P();return N===null||typeof N!="number"?null:e(xe,{latencyMs:N})}},{header:"total tokens",accessorKey:"tokenCountTotal",cell:({row:P,getValue:N})=>{const _=N();return _===null?"--":e(Ra,{tokenCountTotal:_,tokenCountPrompt:P.original.tokenCountPrompt||0,tokenCountCompletion:P.original.tokenCountCompletion||0})}},{header:"status",accessorKey:"statusCode",enableSorting:!1,cell:({getValue:P})=>e(sa,{statusCode:P()})}];u.useEffect(()=>{const P=r[0];u.startTransition(()=>{S({sort:P?fi(P):yi,after:null,first:nl,filterCondition:c},{fetchPolicy:"store-and-network"})})},[r,S,c,a]);const D=u.useCallback(P=>{if(P){const{scrollHeight:N,scrollTop:_,clientHeight:$}=P;N-_-$<300&&!b&&p&&f(nl)}},[p,b,f]),M=me({columns:F,data:A,state:{sorting:r,columnVisibility:m,rowSelection:t},manualSorting:!0,enableRowSelection:!0,onRowSelectionChange:i,onSortingChange:o,getCoreRowModel:ge(),getSortedRowModel:On()}),R=M.getRowModel().rows,O=M.getSelectedRowModel().rows,U=O.map(P=>P.original),ee=u.useCallback(()=>{i({})},[i]),oe=R.length===0,de=M.getAllColumns().filter(P=>P.columns.length===0);return s("div",{css:pi,children:[e(T,{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(oi,{onValidCondition:d}),e(ti,{columns:de,query:g})]})}),e("div",{css:K`
|
|
2036
2036
|
flex: 1 1 auto;
|
|
2037
2037
|
overflow: auto;
|
|
2038
|
-
`,onScroll:P=>D(P.target),ref:l,children:s("table",{css:In,children:[e("thead",{children:M.getHeaderGroups().map(P=>e("tr",{children:P.headers.map(N=>e("th",{colSpan:N.colSpan,children:N.isPlaceholder?null:s("div",{className:N.column.getCanSort()?"cursor-pointer":"",onClick:N.column.getToggleSortingHandler(),style:{left:N.getStart(),width:N.getSize()},children:[
|
|
2038
|
+
`,onScroll:P=>D(P.target),ref:l,children:s("table",{css:In,children:[e("thead",{children:M.getHeaderGroups().map(P=>e("tr",{children:P.headers.map(N=>e("th",{colSpan:N.colSpan,children:N.isPlaceholder?null:s("div",{className:N.column.getCanSort()?"cursor-pointer":"",onClick:N.column.getToggleSortingHandler(),style:{left:N.getStart(),width:N.getSize()},children:[H(N.column.columnDef.header,N.getContext()),N.column.getIsSorted()?e(w,{className:"sort-icon",svg:N.column.getIsSorted()==="asc"?e(E.ArrowUpFilled,{}):e(E.ArrowDownFilled,{})}):null]})},N.id))},P.id))}),oe?e(ai,{}):e("tbody",{children:R.map(P=>e("tr",{onClick:()=>y(`traces/${P.original.context.traceId}?selectedSpanNodeId=${P.original.id}`),children:P.getVisibleCells().map(N=>e("td",{children:H(N.column.columnDef.cell,N.getContext())},N.id))},P.id))})]})}),O.length?e(gi,{selectedSpans:U,onClearSelection:ee}):null]})}const hi=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(
|
|
2039
2039
|
$id: GlobalID!
|
|
2040
2040
|
) {
|
|
2041
2041
|
node(id: $id) {
|
|
@@ -2050,7 +2050,7 @@ fragment StreamToggle_data on Project {
|
|
|
2050
2050
|
streamingLastUpdatedAt
|
|
2051
2051
|
id
|
|
2052
2052
|
}
|
|
2053
|
-
`}}}();
|
|
2053
|
+
`}}}();hi.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";const ki={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:hi,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"StreamToggle_data",selections:[{alias:null,args:null,kind:"ScalarField",name:"streamingLastUpdatedAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null}],type:"Project",abstractKey:null};ki.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";function bi(n,a){const l=u.useRef(null);u.useEffect(()=>{l.current=n},[n]),u.useEffect(()=>{function t(){l.current&&l.current()}if(a!==null){const i=setInterval(t,a);return()=>clearInterval(i)}},[a])}const tc=2e3;function ic(n){const{isStreaming:a,setIsStreaming:l,setFetchKey:t}=En(),[i,r]=L.useRefetchableFragment(ki,n.project),o=u.useRef(i.streamingLastUpdatedAt),c=u.useCallback(()=>{a&&u.startTransition(()=>{r({},{fetchPolicy:"store-and-network"})})},[a,r]),d=i.streamingLastUpdatedAt;return u.useEffect(()=>{d!=null&&(o.current==null||o.current<d)&&(o.current=d,t(`fetch-traces-${d}`))},[t,d]),bi(c,tc),e(Va,{labelPlacement:"start",isSelected:a,onChange:()=>{l(!a)},children:"Stream"})}const Si=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},l={defaultValue:50,kind:"LocalArgument",name:"first"},t={defaultValue:null,kind:"LocalArgument",name:"id"},i={defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},r={defaultValue:null,kind:"LocalArgument",name:"timeRange"},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"},y={kind:"Variable",name:"sort",variableName:"sort"},g={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},p=[c,d,m,{kind:"Literal",name:"rootSpansOnly",value:!0},y,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],b={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},h={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},v={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},A={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},I={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},C=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],F={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},D={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[S,{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},M={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},R=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}];return{fragment:{argumentDefinitions:[n,a,l,t,i,r],kind:"Fragment",metadata:null,name:"TracesTableQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:[c,d,m,y],kind:"FragmentSpread",name:"TracesTable_spans"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,a,l,i,r,t],kind:"Operation",name:"TracesTableQuery",selections:[{alias:null,args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[g,{kind:"TypeDiscriminator",abstractKey:"__isNode"},f,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"spanAnnotationNames",storageKey:null},{alias:"rootSpans",args:p,concreteType:"SpanConnection",kind:"LinkedField",name:"spans",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"rootSpan",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[f,b,S,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},h,v,A,{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountCompletion",storageKey:null},I,{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:C,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:C,storageKey:null},F,D,M,{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"descendants",plural:!0,selections:[f,b,S,h,v,A,I,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"cumulativeTokenCountPrompt",args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:"cumulativeTokenCountCompletion",args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:R,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:R,storageKey:null},F,D,M],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[g],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:"rootSpans",args:p,filters:["sort","rootSpansOnly","filterCondition","timeRange"],handle:"connection",key:"TracesTable_rootSpans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"ff6f154ebd947c8c13ff48e2aab16bb2",id:null,metadata:{},name:"TracesTableQuery",operationKind:"query",text:`query TracesTableQuery(
|
|
2054
2054
|
$after: String = null
|
|
2055
2055
|
$filterCondition: String = null
|
|
2056
2056
|
$first: Int = 50
|
|
@@ -2155,16 +2155,16 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
2155
2155
|
}
|
|
2156
2156
|
id
|
|
2157
2157
|
}
|
|
2158
|
-
`}}}();
|
|
2158
|
+
`}}}();Si.hash="cdce1686ed383bdf21cbcc8bdcefe6e0";const vi=function(){var n=["rootSpans"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},i={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},o={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},d=[{alias:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],m={alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null}],storageKey:null},y={alias:null,args:null,concreteType:"SpanAnnotation",kind:"LinkedField",name:"spanAnnotations",plural:!0,selections:[t,{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},g={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},f=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"filterCondition"},{defaultValue:50,kind:"LocalArgument",name:"first"},{defaultValue:{col:"startTime",dir:"desc"},kind:"LocalArgument",name:"sort"},{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:Si,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"TracesTable_spans",selections:[{args:null,kind:"FragmentSpread",name:"SpanColumnSelector_annotations"},{alias:"rootSpans",args:[{kind:"Variable",name:"filterCondition",variableName:"filterCondition"},{kind:"Literal",name:"rootSpansOnly",value:!0},{kind:"Variable",name:"sort",variableName:"sort"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"SpanConnection",kind:"LinkedField",name:"__TracesTable_rootSpans_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"SpanEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"rootSpan",args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[a,l,t,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},i,r,o,{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountCompletion",storageKey:null},c,{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:d,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:d,storageKey:null},m,y,g,{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"descendants",plural:!0,selections:[a,l,t,i,r,o,c,{alias:"cumulativeTokenCountTotal",args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"cumulativeTokenCountPrompt",args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},{alias:"cumulativeTokenCountCompletion",args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:f,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:f,storageKey:null},m,y,g],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},a],type:"Project",abstractKey:null}}();vi.hash="cdce1686ed383bdf21cbcc8bdcefe6e0";const al=50;function Ki(n){const a=[];for(const l of n){const t={...l.span,children:Ki(l.children)};a.push(t)}return a}function rc(n){const a=u.useRef(null),[l,t]=u.useState({}),[i,r]=u.useState([]),[o,c]=u.useState(""),d=ae(),{fetchKey:m}=En(),{data:y,loadNext:g,hasNext:f,isLoadingNext:p,refetch:b}=L.usePaginationFragment(vi,n.project),S=Oe(_=>_.annotationColumnVisibility),h=u.useMemo(()=>Object.keys(S).filter(_=>S[_]),[S]),v=u.useMemo(()=>y.rootSpans.edges.map(({rootSpan:$})=>{const B=as([$,...$.descendants]),[Je]=Ki(B);return Je}),[y]),A=h.map(_=>({header:_,columns:[{header:"label",accessorKey:`${Qn}${Ae}label${Ae}${_}`,cell:({row:$})=>{const B=$.original.spanAnnotations.find(Je=>Je.name===_);return B?B.label:null}},{header:"score",accessorKey:`${Qn}${Ae}score${Ae}${_}`,cell:({row:$})=>{const B=$.original.spanAnnotations.find(Je=>Je.name===_);return B?B.score:null}}]})),I=[{header:()=>s(k,{direction:"row",gap:"size-50",children:[e("span",{children:"feedback"}),s(_n,{children:[e(te,{level:3,weight:"heavy",children:"Feedback"}),e(An,{children:"Feedback includes evaluations and human annotations logged via the API or set via the UI."})]})]}),accessorKey:"spanAnnotations",enableSorting:!1,cell:({row:_})=>{const $=_.original.spanAnnotations.length===0&&_.original.documentRetrievalMetrics.length===0;return s(k,{direction:"row",gap:"size-50",wrap:"wrap",children:[_.original.spanAnnotations.map(B=>e(Hn,{annotation:B,layout:"horizontal",width:"500px",extra:e(ni,{annotation:B}),children:e(cn,{annotation:B,annotationDisplayPreference:"label"})},B.name)),_.original.documentRetrievalMetrics.map(B=>s(u.Fragment,{children:[e(ye,{name:B.evaluationName,metric:"ndcg",score:B.ndcg},"ndcg"),e(ye,{name:B.evaluationName,metric:"precision",score:B.precision},"precision"),e(ye,{name:B.evaluationName,metric:"hit",score:B.hit},"hit")]},"doc-evals")),$?"--":null]})}},...A],C=[{id:"select",maxSize:10,header:({table:_})=>e($e,{checked:_.getIsAllRowsSelected(),indeterminate:_.getIsSomeRowsSelected(),onChange:_.getToggleAllRowsSelectedHandler()}),cell:({row:_})=>e($e,{checked:_.getIsSelected(),disabled:!_.getCanSelect(),indeterminate:_.getIsSomeSelected(),onChange:_.getToggleSelectedHandler()})},{header:()=>s(k,{gap:"size-50",direction:"row",alignItems:"center",children:[e(Ga,{isExpanded:O.getIsAllRowsExpanded(),onClick:O.getToggleAllRowsExpandedHandler(),"aria-label":"Expand all rows"}),"kind"]}),enableSorting:!1,accessorKey:"spanKind",maxSize:100,cell:_=>e("div",{css:K`
|
|
2159
2159
|
// Since rows are flattened by default,
|
|
2160
2160
|
// we can use the row.depth property
|
|
2161
2161
|
// and paddingLeft to visually indicate the depth
|
|
2162
2162
|
// of the row
|
|
2163
2163
|
padding-left: ${_.row.depth*2}rem;
|
|
2164
|
-
`,children:s(k,{gap:"size-50",children:[_.row.getCanExpand()?e(
|
|
2164
|
+
`,children:s(k,{gap:"size-50",children:[_.row.getCanExpand()?e(Ga,{isExpanded:_.row.getIsExpanded(),onClick:_.row.getToggleExpandedHandler(),"aria-label":"Expand row"}):null,e(Pa,{spanKind:_.getValue()})]})})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:_,row:$})=>{const{traceId:B}=$.original.context;return e(Ln,{to:`traces/${B}?selectedSpanNodeId=${$.original.id}`,children:_()})}},{header:"input",accessorKey:"input.value",enableSorting:!1,cell:ke},{header:"output",accessorKey:"output.value",enableSorting:!1,cell:ke},{header:"metadata",accessorKey:"metadata",enableSorting:!1,cell:ke},...I,{header:"start time",accessorKey:"startTime",cell:Pe},{header:"latency",accessorKey:"latencyMs",cell:({getValue:_})=>{const $=_();return $===null||typeof $!="number"?null:e(xe,{latencyMs:$})}},{header:"total tokens",minSize:80,accessorKey:"cumulativeTokenCountTotal",cell:({row:_,getValue:$})=>{const B=$();return B===null?"--":e(Ra,{tokenCountTotal:B,tokenCountPrompt:_.original.cumulativeTokenCountPrompt||0,tokenCountCompletion:_.original.cumulativeTokenCountCompletion||0})}},{header:"status",accessorKey:"statusCode",enableSorting:!1,cell:({getValue:_})=>e(sa,{statusCode:_()})}];u.useEffect(()=>{const _=i[0];u.startTransition(()=>{b({sort:_?fi(_):yi,after:null,first:al,filterCondition:o},{fetchPolicy:"store-and-network"})})},[i,b,o,m]);const F=De.useCallback(_=>{if(_){const{scrollHeight:$,scrollTop:B,clientHeight:Je}=_;$-B-Je<300&&!p&&f&&g(al)}},[f,p,g]),[D,M]=u.useState({}),R=Oe(_=>_.columnVisibility),O=me({columns:C,data:v,onExpandedChange:M,manualSorting:!0,getSubRows:_=>_.children,state:{sorting:i,expanded:D,columnVisibility:R,rowSelection:l},onRowSelectionChange:t,enableSubRowSelection:!1,onSortingChange:r,getCoreRowModel:ge(),getSortedRowModel:On(),getExpandedRowModel:br(),getRowId:_=>_.id}),U=O.getRowModel().rows,ee=O.getSelectedRowModel().flatRows,oe=ee.map(_=>_.original),de=u.useCallback(()=>{t({})},[t]),P=U.length===0,N=O.getAllColumns().filter(_=>_.columns.length===0);return s("div",{css:pi,children:[e(T,{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(oi,{onValidCondition:c}),e(ti,{columns:N,query:y})]})}),e("div",{css:K`
|
|
2165
2165
|
flex: 1 1 auto;
|
|
2166
2166
|
overflow: auto;
|
|
2167
|
-
`,onScroll:_=>
|
|
2167
|
+
`,onScroll:_=>F(_.target),ref:a,children:s("table",{css:In,children:[e("thead",{children:O.getHeaderGroups().map(_=>e("tr",{children:_.headers.map($=>e("th",{colSpan:$.colSpan,children:$.isPlaceholder?null:s("div",{"data-sortable":$.column.getCanSort(),className:$.column.getCanSort()?"cursor-pointer":"",onClick:$.column.getToggleSortingHandler(),style:{left:$.getStart(),width:$.getSize()},children:[H($.column.columnDef.header,$.getContext()),$.column.getIsSorted()?e(w,{className:"sort-icon",svg:$.column.getIsSorted()==="asc"?e(E.ArrowUpFilled,{}):e(E.ArrowDownFilled,{})}):null]})},$.id))},_.id))}),P?e(ai,{}):e("tbody",{children:U.map(_=>e("tr",{onClick:()=>d(`traces/${_.original.context.traceId}`),children:_.getVisibleCells().map($=>e("td",{children:H($.column.columnDef.cell,$.getContext())},$.id))},_.id))})]})}),ee.length?e(gi,{selectedSpans:oe,onClearSelection:de}):null]})}const sc=K`
|
|
2168
2168
|
flex: 1 1 auto;
|
|
2169
2169
|
display: flex;
|
|
2170
2170
|
flex-direction: column;
|
|
@@ -2190,7 +2190,7 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
2190
2190
|
}
|
|
2191
2191
|
}
|
|
2192
2192
|
}
|
|
2193
|
-
`;function
|
|
2193
|
+
`;function Uu(){const{projectId:n}=je(),{timeRange:a}=oa();return e(u.Suspense,{fallback:e(se,{}),children:e(oc,{projectId:n,timeRange:a})})}const Fi=zt;function oc({projectId:n,timeRange:a}){const l=u.useMemo(()=>({start:a.start.toISOString(),end:a.end.toISOString()}),[a]),t=L.useLazyLoadQuery(Vt,{id:n,timeRange:l},{fetchPolicy:"store-and-network"}),[i,r,o]=L.useQueryLoader(Fi),c=u.useCallback(d=>{d===1?r({id:n,timeRange:l}):o()},[o,r,n,l]);return s("main",{css:sc,children:[e(Bd,{project:t.project,extra:s(k,{direction:"row",alignItems:"center",gap:"size-100",children:[e(ic,{project:t.project}),e(Tl,{})]})}),s(fe,{onChange:c,children:[e(j,{name:"Traces",children:({isSelected:d})=>d&&e(el,{children:e(u.Suspense,{children:e(rc,{project:t.project})})})}),e(j,{name:"Spans",title:"Spans",children:({isSelected:d})=>d&&i&&e(el,{children:e(u.Suspense,{fallback:e(se,{}),children:e(dc,{queryReference:i})})})})]}),e(u.Suspense,{children:e(Fe,{})})]})}function dc({queryReference:n}){const a=L.usePreloadedQuery(Fi,n);return e(lc,{project:a.project})}const xi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null}],type:"Project",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"projectLoaderQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"projectLoaderQuery",selections:[{alias:"project",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l,t],storageKey:null}]},params:{cacheID:"04c84b5bc2a01477851d347af75dcc11",id:null,metadata:{},name:"projectLoaderQuery",operationKind:"query",text:`query projectLoaderQuery(
|
|
2194
2194
|
$id: GlobalID!
|
|
2195
2195
|
) {
|
|
2196
2196
|
project: node(id: $id) {
|
|
@@ -2201,71 +2201,71 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
2201
2201
|
}
|
|
2202
2202
|
}
|
|
2203
2203
|
}
|
|
2204
|
-
`}}}();
|
|
2204
|
+
`}}}();xi.hash="3d31e323c06df38ec2eaa6f3adb55e79";async function Wu(n){const{projectId:a}=n.params;return await L.fetchQuery(Ce,xi,{id:a}).toPromise()}const cc=K`
|
|
2205
2205
|
display: flex;
|
|
2206
2206
|
direction: row;
|
|
2207
2207
|
height: 100vh;
|
|
2208
2208
|
overflow: hidden;
|
|
2209
|
-
`,
|
|
2209
|
+
`,uc=K`
|
|
2210
2210
|
display: flex;
|
|
2211
2211
|
flex-direction: column;
|
|
2212
2212
|
flex: 1 1 auto;
|
|
2213
2213
|
height: 100%;
|
|
2214
2214
|
overflow: hidden;
|
|
2215
2215
|
padding-left: var(--px-nav-collapsed-width);
|
|
2216
|
-
`,
|
|
2216
|
+
`,mc=K`
|
|
2217
2217
|
flex: 1 1 auto;
|
|
2218
2218
|
display: flex;
|
|
2219
2219
|
flex-direction: column;
|
|
2220
2220
|
height: 100%;
|
|
2221
2221
|
overflow: hidden;
|
|
2222
|
-
`,
|
|
2222
|
+
`,gc=K`
|
|
2223
2223
|
display: flex;
|
|
2224
2224
|
flex-direction: column;
|
|
2225
2225
|
margin: 0;
|
|
2226
2226
|
list-style: none;
|
|
2227
2227
|
gap: var(--ac-global-dimension-size-50);
|
|
2228
2228
|
padding-inline-start: 0;
|
|
2229
|
-
`,
|
|
2229
|
+
`,pc=K`
|
|
2230
2230
|
display: flex;
|
|
2231
2231
|
flex-direction: column;
|
|
2232
2232
|
gap: var(--ac-global-dimension-size-50);
|
|
2233
|
-
`;function
|
|
2233
|
+
`;function Ju(){return s("div",{css:cc,"data-testid":"layout",children:[e(yc,{}),s("div",{css:uc,children:[e(ts,{children:e(ls,{})}),e("div",{"data-testid":"content",css:mc,children:e(u.Suspense,{fallback:e(se,{}),children:e(Fe,{})})})]})]})}function yc(){const n=u.useMemo(()=>window.Config.hasInferences,[]);return s(ds,{children:[e(is,{}),s(k,{direction:"column",justifyContent:"space-between",flex:"1 1 auto",children:[s("ul",{css:pc,children:[n&&e("li",{children:e(wn,{to:"/model",text:"Model",icon:e(w,{svg:e(E.CubeOutline,{})})})}),e("li",{children:e(wn,{to:"/projects",text:"Projects",icon:e(w,{svg:e(E.GridOutline,{})})})}),e("li",{children:e(wn,{to:"/datasets",text:"Datasets",icon:e(w,{svg:e(E.DatabaseOutline,{})})})}),e("li",{children:e(wn,{to:"/apis",text:"APIs",icon:e(w,{svg:e(E.Code,{})})})})]}),s("ul",{css:gc,children:[e("li",{children:e(wn,{to:"/settings",text:"Settings",icon:e(w,{svg:e(E.SettingsOutline,{})})})}),e("li",{children:e(rs,{})}),e("li",{children:e(ss,{})}),e("li",{children:e(os,{})})]})]})]})}function Xu(){const n=Sr(),a=u.useMemo(()=>n instanceof Error&&n.message==="Failed to fetch"?e(fc,{}):e(hc,{error:n}),[n]);return e("main",{css:K`
|
|
2234
2234
|
width: 100%;
|
|
2235
2235
|
height: 100%;
|
|
2236
2236
|
display: flex;
|
|
2237
2237
|
flex-direction: column;
|
|
2238
2238
|
align-items: center;
|
|
2239
2239
|
justify-content: center;
|
|
2240
|
-
`,children:e("section",{css:
|
|
2240
|
+
`,children:e("section",{css:K`
|
|
2241
2241
|
width: 500px;
|
|
2242
2242
|
/* Add spacing on the bottom so it gets pushed down */
|
|
2243
2243
|
margin-top: 200px;
|
|
2244
2244
|
display: flex;
|
|
2245
2245
|
flex-direction: column;
|
|
2246
|
-
`,children:a})})}function
|
|
2246
|
+
`,children:a})})}function fc(){return s(G,{children:[s(k,{direction:"column",width:"100%",alignItems:"center",children:[e(ca,{graphicKey:"not found"}),e("h1",{children:"Server disconnected"})]}),e("p",{children:"We are unable to reach the Phoenix server. Please ensure that Phoenix is running and try again."})]})}function hc({error:n}){return s(G,{children:[s(k,{direction:"column",width:"100%",alignItems:"center",children:[e(ca,{graphicKey:"error"}),e("h1",{children:"Something went wrong"})]}),e("p",{children:"We strive to do our very best but 🐛 bugs happen. It would mean a lot to us if you could file a an issue. If you feel comfortable, please include the error details below in your issue. We will get back to you as soon as we can."}),e("p",{css:K`
|
|
2247
2247
|
display: flex;
|
|
2248
2248
|
flex-direction: row;
|
|
2249
2249
|
justify-content: flex-end;
|
|
2250
2250
|
gap: var(--px-spacing-med);
|
|
2251
|
-
`,children:s("span",{css:
|
|
2251
|
+
`,children:s("span",{css:K`
|
|
2252
2252
|
display: inline-flex;
|
|
2253
2253
|
flex-direction: row;
|
|
2254
2254
|
align-items: baseline;
|
|
2255
2255
|
gap: 0.2em;
|
|
2256
|
-
`,children:["💙 the",e(
|
|
2256
|
+
`,children:["💙 the",e(tn,{href:"mailto:phoenix-devs@arize.com",children:"phoenix team"})]})}),s("div",{css:K`
|
|
2257
2257
|
display: flex;
|
|
2258
2258
|
flex-direction: row;
|
|
2259
2259
|
justify-content: flex-end;
|
|
2260
2260
|
align-items: center;
|
|
2261
2261
|
gap: var(--px-spacing-med);
|
|
2262
|
-
`,children:[e(
|
|
2262
|
+
`,children:[e(tn,{href:"https://github.com/Arize-ai/phoenix/issues/new?assignees=&labels=bug&template=bug_report.md&title=%5BBUG%5D",children:"file an issue with us"}),e(V,{variant:"primary",size:"compact",onClick:()=>{window.location.href="/"},children:"Return Home"})]}),s("details",{open:!0,children:[e("summary",{children:"error details"}),e("pre",{css:K`
|
|
2263
2263
|
white-space: pre-wrap;
|
|
2264
2264
|
overflow-wrap: break-word;
|
|
2265
2265
|
overflow: hidden;
|
|
2266
2266
|
overflow-y: auto;
|
|
2267
2267
|
max-height: 500px;
|
|
2268
|
-
`,children:n instanceof Error?n.message:null})]})]})}const
|
|
2268
|
+
`,children:n instanceof Error?n.message:null})]})]})}const Ti=function(){var n=[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null}],a=[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"primaryInferences",plural:!1,selections:n,storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"referenceInferences",plural:!1,selections:n,storageKey:null},{alias:null,args:null,concreteType:"Inferences",kind:"LinkedField",name:"corpusInferences",plural:!1,selections:n,storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ModelRootQuery",selections:a,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"ModelRootQuery",selections:a},params:{cacheID:"c3baccc5527002697b40a06eef432a4d",id:null,metadata:{},name:"ModelRootQuery",operationKind:"query",text:`query ModelRootQuery {
|
|
2269
2269
|
model {
|
|
2270
2270
|
primaryInferences {
|
|
2271
2271
|
name
|
|
@@ -2284,7 +2284,7 @@ fragment TracesTable_spans_1XEuU on Project {
|
|
|
2284
2284
|
}
|
|
2285
2285
|
}
|
|
2286
2286
|
}
|
|
2287
|
-
`}}}();
|
|
2287
|
+
`}}}();Ti.hash="b73d8f3f532a0c6f88863f3c6dd5734f";const kc=Ti;function Yu(){const n=L.useLazyLoadQuery(kc,{}),{model:{primaryInferences:a,referenceInferences:l,corpusInferences:t}}=n;return e(us,{primaryInferences:a,referenceInferences:l??null,corpusInferences:t??null,children:e(cs,{timeRangeBounds:{start:new Date(a.startTime),end:new Date(a.endTime)},children:e(Fe,{})})})}function Zu(){return e(Hd,{children:e(zd,{children:e(Fe,{})})})}function em(){return e(ms,{children:e(Fe,{})})}const Di=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"}],l={kind:"Variable",name:"timeRange",variableName:"timeRange"},t=[l];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectsPageProjectsQuery",selections:[{args:a,kind:"FragmentSpread",name:"ProjectsPageProjectsFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectsPageProjectsQuery",selections:[{alias:null,args:a,concreteType:"ProjectConnection",kind:"LinkedField",name:"projects",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"project",args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientStartColor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientEndColor",storageKey:null},{alias:null,args:t,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},l],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:t,kind:"ScalarField",name:"tokenCountTotal",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:a,filters:null,handle:"connection",key:"ProjectsPage_projects",kind:"LinkedHandle",name:"projects"}]},params:{cacheID:"dd65be0e4921fda8c7330e4b91d0d016",id:null,metadata:{},name:"ProjectsPageProjectsQuery",operationKind:"query",text:`query ProjectsPageProjectsQuery(
|
|
2288
2288
|
$after: String = null
|
|
2289
2289
|
$first: Int = 100
|
|
2290
2290
|
$timeRange: TimeRange
|
|
@@ -2316,7 +2316,7 @@ fragment ProjectsPageProjectsFragment_2HEEH6 on Query {
|
|
|
2316
2316
|
}
|
|
2317
2317
|
}
|
|
2318
2318
|
}
|
|
2319
|
-
`}}}();
|
|
2319
|
+
`}}}();Di.hash="720b12837ec779f66a493b8c4f993cba";const Ci=function(){var n=["projects"],a={kind:"Variable",name:"timeRange",variableName:"timeRange"},l=[a];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{kind:"RootArgument",name:"timeRange"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:[],operation:Di}},name:"ProjectsPageProjectsFragment",selections:[{alias:"projects",args:null,concreteType:"ProjectConnection",kind:"LinkedField",name:"__ProjectsPage_projects_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"project",args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientStartColor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientEndColor",storageKey:null},{alias:null,args:l,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},a],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:l,kind:"ScalarField",name:"tokenCountTotal",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null}}();Ci.hash="720b12837ec779f66a493b8c4f993cba";const Ii=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],a=[{kind:"Literal",name:"first",value:100}],l={kind:"Variable",name:"timeRange",variableName:"timeRange"},t=[l];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectsPageQuery",selections:[{args:null,kind:"FragmentSpread",name:"ProjectsPageProjectsFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectsPageQuery",selections:[{alias:null,args:a,concreteType:"ProjectConnection",kind:"LinkedField",name:"projects",plural:!1,selections:[{alias:null,args:null,concreteType:"ProjectEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"project",args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientStartColor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"gradientEndColor",storageKey:null},{alias:null,args:t,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},l],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:null,args:t,kind:"ScalarField",name:"tokenCountTotal",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"projects(first:100)"},{alias:null,args:a,filters:null,handle:"connection",key:"ProjectsPage_projects",kind:"LinkedHandle",name:"projects"}]},params:{cacheID:"e510243be5e7bcef0561820e0515c779",id:null,metadata:{},name:"ProjectsPageQuery",operationKind:"query",text:`query ProjectsPageQuery(
|
|
2320
2320
|
$timeRange: TimeRange!
|
|
2321
2321
|
) {
|
|
2322
2322
|
...ProjectsPageProjectsFragment
|
|
@@ -2346,40 +2346,40 @@ fragment ProjectsPageProjectsFragment on Query {
|
|
|
2346
2346
|
}
|
|
2347
2347
|
}
|
|
2348
2348
|
}
|
|
2349
|
-
`}}}();
|
|
2349
|
+
`}}}();Ii.hash="c28f5ced0b3ec4b3b8277d0aac29de2d";const Li=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"Query",kind:"LinkedField",name:"clearProject",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectActionMenuClearMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectActionMenuClearMutation",selections:a},params:{cacheID:"63319b4e42b499db2447817f1dc821fb",id:null,metadata:{},name:"ProjectActionMenuClearMutation",operationKind:"mutation",text:`mutation ProjectActionMenuClearMutation(
|
|
2350
2350
|
$input: ClearProjectInput!
|
|
2351
2351
|
) {
|
|
2352
2352
|
clearProject(input: $input) {
|
|
2353
2353
|
__typename
|
|
2354
2354
|
}
|
|
2355
2355
|
}
|
|
2356
|
-
`}}}();
|
|
2356
|
+
`}}}();Li.hash="c43eec4d6b882468c611dd9ebf3b095e";const Ai=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"projectId"}],a=[{alias:null,args:[{kind:"Variable",name:"id",variableName:"projectId"}],concreteType:"Query",kind:"LinkedField",name:"deleteProject",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ProjectActionMenuDeleteMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ProjectActionMenuDeleteMutation",selections:a},params:{cacheID:"8b00ab3aaef4c5fb3de24f7295d38499",id:null,metadata:{},name:"ProjectActionMenuDeleteMutation",operationKind:"mutation",text:`mutation ProjectActionMenuDeleteMutation(
|
|
2357
2357
|
$projectId: GlobalID!
|
|
2358
2358
|
) {
|
|
2359
2359
|
deleteProject(id: $projectId) {
|
|
2360
2360
|
__typename
|
|
2361
2361
|
}
|
|
2362
2362
|
}
|
|
2363
|
-
`}}}();
|
|
2363
|
+
`}}}();Ai.hash="3bf82e90b3f2d3485b4efb954e30b2cf";const _i=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"Query",kind:"LinkedField",name:"clearProject",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"RemoveProjectDataFormMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"RemoveProjectDataFormMutation",selections:a},params:{cacheID:"1b27a3f7535c3f3943b0f2248d1505a6",id:null,metadata:{},name:"RemoveProjectDataFormMutation",operationKind:"mutation",text:`mutation RemoveProjectDataFormMutation(
|
|
2364
2364
|
$input: ClearProjectInput!
|
|
2365
2365
|
) {
|
|
2366
2366
|
clearProject(input: $input) {
|
|
2367
2367
|
__typename
|
|
2368
2368
|
}
|
|
2369
2369
|
}
|
|
2370
|
-
`}}}();
|
|
2370
|
+
`}}}();_i.hash="212501fe2d6367ec1503bd7a00c1730f";const bc=24*60*60*1e3,Sc=30*bc;function vc(n){const{projectId:a}=n,l=u.useRef(null),[t,i]=L.useMutation(_i),{control:r,handleSubmit:o,setError:c,formState:{isValid:d}}=on({defaultValues:{endDate:new Date(Date.now()-Sc).toISOString().slice(0,16)}}),m=u.useCallback(y=>{const g=cl(y.endDate);if(!ul(g))return c("endDate",{message:"Date is not in a valid format"});t({variables:{input:{id:a,endTime:new Date(g).toISOString()}},onCompleted:()=>{n.onComplete()},onError:f=>{alert("Failed to clear project traces: "+f)}})},[t,a,n,c]);return s("form",{onSubmit:o(m),ref:l,children:[s(T,{padding:"size-200",children:[e(x,{color:"danger",children:"You are about to remove all data before the following date. This cannot be undone."}),e(W,{name:"endDate",control:r,rules:{required:"field is required"},render:({field:{name:y,onChange:g,onBlur:f,value:p},fieldState:{invalid:b,error:S}})=>e(le,{label:"End Date",type:"datetime-local",name:y,description:"The date up to which you want to remove data",errorMessage:S==null?void 0:S.message,validationState:b?"invalid":"valid",onChange:g,onBlur:f,defaultValue:p})})]}),e(T,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",children:e(V,{type:"submit",variant:"danger",isDisabled:!d,size:"compact",loading:i,onClick:()=>{var y;(y=l.current)==null||y.requestSubmit()},children:i?"Removing...":"Remove Data"})})})]})}function Kc({projectId:n,projectName:a,onProjectDelete:l,onProjectClear:t,onProjectRemoveData:i}){const[r,o]=u.useState(null),c=a!=="default",[d]=L.useMutation(Ai),[m]=L.useMutation(Li),y=u.useCallback(()=>{u.startTransition(()=>{d({variables:{projectId:n}}),l()})},[d,n,l]),g=u.useCallback(()=>{u.startTransition(()=>{m({variables:{input:{id:n}},onCompleted:()=>{t()},onError:S=>{alert("Failed to clear project: "+S)}})})},[m,n,t]),f=u.useCallback(()=>{o(s(q,{size:"S",title:"Delete Project",children:[e(T,{padding:"size-200",children:e(x,{color:"danger",children:`Are you sure you want to delete project ${a}? This cannot be undone.`})}),e(T,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",children:e(V,{variant:"danger",onClick:()=>{y(),o(null)},children:"Delete Project"})})})]}))},[y,a]),p=u.useCallback(()=>{o(s(q,{size:"S",title:"Clear Project",children:[e(T,{padding:"size-200",children:e(x,{color:"danger",children:`Are you sure you want to clear project ${a}? All traces and evaluations for this project will be deleted. This cannot be undone.`})}),e(T,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",children:e(V,{variant:"danger",onClick:()=>{g(),o(null)},children:"Clear"})})})]}))},[g,a]),b=u.useCallback(()=>{o(e(q,{size:"M",title:"Remove Data",children:e(vc,{projectId:n,onComplete:()=>{i(),o(null)}})}))},[i,n]);return s("div",{onClick:S=>{S.preventDefault(),S.stopPropagation()},children:[s(Be,{buttonVariant:"quiet",align:"end",onAction:S=>{switch(S){case"deleteProject":return f();case"clearProject":return p();case"removeProjectData":return b()}},disabledKeys:c?[]:["deleteProject"],children:[e(J,{textValue:"Clear Traces",children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(E.Refresh,{})}),e(x,{children:"Clear Data"})]})},"clearProject"),e(J,{textValue:"Remove Data",children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(E.CloseCircleOutline,{})}),e(x,{children:"Remove Data"})]})},"removeProjectData"),c?e(J,{children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(E.TrashOutline,{})}),e(x,{children:"Delete"})]})},"deleteProject"):null]}),e(Y,{type:"modal",isDismissable:!0,onDismiss:()=>o(null),children:r})]})}const Fc=1e4,xc=100;function nm(){const{timeRange:n}=oa();return e(u.Suspense,{fallback:e(se,{}),children:e(Tc,{timeRange:n})})}function Tc({timeRange:n}){const[a,l]=vs(),t=u.useMemo(()=>({start:n.start.toISOString(),end:n.end.toISOString()}),[n]),i=L.useLazyLoadQuery(Ii,{timeRange:t}),{data:r,loadNext:o,hasNext:c,isLoadingNext:d,refetch:m}=L.usePaginationFragment(Ci,i),y=r.projects.edges.map(h=>h.project),g=u.useRef(null),f=u.useCallback(h=>{if(h){const{scrollHeight:v,scrollTop:A,clientHeight:I}=h;v-A-I<300&&!d&&c&&o(xc)}},[c,d,o]);bi(()=>{u.startTransition(()=>{m({},{fetchPolicy:"store-and-network"})})},Fc);const p=u.useCallback(h=>{u.startTransition(()=>{m({},{fetchPolicy:"store-and-network"}),a({variant:"success",title:"Project Deleted",message:`Project ${h} has been deleted.`})})},[a,m]),b=u.useCallback(h=>{u.startTransition(()=>{m({},{fetchPolicy:"store-and-network"}),a({variant:"success",title:"Project Cleared",message:`Project ${h} has been cleared of traces.`})})},[a,m]),S=u.useCallback(h=>{u.startTransition(()=>{m({},{fetchPolicy:"store-and-network"}),a({variant:"success",title:"Project Data Removed",message:`Old data from project ${h} have been removed.`})})},[a,m]);return s("div",{css:K`
|
|
2371
2371
|
flex: 1 1 auto;
|
|
2372
2372
|
overflow-y: auto;
|
|
2373
2373
|
overflow-x: hidden;
|
|
2374
2374
|
padding-bottom: var(--ac-global-dimension-size-750);
|
|
2375
|
-
`,onScroll:h=>f(h.target),ref:g,children:[e(T,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",width:"100%",borderBottomColor:"grey-200",borderBottomWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",children:e(
|
|
2375
|
+
`,onScroll:h=>f(h.target),ref:g,children:[e(T,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",width:"100%",borderBottomColor:"grey-200",borderBottomWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",children:e(Tl,{})})}),e(T,{padding:"size-200",width:"100%",children:e("ul",{css:K`
|
|
2376
2376
|
display: flex;
|
|
2377
2377
|
flex-direction: row;
|
|
2378
2378
|
gap: var(--ac-global-dimension-size-200);
|
|
2379
2379
|
flex-wrap: wrap;
|
|
2380
|
-
`,children:
|
|
2380
|
+
`,children:y.map(h=>e("li",{children:e(Ln,{to:`/projects/${h.id}`,css:K`
|
|
2381
2381
|
text-decoration: none;
|
|
2382
|
-
`,children:e(
|
|
2382
|
+
`,children:e(Cc,{project:h,onProjectDelete:()=>p(h.name),onProjectClear:()=>b(h.name),onProjectRemoveData:()=>S(h.name)})})},h.id))})}),l]})}function Dc({gradientStartColor:n,gradientEndColor:a}){return e("div",{css:K`
|
|
2383
2383
|
border-radius: 50%;
|
|
2384
2384
|
width: 32px;
|
|
2385
2385
|
height: 32px;
|
|
@@ -2389,7 +2389,7 @@ fragment ProjectsPageProjectsFragment on Query {
|
|
|
2389
2389
|
${a} 84.38%
|
|
2390
2390
|
);
|
|
2391
2391
|
flex-shrink: 0;
|
|
2392
|
-
`})}function
|
|
2392
|
+
`})}function Cc({project:n,onProjectDelete:a,onProjectClear:l,onProjectRemoveData:t}){const{endTime:i,traceCount:r,tokenCountTotal:o,latencyMsP50:c,gradientStartColor:d,gradientEndColor:m}=n,y=u.useMemo(()=>i?`Last updated ${vr(new Date(i),new Date,{addSuffix:!0})}`:"No traces uploaded yet.",[i]);return s("div",{css:K`
|
|
2393
2393
|
padding: var(--ac-global-dimension-size-200);
|
|
2394
2394
|
border: 1px solid var(--ac-global-color-grey-400);
|
|
2395
2395
|
background-color: var(--ac-global-color-grey-100);
|
|
@@ -2403,11 +2403,11 @@ fragment ProjectsPageProjectsFragment on Query {
|
|
|
2403
2403
|
display: flex;
|
|
2404
2404
|
flex-direction: column;
|
|
2405
2405
|
justify-content: space-between;
|
|
2406
|
-
`,children:[s(k,{direction:"row",justifyContent:"space-between",alignItems:"start",children:[s(k,{direction:"row",gap:"size-100",alignItems:"center",minWidth:0,children:[e(
|
|
2406
|
+
`,children:[s(k,{direction:"row",justifyContent:"space-between",alignItems:"start",children:[s(k,{direction:"row",gap:"size-100",alignItems:"center",minWidth:0,children:[e(Dc,{gradientStartColor:d,gradientEndColor:m}),s(k,{direction:"column",minWidth:0,children:[e(te,{level:2,css:K`
|
|
2407
2407
|
overflow: hidden;
|
|
2408
2408
|
white-space: nowrap;
|
|
2409
2409
|
text-overflow: ellipsis;
|
|
2410
|
-
`,children:n.name}),e(x,{color:"text-700",textSize:"small",fontStyle:"italic",children:
|
|
2410
|
+
`,children:n.name}),e(x,{color:"text-700",textSize:"small",fontStyle:"italic",children:y})]})]}),e(Kc,{projectId:n.id,projectName:n.name,onProjectDelete:a,onProjectClear:l,onProjectRemoveData:t})]}),s(k,{direction:"row",justifyContent:"space-between",children:[s(k,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Traces"}),e(x,{textSize:"xlarge",children:rn(r)})]}),s(k,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Tokens"}),e(x,{textSize:"xlarge",children:rn(o)})]}),s(k,{direction:"column",flex:"none",children:[e(x,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency P50"}),c!=null?e(xe,{latencyMs:c,textSize:"xlarge"}):e(x,{textSize:"xlarge",children:"--"})]})]})]})}const Ei=function(){var n=[{kind:"Literal",name:"first",value:100},{kind:"Literal",name:"sort",value:{col:"createdAt",dir:"desc"}}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"DatasetsPageQuery",selections:[{args:null,kind:"FragmentSpread",name:"DatasetsTable_datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"DatasetsPageQuery",selections:[{alias:null,args:n,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"experimentCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:'datasets(first:100,sort:{"col":"createdAt","dir":"desc"})'},{alias:null,args:n,filters:["sort"],handle:"connection",key:"DatasetsTable_datasets",kind:"LinkedHandle",name:"datasets"}]},params:{cacheID:"695b221e981c4795492d79faa7d007e4",id:null,metadata:{},name:"DatasetsPageQuery",operationKind:"query",text:`query DatasetsPageQuery {
|
|
2411
2411
|
...DatasetsTable_datasets
|
|
2412
2412
|
}
|
|
2413
2413
|
|
|
@@ -2432,13 +2432,13 @@ fragment DatasetsTable_datasets on Query {
|
|
|
2432
2432
|
}
|
|
2433
2433
|
}
|
|
2434
2434
|
}
|
|
2435
|
-
`}}}();
|
|
2436
|
-
`);return a.length>0?a[0].split(",").map(l=>l.trim()):[]}function
|
|
2435
|
+
`}}}();Ei.hash="985853a7939f44c0cefdd1a91472c67e";function Ic(n){const a=n.split(`
|
|
2436
|
+
`);return a.length>0?a[0].split(",").map(l=>l.trim()):[]}function Lc(n){const{onDatasetCreated:a,onDatasetCreateError:l}=n,[t,i]=u.useState([]),{control:r,handleSubmit:o,resetField:c,formState:{isDirty:d,isValid:m}}=on({defaultValues:{name:"Dataset "+new Date().toISOString(),input_keys:[],output_keys:[],metadata_keys:[],description:"",metadata:{}}}),y=u.useCallback(g=>{const f=new FormData;return f.append("file",g.file[0]),f.append("name",g.name),f.append("description",g.description),f.append("metadata",JSON.stringify(g.metadata)),g.input_keys.forEach(p=>{f.append("input_keys[]",p)}),g.output_keys.forEach(p=>{f.append("output_keys[]",p)}),g.metadata_keys.forEach(p=>{f.append("metadata_keys[]",p)}),fetch("/v1/datasets/upload?sync=true",{method:"POST",body:f}).then(p=>{if(!p.ok)throw l(new Error(p.statusText||"Failed to create dataset"));return p.json()}).then(p=>{a({name:g.name,id:p.data.dataset_id})})},[l,a]);return s(Kn,{onSubmit:o(y),children:[s("div",{css:K`
|
|
2437
2437
|
padding: var(--ac-global-dimension-size-200);
|
|
2438
2438
|
.ac-dropdown-button {
|
|
2439
2439
|
width: 100%;
|
|
2440
2440
|
}
|
|
2441
|
-
`,children:[e(
|
|
2441
|
+
`,children:[e(W,{name:"name",control:r,rules:{required:"field is required"},render:({field:{onChange:g,onBlur:f,value:p},fieldState:{invalid:b,error:S}})=>e(le,{label:"Dataset Name",description:"The name of the dataset",errorMessage:S==null?void 0:S.message,validationState:b?"invalid":"valid",onChange:g,onBlur:f,value:p.toString()})}),e(W,{name:"description",control:r,render:({field:{onChange:g,onBlur:f,value:p},fieldState:{invalid:b,error:S}})=>e(Jn,{label:"description",placeholder:"Description of the dataset",isRequired:!1,height:100,errorMessage:S==null?void 0:S.message,validationState:b?"invalid":"valid",onChange:g,onBlur:f,value:p.toString()})}),e(W,{control:r,name:"file",rules:{required:"CSV file is required"},render:({field:{value:g,onChange:f,...p},fieldState:{invalid:b,error:S}})=>e(ua,{label:"CSV file",validationState:b?"invalid":"valid",errorMessage:S==null?void 0:S.message,children:e("input",{...p,onChange:h=>{var A;f(h.target.files),c("input_keys"),c("output_keys"),c("metadata_keys");const v=(A=h.target.files)==null?void 0:A[0];if(v){const I=new FileReader;I.onload=function(C){if(!C.target)return;const F=C.target.result,D=Ic(F);i(D)},I.readAsText(v)}},type:"file",id:"file",accept:".csv"})})}),e(W,{name:"input_keys",control:r,rules:{required:"field is required"},render:({field:{value:g,onChange:f},fieldState:{invalid:p,error:b}})=>e(Sa,{label:"input keys",validationState:p?"invalid":"valid",description:"the columns to use as input",columns:t,selectedColumns:g,onChange:f,errorMessage:b==null?void 0:b.message})}),e(W,{name:"output_keys",control:r,render:({field:{value:g,onChange:f},fieldState:{invalid:p,error:b}})=>e(Sa,{label:"output keys",validationState:p?"invalid":"valid",description:"the columns to use as output",columns:t,selectedColumns:g,onChange:f,errorMessage:b==null?void 0:b.message})}),e(W,{name:"metadata_keys",control:r,render:({field:{value:g,onChange:f},fieldState:{invalid:p,error:b}})=>e(Sa,{label:"metadata keys",validationState:p?"invalid":"valid",description:"the columns to use as metadata",columns:t,selectedColumns:g,onChange:f,errorMessage:b==null?void 0:b.message})})]}),e(T,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",children:e(V,{type:"submit",isDisabled:!m,variant:d?"primary":"default",size:"compact",loading:!1,children:"Create Dataset"})})})]})}function Sa(n){const{columns:a,selectedColumns:l,onChange:t,label:i,validationState:r,description:o,errorMessage:c,...d}=n,m=a.length===0,y=u.useMemo(()=>m?"No columns to select":l.length>0?`${l.join(", ")}`:"No columns selected",[l,m]);return e(ua,{label:i,isDisabled:m,validationState:r,description:o,errorMessage:c,children:e(za,{isDisabled:m,...d,menu:e(Un,{selectionMode:"multiple",onSelectionChange:g=>{t(Array.from(g))},selectedKeys:new Set(l),children:a.map(g=>e(J,{children:g},g))}),triggerProps:{placement:"bottom end"},children:y})})}const Ri=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:{col:"createdAt",dir:"desc"},kind:"LocalArgument",name:"sort"}],a=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"},{kind:"Variable",name:"sort",variableName:"sort"}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DatasetsTableDatasetsQuery",selections:[{args:a,kind:"FragmentSpread",name:"DatasetsTable_datasets"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DatasetsTableDatasetsQuery",selections:[{alias:null,args:a,concreteType:"DatasetConnection",kind:"LinkedField",name:"datasets",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"experimentCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:a,filters:["sort"],handle:"connection",key:"DatasetsTable_datasets",kind:"LinkedHandle",name:"datasets"}]},params:{cacheID:"5ac1688f54e51f9bb3247c83e23d98fb",id:null,metadata:{},name:"DatasetsTableDatasetsQuery",operationKind:"query",text:`query DatasetsTableDatasetsQuery(
|
|
2442
2442
|
$after: String = null
|
|
2443
2443
|
$first: Int = 100
|
|
2444
2444
|
$sort: DatasetSort = {col: createdAt, dir: desc}
|
|
@@ -2467,17 +2467,17 @@ fragment DatasetsTable_datasets_dWkdd on Query {
|
|
|
2467
2467
|
}
|
|
2468
2468
|
}
|
|
2469
2469
|
}
|
|
2470
|
-
`}}}();
|
|
2470
|
+
`}}}();Ri.hash="fa378bc7ec26f5e877e6cf90e5ee553d";const wi=function(){var n=["datasets"];return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:{col:"createdAt",dir:"desc"},kind:"LocalArgument",name:"sort"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:[],operation:Ri}},name:"DatasetsTable_datasets",selections:[{alias:"datasets",args:[{kind:"Variable",name:"sort",variableName:"sort"}],concreteType:"DatasetConnection",kind:"LinkedField",name:"__DatasetsTable_datasets_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"experimentCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null}],type:"Query",abstractKey:null}}();wi.hash="fa378bc7ec26f5e877e6cf90e5ee553d";const Pi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{alias:null,args:[{fields:[{kind:"Variable",name:"datasetId",variableName:"datasetId"}],kind:"ObjectValue",name:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"deleteDataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DeleteDatasetDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DeleteDatasetDialogMutation",selections:a},params:{cacheID:"3d32b97acd630dd7dbc9c85a632a1d49",id:null,metadata:{},name:"DeleteDatasetDialogMutation",operationKind:"mutation",text:`mutation DeleteDatasetDialogMutation(
|
|
2471
2471
|
$datasetId: GlobalID!
|
|
2472
2472
|
) {
|
|
2473
2473
|
deleteDataset(input: {datasetId: $datasetId}) {
|
|
2474
2474
|
__typename
|
|
2475
2475
|
}
|
|
2476
2476
|
}
|
|
2477
|
-
`}}}();
|
|
2477
|
+
`}}}();Pi.hash="7066cca7015a7e344b77862b0bdab21c";function Ac({datasetId:n,datasetName:a,onDatasetDelete:l,onDatasetDeleteError:t}){const[i,r]=L.useMutation(Pi),o=u.useCallback(()=>{u.startTransition(()=>{i({variables:{datasetId:n},onCompleted:()=>{l()},onError:c=>{t(c)}})})},[i,n,l,t]);return s(q,{size:"S",title:"Delete Dataset",children:[e(T,{padding:"size-200",children:e(x,{color:"danger",children:`Are you sure you want to delete dataset ${a}? This will also delete all associated experiments and traces, and it cannot be undone.`})}),e(T,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",children:e(V,{variant:"danger",onClick:()=>{o()},disabled:r,loading:r,children:"Delete Dataset"})})})]})}function _c({datasetName:n,datasetId:a,datasetDescription:l,datasetMetadata:t,onDatasetEdited:i,onDatasetEditError:r}){return e(q,{title:"Edit Dataset",size:"M",children:e(gs,{datasetName:n,datasetId:a,datasetDescription:l,datasetMetadata:t,onDatasetEdited:i,onDatasetEditError:r})})}function Ec(n){const{datasetId:a,datasetName:l,datasetDescription:t,datasetMetadata:i,onDatasetDelete:r,onDatasetDeleteError:o,onDatasetEdit:c,onDatasetEditError:d}=n,[m,y]=u.useState(null),g=u.useCallback(()=>{y(e(Ac,{datasetId:a,datasetName:l,onDatasetDelete:()=>{r(),y(null)},onDatasetDeleteError:o}))},[a,l,r,o]),f=u.useCallback(()=>{y(e(_c,{datasetId:a,datasetName:l,datasetDescription:t,datasetMetadata:i,onDatasetEdited:()=>{c(),y(null)},onDatasetEditError:d}))},[t,a,i,l,c,d]);return s("div",{onClick:p=>{p.preventDefault(),p.stopPropagation()},children:[s(Be,{align:"end",buttonSize:"compact",onAction:p=>{switch(p){case"deleteDataset":g();break;case"editDataset":f();break}},children:[e(J,{children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(E.TrashOutline,{})}),e(x,{children:"Delete"})]})},"deleteDataset"),e(J,{children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(E.Edit2Outline,{})}),e(x,{children:"Edit"})]})},"editDataset")]}),e(Y,{type:"modal",isDismissable:!0,onDismiss:()=>y(null),children:m})]})}const ll=100;function Rc(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 wc(n){const[a,l]=u.useState([]),t=u.useRef(null),i=ae(),r=Se(),o=Gn(),{data:c,loadNext:d,hasNext:m,isLoadingNext:y,refetch:g}=L.usePaginationFragment(wi,n.query),f=u.useMemo(()=>c.datasets.edges.map(v=>v.node),[c]),p=De.useCallback(v=>{if(v){const{scrollHeight:A,scrollTop:I,clientHeight:C}=v;A-I-C<300&&!y&&m&&d(ll)}},[m,y,d]),b=me({columns:[{header:"name",accessorKey:"name",cell:({row:v})=>{const I=v.original.experimentCount>0?`${v.original.id}/experiments`:`${v.original.id}/examples`;return e(Ln,{to:I,children:v.original.name})}},{header:"description",accessorKey:"description",enableSorting:!1},{header:"created at",accessorKey:"createdAt",cell:Pe},{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:Sn},{header:"",id:"actions",enableSorting:!1,size:10,cell:({row:v})=>e(Ec,{datasetId:v.original.id,datasetName:v.original.name,datasetDescription:v.original.description,datasetMetadata:v.original.metadata,onDatasetEdit:()=>{r({title:"Dataset updated",message:`${v.original.name} has been successfully updated.`}),g({},{fetchPolicy:"store-and-network"})},onDatasetEditError:A=>{o({title:"Dataset update failed",message:A.message})},onDatasetDelete:()=>{r({title:"Dataset deleted",message:`${v.original.name} has been successfully deleted.`}),g({},{fetchPolicy:"store-and-network"})},onDatasetDeleteError:A=>{o({title:"Dataset deletion failed",message:A.message})}})}],data:f,state:{sorting:a},getCoreRowModel:ge(),getSortedRowModel:On(),onSortingChange:l,manualSorting:!0});u.useEffect(()=>{const v=a[0];u.startTransition(()=>{g({sort:v?Rc(v):{col:"createdAt",dir:"desc"},after:null,first:ll},{fetchPolicy:"store-and-network"})})},[a,g]);const S=b.getRowModel().rows,h=S.length===0;return e("div",{css:K`
|
|
2478
2478
|
flex: 1 1 auto;
|
|
2479
2479
|
overflow: auto;
|
|
2480
|
-
`,onScroll:v=>
|
|
2480
|
+
`,onScroll:v=>p(v.target),ref:t,children:s("table",{css:In,children:[e("thead",{children:b.getHeaderGroups().map(v=>e("tr",{children:v.headers.map(A=>{var I;return e("th",{colSpan:A.colSpan,children:A.isPlaceholder?null:s("div",{className:A.column.getCanSort()?"cursor-pointer":"",onClick:A.column.getToggleSortingHandler(),style:{textAlign:(I=A.column.columnDef.meta)==null?void 0:I.textAlign},children:[H(A.column.columnDef.header,A.getContext()),A.column.getIsSorted()?e(w,{className:"sort-icon",svg:A.column.getIsSorted()==="asc"?e(E.ArrowUpFilled,{}):e(E.ArrowDownFilled,{})}):null]})},A.id)})},v.id))}),h?e(un,{}):e("tbody",{children:S.map(v=>e("tr",{onClick:()=>{const I=v.original.experimentCount>0?`${v.original.id}/experiments`:`${v.original.id}/examples`;i(I)},children:v.getVisibleCells().map(A=>{var I;return e("td",{align:(I=A.column.columnDef.meta)==null?void 0:I.textAlign,children:H(A.column.columnDef.cell,A.getContext())},A.id)})},v.id))})]})})}function am(){return e(u.Suspense,{fallback:e(se,{}),children:e(Pc,{})})}function Pc(){const[n,a]=u.useState(0),l=L.useLazyLoadQuery(Ei,{},{fetchKey:n,fetchPolicy:"store-and-network"}),t=u.useCallback(()=>{a(i=>i+1)},[a]);return s(k,{direction:"column",height:"100%",children:[e(T,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",flex:"none",children:s(k,{direction:"row",justifyContent:"space-between",children:[e(te,{level:1,children:"Datasets"}),e(Mc,{onDatasetCreated:t})]})}),e(wc,{query:l})]})}function Mc({onDatasetCreated:n}){const a=ae(),l=Se(),t=Gn(),[i,r]=u.useState(null),o=()=>{r(e(q,{size:"S",title:"New Dataset",children:e(wa,{onDatasetCreated:d=>{l({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=>{t({title:"Dataset creation failed",message:d.message})}})}))},c=()=>{r(e(q,{size:"M",title:"New Dataset from CSV",children:e(Lc,{onDatasetCreated:d=>{l({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=>{t({title:"Dataset creation failed",message:d.message})}})}))};return s(G,{children:[s(Be,{buttonText:"Create Dataset",align:"end",icon:e(w,{svg:e(E.DatabaseOutline,{})}),onAction:d=>{switch(d){case"newDataset":o();break;case"datasetFromCSV":c();break}},children:[e(J,{children:"New Dataset"},"newDataset"),e(J,{children:"Dataset from CSV"},"datasetFromCSV")]}),e(Y,{type:"modal",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}const Mi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{kind:"Variable",name:"id",variableName:"datasetId"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={kind:"InlineFragment",selections:[{alias:"latestVersions",args:[{kind:"Literal",name:"first",value:1},{kind:"Literal",name:"sort",value:{col:"createdAt",dir:"desc"}}],concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"version",args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'versions(first:1,sort:{"col":"createdAt","dir":"desc"})'}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"datasetStore_latestVersionQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,t],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"datasetStore_latestVersionQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l,t],storageKey:null}]},params:{cacheID:"d7075240e4dae8871997e57616c05302",id:null,metadata:{},name:"datasetStore_latestVersionQuery",operationKind:"query",text:`query datasetStore_latestVersionQuery(
|
|
2481
2481
|
$datasetId: GlobalID!
|
|
2482
2482
|
) {
|
|
2483
2483
|
dataset: node(id: $datasetId) {
|
|
@@ -2496,32 +2496,32 @@ fragment DatasetsTable_datasets_dWkdd on Query {
|
|
|
2496
2496
|
}
|
|
2497
2497
|
}
|
|
2498
2498
|
}
|
|
2499
|
-
`}}}();
|
|
2499
|
+
`}}}();Mi.hash="a1349b92d8b0c745f5e8039c55b048c7";const Nc=n=>{const a=(l,t)=>({...n,isRefreshingLatestVersion:!1,refreshLatestVersion:async()=>{const i=t();l({isRefreshingLatestVersion:!0});const r=await $c({datasetId:i.datasetId});l({latestVersion:r,isRefreshingLatestVersion:!1})}});return Kr()(Fr(a))};async function $c({datasetId:n}){var i;const a=await L.fetchQuery(Ce,Mi,{datasetId:n}).toPromise(),l=(i=a==null?void 0:a.dataset.latestVersions)==null?void 0:i.edges;return l&&l.length&&l[0].version||null}const Ni=u.createContext(null);function Vc({children:n,...a}){const l=u.useRef();return l.current||(l.current=Nc(a)),e(Ni.Provider,{value:l.current,children:n})}function sn(n,a){const l=u.useContext(Ni);if(!l)throw new Error("Missing DatasetContext.Provider in the tree");return dl(l,n,a)}const $i=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"addExamplesToDataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"AddDatasetExampleDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"AddDatasetExampleDialogMutation",selections:a},params:{cacheID:"718cf02ccb39b279132822bf503e51e6",id:null,metadata:{},name:"AddDatasetExampleDialogMutation",operationKind:"mutation",text:`mutation AddDatasetExampleDialogMutation(
|
|
2500
2500
|
$input: AddExamplesToDatasetInput!
|
|
2501
2501
|
) {
|
|
2502
2502
|
addExamplesToDataset(input: $input) {
|
|
2503
2503
|
__typename
|
|
2504
2504
|
}
|
|
2505
2505
|
}
|
|
2506
|
-
`}}}()
|
|
2506
|
+
`}}}();$i.hash="8d99470f590cd5d28701fa6e3c0330e6";const va={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function zc(n){const{datasetId:a,onCompleted:l}=n,[t,i]=u.useState(null),[r,o]=L.useMutation($i),{control:c,setError:d,handleSubmit:m,formState:{isValid:y}}=on({defaultValues:{input:"{}",output:"{}",metadata:"{}"}}),g=u.useCallback(f=>{if(i(null),!_e(f==null?void 0:f.input))return d("input",{message:"Input must be a valid JSON object"});if(!_e(f==null?void 0:f.output))return d("output",{message:"Output must be a valid JSON object"});if(!_e(f==null?void 0:f.metadata))return d("metadata",{message:"Metadata must be a valid JSON object"});r({variables:{input:{datasetId:a,examples:[{input:JSON.parse(f.input),output:JSON.parse(f.output),metadata:JSON.parse(f.metadata)}],datasetVersionDescription:f.description}},onCompleted:()=>{l()},onError:p=>{i(p.message)}})},[r,a,d,l]);return s(q,{size:"L",title:"Add Example",children:[e("div",{css:K`
|
|
2507
2507
|
overflow-y: auto;
|
|
2508
2508
|
padding: var(--ac-global-dimension-size-400);
|
|
2509
|
-
`,children:e(k,{direction:"row",justifyContent:"center",children:e(T,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(k,{direction:"column",gap:"size-200",children:[t?e(
|
|
2509
|
+
`,children:e(k,{direction:"row",justifyContent:"center",children:e(T,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(k,{direction:"column",gap:"size-200",children:[t?e(Z,{variant:"danger",children:t}):null,e(W,{control:c,name:"input",render:({field:{onChange:f,onBlur:p,value:b},fieldState:{invalid:S,error:h}})=>s(Q,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...va,children:[S?e(Z,{variant:"danger",banner:!0,children:h==null?void 0:h.message}):null,e(Ee,{value:b,onChange:f,onBlur:p})]})}),e(W,{control:c,name:"output",render:({field:{onChange:f,onBlur:p,value:b},fieldState:{invalid:S,error:h}})=>s(Q,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...va,backgroundColor:"green-100",borderColor:"green-700",children:[S?e(Z,{variant:"danger",banner:!0,children:h==null?void 0:h.message}):null,e(Ee,{value:b,onChange:f,onBlur:p})]})}),e(W,{control:c,name:"metadata",render:({field:{onChange:f,onBlur:p,value:b},fieldState:{invalid:S,error:h}})=>s(Q,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...va,children:[S?e(Z,{variant:"danger",banner:!0,children:h==null?void 0:h.message}):null,e(Ee,{value:b,onChange:f,onBlur:p})]})}),e(W,{control:c,name:"description",render:({field:{onChange:f,onBlur:p,value:b},fieldState:{invalid:S,error:h}})=>e(Jn,{label:"Version Description",value:b,onChange:f,onBlur:p,errorMessage:h==null?void 0:h.message,validationState:S?"invalid":"valid",placeholder:"A description of the changes made. Will be displayed in the version history.",height:100})})]})})})}),e(T,{padding:"size-200",borderTopColor:"light",borderTopWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",gap:"size-100",children:e(V,{variant:"primary",size:"compact",disabled:!y||o,loading:o,onClick:m(g),children:"Add Example"})})})]})}function Qc(n){const{datasetId:a,onAddExampleCompleted:l}=n,[t,i]=u.useState(null),r=u.useCallback(()=>{i(e(zc,{datasetId:a,onCompleted:()=>{l(),i(null)}}))},[a,l]);return s(G,{children:[e(V,{icon:e(w,{svg:e(E.PlusCircleOutline,{})}),size:"compact",variant:"default",onClick:r,children:"Add Example"}),e(Y,{isDismissable:!0,onDismiss:()=>{i(null)},children:t})]})}function Oc(){const n=sn(i=>i.datasetId),a=sn(i=>i.latestVersion);let l=`${Ca}/v1/datasets/${n}/examples`;a&&(l+=`?version-id=${a.id}`);const t=u.useMemo(()=>`import phoenix as px
|
|
2510
2510
|
client = px.Client()
|
|
2511
2511
|
# Get the current dataset version
|
|
2512
|
-
dataset = client.get_dataset(id="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return e("div",{css:
|
|
2512
|
+
dataset = client.get_dataset(id="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return e("div",{css:K`
|
|
2513
2513
|
button.ac-dropdown-button {
|
|
2514
2514
|
min-width: 80px;
|
|
2515
2515
|
.ac-dropdown-button__text {
|
|
2516
2516
|
padding-right: 10px;
|
|
2517
2517
|
}
|
|
2518
2518
|
}
|
|
2519
|
-
`,children:s(
|
|
2519
|
+
`,children:s(mn,{placement:"bottom right",children:[e(_l,{addonBefore:e(w,{svg:e(E.Code,{})}),children:"Code"}),e($a,{children:s("section",{css:K`
|
|
2520
2520
|
width: 500px;
|
|
2521
2521
|
.ac-field {
|
|
2522
2522
|
flex: 1 1 auto;
|
|
2523
2523
|
}
|
|
2524
|
-
`,children:[e(T,{padding:"size-200",children:s(
|
|
2524
|
+
`,children:[e(T,{padding:"size-200",children:s(Kn,{children:[s(k,{direction:"row",gap:"size-100",alignItems:"end",width:"100%",children:[e(le,{label:"Dataset ID",isReadOnly:!0,value:n}),e(X,{text:n,size:"normal"})]}),s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(le,{label:"Version ID",isReadOnly:!0,value:(a==null?void 0:a.id)||"No Versions",validationState:a?"valid":"invalid"}),e(X,{text:(a==null?void 0:a.id)||"No Versions",disabled:!a,size:"normal"})]})]})}),s(fe,{children:[e(j,{name:"Python",children:e(T,{margin:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"small",children:e(Ye,{value:t})})}),e(j,{name:"REST",children:e(T,{padding:"size-200",children:e(Kn,{children:s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(le,{label:"URL",isReadOnly:!0,value:l}),e(X,{text:l,size:"normal"})]})})})})]})]})})]})})}const Vi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"datasetId"}],a=[{kind:"Variable",name:"id",variableName:"datasetId"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DatasetHistoryDialogQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[l,{args:null,kind:"FragmentSpread",name:"DatasetHistoryTable_versions"}],type:"Dataset",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DatasetHistoryDialogQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},t],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"versions(first:100)"},{alias:null,args:i,filters:null,handle:"connection",key:"DatasetHistoryTable_versions",kind:"LinkedHandle",name:"versions"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"df94b4e72c0187fd0fd1c8416af19354",id:null,metadata:{},name:"DatasetHistoryDialogQuery",operationKind:"query",text:`query DatasetHistoryDialogQuery(
|
|
2525
2525
|
$datasetId: GlobalID!
|
|
2526
2526
|
) {
|
|
2527
2527
|
dataset: node(id: $datasetId) {
|
|
@@ -2553,7 +2553,7 @@ fragment DatasetHistoryTable_versions on Dataset {
|
|
|
2553
2553
|
}
|
|
2554
2554
|
id
|
|
2555
2555
|
}
|
|
2556
|
-
`}}}();
|
|
2556
|
+
`}}}();Vi.hash="7215c18bda690418c5ecbcb3131a288e";const zi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"DatasetHistoryTableVersionsQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:l,kind:"FragmentSpread",name:"DatasetHistoryTable_versions"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DatasetHistoryTableVersionsQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:l,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:[i,{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},t],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:l,filters:null,handle:"connection",key:"DatasetHistoryTable_versions",kind:"LinkedHandle",name:"versions"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"e8e3a05b4e86c8eaeea98172405fdc7e",id:null,metadata:{},name:"DatasetHistoryTableVersionsQuery",operationKind:"query",text:`query DatasetHistoryTableVersionsQuery(
|
|
2557
2557
|
$after: String = null
|
|
2558
2558
|
$first: Int = 100
|
|
2559
2559
|
$id: GlobalID!
|
|
@@ -2584,31 +2584,31 @@ fragment DatasetHistoryTable_versions_2HEEH6 on Dataset {
|
|
|
2584
2584
|
}
|
|
2585
2585
|
id
|
|
2586
2586
|
}
|
|
2587
|
-
`}}}()
|
|
2587
|
+
`}}}();zi.hash="37e453bc58759a1e89bc5862c460de6b";const Qi=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:zi,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}}();Qi.hash="37e453bc58759a1e89bc5862c460de6b";const jc=100;function qc(n){const a=u.useRef(null),{data:l,loadNext:t,hasNext:i,isLoadingNext:r}=L.usePaginationFragment(Qi,n.dataset),o=u.useMemo(()=>l.versions.edges.map(g=>g.node),[l]),c=De.useCallback(g=>{if(g){const{scrollHeight:f,scrollTop:p,clientHeight:b}=g;f-p-b<300&&!r&&i&&t(jc)}},[i,r,t]),d=me({columns:[{header:"version ID",accessorKey:"id"},{header:"description",accessorKey:"description"},{header:"created at",accessorKey:"createdAt",cell:Pe}],data:o,getCoreRowModel:ge(),getSortedRowModel:On()}),m=d.getRowModel().rows,y=m.length===0;return e("div",{css:K`
|
|
2588
2588
|
flex: 1 1 auto;
|
|
2589
2589
|
overflow: auto;
|
|
2590
|
-
`,onScroll:g=>
|
|
2590
|
+
`,onScroll:g=>c(g.target),ref:a,children:s("table",{css:dn,children:[e("thead",{children:d.getHeaderGroups().map(g=>e("tr",{children:g.headers.map(f=>e("th",{colSpan:f.colSpan,children:f.isPlaceholder?null:s("div",{className:f.column.getCanSort()?"cursor-pointer":"",onClick:f.column.getToggleSortingHandler(),style:{left:f.getStart(),width:f.getSize()},children:[H(f.column.columnDef.header,f.getContext()),f.column.getIsSorted()?e(w,{className:"sort-icon",svg:f.column.getIsSorted()==="asc"?e(E.ArrowUpFilled,{}):e(E.ArrowDownFilled,{})}):null]})},f.id))},g.id))}),y?e(un,{}):e("tbody",{children:m.map(g=>e("tr",{children:g.getVisibleCells().map(f=>e("td",{children:H(f.column.columnDef.cell,f.getContext())},f.id))},g.id))})]})})}function Bc(n){const{datasetId:a}=n,l=L.useLazyLoadQuery(Vi,{datasetId:a});return e(q,{size:"L",title:"Dataset History",children:e("div",{css:K`
|
|
2591
2591
|
height: 500px;
|
|
2592
|
-
`,children:e(
|
|
2592
|
+
`,children:e(qc,{dataset:l.dataset})})})}function Hc(n){const{datasetId:a}=n,[l,t]=u.useState(null);return s(G,{children:[s(Ke,{children:[e(V,{variant:"default",icon:e(w,{svg:e(E.ClockOutline,{})}),"aria-label":"Version History",onClick:()=>{t(e(Bc,{datasetId:a}))}}),e(Vn,{children:"Dataset Version History"})]}),e(u.Suspense,{fallback:null,children:e(Y,{type:"modal",isDismissable:!0,onDismiss:()=>{t(null)},children:l})})]})}const Gc=`pip install arize-phoenix>=${window.Config.platformVersion}`,Uc=`import os
|
|
2593
2593
|
# Set the phoenix collector endpoint. Commonly http://localhost:6060
|
|
2594
|
-
os.environ["PHOENIX_COLLECTOR_ENDPOINT"] = "<your-phoenix-url>"`,
|
|
2594
|
+
os.environ["PHOENIX_COLLECTOR_ENDPOINT"] = "<your-phoenix-url>"`,Wc=`from phoenix.experiments.types import Example
|
|
2595
2595
|
# Define your task
|
|
2596
2596
|
# Typically should be an LLM call or a call to your application
|
|
2597
2597
|
def my_task(example: Example) -> str:
|
|
2598
2598
|
# This is just an example of how to return a JSON serializable value
|
|
2599
|
-
return f"Hello {example.input["person"]}"`,
|
|
2599
|
+
return f"Hello {example.input["person"]}"`,Jc=`# Define an evaluator. This just an example.
|
|
2600
2600
|
def exact_match(input, output) -> float:
|
|
2601
2601
|
return 1.0 if output is f"Hello {input}" else 0.0
|
|
2602
2602
|
|
|
2603
2603
|
# Store the evaluators for later use
|
|
2604
|
-
evaluators = [exact_match]`,
|
|
2604
|
+
evaluators = [exact_match]`,Xc=`# Run an experiment
|
|
2605
2605
|
from phoenix.experiments import run_experiment
|
|
2606
2606
|
|
|
2607
|
-
experiment = run_experiment(dataset, my_task, evaluators=evaluators)`;function
|
|
2607
|
+
experiment = run_experiment(dataset, my_task, evaluators=evaluators)`;function Oi(){const[n,a]=u.useState(null),l=u.useCallback(()=>{a(e(q,{title:"Run Experiment",size:"XL",children:e(Yc,{})}))},[]);return s(G,{children:[e(V,{size:"compact",variant:"default",icon:e(w,{svg:e(E.ExperimentOutline,{})}),onClick:l,children:"Run Experiment"}),e(Y,{isDismissable:!0,type:"slideOver",onDismiss:()=>{a(null)},children:n})]})}function Yc(){const n=sn(t=>t.datasetName),a=sn(t=>t.latestVersion),l=u.useMemo(()=>`import phoenix as px
|
|
2608
2608
|
# Initialize a phoenix client
|
|
2609
2609
|
client = px.Client()
|
|
2610
2610
|
# Get the current dataset version. You can omit the version for the latest.
|
|
2611
|
-
dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return s(T,{padding:"size-400",overflow:"auto",children:[e(T,{paddingBottom:"size-100",children:e(x,{children:"Install Phoenix"})}),e(
|
|
2611
|
+
dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return s(T,{padding:"size-400",overflow:"auto",children:[e(T,{paddingBottom:"size-100",children:e(x,{children:"Install Phoenix"})}),e(fn,{children:e(Ye,{value:Gc})}),e(T,{paddingTop:"size-100",paddingBottom:"size-100",children:e(x,{children:"Point to a running instance of Phoenix"})}),e(fn,{children:e(Ye,{value:Uc})}),e(T,{paddingTop:"size-100",paddingBottom:"size-100",children:e(x,{children:"Pull down this dataset"})}),e(fn,{children:e(Ye,{value:l})}),e(T,{paddingTop:"size-100",paddingBottom:"size-100",children:e(x,{children:"Define your task"})}),e(fn,{children:e(Ye,{value:Wc})}),e(T,{paddingTop:"size-100",paddingBottom:"size-100",children:e(x,{children:"Define evaluators"})}),e(fn,{children:e(Ye,{value:Jc})}),e(T,{paddingTop:"size-100",paddingBottom:"size-100",children:e(x,{children:"Run an experiment"})}),e(fn,{children:e(Ye,{value:Xc})})]})}function fn({children:n}){return e(T,{borderColor:"light",borderWidth:"thin",borderRadius:"small",children:n})}function lm(){const n=jn(),a=u.useMemo(()=>{const l=n.dataset.latestVersions;return l!=null&&l.edges&&l.edges.length?l.edges[0].version:null},[n]);return e(Vc,{datasetId:n.dataset.id,datasetName:n.dataset.name,latestVersion:a,children:e(u.Suspense,{fallback:e(se,{}),children:e(eu,{dataset:n.dataset})})})}const Zc=K`
|
|
2612
2612
|
flex: 1 1 auto;
|
|
2613
2613
|
display: flex;
|
|
2614
2614
|
flex-direction: column;
|
|
@@ -2634,7 +2634,7 @@ dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]
|
|
|
2634
2634
|
}
|
|
2635
2635
|
}
|
|
2636
2636
|
}
|
|
2637
|
-
`;function
|
|
2637
|
+
`;function eu({dataset:n}){const a=n.id,l=sn(d=>d.refreshLatestVersion),t=Se(),i=ae(),r=u.useCallback(d=>{d===0?i(`/datasets/${a}/experiments`):d===1&&i(`/datasets/${a}/examples`)},[i,a]),c=xr().pathname.includes("examples")?1:0;return s("main",{css:Zc,children:[e(T,{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(x,{elementType:"h1",textSize:"xlarge",weight:"heavy",children:n.name}),e(x,{color:"text-700",children:n.description||"--"})]})})}),s(k,{direction:"row",gap:"size-100",children:[s(Be,{align:"end",icon:e(w,{svg:e(E.DownloadOutline,{})}),onAction:d=>{switch(d){case"csv":window.open(`/v1/datasets/${n.id}/csv`,"_blank");break;case"openai-ft":window.open(`/v1/datasets/${n.id}/jsonl/openai_ft`,"_blank");break;case"openai-evals":window.open(`/v1/datasets/${n.id}/jsonl/openai_evals`,"_blank");break}},children:[e(J,{children:"Download CSV"},"csv"),e(J,{children:"Download OpenAI Fine-Tuning JSONL"},"openai-ft"),e(J,{children:"Download OpenAI Evals JSONL"},"openai-evals")]}),e(Hc,{datasetId:n.id}),e(Oc,{}),e(Oi,{}),e(Qc,{datasetId:n.id,onAddExampleCompleted:()=>{t({title:"Example added",message:"The example has been added successfully and the version has been updated."}),l()}})]})]})}),s(fe,{onChange:r,defaultIndex:c,children:[e(j,{name:"Experiments",extra:e(Ve,{children:n.experimentCount}),children:e(u.Suspense,{children:e(Fe,{})})}),e(j,{name:"Examples",extra:e(Ve,{children:n.exampleCount}),children:e(u.Suspense,{children:e(Fe,{})})})]})]})}const ji=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},i={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},t,{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"experimentCount",storageKey:null},{alias:"latestVersions",args:[{kind:"Literal",name:"first",value:1},{kind:"Literal",name:"sort",value:{col:"createdAt",dir:"desc"}}],concreteType:"DatasetVersionConnection",kind:"LinkedField",name:"versions",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetVersionEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"version",args:null,concreteType:"DatasetVersion",kind:"LinkedField",name:"node",plural:!1,selections:[l,t,{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:'versions(first:1,sort:{"col":"createdAt","dir":"desc"})'}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"datasetLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,i],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"datasetLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l,i],storageKey:null}]},params:{cacheID:"5b221627cf7e63f41fbec41027cc0951",id:null,metadata:{},name:"datasetLoaderQuery",operationKind:"query",text:`query datasetLoaderQuery(
|
|
2638
2638
|
$id: GlobalID!
|
|
2639
2639
|
) {
|
|
2640
2640
|
dataset: node(id: $id) {
|
|
@@ -2658,7 +2658,7 @@ dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]
|
|
|
2658
2658
|
}
|
|
2659
2659
|
}
|
|
2660
2660
|
}
|
|
2661
|
-
`}}}();
|
|
2661
|
+
`}}}();ji.hash="469da2debdebd608c88a6ef83c2540aa";async function tm(n){const{datasetId:a}=n.params;return await L.fetchQuery(Ce,ji,{id:a}).toPromise()}const qi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"exampleId"}],a=[{kind:"Variable",name:"id",variableName:"exampleId"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},i={alias:"latestRevision",args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},t,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},o={alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"span",plural:!1,selections:[l,{alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[r],storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[l],storageKey:null}],storageKey:null},c={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},d=[{kind:"Literal",name:"first",value:100}],m={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExampleDetailsDialogQuery",selections:[{alias:"example",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[l,i,o],type:"DatasetExample",abstractKey:null},{args:null,kind:"FragmentSpread",name:"ExampleExperimentRunsTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExampleDetailsDialogQuery",selections:[{alias:"example",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[c,{kind:"TypeDiscriminator",abstractKey:"__isNode"},l,{kind:"InlineFragment",selections:[i,o,{alias:null,args:d,concreteType:"ExperimentRunConnection",kind:"LinkedField",name:"experimentRuns",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"run",args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},t,m,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},m],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[c],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"experimentRuns(first:100)"},{alias:null,args:d,filters:null,handle:"connection",key:"ExampleExperimentRunsTable_experimentRuns",kind:"LinkedHandle",name:"experimentRuns"}],type:"DatasetExample",abstractKey:null}],storageKey:null}]},params:{cacheID:"6fa23dc80c23ecdf48e57d139d76a721",id:null,metadata:{},name:"ExampleDetailsDialogQuery",operationKind:"query",text:`query ExampleDetailsDialogQuery(
|
|
2662
2662
|
$exampleId: GlobalID!
|
|
2663
2663
|
) {
|
|
2664
2664
|
example: node(id: $exampleId) {
|
|
@@ -2728,14 +2728,14 @@ fragment ExampleExperimentRunsTableFragment on DatasetExample {
|
|
|
2728
2728
|
}
|
|
2729
2729
|
id
|
|
2730
2730
|
}
|
|
2731
|
-
`}}}();
|
|
2731
|
+
`}}}();qi.hash="65b1c049bacc1ef8739c61af32a9414c";const Bi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"patchDatasetExamples",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"EditExampleDialogMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"EditExampleDialogMutation",selections:a},params:{cacheID:"7217082d3d3796ecb60481d17133c351",id:null,metadata:{},name:"EditExampleDialogMutation",operationKind:"mutation",text:`mutation EditExampleDialogMutation(
|
|
2732
2732
|
$input: PatchDatasetExamplesInput!
|
|
2733
2733
|
) {
|
|
2734
2734
|
patchDatasetExamples(input: $input) {
|
|
2735
2735
|
__typename
|
|
2736
2736
|
}
|
|
2737
2737
|
}
|
|
2738
|
-
`}}}();
|
|
2738
|
+
`}}}();Bi.hash="a5e0e601ed24ffaa37a99ba358f960d3";const Ka={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function nu(n){const{exampleId:a,onCompleted:l}=n,[t,i]=u.useState(null),[r,o]=L.useMutation(Bi),{control:c,setError:d,handleSubmit:m,formState:{isValid:y}}=on({defaultValues:n.currentRevision}),g=u.useCallback(f=>{if(i(null),!_e(f==null?void 0:f.input))return d("input",{message:"Input must be a valid JSON object"});if(!_e(f==null?void 0:f.output))return d("output",{message:"Output must be a valid JSON object"});if(!_e(f==null?void 0:f.metadata))return d("metadata",{message:"Metadata must be a valid JSON object"});r({variables:{input:{patches:[{exampleId:a,input:JSON.parse(f.input),output:JSON.parse(f.output),metadata:JSON.parse(f.metadata)}],versionDescription:f.description}},onCompleted:()=>{l()},onError:p=>{i(p.message)}})},[r,a,d,l]);return e(q,{size:"fullscreen",title:`Edit Example: ${a}`,extra:e(V,{variant:"primary",size:"compact",disabled:!y||o,loading:o,onClick:m(g),children:"Save Changes"}),children:e("div",{css:K`
|
|
2739
2739
|
overflow-y: auto;
|
|
2740
2740
|
padding: var(--ac-global-dimension-size-400);
|
|
2741
2741
|
/* Make widths configurable */
|
|
@@ -2746,7 +2746,7 @@ fragment ExampleExperimentRunsTableFragment on DatasetExample {
|
|
|
2746
2746
|
width: 100%;
|
|
2747
2747
|
}
|
|
2748
2748
|
}
|
|
2749
|
-
`,children:e(k,{direction:"row",justifyContent:"center",children:e(T,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(k,{direction:"column",gap:"size-200",children:[t?e(
|
|
2749
|
+
`,children:e(k,{direction:"row",justifyContent:"center",children:e(T,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(k,{direction:"column",gap:"size-200",children:[t?e(Z,{variant:"danger",children:t}):null,e(W,{control:c,name:"input",render:({field:{onChange:f,onBlur:p,value:b},fieldState:{invalid:S,error:h}})=>s(Q,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...Ka,children:[S?e(Z,{variant:"danger",banner:!0,children:h==null?void 0:h.message}):null,e(Ee,{value:b,onChange:f,onBlur:p})]})}),e(W,{control:c,name:"output",render:({field:{onChange:f,onBlur:p,value:b},fieldState:{invalid:S,error:h}})=>s(Q,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...Ka,backgroundColor:"green-100",borderColor:"green-700",children:[S?e(Z,{variant:"danger",banner:!0,children:h==null?void 0:h.message}):null,e(Ee,{value:b,onChange:f,onBlur:p})]})}),e(W,{control:c,name:"metadata",render:({field:{onChange:f,onBlur:p,value:b},fieldState:{invalid:S,error:h}})=>s(Q,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...Ka,children:[S?e(Z,{variant:"danger",banner:!0,children:h==null?void 0:h.message}):null,e(Ee,{value:b,onChange:f,onBlur:p})]})}),e(W,{control:c,name:"description",render:({field:{onChange:f,onBlur:p,value:b},fieldState:{invalid:S,error:h}})=>e(Jn,{label:"Revision Description",value:b,onChange:f,onBlur:p,errorMessage:h==null?void 0:h.message,validationState:S?"invalid":"valid",placeholder:"A description of the changes made in this revision. Will be displayed in the version history.",height:100})})]})})})})})}function au(n){const{onCompleted:a,...l}=n,[t,i]=u.useState(null);return s(G,{children:[e(V,{variant:"default",size:"compact",icon:e(w,{svg:e(E.EditOutline,{})}),onClick:()=>i(e(nu,{...l,onCompleted:()=>{i(null),a()}})),children:"Edit Example"}),e(Y,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:t})]})}const Hi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExampleExperimentRunsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:l,kind:"FragmentSpread",name:"ExampleExperimentRunsTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExampleExperimentRunsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:l,concreteType:"ExperimentRunConnection",kind:"LinkedField",name:"experimentRuns",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"run",args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},r,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},r],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[t],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:l,filters:null,handle:"connection",key:"ExampleExperimentRunsTable_experimentRuns",kind:"LinkedHandle",name:"experimentRuns"}],type:"DatasetExample",abstractKey:null}],storageKey:null}]},params:{cacheID:"2ec7ead16e6df0877bc47db0ed7c7553",id:null,metadata:{},name:"ExampleExperimentRunsTableQuery",operationKind:"query",text:`query ExampleExperimentRunsTableQuery(
|
|
2750
2750
|
$after: String = null
|
|
2751
2751
|
$first: Int = 100
|
|
2752
2752
|
$id: GlobalID!
|
|
@@ -2801,22 +2801,22 @@ fragment ExampleExperimentRunsTableFragment_2HEEH6 on DatasetExample {
|
|
|
2801
2801
|
}
|
|
2802
2802
|
id
|
|
2803
2803
|
}
|
|
2804
|
-
`}}}();
|
|
2804
|
+
`}}}();Hi.hash="6ca0f938b309407e8c184a1c13d1c52d";const Gi=function(){var n=["experimentRuns"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null};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:Hi,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ExampleExperimentRunsTableFragment",selections:[{alias:"experimentRuns",args:null,concreteType:"ExperimentRunConnection",kind:"LinkedField",name:"__ExampleExperimentRunsTable_experimentRuns_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"run",args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},l,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},l],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},a],type:"DatasetExample",abstractKey:null}}();Gi.hash="6ca0f938b309407e8c184a1c13d1c52d";const lu=100;function tu(){return e("tbody",{className:"is-empty",children:e("tr",{children:e("td",{colSpan:100,css:n=>K`
|
|
2805
2805
|
text-align: center;
|
|
2806
2806
|
padding: ${n.spacing.margin24}px ${n.spacing.margin24}px !important;
|
|
2807
|
-
`,children:"No experiments have been run for this example."})})})}const
|
|
2807
|
+
`,children:"No experiments have been run for this example."})})})}const iu=K`
|
|
2808
2808
|
display: flex;
|
|
2809
2809
|
flex-direction: row;
|
|
2810
2810
|
align-items: center;
|
|
2811
2811
|
color: var(--ac-global-color-primary);
|
|
2812
2812
|
gap: var(--ac-global-dimension-size-50);
|
|
2813
|
-
`;function
|
|
2813
|
+
`;function ru({example:n}){const a=u.useRef(null),l=ae(),{data:t,loadNext:i,hasNext:r,isLoadingNext:o}=L.usePaginationFragment(Gi,n),c=u.useMemo(()=>t.experimentRuns.edges.map(p=>{let b=null;return p.run.startTime&&p.run.endTime&&(b=new Date(p.run.endTime).getTime()-new Date(p.run.startTime).getTime()),{...p.run,output:JSON.stringify(p.run.output),latencyMs:b}}),[t]),m=me({columns:[{header:"start time",accessorKey:"startTime",cell:Pe},{header:"output",accessorKey:"output",cell:p=>{var S;const b=(S=p.row.original)==null?void 0:S.error;return b!==null?e(x,{color:"danger",children:b}):e(ke,{...p})}},{header:"latency",accessorKey:"latencyMs",cell:({getValue:p})=>{const b=p();return b===null||typeof b!="number"?"--":e(xe,{latencyMs:b})}},{header:"evaluations",accessorKey:"annotations",cell:({row:p})=>e(k,{direction:"row",gap:"size-50",wrap:"wrap",children:p.original.annotations.edges.map((b,S)=>{const h=b.annotation;return e(Hn,{annotation:h,extra:h.trace&&e(T,{paddingTop:"size-100",children:s("div",{css:iu,children:[e(w,{svg:e(E.InfoOutline,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(cn,{annotation:h,onClick:()=>{h.trace&&l(`/projects/${h.trace.projectId}/traces/${h.trace.traceId}`)}},S)},S)})})},{id:"actions",cell:({row:p})=>{const b=p.original.trace;if(b)return e(V,{variant:"default",size:"compact",icon:e(w,{svg:e(E.Trace,{})}),onClick:()=>{l(`/projects/${b.projectId}/traces/${b.traceId}`)},"aria-label":"view trace"})}}],data:c,getCoreRowModel:ge()}),y=m.getRowModel().rows,g=y.length===0,f=u.useCallback(p=>{if(p){const{scrollHeight:b,scrollTop:S,clientHeight:h}=p;b-S-h<300&&!o&&r&&i(lu)}},[r,o,i]);return e("div",{css:K`
|
|
2814
2814
|
flex: 1 1 auto;
|
|
2815
2815
|
overflow: auto;
|
|
2816
|
-
`,ref:a,onScroll:
|
|
2816
|
+
`,ref:a,onScroll:p=>f(p.target),children:s("table",{css:In,children:[e("thead",{children:m.getHeaderGroups().map(p=>e("tr",{children:p.headers.map(b=>e("th",{children:e("div",{children:H(b.column.columnDef.header,b.getContext())})},b.id))},p.id))}),g?e(tu,{}):e("tbody",{children:y.map(p=>e("tr",{children:p.getVisibleCells().map(b=>e("td",{children:H(b.column.columnDef.cell,b.getContext())},b.id))},p.id))})]})})}function Ui({exampleId:n,onDismiss:a}){const[l,t]=u.useState(0),i=L.useLazyLoadQuery(qi,{exampleId:n},{fetchKey:l,fetchPolicy:"store-and-network"}),r=u.useMemo(()=>{const f=i.example.latestRevision;return{input:JSON.stringify(f==null?void 0:f.input,null,2),output:JSON.stringify(f==null?void 0:f.output,null,2),metadata:JSON.stringify(f==null?void 0:f.metadata,null,2)}},[i]),o=u.useMemo(()=>{const f=i.example.span;return f?{id:f.id,traceId:f.context.traceId,projectId:f.project.id}:null},[i]),{input:c,output:d,metadata:m}=r,y=ae(),g=Se();return e(Y,{type:"slideOver",isDismissable:!0,onDismiss:a,children:e(q,{size:"XL",title:`Example: ${n}`,extra:s(k,{direction:"row",gap:"size-100",children:[o?e(V,{variant:"default",size:"compact",onClick:()=>{y(`/projects/${o.projectId}/traces/${o.traceId}?selectedSpanNodeId=${o.id}`)},children:"View Source Span"}):null,e(au,{exampleId:n,currentRevision:r,onCompleted:()=>{g({title:"Example updated",message:`Example ${n} has been updated.`}),t(f=>f+1)}})]}),children:s(an,{direction:"vertical",autoSaveId:"example-panel-group",children:[e(ce,{defaultSize:200,children:e("div",{css:K`
|
|
2817
2817
|
overflow-y: auto;
|
|
2818
2818
|
height: 100%;
|
|
2819
|
-
`,children:e(k,{direction:"row",justifyContent:"center",children:e(T,{width:"900px",paddingStart:"auto",paddingEnd:"auto",paddingTop:"size-200",paddingBottom:"size-200",children:s(k,{direction:"column",gap:"size-200",children:[e(
|
|
2819
|
+
`,children:e(k,{direction:"row",justifyContent:"center",children:e(T,{width:"900px",paddingStart:"auto",paddingEnd:"auto",paddingTop:"size-200",paddingBottom:"size-200",children:s(k,{direction:"column",gap:"size-200",children:[e(Q,{title:"Input",...Fa,extra:e(X,{text:c}),children:e(Ze,{value:c})}),e(Q,{title:"Output",...Fa,extra:e(X,{text:d}),children:e(Ze,{value:d})}),e(Q,{title:"Metadata",...Fa,extra:e(X,{text:m}),children:e(Ze,{value:m})})]})})})})}),e(ln,{css:Cn}),e(ce,{defaultSize:100,children:s(k,{direction:"column",height:"100%",children:[e(T,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(te,{level:3,children:"Experiment Runs"})}),e(ru,{example:i.example})]})})]})})})}const Fa={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}};function im(){const{exampleId:n,datasetId:a}=je(),l=ae();return e(Ui,{exampleId:n,onDismiss:()=>{l(`/datasets/${a}/examples`)}})}const Wi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"examplesLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{args:null,kind:"FragmentSpread",name:"ExamplesTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"examplesLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{kind:"InlineFragment",selections:[{alias:null,args:i,concreteType:"DatasetExampleConnection",kind:"LinkedField",name:"examples",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetExampleEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"example",args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[t],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"examples(first:100)"},{alias:null,args:i,filters:["datasetVersionId"],handle:"connection",key:"ExamplesTable_examples",kind:"LinkedHandle",name:"examples"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"7e303fa9a3c09ccd6a3dc1f3dbb2afb3",id:null,metadata:{},name:"examplesLoaderQuery",operationKind:"query",text:`query examplesLoaderQuery(
|
|
2820
2820
|
$id: GlobalID!
|
|
2821
2821
|
) {
|
|
2822
2822
|
dataset: node(id: $id) {
|
|
@@ -2849,7 +2849,7 @@ fragment ExamplesTableFragment on Dataset {
|
|
|
2849
2849
|
}
|
|
2850
2850
|
id
|
|
2851
2851
|
}
|
|
2852
|
-
`}}}();
|
|
2852
|
+
`}}}();Wi.hash="6406bbf43a2e850b384ba9573d8e69de";async function rm(n){const{datasetId:a}=n.params;return await L.fetchQuery(Ce,Wi,{id:a}).toPromise()}const Ji=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"datasetVersionId"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"datasetVersionId",variableName:"datasetVersionId"},{kind:"Variable",name:"first",variableName:"first"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExamplesTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:l,kind:"FragmentSpread",name:"ExamplesTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExamplesTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:l,concreteType:"DatasetExampleConnection",kind:"LinkedField",name:"examples",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetExampleEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"example",args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[t],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:l,filters:["datasetVersionId"],handle:"connection",key:"ExamplesTable_examples",kind:"LinkedHandle",name:"examples"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"ca59c018695d41ca01b5f9d453386886",id:null,metadata:{},name:"ExamplesTableQuery",operationKind:"query",text:`query ExamplesTableQuery(
|
|
2853
2853
|
$after: String = null
|
|
2854
2854
|
$datasetVersionId: GlobalID
|
|
2855
2855
|
$first: Int = 100
|
|
@@ -2886,7 +2886,7 @@ fragment ExamplesTableFragment_4a6F8Z on Dataset {
|
|
|
2886
2886
|
}
|
|
2887
2887
|
id
|
|
2888
2888
|
}
|
|
2889
|
-
`}}}();
|
|
2889
|
+
`}}}();Ji.hash="e04e697cdb44ab2dd115f4562211f6a4";const Xi=function(){var n=["examples"],a={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:null,kind:"LocalArgument",name:"datasetVersionId"},{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:Ji,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ExamplesTableFragment",selections:[{alias:"examples",args:[{kind:"Variable",name:"datasetVersionId",variableName:"datasetVersionId"}],concreteType:"DatasetExampleConnection",kind:"LinkedField",name:"__ExamplesTable_examples_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"DatasetExampleEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"example",args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[a,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},a],type:"Dataset",abstractKey:null}}();Xi.hash="e04e697cdb44ab2dd115f4562211f6a4";const Yi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"deleteDatasetExamples",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:"ExampleSelectionToolbarDeleteExamplesMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExampleSelectionToolbarDeleteExamplesMutation",selections:a},params:{cacheID:"b63159f3c325b9af3dc469692f9329e5",id:null,metadata:{},name:"ExampleSelectionToolbarDeleteExamplesMutation",operationKind:"mutation",text:`mutation ExampleSelectionToolbarDeleteExamplesMutation(
|
|
2890
2890
|
$input: DeleteDatasetExamplesInput!
|
|
2891
2891
|
) {
|
|
2892
2892
|
deleteDatasetExamples(input: $input) {
|
|
@@ -2895,15 +2895,15 @@ fragment ExamplesTableFragment_4a6F8Z on Dataset {
|
|
|
2895
2895
|
}
|
|
2896
2896
|
}
|
|
2897
2897
|
}
|
|
2898
|
-
`}}}();
|
|
2898
|
+
`}}}();Yi.hash="455bf9e5dc4b9cc655095dc829ef7e12";function su(n){const a=sn(p=>p.refreshLatestVersion),{selectedExamples:l,onExamplesDeleted:t,onClearSelection:i}=n,[r,o]=u.useState(null),c=Se(),d=Gn(),[m,y]=L.useMutation(Yi),g=l.length!==1,f=u.useCallback(()=>{m({variables:{input:{exampleIds:l.map(p=>p.id)}},onCompleted:()=>{c({title:"Examples Deleted",message:`${l.length} example${g?"s":""} have been deleted.`}),t(),i(),a()},onError:p=>{d({title:"An error occurred",message:`Failed to delete examples: ${p.message}`})}})},[m,l,c,g,t,i,a,d]);return s("div",{css:K`
|
|
2899
2899
|
position: absolute;
|
|
2900
2900
|
bottom: var(--ac-global-dimension-size-400);
|
|
2901
2901
|
left: 50%;
|
|
2902
2902
|
transform: translateX(-50%);
|
|
2903
|
-
`,children:[e(T,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(k,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(x,{children:`${l.length} example${g?"s":""} selected`}),s(k,{direction:"row",gap:"size-100",children:[e(V,{variant:"default",size:"compact",onClick:i,children:"Cancel"}),e(V,{variant:"danger",size:"compact",icon:e(w,{svg:e(
|
|
2903
|
+
`,children:[e(T,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(k,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e(x,{children:`${l.length} example${g?"s":""} selected`}),s(k,{direction:"row",gap:"size-100",children:[e(V,{variant:"default",size:"compact",onClick:i,children:"Cancel"}),e(V,{variant:"danger",size:"compact",icon:e(w,{svg:e(E.TrashOutline,{})}),loading:y,disabled:y,onClick:f,children:y?"Deleting...":"Delete Example"+(g?"s":"")})]})]})}),e(Y,{onDismiss:()=>{o(null)},children:r})]})}const ou=100;function du({dataset:n}){const a=sn(C=>C.latestVersion),l=u.useRef(null),[t,i]=De.useState({}),{data:r,loadNext:o,hasNext:c,isLoadingNext:d,refetch:m}=L.usePaginationFragment(Xi,n);u.useEffect(()=>{u.startTransition(()=>{m({datasetVersionId:(a==null?void 0:a.id)||null},{fetchPolicy:"store-and-network"})})},[a,m]);const y=u.useMemo(()=>r.examples.edges.map(C=>{const F=C.example,D=F.revision;return{id:F.id,input:D.input,output:D.output,metadata:D.metadata}}),[r]),f=me({columns:[{id:"select",header:({table:C})=>e($e,{checked:C.getIsAllRowsSelected(),indeterminate:C.getIsSomeRowsSelected(),onChange:C.getToggleAllRowsSelectedHandler()}),cell:({row:C})=>e($e,{checked:C.getIsSelected(),disabled:!C.getCanSelect(),indeterminate:C.getIsSomeSelected(),onChange:C.getToggleSelectedHandler()})},{header:"example id",accessorKey:"id",cell:({getValue:C,row:F})=>{const D=F.original.id;return e(Ln,{to:`${D}`,children:C()})}},{header:"input",accessorKey:"input",cell:Sn},{header:"output",accessorKey:"output",cell:Sn},{header:"metadata",accessorKey:"metadata",cell:Sn}],data:y,state:{rowSelection:t},onRowSelectionChange:i,getCoreRowModel:ge()}),p=f.getRowModel().rows,b=p.length===0,S=f.getSelectedRowModel().rows,h=S.map(C=>C.original),v=u.useCallback(()=>{i({})},[i]),A=u.useCallback(C=>{if(C){const{scrollHeight:F,scrollTop:D,clientHeight:M}=C;F-D-M<300&&!d&&c&&o(ou)}},[c,d,o]),I=ae();return s("div",{css:K`
|
|
2904
2904
|
flex: 1 1 auto;
|
|
2905
2905
|
overflow: auto;
|
|
2906
|
-
`,ref:l,onScroll:C=>
|
|
2906
|
+
`,ref:l,onScroll:C=>A(C.target),children:[s("table",{css:In,children:[e("thead",{children:f.getHeaderGroups().map(C=>e("tr",{children:C.headers.map(F=>e("th",{children:e("div",{children:H(F.column.columnDef.header,F.getContext())})},F.id))},C.id))}),b?e(un,{}):e("tbody",{children:p.map(C=>e("tr",{onClick:()=>{I(`${C.original.id}`)},children:C.getVisibleCells().map(F=>e("td",{children:H(F.column.columnDef.cell,F.getContext())},F.id))},C.id))})]}),S.length?e(su,{selectedExamples:h,onClearSelection:v,onExamplesDeleted:()=>{m({},{fetchPolicy:"store-and-network"})}}):null]})}function sm(){const n=jn();return s(G,{children:[e(du,{dataset:n.dataset})," ",e(u.Suspense,{children:e(Fe,{})})]})}const Zi=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},r=[{kind:"Literal",name:"first",value:100}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"experimentsLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"InlineFragment",selections:[{args:null,kind:"FragmentSpread",name:"ExperimentsTableFragment"}],type:"Dataset",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"experimentsLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,l,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:null,args:r,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[l],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[t],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:"experiments(first:100)"},{alias:null,args:r,filters:null,handle:"connection",key:"ExperimentsTable_experiments",kind:"LinkedHandle",name:"experiments"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"91f92395f5df4858554b124deed3f47a",id:null,metadata:{},name:"experimentsLoaderQuery",operationKind:"query",text:`query experimentsLoaderQuery(
|
|
2907
2907
|
$id: GlobalID!
|
|
2908
2908
|
) {
|
|
2909
2909
|
dataset: node(id: $id) {
|
|
@@ -2953,7 +2953,7 @@ fragment ExperimentsTableFragment on Dataset {
|
|
|
2953
2953
|
}
|
|
2954
2954
|
id
|
|
2955
2955
|
}
|
|
2956
|
-
`}}}();
|
|
2956
|
+
`}}}();Zi.hash="1461484d9e1232cbb99e1251edabbec3";async function om(n){const{datasetId:a}=n.params;return await L.fetchQuery(Ce,Zi,{id:a}).toPromise()}const er=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"},{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l=[{kind:"Variable",name:"after",variableName:"after"},{kind:"Variable",name:"first",variableName:"first"}],t={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExperimentsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:l,kind:"FragmentSpread",name:"ExperimentsTableFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExperimentsTableQuery",selections:[{alias:null,args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[t,{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:null,args:l,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[i,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[i],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[t],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:l,filters:null,handle:"connection",key:"ExperimentsTable_experiments",kind:"LinkedHandle",name:"experiments"}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"1db5ce5523fa9a472c91d093b0e6160e",id:null,metadata:{},name:"ExperimentsTableQuery",operationKind:"query",text:`query ExperimentsTableQuery(
|
|
2957
2957
|
$after: String = null
|
|
2958
2958
|
$first: Int = 100
|
|
2959
2959
|
$id: GlobalID!
|
|
@@ -3004,19 +3004,19 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
3004
3004
|
}
|
|
3005
3005
|
id
|
|
3006
3006
|
}
|
|
3007
|
-
`}}}();
|
|
3007
|
+
`}}}();er.hash="c7c7580fe40888ceb86a1701fe4eedf4";const nr=function(){var n=["experiments"],a={alias:null,args:null,kind:"ScalarField",name:"annotationName",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null};return{argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"after"},{defaultValue:100,kind:"LocalArgument",name:"first"}],kind:"Fragment",metadata:{connection:[{count:"first",cursor:"after",direction:"forward",path:n}],refetch:{connection:{forward:{count:"first",cursor:"after"},backward:null,path:n},fragmentPathInResult:["node"],operation:er,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"ExperimentsTableFragment",selections:[{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"experimentAnnotationSummaries",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"minScore",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"maxScore",storageKey:null}],storageKey:null},{alias:"experiments",args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"__ExperimentsTable_experiments_connection",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"errorRate",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"runCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"averageRunLatencyMs",storageKey:null},{alias:null,args:null,concreteType:"Project",kind:"LinkedField",name:"project",plural:!1,selections:[l],storageKey:null},{alias:null,args:null,concreteType:"ExperimentAnnotationSummary",kind:"LinkedField",name:"annotationSummaries",plural:!0,selections:[a,{alias:null,args:null,kind:"ScalarField",name:"meanScore",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},l],type:"Dataset",abstractKey:null}}();nr.hash="c7c7580fe40888ceb86a1701fe4eedf4";function cu({getValue:n}){const a=n(),l=a!==null?a*100:null,t=u.useMemo(()=>{if(l!==null)return l>=80?"red-1100":l>0?"orange-1100":"green-1100"},[l]);return e(x,{color:t,children:Da(l)})}const ar=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"input"}],a=[{alias:null,args:[{kind:"Variable",name:"input",variableName:"input"}],concreteType:"ExperimentMutationPayload",kind:"LinkedField",name:"deleteExperiments",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"ExperimentSelectionToolbarDeleteExperimentsMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"ExperimentSelectionToolbarDeleteExperimentsMutation",selections:a},params:{cacheID:"3af24cbaf3208c0d5ad1cd9313dd3823",id:null,metadata:{},name:"ExperimentSelectionToolbarDeleteExperimentsMutation",operationKind:"mutation",text:`mutation ExperimentSelectionToolbarDeleteExperimentsMutation(
|
|
3008
3008
|
$input: DeleteExperimentsInput!
|
|
3009
3009
|
) {
|
|
3010
3010
|
deleteExperiments(input: $input) {
|
|
3011
3011
|
__typename
|
|
3012
3012
|
}
|
|
3013
3013
|
}
|
|
3014
|
-
`}}}();
|
|
3014
|
+
`}}}();ar.hash="4ab310746eb51c6a3fcb799d2c972762";function uu(n){const a=ae(),[l,t]=u.useState(null),[i,r]=L.useMutation(ar),{datasetId:o,selectedExperiments:c,onClearSelection:d,onExperimentsDeleted:m}=n,y=c.length!==1,g=Se(),f=Gn(),p=u.useCallback(()=>{i({variables:{input:{experimentIds:c.map(S=>S.id)}},onCompleted:()=>{g({title:"Examples Deleted",message:`${c.length} experiment${y?"s":""} have been deleted.`}),m(),d()},onError:S=>{f({title:"An error occurred",message:`Failed to delete examples: ${S.message}`})}})},[i,y,f,g,d,m,c]),b=u.useCallback(()=>{t(s(q,{size:"S",title:"Delete Experiments",children:[e(T,{padding:"size-200",children:e(x,{color:"danger",children:"Are you sure you want to delete these experiments? This will also delete all associated annotations and traces, and it cannot be undone."})}),e(T,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",children:e(V,{variant:"danger",onClick:()=>{p(),t(null)},children:"Delete Experiments"})})})]}))},[p]);return s("div",{css:K`
|
|
3015
3015
|
position: absolute;
|
|
3016
3016
|
bottom: var(--ac-global-dimension-size-400);
|
|
3017
3017
|
left: 50%;
|
|
3018
3018
|
transform: translateX(-50%);
|
|
3019
|
-
`,children:[e(T,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(k,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",children:[e(x,{children:`${
|
|
3019
|
+
`,children:[e(T,{backgroundColor:"light",padding:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"medium",minWidth:"size-6000",children:s(k,{direction:"row",justifyContent:"space-between",alignItems:"center",gap:"size-100",children:[e(x,{children:`${c.length} experiment${y?"s":""} selected`}),s(k,{direction:"row",gap:"size-100",children:[e(V,{variant:"default",size:"compact",onClick:d,children:"Cancel"}),e(V,{variant:"danger",size:"compact",icon:e(w,{svg:e(E.TrashOutline,{})}),loading:r,disabled:r,onClick:b,children:r?"Deleting...":"Delete"}),e(V,{variant:"primary",size:"compact",onClick:()=>{a(`/datasets/${o}/compare?${c.map(S=>`experimentId=${S.id}`).join("&")}`)},icon:e(w,{svg:e(E.ArrowCompareOutline,{})}),children:"Compare Experiments"})]})]})}),e(Y,{onDismiss:()=>{t(null)},children:l})]})}const mu=100;function gu(){return e("tbody",{className:"is-empty",children:e("tr",{children:s("td",{colSpan:100,css:K`
|
|
3020
3020
|
text-align: center;
|
|
3021
3021
|
padding: var(--ac-global-dimension-size-400) !important;
|
|
3022
3022
|
.ac-button {
|
|
@@ -3024,20 +3024,20 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
3024
3024
|
margin-left: auto;
|
|
3025
3025
|
margin-right: auto;
|
|
3026
3026
|
}
|
|
3027
|
-
`,children:["No experiments for this dataset. To see how to run experiments on a dataset, check out the documentation.",e(
|
|
3027
|
+
`,children:["No experiments for this dataset. To see how to run experiments on a dataset, check out the documentation.",e(Oi,{})]})})})}function pu({dataset:n}){const a=u.useRef(null),[l,t]=u.useState({}),{data:i,loadNext:r,hasNext:o,isLoadingNext:c,refetch:d}=L.usePaginationFragment(nr,n),m=u.useMemo(()=>i.experiments.edges.map(F=>{const D=F.experiment.annotationSummaries.reduce((M,R)=>(M[R.annotationName]=R,M),{});return{...F.experiment,annotationSummaryMap:D}}),[i]),y=[{id:"select",header:({table:F})=>e($e,{checked:F.getIsAllRowsSelected(),indeterminate:F.getIsSomeRowsSelected(),onChange:F.getToggleAllRowsSelectedHandler()}),cell:({row:F})=>e($e,{checked:F.getIsSelected(),disabled:!F.getCanSelect(),indeterminate:F.getIsSomeSelected(),onChange:F.getToggleSelectedHandler()})},{header:"name",accessorKey:"name",minSize:200,cell:({getValue:F,row:D})=>{const M=D.original.id,R=D.original.sequenceNumber;return s(k,{direction:"row",gap:"size-100",children:[e(da,{sequenceNumber:R}),e(Ln,{to:`/datasets/${n.id}/compare?experimentId=${M}`,children:F()})]})}},{header:"description",accessorKey:"description",minSize:300,cell:ke},{header:"created at",accessorKey:"createdAt",cell:Pe}],g=i.experimentAnnotationSummaries.map(F=>{const{annotationName:D,minScore:M,maxScore:R}=F;return{header:()=>s(k,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",justifyContent:"end",children:[e(x,{children:D}),e(ps,{annotationName:D})]}),id:`annotation-${D}`,meta:{textAlign:"right"},cell:({row:O})=>{const U=O.original.annotationSummaryMap[D];return!U||U.meanScore==null?e("span",{css:K`
|
|
3028
3028
|
float: right;
|
|
3029
|
-
`,children:"--"}):e(
|
|
3029
|
+
`,children:"--"}):e(yu,{annotationName:D,value:U.meanScore,min:M,max:R})}}}),f=[{header:"run count",accessorKey:"runCount",meta:{textAlign:"right"},cell:ys},{header:"avg latency",accessorKey:"averageRunLatencyMs",meta:{textAlign:"right"},cell:({getValue:F})=>{const D=F();return D===null||typeof D!="number"?"--":e(xe,{latencyMs:D})}},{header:"error rate",accessorKey:"errorRate",meta:{textAlign:"right"},cell:cu},{header:"metadata",accessorKey:"metadata",minSize:200,cell:Sn},{id:"actions",cell:({row:F})=>{const D=F.original.project,M=F.original.metadata;return e(fu,{projectId:(D==null?void 0:D.id)||null,metadata:M})}}],p=me({columns:[...y,...g,...f],data:m,getCoreRowModel:ge(),state:{rowSelection:l},onRowSelectionChange:t}),b=p.getRowModel().rows,S=p.getSelectedRowModel().rows,h=S.map(F=>F.original),v=u.useCallback(()=>{t({})},[t]),A=b.length===0,I=u.useCallback(F=>{if(F){const{scrollHeight:D,scrollTop:M,clientHeight:R}=F;D-M-R<300&&!c&&o&&r(mu)}},[o,c,r]),C=ae();return s("div",{css:K`
|
|
3030
3030
|
flex: 1 1 auto;
|
|
3031
3031
|
overflow: auto;
|
|
3032
3032
|
width: table.getTotalSize();
|
|
3033
|
-
`,ref:a,onScroll:
|
|
3033
|
+
`,ref:a,onScroll:F=>I(F.target),children:[s("table",{css:In,children:[e("thead",{children:p.getHeaderGroups().map(F=>e("tr",{children:F.headers.map(D=>{var M,R;return e("th",{align:(R=(M=D.column.columnDef)==null?void 0:M.meta)==null?void 0:R.textAlign,children:e("div",{children:H(D.column.columnDef.header,D.getContext())})},D.id)})},F.id))}),A?e(gu,{}):e("tbody",{children:b.map(F=>e("tr",{onClick:()=>{C(`/datasets/${n.id}/compare?experimentId=${F.original.id}`)},children:F.getVisibleCells().map(D=>e("td",{children:H(D.column.columnDef.cell,D.getContext())},D.id))},F.id))})]}),S.length?e(uu,{datasetId:n.id,selectedExperiments:h,onClearSelection:v,onExperimentsDeleted:()=>{d({},{fetchPolicy:"store-and-network"})}}):null]})}function yu({annotationName:n,value:a,min:l,max:t}){const i=Fl(n),r=u.useMemo(()=>{const o=typeof l=="number"?l:0,c=typeof t=="number"?t:1;if(o===c&&c===a)return 100;const d=c-o||1;return(a-o)/d*100},[a,l,t]);return s(Ke,{children:[e(vn,{children:s("div",{css:K`
|
|
3034
3034
|
float: right;
|
|
3035
3035
|
--mod-barloader-fill-color: ${i};
|
|
3036
3036
|
display: flex;
|
|
3037
3037
|
flex-direction: row;
|
|
3038
3038
|
align-items: center;
|
|
3039
3039
|
gap: var(--ac-global-dimension-size-100);
|
|
3040
|
-
`,children:[
|
|
3040
|
+
`,children:[bn(a),e(Ks,{width:"40px",value:r,"aria-label":"where the mean score lands between overall min max"})]})}),e(Wn,{children:s(T,{width:"size-2400",children:[e(te,{level:3,weight:"heavy",children:n}),s(k,{direction:"column",children:[s(k,{justifyContent:"space-between",children:[e(x,{weight:"heavy",textSize:"small",children:"Mean Score"}),e(x,{textSize:"small",children:bn(a)})]}),s(k,{justifyContent:"space-between",children:[e(x,{weight:"heavy",textSize:"small",children:"All Experiments Min"}),e(x,{textSize:"small",children:bn(l)})]}),s(k,{justifyContent:"space-between",children:[e(x,{weight:"heavy",textSize:"small",children:"All Experiments Max"}),e(x,{textSize:"small",children:bn(t)})]}),s(k,{justifyContent:"space-between",children:[e(x,{weight:"heavy",textSize:"small",children:"Mean Score Percentile"}),e(x,{textSize:"small",children:xl(r)})]})]})]})})]})}function fu(n){const{projectId:a}=n,l=ae(),[t,i]=u.useState(null);return s("div",{onClick:r=>{r.preventDefault(),r.stopPropagation()},children:[s(Be,{buttonSize:"compact",align:"end",disabledKeys:a?[]:["GO_TO_EXPERIMENT_RUN_TRACES"],onAction:r=>{switch(r){case"GO_TO_EXPERIMENT_RUN_TRACES":return l(`/projects/${a}`);case"VIEW_METADATA":{i(e(q,{title:"Metadata",onDismiss:()=>i(null),children:e(Ze,{value:JSON.stringify(n.metadata,null,2)})}));break}default:he()}},children:[e(J,{children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(E.Trace,{})}),e(x,{children:"View run traces"})]})},"GO_TO_EXPERIMENT_RUN_TRACES"),e(J,{children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(E.InfoOutline,{})}),e(x,{children:"View Metadata"})]})},"VIEW_METADATA")]}),e(Y,{type:"modal",isDismissable:!0,onDismiss:()=>{i(null)},children:t})]})}function dm(){const n=jn();return s(G,{children:[e(pu,{dataset:n.dataset}),e(u.Suspense,{children:e(Fe,{})})]})}const lr=function(){var n={defaultValue:null,kind:"LocalArgument",name:"datasetId"},a={defaultValue:null,kind:"LocalArgument",name:"experimentIds"},l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"traceId",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"projectId",storageKey:null}],storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},r={alias:"comparisons",args:[{kind:"Variable",name:"experimentIds",variableName:"experimentIds"}],concreteType:"ExperimentComparison",kind:"LinkedField",name:"compareExperiments",plural:!0,selections:[{alias:null,args:null,concreteType:"DatasetExample",kind:"LinkedField",name:"example",plural:!1,selections:[l,{alias:null,args:null,concreteType:"DatasetExampleRevision",kind:"LinkedField",name:"revision",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"input",storageKey:null},{alias:"referenceOutput",args:null,kind:"ScalarField",name:"output",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"RunComparisonItem",kind:"LinkedField",name:"runComparisonItems",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"experimentId",storageKey:null},{alias:null,args:null,concreteType:"ExperimentRun",kind:"LinkedField",name:"runs",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"output",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"error",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"endTime",storageKey:null},t,{alias:null,args:null,concreteType:"ExperimentRunAnnotationConnection",kind:"LinkedField",name:"annotations",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentRunAnnotationEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"annotation",args:null,concreteType:"ExperimentRunAnnotation",kind:"LinkedField",name:"node",plural:!1,selections:[l,i,{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"annotatorKind",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},t],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null},o=[{kind:"Variable",name:"id",variableName:"datasetId"}],c={kind:"InlineFragment",selections:[{alias:null,args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[l,i,{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null};return{fragment:{argumentDefinitions:[n,a],kind:"Fragment",metadata:null,name:"ExperimentCompareTableQuery",selections:[r,{alias:"dataset",args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,c],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"ExperimentCompareTableQuery",selections:[r,{alias:"dataset",args:o,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l,c],storageKey:null}]},params:{cacheID:"97e80c617426f75b81affa68e276b3d8",id:null,metadata:{},name:"ExperimentCompareTableQuery",operationKind:"query",text:`query ExperimentCompareTableQuery(
|
|
3041
3041
|
$experimentIds: [GlobalID!]!
|
|
3042
3042
|
$datasetId: GlobalID!
|
|
3043
3043
|
) {
|
|
@@ -3095,7 +3095,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
3095
3095
|
}
|
|
3096
3096
|
}
|
|
3097
3097
|
}
|
|
3098
|
-
`}}}();
|
|
3098
|
+
`}}}();lr.hash="e6132b301f6d80be7f5c5b0653e25178";const xa={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}},hu=K`
|
|
3099
3099
|
flex: 1 1 auto;
|
|
3100
3100
|
overflow: auto;
|
|
3101
3101
|
// Make sure the table fills up the remaining space
|
|
@@ -3105,7 +3105,7 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
3105
3105
|
vertical-align: top;
|
|
3106
3106
|
}
|
|
3107
3107
|
}
|
|
3108
|
-
`,
|
|
3108
|
+
`,tr=K`
|
|
3109
3109
|
position: relative;
|
|
3110
3110
|
min-height: 75px;
|
|
3111
3111
|
.controls {
|
|
@@ -3122,40 +3122,40 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
3122
3122
|
border-color: var(--ac-global-color-primary);
|
|
3123
3123
|
}
|
|
3124
3124
|
}
|
|
3125
|
-
`,
|
|
3125
|
+
`,ir=K`
|
|
3126
3126
|
position: absolute;
|
|
3127
3127
|
top: -23px;
|
|
3128
3128
|
right: 0px;
|
|
3129
3129
|
display: flex;
|
|
3130
3130
|
flex-direction: row;
|
|
3131
3131
|
gap: var(--ac-global-dimension-static-size-100);
|
|
3132
|
-
`,
|
|
3132
|
+
`,ku=K`
|
|
3133
3133
|
display: flex;
|
|
3134
3134
|
flex-direction: row;
|
|
3135
3135
|
align-items: center;
|
|
3136
3136
|
color: var(--ac-global-color-primary);
|
|
3137
3137
|
gap: var(--ac-global-dimension-size-50);
|
|
3138
|
-
`;function
|
|
3138
|
+
`;function bu(n){const{datasetId:a,experimentIds:l,displayFullText:t}=n,i=L.useLazyLoadQuery(lr,{experimentIds:l,datasetId:a}),r=u.useMemo(()=>{var h,v;return((v=(h=i.dataset)==null?void 0:h.experiments)==null?void 0:v.edges.reduce((A,I)=>(A[I.experiment.id]={...I.experiment},A),{}))||{}},[i]),o=u.useMemo(()=>i.comparisons.map(h=>{const v=h.runComparisonItems.reduce((A,I)=>(A[I.experimentId]=I,A),{});return{...h,id:h.example.id,input:h.example.revision.input,referenceOutput:h.example.revision.referenceOutput,runComparisonMap:v}}),[i]),[c,d]=u.useState(null),m=u.useMemo(()=>[{header:"input",accessorKey:"input",minWidth:500,cell:({row:h})=>s("div",{css:tr,children:[e(ja,{children:e(Ma,{json:h.original.input,disableTitle:!0,space:t?2:0})}),e("div",{className:"controls",css:ir,children:s(Ke,{children:[e(V,{variant:"default",size:"compact","aria-label":"View example details",icon:e(w,{svg:e(E.ExpandOutline,{})}),onClick:()=>{u.startTransition(()=>{d(e(u.Suspense,{children:e(Ui,{exampleId:h.original.example.id,onDismiss:()=>{d(null)}})}))})}}),e(Vn,{children:"View Example"})]})})]})},{header:"reference output",accessorKey:"referenceOutput",minWidth:500,cell:t?xu:Sn}],[t]),y=u.useMemo(()=>l.map(h=>({header:()=>{var I,C;const v=(I=r[h])==null?void 0:I.name,A=((C=r[h])==null?void 0:C.sequenceNumber)||0;return s(k,{direction:"row",gap:"size-100",wrap:!0,children:[e(da,{sequenceNumber:A}),e(x,{children:v})]})},accessorKey:h,minSize:500,cell:({row:v})=>{var O,U;const A=v.original.runComparisonMap[h],I=(A==null?void 0:A.runs.length)||0;if(I===0)return e(tl,{});if(I>1)return e(x,{color:"warning",children:`${I} runs`});const C=A==null?void 0:A.runs[0];let F=null;const D=(O=C==null?void 0:C.trace)==null?void 0:O.traceId,M=(U=C==null?void 0:C.trace)==null?void 0:U.projectId;D&&M&&(F=s(Ke,{children:[e(V,{variant:"default",className:"trace-button",size:"compact","aria-label":"View run trace",icon:e(w,{svg:e(E.Trace,{})}),onClick:ee=>{ee.preventDefault(),ee.stopPropagation(),u.startTransition(()=>{d(e(dr,{traceId:D,projectId:M,title:"Experiment Run Trace"}))})}}),e(Vn,{children:"View Trace"})]}));const R=s(G,{children:[s(Ke,{children:[e(V,{variant:"default",className:"expand-button",size:"compact","aria-label":"View example run details",icon:e(w,{svg:e(E.ExpandOutline,{})}),onClick:ee=>{ee.preventDefault(),ee.stopPropagation(),u.startTransition(()=>{d(e(Tu,{selectedExample:v.original,datasetId:a,experimentInfoById:r}))})}}),e(Vn,{children:"View run details"})]}),F]});return C?e(Fu,{controls:R,children:e(Ku,{...C,displayFullText:t,setDialog:d})}):e(tl,{})}})),[l,r,a,t]),g=u.useMemo(()=>[...m,...y,{id:"tail",minSize:500}],[m,y]),f=me({columns:g,data:o,getCoreRowModel:ge(),columnResizeMode:"onChange"}),p=De.useMemo(()=>{const h=f.getFlatHeaders(),v={};for(let A=0;A<h.length;A++){const I=h[A];v[`--header-${I.id}-size`]=I.getSize(),v[`--col-${I.column.id}-size`]=I.column.getSize()}return v},[f.getState().columnSizingInfo,f.getState().columnSizing]),S=f.getRowModel().rows.length===0;return s("div",{css:hu,children:[s("table",{css:h=>K(dn(h),fs),style:{...p,width:f.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:f.getHeaderGroups().map(h=>e("tr",{children:h.headers.map(v=>s("th",{style:{width:`calc(var(--header-${v==null?void 0:v.id}-size) * 1px)`},children:[e("div",{children:H(v.column.columnDef.header,v.getContext())}),e("div",{onMouseDown:v.getResizeHandler(),onTouchStart:v.getResizeHandler(),className:`resizer ${v.column.getIsResizing()?"isResizing":""}`})]},v.id))},h.id))}),S?e(un,{}):f.getState().columnSizingInfo.isResizingColumn?e(Su,{table:f}):e(rr,{table:f})]}),e(Y,{isDismissable:!0,type:"slideOver",onDismiss:()=>{d(null)},children:c})]})}function rr({table:n}){return e("tbody",{children:n.getRowModel().rows.map(a=>e("tr",{children:a.getVisibleCells().map(l=>e("td",{style:{width:`calc(var(--col-${l.column.id}-size) * 1px)`},children:H(l.column.columnDef.cell,l.getContext())},l.id))},a.id))})}const Su=De.memo(rr,(n,a)=>n.table.options.data===a.table.options.data);function vu(n){const{datasetId:a,exampleId:l}=n,t=ae();return e("div",{onClick:i=>{i.preventDefault(),i.stopPropagation()},children:e(Be,{buttonSize:"compact",align:"end",onAction:i=>{switch(i){case"gotoExample":return t(`/datasets/${a}/examples/${l}`);default:he()}},children:e(J,{children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(w,{svg:e(E.ExternalLinkOutline,{})}),e(x,{children:"Go to example"})]})},"gotoExample")})})}function Ku(n){const{output:a,error:l,startTime:t,endTime:i,annotations:r,displayFullText:o,setDialog:c}=n;if(l)return e(sr,{error:l});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(ja,{children:e(Ma,{json:a,disableTitle:!0,space:o?2:0})}),s("ul",{css:K`
|
|
3139
3139
|
display: flex;
|
|
3140
3140
|
flex-direction: row;
|
|
3141
3141
|
gap: var(--ac-global-dimension-static-size-100);
|
|
3142
3142
|
align-items: center;
|
|
3143
3143
|
flex-wrap: wrap;
|
|
3144
|
-
`,children:[e("li",{children:e(
|
|
3144
|
+
`,children:[e("li",{children:e(or,{startTime:t,endTime:i})},"run-latency"),d.map(m=>e("li",{children:e(Hn,{annotation:m,extra:m.trace&&e(T,{paddingTop:"size-100",children:s("div",{css:ku,children:[e(w,{svg:e(E.InfoOutline,{})}),e("span",{children:"Click to view evaluator trace"})]})}),children:e(cn,{annotation:m,onClick:()=>{const y=m.trace;y&&u.startTransition(()=>{c(e(dr,{traceId:y.traceId,projectId:y.projectId,title:`Evaluator Trace: ${m.name}`}))})}})})},m.id))]})]})}function Fu(n){return s("div",{css:tr,children:[n.children,e("div",{css:ir,className:"controls",children:n.controls})]})}function sr({error:n}){return s(k,{direction:"row",gap:"size-50",alignItems:"center",children:[e(w,{svg:e(E.AlertCircleOutline,{}),color:"danger"}),e(x,{color:"danger",children:n})]})}function or({startTime:n,endTime:a}){const l=u.useMemo(()=>{let t=null;return n&&a&&(t=new Date(a).getTime()-new Date(n).getTime()),t},[n,a]);return l===null?null:e(xe,{latencyMs:l})}function tl(){return s(k,{direction:"row",gap:"size-50",children:[e(w,{svg:e(E.MinusCircleOutline,{}),color:"grey-800"}),e(x,{color:"text-700",children:"not run"})]})}function xu({getValue:n}){const a=n();return e(ja,{children:e(Ma,{json:a,space:2})})}function ja({children:n}){return e("div",{css:K`
|
|
3145
3145
|
max-height: 300px;
|
|
3146
3146
|
overflow-y: auto;
|
|
3147
|
-
`,children:n})}function
|
|
3147
|
+
`,children:n})}function Tu({selectedExample:n,datasetId:a,experimentInfoById:l}){return e(q,{title:`Comparing Experiments for Example: ${n.id}`,size:"fullscreen",extra:e(vu,{datasetId:a,exampleId:n.id}),children:s(an,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(ce,{defaultSize:100,children:e("div",{css:K`
|
|
3148
3148
|
overflow-y: auto;
|
|
3149
3149
|
height: 100%;
|
|
3150
|
-
`,children:e(T,{overflow:"hidden",padding:"size-200",children:s(k,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(T,{width:"50%",children:e(
|
|
3150
|
+
`,children:e(T,{overflow:"hidden",padding:"size-200",children:s(k,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(T,{width:"50%",children:e(Q,{title:"Input",...xa,bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},extra:e(X,{text:JSON.stringify(n.input)}),children:e(Ze,{value:JSON.stringify(n.input,null,2)})})}),e(T,{width:"50%",children:e(Q,{title:"Reference Output",...xa,extra:e(X,{text:JSON.stringify(n.input)}),bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},children:e(Ze,{value:JSON.stringify(n.referenceOutput,null,2)})})})]})})})}),e(ln,{css:Cn}),e(ce,{defaultSize:200,children:s(k,{direction:"column",height:"100%",children:[e(T,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(te,{level:2,children:"Experiments"})}),e("div",{css:K`
|
|
3151
3151
|
overflow-y: auto;
|
|
3152
3152
|
height: 100%;
|
|
3153
3153
|
padding: var(--ac-global-dimension-static-size-200);
|
|
3154
|
-
`,children:e("ul",{css:
|
|
3154
|
+
`,children:e("ul",{css:K`
|
|
3155
3155
|
display: flex;
|
|
3156
3156
|
flex-direction: column;
|
|
3157
3157
|
gap: var(--ac-global-dimension-static-size-200);
|
|
3158
|
-
`,children:n.runComparisonItems.map(t=>{const i=l[t.experimentId];return e("li",{children:e(
|
|
3158
|
+
`,children:n.runComparisonItems.map(t=>{const i=l[t.experimentId];return e("li",{children:e(Q,{...xa,title:i==null?void 0:i.name,titleExtra:e(da,{sequenceNumber:(i==null?void 0:i.sequenceNumber)||0}),children:e("ul",{children:t.runs.map((r,o)=>{var c;return e("li",{children:s(k,{direction:"row",children:[e(T,{flex:!0,children:r.error?e(T,{padding:"size-200",children:e(sr,{error:r.error})}):e(Ze,{value:JSON.stringify(r.output,null,2)})}),s(hn,{width:"size-3000",children:[e(or,{startTime:r.startTime,endTime:r.endTime}),e("ul",{css:K`
|
|
3159
3159
|
margin-top: var(
|
|
3160
3160
|
--ac-global-dimension-static-size-100
|
|
3161
3161
|
);
|
|
@@ -3166,12 +3166,12 @@ fragment ExperimentsTableFragment_2HEEH6 on Dataset {
|
|
|
3166
3166
|
gap: var(
|
|
3167
3167
|
--ac-global-dimension-static-size-100
|
|
3168
3168
|
);
|
|
3169
|
-
`,children:(
|
|
3169
|
+
`,children:(c=r.annotations)==null?void 0:c.edges.map(d=>e("li",{children:e(cn,{annotation:d.annotation})},d.annotation.id))})]})]})},o)})})})},t.experimentId)})})})]})})]})})}function dr({traceId:n,projectId:a,title:l}){const t=ae();return e(q,{title:l,size:"fullscreen",extra:e(V,{variant:"default",onClick:()=>t(`/projects/${a}/traces/${n}`),children:"View Trace in Project"}),children:e($t,{traceId:n,projectId:a})})}const cr={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"ExperimentMultiSelector__experiments",selections:[{alias:null,args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null};cr.hash="1aa376b1e9425f49268ac231dc2c0412";function Du(n){const{dataset:a,selectedExperimentIds:l,onChange:t,label:i,validationState:r,description:o,errorMessage:c,...d}=n,m=L.useFragment(cr,a),y=u.useMemo(()=>m.experiments.edges.map(p=>p.experiment),[m]),g=y.length===0,f=u.useMemo(()=>{if(g)return"No experiments";const p=l.length;return p>0?`${p} experiment${p>1?"s":""}`:"No experiments selected"},[l,g]);return e(ua,{label:i,isDisabled:g,validationState:r,description:o,errorMessage:c,children:e(za,{isDisabled:g,...d,menu:e(Un,{selectionMode:"multiple",onSelectionChange:p=>{t(Array.from(p))},selectedKeys:new Set(l),children:y.map(p=>e(J,{textValue:p.name,children:s(k,{direction:"column",gap:"size-50",children:[s(k,{direction:"row",gap:"size-100",children:[e(da,{sequenceNumber:p.sequenceNumber}),e(x,{children:p.name})]}),e(x,{textSize:"small",color:"text-700",children:new Date(p.createdAt).toLocaleString()})]})},p.id))}),triggerProps:{placement:"bottom start"},children:f})})}function cm(){const n=jn(),[a,l]=u.useState(!1),[t,i]=ol(),r=t.getAll("experimentId"),o=r.length>0;return s("main",{css:K`
|
|
3170
3170
|
height: 100%;
|
|
3171
3171
|
display: flex;
|
|
3172
3172
|
flex-direction: column;
|
|
3173
3173
|
overflow: hidden;
|
|
3174
|
-
`,children:[e(T,{padding:"size-200",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:s(k,{direction:"column",gap:"size-100",children:[e(
|
|
3174
|
+
`,children:[e(T,{padding:"size-200",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:s(k,{direction:"column",gap:"size-100",children:[e(te,{level:1,children:"Compare Experiments"}),s(k,{direction:"row",justifyContent:"space-between",alignItems:"end",children:[e(Du,{dataset:n.dataset,selectedExperimentIds:r,label:"experiments",onChange:c=>{u.startTransition(()=>{t.delete("experimentId"),c.forEach(d=>{t.append("experimentId",d)}),i(t)})}}),e(Va,{onChange:c=>{l(c)},defaultSelected:!1,labelPlacement:"start",children:"Full Text"})]})]})}),o?e(u.Suspense,{fallback:e(se,{}),children:e(bu,{datasetId:n.dataset.id,experimentIds:r,displayFullText:a})}):e(T,{padding:"size-200",children:e(Z,{variant:"info",title:"No Experiment Selected",children:"Please select one or more experiments."})})]})}const ur=function(){var n=[{defaultValue:null,kind:"LocalArgument",name:"id"}],a=[{kind:"Variable",name:"id",variableName:"id"}],l={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},t={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null};return{fragment:{argumentDefinitions:n,kind:"Fragment",metadata:null,name:"experimentCompareLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[l,{kind:"InlineFragment",selections:[t,{args:null,kind:"FragmentSpread",name:"ExperimentMultiSelector__experiments"}],type:"Dataset",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"experimentCompareLoaderQuery",selections:[{alias:"dataset",args:a,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},l,{kind:"InlineFragment",selections:[t,{alias:null,args:null,concreteType:"ExperimentConnection",kind:"LinkedField",name:"experiments",plural:!1,selections:[{alias:null,args:null,concreteType:"ExperimentEdge",kind:"LinkedField",name:"edges",plural:!0,selections:[{alias:"experiment",args:null,concreteType:"Experiment",kind:"LinkedField",name:"node",plural:!1,selections:[l,t,{alias:null,args:null,kind:"ScalarField",name:"sequenceNumber",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],type:"Dataset",abstractKey:null}],storageKey:null}]},params:{cacheID:"7e89f99f940098a21985137aae870de7",id:null,metadata:{},name:"experimentCompareLoaderQuery",operationKind:"query",text:`query experimentCompareLoaderQuery(
|
|
3175
3175
|
$id: GlobalID!
|
|
3176
3176
|
) {
|
|
3177
3177
|
dataset: node(id: $id) {
|
|
@@ -3197,18 +3197,64 @@ fragment ExperimentMultiSelector__experiments on Dataset {
|
|
|
3197
3197
|
}
|
|
3198
3198
|
}
|
|
3199
3199
|
}
|
|
3200
|
-
`}}}();
|
|
3200
|
+
`}}}();ur.hash="fa02088830fd16688f0f2fba9a0009eb";async function um(n){const{datasetId:a}=n.params;return await L.fetchQuery(Ce,ur,{id:a}).toPromise()}const mr={fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"APIKeysCardQuery",selections:[{args:null,kind:"FragmentSpread",name:"SystemAPIKeysTableFragment"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"APIKeysCardQuery",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}]},params:{cacheID:"07048107c95469bc12ff425c6ba264ea",id:null,metadata:{},name:"APIKeysCardQuery",operationKind:"query",text:`query APIKeysCardQuery {
|
|
3201
|
+
...SystemAPIKeysTableFragment
|
|
3202
|
+
}
|
|
3203
|
+
|
|
3204
|
+
fragment SystemAPIKeysTableFragment on Query {
|
|
3205
|
+
systemApiKeys {
|
|
3206
|
+
id
|
|
3207
|
+
name
|
|
3208
|
+
description
|
|
3209
|
+
createdAt
|
|
3210
|
+
expiresAt
|
|
3211
|
+
}
|
|
3212
|
+
}
|
|
3213
|
+
`}};mr.hash="c3d10193f41d6556ae921b604ec89d8c";const gr=function(){var n={defaultValue:null,kind:"LocalArgument",name:"description"},a={defaultValue:null,kind:"LocalArgument",name:"expiresAt"},l={defaultValue:null,kind:"LocalArgument",name:"name"},t=[{fields:[{kind:"Variable",name:"description",variableName:"description"},{kind:"Variable",name:"expiresAt",variableName:"expiresAt"},{kind:"Variable",name:"name",variableName:"name"}],kind:"ObjectValue",name:"input"}],i={alias:null,args:null,kind:"ScalarField",name:"jwt",storageKey:null},r={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},o={alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"apiKey",plural:!1,selections:[r],storageKey:null};return{fragment:{argumentDefinitions:[n,a,l],kind:"Fragment",metadata:null,name:"CreateSystemAPIKeyDialogMutation",selections:[{alias:null,args:t,concreteType:"CreateSystemApiKeyMutationPayload",kind:"LinkedField",name:"createSystemApiKey",plural:!1,selections:[i,{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{args:null,kind:"FragmentSpread",name:"SystemAPIKeysTableFragment"}],storageKey:null},o],storageKey:null}],type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[l,n,a],kind:"Operation",name:"CreateSystemAPIKeyDialogMutation",selections:[{alias:null,args:t,concreteType:"CreateSystemApiKeyMutationPayload",kind:"LinkedField",name:"createSystemApiKey",plural:!1,selections:[i,{alias:null,args:null,concreteType:"Query",kind:"LinkedField",name:"query",plural:!1,selections:[{alias:null,args:null,concreteType:"SystemApiKey",kind:"LinkedField",name:"systemApiKeys",plural:!0,selections:[r,{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"expiresAt",storageKey:null}],storageKey:null}],storageKey:null},o],storageKey:null}]},params:{cacheID:"e162ef32e40e2920bbdb388bedd83989",id:null,metadata:{},name:"CreateSystemAPIKeyDialogMutation",operationKind:"mutation",text:`mutation CreateSystemAPIKeyDialogMutation(
|
|
3214
|
+
$name: String!
|
|
3215
|
+
$description: String = null
|
|
3216
|
+
$expiresAt: DateTime = null
|
|
3217
|
+
) {
|
|
3218
|
+
createSystemApiKey(input: {name: $name, description: $description, expiresAt: $expiresAt}) {
|
|
3219
|
+
jwt
|
|
3220
|
+
query {
|
|
3221
|
+
...SystemAPIKeysTableFragment
|
|
3222
|
+
}
|
|
3223
|
+
apiKey {
|
|
3224
|
+
id
|
|
3225
|
+
}
|
|
3226
|
+
}
|
|
3227
|
+
}
|
|
3228
|
+
|
|
3229
|
+
fragment SystemAPIKeysTableFragment on Query {
|
|
3230
|
+
systemApiKeys {
|
|
3231
|
+
id
|
|
3232
|
+
name
|
|
3233
|
+
description
|
|
3234
|
+
createdAt
|
|
3235
|
+
expiresAt
|
|
3236
|
+
}
|
|
3237
|
+
}
|
|
3238
|
+
`}}}();gr.hash="8e8563676b39f1e44ef4bac4057ef7e3";function Cu(n){const{onSystemKeyCreated:a}=n,[l,t]=u.useState(null),{control:i,handleSubmit:r,formState:{isDirty:o,isValid:c},setError:d}=on({defaultValues:{name:"System",description:"",expiresAt:""}}),[m,y]=L.useMutation(gr),g=u.useCallback(f=>{if(f.expiresAt){const p=cl(f.expiresAt);if(!ul(p))return d("expiresAt",{message:"Date is not in a valid format"});if(p<new Date)return d("expiresAt",{message:"Date must be in the future"})}t(null),m({variables:{...f,expiresAt:f.expiresAt||null},onCompleted:p=>{a(p.createSystemApiKey.jwt)},onError:p=>{t(p.message)}})},[m,a,d]);return s(q,{title:"Create a System Key",isDismissable:!0,children:[l&&e(Z,{variant:"danger",banner:!0,children:l}),s(Tr,{onSubmit:r(g),children:[s(T,{padding:"size-200",children:[e(W,{name:"name",control:i,rules:{required:"System key name is required"},render:({field:{onChange:f,onBlur:p,value:b},fieldState:{invalid:S,error:h}})=>e(le,{label:"Name",description:"A short name to identify this key",errorMessage:h==null?void 0:h.message,validationState:S?"invalid":"valid",onChange:f,onBlur:p,value:b.toString()})}),e(W,{name:"description",control:i,render:({field:{onChange:f,onBlur:p,value:b},fieldState:{invalid:S,error:h}})=>e(Jn,{label:"description",description:"A description of the system key",isRequired:!1,height:100,errorMessage:h==null?void 0:h.message,validationState:S?"invalid":"valid",onChange:f,onBlur:p,value:b==null?void 0:b.toString()})}),e(W,{name:"expiresAt",control:i,render:({field:{name:f,onChange:p,onBlur:b,value:S},fieldState:{invalid:h,error:v}})=>e(le,{label:"Expires At",type:"datetime-local",name:f,description:"The date at which the key will expire. Optional",errorMessage:v==null?void 0:v.message,validationState:h?"invalid":"valid",onChange:p,onBlur:b,defaultValue:S})})]}),e(T,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderColor:"dark",borderTopWidth:"thin",children:e(k,{direction:"row",gap:"size-100",justifyContent:"end",children:e(V,{variant:o?"primary":"default",type:"submit",size:"compact",disabled:!c||y,children:y?"Creating...":"Create Key"})})})]})]})}const pr={argumentDefinitions:[],kind:"Fragment",metadata:null,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};pr.hash="74b725ff0b7b3ce3015ff314e8606cb7";function Iu({query:n}){const a=L.useFragment(pr,n),l=u.useMemo(()=>[...a.systemApiKeys],[a]),t=me({columns:[{header:"Name",accessorKey:"name"},{header:"Description",accessorKey:"description",cell:ke},{header:"Created At",accessorKey:"createdAt",cell:Pe},{header:"Expires At",accessorKey:"expiresAt",cell:Pe}],data:l,getCoreRowModel:ge()}),i=t.getRowModel().rows,r=t.getRowModel().rows.length===0;return s("table",{css:dn,children:[e("thead",{children:t.getHeaderGroups().map(o=>e("tr",{children:o.headers.map(c=>e("th",{colSpan:c.colSpan,children:c.isPlaceholder?null:s("div",{className:c.column.getCanSort()?"cursor-pointer":"",onClick:c.column.getToggleSortingHandler(),style:{left:c.getStart(),width:c.getSize()},children:[H(c.column.columnDef.header,c.getContext()),c.column.getIsSorted()?e(w,{className:"sort-icon",svg:c.column.getIsSorted()==="asc"?e(E.ArrowUpFilled,{}):e(E.ArrowDownFilled,{})}):null]})},c.id))},o.id))}),r?e(un,{message:"No Keys"}):e("tbody",{children:i.map(o=>e("tr",{children:o.getVisibleCells().map(c=>e("td",{children:H(c.column.columnDef.cell,c.getContext())},c.id))},o.id))})]})}function Lu(){const n=L.useLazyLoadQuery(mr,{});return s(fe,{children:[e(j,{title:"System Keys",name:"System Keys",children:e(Iu,{query:n})}),e(j,{title:"User Keys",name:"User Keys",children:e("p",{children:"Coming Soon"})})]})}function Au(){const[n,a]=u.useState(null),l=i=>{a(e(_u,{jwt:i}))},t=()=>{a(e(Cu,{onSystemKeyCreated:l}))};return s("div",{children:[e(Na,{title:"API Keys",variant:"compact",extra:e(V,{variant:"default",size:"compact",icon:e(w,{svg:e(E.PlusCircleOutline,{})}),onClick:t,children:"System Key"}),children:e(u.Suspense,{fallback:e(se,{}),children:e(Lu,{})})}),e(Y,{onDismiss:()=>{a(null)},children:n})]})}function _u(n){const{jwt:a}=n;return s(q,{title:"New API Key Created",isDismissable:!0,children:[e(Z,{variant:"success",banner:!0,children:"You have successfully created a new API key. The API key will only be displayed once below. Please copy and save it in a secure location."}),e("div",{css:K`
|
|
3239
|
+
padding: var(--ac-global-dimension-size-200);
|
|
3240
|
+
.ac-field {
|
|
3241
|
+
width: 100%;
|
|
3242
|
+
}
|
|
3243
|
+
`,children:s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(le,{label:"API Key",isReadOnly:!0,value:a,minWidth:"100%"}),e(X,{text:a,size:"normal"})]})})]})}const yr=function(){var n=[{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:"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,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}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"UsersTableQuery",selections:n,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"UsersTableQuery",selections:n},params:{cacheID:"3771d6178f1ad5275a38f8c9052a0508",id:null,metadata:{},name:"UsersTableQuery",operationKind:"query",text:`query UsersTableQuery {
|
|
3201
3244
|
users {
|
|
3202
3245
|
edges {
|
|
3203
3246
|
user: node {
|
|
3204
3247
|
email
|
|
3205
3248
|
username
|
|
3206
3249
|
createdAt
|
|
3250
|
+
role {
|
|
3251
|
+
name
|
|
3252
|
+
}
|
|
3207
3253
|
}
|
|
3208
3254
|
}
|
|
3209
3255
|
}
|
|
3210
3256
|
}
|
|
3211
|
-
`}}}();
|
|
3257
|
+
`}}}();yr.hash="0a975e18bb54ce2fb35993eb6dcfe029";function Eu(){const n=L.useLazyLoadQuery(yr,{}),a=u.useMemo(()=>n.users.edges.map(({user:r})=>({email:r.email,username:r.username,createdAt:r.createdAt,roleName:r.role.name})),[n]),l=me({columns:[{header:"email",accessorKey:"email"},{header:"username",accessorKey:"username"},{header:"role",accessorKey:"roleName"},{header:"created at",accessorKey:"createdAt",cell:Pe}],data:a,getCoreRowModel:ge()}),t=l.getRowModel().rows,i=l.getRowModel().rows.length===0;return s("table",{css:dn,children:[e("thead",{children:l.getHeaderGroups().map(r=>e("tr",{children:r.headers.map(o=>e("th",{colSpan:o.colSpan,children:o.isPlaceholder?null:s("div",{className:o.column.getCanSort()?"cursor-pointer":"",onClick:o.column.getToggleSortingHandler(),style:{left:o.getStart(),width:o.getSize()},children:[H(o.column.columnDef.header,o.getContext()),o.column.getIsSorted()?e(w,{className:"sort-icon",svg:o.column.getIsSorted()==="asc"?e(E.ArrowUpFilled,{}):e(E.ArrowDownFilled,{})}):null]})},o.id))},r.id))}),i?e(un,{}):e("tbody",{children:t.map(r=>e("tr",{children:r.getVisibleCells().map(o=>e("td",{children:H(o.column.columnDef.cell,o.getContext())},o.id))},r.id))})]})}const Ru=K`
|
|
3212
3258
|
padding: var(--ac-global-dimension-size-400);
|
|
3213
3259
|
max-width: 800px;
|
|
3214
3260
|
min-width: 500px;
|
|
@@ -3216,12 +3262,12 @@ fragment ExperimentMultiSelector__experiments on Dataset {
|
|
|
3216
3262
|
width: 100%;
|
|
3217
3263
|
margin-left: auto;
|
|
3218
3264
|
margin-right: auto;
|
|
3219
|
-
`,
|
|
3265
|
+
`,wu=K`
|
|
3220
3266
|
.ac-field {
|
|
3221
3267
|
// Hacky solution to make the text fields fill the remaining space
|
|
3222
3268
|
width: calc(100% - var(--ac-global-dimension-size-600));
|
|
3223
3269
|
}
|
|
3224
|
-
`;function
|
|
3270
|
+
`;function mm(){const{authenticationEnabled:n}=_s();return e("main",{css:Ru,children:s(k,{direction:"column",gap:"size-200",width:"100%",children:[e(Q,{title:"Platform Settings",variant:"compact",children:s("form",{css:wu,children:[s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(le,{label:"Hostname",value:Ca,isReadOnly:!0,description:"Connect to Phoenix over HTTP"}),e(Ta,{text:Ca})]}),s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(le,{label:"Platform Version",isReadOnly:!0,value:na,description:"The version of the Phoenix server"}),e(Ta,{text:na})]}),s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(le,{label:"Python Version",isReadOnly:!0,value:`pip install 'arize-phoenix==${na}'`,description:"The version of the Python client library to use to connect to this Phoenix"}),e(Ta,{text:na})]})]})}),n&&e(Au,{}),n&&e(Q,{title:"Users",variant:"compact",bodyStyle:{padding:0},children:e(u.Suspense,{fallback:e(se,{}),children:e(Eu,{})})})]})})}function Ta(n){return e(T,{paddingBottom:"19px",children:e(X,{text:n.text,size:"normal"})})}const il=window.Config.basename,rl={width:"100%",height:"100%",border:"none",backgroundColor:"white"};function gm(){return s("div",{css:K`
|
|
3225
3271
|
display: flex;
|
|
3226
3272
|
flex-direction: column;
|
|
3227
3273
|
flex: 1 1 auto;
|
|
@@ -3234,4 +3280,4 @@ fragment ExperimentMultiSelector__experiments on Dataset {
|
|
|
3234
3280
|
flex: 1 1 auto;
|
|
3235
3281
|
height: 100%;
|
|
3236
3282
|
}
|
|
3237
|
-
`,children:[e(
|
|
3283
|
+
`,children:[e(Z,{variant:"info",banner:!0,icon:e(w,{svg:e(E.InfoFilled,{})}),children:"These APIs are under active development and are subject to change."}),s(fe,{children:[e(j,{name:"REST",children:({isSelected:n})=>n&&e("iframe",{src:`${il}/docs`,style:rl})}),e(j,{name:"GraphQL",children:({isSelected:n})=>n&&e("iframe",{src:`${il}/graphql`,style:rl})})]})]})}export{gm as A,Bu as D,Xu as E,zu as F,Ju as L,Yu as M,em as P,mm as S,Zu as T,Ou as a,ju as b,nm as c,Hu as d,qu as e,Uu as f,Gu as g,Qu as h,am as i,tm as j,lm as k,dm as l,om as m,sm as n,rm as o,Wu as p,im as q,um as r,cm as s,Es as u};
|