arize-phoenix 4.10.2rc0__py3-none-any.whl → 4.10.2rc1__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.

Files changed (38) hide show
  1. {arize_phoenix-4.10.2rc0.dist-info → arize_phoenix-4.10.2rc1.dist-info}/METADATA +4 -3
  2. {arize_phoenix-4.10.2rc0.dist-info → arize_phoenix-4.10.2rc1.dist-info}/RECORD +27 -35
  3. phoenix/server/api/context.py +3 -7
  4. phoenix/server/api/openapi/main.py +18 -2
  5. phoenix/server/api/openapi/schema.py +12 -12
  6. phoenix/server/api/routers/v1/__init__.py +36 -83
  7. phoenix/server/api/routers/v1/dataset_examples.py +102 -123
  8. phoenix/server/api/routers/v1/datasets.py +389 -507
  9. phoenix/server/api/routers/v1/evaluations.py +74 -64
  10. phoenix/server/api/routers/v1/experiment_evaluations.py +67 -91
  11. phoenix/server/api/routers/v1/experiment_runs.py +97 -155
  12. phoenix/server/api/routers/v1/experiments.py +131 -181
  13. phoenix/server/api/routers/v1/spans.py +141 -173
  14. phoenix/server/api/routers/v1/traces.py +113 -128
  15. phoenix/server/api/routers/v1/utils.py +94 -0
  16. phoenix/server/api/types/Span.py +0 -1
  17. phoenix/server/app.py +148 -192
  18. phoenix/server/main.py +0 -3
  19. phoenix/server/static/index.css +6 -0
  20. phoenix/server/static/index.js +8547 -0
  21. phoenix/server/templates/index.html +25 -76
  22. phoenix/server/thread_server.py +2 -2
  23. phoenix/trace/schemas.py +0 -1
  24. phoenix/version.py +1 -1
  25. phoenix/server/openapi/docs.py +0 -221
  26. phoenix/server/static/.vite/manifest.json +0 -78
  27. phoenix/server/static/assets/components-C8sm_r1F.js +0 -1142
  28. phoenix/server/static/assets/index-BEKPzgQs.js +0 -100
  29. phoenix/server/static/assets/pages-bN7juCjh.js +0 -2885
  30. phoenix/server/static/assets/vendor-CUDAPm8e.js +0 -641
  31. phoenix/server/static/assets/vendor-DxkFTwjz.css +0 -1
  32. phoenix/server/static/assets/vendor-arizeai-Do2HOmcL.js +0 -662
  33. phoenix/server/static/assets/vendor-codemirror-CrdxOlMs.js +0 -12
  34. phoenix/server/static/assets/vendor-recharts-PKRvByVe.js +0 -59
  35. phoenix/server/static/assets/vendor-three-DwGkEfCM.js +0 -2998
  36. {arize_phoenix-4.10.2rc0.dist-info → arize_phoenix-4.10.2rc1.dist-info}/WHEEL +0 -0
  37. {arize_phoenix-4.10.2rc0.dist-info → arize_phoenix-4.10.2rc1.dist-info}/licenses/IP_NOTICE +0 -0
  38. {arize_phoenix-4.10.2rc0.dist-info → arize_phoenix-4.10.2rc1.dist-info}/licenses/LICENSE +0 -0
@@ -1,2885 +0,0 @@
1
- import{b as _,a8 as qn,v as s,j as e,w as F,a9 as ve,r as g,aa as je,$ as H,ab as Bn,y as he,z as ke,D as G,F as W,B as Mn,R as Fe,o as Za,ac as Ye,ad as se,ae as en,af as Pi,E as Sa,ag as Nn,a6 as ne,a1 as $n,a2 as Y,ah as Ya,ai as de,aj as sn,ak as Mi,al as ra,am as sa,an as oa,ao as Dn,ap as be,n as el,a as Ni,aq as $i,ar as Vi,as as zi,at as Ai,au as Qi,c as Oi,d as ji,av as qi}from"./vendor-CUDAPm8e.js";import{R as Ke,u as Te,a as we,T as va,P as nl,b as al,M as $a,c as Va,d as Vn,D as Bi,e as Hi,f as A,g as ll,h as me,i as Un,j as hn,k as tl,l as kn,m as bn,n as il,o as Pe,p as ln,C as te,q as Jn,r as qe,s as xa,t as zn,E as Gi,v as Wi,w as Ui,L as pe,x as Ji,y as Xi,F as Zi,z as Yi,A as Rn,B as Se,S as er,G as nr,H as rl,I as ar,J as lr,K as za,N as tr,O as ir,Q as rr,U as sr,V as or,W as dr,X as sl,Y as Sn,Z as cr,_ as ur,$ as mr,a0 as gr,a1 as pr,a2 as nn,a3 as Fa,a4 as ol,a5 as gn,a6 as ka,a7 as un,a8 as Ce,a9 as J,aa as tn,ab as yr,ac as Me,ad as Ka,ae as Le,af as fr,ag as hr,ah as Ta,ai as Re,aj as kr,ak as br,al as Sr,am as ye,an as _e,ao as An,ap as vr,aq as Xn,ar as dl,as as xr,at as Qn,au as vn,av as $e,aw as cl,ax as xn,ay as Fn,az as Fr,aA as Aa,aB as ul,aC as Kr,aD as Tr,aE as Dr,aF as Hn,aG as Cr,aH as Ir,aI as Lr,aJ as Er,aK as Rr,aL as _r,aM as wr,aN as Ue,aO as Pr,aP as Da,aQ as Je,aR as En,aS as Mr,aT as Nr,aU as Zn,aV as $r,aW as Ca,aX as Vr}from"./components-C8sm_r1F.js";import{B as ml,C as fe,D as q,G as pn,H as ue,J as zr,l as Ia,K as Yn,P as Kn,I as N,e as M,M as rn,a as gl,c as oe,p as ea,q as na,t as le,h as K,n as pl,N as Ve,j as D,i as k,L as yn,O as yl,f as O,Q as X,s as ee,S as ae,U as fl,V as hl,W as Ar,X as Qr,Y as La,_ as ze,b as Xe,T as ge,Z as kl,r as _n,d as Ne,$ as Q,E as Ea,z as aa,a0 as Ra,a1 as Or,a2 as la,u as jr,x as _a,a3 as qr}from"./vendor-arizeai-Do2HOmcL.js";import{R as Be,C as On,X as He,Y as xe,a as Ge,T as We,B as fn,A as wn,b as bl,c as wa,L as Sl,d as Br,P as Hr,e as Gr,f as Wr}from"./vendor-recharts-PKRvByVe.js";import{p as Pa,R as ta,n as ia,j as Ur,E as Jr,k as Xr,b as Zr}from"./vendor-codemirror-CrdxOlMs.js";const vl=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
- functionality {
3
- modelInferences
4
- }
5
- projects {
6
- edges {
7
- project: node {
8
- id
9
- endTime
10
- }
11
- }
12
- }
13
- }
14
- `}}}();vl.hash="a4bbc4917b3217b8254d68ec7c76dbdd";async function _c(n){var l;const a=await _.fetchQuery(Ke,vl,{}).toPromise();if(a!=null&&a.functionality.modelInferences)return qn("/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 qn("/projects");if(t===1&&i!=null)return qn(`/projects/${i}`);const r=a==null?void 0:a.projects.edges[0].project.id;return qn(`/projects/${r}`)}else throw new Error("No functionality available")}const xl=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}],u={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},u],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},u],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
- $startTime: DateTime!
16
- $endTime: DateTime!
17
- ) {
18
- ...ModelSchemaTable_dimensions_3uKjWt
19
- ...ModelEmbeddingsTable_embeddingDimensions_3uKjWt
20
- }
21
-
22
- fragment ModelEmbeddingsTable_embeddingDimensions_3uKjWt on Query {
23
- model {
24
- embeddingDimensions(first: 50) {
25
- edges {
26
- embedding: node {
27
- id
28
- name
29
- euclideanDistance: driftMetric(metric: euclideanDistance, timeRange: {start: $startTime, end: $endTime})
30
- }
31
- cursor
32
- node {
33
- __typename
34
- }
35
- }
36
- pageInfo {
37
- endCursor
38
- hasNextPage
39
- }
40
- }
41
- }
42
- }
43
-
44
- fragment ModelSchemaTable_dimensions_3uKjWt on Query {
45
- model {
46
- dimensions(first: 50) {
47
- edges {
48
- dimension: node {
49
- id
50
- name
51
- type
52
- dataType
53
- cardinality: dataQualityMetric(metric: cardinality, timeRange: {start: $startTime, end: $endTime})
54
- percentEmpty: dataQualityMetric(metric: percentEmpty, timeRange: {start: $startTime, end: $endTime})
55
- min: dataQualityMetric(metric: min, timeRange: {start: $startTime, end: $endTime})
56
- mean: dataQualityMetric(metric: mean, timeRange: {start: $startTime, end: $endTime})
57
- max: dataQualityMetric(metric: max, timeRange: {start: $startTime, end: $endTime})
58
- psi: driftMetric(metric: psi, timeRange: {start: $startTime, end: $endTime})
59
- }
60
- cursor
61
- node {
62
- __typename
63
- }
64
- }
65
- pageInfo {
66
- endCursor
67
- hasNextPage
68
- }
69
- }
70
- }
71
- }
72
- `}}}();xl.hash="b612239336c7638df42037315b00f635";function wc(n){const{referenceInferences:a}=Te(),{timeRange:l}=we(),t=_.useLazyLoadQuery(xl,{startTime:l.start.toISOString(),endTime:l.end.toISOString()});return s("main",{children:[s(va,{children:[e(nl,{}),a?e(al,{inferencesRole:"reference",timeRange:{start:new Date(a.startTime),end:new Date(a.endTime)}}):null]}),e("section",{css:F`
73
- margin: var(--px-spacing-lg);
74
- `,children:e(ml,{title:"Model Schema",variant:"compact",bodyStyle:{padding:0},children:s(fe,{children:[e(q,{name:"All",children:s(pn,{children:[e(ue,{title:"Embeddings",id:"embeddings",children:e($a,{model:t})}),e(ue,{title:"Dimensions",id:"dimensions",children:e(Va,{model:t})})]})},"all"),e(q,{name:"Embeddings",children:e($a,{model:t})},"embeddings"),e(q,{name:"Dimensions",children:e(Va,{model:t})},"dimensions")]})})}),e(ve,{})]})}const Fl={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
- model {
76
- ...MetricSelector_dimensions
77
- }
78
- }
79
-
80
- fragment MetricSelector_dimensions on Model {
81
- numericDimensions: dimensions(include: {dataTypes: [numeric]}) {
82
- edges {
83
- node {
84
- id
85
- name
86
- type
87
- }
88
- }
89
- }
90
- }
91
- `}};Fl.hash="374499f7f8ce6919e4a0a4ecbe380c52";const Kl=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"},u={defaultValue:null,kind:"LocalArgument",name:"nSamples"},f={defaultValue:null,kind:"LocalArgument",name:"performanceMetric"},m={defaultValue:null,kind:"LocalArgument",name:"timeRange"},p=[{kind:"Variable",name:"id",variableName:"id"}],y={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},x=[y,{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}],L=[{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:x,storageKey:null},{alias:null,args:null,concreteType:"UMAPPoint",kind:"LinkedField",name:"referenceData",plural:!0,selections:x,storageKey:null},{alias:null,args:null,concreteType:"UMAPPoint",kind:"LinkedField",name:"corpusData",plural:!0,selections:x,storageKey:null},{alias:null,args:null,concreteType:"Cluster",kind:"LinkedField",name:"clusters",plural:!0,selections:[y,{alias:null,args:null,kind:"ScalarField",name:"eventIds",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"driftRatio",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"primaryToCorpusRatio",storageKey:null},{condition:"fetchDataQualityMetric",kind:"Condition",passingValue:!0,selections:[{alias:null,args:[{fields:[{kind:"Variable",name:"columnName",variableName:"dataQualityMetricColumnName"},{kind:"Literal",name:"metric",value:"mean"}],kind:"ObjectValue",name:"metric"}],concreteType:"DatasetValues",kind:"LinkedField",name:"dataQualityMetric",plural:!1,selections:L,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:L,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,u,f,m],kind:"Fragment",metadata:null,name:"EmbeddingPageUMAPQuery",selections:[{alias:"embedding",args:p,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[I],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[r,m,c,d,u,o,n,a,t,l,i,f],kind:"Operation",name:"EmbeddingPageUMAPQuery",selections:[{alias:"embedding",args:p,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[b,I,{kind:"TypeDiscriminator",abstractKey:"__isNode"},y],storageKey:null}]},params:{cacheID:"d30210c52f86b9d9a7ac958f866aa93e",id:null,metadata:{},name:"EmbeddingPageUMAPQuery",operationKind:"query",text:`query EmbeddingPageUMAPQuery(
92
- $id: GlobalID!
93
- $timeRange: TimeRange!
94
- $minDist: Float!
95
- $nNeighbors: Int!
96
- $nSamples: Int!
97
- $minClusterSize: Int!
98
- $clusterMinSamples: Int!
99
- $clusterSelectionEpsilon: Float!
100
- $fetchDataQualityMetric: Boolean!
101
- $dataQualityMetricColumnName: String
102
- $fetchPerformanceMetric: Boolean!
103
- $performanceMetric: PerformanceMetric!
104
- ) {
105
- embedding: node(id: $id) {
106
- __typename
107
- ... on EmbeddingDimension {
108
- UMAPPoints(timeRange: $timeRange, minDist: $minDist, nNeighbors: $nNeighbors, nSamples: $nSamples, minClusterSize: $minClusterSize, clusterMinSamples: $clusterMinSamples, clusterSelectionEpsilon: $clusterSelectionEpsilon) {
109
- data {
110
- id
111
- eventId
112
- coordinates {
113
- __typename
114
- ... on Point3D {
115
- x
116
- y
117
- z
118
- }
119
- ... on Point2D {
120
- x
121
- y
122
- }
123
- }
124
- embeddingMetadata {
125
- linkToData
126
- rawData
127
- }
128
- eventMetadata {
129
- predictionId
130
- predictionLabel
131
- actualLabel
132
- predictionScore
133
- actualScore
134
- }
135
- }
136
- referenceData {
137
- id
138
- eventId
139
- coordinates {
140
- __typename
141
- ... on Point3D {
142
- x
143
- y
144
- z
145
- }
146
- ... on Point2D {
147
- x
148
- y
149
- }
150
- }
151
- embeddingMetadata {
152
- linkToData
153
- rawData
154
- }
155
- eventMetadata {
156
- predictionId
157
- predictionLabel
158
- actualLabel
159
- predictionScore
160
- actualScore
161
- }
162
- }
163
- corpusData {
164
- id
165
- eventId
166
- coordinates {
167
- __typename
168
- ... on Point3D {
169
- x
170
- y
171
- z
172
- }
173
- ... on Point2D {
174
- x
175
- y
176
- }
177
- }
178
- embeddingMetadata {
179
- linkToData
180
- rawData
181
- }
182
- eventMetadata {
183
- predictionId
184
- predictionLabel
185
- actualLabel
186
- predictionScore
187
- actualScore
188
- }
189
- }
190
- clusters {
191
- id
192
- eventIds
193
- driftRatio
194
- primaryToCorpusRatio
195
- dataQualityMetric(metric: {columnName: $dataQualityMetricColumnName, metric: mean}) @include(if: $fetchDataQualityMetric) {
196
- primaryValue
197
- referenceValue
198
- }
199
- performanceMetric(metric: {metric: $performanceMetric}) @include(if: $fetchPerformanceMetric) {
200
- primaryValue
201
- referenceValue
202
- }
203
- }
204
- contextRetrievals {
205
- queryId
206
- documentId
207
- relevance
208
- }
209
- }
210
- }
211
- __isNode: __typename
212
- id
213
- }
214
- }
215
- `}}}();Kl.hash="f1ee7ce02317f1c3fe96b77af405095f";function Yr(){const{theme:n}=Vn();return g.useMemo(()=>n==="light"?Bi:Hi,[n])}function es(){const{embeddingDimensionId:n}=je();if(!n)throw new Error("Missing embeddingDimensionId in URL params");return n}const Tl={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 Ze(n){const a=Tl[n];return a!=null?a.shortName:n}function da(n){const a=Tl[n];return a&&a.definition!=null&&a.definition||null}function on(n){return`${n.column}:${n.dir}`}function ns(){const{referenceInferences:n}=Te(),a=!!n,l=A(d=>d.clusterSort),t=A(d=>d.setClusterSort),[i,r]=g.useState(!1),o=g.useMemo(()=>{const d=[];return a&&d.push({label:"Most drift",value:on({column:"driftRatio",dir:"desc"})}),[...d,{label:"Largest clusters",value:on({column:"size",dir:"desc"})},{label:"Smallest clusters",value:on({column:"size",dir:"asc"})},{label:"Highest metric value",value:on({column:"primaryMetricValue",dir:"desc"})},{label:"Lowest metric value",value:on({column:"primaryMetricValue",dir:"asc"})}]},[a]),c=on(l);return e("div",{css:d=>F`
216
- .ac-action-button {
217
- background: none;
218
- border: none;
219
- color: ${"var(--ac-global-text-color-700)"};
220
- font-size: ${d.typography.sizes.small.fontSize}px;
221
- line-height: ${d.typography.sizes.small.lineHeight}px;
222
- cursor: pointer;
223
- outline: none;
224
- &:hover {
225
- color: var(--ac-global-text-color-900);
226
- }
227
- }
228
- `,children:s(Kn,{placement:"bottom right","aria-label":"Sort clusters by",isOpen:i,onOpenChange:d=>r(d),children:[s(zr,{children:["Sort",e("span",{"aria-hidden":!0,"data-testid":"dropdown-caret",css:F`
229
- margin-left: var(--px-spacing-sm);
230
- border-bottom-color: #0000;
231
- border-left-color: #0000;
232
- border-right-color: #0000;
233
- border-style: solid;
234
- border-width: 3px 3px 0;
235
- content: "";
236
- display: inline-block;
237
- height: 0;
238
- vertical-align: middle;
239
- width: 0;
240
- `})]}),e(Ia,{children:e(Yn,{style:{width:200},selectedKeys:[c],selectionMode:"single",items:o,onSelectionChange:d=>{if(d instanceof Set&&d.size>0){const[u]=d.values(),[f,m]=u.split(":");t({column:f,dir:m})}r(!1)},children:d=>e(H,{children:d.label},d.value)})})]})})}const Dl=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
- $clusters: [ClusterInput!]!
242
- ) {
243
- exportClusters(clusters: $clusters) {
244
- fileName
245
- }
246
- }
247
- `}}}();Dl.hash="b5ff2517dbb0d19a1b24dea1796a3576";function as(){const n=A(r=>r.clusters),{notifyError:a,notifySuccess:l}=ll(),[t,i]=_.useMutation(Dl);return e(rn,{align:"end",buttonSize:"compact",icon:i?e(N,{svg:e(M.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(H,{children:[e(N,{svg:e(M.Download,{})}),"Export clusters"]},"export_cluster")})}const Cl={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};Cl.hash="55d03de16503d7af254c17cef7d18ee0";const mn=":";function ls(n){return["drift","performance","dataQuality","retrieval"].includes(n)}function Cn(n){const{type:a,metric:l}=n;switch(a){case"drift":return`${a}${mn}${l}`;case"retrieval":return`${a}${mn}${l}`;case"performance":return`${a}${mn}${l}`;case"dataQuality":{const{name:t}=n.dimension;return`${a}${mn}${l}${mn}${t}`}default:me()}}function ts({metricKey:n,dimensions:a}){const[l,t,i]=n.split(mn);if(!ls(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:me()}}const is=s(na,{variant:"info",children:[e(oe,{level:4,children:"Analysis Metric"}),s(ea,{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 rs({model:n}){const[,a]=g.useTransition(),l=_.useFragment(Cl,n),{referenceInferences:t,corpusInferences:i}=Te(),r=!!t,o=!!i,c=A(y=>y.metric),d=A(y=>y.loading),u=A(y=>y.setMetric),f=l.numericDimensions.edges.map(y=>y.node),m=f.length>0,p=g.useCallback(y=>{const b=ts({metricKey:y,dimensions:f});a(()=>{u(b)})},[u,f,a]);return s(gl,{label:"metric",labelExtra:is,selectedKey:c?Cn(c):void 0,onSelectionChange:p,placeholder:"Select a metric...",isDisabled:d,children:[r?e(Bn,{title:"Drift",children:e(H,{children:"Euclidean Distance"},Cn({type:"drift",metric:"euclideanDistance"}))}):null,o?e(Bn,{title:"Retrieval",children:e(H,{children:"Query Distance"},Cn({type:"retrieval",metric:"queryDistance"}))}):null,e(Bn,{title:"Performance",children:e(H,{children:"Accuracy Score"},Cn({type:"performance",metric:"accuracyScore"}))}),m?e(Bn,{title:"Data Quality",children:f.map(y=>e(H,{children:`${y.name} avg`},Cn({type:"dataQuality",metric:"average",dimension:y})))}):null]})}const Il=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"},u={defaultValue:null,kind:"LocalArgument",name:"timeRange"},f=[{kind:"Variable",name:"id",variableName:"embeddingDimensionId"}],m={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},p={kind:"Variable",name:"granularity",variableName:"metricGranularity"},y={kind:"Variable",name:"timeRange",variableName:"timeRange"},b=[p,{kind:"Literal",name:"metric",value:"euclideanDistance"},y],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"},y],concreteType:"DataQualityTimeSeries",kind:"LinkedField",name:"dataQualityTimeSeries",plural:!1,selections:S,storageKey:null}],type:"EmbeddingDimension",abstractKey:null},x=[{kind:"Variable",name:"id",variableName:"dimensionId"}],L={kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:[p,{kind:"Literal",name:"metric",value:"mean"},y],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:[p,{fields:[{kind:"Variable",name:"metric",variableName:"performanceMetric"}],kind:"ObjectValue",name:"metric"},y],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,u],kind:"Fragment",metadata:null,name:"MetricTimeSeriesQuery",selections:[{alias:"embedding",args:f,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[m,h],storageKey:null},{condition:"fetchDataQuality",kind:"Condition",passingValue:!0,selections:[{alias:"dimension",args:x,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[L],storageKey:null}]},I],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[l,u,c,n,i,o,t,a,r,d],kind:"Operation",name:"MetricTimeSeriesQuery",selections:[{alias:"embedding",args:f,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[C,m,h],storageKey:null},{condition:"fetchDataQuality",kind:"Condition",passingValue:!0,selections:[{alias:"dimension",args:x,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[C,L,{kind:"TypeDiscriminator",abstractKey:"__isNode"},m],storageKey:null}]},I]},params:{cacheID:"a68a8204bf7fdd13e6915b338d4b5497",id:null,metadata:{},name:"MetricTimeSeriesQuery",operationKind:"query",text:`query MetricTimeSeriesQuery(
248
- $embeddingDimensionId: GlobalID!
249
- $timeRange: TimeRange!
250
- $metricGranularity: Granularity!
251
- $countGranularity: Granularity!
252
- $fetchDrift: Boolean!
253
- $fetchQueryDistance: Boolean!
254
- $fetchDataQuality: Boolean!
255
- $dimensionId: GlobalID!
256
- $fetchPerformance: Boolean!
257
- $performanceMetric: PerformanceMetric!
258
- ) {
259
- embedding: node(id: $embeddingDimensionId) {
260
- __typename
261
- id
262
- ... on EmbeddingDimension {
263
- euclideanDistanceTimeSeries: driftTimeSeries(metric: euclideanDistance, timeRange: $timeRange, granularity: $metricGranularity) @include(if: $fetchDrift) {
264
- data {
265
- timestamp
266
- value
267
- }
268
- }
269
- retrievalMetricTimeSeries(metric: euclideanDistance, timeRange: $timeRange, granularity: $metricGranularity) @include(if: $fetchQueryDistance) {
270
- data {
271
- timestamp
272
- value
273
- }
274
- }
275
- trafficTimeSeries: dataQualityTimeSeries(metric: count, timeRange: $timeRange, granularity: $countGranularity) {
276
- data {
277
- timestamp
278
- value
279
- }
280
- }
281
- }
282
- }
283
- dimension: node(id: $dimensionId) @include(if: $fetchDataQuality) {
284
- __typename
285
- ... on Dimension {
286
- name
287
- dataQualityTimeSeries(metric: mean, timeRange: $timeRange, granularity: $metricGranularity) {
288
- data {
289
- timestamp
290
- value
291
- }
292
- }
293
- }
294
- __isNode: __typename
295
- id
296
- }
297
- model {
298
- performanceTimeSeries(metric: {metric: $performanceMetric}, timeRange: $timeRange, granularity: $metricGranularity) @include(if: $fetchPerformance) {
299
- data {
300
- timestamp
301
- value
302
- }
303
- }
304
- }
305
- }
306
- `}}}();Il.hash="f31abad2141a5a1c461ef2a598ffa4f3";const Qa=new Intl.NumberFormat([],{maximumFractionDigits:2}),Ll=()=>{const n=Pe(),a=n.blue400,l=n.gray500;return{color:a,barColor:l}};function ss({active:n,payload:a,label:l}){var r,o,c;const{color:t,barColor:i}=Ll();if(n&&a&&a.length){const d=((r=a[1])==null?void 0:r.value)??null,u=((o=a[0])==null?void 0:o.value)??null,f=typeof d=="number"?Qa.format(d):"--",m=typeof u=="number"?Qa.format(u):"--";return s(qe,{children:[e(K,{weight:"heavy",textSize:"medium",children:`${ln(new Date(l))}`}),e(te,{color:t,name:((c=a[1])==null?void 0:c.payload.metricName)??"Metric",value:f}),e(te,{color:i,shape:"square",name:"Count",value:m}),e(Jn,{}),s("div",{css:F`
307
- display: flex;
308
- flex-direction: row;
309
- align-items: center;
310
- color: var(--ac-global-color-primary);
311
- gap: var(--px-spacing-sm);
312
-
313
- margin-top: var(--px-spacing-sm);
314
- `,children:[e(N,{svg:e(pl,{})}),e("span",{children:"Click to view the point cloud at this time"})]})]})}return null}function os(n){switch(n.type){case"drift":return"Embedding Drift";case"performance":return"Model Performance";case"dataQuality":return"Data Quality";case"retrieval":return"Query Distance";default:me()}}function ds(n){if(n)switch(n.type){case"drift":return Ze(n.metric);case"performance":return Ze(n.metric);case"dataQuality":return`${n.dimension.name} avg`;case"retrieval":return Ze(n.metric);default:me()}else return"Count"}function cs(n){switch(n.type){case"drift":return da(n.metric);case"performance":return da(n.metric);case"dataQuality":return null;case"retrieval":return da(n.metric);default:me()}}function us({embeddingDimensionId:n}){const a=A(v=>v.metric),l=a.type==="drift",t=a.type==="retrieval",i=a.type==="dataQuality",r=a.type==="performance",{timeRange:o}=we(),{selectedTimestamp:c,setSelectedTimestamp:d}=Un(),u=hn(o),f=_.useLazyLoadQuery(Il,{embeddingDimensionId:n,timeRange:{start:o.start.toISOString(),end:o.end.toISOString()},metricGranularity:tl(o),countGranularity:u,fetchDrift:l,fetchQueryDistance:t,fetchDataQuality:i,fetchPerformance:r,dimensionId:a.type==="dataQuality"?a.dimension.id:n,performanceMetric:a.type==="performance"?a.metric:"accuracyScore"}),m=kn({samplingIntervalMinutes:u.samplingIntervalMinutes}),p=g.useCallback(v=>{const{activePayload:T}=v;if(T!=null&&T.length>0){const P=T[0].payload;d(new Date(P.timestamp))}},[d]),y=ms({data:f,metric:a}),S=gs(f).reduce((v,T)=>(v[T.timestamp]=T.value,v),{})??{},h=y.map(v=>{const T=S[v.timestamp];return{...v,traffic:T,timestamp:new Date(v.timestamp).getTime()}}),x=ds(a),L=cs(a),{color:I,barColor:C}=Ll();return s("section",{css:F`
315
- width: 100%;
316
- height: 100%;
317
- display: flex;
318
- flex-direction: column;
319
- overflow: hidden;
320
- h3 {
321
- padding: var(--px-spacing-sm) var(--px-spacing-lg) 0
322
- var(--px-spacing-lg);
323
- flex: none;
324
- display: flex;
325
- flex-direction: row;
326
- align-items: center;
327
- gap: var(--px-spacing-sm);
328
- }
329
- & > div {
330
- flex: 1 1 auto;
331
- width: 100%;
332
- overflow: hidden;
333
- }
334
- `,children:[s(oe,{level:3,children:[os(a),L!=null?s(na,{children:[e(oe,{level:4,children:x}),e(ea,{children:L})]}):null]}),e("div",{children:e(Be,{width:"100%",height:"100%",children:s(On,{data:h,margin:{top:25,right:18,left:18,bottom:10},onClick:p,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(He,{...bn,tickFormatter:v=>m(new Date(v)),style:{fill:"var(--ac-global-text-color-700)"}}),e(xe,{stroke:le.colors.gray200,label:{value:x,angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},style:{fill:"var(--ac-global-text-color-700)"}}),e(xe,{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(Ge,{strokeDasharray:"4 4",stroke:le.colors.gray200,strokeOpacity:.5}),e(We,{content:e(ss,{})}),e(fn,{yAxisId:"right",dataKey:"traffic",fill:"url(#barColor)",spacing:5}),e(wn,{type:"monotone",dataKey:"value",stroke:I,fillOpacity:1,fill:"url(#colorUv)"}),c!=null?e(bl,{...il,x:c.getTime()}):null]})})})]})}function ms({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:Ze(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:Ze(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(u=>({metricName:`${d} avg`,...u}))}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:Ze(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 gs(n){var a;return((a=n.embedding.trafficTimeSeries)==null?void 0:a.data)!=null?[...n.embedding.trafficTimeSeries.data]:[]}const El=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
- $primaryEventIds: [ID!]!
336
- $referenceEventIds: [ID!]!
337
- $corpusEventIds: [ID!]!
338
- ) {
339
- model {
340
- primaryInferences {
341
- events(eventIds: $primaryEventIds) {
342
- id
343
- dimensions {
344
- dimension {
345
- name
346
- type
347
- }
348
- value
349
- }
350
- eventMetadata {
351
- predictionId
352
- predictionLabel
353
- predictionScore
354
- actualLabel
355
- actualScore
356
- }
357
- promptAndResponse {
358
- prompt
359
- response
360
- }
361
- documentText
362
- }
363
- }
364
- referenceInferences {
365
- events(eventIds: $referenceEventIds) {
366
- id
367
- dimensions {
368
- dimension {
369
- name
370
- type
371
- }
372
- value
373
- }
374
- eventMetadata {
375
- predictionId
376
- predictionLabel
377
- predictionScore
378
- actualLabel
379
- actualScore
380
- }
381
- promptAndResponse {
382
- prompt
383
- response
384
- }
385
- documentText
386
- }
387
- }
388
- corpusInferences {
389
- events(eventIds: $corpusEventIds) {
390
- id
391
- dimensions {
392
- dimension {
393
- name
394
- type
395
- }
396
- value
397
- }
398
- eventMetadata {
399
- predictionId
400
- predictionLabel
401
- predictionScore
402
- actualLabel
403
- actualScore
404
- }
405
- promptAndResponse {
406
- prompt
407
- response
408
- }
409
- documentText
410
- }
411
- }
412
- }
413
- }
414
- `}}}();El.hash="4bd627481610322f2acbcf73dfbfaadc";const Oa=F`
415
- margin: var(--px-spacing-lg);
416
- display: flex;
417
- flex-direction: column;
418
- gap: var(--px-spacing-med);
419
- & > div {
420
- display: flex;
421
- flex-direction: row;
422
- dt {
423
- font-weight: bold;
424
- flex: none;
425
- width: 130px;
426
- }
427
- dd {
428
- flex: 1 1 auto;
429
- margin-inline-start: 0;
430
- }
431
- }
432
- `;function In(n){return e("div",{css:F`
433
- max-height: 200px;
434
- overflow-y: auto;
435
- `,children:e("pre",{css:F`
436
- padding: var(--px-spacing-lg);
437
- color: var(--ac-global-text-color-900);
438
- white-space: normal;
439
- margin: 0;
440
- `,children:n.children})})}function ps({event:n}){const a=n.retrievedDocuments&&n.retrievedDocuments.length>0,l=!n.id.includes("CORPUS");return s("section",{css:F`
441
- height: 100%;
442
- overflow-y: auto;
443
- `,children:[e(ks,{event:n}),s(pn,{children:[l?e(ue,{id:"prediction",title:"Prediction Details",children:s("dl",{css:Oa,children:[n.predictionId!=null&&s("div",{children:[e("dt",{children:"Prediction ID"}),e("dd",{css:F`
444
- display: flex;
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:Oa,children:n.predictionId!=null&&s("div",{children:[e("dt",{children:"Document ID"}),e("dd",{css:F`
447
- display: flex;
448
- align-items: center;
449
- `,children:n.predictionId})]})})}),e(ue,{id:"dimensions",title:"Dimensions",children:e(fs,{dimensions:n.dimensions})}),a&&e(ue,{id:"retrievals",title:"Retrieved Documents",titleExtra:e(Ve,{variant:"light",children:n.retrievedDocuments.length}),children:e("ul",{css:F`
450
- padding: var(--px-spacing-med);
451
- li + li {
452
- margin-top: var(--px-spacing-med);
453
- }
454
- `,children:n.retrievedDocuments.map(t=>e("li",{children:e(ys,{document:t})},t.id))})})]})]})}function ys({document:n}){return e(D,{borderRadius:"medium",backgroundColor:"light",children:s(k,{direction:"column",children:[e(D,{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(N,{svg:e(M.FileOutline,{})}),s(oe,{level:4,children:["document ",n.id]})]}),typeof n.relevance=="number"&&e(yn,{color:"blue",children:`relevance ${xa(n.relevance)}`})]})}),e("pre",{css:F`
455
- padding: var(--px-spacing-lg);
456
- white-space: normal;
457
- margin: 0;
458
- `,children:n.text})]})})}function fs({dimensions:n}){const a=g.useMemo(()=>n.map(i=>({name:i.dimension.name,type:i.dimension.type,value:i.value??"--"})),[n]),l=g.useMemo(()=>[{header:()=>"Name",accessorKey:"name"},{header:()=>"Type",accessorKey:"type"},{header:()=>"Value",accessorKey:"value"}],[]),t=he({columns:l,data:a,getCoreRowModel:ke()});return s("table",{css:zn,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:G(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:G(r.column.columnDef.cell,r.getContext())},r.id))},i.id))}):e(bs,{})]})}function hs({dataUrl:n}){const a=Wi(n),l=Ui(n);return a?e("video",{src:n,controls:!0,css:F`
459
- width: 100%;
460
- height: 500px;
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:F`
463
- object-fit: contain;
464
- background-color: black;
465
- `})}function ks({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(hs,{dataUrl:a}),l&&e(pn,{children:e(ue,{id:"raw",title:"Raw Data",children:e(In,{children:l})})})]}):i?r=e(pn,{children:e(ue,{id:"document",title:"Document",children:e(In,{children:i})})}):t?r=s(pn,{children:[e(ue,{id:"prompt",title:"Prompt",children:e(In,{children:t.prompt})}),e(ue,{id:"response",title:"Response",children:e(In,{children:t.response})})]}):n.rawData&&n.rawData&&n.rawData,r}function bs(){return e("tbody",{className:"is-empty",children:e("tr",{children:e("td",{colSpan:100,css:n=>F`
466
- text-align: center;
467
- padding: ${n.spacing.margin24}px ${n.spacing.margin24}px !important;
468
- `,children:e(Gi,{graphicKey:"documents",message:"This embedding has no associated dimensions"})})})})}const Rl=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
- model {
470
- exportedFiles {
471
- fileName
472
- }
473
- }
474
- }
475
- `}}}();Rl.hash="7e6db431afe21f137e54505645c787f4";const _l=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
- $eventIds: [ID!]!
477
- ) {
478
- exportEvents(eventIds: $eventIds) {
479
- fileName
480
- }
481
- }
482
- `}}}();_l.hash="8b0d6962e2034d4c148d1b9919111d2f";const Ss=`import phoenix as px
483
-
484
- exports = px.active_session().exports
485
- dataframe = exports[-1]
486
- dataframe`,vs=F`
487
- .cm-content {
488
- padding: var(--ac-global-dimension-static-size-100);
489
- }
490
- `;function xs({value:n}){const{theme:a}=Vn(),l=a==="light"?void 0:ia;return e(ta,{value:n,basicSetup:!1,extensions:[Pa()],editable:!1,theme:l,css:vs})}function Fs(){const n=A(o=>o.selectedEventIds),[a,l]=_.useMutation(_l),[t,i]=g.useState(null),r=g.useCallback(()=>{a({variables:{eventIds:[...n]},onCompleted:o=>{i(o.exportEvents)}})},[a,n]);return s(W,{children:[e(O,{variant:"default",size:"compact",icon:e(N,{svg:e(yl,{})}),"aria-label":"Export selection / cluster",loading:l,onClick:r,children:l?"Exporting":"Export"}),e(ae,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:t!=null&&s(X,{title:"Cluster Exports",size:"M",children:[e(ee,{variant:"success",banner:!0,title:"Export succeeded",extra:e(O,{variant:"success",size:"compact",onClick:()=>{window.open(`/exports?filename=${t.fileName}`,"_self")},children:"Download"})}),s("div",{css:F`
491
- display: flex;
492
- flex-direction: column;
493
- justify-content: space-between;
494
- align-items: flex-start;
495
- padding: 16px;
496
- gap: 16px;
497
- `,children:[e("p",{css:F`
498
- margin: 0;
499
- flex: 1 1 auto;
500
- `,children:"You can retrieve your export in your notebook via"}),e(D,{borderColor:"light",borderWidth:"thin",borderRadius:"medium",children:e(xs,{value:Ss})})]}),e(pn,{children:e(ue,{id:"all-exports",title:"Latest Exports",children:e(g.Suspense,{fallback:e(pe,{}),children:e(Ks,{})})})})]})})]})}function Ks(){const n=_.useLazyLoadQuery(Rl,{},{fetchPolicy:"network-only"});return e(hl,{children:n.model.exportedFiles.map((a,l)=>e(fl,{children:s("div",{css:F`
501
- display: flex;
502
- flex-direction: row;
503
- justify-content: space-between;
504
- align-items: center;
505
- `,children:[a.fileName,e(O,{size:"compact","aria-label":"Download",variant:"default",icon:e(N,{svg:e(yl,{})}),onClick:()=>{window.open(`/exports?filename=${a.fileName}`,"_self")}})]})},l))})}function Ts(n){const{getInferencesNameByRole:a}=Te(),{events:l,onItemSelected:t}=n,i=A(u=>u.eventIdToDataMap),r=A(u=>u.eventIdToGroup),o=A(u=>u.pointGroupColors),c=A(u=>u.selectionGridSize),d=A(u=>u.setHoveredEventId);return e("div",{css:F`
506
- flex: 1 1 auto;
507
- overflow-y: auto;
508
- `,"data-testid":"grid-view-scroll-container",children:e("ul",{"data-grid-size":c,css:F`
509
- &[data-grid-size="small"] {
510
- --grid-item-min-width: 100px;
511
- --grid-item-height: 100px;
512
- }
513
- &[data-grid-size="medium"] {
514
- --grid-item-min-width: 200px;
515
- --grid-item-height: 200px;
516
- }
517
- &[data-grid-size="large"] {
518
- --grid-item-min-width: 300px;
519
- --grid-item-height: 200px;
520
- }
521
- padding: var(--px-spacing-lg);
522
- transition: all 0.2s ease-in-out;
523
- display: grid;
524
- grid-template-columns: repeat(
525
- auto-fill,
526
- minmax(var(--grid-item-min-width), 1fr)
527
- );
528
- flex-wrap: wrap;
529
- gap: var(--px-spacing-lg);
530
- & > li {
531
- min-width: var(--grid-item-min-width);
532
- height: var(--grid-item-height);
533
- }
534
- `,children:l.map((u,f)=>{const m=i.get(u.id),{rawData:p=null,linkToData:y=null}=(m==null?void 0:m.embeddingMetadata)??{},{predictionLabel:b=null,actualLabel:S=null}=(m==null?void 0:m.eventMetadata)??{},h=Ji(u.id),x=a(h),L=r[u.id],I=o[L];return e("li",{children:e(Xi,{rawData:p,linkToData:y,inferencesName:x,group:L,onClick:()=>{t(u.id)},onMouseOver:()=>{d(u.id)},onMouseOut:()=>{d(null)},color:I,size:c,predictionLabel:b,actualLabel:S,promptAndResponse:u.promptAndResponse,documentText:u.documentText,autoPlay:!1})},f)})})})}function Ds({data:n,onPointSelected:a}){const{primaryInferences:l,referenceInferences:t}=Te(),i=A(f=>f.metric),[r,o]=g.useState([]),{columns:c,tableData:d}=g.useMemo(()=>{const f=n.filter(I=>I.id.includes("CORPUS")===!1);let m=!1,p=!1,y=!1,b=!1,S=!1;n.forEach(I=>{I.linkToData&&(m=!0),I.rawData&&(p=!0),(I.prompt||I.response)&&(y=!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(Cs,{id:I(),primaryInferencesName:l.name,referenceInferencesName:(t==null?void 0:t.name)??"reference"})}),m&&h.push({header:"Link",accessorKey:"linkToData",cell:({getValue:I})=>{const C=I();if(typeof C=="string"){const v=C.split("/").pop();return e(Rn,{href:C,children:v})}return null}}),y?(h.push({header:"Prompt",accessorKey:"prompt",cell:Se,size:200}),h.push({header:"Response",accessorKey:"response",cell:Se,size:200})):p&&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 x=[];if(i&&i.type==="dataQuality"){const I=i.dimension.name;x.push({header:i.dimension.name,accessorKey:"metric",cell:Zi,sortingFn:"basic"}),f.forEach(C=>{var T;const v=(T=C.dimensions.find(P=>P.dimension.name===I))==null?void 0:T.value;C.metric=v!=null?Number(v):null})}return{columns:[...h,...x,{header:"",id:"view-details",size:50,cell:({row:I})=>e(Yi,{"aria-label":"view point details",onClick:()=>{a(I.original.id)},children:"view details"})}],tableData:f}},[n,a,l,t,i]),u=he({columns:c,data:d,state:{sorting:r},getCoreRowModel:ke(),onSortingChange:o,getSortedRowModel:Mn()});return s("table",{css:zn,children:[e("thead",{children:u.getHeaderGroups().map(f=>e("tr",{children:f.headers.map(m=>s("th",{children:[m.isPlaceholder?null:s("div",{className:m.column.getCanSort()?"cursor-pointer":"",onClick:m.column.getToggleSortingHandler(),children:[G(m.column.columnDef.header,m.getContext()),m.column.getIsSorted()?e(N,{className:"sort-icon",svg:m.column.getIsSorted()==="asc"?e(M.ArrowDownFilled,{}):e(M.ArrowUpFilled,{})}):null]}),e("div",{onMouseDown:m.getResizeHandler(),onTouchStart:m.getResizeHandler(),className:`resizer ${m.column.getIsResizing()?"isResizing":""}`,style:{transform:m.column.getIsResizing()?`translateX(${u.getState().columnSizingInfo.deltaOffset}px)`:""}})]},m.id))},f.id))}),e("tbody",{children:u.getRowModel().rows.map(f=>e("tr",{children:f.getVisibleCells().map(m=>e("td",{style:{width:m.column.getSize()},children:G(m.column.columnDef.cell,m.getContext())},m.id))},f.id))})]})}function Cs({id:n,primaryInferencesName:a,referenceInferencesName:l}){const t=n.includes("PRIMARY"),i=Yr();return s(k,{direction:"row",gap:"size-100",alignItems:"center",children:[e(nr,{shape:er.circle,color:i[t?0:1]}),t?a:l]})}const Is=F`
535
- width: 100%;
536
- height: 100%;
537
- position: relative;
538
- display: flex;
539
- flex-direction: column;
540
- /* Give spacing for the close icon */
541
- & > .ac-tabs {
542
- padding-top: 17px;
543
- width: 100%;
544
- height: 100%;
545
- display: flex;
546
- flex-direction: column;
547
- overflow: hidden;
548
- [role="tablist"] {
549
- flex: none;
550
- }
551
- .ac-tabs__pane-container {
552
- display: flex;
553
- flex-direction: column;
554
- flex: 1 1 auto;
555
- overflow: hidden;
556
- [role="tabpanel"] {
557
- display: flex;
558
- flex-direction: column;
559
- flex: 1 1 auto;
560
- overflow: hidden;
561
- }
562
- }
563
- }
564
- `;function Ls({event:n,relevance:a}){return{id:n.eventMetadata.predictionId||"unknown id",text:n.documentText??"empty document",relevance:a}}function Es(){const n=A(v=>v.selectedEventIds),a=A(v=>v.setSelectedEventIds),l=A(v=>v.setSelectedClusterId),t=A(v=>v.selectionDisplay),[i,r]=Fe.useState(null),{primaryEventIds:o,referenceEventIds:c,corpusEventIds:d}=g.useMemo(()=>{const v=[],T=[],P=[];return n.forEach(R=>{R.includes("PRIMARY")?v.push(R):R.includes("CORPUS")?P.push(R):T.push(R)}),{primaryEventIds:v,referenceEventIds:T,corpusEventIds:P}},[n]),u=_.useLazyLoadQuery(El,{primaryEventIds:[...o],referenceEventIds:[...c],corpusEventIds:[...d]}),f=g.useMemo(()=>{var R,z,j,U,ie,re;const v=((z=(R=u.model)==null?void 0:R.primaryInferences)==null?void 0:z.events)??[],T=((U=(j=u.model)==null?void 0:j.referenceInferences)==null?void 0:U.events)??[],P=((re=(ie=u.model)==null?void 0:ie.corpusInferences)==null?void 0:re.events)??[];return[...v,...T,...P]},[u]),m=()=>{a(new Set),l(null)},p=A(v=>v.eventIdToDataMap),y=A(v=>v.pointData),b=A(v=>v.selectionSearchText),S=g.useMemo(()=>f.map(v=>{var R,z,j,U,ie,re,w;const T=p.get(v.id),P=[];return y!=null&&(T==null?void 0:T.retrievals)!=null&&T.retrievals.forEach(({documentId:$,relevance:E})=>{const V=y[$];V!=null&&P.push(Ls({event:V,relevance:E}))}),{id:v.id,predictionId:((R=v.eventMetadata)==null?void 0:R.predictionId)??null,actualLabel:((z=v.eventMetadata)==null?void 0:z.actualLabel)??null,actualScore:((j=v.eventMetadata)==null?void 0:j.actualScore)??null,predictionLabel:((U=v.eventMetadata)==null?void 0:U.predictionLabel)??null,predictionScore:((ie=v.eventMetadata)==null?void 0:ie.predictionScore)??null,rawData:(T==null?void 0:T.embeddingMetadata.rawData)??null,linkToData:(T==null?void 0:T.embeddingMetadata.linkToData)??null,dimensions:v.dimensions,prompt:((re=v.promptAndResponse)==null?void 0:re.prompt)??null,response:((w=v.promptAndResponse)==null?void 0:w.response)??null,retrievedDocuments:P,documentText:v.documentText??null}}),[f,p,y]),h=g.useMemo(()=>{if(b){const v=b.toLowerCase();return S.filter(T=>{var P,R,z,j;return T.id.includes(v)||((P=T.documentText)==null?void 0:P.toLowerCase().includes(v))||((R=T.predictionId)==null?void 0:R.includes(v))||((z=T.prompt)==null?void 0:z.toLowerCase().includes(v))||((j=T.response)==null?void 0:j.toLowerCase().includes(v))})}return S},[S,b]),x=g.useMemo(()=>{if(b){const v=b.toLowerCase();return f.filter(T=>{var P,R,z,j,U,ie,re;return T.id.includes(v)||((P=T.documentText)==null?void 0:P.toLowerCase().includes(v))||((z=(R=T.eventMetadata)==null?void 0:R.predictionId)==null?void 0:z.includes(v))||((U=(j=T.promptAndResponse)==null?void 0:j.prompt)==null?void 0:U.toLowerCase().includes(v))||((re=(ie=T.promptAndResponse)==null?void 0:ie.response)==null?void 0:re.toLowerCase().includes(v))})}return f},[f,b]),L=g.useMemo(()=>i?S.find(T=>T.id===i)??null:null,[S,i]),I=f.length,C=x.length;return s("section",{css:Is,children:[s("div",{role:"toolbar",css:F`
565
- position: absolute;
566
- top: var(--px-spacing-med);
567
- right: var(--px-spacing-lg);
568
- display: flex;
569
- flex-direction: row-reverse;
570
- gap: var(--px-spacing-med);
571
- `,children:[e(O,{variant:"default",size:"compact",icon:e(N,{svg:e(Ar,{})}),"aria-label":"Clear selection",onClick:m}),e(Fs,{})]}),e(fe,{children:s(q,{name:"Selection",children:[e(Rs,{numSelectedEvents:I,numMatchingEvents:C,searchText:b}),t===rl.list?e("div",{css:F`
572
- flex: 1 1 auto;
573
- overflow-y: auto;
574
- `,children:e(Ds,{data:h,onPointSelected:r})}):e(Ts,{events:x,onItemSelected:r})]})}),e(ae,{type:"slideOver",isDismissable:!0,onDismiss:()=>r(null),children:L&&e(X,{title:"Embedding Details",size:"L",children:e(ps,{event:L})})})]})}function Rs({numSelectedEvents:n,numMatchingEvents:a,searchText:l}){const t=A(u=>u.selectionDisplay),i=A(u=>u.setSelectionDisplay),r=A(u=>u.selectionGridSize),o=A(u=>u.setSelectionGridSize),c=A(u=>u.setSelectionSearchText),d=g.useMemo(()=>l?`${a}/${n} match "${l}"`:`${n} selected`,[n,a,l]);return e(va,{extra:s("div",{css:F`
575
- display: flex;
576
- flex-direction: row;
577
- gap: var(--px-spacing-med);
578
- `,children:[e(Qr,{placeholder:"Search by text or ID",onChange:u=>{c(u)}}),t===rl.gallery&&e(ar,{size:r,onChange:o}),e(lr,{mode:t,onChange:u=>{i(u)}})]}),children:e(K,{children:d})})}const wl=Kl;function Pc(){const{referenceInferences:n,corpusInferences:a}=Te(),{timeRange:l}=we(),t=g.useMemo(()=>{let i={};return a!=null?i=rr():n!=null?i=sr():i=or(),i={...i,umapParameters:{...window.Config.UMAP}},i},[a,n]);return e(sl,{initialTimestamp:l.end,children:e(dr,{...t,children:e(_s,{})})})}function _s(){const n=es(),{primaryInferences:a,referenceInferences:l}=Te(),t=A(x=>x.umapParameters),i=A(x=>x.getHDSCANParameters),r=A(x=>x.getMetric),o=A(x=>x.reset),c=A(x=>x.setLoading),[d,u]=g.useState(!0),[f,m,p]=_.useQueryLoader(wl),{selectedTimestamp:y}=Un(),b=g.useMemo(()=>y??new Date(a.endTime),[y,a.endTime]),S=g.useMemo(()=>({start:Za(b,2).toISOString(),end:b.toISOString()}),[b]),h=_.useLazyLoadQuery(Fl,{});return g.useEffect(()=>{o(),c(!0);const x=r();return m({id:n,timeRange:S,...t,...i(),fetchDataQualityMetric:x.type==="dataQuality",fetchPerformanceMetric:x.type==="performance",dataQualityMetricColumnName:x.type==="dataQuality"?x.dimension.name:null,performanceMetric:x.type==="performance"?x.metric:"accuracyScore"},{fetchPolicy:"network-only"}),()=>{p()}},[c,o,n,m,p,t,i,r,S]),s("main",{css:F`
579
- flex: 1 1 auto;
580
- display: flex;
581
- flex-direction: column;
582
- overflow: hidden;
583
- `,children:[e(As,{}),s(va,{extra:s(k,{direction:"row",justifyContent:"center",alignItems:"center",gap:"size-100",children:[e(La,{onChange:x=>{u(x)},defaultSelected:!0,labelPlacement:"start",children:"Show Timeseries"}),e(as,{})]}),children:[e(nl,{}),l?e(al,{inferencesRole:"reference",timeRange:{start:new Date(l.startTime),end:new Date(l.endTime)}}):null,e(rs,{model:h.model})]}),s(Ye,{direction:"vertical",children:[d?s(W,{children:[e(se,{defaultSize:20,collapsible:!0,order:1,children:e(g.Suspense,{fallback:e(pe,{}),children:e(us,{embeddingDimensionId:n})})}),e(en,{css:Sn})]}):null,e(se,{order:2,children:e("div",{css:F`
584
- width: 100%;
585
- height: 100%;
586
- position: relative;
587
- `,children:e(g.Suspense,{fallback:e(cr,{}),children:f?e(Ps,{queryReference:f}):null})})})]})]})}function ws(n){if(n.__typename!=="Point3D")throw new Error(`Expected Point3D but got ${n.__typename} for coordinates`);return[n.x,n.y,n.z]}function Ps({queryReference:n}){const a=_.usePreloadedQuery(wl,n),l=g.useMemo(()=>{var u,f;return((f=(u=a.embedding)==null?void 0:u.UMAPPoints)==null?void 0:f.data)??[]},[a]),t=g.useMemo(()=>{var u,f;return((f=(u=a.embedding)==null?void 0:u.UMAPPoints)==null?void 0:f.referenceData)??[]},[a]),i=g.useMemo(()=>{var u,f;return((f=(u=a.embedding)==null?void 0:u.UMAPPoints)==null?void 0:f.corpusData)??[]},[a]),r=g.useMemo(()=>{var u,f;return((f=(u=a.embedding)==null?void 0:u.UMAPPoints)==null?void 0:f.contextRetrievals)??[]},[a]),o=g.useMemo(()=>[...l,...t,...i].map(f=>({...f,position:ws(f.coordinates),metaData:{id:f.eventId}})),[t,l,i]),c=A(u=>u.setInitialData),d=A(u=>u.setClusters);return Pi(()=>{var f,m;const u=((m=(f=a.embedding)==null?void 0:f.UMAPPoints)==null?void 0:m.clusters)||[];c({points:o,clusters:u,retrievals:r})},[o,n,r,c,d]),e("div",{css:F`
588
- flex: 1 1 auto;
589
- display: flex;
590
- flex-direction: row;
591
- align-items: stretch;
592
- width: 100%;
593
- height: 100%;
594
- `,"data-testid":"point-cloud-display",children:s(Ye,{direction:"horizontal",children:[e(se,{id:"embedding-left",defaultSize:15,maxSize:30,minSize:10,collapsible:!0,children:s(Ye,{autoSaveId:"embedding-controls-vertical",direction:"vertical",children:[e(se,{css:F`
595
- display: flex;
596
- flex-direction: column;
597
- .ac-tabs {
598
- height: 100%;
599
- overflow: hidden;
600
- display: flex;
601
- flex-direction: column;
602
- [role="tablist"] {
603
- flex: none;
604
- }
605
- .ac-tabs__pane-container {
606
- flex: 1 1 auto;
607
- overflow: hidden;
608
- display: flex;
609
- flex-direction: column;
610
- & > div {
611
- height: 100%;
612
- }
613
- }
614
- }
615
- `,children:e(Vs,{})}),e(en,{css:Sn}),e(se,{css:F`
616
- .ac-tabs {
617
- height: 100%;
618
- overflow: hidden;
619
- .ac-tabs__pane-container {
620
- height: 100%;
621
- overflow-y: auto;
622
- }
623
- }
624
- `,children:s(fe,{children:[e(q,{name:"Display",children:e(ur,{})}),e(q,{name:"Hyperparameters",children:e(mr,{})})]})})]})}),e(en,{css:gr}),e(se,{children:s("div",{css:F`
625
- position: relative;
626
- width: 100%;
627
- height: 100%;
628
- `,children:[e(Ms,{}),e(pr,{})]})})]})})}function Ms(){return A(a=>a.selectedEventIds).size===0?null:e("div",{css:F`
629
- position: absolute;
630
- top: 0;
631
- left: 0;
632
- bottom: 0;
633
- right: 0;
634
- `,"data-testid":"selection-panel",children:s(Ye,{direction:"vertical",children:[e(se,{}),e(en,{css:Sn,style:{zIndex:1}}),e(se,{id:"embedding-point-selection",defaultSize:40,minSize:20,order:2,style:{zIndex:1},children:e(Ns,{children:e(g.Suspense,{fallback:e(pe,{}),children:e(Es,{})})})})]})})}function Ns(n){return e("div",{css:F`
635
- background-color: var(--ac-global-color-grey-75);
636
- width: 100%;
637
- height: 100%;
638
- `,children:n.children})}const $s=1,Vs=Fe.memo(function(){const{referenceInferences:a}=Te(),l=A(m=>m.clusters),t=A(m=>m.selectedClusterId),i=A(m=>m.metric),r=A(m=>m.setSelectedClusterId),o=A(m=>m.setSelectedEventIds),c=A(m=>m.setHighlightedClusterId),d=A(m=>m.setClusterColorMode),u=a==null||i.type==="drift",f=g.useCallback(m=>{d(m===$s?za.highlight:za.default)},[d]);return s(fe,{onChange:f,children:[e(q,{name:"Clusters",extra:e(Ve,{children:l.length}),children:s(k,{direction:"column",height:"100%",children:[e(D,{borderBottomColor:"dark",borderBottomWidth:"thin",backgroundColor:"dark",flex:"none",padding:"size-50",children:e(k,{direction:"row",justifyContent:"end",children:e(ns,{})})}),e(D,{flex:"1 1 auto",overflow:"auto",children:e("ul",{css:m=>F`
639
- flex: 1 1 auto;
640
- display: flex;
641
- flex-direction: column;
642
- gap: ${m.spacing.margin8}px;
643
- margin: ${m.spacing.margin8}px;
644
- `,children:l.map(m=>e("li",{children:e(tr,{clusterId:m.id,numPoints:m.eventIds.length,isSelected:t===m.id,driftRatio:m.driftRatio,primaryToCorpusRatio:m.primaryToCorpusRatio,primaryMetricValue:m.primaryMetricValue,referenceMetricValue:m.referenceMetricValue,metricName:zs(i),hideReference:u,onClick:()=>{t!==m.id?(r(m.id),o(new Set(m.eventIds))):(r(null),o(new Set))},onMouseEnter:()=>{c(m.id)},onMouseLeave:()=>{c(null)}})},m.id))})})]})}),e(q,{name:"Configuration",children:e(D,{overflow:"auto",height:"100%",children:e(ir,{})})})]})});function zs(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:me()}break}case"performance":return Ze(l);case"retrieval":{switch(l){case"queryDistance":return"% Query";default:me()}break}default:me()}}function As(){const{notifyError:n}=ll(),a=A(t=>t.errorMessage),l=A(t=>t.setErrorMessage);return g.useEffect(()=>{a!==null&&n({title:"An error occurred",message:a,action:{text:"Dismiss",onClick:()=>{l(null)}}})},[a,n,l]),null}const Pl=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
- $id: GlobalID!
646
- ) {
647
- embedding: node(id: $id) {
648
- __typename
649
- ... on EmbeddingDimension {
650
- id
651
- name
652
- }
653
- __isNode: __typename
654
- id
655
- }
656
- }
657
- `}}}();Pl.hash="c049e57d92943f64b5e751e0daa89dc8";async function Mc(n){const{embeddingDimensionId:a}=n.params;return _.fetchQuery(Ke,Pl,{id:a}).toPromise()}const Ml=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},u=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null}],f={kind:"Literal",name:"metric",value:"cardinality"},m={kind:"Literal",name:"metric",value:"percentEmpty"},p={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:u,storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"DatasetValues",kind:"LinkedField",name:"totalCounts",plural:!1,selections:u,storageKey:null}],storageKey:null},{alias:"count",args:[{kind:"Literal",name:"metric",value:"count"},r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"psi",args:[{kind:"Literal",name:"metric",value:"psi"},r],kind:"ScalarField",name:"driftMetric",storageKey:null},{alias:"cardinality",args:[f,r],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"percentEmpty",args:[m,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:[p,f],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(inferencesRole:"reference",metric:"cardinality")'},{alias:"referencePercentEmpty",args:[p,m],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
- $dimensionId: GlobalID!
659
- $timeRange: TimeRange!
660
- $hasReference: Boolean!
661
- ) {
662
- dimension: node(id: $dimensionId) {
663
- __typename
664
- ... on Dimension {
665
- id
666
- ...DimensionSegmentsBarChart_dimension_3E0ZE6
667
- ...DimensionCountStats_dimension_3E0ZE6
668
- ...DimensionDriftStats_dimension_3E0ZE6
669
- ...DimensionCardinalityStats_dimension_1JBzL3
670
- ...DimensionPercentEmptyStats_dimension_1JBzL3
671
- ...DimensionQuantilesStats_dimension_3E0ZE6
672
- }
673
- __isNode: __typename
674
- id
675
- }
676
- }
677
-
678
- fragment DimensionCardinalityStats_dimension_1JBzL3 on Dimension {
679
- id
680
- cardinality: dataQualityMetric(metric: cardinality, timeRange: $timeRange)
681
- referenceCardinality: dataQualityMetric(metric: cardinality, inferencesRole: reference) @include(if: $hasReference)
682
- }
683
-
684
- fragment DimensionCountStats_dimension_3E0ZE6 on Dimension {
685
- id
686
- count: dataQualityMetric(metric: count, timeRange: $timeRange)
687
- }
688
-
689
- fragment DimensionDriftStats_dimension_3E0ZE6 on Dimension {
690
- id
691
- psi: driftMetric(metric: psi, timeRange: $timeRange)
692
- }
693
-
694
- fragment DimensionPercentEmptyStats_dimension_1JBzL3 on Dimension {
695
- id
696
- percentEmpty: dataQualityMetric(metric: percentEmpty, timeRange: $timeRange)
697
- referencePercentEmpty: dataQualityMetric(metric: percentEmpty, inferencesRole: reference) @include(if: $hasReference)
698
- }
699
-
700
- fragment DimensionQuantilesStats_dimension_3E0ZE6 on Dimension {
701
- p99: dataQualityMetric(metric: p99, timeRange: $timeRange)
702
- p75: dataQualityMetric(metric: p75, timeRange: $timeRange)
703
- p50: dataQualityMetric(metric: p50, timeRange: $timeRange)
704
- p25: dataQualityMetric(metric: p25, timeRange: $timeRange)
705
- p1: dataQualityMetric(metric: p01, timeRange: $timeRange)
706
- }
707
-
708
- fragment DimensionSegmentsBarChart_dimension_3E0ZE6 on Dimension {
709
- id
710
- segmentsComparison(primaryTimeRange: $timeRange) {
711
- segments {
712
- bin {
713
- __typename
714
- ... on NominalBin {
715
- __typename
716
- name
717
- }
718
- ... on IntervalBin {
719
- __typename
720
- range {
721
- start
722
- end
723
- }
724
- }
725
- ... on MissingValueBin {
726
- __typename
727
- }
728
- }
729
- counts {
730
- primaryValue
731
- }
732
- }
733
- totalCounts {
734
- primaryValue
735
- }
736
- }
737
- }
738
- `}}}();Ml.hash="d194bfd656408e8ba7cb427ddc80fc85";const Nl=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}}();Nl.hash="8b4edef350e4df49e799afa70ca34918";function Qs(n){const a=_.useFragment(Nl,n.dimension);return s(W,{children:[e(K,{elementType:"h3",textSize:"small",color:"text-700",children:"Cardinality"}),e(K,{textSize:"xlarge",children:nn(a.cardinality)}),a.referenceCardinality!=null&&e(K,{textSize:"medium",color:"designationPurple",children:nn(a.referenceCardinality)})]})}const $l=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
- $dimensionId: GlobalID!
740
- $timeRange: TimeRange!
741
- $granularity: Granularity!
742
- ) {
743
- dimension: node(id: $dimensionId) {
744
- __typename
745
- id
746
- ... on Dimension {
747
- cardinalityTimeSeries: dataQualityTimeSeries(metric: cardinality, timeRange: $timeRange, granularity: $granularity) {
748
- data {
749
- timestamp
750
- value
751
- }
752
- }
753
- }
754
- }
755
- }
756
- `}}}();$l.hash="88ce04bb2022d5e2bc75c663abd7e5de";const jn={top:25,right:18,left:18,bottom:5},Os=new Intl.NumberFormat([],{maximumFractionDigits:2}),Vl=()=>{const{gray300:n}=Pe();return{color:n}};function js({active:n,payload:a,label:l}){var i;const{color:t}=Vl();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?Os.format(r):"--";return s(qe,{children:[e(K,{weight:"heavy",textSize:"medium",children:`${ln(new Date(l))}`}),e(te,{color:t,name:"Cardinality",value:o}),e(Jn,{})]})}return null}function qs({dimensionId:n}){var c;const{timeRange:a}=we(),l=hn(a),t=_.useLazyLoadQuery($l,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},granularity:l}),{color:i}=Vl(),r=((c=t.dimension.cardinalityTimeSeries)==null?void 0:c.data.map(d=>({timestamp:new Date(d.timestamp).valueOf(),value:d.value})))||[],o=kn({samplingIntervalMinutes:l.samplingIntervalMinutes});return e(Be,{width:"100%",height:"100%",children:s(On,{data:r,margin:jn,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(He,{...bn,tickFormatter:d=>o(new Date(d))}),e(xe,{stroke:le.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(Ge,{strokeDasharray:"4 4",stroke:le.colors.gray200,strokeOpacity:.5}),e(We,{content:e(js,{})}),e(wn,{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 Bs(n){const l=_.useFragment(zl,n.dimension).count??0;return s(W,{children:[e(K,{elementType:"h3",textSize:"small",color:"text-700",children:"Total Count"}),e(K,{textSize:"xlarge",children:nn(l)})]})}const Al=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
- $dimensionId: GlobalID!
758
- $timeRange: TimeRange!
759
- $countGranularity: Granularity!
760
- ) {
761
- embedding: node(id: $dimensionId) {
762
- __typename
763
- id
764
- ... on Dimension {
765
- trafficTimeSeries: dataQualityTimeSeries(metric: count, timeRange: $timeRange, granularity: $countGranularity) {
766
- data {
767
- timestamp
768
- value
769
- }
770
- }
771
- }
772
- }
773
- }
774
- `}}}();Al.hash="9677ef7c6b298554824fe3fd3904c7aa";const Hs=new Intl.NumberFormat([],{maximumFractionDigits:2}),Ql=()=>{const{gray300:n}=Pe();return{barColor:n}};function Gs({active:n,payload:a,label:l}){var i;const{barColor:t}=Ql();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?Hs.format(r):"--";return s(qe,{children:[e(K,{weight:"heavy",textSize:"medium",children:`${ln(new Date(l))}`}),e(te,{color:t,shape:"square",name:"Count",value:o})]})}return null}function Ws({dimensionId:n}){var d;const{timeRange:a}=we(),l=hn(a),r=(((d=_.useLazyLoadQuery(Al,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},countGranularity:l}).embedding.trafficTimeSeries)==null?void 0:d.data)||[]).map(u=>({...u,timestamp:new Date(u.timestamp).valueOf()})),o=kn({samplingIntervalMinutes:l.samplingIntervalMinutes}),{barColor:c}=Ql();return e(Be,{width:"100%",height:"100%",children:s(wa,{data:r,margin:jn,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(He,{...bn,tickFormatter:u=>o(new Date(u))}),e(xe,{stroke:le.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(Ge,{strokeDasharray:"4 4",stroke:le.colors.gray200,strokeOpacity:.5}),e(We,{...Fa,content:e(Gs,{})}),e(fn,{dataKey:"value",fill:"url(#countBarColor)",spacing:5})]})})}const Ol=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},u={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},u],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},u],storageKey:null}],type:"Dimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"7d11d88f419003f5ee8cd9d11312e427",id:null,metadata:{},name:"DimensionDriftBreakdownSegmentBarChartQuery",operationKind:"query",text:`query DimensionDriftBreakdownSegmentBarChartQuery(
775
- $dimensionId: GlobalID!
776
- $timeRange: TimeRange!
777
- ) {
778
- dimension: node(id: $dimensionId) {
779
- __typename
780
- id
781
- ... on Dimension {
782
- segmentsComparison(primaryTimeRange: $timeRange) {
783
- segments {
784
- bin {
785
- __typename
786
- ... on NominalBin {
787
- __typename
788
- name
789
- }
790
- ... on IntervalBin {
791
- __typename
792
- range {
793
- start
794
- end
795
- }
796
- }
797
- ... on MissingValueBin {
798
- __typename
799
- }
800
- }
801
- counts {
802
- primaryValue
803
- referenceValue
804
- }
805
- }
806
- totalCounts {
807
- primaryValue
808
- referenceValue
809
- }
810
- }
811
- }
812
- }
813
- }
814
- `}}}();Ol.hash="6bb76e3cce4ee28c333e485b3aa2dffd";const ja=Sa(".2f"),jl=()=>{const{primary:n,reference:a}=Pe();return{primaryBarColor:n,referenceBarColor:a}};function Us({active:n,payload:a,label:l}){var r,o,c,d,u,f;const{primaryBarColor:t,referenceBarColor:i}=jl();if(n&&a&&a.length){const m=(o=(r=a[0])==null?void 0:r.payload)==null?void 0:o.primaryName,p=(c=a[0])==null?void 0:c.value,y=(u=(d=a[0])==null?void 0:d.payload)==null?void 0:u.referenceName,b=(f=a[1])==null?void 0:f.value;return s(qe,{children:[e(K,{elementType:"h3",textSize:"medium",weight:"heavy",children:l}),e(te,{color:t,shape:"square",name:m,value:p!=null?`${ja(p)}%`:"--"}),e(te,{color:i,shape:"square",name:y,value:b!=null?`${ja(b)}%`:"--"})]})}return null}function Js(n){var p,y,b,S,h;const{primaryInferences:a,referenceInferences:l}=Te(),t=a.name,i=(l==null?void 0:l.name)||"reference",{selectedTimestamp:r}=Un(),o=g.useMemo(()=>r??new Date(a.endTime),[r,a.endTime]),c=g.useMemo(()=>({start:Za(o,2).toISOString(),end:o.toISOString()}),[o]),d=_.useLazyLoadQuery(Ol,{dimensionId:n.dimensionId,timeRange:c}),u=g.useMemo(()=>{var C,v,T,P,R;const x=((C=d.dimension.segmentsComparison)==null?void 0:C.segments)??[],L=((T=(v=d.dimension.segmentsComparison)==null?void 0:v.totalCounts)==null?void 0:T.primaryValue)??0,I=((R=(P=d.dimension.segmentsComparison)==null?void 0:P.totalCounts)==null?void 0:R.referenceValue)??0;return x.map(z=>{var $,E;const j=(($=z.counts)==null?void 0:$.primaryValue)??0,U=((E=z.counts)==null?void 0:E.referenceValue)??0,ie=ol(z.bin),re=j/L*100,w=U/I*100;return{name:ie,primaryName:t,referenceName:i,primaryPercent:re,referencePercent:w}})},[(p=d.dimension.segmentsComparison)==null?void 0:p.segments,(b=(y=d.dimension.segmentsComparison)==null?void 0:y.totalCounts)==null?void 0:b.primaryValue,(h=(S=d.dimension.segmentsComparison)==null?void 0:S.totalCounts)==null?void 0:h.referenceValue,t,i]),{primaryBarColor:f,referenceBarColor:m}=jl();return s(k,{direction:"column",height:"100%",children:[e(D,{flex:"none",paddingTop:"size-100",paddingStart:"size-200",children:e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:`Distribution comparison at ${ln(new Date(c.end))}`})}),e(D,{flex:!0,children:e(Be,{children:s(wa,{data:u,margin:{top:15,right:18,left:18,bottom:5},children:[s("defs",{children:[s("linearGradient",{id:"dimensionPrimarySegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:f,stopOpacity:1}),e("stop",{offset:"95%",stopColor:f,stopOpacity:.5})]}),s("linearGradient",{id:"dimensionReferenceSegmentsBarColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:m,stopOpacity:1}),e("stop",{offset:"95%",stopColor:m,stopOpacity:.5})]})]}),e(He,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(xe,{stroke:le.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(Ge,{strokeDasharray:"4 4",stroke:le.colors.gray200,strokeOpacity:.5}),e(We,{...Fa,content:e(Us,{})}),e(fn,{dataKey:"primaryPercent",fill:"url(#dimensionPrimarySegmentsBarColor)"}),e(fn,{dataKey:"referencePercent",fill:"url(#dimensionReferenceSegmentsBarColor)"})]})})})]})}const ql={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};ql.hash="f8a9fb08a14f63906e38bc247d50b189";const Xs=s(na,{variant:"info",placement:"top end",children:[e(oe,{weight:"heavy",level:4,children:"Population Stability Index"}),e(ea,{children:e(K,{children:"PSI is a symmetric metric that measures the relative entropy, or difference in information represented by two distributions. It can be thought of as measuring the distance between two data distributions showing how different the two distributions are from each other."})}),e("footer",{children:e(Rn,{href:"https://arize.com/blog-course/population-stability-index-psi/#:~:text=Population%20Stability%20Index%20(PSI)%20Overview,distributions%20are%20from%20each%20other.",children:"Learn more"})})]});function Zs(n){const a=_.useFragment(ql,n.dimension);return s(W,{children:[s(k,{direction:"row",alignItems:"center",gap:"size-25",children:[e(K,{elementType:"h3",textSize:"small",color:"text-700",children:"PSI"}),Xs]}),e(K,{textSize:"xlarge",children:gn(a.psi)})]})}const Bl=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
- $dimensionId: GlobalID!
816
- $timeRange: TimeRange!
817
- $driftGranularity: Granularity!
818
- $countGranularity: Granularity!
819
- ) {
820
- embedding: node(id: $dimensionId) {
821
- __typename
822
- id
823
- ... on Dimension {
824
- driftTimeSeries(metric: psi, timeRange: $timeRange, granularity: $driftGranularity) {
825
- data {
826
- timestamp
827
- value
828
- }
829
- }
830
- trafficTimeSeries: dataQualityTimeSeries(metric: count, timeRange: $timeRange, granularity: $countGranularity) {
831
- data {
832
- timestamp
833
- value
834
- }
835
- }
836
- }
837
- }
838
- }
839
- `}}}();Bl.hash="6312b58dbb252b17efdf08d44dd58630";const Hl=()=>{const{orange300:n,gray300:a}=Pe();return{color:n,barColor:a}};function Ys({active:n,payload:a,label:l}){var i;const{color:t}=Hl();if(n&&a&&a.length){const r=((i=a[1])==null?void 0:i.value)??null;return s(qe,{children:[e(K,{weight:"heavy",textSize:"medium",children:`${ln(new Date(l))}`}),e(te,{color:t,name:"PSI",value:gn(r)}),e(Jn,{}),s("div",{css:F`
840
- display: flex;
841
- flex-direction: row;
842
- align-items: center;
843
- color: var(--ac-global-color-primary);
844
- gap: var(--px-spacing-sm);
845
-
846
- margin-top: var(--px-spacing-sm);
847
- `,children:[e(N,{svg:e(pl,{})}),e("span",{children:"Click to view details"})]})]})}return null}function eo({dimensionId:n}){var y,b;const{timeRange:a}=we(),{selectedTimestamp:l,setSelectedTimestamp:t}=Un(),i=hn(a),r=_.useLazyLoadQuery(Bl,{dimensionId:n,timeRange:{start:a.start.toISOString(),end:a.end.toISOString()},driftGranularity:tl(a),countGranularity:i}),o=((y=r.embedding.driftTimeSeries)==null?void 0:y.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()}}),u=kn({samplingIntervalMinutes:i.samplingIntervalMinutes}),f=g.useCallback(S=>{const{activePayload:h}=S;if(h!=null&&h.length>0){const x=h[0].payload;t(new Date(x.timestamp))}},[t]),{color:m,barColor:p}=Hl();return e(Be,{width:"100%",height:"100%",children:s(On,{data:d,margin:jn,onClick:f,syncId:"dimensionDetails",children:[s("defs",{children:[s("linearGradient",{id:"dimensionDriftColorUv",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:m,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:m,stopOpacity:0})]}),s("linearGradient",{id:"barColor",x1:"0",y1:"0",x2:"0",y2:"1",children:[e("stop",{offset:"5%",stopColor:p,stopOpacity:.8}),e("stop",{offset:"95%",stopColor:p,stopOpacity:0})]})]}),e(He,{...bn,tickFormatter:S=>u(new Date(S))}),e(xe,{stroke:le.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(xe,{yAxisId:"right",orientation:"right",tick:!1,tickLine:!1,width:0}),e(Ge,{strokeDasharray:"4 4",stroke:le.colors.gray200,strokeOpacity:.5}),e(We,{content:e(Ys,{})}),e(fn,{yAxisId:"right",dataKey:"traffic",fill:"url(#barColor)",spacing:5}),e(wn,{type:"monotone",dataKey:"value",stroke:m,fillOpacity:1,fill:"url(#dimensionDriftColorUv)"}),l!=null?e(bl,{...il,x:l.getTime()}):null]})})}const Gl=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}}();Gl.hash="1e10d0449d6607d9292f355548c41c78";function no(n){const a=_.useFragment(Gl,n.dimension);return s(W,{children:[e(K,{elementType:"h3",textSize:"small",color:"text-700",children:"% Empty"}),e(K,{textSize:"xlarge",children:ka(a.percentEmpty)}),a.referencePercentEmpty!=null&&e(K,{textSize:"medium",color:"designationPurple",children:ka(a.referencePercentEmpty)})]})}const Wl=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
- $dimensionId: GlobalID!
849
- $timeRange: TimeRange!
850
- $granularity: Granularity!
851
- ) {
852
- embedding: node(id: $dimensionId) {
853
- __typename
854
- id
855
- ... on Dimension {
856
- percentEmptyTimeSeries: dataQualityTimeSeries(metric: percentEmpty, timeRange: $timeRange, granularity: $granularity) {
857
- data {
858
- timestamp
859
- value
860
- }
861
- }
862
- }
863
- }
864
- }
865
- `}}}();Wl.hash="1e843d6c8dbe05b389b24188c6bdb394";const ao=new Intl.NumberFormat([],{maximumFractionDigits:2}),Ul=()=>{const{gray100:n}=Pe();return{color:n}};function lo({active:n,payload:a,label:l}){var i;const{color:t}=Ul();if(n&&a&&a.length){const r=((i=a[0])==null?void 0:i.value)??null,o=typeof r=="number"?ao.format(r):"--";return s(qe,{children:[e(K,{weight:"heavy",textSize:"medium",children:`${ln(new Date(l))}`}),e(te,{color:t,name:"% Empty",value:o})]})}return null}function to({dimensionId:n}){var c;const{timeRange:a}=we(),l=hn(a),i=((c=_.useLazyLoadQuery(Wl,{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=kn({samplingIntervalMinutes:l.samplingIntervalMinutes}),{color:o}=Ul();return e(Be,{width:"100%",height:"100%",children:s(On,{data:i,margin:jn,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(He,{...bn,tickFormatter:d=>r(new Date(d))}),e(xe,{stroke:le.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(Ge,{strokeDasharray:"4 4",stroke:le.colors.gray200,strokeOpacity:.5}),e(We,{content:e(lo,{})}),e(Sl,{type:"monotone",dataKey:"value",stroke:o,fillOpacity:1,fill:"url(#percentEmptyColorUv)"})]})})}const Jl=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}}();Jl.hash="c306c8eafb1d34be464d3a658d5f94a7";function io(n){const a=_.useFragment(Jl,n.dimension);return e("ul",{css:F`
866
- display: flex;
867
- flex-direction: column;
868
- gap: var(--px-spacing-sm);
869
- `,children:Object.keys(a).map(l=>{const t=a[l];return s("li",{css:F`
870
- display: flex;
871
- flex-direction: column;
872
- align-items: flex-end;
873
- `,children:[e(K,{elementType:"h3",textSize:"xsmall",color:"text-700",children:l}),e(K,{textSize:"medium","data-raw":t,children:xa(t)})]},l)})})}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:"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
- $dimensionId: GlobalID!
875
- $timeRange: TimeRange!
876
- $granularity: Granularity!
877
- ) {
878
- dimension: node(id: $dimensionId) {
879
- __typename
880
- id
881
- ... on Dimension {
882
- p99TimeSeries: dataQualityTimeSeries(metric: p99, timeRange: $timeRange, granularity: $granularity) {
883
- data {
884
- timestamp
885
- value
886
- }
887
- }
888
- p75TimeSeries: dataQualityTimeSeries(metric: p75, timeRange: $timeRange, granularity: $granularity) {
889
- data {
890
- timestamp
891
- value
892
- }
893
- }
894
- p50TimeSeries: dataQualityTimeSeries(metric: p50, timeRange: $timeRange, granularity: $granularity) {
895
- data {
896
- timestamp
897
- value
898
- }
899
- }
900
- p25TimeSeries: dataQualityTimeSeries(metric: p25, timeRange: $timeRange, granularity: $granularity) {
901
- data {
902
- timestamp
903
- value
904
- }
905
- }
906
- p01TimeSeries: dataQualityTimeSeries(metric: p01, timeRange: $timeRange, granularity: $granularity) {
907
- data {
908
- timestamp
909
- value
910
- }
911
- }
912
- }
913
- }
914
- }
915
- `}}}();Xl.hash="134f0dad0e0ecc7863dfbb0f437d829b";const ro=Sa("~s");var Zl=(n=>(n.p99_p01="p99_p01",n.p75_p25="p75_p25",n.p50="p50",n))(Zl||{});const so=new Intl.NumberFormat([],{maximumFractionDigits:2});function Ln(n){return typeof n=="number"?so.format(n):"--"}const Yl=()=>{const n=Pe();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}=Yl();if(n&&a&&a.length){const o=a[0].payload;return s(qe,{children:[e(K,{weight:"heavy",textSize:"medium",children:`${ln(new Date(l))}`}),e(te,{color:t,name:"p99",value:Ln(o.p99_p01[0])}),e(te,{color:i,name:"p75",value:Ln(o.p75_p25[0])}),e(te,{color:r,name:"p50",value:Ln(o.p50)}),e(te,{color:i,name:"p25",value:Ln(o.p75_p25[1])}),e(te,{color:t,name:"p01",value:Ln(o.p99_p01[1])})]})}return null}function co({dimensionId:n}){var I,C,v,T,P;const{timeRange:a}=we(),l=hn(a),t=_.useLazyLoadQuery(Xl,{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=((v=t.dimension.p75TimeSeries)==null?void 0:v.data.map(R=>R))||[],c=((T=t.dimension.p25TimeSeries)==null?void 0:T.data.map(R=>R))||[],d=((P=t.dimension.p50TimeSeries)==null?void 0:P.data.map(R=>R))||[],u=i.map((R,z)=>({timestamp:new Date(R.timestamp).valueOf(),p99_p01:[R.value,r[z].value],p75_p25:[o[z].value,c[z].value],p50:d[z].value})),f=kn({samplingIntervalMinutes:l.samplingIntervalMinutes}),[m,p]=g.useState(Object.keys(Zl).reduce((R,z)=>(R[z]=!1,R),{})),y=R=>{m[R.dataKey]||p({...m})},b=()=>{p({...m})},S=R=>{p({...m,[String(R.dataKey)]:!m[R.dataKey]})},{outerColor:h,innerColor:x,lineColor:L}=Yl();return e(Be,{width:"100%",height:"100%",children:s(On,{data:u,margin:jn,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:x,stopOpacity:.7}),e("stop",{offset:"50%",stopColor:x,stopOpacity:.3}),e("stop",{offset:"90%",stopColor:x,stopOpacity:.7})]})]}),e(He,{...bn,tickFormatter:R=>f(new Date(R))}),e(xe,{stroke:le.colors.gray200,label:{value:"Value",angle:-90,position:"insideLeft",style:{textAnchor:"middle",fill:"var(--ac-global-text-color-900)"}},tickFormatter:R=>ro(R),style:{fill:"var(--ac-global-text-color-700)"}}),e(Ge,{strokeDasharray:"4 4",stroke:le.colors.gray200,strokeOpacity:.5}),e(We,{content:e(oo,{})}),e(Br,{onClick:S,onMouseOver:y,onMouseOut:b}),e(wn,{type:"monotone",dataKey:"p99_p01",name:"p99 - p01",fillOpacity:1,fill:"url(#p99_p01ColorUV)",stroke:h,hide:m.p99_p01===!0}),e(wn,{type:"monotone",dataKey:"p75_p25",name:"p75 - p25",fillOpacity:1,stroke:x,fill:"url(#p75_p25ColorUV)",hide:m.p75_p25===!0}),e(Sl,{type:"monotone",dataKey:"p50",stroke:L,hide:m.p50===!0})]})})}const et=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}}();et.hash="8cef9841e9a5bd7d0d50acb5db9028b0";const uo=Sa(".2f"),nt=()=>{const{primary:n}=Pe();return{color:n}};function mo({active:n,payload:a,label:l}){var i;const{color:t}=nt();if(n&&a&&a.length){const r=(i=a[0])==null?void 0:i.value;return e(qe,{children:e(te,{color:t,shape:"square",name:l,value:r!=null?`${uo(r)}%`:"--"})})}return null}function go(n){const a=_.useFragment(et,n.dimension),l=g.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(u=>{var y;const f=((y=u.counts)==null?void 0:y.primaryValue)??0,m=ol(u.bin),p=f/r*100;return{name:m,percent:p}})},[a]),{color:t}=nt();return e(Be,{children:s(wa,{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(He,{dataKey:"name",style:{fill:"var(--ac-global-text-color-700)"}}),e(xe,{stroke:le.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(Ge,{strokeDasharray:"4 4",stroke:le.colors.gray200,strokeOpacity:.5}),e(We,{...Fa,content:e(mo,{})}),e(fn,{dataKey:"percent",fill:"url(#dimensionSegmentsBarColor)",spacing:15})]})})}function Nc(){const{dimensionId:n}=je(),{timeRange:a}=we(),l=Nn(),{referenceInferences:t}=Te(),i=t!==null,r=i,o=l.dimension.shape!=="continuous",c=l.dimension.dataType==="numeric",d=ne(),u=_.useLazyLoadQuery(Ml,{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(sl,{initialTimestamp:new Date(a.end),children:e(ae,{type:"slideOver",isDismissable:!0,onDismiss:()=>d(-1),children:e(X,{size:"L",title:l.dimension.name,children:e("main",{css:F`
916
- padding: var(--px-spacing-med);
917
- display: flex;
918
- flex-direction: column;
919
- min-height: 400px;
920
- overflow-y: auto;
921
- height: 100%;
922
- `,children:e(g.Suspense,{fallback:e(pe,{}),children:s(k,{direction:"column",gap:"size-100",children:[e(D,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:e(go,{dimension:u.dimension})}),e(D,{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(Ws,{dimensionId:n}),e(un,{children:e(Bs,{dimension:u.dimension})})]})}),r?e(D,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",children:s(k,{direction:"column",alignItems:"stretch",children:[e(D,{width:"100%",height:"size-1600",children:s(k,{direction:"row",alignItems:"stretch",height:"100%",children:[e(D,{flex:!0,children:e(eo,{dimensionId:n})}),e(un,{children:e(Zs,{dimension:u.dimension})})]})}),e(D,{height:"size-1600",width:"100%",borderTopColor:"dark",borderTopWidth:"thin",children:e(g.Suspense,{fallback:e(pe,{}),children:e(Js,{dimensionId:n})})})]})}):null,c?e(D,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-3000",children:s(k,{direction:"row",alignItems:"stretch",height:"100%",children:[e(D,{flex:!0,children:e(co,{dimensionId:n})}),e(un,{children:e(io,{dimension:u.dimension})})]})}):null,o?e(D,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:s(k,{direction:"row",alignItems:"stretch",height:"100%",children:[e(D,{flex:!0,children:e(qs,{dimensionId:n})}),e(un,{children:e(Qs,{dimension:u.dimension})})]})}):null,e(D,{borderColor:"dark",borderRadius:"medium",borderWidth:"thin",height:"size-1600",children:s(k,{direction:"row",alignItems:"stretch",height:"100%",children:[e(to,{dimensionId:n}),e(un,{children:e(no,{dimension:u.dimension})})]})})]})})})})})})}const at=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
- $id: GlobalID!
924
- ) {
925
- dimension: node(id: $id) {
926
- __typename
927
- ... on Dimension {
928
- id
929
- name
930
- dataType
931
- shape
932
- }
933
- __isNode: __typename
934
- id
935
- }
936
- }
937
- `}}}();at.hash="5a662d77e69d2e9bb4eb2af4cad6b722";async function $c(n){const{dimensionId:a}=n.params;return _.fetchQuery(Ke,at,{id:a}).toPromise()}const lt=function(){var n={defaultValue:null,kind:"LocalArgument",name:"id"},a={defaultValue:null,kind:"LocalArgument",name:"traceId"},l=[{kind:"Variable",name:"id",variableName:"id"}],t=[{kind:"Variable",name:"traceId",variableName:"traceId"}],i=[{kind:"Literal",name:"first",value:1e3}],r={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},o={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},c={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},d={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},u={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"statusMessage",storageKey:null},m={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},y={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},b={alias:null,args:null,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"tokenCountPrompt",storageKey:null},h={alias:null,args:null,kind:"ScalarField",name:"tokenCountCompletion",storageKey:null},x=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"mimeType",storageKey:null}],L={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:x,storageKey:null},I={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:x,storageKey:null},C={alias:null,args:null,kind:"ScalarField",name:"attributes",storageKey:null},v={alias:null,args:null,concreteType:"SpanEvent",kind:"LinkedField",name:"events",plural:!0,selections:[c,{alias:null,args:null,kind:"ScalarField",name:"message",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"timestamp",storageKey:null}],storageKey:null},T={alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},P={alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null},R={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},z={alias:null,args:null,kind:"ScalarField",name:"explanation",storageKey:null},j={alias:null,args:null,concreteType:"DocumentEvaluation",kind:"LinkedField",name:"documentEvaluations",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"documentPosition",storageKey:null},c,T,P,z],storageKey: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:[{kind:"InlineFragment",selections:[{alias:null,args:t,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[{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:[r,o,c,d,u,f,m,p,y,b,S,h,L,I,C,v,{alias:null,args:null,concreteType:"SpanEvaluation",kind:"LinkedField",name:"spanEvaluations",plural:!0,selections:[c,T,P],storageKey:null},R,j,{args:null,kind:"FragmentSpread",name:"SpanEvaluationsTable_evals"}],storageKey:null}],storageKey:null}],storageKey:"spans(first:1000)"}],storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n],kind:"Operation",name:"TraceDetailsQuery",selections:[{alias:"project",args:l,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"InlineFragment",selections:[{alias:null,args:t,concreteType:"Trace",kind:"LinkedField",name:"trace",plural:!1,selections:[{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:[r,o,c,d,u,f,m,p,y,b,S,h,L,I,C,v,{alias:null,args:null,concreteType:"SpanEvaluation",kind:"LinkedField",name:"spanEvaluations",plural:!0,selections:[c,T,P,z],storageKey:null},R,j],storageKey:null}],storageKey:null}],storageKey:"spans(first:1000)"}],storageKey:null}],type:"Project",abstractKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},r],storageKey:null}]},params:{cacheID:"a7eb8bfce36ca7633be29b3bde1952b8",id:null,metadata:{},name:"TraceDetailsQuery",operationKind:"query",text:`query TraceDetailsQuery(
938
- $traceId: ID!
939
- $id: GlobalID!
940
- ) {
941
- project: node(id: $id) {
942
- __typename
943
- ... on Project {
944
- trace(traceId: $traceId) {
945
- spans(first: 1000) {
946
- edges {
947
- span: node {
948
- id
949
- context {
950
- spanId
951
- traceId
952
- }
953
- name
954
- spanKind
955
- statusCode: propagatedStatusCode
956
- statusMessage
957
- startTime
958
- parentId
959
- latencyMs
960
- tokenCountTotal
961
- tokenCountPrompt
962
- tokenCountCompletion
963
- input {
964
- value
965
- mimeType
966
- }
967
- output {
968
- value
969
- mimeType
970
- }
971
- attributes
972
- events {
973
- name
974
- message
975
- timestamp
976
- }
977
- spanEvaluations {
978
- name
979
- label
980
- score
981
- }
982
- documentRetrievalMetrics {
983
- evaluationName
984
- ndcg
985
- precision
986
- hit
987
- }
988
- documentEvaluations {
989
- documentPosition
990
- name
991
- label
992
- score
993
- explanation
994
- }
995
- ...SpanEvaluationsTable_evals
996
- }
997
- }
998
- }
999
- }
1000
- }
1001
- __isNode: __typename
1002
- id
1003
- }
1004
- }
1005
-
1006
- fragment SpanEvaluationsTable_evals on Span {
1007
- spanEvaluations {
1008
- name
1009
- label
1010
- score
1011
- explanation
1012
- }
1013
- }
1014
- `}}}();lt.hash="77c479ec3740896d2dadf3010f72760a";function tt(n){return s(ge,{children:[e(ze,{children:e(ca,{children:n.tokenCountTotal})}),e(Xe,{children:s(k,{direction:"column",gap:"size-50",children:[s(k,{direction:"row",gap:"size-100",justifyContent:"space-between",children:["prompt tokens",e(ca,{children:n.tokenCountPrompt})]}),s(k,{direction:"row",gap:"size-100",justifyContent:"space-between",children:["completion tokens",e(ca,{children:n.tokenCountCompletion})]})]})})]})}function ca({children:n}){return s(k,{direction:"row",gap:"size-25",alignItems:"center",children:[e(N,{svg:e(M.TokensOutline,{}),css:F`
1015
- color: var(--ac-global-text-color-900);
1016
- `}),e(K,{children:n})]})}const qa=F`
1017
- display: flex;
1018
- align-items: center;
1019
- .ac-text {
1020
- display: inline-block;
1021
- max-width: 9rem;
1022
- white-space: nowrap;
1023
- overflow: hidden;
1024
- text-overflow: ellipsis;
1025
- }
1026
- `;function Ma({evaluation:n}){const a=n.label||typeof n.score=="number"&&Ce(n.score)||"n/a";return s(ge,{delay:500,offset:3,children:[e(ze,{children:e(yn,{color:"cyan-1000",shape:"badge",children:s(k,{direction:"row",gap:"size-50",children:[e("div",{css:qa,children:e(K,{weight:"heavy",textSize:"small",color:"inherit",children:n.name})}),e("div",{css:qa,children:e(K,{textSize:"small",children:a})})]})})}),e(Xe,{children:s(k,{direction:"row",gap:"size-100",children:[e(K,{weight:"heavy",textSize:"small",color:"inherit",children:n.name}),e(K,{textSize:"small",color:"inherit",children:a})]})})]})}const ua=F`
1027
- display: flex;
1028
- align-items: center;
1029
- .ac-text {
1030
- display: inline-block;
1031
- max-width: 9rem;
1032
- white-space: nowrap;
1033
- overflow: hidden;
1034
- text-overflow: ellipsis;
1035
- }
1036
- `;function ce(n){const{name:a,metric:l,k:t,score:i}=n,r=typeof t=="number"?`${l}@${t}`:l,o=g.useMemo(()=>l==="hit"?i?"true":"false":typeof i=="number"&&Ce(i)||"--",[i,l]);return s(ge,{delay:500,offset:3,children:[e(ze,{children:e(yn,{color:"seafoam-1000",shape:"badge",children:s(k,{direction:"row",gap:"size-50",children:[a?e("div",{css:ua,children:e(K,{weight:"heavy",textSize:"small",color:"inherit",children:a})}):null,e("div",{css:ua,children:e(K,{textSize:"small",color:"inherit",children:r})}),e("div",{css:ua,children:e(K,{textSize:"small",children:o})})]})})}),e(Xe,{children:s(k,{direction:"row",gap:"size-100",children:[s(K,{weight:"heavy",textSize:"small",color:"inherit",children:[a," ",r]}),e(K,{textSize:"small",color:"inherit",children:o})]})})]})}function po(n){const{spanId:a,traceId:l}=n;return e("div",{css:F`
1037
- button.ac-dropdown-button {
1038
- min-width: 50px;
1039
- .ac-dropdown-button__text {
1040
- padding-right: 10px;
1041
- }
1042
- }
1043
- `,children:s(Kn,{placement:"bottom right",children:[e(kl,{addonBefore:e(N,{svg:e(M.Code,{})}),children:"Code"}),e(Ia,{children:e(D,{padding:"size-200",children:s(_n,{children:[s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Ne,{label:"Span ID",isReadOnly:!0,value:a}),e(J,{text:a,size:"normal"})]}),s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Ne,{label:"Trace ID",isReadOnly:!0,value:l}),e(J,{text:l,size:"normal"})]})]})})})]})})}const it={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanEvaluationsTable_evals",selections:[{alias:null,args:null,concreteType:"SpanEvaluation",kind:"LinkedField",name:"spanEvaluations",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}],storageKey:null}],type:"Span",abstractKey:null};it.hash="0604d02236eeb7e73817a68e2e6f12e2";const yo=[{header:"name",accessorKey:"name",size:100},{header:"label",accessorKey:"label",size:100},{header:"score",accessorKey:"score",size:100},{header:"explanation",accessorKey:"explanation",cell:yr,size:400}];function fo(n){const a=_.useFragment(it,n.span),l=g.useMemo(()=>[...a.spanEvaluations],[a.spanEvaluations]),t=he({columns:yo,data:l,getCoreRowModel:ke()}),r=t.getRowModel().rows.length===0;return s("table",{css:zn,children:[e("thead",{children:t.getHeaderGroups().map(o=>e("tr",{children:o.headers.map(c=>e("th",{colSpan:c.colSpan,children:c.isPlaceholder?null:e(W,{children:G(c.column.columnDef.header,c.getContext())})},c.id))},o.id))}),r?e(tn,{}):e("tbody",{children:t.getRowModel().rows.map(o=>e("tr",{children:o.getVisibleCells().map(c=>e("td",{style:{width:c.column.getSize()},children:G(c.column.columnDef.cell,c.getContext())},c.id))},o.id))})]})}const rt=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(
1044
- $input: AddExamplesToDatasetInput!
1045
- ) {
1046
- addExamplesToDataset(input: $input) {
1047
- dataset {
1048
- id
1049
- }
1050
- }
1051
- }
1052
- `}}}();rt.hash="75120065d239f28304e9dd91fc34bec9";const st=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(
1053
- $spanId: GlobalID!
1054
- ) {
1055
- span: node(id: $spanId) {
1056
- __typename
1057
- ... on Span {
1058
- revision: asExampleRevision {
1059
- input
1060
- output
1061
- metadata
1062
- }
1063
- }
1064
- __isNode: __typename
1065
- id
1066
- }
1067
- ...DatasetPicker__datasets
1068
- }
1069
-
1070
- fragment DatasetPicker__datasets on Query {
1071
- datasets {
1072
- edges {
1073
- dataset: node {
1074
- id
1075
- name
1076
- }
1077
- }
1078
- }
1079
- }
1080
- `}}}();st.hash="5afd1a4eede339492f5473ed17b770b3";function ho({str:n,excludePrimitives:a=!1,excludeArray:l=!1}){try{const t=JSON.parse(n);if(a&&typeof t!="object"||l&&Array.isArray(t))return!1}catch{return!1}return!0}function Ee(n){return ho({str:n,excludeArray:!0,excludePrimitives:!0})}const ot={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 {
1081
- ...DatasetPicker__datasets
1082
- }
1083
-
1084
- fragment DatasetPicker__datasets on Query {
1085
- datasets {
1086
- edges {
1087
- dataset: node {
1088
- id
1089
- name
1090
- }
1091
- }
1092
- }
1093
- }
1094
- `}};ot.hash="03d88d1706089bb63edcd44d04563cbc";const dt={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:ot}},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};dt.hash="03d88d1706089bb63edcd44d04563cbc";function ko(n){const[a,l]=_.useRefetchableFragment(dt,n.query);return s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(gl,{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(H,{children:t.name},t.id))}),e(bo,{onDatasetCreated:()=>{g.startTransition(()=>{l({},{fetchPolicy:"store-and-network"})})}})]})}function bo({onDatasetCreated:n}){const[a,l]=g.useState(null),[t,i]=g.useState(!1),r=Me();return s(Kn,{placement:"bottom right",isOpen:t,onOpenChange:o=>{l(null),i(o)},children:[e(O,{variant:"default",icon:e(N,{svg:e(M.PlusCircleOutline,{})}),"aria-label":"Create a new dataset"}),e(Q,{title:"Create New Dataset",bodyStyle:{padding:0},variant:"compact",borderColor:"light",backgroundColor:"light",children:s(D,{width:"500px",children:[a?e(ee,{variant:"danger",children:a}):null,e(Ka,{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 ma={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function So({spanId:n,onCompleted:a}){const[l,t]=g.useState(null),i=_.useLazyLoadQuery(st,{spanId:n},{fetchPolicy:"store-and-network"}),{span:{revision:r}}=i,[o,c]=_.useMutation(rt),{control:d,setError:u,handleSubmit:f,formState:{isValid:m}}=$n({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:""}}),p=g.useCallback(y=>{if(t(null),!Ee(y==null?void 0:y.input))return u("input",{message:"Input must be a valid JSON object"});if(!Ee(y==null?void 0:y.output))return u("output",{message:"Output must be a valid JSON object"});if(!Ee(y==null?void 0:y.metadata))return u("metadata",{message:"Metadata must be a valid JSON object"});if(!(y!=null&&y.datasetId))return u("datasetId",{message:"Dataset is required"});o({variables:{input:{datasetId:y.datasetId,examples:[{input:JSON.parse(y.input),output:JSON.parse(y.output),metadata:JSON.parse(y.metadata),spanId:n}]}},onCompleted:()=>{a(y.datasetId)},onError:b=>{t(b.message)}})},[o,u,n,a]);return e(X,{size:"fullscreen",title:"Add Example to Dataset",extra:e(O,{variant:"primary",size:"compact",disabled:!m||c,loading:c,onClick:f(p),icon:e(N,{svg:e(M.PlusCircleOutline,{})}),children:"Add Example"}),children:e("div",{css:F`
1095
- overflow-y: auto;
1096
- padding: var(--ac-global-dimension-size-400);
1097
- /* Make widths configurable */
1098
- .dataset-picker {
1099
- width: 100%;
1100
- .ac-dropdown--picker,
1101
- .ac-dropdown-button {
1102
- width: 100%;
1103
- }
1104
- }
1105
- `,children:e(k,{direction:"row",justifyContent:"center",children:e(D,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(k,{direction:"column",gap:"size-200",children:[l?e(ee,{variant:"danger",children:l}):null,e(Y,{control:d,name:"datasetId",render:({field:{onChange:y,onBlur:b},fieldState:{invalid:S,error:h}})=>e(ko,{onSelectionChange:y,onBlur:b,validationState:S?"invalid":"valid",errorMessage:h==null?void 0:h.message,query:i})}),e(Y,{control:d,name:"input",render:({field:{onChange:y,onBlur:b,value:S},fieldState:{invalid:h,error:x}})=>s(Q,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...ma,children:[h?e(ee,{variant:"danger",banner:!0,children:x==null?void 0:x.message}):null,e(Le,{value:S,onChange:y,onBlur:b})]})}),e(Y,{control:d,name:"output",render:({field:{onChange:y,onBlur:b,value:S},fieldState:{invalid:h,error:x}})=>s(Q,{title:"Output",subTitle:"The output of the LLM or program to be used as an expected output",...ma,backgroundColor:"green-100",borderColor:"green-700",children:[h?e(ee,{variant:"danger",banner:!0,children:x==null?void 0:x.message}):null,e(Le,{value:S,onChange:y,onBlur:b})]})}),e(Y,{control:d,name:"metadata",render:({field:{onChange:y,onBlur:b,value:S},fieldState:{invalid:h,error:x}})=>s(Q,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...ma,children:[h?e(ee,{variant:"danger",banner:!0,children:x==null?void 0:x.message}):null,e(Le,{value:S,onChange:y,onBlur:b})]})})]})})})})})}const vo=n=>g.useMemo(()=>{try{return{json:JSON.parse(n)}}catch(a){return{json:null,parseError:a}}},[n]),xo=n=>n.events.some(a=>a.name==="exception"),Z={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0};function Fo(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 ct(n){const{traceId:a,projectId:l}=n,[t,i]=Ya(),r=_.useLazyLoadQuery(lt,{traceId:a,id:l},{fetchPolicy:"store-and-network"}),o=g.useMemo(()=>{var p;return(((p=r.project.trace)==null?void 0:p.spans.edges)||[]).map(y=>y.span)},[r]),d=t.get("selectedSpanId")??o[0].context.spanId,u=o.find(m=>m.context.spanId===d),f=g.useMemo(()=>Fo(o),[o]);return g.useEffect(()=>()=>{i(m=>(m.delete("selectedSpanId"),m),{replace:!0})},[]),s("main",{css:F`
1106
- flex: 1 1 auto;
1107
- overflow: hidden;
1108
- display: flex;
1109
- flex-direction: column;
1110
- `,children:[e(Ko,{rootSpan:f}),s(Ye,{direction:"horizontal",autoSaveId:"trace-panel-group",css:F`
1111
- flex: 1 1 auto;
1112
- overflow: hidden;
1113
- `,children:[e(se,{defaultSize:30,minSize:10,maxSize:40,children:e(Do,{children:e(fr,{spans:o,selectedSpanId:d,onSpanClick:m=>{i(p=>(p.set("selectedSpanId",m),p),{replace:!0})}})})}),e(en,{css:Sn}),e(se,{children:e(To,{children:u?e(Co,{selectedSpan:u}):null})})]})]})}function Ko({rootSpan:n}){const{latencyMs:a,statusCode:l,spanEvaluations:t}=n??{latencyMs:null,statusCode:"UNSET",spanEvaluations:[]},i=hr(l),r=t.length;return e(D,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",children:s(k,{direction:"row",gap:"size-400",children:[s(k,{direction:"column",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Trace Status"}),e(K,{textSize:"xlarge",children:s(k,{direction:"row",gap:"size-50",alignItems:"center",children:[e(Ta,{statusCode:l}),e(K,{textSize:"xlarge",color:i,children:l})]})})]}),s(k,{direction:"column",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency"}),e(K,{textSize:"xlarge",children:typeof a=="number"?e(Re,{latencyMs:a,textSize:"xlarge"}):"--"})]}),r?s(k,{direction:"column",gap:"size-50",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Evaluations"}),e(k,{direction:"row",gap:"size-50",children:t.map(o=>e(Ma,{evaluation:o},o.name))})]}):null]})})}function To({children:n}){return e("div",{"data-testid":"scrolling-tabs-wrapper",css:F`
1114
- height: 100%;
1115
- overflow: hidden;
1116
- .ac-tabs {
1117
- height: 100%;
1118
- overflow: hidden;
1119
- .ac-tabs__pane-container {
1120
- height: 100%;
1121
- overflow-y: auto;
1122
- }
1123
- }
1124
- `,children:n})}function Do({children:n}){return e("div",{"data-testid":"scrolling-panel-content",css:F`
1125
- height: 100%;
1126
- overflow-y: auto;
1127
- `,children:n})}const ut=e(k,{alignItems:"center",justifyContent:"center",children:e(D,{marginStart:"size-100",children:s(na,{children:[e(oe,{weight:"heavy",level:4,children:"Span Attributes"}),e(ea,{children:e(K,{children:"Attributes are key-value pairs that represent metadata associated with a span. For detailed descriptions of specific attributes, consult the semantic conventions section of the OpenInference tracing specification."})}),e("footer",{children:e(Rn,{href:"https://github.com/Arize-ai/openinference/blob/main/spec/semantic_conventions.md",children:"Semantic Conventions"})})]})})});function Co({selectedSpan:n}){const a=g.useMemo(()=>xo(n),[n]);return s(k,{direction:"column",flex:"1 1 auto",height:"100%",children:[e(D,{paddingTop:"size-100",paddingBottom:"size-100",paddingStart:"size-150",paddingEnd:"size-200",flex:"none",children:s(k,{direction:"row",gap:"size-200",justifyContent:"space-between",alignItems:"center",children:[e(kr,{...n}),s(k,{flex:"none",direction:"row",alignItems:"center",gap:"size-100",children:[e(po,{traceId:n.context.traceId,spanId:n.context.spanId}),e(Io,{span:n})]})]})}),s(fe,{children:[e(q,{name:"Info",children:e(Lo,{span:n})}),e(q,{name:"Evaluations",extra:e(Ve,{variant:"light",children:n.spanEvaluations.length}),children:l=>l?e(Bo,{span:n}):null}),e(q,{name:"Attributes",title:"Attributes",children:e(D,{padding:"size-200",children:e(Q,{title:"All Attributes",...Z,titleExtra:ut,extra:e(J,{text:n.attributes}),bodyStyle:{padding:0},children:e(Ae,{children:n.attributes})})})}),e(q,{name:"Events",extra:e(Ve,{variant:a?"danger":"light",children:n.events.length}),children:e(qo,{events:n.events})})]})]})}function Io({span:n}){const[a,l]=g.useState(null),t=Me(),i=ne(),r=g.useCallback(()=>{l(e(So,{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(W,{children:[e(O,{variant:"default",icon:e(N,{svg:e(M.DatabaseOutline,{})}),onClick:r,children:"Add to Dataset"}),e(g.Suspense,{children:e(ae,{type:"slideOver",isDismissable:!0,onDismiss:()=>l(null),children:a})})]})}function Lo({span:n}){const{spanKind:a,attributes:l}=n,{json:t,parseError:i}=vo(l),r=g.useMemo(()=>n.statusMessage?e(ee,{variant:"danger",title:"Status Description",children:n.statusMessage}):null,[n]);if(i||!t)return e(D,{padding:"size-200",children:s(k,{direction:"column",gap:"size-200",children:[r,e(ee,{variant:"warning",title:"Un-parsable attributes",children:`Failed to parse span attributes. ${i instanceof Error?i.message:""}`}),e(Q,{...Z,title:"Attributes",children:e(D,{padding:"size-100",children:l})})]})});let o;switch(a){case"llm":{o=e(Eo,{span:n,spanAttributes:t});break}case"retriever":{o=e(Ro,{span:n,spanAttributes:t});break}case"reranker":{o=e(_o,{span:n,spanAttributes:t});break}case"embedding":{o=e(wo,{span:n,spanAttributes:t});break}case"tool":{o=e(Po,{span:n,spanAttributes:t});break}default:o=e(Qo,{span:n})}return e(D,{padding:"size-200",children:s(k,{direction:"column",gap:"size-200",children:[r,o,t!=null&&t.metadata?e(Q,{...Z,title:"Metadata",children:e(Ae,{children:JSON.stringify(t.metadata)})}):null]})})}function Eo(n){const{spanAttributes:a,span:l}=n,{input:t,output:i}=l,r=g.useMemo(()=>a[de.llm]||null,[a]),o=g.useMemo(()=>{if(r==null)return null;const C=r[sn.model_name];return typeof C=="string"?C:null},[r]),c=g.useMemo(()=>{var C;return r==null?[]:((C=r[sn.input_messages])==null?void 0:C.map(v=>v[de.message]).filter(Boolean))||[]},[r]),d=g.useMemo(()=>{var C;return r==null?[]:((C=r[sn.output_messages])==null?void 0:C.map(v=>v[de.message]).filter(Boolean))||[]},[r]),u=g.useMemo(()=>{if(r==null)return[];const C=r[sn.prompts];return br(C)?C:[]},[r]),f=g.useMemo(()=>{if(r==null)return null;const C=r[sn.prompt_template];return C??null},[r]),m=g.useMemo(()=>r==null?"{}":r[sn.invocation_parameters]||"{}",[r]),p=g.useMemo(()=>o==null?null:s(k,{direction:"row",gap:"size-100",alignItems:"center",children:[e(Sr,{spanKind:"llm"}),e(K,{textSize:"large",weight:"heavy",children:o})]}),[o]),y=t!=null&&t.value!=null,b=c.length>0,S=i!=null&&i.value!=null,h=d.length>0,x=u.length>0,L=Object.keys(JSON.parse(m)).length>0,I=f!=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:p,children:s(fe,{children:[b?e(q,{name:"Input Messages",hidden:!b,children:e(Ba,{messages:c})}):null,y?e(q,{name:"Input",hidden:!y,children:e(D,{padding:"size-200",children:e(ye,{children:e(Q,{...Z,title:"LLM Input",extra:s(k,{direction:"row",gap:"size-100",children:[e(_e,{}),e(J,{text:t.value})]}),children:e(Qe,{...t})})})})}):null,I?e(q,{name:"Prompt Template",hidden:!I,children:e(D,{padding:"size-200",children:s(k,{direction:"column",gap:"size-100",children:[e(D,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:s(Gn,{text:f.template,children:[e(K,{color:"text-700",fontStyle:"italic",children:"prompt template"}),e(mt,{children:f.template})]})}),e(D,{borderRadius:"medium",borderColor:"light",backgroundColor:"light",borderWidth:"thin",padding:"size-200",children:s(Gn,{text:JSON.stringify(f.variables),children:[e(K,{color:"text-700",fontStyle:"italic",children:"template variables"}),e(Ae,{children:JSON.stringify(f.variables)})]})})]})})}):null,e(q,{name:"Prompts",hidden:!x,children:e($o,{prompts:u})}),e(q,{name:"Invocation Params",hidden:!L,children:e(Gn,{text:m,padding:"size-100",children:e(Ae,{children:m})})})]})}),S||h?e(ml,{...Z,children:s(fe,{children:[h?e(q,{name:"Output Messages",hidden:!h,children:e(Ba,{messages:d})}):null,S?e(q,{name:"Output",hidden:!S,children:e(D,{padding:"size-200",children:e(ye,{children:e(Q,{...Z,title:"LLM Output",extra:s(k,{direction:"row",gap:"size-100",children:[e(_e,{}),e(J,{text:i.value})]}),children:e(Qe,{...i})})})})}):null]})}):null]})}function Ro(n){const{spanAttributes:a,span:l}=n,{input:t}=l,i=g.useMemo(()=>a[de.retrieval]||null,[a]),r=g.useMemo(()=>{var f;return i==null?[]:((f=i[Mi.documents])==null?void 0:f.map(m=>m[de.document]).filter(Boolean))||[]},[i]),o=g.useMemo(()=>l.documentEvaluations.reduce((m,p)=>{const y=p.documentPosition,b=m[y]||[];return{...m,[y]:[...b,p]}},{}),[l.documentEvaluations]),c=t!=null&&t.value!=null,d=r.length>0,u=l.documentRetrievalMetrics.length>0;return s(k,{direction:"column",gap:"size-200",children:[c?e(ye,{children:e(Q,{title:"Input",...Z,extra:s(k,{direction:"row",gap:"size-100",children:[e(_e,{}),e(J,{text:t.value})]}),children:e(Qe,{...t})})}):null,d?e(ye,{children:e(Q,{title:"Documents",...Z,titleExtra:u&&e(k,{direction:"row",alignItems:"center",gap:"size-100",children:l.documentRetrievalMetrics.map(f=>s(W,{children:[e(ce,{name:f.evaluationName,metric:"ndcg",score:f.ndcg},"ndcg"),e(ce,{name:f.evaluationName,metric:"precision",score:f.precision},"precision"),e(ce,{name:f.evaluationName,metric:"hit",score:f.hit},"hit")]}))}),extra:e(_e,{}),children:e("ul",{css:F`
1128
- display: flex;
1129
- flex-direction: column;
1130
- gap: var(--ac-global-dimension-static-size-200);
1131
- `,children:r.map((f,m)=>e("li",{children:e(ba,{document:f,documentEvaluations:o[m],borderColor:"seafoam-700",backgroundColor:"seafoam-100",labelColor:"seafoam-1000"})},m))})})}):null]})}function _o(n){const{spanAttributes:a}=n,l=g.useMemo(()=>a[de.reranker]||null,[a]),t=g.useMemo(()=>l==null?"":l[ra.query]||"",[l]),i=g.useMemo(()=>{var d;return l==null?[]:((d=l[ra.input_documents])==null?void 0:d.map(u=>u[de.document]).filter(Boolean))||[]},[l]),r=g.useMemo(()=>{var d;return l==null?[]:((d=l[ra.output_documents])==null?void 0:d.map(u=>u[de.document]).filter(Boolean))||[]},[l]),o=i.length,c=r.length;return s(k,{direction:"column",gap:"size-200",children:[e(ye,{children:e(Q,{title:"Query",...Z,children:e(An,{children:t})})}),e(Q,{title:"Input Documents",titleExtra:e(Ve,{variant:"light",children:o}),...Z,defaultOpen:!1,children:e("ul",{css:F`
1132
- padding: var(--ac-global-dimension-static-size-200);
1133
- display: flex;
1134
- flex-direction: column;
1135
- gap: var(--ac-global-dimension-static-size-200);
1136
- `,children:i.map((d,u)=>e("li",{children:e(ba,{document:d,borderColor:"seafoam-700",backgroundColor:"seafoam-100",labelColor:"seafoam-1000"})},u))})}),e(Q,{title:"Output Documents",titleExtra:e(Ve,{variant:"light",children:c}),...Z,children:e("ul",{css:F`
1137
- padding: var(--ac-global-dimension-static-size-200);
1138
- display: flex;
1139
- flex-direction: column;
1140
- gap: var(--ac-global-dimension-static-size-200);
1141
- `,children:r.map((d,u)=>e("li",{children:e(ba,{document:d,borderColor:"celery-700",backgroundColor:"celery-100",labelColor:"celery-1000"})},u))})})]})}function wo(n){const{spanAttributes:a}=n,l=g.useMemo(()=>a[de.embedding]||null,[a]),t=g.useMemo(()=>{var o;return l==null?[]:((o=l[sa.embeddings])==null?void 0:o.map(c=>c[de.embedding]).filter(Boolean))||[]},[l]),i=t.length>0,r=l==null?void 0:l[sa.model_name];return e(k,{direction:"column",gap:"size-200",children:i?e(Q,{title:"Embeddings"+(typeof r=="string"?`: ${r}`:""),...Z,children:e("ul",{css:F`
1142
- display: flex;
1143
- flex-direction: column;
1144
- gap: var(--ac-global-dimension-static-size-200);
1145
- `,children:t.map((o,c)=>e("li",{children:e(ye,{children:e(Q,{...Z,backgroundColor:"purple-100",borderColor:"purple-700",title:"Embedded Text",children:e(An,{children:o[sa.text]||""})})})},c))})}):null})}function Po(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",u=g.useMemo(()=>l[de.tool]||{},[l]),f=Object.keys(u).length>0,m=u[oa.name],p=u[oa.description],y=u[oa.parameters];return!r&&!o&&!f?null:s(k,{direction:"column",gap:"size-200",children:[r?e(ye,{children:e(Q,{title:"Input",...Z,extra:s(k,{direction:"row",gap:"size-100",children:[c?e(_e,{}):null,e(J,{text:t.value})]}),children:e(Qe,{...t})})}):null,o?e(ye,{children:e(Q,{title:"Output",...Z,backgroundColor:"green-100",borderColor:"green-700",extra:s(k,{direction:"row",gap:"size-100",children:[d?e(_e,{}):null,e(J,{text:i.value})]}),children:e(Qe,{...i})})}):null,f?e(Q,{title:"Tool"+(typeof m=="string"?`: ${m}`:""),...Z,children:s(k,{direction:"column",children:[p!=null?e(D,{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(K,{color:"text-700",fontStyle:"italic",children:"Description"}),e(K,{children:p})]})}):null,y!=null?e(D,{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(K,{color:"text-700",fontStyle:"italic",children:"Parameters"}),e(Ae,{children:JSON.stringify(y)})]})}):null]})}):null]})}const Mo=["irrelevant","unrelated"];function ba({document:n,documentEvaluations:a,backgroundColor:l,borderColor:t,labelColor:i}){const r=n[Dn.metadata],o=a&&a.length,c=n[Dn.content];return e(Q,{...Z,backgroundColor:l,borderColor:t,bodyStyle:{padding:0},title:s(k,{direction:"row",gap:"size-50",alignItems:"center",children:[e(N,{svg:e(M.FileOutline,{})}),s(oe,{level:4,children:["document ",n[Dn.id]]})]}),extra:typeof n[Dn.score]=="number"&&e(yn,{color:i,children:`score ${xa(n[Dn.score])}`}),children:s(k,{direction:"column",children:[c&&e(D,{padding:"size-200",children:e(An,{children:c})}),r&&e(W,{children:e(D,{borderColor:t,borderTopWidth:"thin",children:e(Ae,{children:JSON.stringify(r)})})}),o&&e(D,{borderColor:t,borderTopWidth:"thin",padding:"size-200",children:s(k,{direction:"column",gap:"size-100",children:[e(oe,{level:3,weight:"heavy",children:"Evaluations"}),e("ul",{children:a.map((d,u)=>{const f=d.label&&Mo.includes(d.label)?"danger":i;return e("li",{children:e(D,{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(K,{weight:"heavy",elementType:"h5",children:d.name}),d.label&&e(yn,{color:f,shape:"badge",children:d.label}),typeof d.score=="number"&&e(yn,{color:f,shape:"badge",children:s(k,{direction:"row",gap:"size-50",children:[e(K,{textSize:"xsmall",weight:"heavy",color:"inherit",children:"score"}),e(K,{textSize:"xsmall",children:Ce(d.score)})]})})]}),typeof d.explanation&&e("p",{css:F`
1146
- margin-top: var(
1147
- --ac-global-dimension-static-size-100
1148
- );
1149
- margin-bottom: 0;
1150
- `,children:d.explanation})]})})},u)})})]})})]})})}function No({message:n}){var c;const a=n[be.content],l=n[be.contents],t=((c=n[be.tool_calls])==null?void 0:c.map(d=>d[de.tool_call]).filter(Boolean))||[],i=n[be.function_call_arguments_json]&&n[be.function_call_name],r=n[be.role]||"unknown",o=g.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(ye,{children:s(Q,{...Z,...o,title:r+(n[be.name]?`: ${n[be.name]}`:""),extra:s(k,{direction:"row",gap:"size-100",children:[e(_e,{}),e(J,{text:a||JSON.stringify(n)})]}),children:[e(vr,{children:l?e(Vo,{messageContents:l}):null}),s(k,{direction:"column",alignItems:"start",children:[a?e(An,{children:a}):null,t.length>0?t.map((d,u)=>{var f,m;return s("pre",{css:F`
1151
- text-wrap: wrap;
1152
- margin: var(--ac-global-dimension-static-size-100) 0;
1153
- `,children:[(f=d==null?void 0:d.function)==null?void 0:f.name,"(",JSON.stringify(JSON.parse((m=d==null?void 0:d.function)==null?void 0:m.arguments),null,2),")"]},u)}):null,i?s("pre",{css:F`
1154
- text-wrap: wrap;
1155
- margin: var(--ac-global-dimension-static-size-100) 0;
1156
- `,children:[n[be.function_call_name],"(",JSON.stringify(JSON.parse(n[be.function_call_arguments_json]),null,2),")"]}):null]})]})})}function Ba({messages:n}){return e("ul",{css:F`
1157
- display: flex;
1158
- flex-direction: column;
1159
- gap: var(--ac-global-dimension-static-size-100);
1160
- padding: var(--ac-global-dimension-static-size-200);
1161
- `,children:n.map((a,l)=>e("li",{children:e(No,{message:a})},l))})}function $o({prompts:n}){return e("ul",{"data-testid":"llm-prompts-list",css:F`
1162
- padding: var(--ac-global-dimension-size-200);
1163
- display: flex;
1164
- flex-direction: column;
1165
- gap: var(--ac-global-dimension-size-100);
1166
- `,children:n.map((a,l)=>e("li",{children:e(D,{backgroundColor:"gray-600",borderColor:"gray-400",borderWidth:"thin",borderRadius:"medium",padding:"size-100",children:e(Gn,{text:a,children:e(Qe,{value:a,mimeType:"text"})})})},l))})}function Vo({messageContents:n}){return e("ul",{css:F`
1167
- display: flex;
1168
- flex-direction: column;
1169
- gap: var(--ac-global-dimension-size-100);
1170
- `,children:n.map((a,l)=>e("li",{children:e(Ao,{messageContentAttribute:a})},l))})}const zo=F`
1171
- max-width: 100%;
1172
- max-height: 100%;
1173
- object-fit: cover;
1174
- `;function Ao({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:F`
1175
- white-space: pre-wrap;
1176
- padding: 0;
1177
- margin: 0;
1178
- `,children:l}):null,i?e("img",{src:i,css:zo}):null]})}function Qo({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(ye,{children:e(Q,{title:"Input",...Z,extra:s(k,{direction:"row",gap:"size-100",children:[i?e(_e,{}):null,e(J,{text:a.value})]}),children:e(Qe,{...a})})}):null,l&&l.value!=null?e(ye,{children:e(Q,{title:"Output",...Z,backgroundColor:"green-100",borderColor:"green-700",extra:s(k,{direction:"row",gap:"size-100",children:[r?e(_e,{}):null,e(J,{text:l.value})]}),children:e(Qe,{...l})})}):null,t?e(Q,{title:"All Attributes",titleExtra:ut,...Z,bodyStyle:{padding:0},extra:e(J,{text:n.attributes}),children:e(Ae,{children:n.attributes})}):null]})}const Oo=F`
1179
- .cm-content {
1180
- padding: var(--ac-global-dimension-static-size-200) 0;
1181
- }
1182
- .cm-editor,
1183
- .cm-gutters {
1184
- background-color: transparent;
1185
- }
1186
- `;function Gn({text:n,children:a,padding:l}){const t=l?`var(--ac-global-dimension-${l})`:"0";return s("div",{css:F`
1187
- position: relative;
1188
- .copy-to-clipboard-button {
1189
- transition: opacity 0.2s ease-in-out;
1190
- opacity: 0;
1191
- position: absolute;
1192
- right: ${t};
1193
- top: ${t};
1194
- z-index: 1;
1195
- }
1196
- &:hover .copy-to-clipboard-button {
1197
- opacity: 1;
1198
- }
1199
- `,children:[e(J,{text:n}),a]})}function Ae({children:n}){const{theme:a}=Vn(),l=a==="light"?void 0:ia,{value:t,mimeType:i}=g.useMemo(()=>{try{return{value:JSON.stringify(JSON.parse(n),null,2),mimeType:"json"}}catch{return{value:n,mimeType:"text"}}},[n]);return i==="json"?e(ta,{value:t,basicSetup:{lineNumbers:!0,foldGutter:!0,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[Ur(),Jr.lineWrapping],editable:!1,theme:l,css:Oo}):e(mt,{children:t})}function mt({children:n}){return e("pre",{css:F`
1200
- white-space: pre-wrap;
1201
- padding: 0;
1202
- `,children:n})}function Qe({value:n,mimeType:a}){let l;switch(a){case"json":l=e(Ae,{children:n});break;case"text":l=e(An,{children:n});break;default:me()}return l}function jo({text:n}){return s(k,{direction:"column",alignItems:"center",flex:"1 1 auto",height:"size-2400",justifyContent:"center",gap:"size-100",children:[e(Ea,{graphicKey:"documents"}),e(K,{children:n})]})}function qo({events:n}){return n.length===0?e(jo,{text:"No events"}):e(hl,{children:n.map((a,l)=>{const t=a.name==="exception";return e(fl,{children:s(k,{direction:"row",alignItems:"center",gap:"size-100",children:[e(D,{flex:"none",children:e("div",{"data-event-type":t?"exception":"info",css:i=>F`
1203
- &[data-event-type="exception"] {
1204
- --px-event-icon-color: ${i.colors.statusDanger};
1205
- }
1206
- &[data-event-type="info"] {
1207
- --px-event-icon-color: ${i.colors.statusInfo};
1208
- }
1209
- .ac-icon-wrap {
1210
- color: var(--px-event-icon-color);
1211
- }
1212
- `,children:e(N,{svg:t?e(M.AlertTriangleOutline,{}):e(M.InfoOutline,{})})})}),s(k,{direction:"column",gap:"size-25",flex:"1 1 auto",children:[e(K,{weight:"heavy",children:a.name}),e(K,{color:"text-700",children:a.message})]}),e(D,{children:e(K,{color:"text-700",children:new Date(a.timestamp).toLocaleString()})})]})},l)})})}function Bo(n){return e(fo,{span:n.span})}function Vc(){const{traceId:n,projectId:a}=je(),l=ne();return e(ae,{type:"slideOver",isDismissable:!0,onDismiss:()=>l(`/projects/${a}`),children:e(X,{size:"fullscreen",title:"Trace Details",children:e(ct,{traceId:n,projectId:a})})})}const gt=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:100},r={kind:"Literal",name:"sort",value:{col:"startTime",dir:"desc"}},o={kind:"Variable",name:"timeRange",variableName:"timeRange"},c=[i,r,o],d={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},u={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},f={alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},m={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"latencyMs",storageKey:null},y={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:"value",args:null,kind:"ScalarField",name:"truncatedValue",storageKey:null}],S={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"input",plural:!1,selections:b,storageKey:null},h={alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:b,storageKey:null},x={alias:null,args:null,concreteType:"SpanEvaluation",kind:"LinkedField",name:"spanEvaluations",plural:!0,selections:[u,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null},L={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},I={alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},C={alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[l],storageKey:null},v={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},T=[i,{kind:"Literal",name:"rootSpansOnly",value:!0},r,o],P={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},R={alias:null,args:null,kind:"ScalarField",name:"parentId",storageKey:null},z=[{alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null}],j=[o];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:"SpansTable_spans"},{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:"spanEvaluationNames",storageKey:null},{alias:null,args:c,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,d,u,f,{alias:null,args:null,kind:"ScalarField",name:"statusCode",storageKey:null},m,p,{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},y,S,h,x,L],storageKey:null},I,C],storageKey:null},v],storageKey:null},{alias:null,args:c,filters:["sort","filterCondition","timeRange"],handle:"connection",key:"SpansTable_spans",kind:"LinkedHandle",name:"spans"},{alias:"rootSpans",args:T,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,d,u,f,P,m,p,{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountTotal",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountPrompt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cumulativeTokenCountCompletion",storageKey:null},R,S,h,y,x,L,{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"descendants",plural:!0,selections:[t,d,u,P,m,p,R,{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:z,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:z,storageKey:null},y,x,L],storageKey:null}],storageKey:null},I,C],storageKey:null},v],storageKey:null},{alias:"rootSpans",args:T,filters:["sort","rootSpansOnly","filterCondition","timeRange"],handle:"connection",key:"TracesTable_rootSpans",kind:"LinkedHandle",name:"spans"},{alias:null,args:j,kind:"ScalarField",name:"traceCount",storageKey:null},{alias:null,args:j,kind:"ScalarField",name:"tokenCountTotal",storageKey:null},{alias:"latencyMsP50",args:[{kind:"Literal",name:"probability",value:.5},o],kind:"ScalarField",name:"latencyMsQuantile",storageKey:null},{alias:"latencyMsP99",args:[{kind:"Literal",name:"probability",value:.99},o],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:"f91a1a2f14ed08ee58a7f39925bac3c8",id:null,metadata:{},name:"ProjectPageQuery",operationKind:"query",text:`query ProjectPageQuery(
1213
- $id: GlobalID!
1214
- $timeRange: TimeRange!
1215
- ) {
1216
- project: node(id: $id) {
1217
- __typename
1218
- ...SpansTable_spans
1219
- ...TracesTable_spans
1220
- ...ProjectPageHeader_stats
1221
- ...StreamToggle_data
1222
- __isNode: __typename
1223
- id
1224
- }
1225
- }
1226
-
1227
- fragment ProjectPageHeader_stats on Project {
1228
- traceCount(timeRange: $timeRange)
1229
- tokenCountTotal(timeRange: $timeRange)
1230
- latencyMsP50: latencyMsQuantile(probability: 0.5, timeRange: $timeRange)
1231
- latencyMsP99: latencyMsQuantile(probability: 0.99, timeRange: $timeRange)
1232
- spanEvaluationNames
1233
- documentEvaluationNames
1234
- id
1235
- }
1236
-
1237
- fragment SpanColumnSelector_evaluations on Project {
1238
- spanEvaluationNames
1239
- }
1240
-
1241
- fragment SpansTable_spans on Project {
1242
- ...SpanColumnSelector_evaluations
1243
- spans(first: 100, sort: {col: startTime, dir: desc}, timeRange: $timeRange) {
1244
- edges {
1245
- span: node {
1246
- id
1247
- spanKind
1248
- name
1249
- metadata
1250
- statusCode
1251
- startTime
1252
- latencyMs
1253
- tokenCountTotal
1254
- tokenCountPrompt
1255
- tokenCountCompletion
1256
- context {
1257
- spanId
1258
- traceId
1259
- }
1260
- input {
1261
- value: truncatedValue
1262
- }
1263
- output {
1264
- value: truncatedValue
1265
- }
1266
- spanEvaluations {
1267
- name
1268
- label
1269
- score
1270
- }
1271
- documentRetrievalMetrics {
1272
- evaluationName
1273
- ndcg
1274
- precision
1275
- hit
1276
- }
1277
- }
1278
- cursor
1279
- node {
1280
- __typename
1281
- }
1282
- }
1283
- pageInfo {
1284
- endCursor
1285
- hasNextPage
1286
- }
1287
- }
1288
- id
1289
- }
1290
-
1291
- fragment StreamToggle_data on Project {
1292
- streamingLastUpdatedAt
1293
- id
1294
- }
1295
-
1296
- fragment TracesTable_spans on Project {
1297
- ...SpanColumnSelector_evaluations
1298
- rootSpans: spans(first: 100, sort: {col: startTime, dir: desc}, rootSpansOnly: true, timeRange: $timeRange) {
1299
- edges {
1300
- rootSpan: node {
1301
- id
1302
- spanKind
1303
- name
1304
- metadata
1305
- statusCode: propagatedStatusCode
1306
- startTime
1307
- latencyMs
1308
- cumulativeTokenCountTotal
1309
- cumulativeTokenCountPrompt
1310
- cumulativeTokenCountCompletion
1311
- parentId
1312
- input {
1313
- value: truncatedValue
1314
- }
1315
- output {
1316
- value: truncatedValue
1317
- }
1318
- context {
1319
- spanId
1320
- traceId
1321
- }
1322
- spanEvaluations {
1323
- name
1324
- label
1325
- score
1326
- }
1327
- documentRetrievalMetrics {
1328
- evaluationName
1329
- ndcg
1330
- precision
1331
- hit
1332
- }
1333
- descendants {
1334
- id
1335
- spanKind
1336
- name
1337
- statusCode: propagatedStatusCode
1338
- startTime
1339
- latencyMs
1340
- parentId
1341
- cumulativeTokenCountTotal: tokenCountTotal
1342
- cumulativeTokenCountPrompt: tokenCountPrompt
1343
- cumulativeTokenCountCompletion: tokenCountCompletion
1344
- input {
1345
- value
1346
- }
1347
- output {
1348
- value
1349
- }
1350
- context {
1351
- spanId
1352
- traceId
1353
- }
1354
- spanEvaluations {
1355
- name
1356
- label
1357
- score
1358
- }
1359
- documentRetrievalMetrics {
1360
- evaluationName
1361
- ndcg
1362
- precision
1363
- hit
1364
- }
1365
- }
1366
- }
1367
- cursor
1368
- node {
1369
- __typename
1370
- }
1371
- }
1372
- pageInfo {
1373
- endCursor
1374
- hasNextPage
1375
- }
1376
- }
1377
- id
1378
- }
1379
- `}}}();gt.hash="c1b22588515ba56f88b7ea8ed8bb12fa";const pt=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:"spanEvaluationNames",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"documentEvaluationNames",storageKey:null}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"b55d98cce8db8be868e94c1b1dd649af",id:null,metadata:{},name:"ProjectPageHeaderQuery",operationKind:"query",text:`query ProjectPageHeaderQuery(
1380
- $timeRange: TimeRange
1381
- $id: GlobalID!
1382
- ) {
1383
- node(id: $id) {
1384
- __typename
1385
- ...ProjectPageHeader_stats
1386
- __isNode: __typename
1387
- id
1388
- }
1389
- }
1390
-
1391
- fragment ProjectPageHeader_stats on Project {
1392
- traceCount(timeRange: $timeRange)
1393
- tokenCountTotal(timeRange: $timeRange)
1394
- latencyMsP50: latencyMsQuantile(probability: 0.5, timeRange: $timeRange)
1395
- latencyMsP99: latencyMsQuantile(probability: 0.99, timeRange: $timeRange)
1396
- spanEvaluationNames
1397
- documentEvaluationNames
1398
- id
1399
- }
1400
- `}}}();pt.hash="22a98df993a4375f85851e92f6844c09";const yt=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:pt,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:"spanEvaluationNames",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}}();yt.hash="22a98df993a4375f85851e92f6844c09";const ft=g.createContext(null);function Tn(){const n=Fe.useContext(ft);if(n===null)throw new Error("useStreamState must be used within a StreamStateProvider");return n}function Ho({initialFetchKey:n="initial",children:a}){const[l,t]=g.useState(!0),[i,r]=g.useState(n),o=g.useCallback(c=>{g.startTransition(()=>{r(c)})},[r]);return e(ft.Provider,{value:{isStreaming:l,setIsStreaming:t,fetchKey:i,setFetchKey:o},children:a})}const ht=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(
1401
- $evaluationName: String!
1402
- $timeRange: TimeRange!
1403
- $id: GlobalID!
1404
- ) {
1405
- node(id: $id) {
1406
- __typename
1407
- ...DocumentEvaluationSummaryValueFragment_1dJL9N
1408
- __isNode: __typename
1409
- id
1410
- }
1411
- }
1412
-
1413
- fragment DocumentEvaluationSummaryValueFragment_1dJL9N on Project {
1414
- documentEvaluationSummary(evaluationName: $evaluationName, timeRange: $timeRange) {
1415
- averageNdcg
1416
- averagePrecision
1417
- meanReciprocalRank
1418
- hitRate
1419
- }
1420
- id
1421
- }
1422
- `}}}();ht.hash="15d0652aa260c80f62acec943f615d93";const kt={argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"evaluationName"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:ht,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};kt.hash="15d0652aa260c80f62acec943f615d93";const bt=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(
1423
- $evaluationName: String!
1424
- $id: GlobalID!
1425
- $timeRange: TimeRange!
1426
- ) {
1427
- project: node(id: $id) {
1428
- __typename
1429
- ...DocumentEvaluationSummaryValueFragment_1dJL9N
1430
- __isNode: __typename
1431
- id
1432
- }
1433
- }
1434
-
1435
- fragment DocumentEvaluationSummaryValueFragment_1dJL9N on Project {
1436
- documentEvaluationSummary(evaluationName: $evaluationName, timeRange: $timeRange) {
1437
- averageNdcg
1438
- averagePrecision
1439
- meanReciprocalRank
1440
- hitRate
1441
- }
1442
- id
1443
- }
1444
- `}}}();bt.hash="4d50474ffa9b9e4a68d07f6e0777c144";function Go({evaluationName:n}){const{projectId:a}=je(),{timeRange:l}=Xn(),t=_.useLazyLoadQuery(bt,{id:a,evaluationName:n,timeRange:{start:l.start.toISOString(),end:l.end.toISOString()}});return s(k,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:n}),e(g.Suspense,{fallback:e(K,{textSize:"xlarge",children:"--"}),children:e(Wo,{evaluationName:n,project:t==null?void 0:t.project})})]})}function Wo(n){var u,f,m,p;const{project:a}=n,{fetchKey:l}=Tn(),[t,i]=_.useRefetchableFragment(kt,a);g.useEffect(()=>{g.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[l,i]);const r=(u=t==null?void 0:t.documentEvaluationSummary)==null?void 0:u.averageNdcg,o=(f=t==null?void 0:t.documentEvaluationSummary)==null?void 0:f.averagePrecision,c=(m=t==null?void 0:t.documentEvaluationSummary)==null?void 0:m.hitRate,d=(p=t==null?void 0:t.documentEvaluationSummary)==null?void 0:p.meanReciprocalRank;return s(ge,{delay:0,placement:"bottom",children:[e(ze,{children:e(k,{direction:"row",alignItems:"center",gap:"size-50",height:"28px",children:s(W,{children:[e(ce,{metric:"ndcg",score:r},"ndcg"),e(ce,{metric:"precision",score:o},"precision"),e(ce,{metric:"hit rate",score:c},"hit")]})})}),e(aa,{children:e(D,{width:"size-2400",children:s(k,{direction:"column",children:[s(k,{justifyContent:"space-between",children:[e(K,{children:"average ndcg"}),e(K,{children:typeof r=="number"?Ce(r):"--"})]}),s(k,{justifyContent:"space-between",children:[e(K,{children:"average precision"}),e(K,{children:typeof o=="number"?Ce(o):"--"})]}),s(k,{justifyContent:"space-between",children:[e(K,{children:"mean reciprocal rank"}),e(K,{children:typeof d=="number"?Ce(d):"--"})]}),s(k,{justifyContent:"space-between",children:[e(K,{children:"hit rate"}),e(K,{children:typeof c=="number"?Ce(c):"--"})]})]})})})]})}const St=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:"EvaluationSummaryValueQuery",selections:[{alias:null,args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:i,kind:"FragmentSpread",name:"EvaluationSummaryValueFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[n,l,a],kind:"Operation",name:"EvaluationSummaryValueQuery",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:"EvaluationSummary",kind:"LinkedField",name:"spanEvaluationSummary",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:"99465624550be40aec8146116c3a223b",id:null,metadata:{},name:"EvaluationSummaryValueQuery",operationKind:"query",text:`query EvaluationSummaryValueQuery(
1445
- $evaluationName: String!
1446
- $timeRange: TimeRange!
1447
- $id: GlobalID!
1448
- ) {
1449
- node(id: $id) {
1450
- __typename
1451
- ...EvaluationSummaryValueFragment_1dJL9N
1452
- __isNode: __typename
1453
- id
1454
- }
1455
- }
1456
-
1457
- fragment EvaluationSummaryValueFragment_1dJL9N on Project {
1458
- spanEvaluationSummary(evaluationName: $evaluationName, timeRange: $timeRange) {
1459
- labelFractions {
1460
- label
1461
- fraction
1462
- }
1463
- meanScore
1464
- }
1465
- id
1466
- }
1467
- `}}}();St.hash="ba0ee13567d5484ec0697c50e1a77bfa";const vt={argumentDefinitions:[{defaultValue:null,kind:"LocalArgument",name:"evaluationName"},{defaultValue:null,kind:"LocalArgument",name:"timeRange"}],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:St,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"EvaluationSummaryValueFragment",selections:[{alias:null,args:[{kind:"Variable",name:"evaluationName",variableName:"evaluationName"},{kind:"Variable",name:"timeRange",variableName:"timeRange"}],concreteType:"EvaluationSummary",kind:"LinkedField",name:"spanEvaluationSummary",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};vt.hash="ba0ee13567d5484ec0697c50e1a77bfa";const xt=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:"EvaluationSummaryQuery",selections:[{alias:"project",args:t,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{args:i,kind:"FragmentSpread",name:"EvaluationSummaryValueFragment"}],storageKey:null}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,n,l],kind:"Operation",name:"EvaluationSummaryQuery",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:"EvaluationSummary",kind:"LinkedField",name:"spanEvaluationSummary",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:"df512af7fecec8c6f2731f53f703b0f4",id:null,metadata:{},name:"EvaluationSummaryQuery",operationKind:"query",text:`query EvaluationSummaryQuery(
1468
- $id: GlobalID!
1469
- $evaluationName: String!
1470
- $timeRange: TimeRange!
1471
- ) {
1472
- project: node(id: $id) {
1473
- __typename
1474
- ...EvaluationSummaryValueFragment_1dJL9N
1475
- __isNode: __typename
1476
- id
1477
- }
1478
- }
1479
-
1480
- fragment EvaluationSummaryValueFragment_1dJL9N on Project {
1481
- spanEvaluationSummary(evaluationName: $evaluationName, timeRange: $timeRange) {
1482
- labelFractions {
1483
- label
1484
- fraction
1485
- }
1486
- meanScore
1487
- }
1488
- id
1489
- }
1490
- `}}}();xt.hash="6947c95234456d6fef0b4f148b6ae42c";function Uo({evaluationName:n}){const{projectId:a}=je(),{timeRange:l}=Xn(),t=_.useLazyLoadQuery(xt,{evaluationName:n,id:a,timeRange:{start:l.start.toISOString(),end:l.end.toISOString()}});return s(k,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:n}),e(g.Suspense,{fallback:e(K,{textSize:"xlarge",children:"--"}),children:e(Jo,{evaluationName:n,project:t.project})})]})}function Jo(n){var m,p;const{project:a}=n,{fetchKey:l}=Tn(),[t,i]=_.useRefetchableFragment(vt,a);g.useEffect(()=>{g.startTransition(()=>{i({},{fetchPolicy:"store-and-network"})})},[l,i]);const r=Pe(),o=[r.default,r.gray600,r.gray400,r.gray200],c=(m=t==null?void 0:t.spanEvaluationSummary)==null?void 0:m.meanScore,d=(p=t==null?void 0:t.spanEvaluationSummary)==null?void 0:p.labelFractions,u=typeof c=="number",f=Array.isArray(d)&&d.length>0;return s(ge,{delay:0,placement:"bottom",children:[e(ze,{children:s(k,{direction:"row",alignItems:"center",gap:"size-50",children:[f?e(Hr,{width:24,height:24,children:e(Gr,{data:d,dataKey:"fraction",nameKey:"label",cx:"50%",cy:"50%",innerRadius:8,outerRadius:11,strokeWidth:0,stroke:"transparent",children:d.map((y,b)=>e(Wr,{fill:o[b%o.length]},`cell-${b}`))})}):null,e(K,{textSize:"xlarge",children:u?Ce(c):"--"})]})}),e(aa,{children:e(D,{width:"size-2400",children:s(k,{direction:"column",gap:"size-50",children:[f&&e("ul",{children:d.map((y,b)=>e("li",{children:e(te,{color:o[b%o.length],name:y.label,shape:"square",value:dl(y.fraction*100)})},y.label))}),f&&u?e(Jn,{}):null,u?s(k,{direction:"row",justifyContent:"space-between",children:[e(K,{children:"mean"}),e(K,{children:Ce(c)})]}):null]})})})]})}function Xo(n){const{extra:a}=n,{fetchKey:l}=Tn(),[t,i]=_.useRefetchableFragment(yt,n.project);g.useEffect(()=>{g.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.spanEvaluationNames,u=t==null?void 0:t.documentEvaluationNames;return e(D,{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:F`
1491
- overflow-x: auto;
1492
- overflow-y: hidden;
1493
- flex: 1 1 auto;
1494
- background-image: linear-gradient(
1495
- to right,
1496
- var(--ac-global-color-grey-75),
1497
- var(--ac-global-color-grey-75)
1498
- ),
1499
- linear-gradient(
1500
- to right,
1501
- var(--ac-global-color-grey-75),
1502
- var(--ac-global-color-grey-75)
1503
- ),
1504
- linear-gradient(
1505
- to right,
1506
- rgba(var(--ac-global-color-grey-300-rgb), 0.9),
1507
- rgba(var(--ac-global-color-grey-300-rgb), 0)
1508
- ),
1509
- linear-gradient(
1510
- to left,
1511
- rgba(var(--ac-global-color-grey-300-rgb), 0.9),
1512
- rgba(var(--ac-global-color-grey-300-rgb), 0)
1513
- );
1514
- background-repeat: no-repeat;
1515
- background-size:
1516
- 32px 100%,
1517
- 32px 100%,
1518
- 32px 100%,
1519
- 32px 100%;
1520
- background-position:
1521
- left center,
1522
- right center,
1523
- left center,
1524
- right center;
1525
- background-attachment: local, local, scroll, scroll;
1526
- `,children:s(k,{direction:"row",gap:"size-400",alignItems:"center",children:[s(k,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Traces"}),e(K,{textSize:"xlarge",children:nn(t==null?void 0:t.traceCount)})]}),s(k,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Tokens"}),e(K,{textSize:"xlarge",children:nn(c)})]}),s(k,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency P50"}),r!=null?e(Re,{latencyMs:r,textSize:"xlarge"}):e(K,{textSize:"xlarge",children:"--"})]}),s(k,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency P99"}),o!=null?e(Re,{latencyMs:o,textSize:"xlarge"}):e(K,{textSize:"xlarge",children:"--"})]}),d.map(f=>e(Uo,{evaluationName:f},f)),u.map(f=>e(Go,{evaluationName:f},`document-${f}`))]})}),e(D,{flex:"none",paddingStart:"size-100",children:a})]})})}const Ft=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},l={defaultValue:100,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"},u={kind:"Variable",name:"first",variableName:"first"},f={kind:"Variable",name:"sort",variableName:"sort"},m={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},y=[c,d,u,f,{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,u,f],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:[m,{kind:"TypeDiscriminator",abstractKey:"__isNode"},p,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"spanEvaluationNames",storageKey:null},{alias:null,args:y,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:[p,{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:"SpanEvaluation",kind:"LinkedField",name:"spanEvaluations",plural:!0,selections:[b,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",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:[m],storageKey:null}],storageKey:null},{alias:null,args:null,concreteType:"PageInfo",kind:"LinkedField",name:"pageInfo",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"endCursor",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hasNextPage",storageKey:null}],storageKey:null}],storageKey:null},{alias:null,args:y,filters:["sort","filterCondition","timeRange"],handle:"connection",key:"SpansTable_spans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"2413f18f0d411113ca2ad6117d901511",id:null,metadata:{},name:"SpansTableSpansQuery",operationKind:"query",text:`query SpansTableSpansQuery(
1527
- $after: String = null
1528
- $filterCondition: String = null
1529
- $first: Int = 100
1530
- $sort: SpanSort = {col: startTime, dir: desc}
1531
- $timeRange: TimeRange
1532
- $id: GlobalID!
1533
- ) {
1534
- node(id: $id) {
1535
- __typename
1536
- ...SpansTable_spans_1XEuU
1537
- __isNode: __typename
1538
- id
1539
- }
1540
- }
1541
-
1542
- fragment SpanColumnSelector_evaluations on Project {
1543
- spanEvaluationNames
1544
- }
1545
-
1546
- fragment SpansTable_spans_1XEuU on Project {
1547
- ...SpanColumnSelector_evaluations
1548
- spans(first: $first, after: $after, sort: $sort, filterCondition: $filterCondition, timeRange: $timeRange) {
1549
- edges {
1550
- span: node {
1551
- id
1552
- spanKind
1553
- name
1554
- metadata
1555
- statusCode
1556
- startTime
1557
- latencyMs
1558
- tokenCountTotal
1559
- tokenCountPrompt
1560
- tokenCountCompletion
1561
- context {
1562
- spanId
1563
- traceId
1564
- }
1565
- input {
1566
- value: truncatedValue
1567
- }
1568
- output {
1569
- value: truncatedValue
1570
- }
1571
- spanEvaluations {
1572
- name
1573
- label
1574
- score
1575
- }
1576
- documentRetrievalMetrics {
1577
- evaluationName
1578
- ndcg
1579
- precision
1580
- hit
1581
- }
1582
- }
1583
- cursor
1584
- node {
1585
- __typename
1586
- }
1587
- }
1588
- pageInfo {
1589
- endCursor
1590
- hasNextPage
1591
- }
1592
- }
1593
- id
1594
- }
1595
- `}}}();Ft.hash="78738e3d457d0b4140c9bb4f4dc1180a";const Kt=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:100,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:Ft,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"SpansTable_spans",selections:[{args:null,kind:"FragmentSpread",name:"SpanColumnSelector_evaluations"},{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:"SpanEvaluation",kind:"LinkedField",name:"spanEvaluations",plural:!0,selections:[l,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",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}}();Kt.hash="78738e3d457d0b4140c9bb4f4dc1180a";const Tt=g.createContext(null);function Zo({children:n,...a}){const l=g.useRef();return l.current||(l.current=xr(a)),e(Tt.Provider,{value:l.current,children:n})}function Oe(n,a){const l=Fe.useContext(Tt);if(!l)throw new Error("Missing TracingContext.Provider in the tree");return el(l,n,a)}const Dt={argumentDefinitions:[],kind:"Fragment",metadata:null,name:"SpanColumnSelector_evaluations",selections:[{alias:null,args:null,kind:"ScalarField",name:"spanEvaluationNames",storageKey:null}],type:"Project",abstractKey:null};Dt.hash="b15c9caa847912fdb7b07a0c01a69ed9";const Yo=["spanKind","name"];function Ct(n){return e(Ra,{menu:e(ed,{...n}),triggerProps:{placement:"bottom end"},children:s(k,{direction:"row",alignItems:"center",gap:"size-100",children:[e(N,{svg:e(M.Column,{})}),"Columns"]})})}const Wn=F`
1596
- padding: var(--ac-global-dimension-static-size-50)
1597
- var(--ac-global-dimension-static-size-100);
1598
- label {
1599
- display: flex;
1600
- align-items: center;
1601
- gap: var(--ac-global-dimension-static-size-100);
1602
- }
1603
- `;function ed(n){const{columns:a}=n,l=Oe(d=>d.columnVisibility),t=Oe(d=>d.setColumnVisibility),i=g.useMemo(()=>a.filter(d=>!Yo.includes(d.id)),[a]),r=g.useMemo(()=>i.every(d=>{const u=l[d.id];return u??!0}),[i,l]),o=g.useCallback(d=>{const{name:u,checked:f}=d.target;t({...l,[u]:f})},[l,t]),c=g.useCallback(d=>{const{checked:u}=d.target,f=i.reduce((m,p)=>({...m,[p.id]:u}),{});t(f)},[i,t]);return e("div",{css:F`
1604
- overflow-y: auto;
1605
- max-height: calc(100vh - 200px);
1606
- `,children:s(D,{paddingTop:"size-50",paddingBottom:"size-50",children:[e(D,{borderBottomColor:"dark",borderBottomWidth:"thin",paddingBottom:"size-50",children:e("div",{css:Wn,children:s("label",{children:[e("input",{type:"checkbox",name:"toggle-all",checked:r,onChange:c}),"span columns"]})})}),e("ul",{children:i.map(d=>{const u=l[d.id],f=u??!0,m=typeof d.columnDef.header=="string"?d.columnDef.header:d.id;return e("li",{css:Wn,children:s("label",{children:[e("input",{type:"checkbox",name:d.id,checked:f,onChange:o}),m]})},d.id)})}),e(nd,{...n})]})})}function nd({query:n}){const a=_.useFragment(Dt,n),l=Oe(o=>o.evaluationVisibility),t=Oe(o=>o.setEvaluationVisibility),i=g.useMemo(()=>a.spanEvaluationNames.every(o=>l[o]||!1),[l,a.spanEvaluationNames]),r=g.useCallback(()=>{const o=a.spanEvaluationNames.reduce((c,d)=>({...c,[d]:!i}),{});t(o)},[t,i,a.spanEvaluationNames]);return s("section",{children:[e(D,{paddingTop:"size-50",paddingBottom:"size-50",borderColor:"dark",borderTopWidth:"thin",borderBottomWidth:"thin",children:e("div",{css:Wn,children:s("label",{children:[e("input",{type:"checkbox",name:"toggle-evaluations-all",checked:i,onChange:r}),"evaluations"]})})}),e("ul",{children:a.spanEvaluationNames.map(o=>{const c=l[o];return e("li",{css:Wn,children:s("label",{children:[e("input",{type:"checkbox",name:o,checked:c,onChange:()=>{t({...l,[o]:!c})}}),o]})},o)})})]})}const It=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(
1607
- $condition: String!
1608
- $id: GlobalID!
1609
- ) {
1610
- project: node(id: $id) {
1611
- __typename
1612
- ... on Project {
1613
- validateSpanFilterCondition(condition: $condition) {
1614
- isValid
1615
- errorMessage
1616
- }
1617
- }
1618
- __isNode: __typename
1619
- id
1620
- }
1621
- }
1622
- `}}}();It.hash="22836f192038b0c40201d3b25aad65b4";const Lt=F`
1623
- flex: 1 1 auto;
1624
- .cm-content {
1625
- padding: var(--ac-global-dimension-static-size-100) 0;
1626
- }
1627
- .cm-editor {
1628
- background-color: transparent;
1629
- }
1630
- .cm-focused {
1631
- outline: none;
1632
- }
1633
- .cm-selectionLayer .cm-selectionBackground {
1634
- background: var(--ac-global-color-cyan-400) !important;
1635
- }
1636
- `,Et=F`
1637
- border-width: var(--ac-global-border-size-thin);
1638
- border-style: solid;
1639
- border-color: var(--ac-global-input-field-border-color);
1640
- border-radius: var(--ac-global-rounding-small);
1641
- background-color: var(--ac-global-input-field-background-color);
1642
- transition: all 0.2s ease-in-out;
1643
- overflow-x: hidden;
1644
- &:hover,
1645
- &[data-is-focused="true"] {
1646
- border-color: var(--ac-global-input-field-border-color-active);
1647
- background-color: var(--ac-global-input-field-background-color-active);
1648
- }
1649
- &[data-is-invalid="true"] {
1650
- border-color: var(--ac-global-color-danger);
1651
- }
1652
- box-sizing: border-box;
1653
- `;function ad(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:"evals['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 ld(n,a){if(!n)return{isValid:!0,errorMessage:null};const l=await Ni.fetchQuery(Ke,It,{condition:n,id:a}).toPromise();if(!l)throw new Error("Filter condition validation is null");return l.project.validateSpanFilterCondition}const td=[Xr.of([{key:"Enter",run:n=>!0}]),Pa(),Zr({override:[ad]})];function Rt(n){const{onValidCondition:a,placeholder:l="filter condition (e.x. span_kind == 'LLM')"}=n,[t,i]=g.useState(!1),[r,o]=g.useState(""),[c,d]=g.useState(""),u=g.useDeferredValue(c),{theme:f}=Vn(),m=f==="dark"?ia:void 0,p=g.useCallback(h=>{c.length>0?d(`${c} and ${h}`):d(h)},[c,d]),{projectId:y}=je();g.useEffect(()=>{ld(u,y).then(h=>{!(h!=null&&h.isValid)&&(h!=null&&h.errorMessage)?o(h.errorMessage):(o(""),g.startTransition(()=>{a(u)}))})},[a,u,y]);const b=r!=="",S=c!=="";return s("div",{"data-is-focused":t,"data-is-invalid":b,className:"span-filter-condition-field",css:Et,children:[s(k,{direction:"row",children:[e(Or,{children:e(N,{svg:e(M.Search,{})})}),e(ta,{css:Lt,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:m,placeholder:l,extensions:td}),e("button",{css:F`
1654
- margin-right: var(--ac-global-dimension-static-size-100);
1655
- color: var(--ac-global-text-color-700);
1656
- visibility: ${S?"visible":"hidden"};
1657
- `,onClick:()=>d(""),className:"button--reset",children:e(N,{svg:e(M.CloseCircleOutline,{})})}),s(Kn,{placement:"bottom right",children:[e(ze,{children:e("button",{css:F`
1658
- color: var(--ac-global-text-color-700);
1659
- background-color: var(--ac-global-color-grey-400);
1660
- padding-left: var(--ac-global-dimension-static-size-100);
1661
- padding-right: var(--ac-global-dimension-static-size-100);
1662
- height: 100%;
1663
- `,className:"button--reset",children:e(N,{svg:e(M.PlusCircleOutline,{})})})}),e(id,{onAddFilterConditionSnippet:p})]})]}),s(ge,{isOpen:b&&t,placement:"bottom",children:[e(ze,{children:e("div",{})}),e(aa,{children:r!=""?e(K,{color:"danger",children:r}):e(K,{color:"success",children:"Valid Expression"})})]})]})}function id(n){const{onAddFilterConditionSnippet:a}=n;return e(D,{width:"500px",paddingTop:"size-200",paddingStart:"size-200",paddingEnd:"size-200",borderRadius:"medium",borderWidth:"thin",borderColor:"light",backgroundColor:"light",children:s(_n,{children:[e(dn,{label:"filter by kind",initialSnippet:"span_kind == 'LLM'",onAddFilterConditionSnippet:a},"kind"),e(dn,{label:"filter by token count",initialSnippet:"cumulative_token_count.total > 1000",onAddFilterConditionSnippet:a},"token_count"),e(dn,{label:"filter by evaluation label",initialSnippet:"evals['Hallucination'].label == 'hallucinated'",onAddFilterConditionSnippet:a},"eval_label"),e(dn,{label:"filter by evaluation score",initialSnippet:"evals['Hallucination'].score < 1",onAddFilterConditionSnippet:a},"eval_score"),e(dn,{label:"filter by metadata",initialSnippet:"metadata['topic'] == 'agent'",onAddFilterConditionSnippet:a},"metadata"),e(dn,{label:"filter by substring",initialSnippet:"'agent' in input.value",onAddFilterConditionSnippet:a},"substring")]})})}function dn(n){const{initialSnippet:a,onAddFilterConditionSnippet:l}=n,[t,i]=g.useState(a),{theme:r}=Vn(),o=r==="light"?void 0:ia;return e(la,{label:n.label,children:s(k,{direction:"row",width:"100%",gap:"size-100",children:[e("div",{css:F(Et,F`
1664
- flex: 1 1 auto;
1665
- `),children:e(ta,{value:t,basicSetup:{lineNumbers:!1,foldGutter:!1,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},extensions:[Pa()],editable:!0,onChange:i,theme:o,css:Lt})}),e(O,{title:"Add to filter condition",variant:"default",onClick:()=>l(t),icon:e(N,{svg:e(M.PlusCircleOutline,{})})})]})})}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:"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(
1666
- $input: AddSpansToDatasetInput!
1667
- ) {
1668
- addSpansToDataset(input: $input) {
1669
- dataset {
1670
- id
1671
- }
1672
- }
1673
- }
1674
- `}}}();_t.hash="5e3aef907285081a06c0e0360045e865";const wt={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 {
1675
- ...DatasetSelectorPopoverContent_datasets
1676
- }
1677
-
1678
- fragment DatasetSelectorPopoverContent_datasets on Query {
1679
- datasets {
1680
- edges {
1681
- dataset: node {
1682
- id
1683
- name
1684
- }
1685
- }
1686
- }
1687
- }
1688
- `}};wt.hash="40d5267ad0ec2335a73ff2a4d05bbed1";const Pt={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:[],operation:wt}},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};Pt.hash="40d5267ad0ec2335a73ff2a4d05bbed1";const Mt={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 {
1689
- ...DatasetSelectorPopoverContent_datasets
1690
- }
1691
-
1692
- fragment DatasetSelectorPopoverContent_datasets on Query {
1693
- datasets {
1694
- edges {
1695
- dataset: node {
1696
- id
1697
- name
1698
- }
1699
- }
1700
- }
1701
- }
1702
- `}};Mt.hash="7cd8a13144d97d2b5294f2a09c9e1351";function rd(n){const{onCreateNewDataset:a,onDatasetSelected:l}=n,[t,i]=g.useState(""),r=_.useLazyLoadQuery(Mt,{},{fetchPolicy:"network-only"});return s(Q,{title:"Add to Dataset",variant:"compact",backgroundColor:"light",borderColor:"light",bodyStyle:{padding:0},extra:e(O,{variant:"default",size:"compact",onClick:a,children:"New Dataset"}),children:[e(D,{padding:"size-100",children:e(Ne,{type:"search",placeholder:"Search datasets",addonBefore:e(N,{svg:e(M.Search,{})}),onChange:o=>{i(o)}})}),e(D,{borderTopWidth:"thin",borderColor:"light",children:e("div",{css:F`
1703
- height: 400px;
1704
- overflow-y: auto;
1705
- `,children:e(sd,{query:r,search:t,onDatasetSelected:l})})})]})}function sd(n){const{search:a,onDatasetSelected:l}=n,[t]=_.useRefetchableFragment(Pt,n.query),i=g.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(K,{children:"No datasets found"})}):e(Yn,{selectionMode:"single",onSelectionChange:o=>{if(typeof o=="object"){const c=Array.from(o);l(c[0])}},children:i.map(o=>e(H,{children:o.name},o.id))})}function Nt(n){const a=ne(),[l,t]=g.useState(null),i=Me(),r=Qn(),[o,c]=g.useState(!1),{selectedSpans:d,onClearSelection:u}=n,[f,m]=_.useMutation(_t),p=d.length!==1,y=g.useCallback(b=>{f({variables:{input:{datasetId:b,spanIds:d.map(S=>S.id)}},onCompleted:()=>{i({title:"Examples added to dataset",message:`${d.length} example${p?"s":""} have been added to the dataset.`,action:{text:"View dataset",onClick:()=>{a(`/datasets/${b}/examples`)}}}),u()},onError:S=>{r({title:"An error occurred",message:`Failed to add spans to dataset: ${S.message}`})}})},[f,d,i,p,u,a,r]);return s("div",{css:F`
1706
- position: absolute;
1707
- bottom: var(--ac-global-dimension-size-400);
1708
- left: 50%;
1709
- transform: translateX(-50%);
1710
- `,children:[e(D,{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(K,{children:`${d.length} span${p?"s":""} selected`}),s(k,{direction:"row",gap:"size-100",children:[e(O,{variant:"default",size:"compact",onClick:u,children:"Cancel"}),s(Kn,{placement:"top end",crossOffset:300,isOpen:o,onOpenChange:b=>{c(b)},children:[e(O,{variant:"primary",size:"compact",icon:e(N,{svg:e(M.DatabaseOutline,{})}),loading:m,disabled:m,children:m?"Adding to dataset":"Add to dataset"}),e(g.Suspense,{children:e(rd,{onDatasetSelected:b=>{y(b),c(!1)},onCreateNewDataset:()=>{c(!1),t(e(X,{title:"New Dataset",isDismissable:!0,onDismiss:()=>t(null),children:e(Ka,{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(ae,{onDismiss:()=>{t(null)},children:l})]})}const $t=F`
1711
- display: flex;
1712
- flex-direction: column;
1713
- flex: 1 1 auto;
1714
- overflow: hidden;
1715
- .span-filter-condition-field {
1716
- flex: 1 1 auto;
1717
- }
1718
-
1719
- // Style the column selector
1720
- .ac-dropdown-button {
1721
- min-width: var(--ac-global-dimension-static-size-300);
1722
- }
1723
- `,Pn="evals",Ie=":",Vt={col:"startTime",dir:"desc"};function zt(n){let a=null,l=null;if(n.id&&n.id.startsWith(Pn)){const[,t,i]=n.id.split(Ie);l={attr:t,name:i}}else a=n.id;return{col:a,evalResultKey:l,dir:n.desc?"desc":"asc"}}const Ha=100;function od(n){const{fetchKey:a}=Tn(),l=g.useRef(null),[t,i]=g.useState({}),[r,o]=g.useState([]),[c,d]=g.useState(""),u=Oe(w=>w.columnVisibility),f=ne(),{data:m,loadNext:p,hasNext:y,isLoadingNext:b,refetch:S}=_.usePaginationFragment(Kt,n.project),h=Oe(w=>w.evaluationVisibility),x=g.useMemo(()=>Object.keys(h).filter(w=>h[w]),[h]),L=g.useMemo(()=>m.spans.edges.map(({span:$})=>$),[m]),I=x.map(w=>({header:w,columns:[{header:"label",accessorKey:`${Pn}${Ie}label${Ie}${w}`,cell:({row:$})=>{const E=$.original.spanEvaluations.find(V=>V.name===w);return E?E.label:null}},{header:"score",accessorKey:`${Pn}${Ie}score${Ie}${w}`,cell:({row:$})=>{const E=$.original.spanEvaluations.find(V=>V.name===w);return E?E.score:null}}]})),C=[{header:"evaluations",accessorKey:"spanEvaluations",enableSorting:!1,cell:({row:w})=>s(k,{direction:"row",gap:"size-50",wrap:"wrap",children:[w.original.spanEvaluations.map($=>e(Ma,{evaluation:$},$.name)),w.original.documentRetrievalMetrics.map($=>s(W,{children:[e(ce,{name:$.evaluationName,metric:"ndcg",score:$.ndcg},"ndcg"),e(ce,{name:$.evaluationName,metric:"precision",score:$.precision},"precision"),e(ce,{name:$.evaluationName,metric:"hit",score:$.hit},"hit")]}))]})},...I],v=[{id:"select",maxSize:10,header:({table:w})=>e($e,{checked:w.getIsAllRowsSelected(),indeterminate:w.getIsSomeRowsSelected(),onChange:w.getToggleAllRowsSelectedHandler()}),cell:({row:w})=>e($e,{checked:w.getIsSelected(),disabled:!w.getCanSelect(),indeterminate:w.getIsSomeSelected(),onChange:w.getToggleSelectedHandler()})},{header:"kind",accessorKey:"spanKind",maxSize:100,enableSorting:!1,cell:({getValue:w})=>e(cl,{spanKind:w()})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:w,row:$})=>{const{spanId:E,traceId:V}=$.original.context;return e(xn,{to:`traces/${V}?selectedSpanId=${E}`,children:w()})}},{header:"input",accessorKey:"input.value",cell:Se,enableSorting:!1},{header:"output",accessorKey:"output.value",cell:Se,enableSorting:!1},{header:"metadata",accessorKey:"metadata",cell:Se,enableSorting:!1},...C,{header:"start time",accessorKey:"startTime",cell:Fn},{header:"latency",accessorKey:"latencyMs",cell:({getValue:w})=>{const $=w();return $===null||typeof $!="number"?null:e(Re,{latencyMs:$})}},{header:"total tokens",accessorKey:"tokenCountTotal",cell:({row:w,getValue:$})=>{const E=$();return E===null?"--":e(tt,{tokenCountTotal:E,tokenCountPrompt:w.original.tokenCountPrompt||0,tokenCountCompletion:w.original.tokenCountCompletion||0})}},{header:"status",accessorKey:"statusCode",enableSorting:!1,cell:({getValue:w})=>e(Ta,{statusCode:w()})}];g.useEffect(()=>{const w=r[0];g.startTransition(()=>{S({sort:w?zt(w):Vt,after:null,first:Ha,filterCondition:c},{fetchPolicy:"store-and-network"})})},[r,S,c,a]);const T=g.useCallback(w=>{if(w){const{scrollHeight:$,scrollTop:E,clientHeight:V}=w;$-E-V<300&&!b&&y&&p(Ha)}},[y,b,p]),P=he({columns:v,data:L,state:{sorting:r,columnVisibility:u,rowSelection:t},manualSorting:!0,enableRowSelection:!0,onRowSelectionChange:i,onSortingChange:o,getCoreRowModel:ke(),getSortedRowModel:Mn()}),R=P.getRowModel().rows,z=P.getSelectedRowModel().rows,j=z.map(w=>w.original),U=g.useCallback(()=>{i({})},[i]),ie=R.length===0,re=P.getAllColumns().filter(w=>w.columns.length===0);return s("div",{css:$t,children:[e(D,{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(Rt,{onValidCondition:d}),e(Ct,{columns:re,query:m})]})}),e("div",{css:F`
1724
- flex: 1 1 auto;
1725
- overflow: auto;
1726
- `,onScroll:w=>T(w.target),ref:l,children:s("table",{css:vn,children:[e("thead",{children:P.getHeaderGroups().map(w=>e("tr",{children:w.headers.map($=>e("th",{colSpan:$.colSpan,children:$.isPlaceholder?null:s("div",{className:$.column.getCanSort()?"cursor-pointer":"",onClick:$.column.getToggleSortingHandler(),style:{left:$.getStart(),width:$.getSize()},children:[G($.column.columnDef.header,$.getContext()),$.column.getIsSorted()?e(N,{className:"sort-icon",svg:$.column.getIsSorted()==="asc"?e(M.ArrowUpFilled,{}):e(M.ArrowDownFilled,{})}):null]})},$.id))},w.id))}),ie?e(tn,{}):e("tbody",{children:R.map(w=>e("tr",{onClick:()=>f(`traces/${w.original.context.traceId}?selectedSpanId=${w.original.context.spanId}`),children:w.getVisibleCells().map($=>e("td",{children:G($.column.columnDef.cell,$.getContext())},$.id))},w.id))})]})}),z.length?e(Nt,{selectedSpans:j,onClearSelection:U}):null]})}const At=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(
1727
- $id: GlobalID!
1728
- ) {
1729
- node(id: $id) {
1730
- __typename
1731
- ...StreamToggle_data
1732
- __isNode: __typename
1733
- id
1734
- }
1735
- }
1736
-
1737
- fragment StreamToggle_data on Project {
1738
- streamingLastUpdatedAt
1739
- id
1740
- }
1741
- `}}}();At.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";const Qt={argumentDefinitions:[],kind:"Fragment",metadata:{refetch:{connection:null,fragmentPathInResult:["node"],operation:At,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};Qt.hash="30a8f0bcf1aa6021b2c9a47866f5dc49";function Ot(n,a){const l=g.useRef(null);g.useEffect(()=>{l.current=n},[n]),g.useEffect(()=>{function t(){l.current&&l.current()}if(a!==null){const i=setInterval(t,a);return()=>clearInterval(i)}},[a])}const dd=2e3;function cd(n){const{isStreaming:a,setIsStreaming:l,setFetchKey:t}=Tn(),[i,r]=_.useRefetchableFragment(Qt,n.project),o=g.useRef(i.streamingLastUpdatedAt),c=g.useCallback(()=>{a&&g.startTransition(()=>{r({},{fetchPolicy:"store-and-network"})})},[a,r]),d=i.streamingLastUpdatedAt;return g.useEffect(()=>{d!=null&&(o.current==null||o.current<d)&&(o.current=d,t(`fetch-traces-${d}`))},[t,d]),Ot(c,dd),e(La,{labelPlacement:"start",defaultSelected:!0,onChange:()=>{l(!a)},children:"Stream"})}const jt=function(){var n={defaultValue:null,kind:"LocalArgument",name:"after"},a={defaultValue:null,kind:"LocalArgument",name:"filterCondition"},l={defaultValue:100,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"},u={kind:"Variable",name:"first",variableName:"first"},f={kind:"Variable",name:"sort",variableName:"sort"},m={alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},p={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},y=[c,d,u,{kind:"Literal",name:"rootSpansOnly",value:!0},f,{kind:"Variable",name:"timeRange",variableName:"timeRange"}],b={alias:null,args:null,kind:"ScalarField",name:"spanKind",storageKey:null},S={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},h={alias:"statusCode",args:null,kind:"ScalarField",name:"propagatedStatusCode",storageKey:null},x={alias:null,args:null,kind:"ScalarField",name:"startTime",storageKey:null},L={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}],v={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},T={alias:null,args:null,concreteType:"SpanEvaluation",kind:"LinkedField",name:"spanEvaluations",plural:!0,selections:[S,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",storageKey:null}],storageKey:null},P={alias:null,args:null,concreteType:"DocumentRetrievalMetrics",kind:"LinkedField",name:"documentRetrievalMetrics",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"evaluationName",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"ndcg",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"precision",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"hit",storageKey:null}],storageKey:null},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,u,f],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:[m,{kind:"TypeDiscriminator",abstractKey:"__isNode"},p,{kind:"InlineFragment",selections:[{alias:null,args:null,kind:"ScalarField",name:"spanEvaluationNames",storageKey:null},{alias:"rootSpans",args:y,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:[p,b,S,{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},h,x,L,{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},v,T,P,{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"descendants",plural:!0,selections:[p,b,S,h,x,L,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},v,T,P],storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Span",kind:"LinkedField",name:"node",plural:!1,selections:[m],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:y,filters:["sort","rootSpansOnly","filterCondition","timeRange"],handle:"connection",key:"TracesTable_rootSpans",kind:"LinkedHandle",name:"spans"}],type:"Project",abstractKey:null}],storageKey:null}]},params:{cacheID:"82574e0f30ec618a7a89afd7c4664347",id:null,metadata:{},name:"TracesTableQuery",operationKind:"query",text:`query TracesTableQuery(
1742
- $after: String = null
1743
- $filterCondition: String = null
1744
- $first: Int = 100
1745
- $sort: SpanSort = {col: startTime, dir: desc}
1746
- $timeRange: TimeRange
1747
- $id: GlobalID!
1748
- ) {
1749
- node(id: $id) {
1750
- __typename
1751
- ...TracesTable_spans_1XEuU
1752
- __isNode: __typename
1753
- id
1754
- }
1755
- }
1756
-
1757
- fragment SpanColumnSelector_evaluations on Project {
1758
- spanEvaluationNames
1759
- }
1760
-
1761
- fragment TracesTable_spans_1XEuU on Project {
1762
- ...SpanColumnSelector_evaluations
1763
- rootSpans: spans(first: $first, after: $after, sort: $sort, rootSpansOnly: true, filterCondition: $filterCondition, timeRange: $timeRange) {
1764
- edges {
1765
- rootSpan: node {
1766
- id
1767
- spanKind
1768
- name
1769
- metadata
1770
- statusCode: propagatedStatusCode
1771
- startTime
1772
- latencyMs
1773
- cumulativeTokenCountTotal
1774
- cumulativeTokenCountPrompt
1775
- cumulativeTokenCountCompletion
1776
- parentId
1777
- input {
1778
- value: truncatedValue
1779
- }
1780
- output {
1781
- value: truncatedValue
1782
- }
1783
- context {
1784
- spanId
1785
- traceId
1786
- }
1787
- spanEvaluations {
1788
- name
1789
- label
1790
- score
1791
- }
1792
- documentRetrievalMetrics {
1793
- evaluationName
1794
- ndcg
1795
- precision
1796
- hit
1797
- }
1798
- descendants {
1799
- id
1800
- spanKind
1801
- name
1802
- statusCode: propagatedStatusCode
1803
- startTime
1804
- latencyMs
1805
- parentId
1806
- cumulativeTokenCountTotal: tokenCountTotal
1807
- cumulativeTokenCountPrompt: tokenCountPrompt
1808
- cumulativeTokenCountCompletion: tokenCountCompletion
1809
- input {
1810
- value
1811
- }
1812
- output {
1813
- value
1814
- }
1815
- context {
1816
- spanId
1817
- traceId
1818
- }
1819
- spanEvaluations {
1820
- name
1821
- label
1822
- score
1823
- }
1824
- documentRetrievalMetrics {
1825
- evaluationName
1826
- ndcg
1827
- precision
1828
- hit
1829
- }
1830
- }
1831
- }
1832
- cursor
1833
- node {
1834
- __typename
1835
- }
1836
- }
1837
- pageInfo {
1838
- endCursor
1839
- hasNextPage
1840
- }
1841
- }
1842
- id
1843
- }
1844
- `}}}();jt.hash="b8e7c42b9731568c7e348cf191017d06";const qt=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}],u={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},f={alias:null,args:null,concreteType:"SpanEvaluation",kind:"LinkedField",name:"spanEvaluations",plural:!0,selections:[t,{alias:null,args:null,kind:"ScalarField",name:"label",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"score",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},p=[{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:100,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:jt,identifierInfo:{identifierField:"id",identifierQueryVariableName:"id"}}},name:"TracesTable_spans",selections:[{args:null,kind:"FragmentSpread",name:"SpanColumnSelector_evaluations"},{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},u,f,m,{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:p,storageKey:null},{alias:null,args:null,concreteType:"SpanIOValue",kind:"LinkedField",name:"output",plural:!1,selections:p,storageKey:null},u,f,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:[{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}}();qt.hash="b8e7c42b9731568c7e348cf191017d06";const Ga=100;function Bt(n){const a=[];for(const l of n){const t={...l.span,children:Bt(l.children)};a.push(t)}return a}function ud(n){const a=g.useRef(null),[l,t]=g.useState({}),[i,r]=g.useState([]),[o,c]=g.useState(""),d=ne(),{fetchKey:u}=Tn(),{data:f,loadNext:m,hasNext:p,isLoadingNext:y,refetch:b}=_.usePaginationFragment(qt,n.project),S=Oe(E=>E.evaluationVisibility),h=g.useMemo(()=>Object.keys(S).filter(E=>S[E]),[S]),x=g.useMemo(()=>f.rootSpans.edges.map(({rootSpan:V})=>{const B=Fr([V,...V.descendants]),[De]=Bt(B);return De}),[f]),L=h.map(E=>({header:E,columns:[{header:"label",accessorKey:`${Pn}${Ie}label${Ie}${E}`,cell:({row:V})=>{const B=V.original.spanEvaluations.find(De=>De.name===E);return B?B.label:null}},{header:"score",accessorKey:`${Pn}${Ie}score${Ie}${E}`,cell:({row:V})=>{const B=V.original.spanEvaluations.find(De=>De.name===E);return B?B.score:null}}]})),I=[{header:"evaluations",accessorKey:"spanEvaluations",enableSorting:!1,cell:({row:E})=>{const V=E.original.spanEvaluations.length===0&&E.original.documentRetrievalMetrics.length===0;return s(k,{direction:"row",gap:"size-50",wrap:"wrap",children:[E.original.spanEvaluations.map(B=>e(Ma,{evaluation:B},B.name)),E.original.documentRetrievalMetrics.map(B=>s(g.Fragment,{children:[e(ce,{name:B.evaluationName,metric:"ndcg",score:B.ndcg},"ndcg"),e(ce,{name:B.evaluationName,metric:"precision",score:B.precision},"precision"),e(ce,{name:B.evaluationName,metric:"hit",score:B.hit},"hit")]},"doc-evals")),V?"--":null]})}},...L],C=[{id:"select",maxSize:10,header:({table:E})=>e($e,{checked:E.getIsAllRowsSelected(),indeterminate:E.getIsSomeRowsSelected(),onChange:E.getToggleAllRowsSelectedHandler()}),cell:({row:E})=>e($e,{checked:E.getIsSelected(),disabled:!E.getCanSelect(),indeterminate:E.getIsSomeSelected(),onChange:E.getToggleSelectedHandler()})},{header:()=>s(k,{gap:"size-50",direction:"row",alignItems:"center",children:[e(Aa,{isExpanded:z.getIsAllRowsExpanded(),onClick:z.getToggleAllRowsExpandedHandler(),"aria-label":"Expand all rows"}),"kind"]}),enableSorting:!1,accessorKey:"spanKind",maxSize:100,cell:E=>e("div",{css:F`
1845
- // Since rows are flattened by default,
1846
- // we can use the row.depth property
1847
- // and paddingLeft to visually indicate the depth
1848
- // of the row
1849
- padding-left: ${E.row.depth*2}rem;
1850
- `,children:s(k,{gap:"size-50",children:[E.row.getCanExpand()?e(Aa,{isExpanded:E.row.getIsExpanded(),onClick:E.row.getToggleExpandedHandler(),"aria-label":"Expand row"}):null,e(cl,{spanKind:E.getValue()})]})})},{header:"name",accessorKey:"name",enableSorting:!1,cell:({getValue:E,row:V})=>{const{spanId:B,traceId:De}=V.original.context;return e(xn,{to:`traces/${De}?selectedSpanId=${B}`,children:E()})}},{header:"input",accessorKey:"input.value",enableSorting:!1,cell:Se},{header:"output",accessorKey:"output.value",enableSorting:!1,cell:Se},{header:"metadata",accessorKey:"metadata",enableSorting:!1,cell:Se},...I,{header:"start time",accessorKey:"startTime",cell:Fn},{header:"latency",accessorKey:"latencyMs",cell:({getValue:E})=>{const V=E();return V===null||typeof V!="number"?null:e(Re,{latencyMs:V})}},{header:"total tokens",minSize:80,accessorKey:"cumulativeTokenCountTotal",cell:({row:E,getValue:V})=>{const B=V();return B===null?"--":e(tt,{tokenCountTotal:B,tokenCountPrompt:E.original.cumulativeTokenCountPrompt||0,tokenCountCompletion:E.original.cumulativeTokenCountCompletion||0})}},{header:"status",accessorKey:"statusCode",enableSorting:!1,cell:({getValue:E})=>e(Ta,{statusCode:E()})}];g.useEffect(()=>{const E=i[0];g.startTransition(()=>{b({sort:E?zt(E):Vt,after:null,first:Ga,filterCondition:o},{fetchPolicy:"store-and-network"})})},[i,b,o,u]);const v=Fe.useCallback(E=>{if(E){const{scrollHeight:V,scrollTop:B,clientHeight:De}=E;V-B-De<300&&!y&&p&&m(Ga)}},[p,y,m]),[T,P]=g.useState({}),R=Oe(E=>E.columnVisibility),z=he({columns:C,data:x,onExpandedChange:P,manualSorting:!0,getSubRows:E=>E.children,state:{sorting:i,expanded:T,columnVisibility:R,rowSelection:l},onRowSelectionChange:t,enableSubRowSelection:!1,onSortingChange:r,getCoreRowModel:ke(),getSortedRowModel:Mn(),getExpandedRowModel:$i(),getRowId:E=>E.id}),j=z.getRowModel().rows,U=z.getSelectedRowModel().flatRows,ie=U.map(E=>E.original),re=g.useCallback(()=>{t({})},[t]),w=j.length===0,$=z.getAllColumns().filter(E=>E.columns.length===0);return s("div",{css:$t,children:[e(D,{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(Rt,{onValidCondition:c}),e(Ct,{columns:$,query:f})]})}),e("div",{css:F`
1851
- flex: 1 1 auto;
1852
- overflow: auto;
1853
- `,onScroll:E=>v(E.target),ref:a,children:s("table",{css:vn,children:[e("thead",{children:z.getHeaderGroups().map(E=>e("tr",{children:E.headers.map(V=>e("th",{colSpan:V.colSpan,children:V.isPlaceholder?null:s("div",{"data-sortable":V.column.getCanSort(),className:V.column.getCanSort()?"cursor-pointer":"",onClick:V.column.getToggleSortingHandler(),style:{left:V.getStart(),width:V.getSize()},children:[G(V.column.columnDef.header,V.getContext()),V.column.getIsSorted()?e(N,{className:"sort-icon",svg:V.column.getIsSorted()==="asc"?e(M.ArrowUpFilled,{}):e(M.ArrowDownFilled,{})}):null]})},V.id))},E.id))}),w?e(tn,{}):e("tbody",{children:j.map(E=>e("tr",{onClick:()=>d(`traces/${E.original.context.traceId}`),children:E.getVisibleCells().map(V=>e("td",{children:G(V.column.columnDef.cell,V.getContext())},V.id))},E.id))})]})}),U.length?e(Nt,{selectedSpans:ie,onClearSelection:re}):null]})}const md=F`
1854
- flex: 1 1 auto;
1855
- display: flex;
1856
- flex-direction: column;
1857
- overflow: hidden;
1858
- .ac-tabs {
1859
- flex: 1 1 auto;
1860
- overflow: hidden;
1861
- display: flex;
1862
- flex-direction: column;
1863
- div[role="tablist"] {
1864
- flex: none;
1865
- }
1866
- .ac-tabs__pane-container {
1867
- flex: 1 1 auto;
1868
- display: flex;
1869
- flex-direction: column;
1870
- overflow: hidden;
1871
- div[role="tabpanel"]:not([hidden]) {
1872
- flex: 1 1 auto;
1873
- display: flex;
1874
- flex-direction: column;
1875
- overflow: hidden;
1876
- }
1877
- }
1878
- }
1879
- `;function zc(){const{projectId:n}=je(),{timeRange:a}=Xn();return e(g.Suspense,{fallback:e(pe,{}),children:e(gd,{projectId:n,timeRange:a})})}function gd({projectId:n,timeRange:a}){const l=g.useMemo(()=>({start:a.start.toISOString(),end:a.end.toISOString()}),[a]),t=_.useLazyLoadQuery(gt,{id:n,timeRange:l},{fetchPolicy:"store-and-network"});return s("main",{css:md,children:[e(Xo,{project:t.project,extra:s(k,{direction:"row",alignItems:"center",gap:"size-100",children:[e(cd,{project:t.project}),e(ul,{})]})}),s(fe,{children:[e(q,{name:"Traces",children:({isSelected:i})=>i&&e(g.Suspense,{children:e(ud,{project:t.project})})}),e(q,{name:"Spans",title:"Spans",children:({isSelected:i})=>i&&e(g.Suspense,{children:e(od,{project:t.project})})})]}),e(g.Suspense,{children:e(ve,{})})]})}const Ht=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(
1880
- $id: GlobalID!
1881
- ) {
1882
- project: node(id: $id) {
1883
- __typename
1884
- id
1885
- ... on Project {
1886
- name
1887
- }
1888
- }
1889
- }
1890
- `}}}();Ht.hash="3d31e323c06df38ec2eaa6f3adb55e79";async function Ac(n){const{projectId:a}=n.params;return await _.fetchQuery(Ke,Ht,{id:a}).toPromise()}const pd=F`
1891
- display: flex;
1892
- direction: row;
1893
- height: 100vh;
1894
- overflow: hidden;
1895
- `,yd=F`
1896
- display: flex;
1897
- flex-direction: column;
1898
- flex: 1 1 auto;
1899
- height: 100%;
1900
- overflow: hidden;
1901
- padding-left: var(--px-nav-collapsed-width);
1902
- `,fd=F`
1903
- flex: 1 1 auto;
1904
- display: flex;
1905
- flex-direction: column;
1906
- height: 100%;
1907
- overflow: hidden;
1908
- `,hd=F`
1909
- display: flex;
1910
- flex-direction: column;
1911
- margin: 0;
1912
- list-style: none;
1913
- gap: var(--ac-global-dimension-size-50);
1914
- padding-inline-start: 0;
1915
- `,kd=F`
1916
- display: flex;
1917
- flex-direction: column;
1918
- gap: var(--ac-global-dimension-size-50);
1919
- `;function Qc(){return s("div",{css:pd,"data-testid":"layout",children:[e(bd,{}),s("div",{css:yd,children:[e(Tr,{children:e(Kr,{})}),e("div",{"data-testid":"content",css:fd,children:e(g.Suspense,{fallback:e(pe,{}),children:e(ve,{})})})]})]})}function bd(){const n=g.useMemo(()=>window.Config.hasInferences,[]);return s(Er,{children:[e(Dr,{}),s(k,{direction:"column",justifyContent:"space-between",flex:"1 1 auto",children:[s("ul",{css:kd,children:[n&&e("li",{children:e(Hn,{to:"/model",text:"Model",icon:e(N,{svg:e(M.CubeOutline,{})})})}),e("li",{children:e(Hn,{to:"/projects",text:"Projects",icon:e(N,{svg:e(M.GridOutline,{})})})}),e("li",{children:e(Hn,{to:"/datasets",text:"Datasets",icon:e(N,{svg:e(M.DatabaseOutline,{})})})}),e("li",{children:e(Hn,{to:"/apis",text:"APIs",icon:e(N,{svg:e(M.Code,{})})})})]}),s("ul",{css:hd,children:[e("li",{children:e(Cr,{})}),e("li",{children:e(Ir,{})}),e("li",{children:e(Lr,{})})]})]})]})}function Oc(){const n=Vi(),a=g.useMemo(()=>n instanceof Error&&n.message==="Failed to fetch"?e(Sd,{}):e(vd,{error:n}),[n]);return e("main",{css:F`
1920
- width: 100%;
1921
- height: 100%;
1922
- display: flex;
1923
- flex-direction: column;
1924
- align-items: center;
1925
- justify-content: center;
1926
- `,children:e("section",{css:F`
1927
- width: 500px;
1928
- /* Add spacing on the bottom so it gets pushed down */
1929
- margin-top: 200px;
1930
- display: flex;
1931
- flex-direction: column;
1932
- `,children:a})})}function Sd(){return s(W,{children:[s(k,{direction:"column",width:"100%",alignItems:"center",children:[e(Ea,{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 vd({error:n}){return s(W,{children:[s(k,{direction:"column",width:"100%",alignItems:"center",children:[e(Ea,{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:F`
1933
- display: flex;
1934
- flex-direction: row;
1935
- justify-content: flex-end;
1936
- gap: var(--px-spacing-med);
1937
- `,children:s("span",{css:F`
1938
- display: inline-flex;
1939
- flex-direction: row;
1940
- align-items: baseline;
1941
- gap: 0.2em;
1942
- `,children:["💙 the",e(Rn,{href:"mailto:phoenix-devs@arize.com",children:"phoenix team"})]})}),s("div",{css:F`
1943
- display: flex;
1944
- flex-direction: row;
1945
- justify-content: flex-end;
1946
- align-items: center;
1947
- gap: var(--px-spacing-med);
1948
- `,children:[e(Rn,{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(O,{variant:"primary",size:"compact",onClick:()=>{window.location.href="/"},children:"Return Home"})]}),s("details",{open:!0,children:[e("summary",{children:"error details"}),e("pre",{css:F`
1949
- white-space: pre-wrap;
1950
- overflow-wrap: break-word;
1951
- overflow: hidden;
1952
- overflow-y: auto;
1953
- max-height: 500px;
1954
- `,children:n instanceof Error?n.message:null})]})]})}const Gt=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 {
1955
- model {
1956
- primaryInferences {
1957
- name
1958
- startTime
1959
- endTime
1960
- }
1961
- referenceInferences {
1962
- name
1963
- startTime
1964
- endTime
1965
- }
1966
- corpusInferences {
1967
- name
1968
- startTime
1969
- endTime
1970
- }
1971
- }
1972
- }
1973
- `}}}();Gt.hash="b73d8f3f532a0c6f88863f3c6dd5734f";const xd=Gt;function jc(){const n=_.useLazyLoadQuery(xd,{}),{model:{primaryInferences:a,referenceInferences:l,corpusInferences:t}}=n;return e(_r,{primaryInferences:a,referenceInferences:l??null,corpusInferences:t??null,children:e(Rr,{timeRangeBounds:{start:new Date(a.startTime),end:new Date(a.endTime)},children:e(ve,{})})})}function qc(){return e(Zo,{children:e(Ho,{children:e(ve,{})})})}function Bc(){return e(wr,{children:e(ve,{})})}const Wt=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(
1974
- $after: String = null
1975
- $first: Int = 100
1976
- $timeRange: TimeRange
1977
- ) {
1978
- ...ProjectsPageProjectsFragment_2HEEH6
1979
- }
1980
-
1981
- fragment ProjectsPageProjectsFragment_2HEEH6 on Query {
1982
- projects(first: $first, after: $after) {
1983
- edges {
1984
- project: node {
1985
- id
1986
- name
1987
- gradientStartColor
1988
- gradientEndColor
1989
- traceCount(timeRange: $timeRange)
1990
- endTime
1991
- latencyMsP50: latencyMsQuantile(probability: 0.5, timeRange: $timeRange)
1992
- tokenCountTotal(timeRange: $timeRange)
1993
- }
1994
- cursor
1995
- node {
1996
- __typename
1997
- }
1998
- }
1999
- pageInfo {
2000
- endCursor
2001
- hasNextPage
2002
- }
2003
- }
2004
- }
2005
- `}}}();Wt.hash="720b12837ec779f66a493b8c4f993cba";const Ut=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:Wt}},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}}();Ut.hash="720b12837ec779f66a493b8c4f993cba";const Jt=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(
2006
- $timeRange: TimeRange!
2007
- ) {
2008
- ...ProjectsPageProjectsFragment
2009
- }
2010
-
2011
- fragment ProjectsPageProjectsFragment on Query {
2012
- projects(first: 100) {
2013
- edges {
2014
- project: node {
2015
- id
2016
- name
2017
- gradientStartColor
2018
- gradientEndColor
2019
- traceCount(timeRange: $timeRange)
2020
- endTime
2021
- latencyMsP50: latencyMsQuantile(probability: 0.5, timeRange: $timeRange)
2022
- tokenCountTotal(timeRange: $timeRange)
2023
- }
2024
- cursor
2025
- node {
2026
- __typename
2027
- }
2028
- }
2029
- pageInfo {
2030
- endCursor
2031
- hasNextPage
2032
- }
2033
- }
2034
- }
2035
- `}}}();Jt.hash="c28f5ced0b3ec4b3b8277d0aac29de2d";const Xt=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(
2036
- $input: ClearProjectInput!
2037
- ) {
2038
- clearProject(input: $input) {
2039
- __typename
2040
- }
2041
- }
2042
- `}}}();Xt.hash="c43eec4d6b882468c611dd9ebf3b095e";const Zt=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(
2043
- $projectId: GlobalID!
2044
- ) {
2045
- deleteProject(id: $projectId) {
2046
- __typename
2047
- }
2048
- }
2049
- `}}}();Zt.hash="3bf82e90b3f2d3485b4efb954e30b2cf";const Yt=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(
2050
- $input: ClearProjectInput!
2051
- ) {
2052
- clearProject(input: $input) {
2053
- __typename
2054
- }
2055
- }
2056
- `}}}();Yt.hash="212501fe2d6367ec1503bd7a00c1730f";const Fd=24*60*60*1e3,Kd=30*Fd;function Td(n){const{projectId:a}=n,l=g.useRef(null),[t,i]=_.useMutation(Yt),{control:r,handleSubmit:o,setError:c,formState:{isValid:d}}=$n({defaultValues:{endDate:new Date(Date.now()-Kd).toISOString().slice(0,16)}}),u=g.useCallback(f=>{const m=zi(f.endDate);if(!Ai(m))return c("endDate",{message:"Date is not in a valid format"});t({variables:{input:{id:a,endTime:new Date(m).toISOString()}},onCompleted:()=>{n.onComplete()},onError:p=>{alert("Failed to clear project traces: "+p)}})},[t,a,n,c]);return s("form",{onSubmit:o(u),ref:l,children:[s(D,{padding:"size-200",children:[e(K,{color:"danger",children:"You are about to remove all data before the following date. This cannot be undone."}),e(Y,{name:"endDate",control:r,rules:{required:"field is required"},render:({field:{name:f,onChange:m,onBlur:p,value:y},fieldState:{invalid:b,error:S}})=>e(Ne,{label:"End Date",type:"datetime-local",name:f,description:"The date up to which you want to remove data",errorMessage:S==null?void 0:S.message,validationState:b?"invalid":"valid",onChange:m,onBlur:p,defaultValue:y})})]}),e(D,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",children:e(O,{type:"submit",variant:"danger",isDisabled:!d,size:"compact",loading:i,onClick:()=>{var f;(f=l.current)==null||f.requestSubmit()},children:i?"Removing...":"Remove Data"})})})]})}function Dd({projectId:n,projectName:a,onProjectDelete:l,onProjectClear:t,onProjectRemoveData:i}){const[r,o]=g.useState(null),c=a!=="default",[d]=_.useMutation(Zt),[u]=_.useMutation(Xt),f=g.useCallback(()=>{g.startTransition(()=>{d({variables:{projectId:n}}),l()})},[d,n,l]),m=g.useCallback(()=>{g.startTransition(()=>{u({variables:{input:{id:n}},onCompleted:()=>{t()},onError:S=>{alert("Failed to clear project: "+S)}})})},[u,n,t]),p=g.useCallback(()=>{o(s(X,{size:"S",title:"Delete Project",children:[e(D,{padding:"size-200",children:e(K,{color:"danger",children:`Are you sure you want to delete project ${a}? This cannot be undone.`})}),e(D,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",children:e(O,{variant:"danger",onClick:()=>{f(),o(null)},children:"Delete Project"})})})]}))},[f,a]),y=g.useCallback(()=>{o(s(X,{size:"S",title:"Clear Project",children:[e(D,{padding:"size-200",children:e(K,{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(D,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",children:e(O,{variant:"danger",onClick:()=>{m(),o(null)},children:"Clear"})})})]}))},[m,a]),b=g.useCallback(()=>{o(e(X,{size:"M",title:"Remove Data",children:e(Td,{projectId:n,onComplete:()=>{i(),o(null)}})}))},[i,n]);return s("div",{onClick:S=>{S.preventDefault(),S.stopPropagation()},children:[s(rn,{buttonVariant:"quiet",align:"end",onAction:S=>{switch(S){case"deleteProject":return p();case"clearProject":return y();case"removeProjectData":return b()}},disabledKeys:c?[]:["deleteProject"],children:[e(H,{textValue:"Clear Traces",children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(N,{svg:e(M.Refresh,{})}),e(K,{children:"Clear Data"})]})},"clearProject"),e(H,{textValue:"Remove Data",children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(N,{svg:e(M.CloseCircleOutline,{})}),e(K,{children:"Remove Data"})]})},"removeProjectData"),c?e(H,{children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(N,{svg:e(M.TrashOutline,{})}),e(K,{children:"Delete"})]})},"deleteProject"):null]}),e(ae,{type:"modal",isDismissable:!0,onDismiss:()=>o(null),children:r})]})}const Cd=1e4,Id=100;function Hc(){const{timeRange:n}=Xn();return e(g.Suspense,{fallback:e(pe,{}),children:e(Ld,{timeRange:n})})}function Ld({timeRange:n}){const[a,l]=jr(),t=g.useMemo(()=>({start:n.start.toISOString(),end:n.end.toISOString()}),[n]),i=_.useLazyLoadQuery(Jt,{timeRange:t}),{data:r,loadNext:o,hasNext:c,isLoadingNext:d,refetch:u}=_.usePaginationFragment(Ut,i),f=r.projects.edges.map(h=>h.project),m=g.useRef(null),p=g.useCallback(h=>{if(h){const{scrollHeight:x,scrollTop:L,clientHeight:I}=h;x-L-I<300&&!d&&c&&o(Id)}},[c,d,o]);Ot(()=>{g.startTransition(()=>{u({},{fetchPolicy:"store-and-network"})})},Cd);const y=g.useCallback(h=>{g.startTransition(()=>{u({},{fetchPolicy:"store-and-network"}),a({variant:"success",title:"Project Deleted",message:`Project ${h} has been deleted.`})})},[a,u]),b=g.useCallback(h=>{g.startTransition(()=>{u({},{fetchPolicy:"store-and-network"}),a({variant:"success",title:"Project Cleared",message:`Project ${h} has been cleared of traces.`})})},[a,u]),S=g.useCallback(h=>{g.startTransition(()=>{u({},{fetchPolicy:"store-and-network"}),a({variant:"success",title:"Project Data Removed",message:`Old data from project ${h} have been removed.`})})},[a,u]);return s("div",{css:F`
2057
- flex: 1 1 auto;
2058
- overflow-y: auto;
2059
- overflow-x: hidden;
2060
- padding-bottom: var(--ac-global-dimension-size-750);
2061
- `,onScroll:h=>p(h.target),ref:m,children:[e(D,{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(ul,{})})}),e(D,{padding:"size-200",width:"100%",children:e("ul",{css:F`
2062
- display: flex;
2063
- flex-direction: row;
2064
- gap: var(--ac-global-dimension-size-200);
2065
- flex-wrap: wrap;
2066
- `,children:f.map(h=>e("li",{children:e(xn,{to:`/projects/${h.id}`,css:F`
2067
- text-decoration: none;
2068
- `,children:e(Rd,{project:h,onProjectDelete:()=>y(h.name),onProjectClear:()=>b(h.name),onProjectRemoveData:()=>S(h.name)})})},h.id))})}),l]})}function Ed({gradientStartColor:n,gradientEndColor:a}){return e("div",{css:F`
2069
- border-radius: 50%;
2070
- width: 32px;
2071
- height: 32px;
2072
- background: linear-gradient(
2073
- 136.27deg,
2074
- ${n} 14.03%,
2075
- ${a} 84.38%
2076
- );
2077
- flex-shrink: 0;
2078
- `})}function Rd({project:n,onProjectDelete:a,onProjectClear:l,onProjectRemoveData:t}){const{endTime:i,traceCount:r,tokenCountTotal:o,latencyMsP50:c,gradientStartColor:d,gradientEndColor:u}=n,f=g.useMemo(()=>i?`Last updated ${Qi(new Date(i),new Date,{addSuffix:!0})}`:"No traces uploaded yet.",[i]);return s("div",{css:F`
2079
- padding: var(--ac-global-dimension-size-200);
2080
- border: 1px solid var(--ac-global-color-grey-400);
2081
- background-color: var(--ac-global-color-grey-100);
2082
- border-radius: var(--ac-global-rounding-medium);
2083
- height: var(--ac-global-dimension-size-1250);
2084
- width: var(--ac-global-dimension-size-3600);
2085
- transition: border-color 0.2s;
2086
- &:hover {
2087
- border-color: var(--ac-global-color-primary);
2088
- }
2089
- display: flex;
2090
- flex-direction: column;
2091
- justify-content: space-between;
2092
- `,children:[s(k,{direction:"row",justifyContent:"space-between",alignItems:"start",children:[s(k,{direction:"row",gap:"size-100",alignItems:"center",minWidth:0,children:[e(Ed,{gradientStartColor:d,gradientEndColor:u}),s(k,{direction:"column",minWidth:0,children:[e(oe,{level:2,css:F`
2093
- overflow: hidden;
2094
- white-space: nowrap;
2095
- text-overflow: ellipsis;
2096
- `,children:n.name}),e(K,{color:"text-700",textSize:"small",fontStyle:"italic",children:f})]})]}),e(Dd,{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(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Traces"}),e(K,{textSize:"xlarge",children:nn(r)})]}),s(k,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Total Tokens"}),e(K,{textSize:"xlarge",children:nn(o)})]}),s(k,{direction:"column",flex:"none",children:[e(K,{elementType:"h3",textSize:"medium",color:"text-700",children:"Latency P50"}),c!=null?e(Re,{latencyMs:c,textSize:"xlarge"}):e(K,{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:"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:"d601b31a6b08ca286a660c02a5d47ed6",id:null,metadata:{},name:"DatasetsPageQuery",operationKind:"query",text:`query DatasetsPageQuery {
2097
- ...DatasetsTable_datasets
2098
- }
2099
-
2100
- fragment DatasetsTable_datasets on Query {
2101
- datasets(first: 100, sort: {col: createdAt, dir: desc}) {
2102
- edges {
2103
- node {
2104
- id
2105
- name
2106
- description
2107
- createdAt
2108
- exampleCount
2109
- experimentCount
2110
- __typename
2111
- }
2112
- cursor
2113
- }
2114
- pageInfo {
2115
- endCursor
2116
- hasNextPage
2117
- }
2118
- }
2119
- }
2120
- `}}}();ei.hash="985853a7939f44c0cefdd1a91472c67e";function _d(n){const a=n.split(`
2121
- `);return a.length>0?a[0].split(",").map(l=>l.trim()):[]}function wd(n){const{onDatasetCreated:a,onDatasetCreateError:l}=n,[t,i]=g.useState([]),{control:r,handleSubmit:o,resetField:c,formState:{isDirty:d,isValid:u}}=$n({defaultValues:{name:"Dataset "+new Date().toISOString(),input_keys:[],output_keys:[],metadata_keys:[],description:"",metadata:{}}}),f=g.useCallback(m=>{const p=new FormData;return p.append("file",m.file[0]),p.append("name",m.name),p.append("description",m.description),p.append("metadata",JSON.stringify(m.metadata)),m.input_keys.forEach(y=>{p.append("input_keys[]",y)}),m.output_keys.forEach(y=>{p.append("output_keys[]",y)}),m.metadata_keys.forEach(y=>{p.append("metadata_keys[]",y)}),fetch("/v1/datasets/upload?sync=true",{method:"POST",body:p}).then(y=>{if(!y.ok)throw l(new Error(y.statusText||"Failed to create dataset"));return y.json()}).then(y=>{a({name:m.name,id:y.data.dataset_id})})},[l,a]);return s(_n,{onSubmit:o(f),children:[s("div",{css:F`
2122
- padding: var(--ac-global-dimension-size-200);
2123
- .ac-dropdown-button {
2124
- width: 100%;
2125
- }
2126
- `,children:[e(Y,{name:"name",control:r,rules:{required:"field is required"},render:({field:{onChange:m,onBlur:p,value:y},fieldState:{invalid:b,error:S}})=>e(Ne,{label:"Dataset Name",description:"The name of the dataset",errorMessage:S==null?void 0:S.message,validationState:b?"invalid":"valid",onChange:m,onBlur:p,value:y.toString()})}),e(Y,{name:"description",control:r,render:({field:{onChange:m,onBlur:p,value:y},fieldState:{invalid:b,error:S}})=>e(_a,{label:"description",placeholder:"Description of the dataset",isRequired:!1,height:100,errorMessage:S==null?void 0:S.message,validationState:b?"invalid":"valid",onChange:m,onBlur:p,value:y.toString()})}),e(Y,{control:r,name:"file",rules:{required:"CSV file is required"},render:({field:{value:m,onChange:p,...y},fieldState:{invalid:b,error:S}})=>e(la,{label:"CSV file",validationState:b?"invalid":"valid",errorMessage:S==null?void 0:S.message,children:e("input",{...y,onChange:h=>{var L;p(h.target.files),c("input_keys"),c("output_keys"),c("metadata_keys");const x=(L=h.target.files)==null?void 0:L[0];if(x){const I=new FileReader;I.onload=function(C){if(!C.target)return;const v=C.target.result,T=_d(v);i(T)},I.readAsText(x)}},type:"file",id:"file",accept:".csv"})})}),e(Y,{name:"input_keys",control:r,rules:{required:"field is required"},render:({field:{value:m,onChange:p},fieldState:{invalid:y,error:b}})=>e(ga,{label:"input keys",validationState:y?"invalid":"valid",description:"the columns to use as input",columns:t,selectedColumns:m,onChange:p,errorMessage:b==null?void 0:b.message})}),e(Y,{name:"output_keys",control:r,render:({field:{value:m,onChange:p},fieldState:{invalid:y,error:b}})=>e(ga,{label:"output keys",validationState:y?"invalid":"valid",description:"the columns to use as output",columns:t,selectedColumns:m,onChange:p,errorMessage:b==null?void 0:b.message})}),e(Y,{name:"metadata_keys",control:r,render:({field:{value:m,onChange:p},fieldState:{invalid:y,error:b}})=>e(ga,{label:"metadata keys",validationState:y?"invalid":"valid",description:"the columns to use as metadata",columns:t,selectedColumns:m,onChange:p,errorMessage:b==null?void 0:b.message})})]}),e(D,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",children:e(O,{type:"submit",isDisabled:!u,variant:d?"primary":"default",size:"compact",loading:!1,children:"Create Dataset"})})})]})}function ga(n){const{columns:a,selectedColumns:l,onChange:t,label:i,validationState:r,description:o,errorMessage:c,...d}=n,u=a.length===0,f=g.useMemo(()=>u?"No columns to select":l.length>0?`${l.join(", ")}`:"No columns selected",[l,u]);return e(la,{label:i,isDisabled:u,validationState:r,description:o,errorMessage:c,children:e(Ra,{isDisabled:u,...d,menu:e(Yn,{selectionMode:"multiple",onSelectionChange:m=>{t(Array.from(m))},selectedKeys:new Set(l),children:a.map(m=>e(H,{children:m},m))}),triggerProps:{placement:"bottom end"},children:f})})}const ni=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:"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:"563b248ababc0a0549a1e4dd039d9fc5",id:null,metadata:{},name:"DatasetsTableDatasetsQuery",operationKind:"query",text:`query DatasetsTableDatasetsQuery(
2127
- $after: String = null
2128
- $first: Int = 100
2129
- $sort: DatasetSort = {col: createdAt, dir: desc}
2130
- ) {
2131
- ...DatasetsTable_datasets_dWkdd
2132
- }
2133
-
2134
- fragment DatasetsTable_datasets_dWkdd on Query {
2135
- datasets(first: $first, after: $after, sort: $sort) {
2136
- edges {
2137
- node {
2138
- id
2139
- name
2140
- description
2141
- createdAt
2142
- exampleCount
2143
- experimentCount
2144
- __typename
2145
- }
2146
- cursor
2147
- }
2148
- pageInfo {
2149
- endCursor
2150
- hasNextPage
2151
- }
2152
- }
2153
- }
2154
- `}}}();ni.hash="ead09294d86188dc9d76825bdef37fbf";const ai=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:ni}},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:"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}}();ai.hash="ead09294d86188dc9d76825bdef37fbf";const li=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:"DatasetActionMenuDeleteMutation",selections:a,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:n,kind:"Operation",name:"DatasetActionMenuDeleteMutation",selections:a},params:{cacheID:"4749f861cca561a1178904c53c396e39",id:null,metadata:{},name:"DatasetActionMenuDeleteMutation",operationKind:"mutation",text:`mutation DatasetActionMenuDeleteMutation(
2155
- $datasetId: GlobalID!
2156
- ) {
2157
- deleteDataset(input: {datasetId: $datasetId}) {
2158
- __typename
2159
- }
2160
- }
2161
- `}}}();li.hash="d98c682a2c908030c2f772209a4a25b8";function Pd(n){const{datasetId:a,datasetName:l,onDatasetDelete:t,onDatasetDeleteError:i}=n,[r,o]=g.useState(null),[c,d]=_.useMutation(li),u=g.useCallback(()=>{g.startTransition(()=>{c({variables:{datasetId:a},onCompleted:()=>{t()},onError:m=>{i(m)}})})},[c,a,t,i]),f=g.useCallback(()=>{o(s(X,{size:"S",title:"Delete Dataset",children:[e(D,{padding:"size-200",children:e(K,{color:"danger",children:`Are you sure you want to delete dataset ${l}? This will also delete all associated experiments and traces, and it cannot be undone.`})}),e(D,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",children:e(O,{variant:"danger",onClick:()=>{u(),o(null)},children:"Delete Dataset"})})})]}))},[u,l]);return s("div",{onClick:m=>{m.preventDefault(),m.stopPropagation()},children:[e(rn,{align:"end",buttonSize:"compact",isDisabled:d,onAction:m=>{switch(m){case"deleteDataset":f();break}},children:e(H,{children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(N,{svg:e(M.TrashOutline,{})}),e(K,{children:"Delete"})]})},"deleteDataset")}),e(ae,{type:"modal",isDismissable:!0,onDismiss:()=>o(null),children:r})]})}const Wa=100;function Md(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 Nd(n){const[a,l]=g.useState([]),t=g.useRef(null),i=ne(),r=Me(),o=Qn(),{data:c,loadNext:d,hasNext:u,isLoadingNext:f,refetch:m}=_.usePaginationFragment(ai,n.query),p=g.useMemo(()=>c.datasets.edges.map(x=>x.node),[c]),y=Fe.useCallback(x=>{if(x){const{scrollHeight:L,scrollTop:I,clientHeight:C}=x;L-I-C<300&&!f&&u&&d(Wa)}},[u,f,d]),b=he({columns:[{header:"name",accessorKey:"name",cell:({row:x})=>{const I=x.original.experimentCount>0?`${x.original.id}/experiments`:`${x.original.id}/examples`;return e(xn,{to:I,children:x.original.name})}},{header:"description",accessorKey:"description",enableSorting:!1},{header:"created at",accessorKey:"createdAt",cell:Fn},{header:"example count",accessorKey:"exampleCount",enableSorting:!1,meta:{textAlign:"right"}},{header:"experiment count",accessorKey:"experimentCount",enableSorting:!1,meta:{textAlign:"right"}},{header:"",id:"actions",enableSorting:!1,size:10,cell:({row:x})=>e(Pd,{datasetId:x.original.id,datasetName:x.original.name,onDatasetDelete:()=>{r({title:"Dataset deleted",message:`${x.original.name} has been successfully deleted.`}),m({},{fetchPolicy:"store-and-network"})},onDatasetDeleteError:L=>{o({title:"Dataset deletion failed",message:L.message})}})}],data:p,state:{sorting:a},getCoreRowModel:ke(),getSortedRowModel:Mn(),onSortingChange:l,manualSorting:!0});g.useEffect(()=>{const x=a[0];g.startTransition(()=>{m({sort:x?Md(x):{col:"createdAt",dir:"desc"},after:null,first:Wa},{fetchPolicy:"store-and-network"})})},[a,m]);const S=b.getRowModel().rows,h=S.length===0;return e("div",{css:F`
2162
- flex: 1 1 auto;
2163
- overflow: auto;
2164
- `,onScroll:x=>y(x.target),ref:t,children:s("table",{css:vn,children:[e("thead",{children:b.getHeaderGroups().map(x=>e("tr",{children:x.headers.map(L=>{var I;return e("th",{colSpan:L.colSpan,children:L.isPlaceholder?null:s("div",{className:L.column.getCanSort()?"cursor-pointer":"",onClick:L.column.getToggleSortingHandler(),style:{textAlign:(I=L.column.columnDef.meta)==null?void 0:I.textAlign},children:[G(L.column.columnDef.header,L.getContext()),L.column.getIsSorted()?e(N,{className:"sort-icon",svg:L.column.getIsSorted()==="asc"?e(M.ArrowUpFilled,{}):e(M.ArrowDownFilled,{})}):null]})},L.id)})},x.id))}),h?e(tn,{}):e("tbody",{children:S.map(x=>e("tr",{onClick:()=>{const I=x.original.experimentCount>0?`${x.original.id}/experiments`:`${x.original.id}/examples`;i(I)},children:x.getVisibleCells().map(L=>{var I;return e("td",{align:(I=L.column.columnDef.meta)==null?void 0:I.textAlign,children:G(L.column.columnDef.cell,L.getContext())},L.id)})},x.id))})]})})}function Gc(){return e(g.Suspense,{fallback:e(pe,{}),children:e($d,{})})}function $d(){const[n,a]=g.useState(0),l=_.useLazyLoadQuery(ei,{},{fetchKey:n}),t=g.useCallback(()=>{a(i=>i+1)},[a]);return s(k,{direction:"column",height:"100%",children:[e(D,{padding:"size-200",borderBottomWidth:"thin",borderBottomColor:"dark",flex:"none",children:s(k,{direction:"row",justifyContent:"space-between",children:[e(oe,{level:1,children:"Datasets"}),e(Vd,{onDatasetCreated:t})]})}),e(Nd,{query:l})]})}function Vd({onDatasetCreated:n}){const a=ne(),l=Me(),t=Qn(),[i,r]=g.useState(null),o=()=>{r(e(X,{size:"S",title:"New Dataset",children:e(Ka,{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(X,{size:"M",title:"New Dataset from CSV",children:e(wd,{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(W,{children:[s(rn,{buttonText:"Create Dataset",align:"end",icon:e(N,{svg:e(M.DatabaseOutline,{})}),onAction:d=>{switch(d){case"newDataset":o();break;case"datasetFromCSV":c();break}},children:[e(H,{children:"New Dataset"},"newDataset"),e(H,{children:"Dataset from CSV"},"datasetFromCSV")]}),e(ae,{type:"modal",isDismissable:!0,onDismiss:()=>r(null),children:i})]})}const ti=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(
2165
- $datasetId: GlobalID!
2166
- ) {
2167
- dataset: node(id: $datasetId) {
2168
- __typename
2169
- id
2170
- ... on Dataset {
2171
- latestVersions: versions(first: 1, sort: {col: createdAt, dir: desc}) {
2172
- edges {
2173
- version: node {
2174
- id
2175
- description
2176
- createdAt
2177
- }
2178
- }
2179
- }
2180
- }
2181
- }
2182
- }
2183
- `}}}();ti.hash="a1349b92d8b0c745f5e8039c55b048c7";const zd=n=>{const a=(l,t)=>({...n,isRefreshingLatestVersion:!1,refreshLatestVersion:async()=>{const i=t();l({isRefreshingLatestVersion:!0});const r=await Ad({datasetId:i.datasetId});l({latestVersion:r,isRefreshingLatestVersion:!1})}});return Oi()(ji(a))};async function Ad({datasetId:n}){var i;const a=await _.fetchQuery(Ke,ti,{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 ii=g.createContext(null);function Qd({children:n,...a}){const l=g.useRef();return l.current||(l.current=zd(a)),e(ii.Provider,{value:l.current,children:n})}function an(n,a){const l=g.useContext(ii);if(!l)throw new Error("Missing DatasetContext.Provider in the tree");return el(l,n,a)}const ri=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(
2184
- $input: AddExamplesToDatasetInput!
2185
- ) {
2186
- addExamplesToDataset(input: $input) {
2187
- __typename
2188
- }
2189
- }
2190
- `}}}();ri.hash="8d99470f590cd5d28701fa6e3c0330e6";const pa={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function Od(n){const{datasetId:a,onCompleted:l}=n,[t,i]=g.useState(null),[r,o]=_.useMutation(ri),{control:c,setError:d,handleSubmit:u,formState:{isValid:f}}=$n({defaultValues:{input:"{}",output:"{}",metadata:"{}"}}),m=g.useCallback(p=>{if(i(null),!Ee(p==null?void 0:p.input))return d("input",{message:"Input must be a valid JSON object"});if(!Ee(p==null?void 0:p.output))return d("output",{message:"Output must be a valid JSON object"});if(!Ee(p==null?void 0:p.metadata))return d("metadata",{message:"Metadata must be a valid JSON object"});r({variables:{input:{datasetId:a,examples:[{input:JSON.parse(p.input),output:JSON.parse(p.output),metadata:JSON.parse(p.metadata)}],datasetVersionDescription:p.description}},onCompleted:()=>{l()},onError:y=>{i(y.message)}})},[r,a,d,l]);return s(X,{size:"L",title:"Add Example",children:[e("div",{css:F`
2191
- overflow-y: auto;
2192
- padding: var(--ac-global-dimension-size-400);
2193
- `,children:e(k,{direction:"row",justifyContent:"center",children:e(D,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(k,{direction:"column",gap:"size-200",children:[t?e(ee,{variant:"danger",children:t}):null,e(Y,{control:c,name:"input",render:({field:{onChange:p,onBlur:y,value:b},fieldState:{invalid:S,error:h}})=>s(Q,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...pa,children:[S?e(ee,{variant:"danger",banner:!0,children:h==null?void 0:h.message}):null,e(Le,{value:b,onChange:p,onBlur:y})]})}),e(Y,{control:c,name:"output",render:({field:{onChange:p,onBlur:y,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",...pa,backgroundColor:"green-100",borderColor:"green-700",children:[S?e(ee,{variant:"danger",banner:!0,children:h==null?void 0:h.message}):null,e(Le,{value:b,onChange:p,onBlur:y})]})}),e(Y,{control:c,name:"metadata",render:({field:{onChange:p,onBlur:y,value:b},fieldState:{invalid:S,error:h}})=>s(Q,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...pa,children:[S?e(ee,{variant:"danger",banner:!0,children:h==null?void 0:h.message}):null,e(Le,{value:b,onChange:p,onBlur:y})]})}),e(Y,{control:c,name:"description",render:({field:{onChange:p,onBlur:y,value:b},fieldState:{invalid:S,error:h}})=>e(_a,{label:"Version Description",value:b,onChange:p,onBlur:y,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(D,{padding:"size-200",borderTopColor:"light",borderTopWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",gap:"size-100",children:e(O,{variant:"primary",size:"compact",disabled:!f||o,loading:o,onClick:u(m),children:"Add Example"})})})]})}function jd(n){const{datasetId:a,onAddExampleCompleted:l}=n,[t,i]=g.useState(null),r=g.useCallback(()=>{i(e(Od,{datasetId:a,onCompleted:()=>{l(),i(null)}}))},[a,l]);return s(W,{children:[e(O,{icon:e(N,{svg:e(M.PlusCircleOutline,{})}),size:"compact",variant:"default",onClick:r,children:"Add Example"}),e(ae,{isDismissable:!0,onDismiss:()=>{i(null)},children:t})]})}function qd(){const n=an(i=>i.datasetId),a=an(i=>i.latestVersion);let l=`${Pr}/v1/datasets/${n}/examples`;a&&(l+=`?version-id=${a.id}`);const t=g.useMemo(()=>`import phoenix as px
2194
- client = px.Client()
2195
- # Get the current dataset version
2196
- dataset = client.get_dataset(id="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return e("div",{css:F`
2197
- button.ac-dropdown-button {
2198
- min-width: 80px;
2199
- .ac-dropdown-button__text {
2200
- padding-right: 10px;
2201
- }
2202
- }
2203
- `,children:s(Kn,{placement:"bottom right",children:[e(kl,{addonBefore:e(N,{svg:e(M.Code,{})}),children:"Code"}),e(Ia,{children:s("section",{css:F`
2204
- width: 500px;
2205
- .ac-field {
2206
- flex: 1 1 auto;
2207
- }
2208
- `,children:[e(D,{padding:"size-200",children:s(_n,{children:[s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Ne,{label:"Dataset ID",isReadOnly:!0,value:n}),e(J,{text:n,size:"normal"})]}),s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Ne,{label:"Version ID",isReadOnly:!0,value:(a==null?void 0:a.id)||"No Versions",validationState:a?"valid":"invalid"}),e(J,{text:(a==null?void 0:a.id)||"No Versions",disabled:!a,size:"normal"})]})]})}),s(fe,{children:[e(q,{name:"Python",children:e(D,{margin:"size-200",borderColor:"light",borderWidth:"thin",borderRadius:"small",children:e(Ue,{value:t})})}),e(q,{name:"REST",children:e(D,{padding:"size-200",children:e(_n,{children:s(k,{direction:"row",gap:"size-100",alignItems:"end",children:[e(Ne,{label:"URL",isReadOnly:!0,value:l}),e(J,{text:l,size:"normal"})]})})})})]})]})})]})})}const si=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(
2209
- $datasetId: GlobalID!
2210
- ) {
2211
- dataset: node(id: $datasetId) {
2212
- __typename
2213
- ... on Dataset {
2214
- id
2215
- ...DatasetHistoryTable_versions
2216
- }
2217
- __isNode: __typename
2218
- id
2219
- }
2220
- }
2221
-
2222
- fragment DatasetHistoryTable_versions on Dataset {
2223
- versions(first: 100) {
2224
- edges {
2225
- node {
2226
- id
2227
- description
2228
- createdAt
2229
- __typename
2230
- }
2231
- cursor
2232
- }
2233
- pageInfo {
2234
- endCursor
2235
- hasNextPage
2236
- }
2237
- }
2238
- id
2239
- }
2240
- `}}}();si.hash="7215c18bda690418c5ecbcb3131a288e";const oi=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(
2241
- $after: String = null
2242
- $first: Int = 100
2243
- $id: GlobalID!
2244
- ) {
2245
- node(id: $id) {
2246
- __typename
2247
- ...DatasetHistoryTable_versions_2HEEH6
2248
- __isNode: __typename
2249
- id
2250
- }
2251
- }
2252
-
2253
- fragment DatasetHistoryTable_versions_2HEEH6 on Dataset {
2254
- versions(first: $first, after: $after) {
2255
- edges {
2256
- node {
2257
- id
2258
- description
2259
- createdAt
2260
- __typename
2261
- }
2262
- cursor
2263
- }
2264
- pageInfo {
2265
- endCursor
2266
- hasNextPage
2267
- }
2268
- }
2269
- id
2270
- }
2271
- `}}}();oi.hash="37e453bc58759a1e89bc5862c460de6b";const di=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:oi,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}}();di.hash="37e453bc58759a1e89bc5862c460de6b";const Bd=100;function Hd(n){const a=g.useRef(null),{data:l,loadNext:t,hasNext:i,isLoadingNext:r}=_.usePaginationFragment(di,n.dataset),o=g.useMemo(()=>l.versions.edges.map(m=>m.node),[l]),c=Fe.useCallback(m=>{if(m){const{scrollHeight:p,scrollTop:y,clientHeight:b}=m;p-y-b<300&&!r&&i&&t(Bd)}},[i,r,t]),d=he({columns:[{header:"version ID",accessorKey:"id"},{header:"description",accessorKey:"description"},{header:"created at",accessorKey:"createdAt",cell:Fn}],data:o,getCoreRowModel:ke(),getSortedRowModel:Mn()}),u=d.getRowModel().rows,f=u.length===0;return e("div",{css:F`
2272
- flex: 1 1 auto;
2273
- overflow: auto;
2274
- `,onScroll:m=>c(m.target),ref:a,children:s("table",{css:zn,children:[e("thead",{children:d.getHeaderGroups().map(m=>e("tr",{children:m.headers.map(p=>e("th",{colSpan:p.colSpan,children:p.isPlaceholder?null:s("div",{className:p.column.getCanSort()?"cursor-pointer":"",onClick:p.column.getToggleSortingHandler(),style:{left:p.getStart(),width:p.getSize()},children:[G(p.column.columnDef.header,p.getContext()),p.column.getIsSorted()?e(N,{className:"sort-icon",svg:p.column.getIsSorted()==="asc"?e(M.ArrowUpFilled,{}):e(M.ArrowDownFilled,{})}):null]})},p.id))},m.id))}),f?e(tn,{}):e("tbody",{children:u.map(m=>e("tr",{children:m.getVisibleCells().map(p=>e("td",{children:G(p.column.columnDef.cell,p.getContext())},p.id))},m.id))})]})})}function Gd(n){const{datasetId:a}=n,l=_.useLazyLoadQuery(si,{datasetId:a});return e(X,{size:"L",title:"Dataset History",children:e("div",{css:F`
2275
- height: 500px;
2276
- `,children:e(Hd,{dataset:l.dataset})})})}function Wd(n){const{datasetId:a}=n,[l,t]=g.useState(null);return s(W,{children:[s(ge,{children:[e(O,{variant:"default",icon:e(N,{svg:e(M.ClockOutline,{})}),"aria-label":"Version History",onClick:()=>{t(e(Gd,{datasetId:a}))}}),e(Xe,{children:"Dataset Version History"})]}),e(g.Suspense,{fallback:null,children:e(ae,{type:"modal",isDismissable:!0,onDismiss:()=>{t(null)},children:l})})]})}const Ud=`pip install arize-phoenix>=${window.Config.platformVersion}`,Jd=`import os
2277
- # Set the phoenix collector endpoint. Commonly http://localhost:6060
2278
- os.environ["PHOENIX_COLLECTOR_ENDPOINT"] = "<your-phoenix-url>"`,Xd=`from phoenix.experiments import Example
2279
- # Define your task
2280
- # Typically should be an LLM call or a call to your application
2281
- def my_task(example: Example) -> str:
2282
- # This is just an example of how to return a JSON serializable value
2283
- return f"Hello {example.input["person"]}"`,Zd=`# Define an evaluator. This just an example.
2284
- def exact_match(input, output) -> float:
2285
- return 1.0 if output is f"Hello {input}" else 0.0
2286
-
2287
- # Store the evaluators for later use
2288
- evaluators = [exact_match]`,Yd=`# Run an experiment
2289
- from phoenix.experiments import run_experiment
2290
-
2291
- experiment = run_experiment(dataset, my_task, evaluators=evaluators)`;function ci(){const[n,a]=g.useState(null),l=g.useCallback(()=>{a(e(X,{title:"Run Experiment",size:"XL",children:e(ec,{})}))},[]);return s(W,{children:[e(O,{size:"compact",variant:"default",icon:e(N,{svg:e(M.ExperimentOutline,{})}),onClick:l,children:"Run Experiment"}),e(ae,{isDismissable:!0,type:"slideOver",onDismiss:()=>{a(null)},children:n})]})}function ec(){const n=an(t=>t.datasetName),a=an(t=>t.latestVersion),l=g.useMemo(()=>`import phoenix as px
2292
- # Initialize a phoenix client
2293
- client = px.Client()
2294
- # Get the current dataset version. You can omit the version for the latest.
2295
- dataset = client.get_dataset(name="${n}"${a?`, version_id="${a.id}"`:""})`,[n,a]);return s(D,{padding:"size-400",overflow:"auto",children:[e(D,{paddingBottom:"size-100",children:e(K,{children:"Install Phoenix"})}),e(cn,{children:e(Ue,{value:Ud})}),e(D,{paddingTop:"size-100",paddingBottom:"size-100",children:e(K,{children:"Point to a running instance of Phoenix"})}),e(cn,{children:e(Ue,{value:Jd})}),e(D,{paddingTop:"size-100",paddingBottom:"size-100",children:e(K,{children:"Pull down this dataset"})}),e(cn,{children:e(Ue,{value:l})}),e(D,{paddingTop:"size-100",paddingBottom:"size-100",children:e(K,{children:"Define your task"})}),e(cn,{children:e(Ue,{value:Xd})}),e(D,{paddingTop:"size-100",paddingBottom:"size-100",children:e(K,{children:"Define evaluators"})}),e(cn,{children:e(Ue,{value:Zd})}),e(D,{paddingTop:"size-100",paddingBottom:"size-100",children:e(K,{children:"Run an experiment"})}),e(cn,{children:e(Ue,{value:Yd})})]})}function cn({children:n}){return e(D,{borderColor:"light",borderWidth:"thin",borderRadius:"small",children:n})}function Wc(){const n=Nn(),a=g.useMemo(()=>{const l=n.dataset.latestVersions;return l!=null&&l.edges&&l.edges.length?l.edges[0].version:null},[n]);return e(Qd,{datasetId:n.dataset.id,datasetName:n.dataset.name,latestVersion:a,children:e(g.Suspense,{fallback:e(pe,{}),children:e(ac,{dataset:n.dataset})})})}const nc=F`
2296
- flex: 1 1 auto;
2297
- display: flex;
2298
- flex-direction: column;
2299
- overflow: hidden;
2300
- .ac-tabs {
2301
- flex: 1 1 auto;
2302
- overflow: hidden;
2303
- display: flex;
2304
- flex-direction: column;
2305
- div[role="tablist"] {
2306
- flex: none;
2307
- }
2308
- .ac-tabs__pane-container {
2309
- flex: 1 1 auto;
2310
- display: flex;
2311
- flex-direction: column;
2312
- overflow: hidden;
2313
- div[role="tabpanel"]:not([hidden]) {
2314
- flex: 1 1 auto;
2315
- display: flex;
2316
- flex-direction: column;
2317
- overflow: hidden;
2318
- }
2319
- }
2320
- }
2321
- `;function ac({dataset:n}){const a=n.id,l=an(d=>d.refreshLatestVersion),t=Me(),i=ne(),r=g.useCallback(d=>{d===0?i(`/datasets/${a}/experiments`):d===1&&i(`/datasets/${a}/examples`)},[i,a]),c=qi().pathname.includes("examples")?1:0;return s("main",{css:nc,children:[e(D,{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(K,{elementType:"h1",textSize:"xlarge",weight:"heavy",children:n.name}),e(K,{color:"text-700",children:n.description||"--"})]})})}),s(k,{direction:"row",gap:"size-100",children:[s(rn,{align:"end",icon:e(N,{svg:e(M.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(H,{children:"Download CSV"},"csv"),e(H,{children:"Download OpenAI Fine-Tuning JSONL"},"openai-ft"),e(H,{children:"Download OpenAI Evals JSONL"},"openai-evals")]}),e(Wd,{datasetId:n.id}),e(qd,{}),e(ci,{}),e(jd,{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(q,{name:"Experiments",extra:e(Ve,{children:n.experimentCount}),children:e(g.Suspense,{children:e(ve,{})})}),e(q,{name:"Examples",extra:e(Ve,{children:n.exampleCount}),children:e(g.Suspense,{children:e(ve,{})})})]})]})}const ui=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(
2322
- $id: GlobalID!
2323
- ) {
2324
- dataset: node(id: $id) {
2325
- __typename
2326
- id
2327
- ... on Dataset {
2328
- id
2329
- name
2330
- description
2331
- exampleCount
2332
- experimentCount
2333
- latestVersions: versions(first: 1, sort: {col: createdAt, dir: desc}) {
2334
- edges {
2335
- version: node {
2336
- id
2337
- description
2338
- createdAt
2339
- }
2340
- }
2341
- }
2342
- }
2343
- }
2344
- }
2345
- `}}}();ui.hash="469da2debdebd608c88a6ef83c2540aa";async function Uc(n){const{datasetId:a}=n.params;return await _.fetchQuery(Ke,ui,{id:a}).toPromise()}const mi=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:[{alias:null,args:null,concreteType:"SpanContext",kind:"LinkedField",name:"context",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"spanId",storageKey:null},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}],u={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,u,{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},u],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:"3a826f05abb4b9ae214c0d16ba70d8a1",id:null,metadata:{},name:"ExampleDetailsDialogQuery",operationKind:"query",text:`query ExampleDetailsDialogQuery(
2346
- $exampleId: GlobalID!
2347
- ) {
2348
- example: node(id: $exampleId) {
2349
- __typename
2350
- ... on DatasetExample {
2351
- id
2352
- latestRevision: revision {
2353
- input
2354
- output
2355
- metadata
2356
- }
2357
- span {
2358
- context {
2359
- spanId
2360
- traceId
2361
- }
2362
- project {
2363
- id
2364
- }
2365
- }
2366
- }
2367
- ...ExampleExperimentRunsTableFragment
2368
- __isNode: __typename
2369
- id
2370
- }
2371
- }
2372
-
2373
- fragment ExampleExperimentRunsTableFragment on DatasetExample {
2374
- experimentRuns(first: 100) {
2375
- edges {
2376
- run: node {
2377
- id
2378
- startTime
2379
- endTime
2380
- error
2381
- output
2382
- trace {
2383
- traceId
2384
- projectId
2385
- }
2386
- annotations {
2387
- edges {
2388
- annotation: node {
2389
- id
2390
- name
2391
- label
2392
- score
2393
- explanation
2394
- annotatorKind
2395
- trace {
2396
- traceId
2397
- projectId
2398
- }
2399
- }
2400
- }
2401
- }
2402
- }
2403
- cursor
2404
- node {
2405
- __typename
2406
- }
2407
- }
2408
- pageInfo {
2409
- endCursor
2410
- hasNextPage
2411
- }
2412
- }
2413
- id
2414
- }
2415
- `}}}();mi.hash="e0deec4a6716862bd003e56ea5c7c3ad";const gi=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(
2416
- $input: PatchDatasetExamplesInput!
2417
- ) {
2418
- patchDatasetExamples(input: $input) {
2419
- __typename
2420
- }
2421
- }
2422
- `}}}();gi.hash="a5e0e601ed24ffaa37a99ba358f960d3";const ya={backgroundColor:"light",borderColor:"light",collapsible:!0,bodyStyle:{padding:0}};function lc(n){const{exampleId:a,onCompleted:l}=n,[t,i]=g.useState(null),[r,o]=_.useMutation(gi),{control:c,setError:d,handleSubmit:u,formState:{isValid:f}}=$n({defaultValues:n.currentRevision}),m=g.useCallback(p=>{if(i(null),!Ee(p==null?void 0:p.input))return d("input",{message:"Input must be a valid JSON object"});if(!Ee(p==null?void 0:p.output))return d("output",{message:"Output must be a valid JSON object"});if(!Ee(p==null?void 0:p.metadata))return d("metadata",{message:"Metadata must be a valid JSON object"});r({variables:{input:{patches:[{exampleId:a,input:JSON.parse(p.input),output:JSON.parse(p.output),metadata:JSON.parse(p.metadata)}],versionDescription:p.description}},onCompleted:()=>{l()},onError:y=>{i(y.message)}})},[r,a,d,l]);return e(X,{size:"fullscreen",title:`Edit Example: ${a}`,extra:e(O,{variant:"primary",size:"compact",disabled:!f||o,loading:o,onClick:u(m),children:"Save Changes"}),children:e("div",{css:F`
2423
- overflow-y: auto;
2424
- padding: var(--ac-global-dimension-size-400);
2425
- /* Make widths configurable */
2426
- .dataset-picker {
2427
- width: 100%;
2428
- .ac-dropdown--picker,
2429
- .ac-dropdown-button {
2430
- width: 100%;
2431
- }
2432
- }
2433
- `,children:e(k,{direction:"row",justifyContent:"center",children:e(D,{width:"900px",paddingStart:"auto",paddingEnd:"auto",children:s(k,{direction:"column",gap:"size-200",children:[t?e(ee,{variant:"danger",children:t}):null,e(Y,{control:c,name:"input",render:({field:{onChange:p,onBlur:y,value:b},fieldState:{invalid:S,error:h}})=>s(Q,{title:"Input",subTitle:"The input to the LLM, retriever, program, etc.",...ya,children:[S?e(ee,{variant:"danger",banner:!0,children:h==null?void 0:h.message}):null,e(Le,{value:b,onChange:p,onBlur:y})]})}),e(Y,{control:c,name:"output",render:({field:{onChange:p,onBlur:y,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",...ya,backgroundColor:"green-100",borderColor:"green-700",children:[S?e(ee,{variant:"danger",banner:!0,children:h==null?void 0:h.message}):null,e(Le,{value:b,onChange:p,onBlur:y})]})}),e(Y,{control:c,name:"metadata",render:({field:{onChange:p,onBlur:y,value:b},fieldState:{invalid:S,error:h}})=>s(Q,{title:"Metadata",subTitle:"All data from the span to use during experimentation or evaluation",...ya,children:[S?e(ee,{variant:"danger",banner:!0,children:h==null?void 0:h.message}):null,e(Le,{value:b,onChange:p,onBlur:y})]})}),e(Y,{control:c,name:"description",render:({field:{onChange:p,onBlur:y,value:b},fieldState:{invalid:S,error:h}})=>e(_a,{label:"Revision Description",value:b,onChange:p,onBlur:y,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 tc(n){const{onCompleted:a,...l}=n,[t,i]=g.useState(null);return s(W,{children:[e(O,{variant:"default",size:"compact",icon:e(N,{svg:e(M.EditOutline,{})}),onClick:()=>i(e(lc,{...l,onCompleted:()=>{i(null),a()}})),children:"Edit Example"}),e(ae,{type:"slideOver",isDismissable:!0,onDismiss:()=>i(null),children:t})]})}const pi=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(
2434
- $after: String = null
2435
- $first: Int = 100
2436
- $id: GlobalID!
2437
- ) {
2438
- node(id: $id) {
2439
- __typename
2440
- ...ExampleExperimentRunsTableFragment_2HEEH6
2441
- __isNode: __typename
2442
- id
2443
- }
2444
- }
2445
-
2446
- fragment ExampleExperimentRunsTableFragment_2HEEH6 on DatasetExample {
2447
- experimentRuns(first: $first, after: $after) {
2448
- edges {
2449
- run: node {
2450
- id
2451
- startTime
2452
- endTime
2453
- error
2454
- output
2455
- trace {
2456
- traceId
2457
- projectId
2458
- }
2459
- annotations {
2460
- edges {
2461
- annotation: node {
2462
- id
2463
- name
2464
- label
2465
- score
2466
- explanation
2467
- annotatorKind
2468
- trace {
2469
- traceId
2470
- projectId
2471
- }
2472
- }
2473
- }
2474
- }
2475
- }
2476
- cursor
2477
- node {
2478
- __typename
2479
- }
2480
- }
2481
- pageInfo {
2482
- endCursor
2483
- hasNextPage
2484
- }
2485
- }
2486
- id
2487
- }
2488
- `}}}();pi.hash="6ca0f938b309407e8c184a1c13d1c52d";const yi=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:pi,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}}();yi.hash="6ca0f938b309407e8c184a1c13d1c52d";const ic=100;function rc(){return e("tbody",{className:"is-empty",children:e("tr",{children:e("td",{colSpan:100,css:n=>F`
2489
- text-align: center;
2490
- padding: ${n.spacing.margin24}px ${n.spacing.margin24}px !important;
2491
- `,children:"No experiments have been run for this example."})})})}function sc({example:n}){const a=g.useRef(null),l=ne(),{data:t,loadNext:i,hasNext:r,isLoadingNext:o}=_.usePaginationFragment(yi,n),c=g.useMemo(()=>t.experimentRuns.edges.map(y=>{let b=null;return y.run.startTime&&y.run.endTime&&(b=new Date(y.run.endTime).getTime()-new Date(y.run.startTime).getTime()),{...y.run,output:JSON.stringify(y.run.output),latencyMs:b}}),[t]),u=he({columns:[{header:"start time",accessorKey:"startTime",cell:Fn},{header:"output",accessorKey:"output",cell:y=>{var S;const b=(S=y.row.original)==null?void 0:S.error;return b!==null?e(K,{color:"danger",children:b}):e(Se,{...y})}},{header:"latency",accessorKey:"latencyMs",cell:({getValue:y})=>{const b=y();return b===null||typeof b!="number"?"--":e(Re,{latencyMs:b})}},{header:"evaluations",accessorKey:"annotations",cell:({row:y})=>e(k,{direction:"row",gap:"size-50",wrap:"wrap",children:y.original.annotations.edges.map((b,S)=>{const h=b.annotation;return e(Da,{annotation:h,onClick:()=>{h.trace&&l(`/projects/${h.trace.projectId}/traces/${h.trace.traceId}`)}},S)})})},{id:"actions",cell:({row:y})=>{const b=y.original.trace;if(b)return e(O,{variant:"default",size:"compact",icon:e(N,{svg:e(M.Trace,{})}),onClick:()=>{l(`/projects/${b.projectId}/traces/${b.traceId}`)},"aria-label":"view trace"})}}],data:c,getCoreRowModel:ke()}),f=u.getRowModel().rows,m=f.length===0,p=g.useCallback(y=>{if(y){const{scrollHeight:b,scrollTop:S,clientHeight:h}=y;b-S-h<300&&!o&&r&&i(ic)}},[r,o,i]);return e("div",{css:F`
2492
- flex: 1 1 auto;
2493
- overflow: auto;
2494
- `,ref:a,onScroll:y=>p(y.target),children:s("table",{css:vn,children:[e("thead",{children:u.getHeaderGroups().map(y=>e("tr",{children:y.headers.map(b=>e("th",{children:e("div",{children:G(b.column.columnDef.header,b.getContext())})},b.id))},y.id))}),m?e(rc,{}):e("tbody",{children:f.map(y=>e("tr",{children:y.getVisibleCells().map(b=>e("td",{children:G(b.column.columnDef.cell,b.getContext())},b.id))},y.id))})]})})}function fi({exampleId:n,onDismiss:a}){const[l,t]=g.useState(0),i=_.useLazyLoadQuery(mi,{exampleId:n},{fetchKey:l,fetchPolicy:"store-and-network"}),r=g.useMemo(()=>{const p=i.example.latestRevision;return{input:JSON.stringify(p==null?void 0:p.input,null,2),output:JSON.stringify(p==null?void 0:p.output,null,2),metadata:JSON.stringify(p==null?void 0:p.metadata,null,2)}},[i]),o=g.useMemo(()=>{const p=i.example.span;return p?{spanId:p.context.spanId,traceId:p.context.traceId,projectId:p.project.id}:null},[i]),{input:c,output:d,metadata:u}=r,f=ne(),m=Me();return e(ae,{type:"slideOver",isDismissable:!0,onDismiss:a,children:e(X,{size:"XL",title:`Example: ${n}`,extra:s(k,{direction:"row",gap:"size-100",children:[o?e(O,{variant:"default",size:"compact",onClick:()=>{f(`/projects/${o.projectId}/traces/${o.traceId}?selectedSpanId=${o.spanId}`)},children:"View Source Span"}):null,e(tc,{exampleId:n,currentRevision:r,onCompleted:()=>{m({title:"Example updated",message:`Example ${n} has been updated.`}),t(p=>p+1)}})]}),children:s(Ye,{direction:"vertical",autoSaveId:"example-panel-group",children:[e(se,{defaultSize:200,children:e("div",{css:F`
2495
- overflow-y: auto;
2496
- height: 100%;
2497
- `,children:e(k,{direction:"row",justifyContent:"center",children:e(D,{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(J,{text:c}),children:e(Je,{value:c})}),e(Q,{title:"Output",...fa,extra:e(J,{text:d}),children:e(Je,{value:d})}),e(Q,{title:"Metadata",...fa,extra:e(J,{text:u}),children:e(Je,{value:u})})]})})})})}),e(en,{css:Sn}),e(se,{defaultSize:100,children:s(k,{direction:"column",height:"100%",children:[e(D,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(oe,{level:3,children:"Experiment Runs"})}),e(sc,{example:i.example})]})})]})})})}const fa={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}};function Jc(){const{exampleId:n,datasetId:a}=je(),l=ne();return e(fi,{exampleId:n,onDismiss:()=>{l(`/datasets/${a}/examples`)}})}const hi=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(
2498
- $id: GlobalID!
2499
- ) {
2500
- dataset: node(id: $id) {
2501
- __typename
2502
- id
2503
- ...ExamplesTableFragment
2504
- }
2505
- }
2506
-
2507
- fragment ExamplesTableFragment on Dataset {
2508
- examples(first: 100) {
2509
- edges {
2510
- example: node {
2511
- id
2512
- revision {
2513
- input
2514
- output
2515
- metadata
2516
- }
2517
- }
2518
- cursor
2519
- node {
2520
- __typename
2521
- }
2522
- }
2523
- pageInfo {
2524
- endCursor
2525
- hasNextPage
2526
- }
2527
- }
2528
- id
2529
- }
2530
- `}}}();hi.hash="6406bbf43a2e850b384ba9573d8e69de";async function Xc(n){const{datasetId:a}=n.params;return await _.fetchQuery(Ke,hi,{id:a}).toPromise()}const ki=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(
2531
- $after: String = null
2532
- $datasetVersionId: GlobalID
2533
- $first: Int = 100
2534
- $id: GlobalID!
2535
- ) {
2536
- node(id: $id) {
2537
- __typename
2538
- ...ExamplesTableFragment_4a6F8Z
2539
- __isNode: __typename
2540
- id
2541
- }
2542
- }
2543
-
2544
- fragment ExamplesTableFragment_4a6F8Z on Dataset {
2545
- examples(datasetVersionId: $datasetVersionId, first: $first, after: $after) {
2546
- edges {
2547
- example: node {
2548
- id
2549
- revision {
2550
- input
2551
- output
2552
- metadata
2553
- }
2554
- }
2555
- cursor
2556
- node {
2557
- __typename
2558
- }
2559
- }
2560
- pageInfo {
2561
- endCursor
2562
- hasNextPage
2563
- }
2564
- }
2565
- id
2566
- }
2567
- `}}}();ki.hash="e04e697cdb44ab2dd115f4562211f6a4";const bi=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:ki,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}}();bi.hash="e04e697cdb44ab2dd115f4562211f6a4";const Si=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(
2568
- $input: DeleteDatasetExamplesInput!
2569
- ) {
2570
- deleteDatasetExamples(input: $input) {
2571
- dataset {
2572
- id
2573
- }
2574
- }
2575
- }
2576
- `}}}();Si.hash="455bf9e5dc4b9cc655095dc829ef7e12";function oc(n){const a=an(y=>y.refreshLatestVersion),{selectedExamples:l,onExamplesDeleted:t,onClearSelection:i}=n,[r,o]=g.useState(null),c=Me(),d=Qn(),[u,f]=_.useMutation(Si),m=l.length!==1,p=g.useCallback(()=>{u({variables:{input:{exampleIds:l.map(y=>y.id)}},onCompleted:()=>{c({title:"Examples Deleted",message:`${l.length} example${m?"s":""} have been deleted.`}),t(),i(),a()},onError:y=>{d({title:"An error occurred",message:`Failed to delete examples: ${y.message}`})}})},[u,l,c,m,t,i,a,d]);return s("div",{css:F`
2577
- position: absolute;
2578
- bottom: var(--ac-global-dimension-size-400);
2579
- left: 50%;
2580
- transform: translateX(-50%);
2581
- `,children:[e(D,{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(K,{children:`${l.length} example${m?"s":""} selected`}),s(k,{direction:"row",gap:"size-100",children:[e(O,{variant:"default",size:"compact",onClick:i,children:"Cancel"}),e(O,{variant:"danger",size:"compact",icon:e(N,{svg:e(M.TrashOutline,{})}),loading:f,disabled:f,onClick:p,children:f?"Deleting...":"Delete Example"+(m?"s":"")})]})]})}),e(ae,{onDismiss:()=>{o(null)},children:r})]})}const dc=100;function cc({dataset:n}){const a=an(C=>C.latestVersion),l=g.useRef(null),[t,i]=Fe.useState({}),{data:r,loadNext:o,hasNext:c,isLoadingNext:d,refetch:u}=_.usePaginationFragment(bi,n);g.useEffect(()=>{g.startTransition(()=>{u({datasetVersionId:(a==null?void 0:a.id)||null},{fetchPolicy:"store-and-network"})})},[a,u]);const f=g.useMemo(()=>r.examples.edges.map(C=>{const v=C.example,T=v.revision;return{id:v.id,input:T.input,output:T.output,metadata:T.metadata}}),[r]),p=he({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:v})=>{const T=v.original.id;return e(xn,{to:`${T}`,children:C()})}},{header:"input",accessorKey:"input",cell:En},{header:"output",accessorKey:"output",cell:En},{header:"metadata",accessorKey:"metadata",cell:En}],data:f,state:{rowSelection:t},onRowSelectionChange:i,getCoreRowModel:ke()}),y=p.getRowModel().rows,b=y.length===0,S=p.getSelectedRowModel().rows,h=S.map(C=>C.original),x=g.useCallback(()=>{i({})},[i]),L=g.useCallback(C=>{if(C){const{scrollHeight:v,scrollTop:T,clientHeight:P}=C;v-T-P<300&&!d&&c&&o(dc)}},[c,d,o]),I=ne();return s("div",{css:F`
2582
- flex: 1 1 auto;
2583
- overflow: auto;
2584
- `,ref:l,onScroll:C=>L(C.target),children:[s("table",{css:vn,children:[e("thead",{children:p.getHeaderGroups().map(C=>e("tr",{children:C.headers.map(v=>e("th",{children:e("div",{children:G(v.column.columnDef.header,v.getContext())})},v.id))},C.id))}),b?e(tn,{}):e("tbody",{children:y.map(C=>e("tr",{onClick:()=>{I(`${C.original.id}`)},children:C.getVisibleCells().map(v=>e("td",{children:G(v.column.columnDef.cell,v.getContext())},v.id))},C.id))})]}),S.length?e(oc,{selectedExamples:h,onClearSelection:x,onExamplesDeleted:()=>{u({},{fetchPolicy:"store-and-network"})}}):null]})}function Zc(){const n=Nn();return s(W,{children:[e(cc,{dataset:n.dataset})," ",e(g.Suspense,{children:e(ve,{})})]})}const vi=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(
2585
- $id: GlobalID!
2586
- ) {
2587
- dataset: node(id: $id) {
2588
- __typename
2589
- id
2590
- ... on Dataset {
2591
- ...ExperimentsTableFragment
2592
- }
2593
- }
2594
- }
2595
-
2596
- fragment ExperimentsTableFragment on Dataset {
2597
- experimentAnnotationSummaries {
2598
- annotationName
2599
- minScore
2600
- maxScore
2601
- }
2602
- experiments(first: 100) {
2603
- edges {
2604
- experiment: node {
2605
- id
2606
- name
2607
- sequenceNumber
2608
- description
2609
- createdAt
2610
- metadata
2611
- errorRate
2612
- runCount
2613
- averageRunLatencyMs
2614
- project {
2615
- id
2616
- }
2617
- annotationSummaries {
2618
- annotationName
2619
- meanScore
2620
- }
2621
- }
2622
- cursor
2623
- node {
2624
- __typename
2625
- }
2626
- }
2627
- pageInfo {
2628
- endCursor
2629
- hasNextPage
2630
- }
2631
- }
2632
- id
2633
- }
2634
- `}}}();vi.hash="1461484d9e1232cbb99e1251edabbec3";async function Yc(n){const{datasetId:a}=n.params;return await _.fetchQuery(Ke,vi,{id:a}).toPromise()}const xi=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(
2635
- $after: String = null
2636
- $first: Int = 100
2637
- $id: GlobalID!
2638
- ) {
2639
- node(id: $id) {
2640
- __typename
2641
- ...ExperimentsTableFragment_2HEEH6
2642
- __isNode: __typename
2643
- id
2644
- }
2645
- }
2646
-
2647
- fragment ExperimentsTableFragment_2HEEH6 on Dataset {
2648
- experimentAnnotationSummaries {
2649
- annotationName
2650
- minScore
2651
- maxScore
2652
- }
2653
- experiments(first: $first, after: $after) {
2654
- edges {
2655
- experiment: node {
2656
- id
2657
- name
2658
- sequenceNumber
2659
- description
2660
- createdAt
2661
- metadata
2662
- errorRate
2663
- runCount
2664
- averageRunLatencyMs
2665
- project {
2666
- id
2667
- }
2668
- annotationSummaries {
2669
- annotationName
2670
- meanScore
2671
- }
2672
- }
2673
- cursor
2674
- node {
2675
- __typename
2676
- }
2677
- }
2678
- pageInfo {
2679
- endCursor
2680
- hasNextPage
2681
- }
2682
- }
2683
- id
2684
- }
2685
- `}}}();xi.hash="c7c7580fe40888ceb86a1701fe4eedf4";const Fi=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:xi,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}}();Fi.hash="c7c7580fe40888ceb86a1701fe4eedf4";function uc({getValue:n}){const l=n()*100,t=g.useMemo(()=>l>=80?"red-1100":l>0?"orange-1100":"green-1100",[l]);return e(K,{color:t,children:ka(l)})}const Ki=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(
2686
- $input: DeleteExperimentsInput!
2687
- ) {
2688
- deleteExperiments(input: $input) {
2689
- __typename
2690
- }
2691
- }
2692
- `}}}();Ki.hash="4ab310746eb51c6a3fcb799d2c972762";function mc(n){const a=ne(),[l,t]=g.useState(null),[i,r]=_.useMutation(Ki),{datasetId:o,selectedExperiments:c,onClearSelection:d,onExperimentsDeleted:u}=n,f=c.length!==1,m=Me(),p=Qn(),y=g.useCallback(()=>{i({variables:{input:{experimentIds:c.map(S=>S.id)}},onCompleted:()=>{m({title:"Examples Deleted",message:`${c.length} experiment${f?"s":""} have been deleted.`}),u(),d()},onError:S=>{p({title:"An error occurred",message:`Failed to delete examples: ${S.message}`})}})},[i,f,p,m,d,u,c]),b=g.useCallback(()=>{t(s(X,{size:"S",title:"Delete Experiments",children:[e(D,{padding:"size-200",children:e(K,{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(D,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:e(k,{direction:"row",justifyContent:"end",children:e(O,{variant:"danger",onClick:()=>{y(),t(null)},children:"Delete Experiments"})})})]}))},[y]);return s("div",{css:F`
2693
- position: absolute;
2694
- bottom: var(--ac-global-dimension-size-400);
2695
- left: 50%;
2696
- transform: translateX(-50%);
2697
- `,children:[e(D,{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(K,{children:`${c.length} experiment${f?"s":""} selected`}),s(k,{direction:"row",gap:"size-100",children:[e(O,{variant:"default",size:"compact",onClick:d,children:"Cancel"}),e(O,{variant:"danger",size:"compact",icon:e(N,{svg:e(M.TrashOutline,{})}),loading:r,disabled:r,onClick:b,children:r?"Deleting...":"Delete"}),e(O,{variant:"primary",size:"compact",onClick:()=>{a(`/datasets/${o}/compare?${c.map(S=>`experimentId=${S.id}`).join("&")}`)},icon:e(N,{svg:e(M.ArrowCompareOutline,{})}),children:"Compare Experiments"})]})]})}),e(ae,{onDismiss:()=>{t(null)},children:l})]})}const gc=100;function pc(){return e("tbody",{className:"is-empty",children:e("tr",{children:s("td",{colSpan:100,css:F`
2698
- text-align: center;
2699
- padding: var(--ac-global-dimension-size-400) !important;
2700
- .ac-button {
2701
- margin-top: var(--ac-global-dimension-size-200);
2702
- margin-left: auto;
2703
- margin-right: auto;
2704
- }
2705
- `,children:["No experiments for this dataset. To see how to run experiments on a dataset, check out the documentation.",e(ci,{})]})})})}function yc({dataset:n}){const a=g.useRef(null),[l,t]=g.useState({}),{data:i,loadNext:r,hasNext:o,isLoadingNext:c,refetch:d}=_.usePaginationFragment(Fi,n),u=g.useMemo(()=>i.experiments.edges.map(v=>{const T=v.experiment.annotationSummaries.reduce((P,R)=>(P[R.annotationName]=R,P),{});return{...v.experiment,annotationSummaryMap:T}}),[i]),f=[{id:"select",header:({table:v})=>e($e,{checked:v.getIsAllRowsSelected(),indeterminate:v.getIsSomeRowsSelected(),onChange:v.getToggleAllRowsSelectedHandler()}),cell:({row:v})=>e($e,{checked:v.getIsSelected(),disabled:!v.getCanSelect(),indeterminate:v.getIsSomeSelected(),onChange:v.getToggleSelectedHandler()})},{header:"name",accessorKey:"name",minSize:200,cell:({getValue:v,row:T})=>{const P=T.original.id,R=T.original.sequenceNumber;return s(k,{direction:"row",gap:"size-100",children:[e(Zn,{sequenceNumber:R}),e(xn,{to:`/datasets/${n.id}/compare?experimentId=${P}`,children:v()})]})}},{header:"description",accessorKey:"description",minSize:300,cell:Se},{header:"created at",accessorKey:"createdAt",cell:Fn}],m=i.experimentAnnotationSummaries.map(v=>{const{annotationName:T,minScore:P,maxScore:R}=v;return{header:()=>s(k,{direction:"row",gap:"size-100",wrap:!0,alignItems:"center",justifyContent:"end",children:[e(K,{children:T}),e(Mr,{annotationName:T})]}),id:`annotation-${T}`,meta:{textAlign:"right"},cell:({row:z})=>{const j=z.original.annotationSummaryMap[T];return!j||j.meanScore==null?e("span",{css:F`
2706
- float: right;
2707
- `,children:"--"}):e(fc,{annotationName:T,value:j.meanScore,min:P,max:R})}}}),p=[{header:"run count",accessorKey:"runCount",meta:{textAlign:"right"},cell:$r},{header:"avg latency",accessorKey:"averageRunLatencyMs",meta:{textAlign:"right"},cell:({getValue:v})=>{const T=v();return T===null||typeof T!="number"?"--":e(Re,{latencyMs:T})}},{header:"error rate",accessorKey:"errorRate",meta:{textAlign:"right"},cell:uc},{header:"metadata",accessorKey:"metadata",minSize:200,cell:En},{id:"actions",cell:({row:v})=>{const T=v.original.project,P=v.original.metadata;return e(hc,{projectId:(T==null?void 0:T.id)||null,metadata:P})}}],y=he({columns:[...f,...m,...p],data:u,getCoreRowModel:ke(),state:{rowSelection:l},onRowSelectionChange:t}),b=y.getRowModel().rows,S=y.getSelectedRowModel().rows,h=S.map(v=>v.original),x=g.useCallback(()=>{t({})},[t]),L=b.length===0,I=g.useCallback(v=>{if(v){const{scrollHeight:T,scrollTop:P,clientHeight:R}=v;T-P-R<300&&!c&&o&&r(gc)}},[o,c,r]),C=ne();return s("div",{css:F`
2708
- flex: 1 1 auto;
2709
- overflow: auto;
2710
- width: table.getTotalSize();
2711
- `,ref:a,onScroll:v=>I(v.target),children:[s("table",{css:vn,children:[e("thead",{children:y.getHeaderGroups().map(v=>e("tr",{children:v.headers.map(T=>{var P,R;return e("th",{align:(R=(P=T.column.columnDef)==null?void 0:P.meta)==null?void 0:R.textAlign,children:e("div",{children:G(T.column.columnDef.header,T.getContext())})},T.id)})},v.id))}),L?e(pc,{}):e("tbody",{children:b.map(v=>e("tr",{onClick:()=>{C(`/datasets/${n.id}/compare?experimentId=${v.original.id}`)},children:v.getVisibleCells().map(T=>e("td",{children:G(T.column.columnDef.cell,T.getContext())},T.id))},v.id))})]}),S.length?e(mc,{datasetId:n.id,selectedExperiments:h,onClearSelection:x,onExperimentsDeleted:()=>{d({},{fetchPolicy:"store-and-network"})}}):null]})}function fc({annotationName:n,value:a,min:l,max:t}){const i=Nr(n),r=g.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(ge,{children:[e(ze,{children:s("div",{css:F`
2712
- float: right;
2713
- --mod-barloader-fill-color: ${i};
2714
- display: flex;
2715
- flex-direction: row;
2716
- align-items: center;
2717
- gap: var(--ac-global-dimension-size-100);
2718
- `,children:[gn(a),e(qr,{width:"40px",value:r,"aria-label":"where the mean score lands between overall min max"})]})}),e(aa,{children:s(D,{width:"size-2400",children:[e(oe,{level:3,weight:"heavy",children:n}),s(k,{direction:"column",children:[s(k,{justifyContent:"space-between",children:[e(K,{weight:"heavy",textSize:"small",children:"Mean Score"}),e(K,{textSize:"small",children:gn(a)})]}),s(k,{justifyContent:"space-between",children:[e(K,{weight:"heavy",textSize:"small",children:"All Experiments Min"}),e(K,{textSize:"small",children:gn(l)})]}),s(k,{justifyContent:"space-between",children:[e(K,{weight:"heavy",textSize:"small",children:"All Experiments Max"}),e(K,{textSize:"small",children:gn(t)})]}),s(k,{justifyContent:"space-between",children:[e(K,{weight:"heavy",textSize:"small",children:"Mean Score Percentile"}),e(K,{textSize:"small",children:dl(r)})]})]})]})})]})}function hc(n){const{projectId:a}=n,l=ne(),[t,i]=g.useState(null);return s("div",{onClick:r=>{r.preventDefault(),r.stopPropagation()},children:[s(rn,{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(X,{title:"Metadata",onDismiss:()=>i(null),children:e(Je,{value:JSON.stringify(n.metadata,null,2)})}));break}default:me()}},children:[e(H,{children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(N,{svg:e(M.Trace,{})}),e(K,{children:"View run traces"})]})},"GO_TO_EXPERIMENT_RUN_TRACES"),e(H,{children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(N,{svg:e(M.InfoOutline,{})}),e(K,{children:"View Metadata"})]})},"VIEW_METADATA")]}),e(ae,{type:"modal",isDismissable:!0,onDismiss:()=>{i(null)},children:t})]})}function eu(){const n=Nn();return s(W,{children:[e(yc,{dataset:n.dataset}),e(g.Suspense,{children:e(ve,{})})]})}const Ti=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(
2719
- $experimentIds: [GlobalID!]!
2720
- $datasetId: GlobalID!
2721
- ) {
2722
- comparisons: compareExperiments(experimentIds: $experimentIds) {
2723
- example {
2724
- id
2725
- revision {
2726
- input
2727
- referenceOutput: output
2728
- }
2729
- }
2730
- runComparisonItems {
2731
- experimentId
2732
- runs {
2733
- output
2734
- error
2735
- startTime
2736
- endTime
2737
- trace {
2738
- traceId
2739
- projectId
2740
- }
2741
- annotations {
2742
- edges {
2743
- annotation: node {
2744
- id
2745
- name
2746
- score
2747
- label
2748
- annotatorKind
2749
- explanation
2750
- trace {
2751
- traceId
2752
- projectId
2753
- }
2754
- }
2755
- }
2756
- }
2757
- }
2758
- }
2759
- }
2760
- dataset: node(id: $datasetId) {
2761
- __typename
2762
- id
2763
- ... on Dataset {
2764
- experiments {
2765
- edges {
2766
- experiment: node {
2767
- id
2768
- name
2769
- sequenceNumber
2770
- }
2771
- }
2772
- }
2773
- }
2774
- }
2775
- }
2776
- `}}}();Ti.hash="e6132b301f6d80be7f5c5b0653e25178";const ha={backgroundColor:"light",borderColor:"light",variant:"compact",collapsible:!0,bodyStyle:{padding:0}},kc=F`
2777
- flex: 1 1 auto;
2778
- overflow: auto;
2779
- // Make sure the table fills up the remaining space
2780
- table {
2781
- min-width: 100%;
2782
- td {
2783
- vertical-align: top;
2784
- }
2785
- }
2786
- `,Di=F`
2787
- position: relative;
2788
- min-height: 75px;
2789
- .controls {
2790
- transition: opacity 0.2s ease-in-out;
2791
- opacity: 0;
2792
- display: none;
2793
- z-index: 1;
2794
- }
2795
- &:hover .controls {
2796
- opacity: 1;
2797
- display: flex;
2798
- // make them stand out
2799
- .ac-button {
2800
- border-color: var(--ac-global-color-primary);
2801
- }
2802
- }
2803
- `,Ci=F`
2804
- position: absolute;
2805
- top: -23px;
2806
- right: 0px;
2807
- display: flex;
2808
- flex-direction: row;
2809
- gap: var(--ac-global-dimension-static-size-100);
2810
- `;function bc(n){const{datasetId:a,experimentIds:l,displayFullText:t}=n,i=_.useLazyLoadQuery(Ti,{experimentIds:l,datasetId:a}),r=g.useMemo(()=>{var h,x;return((x=(h=i.dataset)==null?void 0:h.experiments)==null?void 0:x.edges.reduce((L,I)=>(L[I.experiment.id]={...I.experiment},L),{}))||{}},[i]),o=g.useMemo(()=>i.comparisons.map(h=>{const x=h.runComparisonItems.reduce((L,I)=>(L[I.experimentId]=I,L),{});return{...h,id:h.example.id,input:h.example.revision.input,referenceOutput:h.example.revision.referenceOutput,runComparisonMap:x}}),[i]),[c,d]=g.useState(null),u=g.useMemo(()=>[{header:"input",accessorKey:"input",minWidth:500,cell:({row:h})=>s("div",{css:Di,children:[e(Na,{children:e(Ca,{json:h.original.input,disableTitle:!0,space:t?2:0})}),e("div",{className:"controls",css:Ci,children:s(ge,{children:[e(O,{variant:"default",size:"compact","aria-label":"View example details",icon:e(N,{svg:e(M.ExpandOutline,{})}),onClick:()=>{g.startTransition(()=>{d(e(g.Suspense,{children:e(fi,{exampleId:h.original.example.id,onDismiss:()=>{d(null)}})}))})}}),e(Xe,{children:"View Example"})]})})]})},{header:"reference output",accessorKey:"referenceOutput",minWidth:500,cell:t?Kc:En}],[t]),f=g.useMemo(()=>l.map(h=>({header:()=>{var I,C;const x=(I=r[h])==null?void 0:I.name,L=((C=r[h])==null?void 0:C.sequenceNumber)||0;return s(k,{direction:"row",gap:"size-100",wrap:!0,children:[e(Zn,{sequenceNumber:L}),e(K,{children:x})]})},accessorKey:h,minSize:500,cell:({row:x})=>{var z,j;const L=x.original.runComparisonMap[h],I=(L==null?void 0:L.runs.length)||0;if(I===0)return e(Ua,{});if(I>1)return e(K,{color:"warning",children:`${I} runs`});const C=L==null?void 0:L.runs[0];let v=null;const T=(z=C==null?void 0:C.trace)==null?void 0:z.traceId,P=(j=C==null?void 0:C.trace)==null?void 0:j.projectId;T&&P&&(v=s(ge,{children:[e(O,{variant:"default",className:"trace-button",size:"compact","aria-label":"View run trace",icon:e(N,{svg:e(M.Trace,{})}),onClick:U=>{U.preventDefault(),U.stopPropagation(),g.startTransition(()=>{d(e(Ri,{traceId:T,projectId:P,title:"Experiment Run Trace"}))})}}),e(Xe,{children:"View Trace"})]}));const R=s(W,{children:[s(ge,{children:[e(O,{variant:"default",className:"expand-button",size:"compact","aria-label":"View example run details",icon:e(N,{svg:e(M.ExpandOutline,{})}),onClick:U=>{U.preventDefault(),U.stopPropagation(),g.startTransition(()=>{d(e(Tc,{selectedExample:x.original,datasetId:a,experimentInfoById:r}))})}}),e(Xe,{children:"View run details"})]}),v]});return C?e(Fc,{controls:R,children:e(xc,{...C,displayFullText:t,setDialog:d})}):e(Ua,{})}})),[l,r,a,t]),m=g.useMemo(()=>[...u,...f,{id:"tail",minSize:500}],[u,f]),p=he({columns:m,data:o,getCoreRowModel:ke(),columnResizeMode:"onChange"}),y=Fe.useMemo(()=>{const h=p.getFlatHeaders(),x={};for(let L=0;L<h.length;L++){const I=h[L];x[`--header-${I.id}-size`]=I.getSize(),x[`--col-${I.column.id}-size`]=I.column.getSize()}return x},[p.getState().columnSizingInfo,p.getState().columnSizing]),S=p.getRowModel().rows.length===0;return s("div",{css:kc,children:[s("table",{css:h=>F(zn(h),Vr),style:{...y,width:p.getTotalSize(),minWidth:"100%"},children:[e("thead",{children:p.getHeaderGroups().map(h=>e("tr",{children:h.headers.map(x=>s("th",{style:{width:`calc(var(--header-${x==null?void 0:x.id}-size) * 1px)`},children:[e("div",{children:G(x.column.columnDef.header,x.getContext())}),e("div",{onMouseDown:x.getResizeHandler(),onTouchStart:x.getResizeHandler(),className:`resizer ${x.column.getIsResizing()?"isResizing":""}`})]},x.id))},h.id))}),S?e(tn,{}):p.getState().columnSizingInfo.isResizingColumn?e(Sc,{table:p}):e(Ii,{table:p})]}),e(ae,{isDismissable:!0,type:"slideOver",onDismiss:()=>{d(null)},children:c})]})}function Ii({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:G(l.column.columnDef.cell,l.getContext())},l.id))},a.id))})}const Sc=Fe.memo(Ii,(n,a)=>n.table.options.data===a.table.options.data);function vc(n){const{datasetId:a,exampleId:l}=n,t=ne();return e("div",{onClick:i=>{i.preventDefault(),i.stopPropagation()},children:e(rn,{buttonSize:"compact",align:"end",onAction:i=>{switch(i){case"gotoExample":return t(`/datasets/${a}/examples/${l}`);default:me()}},children:e(H,{children:s(k,{direction:"row",gap:"size-75",justifyContent:"start",alignItems:"center",children:[e(N,{svg:e(M.ExternalLinkOutline,{})}),e(K,{children:"Go to example"})]})},"gotoExample")})})}function xc(n){const{output:a,error:l,startTime:t,endTime:i,annotations:r,displayFullText:o,setDialog:c}=n;if(l)return e(Li,{error:l});const d=r!=null&&r.edges.length?r.edges.map(u=>u.annotation):[];return s(k,{direction:"column",gap:"size-100",height:"100%",justifyContent:"space-between",children:[e(Na,{children:e(Ca,{json:a,disableTitle:!0,space:o?2:0})}),s("ul",{css:F`
2811
- display: flex;
2812
- flex-direction: row;
2813
- gap: var(--ac-global-dimension-static-size-100);
2814
- align-items: center;
2815
- flex-wrap: wrap;
2816
- `,children:[e("li",{children:e(Ei,{startTime:t,endTime:i})},"run-latency"),d.map(u=>e("li",{children:e(Da,{annotation:u,onClick:()=>{const f=u.trace;f&&g.startTransition(()=>{c(e(Ri,{traceId:f.traceId,projectId:f.projectId,title:`Evaluator Trace: ${u.name}`}))})}})},u.id))]})]})}function Fc(n){return s("div",{css:Di,children:[n.children,e("div",{css:Ci,className:"controls",children:n.controls})]})}function Li({error:n}){return s(k,{direction:"row",gap:"size-50",alignItems:"center",children:[e(N,{svg:e(M.AlertCircleOutline,{}),color:"danger"}),e(K,{color:"danger",children:n})]})}function Ei({startTime:n,endTime:a}){const l=g.useMemo(()=>{let t=null;return n&&a&&(t=new Date(a).getTime()-new Date(n).getTime()),t},[n,a]);return l===null?null:e(Re,{latencyMs:l})}function Ua(){return s(k,{direction:"row",gap:"size-50",children:[e(N,{svg:e(M.MinusCircleOutline,{}),color:"grey-800"}),e(K,{color:"text-700",children:"not run"})]})}function Kc({getValue:n}){const a=n();return e(Na,{children:e(Ca,{json:a,space:2})})}function Na({children:n}){return e("div",{css:F`
2817
- max-height: 300px;
2818
- overflow-y: auto;
2819
- `,children:n})}function Tc({selectedExample:n,datasetId:a,experimentInfoById:l}){return e(X,{title:`Comparing Experiments for Example: ${n.id}`,size:"fullscreen",extra:e(vc,{datasetId:a,exampleId:n.id}),children:s(Ye,{direction:"vertical",autoSaveId:"example-compare-panel-group",children:[e(se,{defaultSize:100,children:e("div",{css:F`
2820
- overflow-y: auto;
2821
- height: 100%;
2822
- `,children:e(D,{overflow:"hidden",padding:"size-200",children:s(k,{direction:"row",gap:"size-200",flex:"1 1 auto",children:[e(D,{width:"50%",children:e(Q,{title:"Input",...ha,bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},extra:e(J,{text:JSON.stringify(n.input)}),children:e(Je,{value:JSON.stringify(n.input,null,2)})})}),e(D,{width:"50%",children:e(Q,{title:"Reference Output",...ha,extra:e(J,{text:JSON.stringify(n.input)}),bodyStyle:{padding:0,maxHeight:"300px",overflowY:"auto"},children:e(Je,{value:JSON.stringify(n.referenceOutput,null,2)})})})]})})})}),e(en,{css:Sn}),e(se,{defaultSize:200,children:s(k,{direction:"column",height:"100%",children:[e(D,{paddingStart:"size-200",paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:e(oe,{level:2,children:"Experiments"})}),e("div",{css:F`
2823
- overflow-y: auto;
2824
- height: 100%;
2825
- padding: var(--ac-global-dimension-static-size-200);
2826
- `,children:e("ul",{css:F`
2827
- display: flex;
2828
- flex-direction: column;
2829
- gap: var(--ac-global-dimension-static-size-200);
2830
- `,children:n.runComparisonItems.map(t=>{const i=l[t.experimentId];return e("li",{children:e(Q,{...ha,title:i==null?void 0:i.name,titleExtra:e(Zn,{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(D,{flex:!0,children:r.error?e(D,{padding:"size-200",children:e(Li,{error:r.error})}):e(Je,{value:JSON.stringify(r.output,null,2)})}),s(un,{width:"size-3000",children:[e(Ei,{startTime:r.startTime,endTime:r.endTime}),e("ul",{css:F`
2831
- margin-top: var(
2832
- --ac-global-dimension-static-size-100
2833
- );
2834
- display: flex;
2835
- flex-direction: column;
2836
- justify-content: flex-start;
2837
- align-items: flex-end;
2838
- gap: var(
2839
- --ac-global-dimension-static-size-100
2840
- );
2841
- `,children:(c=r.annotations)==null?void 0:c.edges.map(d=>e("li",{children:e(Da,{annotation:d.annotation})},d.annotation.id))})]})]})},o)})})})},t.experimentId)})})})]})})]})})}function Ri({traceId:n,projectId:a,title:l}){const t=ne();return e(X,{title:l,size:"fullscreen",extra:e(O,{variant:"default",onClick:()=>t(`/projects/${a}/traces/${n}`),children:"View Trace in Project"}),children:e(ct,{traceId:n,projectId:a})})}const _i={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};_i.hash="1aa376b1e9425f49268ac231dc2c0412";function Dc(n){const{dataset:a,selectedExperimentIds:l,onChange:t,label:i,validationState:r,description:o,errorMessage:c,...d}=n,u=_.useFragment(_i,a),f=g.useMemo(()=>u.experiments.edges.map(y=>y.experiment),[u]),m=f.length===0,p=g.useMemo(()=>{if(m)return"No experiments";const y=l.length;return y>0?`${y} experiment${y>1?"s":""}`:"No experiments selected"},[l,m]);return e(la,{label:i,isDisabled:m,validationState:r,description:o,errorMessage:c,children:e(Ra,{isDisabled:m,...d,menu:e(Yn,{selectionMode:"multiple",onSelectionChange:y=>{t(Array.from(y))},selectedKeys:new Set(l),children:f.map(y=>e(H,{textValue:y.name,children:s(k,{direction:"column",gap:"size-50",children:[s(k,{direction:"row",gap:"size-100",children:[e(Zn,{sequenceNumber:y.sequenceNumber}),e(K,{children:y.name})]}),e(K,{textSize:"small",color:"text-700",children:new Date(y.createdAt).toLocaleString()})]})},y.id))}),triggerProps:{placement:"bottom start"},children:p})})}function nu(){const n=Nn(),[a,l]=g.useState(!1),[t,i]=Ya(),r=t.getAll("experimentId"),o=r.length>0;return s("main",{css:F`
2842
- height: 100%;
2843
- display: flex;
2844
- flex-direction: column;
2845
- overflow: hidden;
2846
- `,children:[e(D,{padding:"size-200",borderBottomColor:"dark",borderBottomWidth:"thin",flex:"none",children:s(k,{direction:"column",gap:"size-100",children:[e(oe,{level:1,children:"Compare Experiments"}),s(k,{direction:"row",justifyContent:"space-between",alignItems:"end",children:[e(Dc,{dataset:n.dataset,selectedExperimentIds:r,label:"experiments",onChange:c=>{g.startTransition(()=>{t.delete("experimentId"),c.forEach(d=>{t.append("experimentId",d)}),i(t)})}}),e(La,{onChange:c=>{l(c)},defaultSelected:!1,labelPlacement:"start",children:"Full Text"})]})]})}),o?e(g.Suspense,{fallback:e(pe,{}),children:e(bc,{datasetId:n.dataset.id,experimentIds:r,displayFullText:a})}):e(D,{padding:"size-200",children:e(ee,{variant:"info",title:"No Experiment Selected",children:"Please select one or more experiments."})})]})}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:"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(
2847
- $id: GlobalID!
2848
- ) {
2849
- dataset: node(id: $id) {
2850
- __typename
2851
- id
2852
- ... on Dataset {
2853
- id
2854
- name
2855
- ...ExperimentMultiSelector__experiments
2856
- }
2857
- }
2858
- }
2859
-
2860
- fragment ExperimentMultiSelector__experiments on Dataset {
2861
- experiments {
2862
- edges {
2863
- experiment: node {
2864
- id
2865
- name
2866
- sequenceNumber
2867
- createdAt
2868
- }
2869
- }
2870
- }
2871
- }
2872
- `}}}();wi.hash="fa02088830fd16688f0f2fba9a0009eb";async function au(n){const{datasetId:a}=n.params;return await _.fetchQuery(Ke,wi,{id:a}).toPromise()}const Ja=window.Config.basename,Xa={width:"100%",height:"100%",border:"none",backgroundColor:"white"};function lu(){return s("div",{css:F`
2873
- display: flex;
2874
- flex-direction: column;
2875
- flex: 1 1 auto;
2876
- height: 100%;
2877
- .ac-tabs {
2878
- flex: 1 1 auto;
2879
- }
2880
- .ac-tabs__pane-container,
2881
- .ac-tabs__pane-container > div {
2882
- flex: 1 1 auto;
2883
- height: 100%;
2884
- }
2885
- `,children:[e(ee,{variant:"info",banner:!0,icon:e(N,{svg:e(M.InfoFilled,{})}),children:"These APIs are under active development and are subject to change."}),s(fe,{children:[e(q,{name:"REST",children:({isSelected:n})=>n&&e("iframe",{src:`${Ja}/docs`,style:Xa})}),e(q,{name:"GraphQL",children:({isSelected:n})=>n&&e("iframe",{src:`${Ja}/graphql`,style:Xa})})]})]})}export{lu as A,Nc as D,Oc as E,Qc as L,jc as M,Bc as P,tt as T,wc as a,Pc as b,Hc as c,$c as d,Mc as e,qc as f,zc as g,_c as h,Vc as i,Gc as j,Uc as k,Wc as l,eu as m,Yc as n,Zc as o,Ac as p,Xc as q,Jc as r,au as s,nu as t,Yr as u};