arize-phoenix 4.14.1__py3-none-any.whl → 4.16.0__py3-none-any.whl
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Potentially problematic release.
This version of arize-phoenix might be problematic. Click here for more details.
- {arize_phoenix-4.14.1.dist-info → arize_phoenix-4.16.0.dist-info}/METADATA +5 -3
- {arize_phoenix-4.14.1.dist-info → arize_phoenix-4.16.0.dist-info}/RECORD +81 -71
- phoenix/db/bulk_inserter.py +131 -5
- phoenix/db/engines.py +2 -1
- phoenix/db/helpers.py +23 -1
- phoenix/db/insertion/constants.py +2 -0
- phoenix/db/insertion/document_annotation.py +157 -0
- phoenix/db/insertion/helpers.py +13 -0
- phoenix/db/insertion/span_annotation.py +144 -0
- phoenix/db/insertion/trace_annotation.py +144 -0
- phoenix/db/insertion/types.py +261 -0
- phoenix/experiments/functions.py +3 -2
- phoenix/experiments/types.py +3 -3
- phoenix/server/api/context.py +7 -9
- phoenix/server/api/dataloaders/__init__.py +2 -0
- phoenix/server/api/dataloaders/average_experiment_run_latency.py +3 -3
- phoenix/server/api/dataloaders/dataset_example_revisions.py +2 -4
- phoenix/server/api/dataloaders/dataset_example_spans.py +2 -4
- phoenix/server/api/dataloaders/document_evaluation_summaries.py +2 -4
- phoenix/server/api/dataloaders/document_evaluations.py +2 -4
- phoenix/server/api/dataloaders/document_retrieval_metrics.py +2 -4
- phoenix/server/api/dataloaders/evaluation_summaries.py +2 -4
- phoenix/server/api/dataloaders/experiment_annotation_summaries.py +2 -4
- phoenix/server/api/dataloaders/experiment_error_rates.py +2 -4
- phoenix/server/api/dataloaders/experiment_run_counts.py +2 -4
- phoenix/server/api/dataloaders/experiment_sequence_number.py +2 -4
- phoenix/server/api/dataloaders/latency_ms_quantile.py +2 -3
- phoenix/server/api/dataloaders/min_start_or_max_end_times.py +2 -4
- phoenix/server/api/dataloaders/project_by_name.py +3 -3
- phoenix/server/api/dataloaders/record_counts.py +2 -4
- phoenix/server/api/dataloaders/span_annotations.py +2 -4
- phoenix/server/api/dataloaders/span_dataset_examples.py +36 -0
- phoenix/server/api/dataloaders/span_descendants.py +2 -4
- phoenix/server/api/dataloaders/span_evaluations.py +2 -4
- phoenix/server/api/dataloaders/span_projects.py +3 -3
- phoenix/server/api/dataloaders/token_counts.py +2 -4
- phoenix/server/api/dataloaders/trace_evaluations.py +2 -4
- phoenix/server/api/dataloaders/trace_row_ids.py +2 -4
- phoenix/server/api/input_types/SpanAnnotationSort.py +17 -0
- phoenix/server/api/input_types/TraceAnnotationSort.py +17 -0
- phoenix/server/api/mutations/span_annotations_mutations.py +8 -3
- phoenix/server/api/mutations/trace_annotations_mutations.py +8 -3
- phoenix/server/api/openapi/main.py +18 -2
- phoenix/server/api/openapi/schema.py +12 -12
- phoenix/server/api/routers/v1/__init__.py +36 -83
- phoenix/server/api/routers/v1/datasets.py +515 -509
- phoenix/server/api/routers/v1/evaluations.py +164 -73
- phoenix/server/api/routers/v1/experiment_evaluations.py +68 -91
- phoenix/server/api/routers/v1/experiment_runs.py +98 -155
- phoenix/server/api/routers/v1/experiments.py +132 -181
- phoenix/server/api/routers/v1/pydantic_compat.py +78 -0
- phoenix/server/api/routers/v1/spans.py +164 -203
- phoenix/server/api/routers/v1/traces.py +134 -159
- phoenix/server/api/routers/v1/utils.py +95 -0
- phoenix/server/api/types/Span.py +27 -3
- phoenix/server/api/types/Trace.py +21 -4
- phoenix/server/api/utils.py +4 -4
- phoenix/server/app.py +172 -192
- phoenix/server/grpc_server.py +2 -2
- phoenix/server/main.py +5 -9
- phoenix/server/static/.vite/manifest.json +31 -31
- phoenix/server/static/assets/components-Ci5kMOk5.js +1175 -0
- phoenix/server/static/assets/{index-CQgXRwU0.js → index-BQG5WVX7.js} +2 -2
- phoenix/server/static/assets/{pages-hdjlFZhO.js → pages-BrevprVW.js} +451 -275
- phoenix/server/static/assets/{vendor-DPvSDRn3.js → vendor-CP0b0YG0.js} +2 -2
- phoenix/server/static/assets/{vendor-arizeai-CkvPT67c.js → vendor-arizeai-DTbiPGp6.js} +27 -27
- phoenix/server/static/assets/vendor-codemirror-DtdPDzrv.js +15 -0
- phoenix/server/static/assets/{vendor-recharts-5jlNaZuF.js → vendor-recharts-A0DA1O99.js} +1 -1
- phoenix/server/thread_server.py +2 -2
- phoenix/server/types.py +18 -0
- phoenix/session/client.py +5 -3
- phoenix/session/session.py +2 -2
- phoenix/trace/dsl/filter.py +2 -6
- phoenix/trace/fixtures.py +17 -23
- phoenix/trace/utils.py +23 -0
- phoenix/utilities/client.py +116 -0
- phoenix/utilities/project.py +1 -1
- phoenix/version.py +1 -1
- phoenix/server/api/routers/v1/dataset_examples.py +0 -178
- phoenix/server/openapi/docs.py +0 -221
- phoenix/server/static/assets/components-DeS0YEmv.js +0 -1142
- phoenix/server/static/assets/vendor-codemirror-Cqwpwlua.js +0 -12
- {arize_phoenix-4.14.1.dist-info → arize_phoenix-4.16.0.dist-info}/WHEEL +0 -0
- {arize_phoenix-4.14.1.dist-info → arize_phoenix-4.16.0.dist-info}/licenses/IP_NOTICE +0 -0
- {arize_phoenix-4.14.1.dist-info → arize_phoenix-4.16.0.dist-info}/licenses/LICENSE +0 -0
|
@@ -0,0 +1,1175 @@
|
|
|
1
|
+
import{c as je,p as xt,d as qe,r as p,j as n,R as W,n as En,a as Se,C as Ie,b as B,s as wt,e as Mt,f as re,g as xe,h as Oe,i as Me,k as he,l as Tt,m as It,o as te,q as Dt,t as Et,u as Ft,v as s,w as m,x as Ee,$ as P,L as Fn,y as Pt,z as _t,A as Nt,B as Vt,D as on,F as Fe,E as oe,G as Rt,H as Ot,I as Pn,S as Kt,J as At,Q as sn,K as zt,M as $t,N as Gt,P as Ke,O as _n,T as Bt,U as Qt,V as Ut,W as Ht,X as jt,Y as qt,Z as Zt,_ as Wt,a0 as Jt,a1 as Ze,a2 as z,a3 as Xt,a4 as Yt,a5 as ea,a6 as na,a7 as ta,a8 as aa}from"./vendor-CP0b0YG0.js";import{u as ra,_ as j,a as Pe,b as q,c as V,T as A,F as Nn,d as U,I,e as M,f as Z,A as ia,g as Vn,h as L,i as D,j as $,k as la,l as oa,P as sa,R as G,m as _e,n as ca,o as da,L as We,p as J,q as X,r as Ne,s as ua,t as Rn,E as ma,v as pa,w as ga,x as ha,y as fa,z as ya,B as va}from"./vendor-arizeai-DTbiPGp6.js";import{u as ba}from"./pages-BrevprVW.js";import{V as La}from"./vendor-three-DwGkEfCM.js";import{j as On,E as Kn,l as An,a as zn,R as Je,n as Xe,p as ka}from"./vendor-codemirror-DtdPDzrv.js";const Ca=e=>{const t=a=>({...e,markdownDisplayMode:"text",setMarkdownDisplayMode:r=>{a({markdownDisplayMode:r})},traceStreamingEnabled:!0,setTraceStreamingEnabled:r=>{a({traceStreamingEnabled:r})},showSpanAside:!0,setShowSpanAside:r=>{a({showSpanAside:r})}});return je()(xt(qe(t),{name:"arize-phoenix-preferences"}))},$n=p.createContext(null);function yl({children:e,...t}){const a=p.useRef();return a.current||(a.current=Ca(t)),n($n.Provider,{value:a.current,children:e})}function cn(e,t){const a=W.useContext($n);if(!a)throw new Error("Missing PreferencesContext.Provider in the tree");return En(a,e,t)}var K=(e=>(e.primary="primary",e.reference="reference",e.corpus="corpus",e))(K||{});function F(e){throw new Error("Unreachable")}function Ye(e){return typeof e=="number"||e===null}function Sa(e){return typeof e=="string"||e===null}function vl(e){return Array.isArray(e)?e.every(t=>typeof t=="string"):!1}function xa(e){return typeof e=="object"&&e!==null}const en=p.createContext(null);function Ve(){const e=W.useContext(en);if(e===null)throw new Error("useInferences must be used within a InferencesProvider");return e}function bl(e){return n(en.Provider,{value:{primaryInferences:e.primaryInferences,referenceInferences:e.referenceInferences,corpusInferences:e.corpusInferences,getInferencesNameByRole:t=>{var a,r;switch(t){case K.primary:return e.primaryInferences.name;case K.reference:return((a=e.referenceInferences)==null?void 0:a.name)??"reference";case K.corpus:return((r=e.corpusInferences)==null?void 0:r.name)??"corpus";default:F()}}},children:e.children})}const Gn=function(){var e={defaultValue:null,kind:"LocalArgument",name:"clusters"},t={defaultValue:null,kind:"LocalArgument",name:"dataQualityMetricColumnName"},a={defaultValue:null,kind:"LocalArgument",name:"fetchDataQualityMetric"},r={defaultValue:null,kind:"LocalArgument",name:"fetchPerformanceMetric"},i={defaultValue:null,kind:"LocalArgument",name:"performanceMetric"},l=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"referenceValue",storageKey:null}],o=[{alias:null,args:[{kind:"Variable",name:"clusters",variableName:"clusters"}],concreteType:"Cluster",kind:"LinkedField",name:"clusters",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{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}];return{fragment:{argumentDefinitions:[e,t,a,r,i],kind:"Fragment",metadata:null,name:"pointCloudStore_clusterMetricsQuery",selections:o,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[e,a,t,r,i],kind:"Operation",name:"pointCloudStore_clusterMetricsQuery",selections:o},params:{cacheID:"86666967012812887ac0a0149d2d2535",id:null,metadata:{},name:"pointCloudStore_clusterMetricsQuery",operationKind:"query",text:`query pointCloudStore_clusterMetricsQuery(
|
|
2
|
+
$clusters: [ClusterInput!]!
|
|
3
|
+
$fetchDataQualityMetric: Boolean!
|
|
4
|
+
$dataQualityMetricColumnName: String
|
|
5
|
+
$fetchPerformanceMetric: Boolean!
|
|
6
|
+
$performanceMetric: PerformanceMetric!
|
|
7
|
+
) {
|
|
8
|
+
clusters(clusters: $clusters) {
|
|
9
|
+
id
|
|
10
|
+
eventIds
|
|
11
|
+
driftRatio
|
|
12
|
+
primaryToCorpusRatio
|
|
13
|
+
dataQualityMetric(metric: {metric: mean, columnName: $dataQualityMetricColumnName}) @include(if: $fetchDataQualityMetric) {
|
|
14
|
+
primaryValue
|
|
15
|
+
referenceValue
|
|
16
|
+
}
|
|
17
|
+
performanceMetric(metric: {metric: $performanceMetric}) @include(if: $fetchPerformanceMetric) {
|
|
18
|
+
primaryValue
|
|
19
|
+
referenceValue
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
`}}}();Gn.hash="dbfc8c02ba1ec4f2ba0317b371854d9b";const Bn=function(){var e={defaultValue:null,kind:"LocalArgument",name:"clusterMinSamples"},t={defaultValue:null,kind:"LocalArgument",name:"clusterSelectionEpsilon"},a={defaultValue:null,kind:"LocalArgument",name:"coordinates"},r={defaultValue:null,kind:"LocalArgument",name:"dataQualityMetricColumnName"},i={defaultValue:null,kind:"LocalArgument",name:"eventIds"},l={defaultValue:null,kind:"LocalArgument",name:"fetchDataQualityMetric"},o={defaultValue:null,kind:"LocalArgument",name:"fetchPerformanceMetric"},d={defaultValue:null,kind:"LocalArgument",name:"minClusterSize"},c={defaultValue:null,kind:"LocalArgument",name:"performanceMetric"},u=[{alias:null,args:null,kind:"ScalarField",name:"primaryValue",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"referenceValue",storageKey:null}],h=[{alias:null,args:[{kind:"Variable",name:"clusterMinSamples",variableName:"clusterMinSamples"},{kind:"Variable",name:"clusterSelectionEpsilon",variableName:"clusterSelectionEpsilon"},{kind:"Variable",name:"coordinates3d",variableName:"coordinates"},{kind:"Variable",name:"eventIds",variableName:"eventIds"},{kind:"Variable",name:"minClusterSize",variableName:"minClusterSize"}],concreteType:"Cluster",kind:"LinkedField",name:"hdbscanClustering",plural:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{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:u,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:u,storageKey:null}]}],storageKey:null}];return{fragment:{argumentDefinitions:[e,t,a,r,i,l,o,d,c],kind:"Fragment",metadata:null,name:"pointCloudStore_clustersQuery",selections:h,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[i,a,d,e,t,l,r,o,c],kind:"Operation",name:"pointCloudStore_clustersQuery",selections:h},params:{cacheID:"a1a02d970d255935edfcdd797e4ca80d",id:null,metadata:{},name:"pointCloudStore_clustersQuery",operationKind:"query",text:`query pointCloudStore_clustersQuery(
|
|
24
|
+
$eventIds: [ID!]!
|
|
25
|
+
$coordinates: [InputCoordinate3D!]!
|
|
26
|
+
$minClusterSize: Int!
|
|
27
|
+
$clusterMinSamples: Int!
|
|
28
|
+
$clusterSelectionEpsilon: Float!
|
|
29
|
+
$fetchDataQualityMetric: Boolean!
|
|
30
|
+
$dataQualityMetricColumnName: String
|
|
31
|
+
$fetchPerformanceMetric: Boolean!
|
|
32
|
+
$performanceMetric: PerformanceMetric!
|
|
33
|
+
) {
|
|
34
|
+
hdbscanClustering(eventIds: $eventIds, coordinates3d: $coordinates, minClusterSize: $minClusterSize, clusterMinSamples: $clusterMinSamples, clusterSelectionEpsilon: $clusterSelectionEpsilon) {
|
|
35
|
+
id
|
|
36
|
+
eventIds
|
|
37
|
+
driftRatio
|
|
38
|
+
primaryToCorpusRatio
|
|
39
|
+
dataQualityMetric(metric: {metric: mean, columnName: $dataQualityMetricColumnName}) @include(if: $fetchDataQualityMetric) {
|
|
40
|
+
primaryValue
|
|
41
|
+
referenceValue
|
|
42
|
+
}
|
|
43
|
+
performanceMetric(metric: {metric: $performanceMetric}) @include(if: $fetchPerformanceMetric) {
|
|
44
|
+
primaryValue
|
|
45
|
+
referenceValue
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
`}}}();Bn.hash="b26f299a862a3bc4f5487ace49db1d43";const Qn=function(){var e={defaultValue:null,kind:"LocalArgument",name:"corpusEventIds"},t={defaultValue:null,kind:"LocalArgument",name:"primaryEventIds"},a={defaultValue:null,kind:"LocalArgument",name:"referenceEventIds"},r={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},i={alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},l={alias:null,args:null,kind:"ScalarField",name:"type",storageKey:null},o={alias:null,args:null,kind:"ScalarField",name:"value",storageKey:null},d={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},c={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},u={alias:null,args:null,kind:"ScalarField",name:"documentText",storageKey:null},h=[r,{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:[i,l],storageKey:null},o],storageKey:null},d,c,u],g=[{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:h,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:[r,{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:[r,i,l],storageKey:null},o],storageKey:null},d,c,u],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:h,storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[e,t,a],kind:"Fragment",metadata:null,name:"pointCloudStore_eventsQuery",selections:g,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[t,a,e],kind:"Operation",name:"pointCloudStore_eventsQuery",selections:g},params:{cacheID:"388c28f19a685a131b1dfd4bac80cb7c",id:null,metadata:{},name:"pointCloudStore_eventsQuery",operationKind:"query",text:`query pointCloudStore_eventsQuery(
|
|
50
|
+
$primaryEventIds: [ID!]!
|
|
51
|
+
$referenceEventIds: [ID!]!
|
|
52
|
+
$corpusEventIds: [ID!]!
|
|
53
|
+
) {
|
|
54
|
+
model {
|
|
55
|
+
primaryInferences {
|
|
56
|
+
events(eventIds: $primaryEventIds) {
|
|
57
|
+
id
|
|
58
|
+
dimensions {
|
|
59
|
+
dimension {
|
|
60
|
+
name
|
|
61
|
+
type
|
|
62
|
+
}
|
|
63
|
+
value
|
|
64
|
+
}
|
|
65
|
+
eventMetadata {
|
|
66
|
+
predictionId
|
|
67
|
+
predictionLabel
|
|
68
|
+
predictionScore
|
|
69
|
+
actualLabel
|
|
70
|
+
actualScore
|
|
71
|
+
}
|
|
72
|
+
promptAndResponse {
|
|
73
|
+
prompt
|
|
74
|
+
response
|
|
75
|
+
}
|
|
76
|
+
documentText
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
referenceInferences {
|
|
80
|
+
events(eventIds: $referenceEventIds) {
|
|
81
|
+
id
|
|
82
|
+
dimensions {
|
|
83
|
+
dimension {
|
|
84
|
+
id
|
|
85
|
+
name
|
|
86
|
+
type
|
|
87
|
+
}
|
|
88
|
+
value
|
|
89
|
+
}
|
|
90
|
+
eventMetadata {
|
|
91
|
+
predictionId
|
|
92
|
+
predictionLabel
|
|
93
|
+
predictionScore
|
|
94
|
+
actualLabel
|
|
95
|
+
actualScore
|
|
96
|
+
}
|
|
97
|
+
promptAndResponse {
|
|
98
|
+
prompt
|
|
99
|
+
response
|
|
100
|
+
}
|
|
101
|
+
documentText
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
corpusInferences {
|
|
105
|
+
events(eventIds: $corpusEventIds) {
|
|
106
|
+
id
|
|
107
|
+
dimensions {
|
|
108
|
+
dimension {
|
|
109
|
+
name
|
|
110
|
+
type
|
|
111
|
+
}
|
|
112
|
+
value
|
|
113
|
+
}
|
|
114
|
+
eventMetadata {
|
|
115
|
+
predictionId
|
|
116
|
+
predictionLabel
|
|
117
|
+
predictionScore
|
|
118
|
+
actualLabel
|
|
119
|
+
actualScore
|
|
120
|
+
}
|
|
121
|
+
promptAndResponse {
|
|
122
|
+
prompt
|
|
123
|
+
response
|
|
124
|
+
}
|
|
125
|
+
documentText
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
`}}}();Qn.hash="00a957322684d9186fdf16d33a75b931";const Un=function(){var e={defaultValue:null,kind:"LocalArgument",name:"getDimensionCategories"},t={defaultValue:null,kind:"LocalArgument",name:"getDimensionMinMax"},a={defaultValue:null,kind:"LocalArgument",name:"id"},r=[{kind:"Variable",name:"id",variableName:"id"}],i={alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},l={condition:"getDimensionMinMax",kind:"Condition",passingValue:!0,selections:[{alias:"min",args:[{kind:"Literal",name:"metric",value:"min"}],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(metric:"min")'},{alias:"max",args:[{kind:"Literal",name:"metric",value:"max"}],kind:"ScalarField",name:"dataQualityMetric",storageKey:'dataQualityMetric(metric:"max")'}]},o={condition:"getDimensionCategories",kind:"Condition",passingValue:!0,selections:[{alias:null,args:null,kind:"ScalarField",name:"categories",storageKey:null}]};return{fragment:{argumentDefinitions:[e,t,a],kind:"Fragment",metadata:null,name:"pointCloudStore_dimensionMetadataQuery",selections:[{kind:"RequiredField",field:{alias:"dimension",args:r,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{kind:"InlineFragment",selections:[i,l,o],type:"Dimension",abstractKey:null}],storageKey:null},action:"THROW",path:"dimension"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,t,e],kind:"Operation",name:"pointCloudStore_dimensionMetadataQuery",selections:[{alias:"dimension",args:r,concreteType:null,kind:"LinkedField",name:"node",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"__typename",storageKey:null},{kind:"TypeDiscriminator",abstractKey:"__isNode"},i,{kind:"InlineFragment",selections:[l,o],type:"Dimension",abstractKey:null}],storageKey:null}]},params:{cacheID:"79c15606d5694bd068270b42ed2fe74c",id:null,metadata:{},name:"pointCloudStore_dimensionMetadataQuery",operationKind:"query",text:`query pointCloudStore_dimensionMetadataQuery(
|
|
131
|
+
$id: GlobalID!
|
|
132
|
+
$getDimensionMinMax: Boolean!
|
|
133
|
+
$getDimensionCategories: Boolean!
|
|
134
|
+
) {
|
|
135
|
+
dimension: node(id: $id) {
|
|
136
|
+
__typename
|
|
137
|
+
... on Dimension {
|
|
138
|
+
id
|
|
139
|
+
min: dataQualityMetric(metric: min) @include(if: $getDimensionMinMax)
|
|
140
|
+
max: dataQualityMetric(metric: max) @include(if: $getDimensionMinMax)
|
|
141
|
+
categories @include(if: $getDimensionCategories)
|
|
142
|
+
}
|
|
143
|
+
__isNode: __typename
|
|
144
|
+
id
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
`}}}();Un.hash="e8fa488a0d466b5e40fdadc1e5227a57";const wa=30,dn=5,un=100,Ma=0,mn=0,pn=.99,Ta=500,gn=300,hn=1e5,Ia=10,fn=1,Da=2,Ea=1,Fa=0;var x=(e=>(e.inferences="inferences",e.correctness="correctness",e.dimension="dimension",e))(x||{}),ce=(e=>(e.list="list",e.gallery="gallery",e))(ce||{}),se=(e=>(e.small="small",e.medium="medium",e.large="large",e))(se||{}),w=(e=>(e.primary="primary",e.reference="reference",e.corpus="corpus",e))(w||{}),E=(e=>(e.correct="correct",e.incorrect="incorrect",e.unknown="unknown",e))(E||{});const Pa=["#05fbff","#cb8afd"],_a=["#00add0","#4500d9"],H="#a5a5a5",ie=H;function Na(e){return e.endsWith("/")?e.slice(0,-1):e}const Va=`${window.location.protocol}//${window.location.host}${Na(window.Config.basename)}`,Ra=Va+"/graphql",Oa=async(e,t,a)=>{const i=await(await fetch(Ra,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({query:e.text,variables:t})})).json();if(Array.isArray(i.errors))throw new Error(`Error fetching GraphQL query '${e.name}' with variables '${JSON.stringify(t)}': ${JSON.stringify(i.errors)}`);return i},Le=new Se.Environment({network:Se.Network.create(Oa),store:new Se.Store(new Se.RecordSource,{gcReleaseBufferSize:10})});function Hn(e){return e.includes("PRIMARY")?K.primary:e.includes("CORPUS")?K.corpus:K.reference}function nn(e){const t=[],a=[],r=[];return e.forEach(i=>{const l=Hn(i);l==K.primary?t.push(i):l==K.corpus?r.push(i):a.push(i)}),{primaryEventIds:t,referenceEventIds:a,corpusEventIds:r}}const De=10,fe="unknown",jn=Mt,qn=wt,Ka=e=>qn[e],Aa=e=>jn(e/De);var de=(e=>(e.move="move",e.select="select",e))(de||{}),tn=(e=>(e.default="default",e.highlight="highlight",e))(tn||{});const le=()=>et()==="light"?_a:Pa;function Ll(){const e=le();return{coloringStrategy:x.inferences,pointGroupVisibility:{[w.primary]:!0,[w.reference]:!0},pointGroupColors:{[w.primary]:e[0],[w.reference]:e[1],[w.corpus]:H},metric:{type:"drift",metric:"euclideanDistance"}}}function kl(){const e=le();return{coloringStrategy:x.inferences,pointGroupVisibility:{[w.primary]:!0,[w.corpus]:!0},pointGroupColors:{[w.primary]:e[0],[w.corpus]:H},metric:{type:"retrieval",metric:"queryDistance"},clusterSort:{dir:"desc",column:"primaryMetricValue"}}}function Cl(){return{coloringStrategy:x.correctness,pointGroupVisibility:{[E.correct]:!0,[E.incorrect]:!0,[E.unknown]:!0},pointGroupColors:{[E.correct]:Ie.Discrete2.LightBlueOrange[0],[E.incorrect]:Ie.Discrete2.LightBlueOrange[1],[E.unknown]:ie},metric:{type:"performance",metric:"accuracyScore"},clusterSort:{dir:"asc",column:"primaryMetricValue"}}}const za=e=>{const t={loading:!1,errorMessage:null,points:[],eventIdToDataMap:new Map,clusters:[],clusterSort:{dir:"desc",column:"driftRatio"},pointData:null,selectedEventIds:new Set,hoveredEventId:null,highlightedClusterId:null,selectedClusterId:null,canvasMode:"move",pointSizeScale:1,clusterColorMode:"default",coloringStrategy:x.inferences,inferencesVisibility:{primary:!0,reference:!0,corpus:!0},pointGroupVisibility:{[w.primary]:!0,[w.reference]:!0,[w.corpus]:!0},pointGroupColors:{[w.primary]:le()[0],[w.reference]:le()[1],[w.corpus]:H},eventIdToGroup:{},selectionDisplay:ce.gallery,selectionGridSize:se.large,dimension:null,dimensionMetadata:null,umapParameters:{minDist:Ma,nNeighbors:wa,nSamples:Ta},hdbscanParameters:{minClusterSize:Ia,clusterMinSamples:Ea,clusterSelectionEpsilon:Fa},clustersLoading:!1,metric:{type:"drift",metric:"euclideanDistance"},selectionSearchText:""},a=(r,i)=>({...t,...e,setInitialData:async({points:l,clusters:o,retrievals:d})=>{const c=i(),u=new Map,h=d.reduce((f,k)=>{const{queryId:C}=k;return f[C]?f[C].push(k):f[C]=[k],f},{});l.forEach(f=>{f={...f,retrievals:h[f.eventId]??[]},u.set(f.eventId,f)});const g=o.map(vn).sort(ze(c.clusterSort));r({loading:!1,points:l,eventIdToDataMap:u,clusters:g,clustersLoading:!1,selectedEventIds:new Set,selectedClusterId:null,pointData:null,eventIdToGroup:ne({points:l,coloringStrategy:c.coloringStrategy,pointsData:c.pointData??{},dimension:c.dimension||null,dimensionMetadata:c.dimensionMetadata})});const y=await Ba(l.map(f=>f.eventId)).catch(()=>r({errorMessage:"Failed to load the point events"}));y&&r({pointData:y,clusters:g,clustersLoading:!1,eventIdToGroup:ne({points:l,coloringStrategy:c.coloringStrategy,pointsData:y??{},dimension:c.dimension||null,dimensionMetadata:c.dimensionMetadata})})},setClusters:l=>{const o=i(),d=l.map(vn).sort(ze(o.clusterSort));r({clusters:d,clustersLoading:!1,selectedClusterId:null,highlightedClusterId:null})},setClusterSort:l=>{const d=[...i().clusters].sort(ze(l));r({clusterSort:l,clusters:d})},setSelectedEventIds:l=>r({selectedEventIds:l,selectionSearchText:""}),setHoveredEventId:l=>r({hoveredEventId:l}),setHighlightedClusterId:l=>r({highlightedClusterId:l}),setSelectedClusterId:l=>r({selectedClusterId:l,highlightedClusterId:null}),setPointSizeScale:l=>r({pointSizeScale:l}),setCanvasMode:l=>r({canvasMode:l}),setClusterColorMode:l=>r({clusterColorMode:l}),setColoringStrategy:l=>{const o=i();switch(r({coloringStrategy:l}),l){case x.correctness:r({pointGroupVisibility:{[E.correct]:!0,[E.incorrect]:!0,[E.unknown]:!0},pointGroupColors:{[E.correct]:Ie.Discrete2.LightBlueOrange[0],[E.incorrect]:Ie.Discrete2.LightBlueOrange[1],[E.unknown]:ie},dimension:null,dimensionMetadata:null,eventIdToGroup:ne({points:o.points,coloringStrategy:l,pointsData:o.pointData??{},dimension:o.dimension||null,dimensionMetadata:o.dimensionMetadata})});break;case x.inferences:{r({pointGroupVisibility:{[w.primary]:!0,[w.reference]:!0,[w.corpus]:!0},pointGroupColors:{[w.primary]:le()[0],[w.reference]:le()[1],[w.corpus]:H},dimension:null,dimensionMetadata:null,eventIdToGroup:ne({points:o.points,coloringStrategy:l,pointsData:o.pointData??{},dimension:o.dimension||null,dimensionMetadata:o.dimensionMetadata})});break}case x.dimension:{r({pointGroupVisibility:{unknown:!0},pointGroupColors:{unknown:ie},dimension:null,dimensionMetadata:null,eventIdToGroup:ne({points:o.points,coloringStrategy:l,pointsData:o.pointData??{},dimension:o.dimension||null,dimensionMetadata:o.dimensionMetadata})});break}default:F()}},inferencesVisibility:{primary:!0,reference:!0,corpus:!0},setInferencesVisibility:l=>r({inferencesVisibility:l}),setPointGroupVisibility:l=>r({pointGroupVisibility:l}),selectionDisplay:ce.gallery,setSelectionDisplay:l=>r({selectionDisplay:l}),setSelectionGridSize:l=>r({selectionGridSize:l}),reset:()=>{r({points:[],clusters:[],selectedEventIds:new Set,selectedClusterId:null,eventIdToGroup:{}})},setDimension:async l=>{const o=i();r({dimension:l,dimensionMetadata:null});const d=await Ga(l).catch(()=>r({errorMessage:"Failed to load the dimension metadata"}));if(d){if(r({dimensionMetadata:d}),d.categories&&d.categories.length){const c=d.categories.length,h=c<=qn.length?Ka:g=>jn(g/c);r({pointGroupVisibility:{...d.categories.reduce((g,y)=>({...g,[y]:!0}),{}),unknown:!0},pointGroupColors:{...d.categories.reduce((g,y,f)=>({...g,[y]:h(f)}),{}),unknown:ie},eventIdToGroup:ne({points:o.points,coloringStrategy:o.coloringStrategy,pointsData:o.pointData??{},dimension:l,dimensionMetadata:d})})}else if(d.interval!==null){const c=Zn(d.interval);r({pointGroupVisibility:{...c.reduce((u,h)=>({...u,[h.name]:!0}),{}),unknown:!0},pointGroupColors:{...c.reduce((u,h,g)=>({...u,[h.name]:Aa(g)}),{}),unknown:ie},eventIdToGroup:ne({points:o.points,coloringStrategy:o.coloringStrategy,pointsData:o.pointData??{},dimension:l,dimensionMetadata:d})})}}},setDimensionMetadata:l=>r({dimensionMetadata:l}),setUMAPParameters:l=>r({umapParameters:l}),setHDBSCANParameters:async l=>{const o=i();r({hdbscanParameters:l,clustersLoading:!0});const d=await Qa({metric:o.metric,points:o.points,hdbscanParameters:l});o.setClusters(d)},getHDSCANParameters:()=>i().hdbscanParameters,getMetric:()=>i().metric,setErrorMessage:l=>r({errorMessage:l}),setLoading:l=>r({loading:l}),setMetric:async l=>{const o=i();r({metric:l,clustersLoading:!0});const d=await Ua({metric:l,clusters:o.clusters,hdbscanParameters:o.hdbscanParameters});o.setClusters(d)},setSelectionSearchText:l=>r({selectionSearchText:l})});return je()(qe(a))},yn=new Intl.NumberFormat([],{maximumFractionDigits:2});function $a({min:e,max:t}){return`${yn.format(e)} - ${yn.format(t)}`}function Zn({min:e,max:t}){const r=(t-e)/De,i=[];for(let l=0;l<De;l++){const o=e+l*r,d=e+(l+1)*r;i.push({min:o,max:d,name:$a({min:o,max:d})})}return i}function Ae({numericGroupIntervals:e,numericValue:t}){let a=fe,r=e.findIndex(i=>t>=i.min&&t<i.max);return r=r===-1?De-1:r,a=e[r].name,a}function ne(e){const{points:t,coloringStrategy:a,pointsData:r,dimension:i,dimensionMetadata:l}=e,o={},d=t.map(c=>c.eventId);switch(a){case x.inferences:{const{primaryEventIds:c,referenceEventIds:u,corpusEventIds:h}=nn(d);c.forEach(g=>{o[g]=w.primary}),u.forEach(g=>{o[g]=w.reference}),h.forEach(g=>{o[g]=w.corpus});break}case x.correctness:{t.forEach(c=>{let u=E.unknown;const{predictionLabel:h,actualLabel:g}=c.eventMetadata;h!==null&&g!==null&&(u=h===g?E.correct:E.incorrect),o[c.eventId]=u});break}case x.dimension:{let c;l&&(l==null?void 0:l.interval)!==null&&(c=Zn(l.interval));const u=(i==null?void 0:i.type)==="prediction"&&(i==null?void 0:i.dataType)==="categorical",h=(i==null?void 0:i.type)==="prediction"&&(i==null?void 0:i.dataType)==="numeric",g=(i==null?void 0:i.type)==="actual"&&(i==null?void 0:i.dataType)==="categorical",y=(i==null?void 0:i.type)==="actual"&&(i==null?void 0:i.dataType)==="numeric";t.forEach(f=>{let k=fe;const C=r[f.eventId];if(i!=null&&C!=null)if(u)k=C.eventMetadata.predictionLabel??fe;else if(h){if(c==null)throw new Error("Cannot color by prediction score without numeric group intervals");const T=C.eventMetadata.predictionScore;typeof T=="number"&&(k=Ae({numericGroupIntervals:c,numericValue:T}))}else if(y){if(c==null)throw new Error("Cannot color by actual score without numeric group intervals");const T=C.eventMetadata.actualScore;typeof T=="number"&&(k=Ae({numericGroupIntervals:c,numericValue:T}))}else if(g)k=C.eventMetadata.actualLabel??fe;else{const T=C.dimensions.find(_=>_.dimension.name===i.name);if(T!=null&&i.dataType==="categorical")k=T.value??fe;else if(T!=null&&i.dataType==="numeric"&&c!=null){const _=typeof(T==null?void 0:T.value)=="string"?parseFloat(T.value):null;typeof _=="number"&&(k=Ae({numericGroupIntervals:c,numericValue:_}))}}o[f.eventId]=k});break}default:F()}return o}async function Ga(e){const t=await B.fetchQuery(Le,Un,{id:e.id,getDimensionMinMax:e.dataType==="numeric",getDimensionCategories:e.dataType==="categorical"}).toPromise(),a=t==null?void 0:t.dimension;if(!e)throw new Error("Dimension not found");let r=null;return typeof(a==null?void 0:a.min)=="number"&&typeof(a==null?void 0:a.max)=="number"&&(r={min:a.min,max:a.max}),{interval:r,categories:(a==null?void 0:a.categories)??null}}async function Ba(e){var u,h,g,y,f,k;const{primaryEventIds:t,referenceEventIds:a,corpusEventIds:r}=nn([...e]),i=await B.fetchQuery(Le,Qn,{primaryEventIds:t,referenceEventIds:a,corpusEventIds:r}).toPromise(),l=((h=(u=i==null?void 0:i.model)==null?void 0:u.primaryInferences)==null?void 0:h.events)??[],o=((y=(g=i==null?void 0:i.model)==null?void 0:g.referenceInferences)==null?void 0:y.events)??[],d=((k=(f=i==null?void 0:i.model)==null?void 0:f.corpusInferences)==null?void 0:k.events)??[];return[...l,...o,...d].reduce((C,N)=>(C[N.id]=N,C),{})}async function Qa({metric:e,points:t,hdbscanParameters:a}){const r=await B.fetchQuery(Le,Bn,{eventIds:t.map(i=>i.eventId),coordinates:t.map(i=>({x:i.position[0],y:i.position[1],z:i.position[2]})),fetchDataQualityMetric:e.type==="dataQuality",dataQualityMetricColumnName:e.type==="dataQuality"?e.dimension.name:null,fetchPerformanceMetric:e.type==="performance",performanceMetric:e.type==="performance"?e.metric:"accuracyScore",...a},{fetchPolicy:"network-only"}).toPromise();return(r==null?void 0:r.hdbscanClustering)??[]}async function Ua({metric:e,clusters:t,hdbscanParameters:a}){const r=await B.fetchQuery(Le,Gn,{clusters:t.map(i=>({id:i.id,eventIds:i.eventIds})),fetchDataQualityMetric:e.type==="dataQuality",dataQualityMetricColumnName:e.type==="dataQuality"?e.dimension.name:null,fetchPerformanceMetric:e.type==="performance",performanceMetric:e.type==="performance"?e.metric:"accuracyScore",...a},{fetchPolicy:"network-only"}).toPromise();return(r==null?void 0:r.clusters)??[]}const ze=e=>(t,a)=>{const{dir:r,column:i}=e,l=r==="asc",o=t[i],d=a[i];return o==null?1:d==null?-1:o>d?l?1:-1:o<d?l?-1:1:0};function vn(e){let t=e.driftRatio,a=null;return e.dataQualityMetric?(t=e.dataQualityMetric.primaryValue,a=e.dataQualityMetric.referenceValue):e.performanceMetric?(t=e.performanceMetric.primaryValue,a=e.performanceMetric.referenceValue):e.primaryToCorpusRatio!=null&&(t=(e.primaryToCorpusRatio+1)/2*100),{...e,size:e.eventIds.length,primaryMetricValue:t,referenceMetricValue:a}}const an=p.createContext(null);function Sl({children:e,...t}){const a=p.useRef();return a.current||(a.current=za(t)),n(an.Provider,{value:a.current,children:e})}function v(e,t){const a=p.useContext(an);if(!a)throw new Error("Missing PointCloudContext.Provider in the tree");return En(a,e,t)}var O=(e=>(e.last_hour="Last Hour",e.last_day="Last Day",e.last_week="Last Week",e.last_month="Last Month",e.last_3_months="Last 3 Months",e.first_hour="First Hour",e.first_day="First Day",e.first_week="First Week",e.first_month="First Month",e.all="All",e))(O||{});const Wn=p.createContext(null);function Ha(){const e=p.useContext(Wn);if(e===null)throw new Error("useTimeRange must be used within a TimeRangeProvider");return e}function ja(e,t){return p.useMemo(()=>{switch(e){case"Last Hour":{const r=re(Et(t.end),{roundingMethod:"ceil"});return{start:Ft(r,1),end:r}}case"Last Day":{const r=re(Dt(t.end),{roundingMethod:"ceil"});return{start:te(r,1),end:r}}case"Last Week":{const r=re(xe(t.end),{roundingMethod:"ceil"});return{start:te(r,7),end:r}}case"Last Month":{const r=re(xe(t.end),{roundingMethod:"ceil"});return{start:te(r,30),end:r}}case"Last 3 Months":{const r=re(xe(t.end),{roundingMethod:"ceil"});return{start:te(r,90),end:r}}case"First Hour":{const r=Tt(t.start);return{start:r,end:It(r,1)}}case"First Day":{const r=he(t.start);return{start:r,end:Me(r,1)}}case"First Week":{const r=Oe(t.start);return{start:r,end:Me(r,7)}}case"First Month":{const r=Oe(t.start);return{start:r,end:Me(r,30)}}case"All":{const r=re(xe(t.end),{roundingMethod:"floor"});return{start:Oe(t.start),end:r}}default:F()}},[e,t])}function xl(e){const[t,a]=p.useState("Last Month"),r=ja(t,e.timeRangeBounds),i=p.useCallback(l=>{p.startTransition(()=>{a(l)})},[]);return n(Wn.Provider,{value:{timeRange:r,timePreset:t,setTimePreset:i},children:e.children})}const Jn=p.createContext(null);function wl({children:e}){const[t,a]=ra({style:{zIndex:1e3}}),r=p.useCallback(l=>{t({variant:"danger",...l})},[t]),i=p.useCallback(l=>{t({variant:"success",...l})},[t]);return s(Jn.Provider,{value:{notify:t,notifyError:r,notifySuccess:i},children:[e,a]})}function Xn(){const e=p.useContext(Jn);if(e===null)throw new Error("useGlobalNotification must be used within a NotificationProvider");return e}function Ml(){return Xn().notifyError}function Tl(){return Xn().notifySuccess}const Yn="arize-phoenix-theme";function et(){return localStorage.getItem(Yn)==="light"?"light":"dark"}const rn=p.createContext(null);function Q(){const e=p.useContext(rn);if(e===null)throw new Error("useTheme must be used within a ThemeProvider");return e}function Il(e){const[t,a]=p.useState(et()),r=p.useCallback(i=>{localStorage.setItem(Yn,i),a(i)},[]);return n(rn.Provider,{value:{theme:t,setTheme:r},children:e.children})}function Dl(e){return s("div",{role:"toolbar",css:m`
|
|
148
|
+
padding: var(--px-spacing-sm) var(--px-spacing-lg);
|
|
149
|
+
display: flex;
|
|
150
|
+
flex-direction: row;
|
|
151
|
+
justify-content: space-between;
|
|
152
|
+
align-items: center;
|
|
153
|
+
gap: var(--px-spacing-med);
|
|
154
|
+
border-bottom: 1px solid var(--ac-global-border-color-dark);
|
|
155
|
+
flex: none;
|
|
156
|
+
min-height: 29px;
|
|
157
|
+
.toolbar__main {
|
|
158
|
+
display: flex;
|
|
159
|
+
flex-direction: row;
|
|
160
|
+
gap: var(--px-spacing-med);
|
|
161
|
+
}
|
|
162
|
+
`,children:[n("div",{"data-testid":"toolbar-main",className:"toolbar__main",children:e.children}),e.extra?n("div",{"data-testid":"toolbar-extra",children:e.extra}):null]})}const Ue=Ee("%x %H:%M %p");Ee("%H:%M %p");function El(e){const{timeRange:t,timePreset:a,setTimePreset:r}=Ha(),{primaryInferences:{name:i}}=Ve(),l=i.slice(0,10);return n(Nn,{color:"designationTurquoise",children:s(A,{delay:0,placement:"bottom right",children:[n(j,{children:s(Pe,{label:"primary inferences",defaultSelectedKey:a,"data-testid":"inferences-time-range","aria-label":"Time range for the primary inferences",addonBefore:l,onSelectionChange:o=>{o!==a&&r(o)},children:[n(P,{children:"All"},O.all),n(P,{children:"Last Hour"},O.last_hour),n(P,{children:"Last Day"},O.last_day),n(P,{children:"Last Week"},O.last_week),n(P,{children:"Last Month"},O.last_month),n(P,{children:"Last 3 Months"},O.last_3_months),n(P,{children:"First Hour"},O.first_hour),n(P,{children:"First Day"},O.first_day),n(P,{children:"First Week"},O.first_week),n(P,{children:"First Month"},O.first_month)]})}),n(q,{children:s("section",{css:m`
|
|
163
|
+
h4 {
|
|
164
|
+
margin-bottom: 0.5rem;
|
|
165
|
+
}
|
|
166
|
+
`,children:[n(V,{level:4,children:"primary inferences time range"}),s("div",{children:["start: ",Ue(t.start)]}),s("div",{children:["end: ",Ue(t.end)]})]})})]})})}const bn=Ee("%x %X");function Fl({timeRange:e}){const{referenceInferences:t}=Ve(),r=((t==null?void 0:t.name)??"reference").slice(0,10);return n("div",{css:m`
|
|
167
|
+
.ac-textfield {
|
|
168
|
+
min-width: 371px;
|
|
169
|
+
}
|
|
170
|
+
`,children:n(Nn,{color:"designationPurple",children:s(A,{children:[n(j,{children:n(U,{label:"reference inferences",isReadOnly:!0,"aria-label":"reference inferences time range",value:`${bn(e.start)} - ${bn(e.end)}`,addonBefore:r})}),n(q,{children:"The static time range of the reference inferences"})]})})})}const nt=function(){var e=[{defaultValue:50,kind:"LocalArgument",name:"count"},{defaultValue:null,kind:"LocalArgument",name:"cursor"},{defaultValue:null,kind:"LocalArgument",name:"endTime"},{defaultValue:null,kind:"LocalArgument",name:"startTime"}],t=[{kind:"Variable",name:"after",variableName:"cursor"},{kind:"Variable",name:"first",variableName:"count"}],a={fields:[{kind:"Variable",name:"end",variableName:"endTime"},{kind:"Variable",name:"start",variableName:"startTime"}],kind:"ObjectValue",name:"timeRange"};return{fragment:{argumentDefinitions:e,kind:"Fragment",metadata:null,name:"ModelSchemaTableDimensionsQuery",selections:[{args:[{kind:"Variable",name:"count",variableName:"count"},{kind:"Variable",name:"cursor",variableName:"cursor"},{kind:"Variable",name:"endTime",variableName:"endTime"},{kind:"Variable",name:"startTime",variableName:"startTime"}],kind:"FragmentSpread",name:"ModelSchemaTable_dimensions"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:e,kind:"Operation",name:"ModelSchemaTableDimensionsQuery",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:[{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},{alias:null,args:null,kind:"ScalarField",name:"dataType",storageKey:null},{alias:"cardinality",args:[{kind:"Literal",name:"metric",value:"cardinality"},a],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"percentEmpty",args:[{kind:"Literal",name:"metric",value:"percentEmpty"},a],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"min",args:[{kind:"Literal",name:"metric",value:"min"},a],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"mean",args:[{kind:"Literal",name:"metric",value:"mean"},a],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"max",args:[{kind:"Literal",name:"metric",value:"max"},a],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"psi",args:[{kind:"Literal",name:"metric",value:"psi"},a],kind:"ScalarField",name:"driftMetric",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Dimension",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:t,filters:null,handle:"connection",key:"ModelSchemaTable_dimensions",kind:"LinkedHandle",name:"dimensions"}],storageKey:null}]},params:{cacheID:"0f5ec2a75c6234eefab01cbd1181c564",id:null,metadata:{},name:"ModelSchemaTableDimensionsQuery",operationKind:"query",text:`query ModelSchemaTableDimensionsQuery(
|
|
171
|
+
$count: Int = 50
|
|
172
|
+
$cursor: String = null
|
|
173
|
+
$endTime: DateTime!
|
|
174
|
+
$startTime: DateTime!
|
|
175
|
+
) {
|
|
176
|
+
...ModelSchemaTable_dimensions_4sIU9C
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
fragment ModelSchemaTable_dimensions_4sIU9C on Query {
|
|
180
|
+
model {
|
|
181
|
+
dimensions(first: $count, after: $cursor) {
|
|
182
|
+
edges {
|
|
183
|
+
dimension: node {
|
|
184
|
+
id
|
|
185
|
+
name
|
|
186
|
+
type
|
|
187
|
+
dataType
|
|
188
|
+
cardinality: dataQualityMetric(metric: cardinality, timeRange: {start: $startTime, end: $endTime})
|
|
189
|
+
percentEmpty: dataQualityMetric(metric: percentEmpty, timeRange: {start: $startTime, end: $endTime})
|
|
190
|
+
min: dataQualityMetric(metric: min, timeRange: {start: $startTime, end: $endTime})
|
|
191
|
+
mean: dataQualityMetric(metric: mean, timeRange: {start: $startTime, end: $endTime})
|
|
192
|
+
max: dataQualityMetric(metric: max, timeRange: {start: $startTime, end: $endTime})
|
|
193
|
+
psi: driftMetric(metric: psi, timeRange: {start: $startTime, end: $endTime})
|
|
194
|
+
}
|
|
195
|
+
cursor
|
|
196
|
+
node {
|
|
197
|
+
__typename
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
pageInfo {
|
|
201
|
+
endCursor
|
|
202
|
+
hasNextPage
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
`}}}();nt.hash="fb4c57e0ea77548c4e96ceb418e06614";const tt=function(){var e=["model","dimensions"],t={fields:[{kind:"Variable",name:"end",variableName:"endTime"},{kind:"Variable",name:"start",variableName:"startTime"}],kind:"ObjectValue",name:"timeRange"};return{argumentDefinitions:[{defaultValue:50,kind:"LocalArgument",name:"count"},{defaultValue:null,kind:"LocalArgument",name:"cursor"},{defaultValue:null,kind:"LocalArgument",name:"endTime"},{defaultValue:null,kind:"LocalArgument",name:"startTime"}],kind:"Fragment",metadata:{connection:[{count:"count",cursor:"cursor",direction:"forward",path:e}],refetch:{connection:{forward:{count:"count",cursor:"cursor"},backward:null,path:e},fragmentPathInResult:[],operation:nt}},name:"ModelSchemaTable_dimensions",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:"dimensions",args:null,concreteType:"DimensionConnection",kind:"LinkedField",name:"__ModelSchemaTable_dimensions_connection",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:[{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},{alias:null,args:null,kind:"ScalarField",name:"dataType",storageKey:null},{alias:"cardinality",args:[{kind:"Literal",name:"metric",value:"cardinality"},t],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"percentEmpty",args:[{kind:"Literal",name:"metric",value:"percentEmpty"},t],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"min",args:[{kind:"Literal",name:"metric",value:"min"},t],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"mean",args:[{kind:"Literal",name:"metric",value:"mean"},t],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"max",args:[{kind:"Literal",name:"metric",value:"max"},t],kind:"ScalarField",name:"dataQualityMetric",storageKey:null},{alias:"psi",args:[{kind:"Literal",name:"metric",value:"psi"},t],kind:"ScalarField",name:"driftMetric",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"Dimension",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}],storageKey:null}],type:"Query",abstractKey:null}}();tt.hash="fb4c57e0ea77548c4e96ceb418e06614";function at(e){return n("div",{onClick:t=>t.stopPropagation(),css:m`
|
|
208
|
+
display: inline-block;
|
|
209
|
+
`,children:n(Fn,{css:m`
|
|
210
|
+
color: var(--ac-global-color-primary);
|
|
211
|
+
&:not(:hover) {
|
|
212
|
+
text-decoration: none;
|
|
213
|
+
}
|
|
214
|
+
`,...e})})}const rt=e=>m`
|
|
215
|
+
font-size: ${e.typography.sizes.medium.fontSize}px;
|
|
216
|
+
width: 100%;
|
|
217
|
+
border-collapse: separate;
|
|
218
|
+
border-spacing: 0;
|
|
219
|
+
thead {
|
|
220
|
+
position: sticky;
|
|
221
|
+
top: 0;
|
|
222
|
+
z-index: 1;
|
|
223
|
+
tr {
|
|
224
|
+
th {
|
|
225
|
+
padding: ${e.spacing.margin4}px ${e.spacing.margin16}px;
|
|
226
|
+
background-color: var(--ac-global-color-grey-100);
|
|
227
|
+
position: relative;
|
|
228
|
+
text-align: left;
|
|
229
|
+
user-select: none;
|
|
230
|
+
border-bottom: 1px solid var(--ac-global-border-color-default);
|
|
231
|
+
&:not(:last-of-type) {
|
|
232
|
+
border-right: 1px solid var(--ac-global-border-color-default);
|
|
233
|
+
}
|
|
234
|
+
.cursor-pointer {
|
|
235
|
+
cursor: pointer;
|
|
236
|
+
}
|
|
237
|
+
.sort-icon {
|
|
238
|
+
margin-left: ${e.spacing.margin4}px;
|
|
239
|
+
font-size: ${e.typography.sizes.small.fontSize}px;
|
|
240
|
+
vertical-align: middle;
|
|
241
|
+
display: inline-block;
|
|
242
|
+
}
|
|
243
|
+
&:hover .resizer {
|
|
244
|
+
background: var(--ac-global-color-grey-300);
|
|
245
|
+
}
|
|
246
|
+
div.resizer {
|
|
247
|
+
display: inline-block;
|
|
248
|
+
|
|
249
|
+
width: 2px;
|
|
250
|
+
height: 100%;
|
|
251
|
+
position: absolute;
|
|
252
|
+
right: 0;
|
|
253
|
+
top: 0;
|
|
254
|
+
cursor: grab;
|
|
255
|
+
z-index: 4;
|
|
256
|
+
touch-action: none;
|
|
257
|
+
&.isResizing,
|
|
258
|
+
&:hover {
|
|
259
|
+
background: var(--ac-global-color-primary);
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
}
|
|
263
|
+
}
|
|
264
|
+
}
|
|
265
|
+
tbody:not(.is-empty) {
|
|
266
|
+
tr {
|
|
267
|
+
&:not(:last-of-type) {
|
|
268
|
+
& > td {
|
|
269
|
+
border-bottom: 1px solid var(--ac-global-border-color-default);
|
|
270
|
+
}
|
|
271
|
+
}
|
|
272
|
+
&:hover {
|
|
273
|
+
background-color: rgba(var(--ac-global-color-grey-300-rgb), 0.3);
|
|
274
|
+
}
|
|
275
|
+
& > td {
|
|
276
|
+
padding: ${e.spacing.margin8}px ${e.spacing.margin16}px;
|
|
277
|
+
}
|
|
278
|
+
}
|
|
279
|
+
}
|
|
280
|
+
`,Pl=m`
|
|
281
|
+
tbody:not(.is-empty) {
|
|
282
|
+
tr {
|
|
283
|
+
&:not(:last-of-type) {
|
|
284
|
+
& > td {
|
|
285
|
+
border-bottom: 1px solid var(--ac-global-border-color-default);
|
|
286
|
+
}
|
|
287
|
+
}
|
|
288
|
+
& > td:not(:last-of-type) {
|
|
289
|
+
border-right: 1px solid var(--ac-global-border-color-default);
|
|
290
|
+
}
|
|
291
|
+
}
|
|
292
|
+
}
|
|
293
|
+
`,_l=e=>m(rt(e),m`
|
|
294
|
+
tbody:not(.is-empty) {
|
|
295
|
+
tr {
|
|
296
|
+
cursor: pointer;
|
|
297
|
+
}
|
|
298
|
+
}
|
|
299
|
+
`),qa=e=>m`
|
|
300
|
+
display: flex;
|
|
301
|
+
justify-content: flex-end;
|
|
302
|
+
align-items: center;
|
|
303
|
+
padding: ${e.spacing.margin8}px;
|
|
304
|
+
gap: ${e.spacing.margin4}px;
|
|
305
|
+
border-top: 1px solid var(--ac-global-color-grey-300);
|
|
306
|
+
`;function Za(){return n("tbody",{className:"is-empty",children:n("tr",{children:n("td",{colSpan:100,css:e=>m`
|
|
307
|
+
text-align: center;
|
|
308
|
+
padding: ${e.spacing.margin24}px ${e.spacing.margin24}px !important;
|
|
309
|
+
`,children:"No Data"})})})}function it({columns:e,data:t}){const a=Pt({columns:e,data:t,getCoreRowModel:_t(),getPaginationRowModel:Nt(),getSortedRowModel:Vt()}),r=a.getRowModel().rows,l=r.length>0?n("tbody",{children:r.map(o=>n("tr",{children:o.getVisibleCells().map(d=>n("td",{children:on(d.column.columnDef.cell,d.getContext())},d.id))},o.id))}):n(Za,{});return s(Fe,{children:[s("table",{css:rt,children:[n("thead",{children:a.getHeaderGroups().map(o=>n("tr",{children:o.headers.map(d=>n("th",{colSpan:d.colSpan,children:d.isPlaceholder?null:n("div",{children:on(d.column.columnDef.header,d.getContext())})},d.id))},o.id))}),l]}),s("div",{css:qa,children:[n(Z,{variant:"default",size:"compact",onClick:a.previousPage,disabled:!a.getCanPreviousPage(),"aria-label":"Previous Page",icon:n(I,{svg:n(M.ArrowIosBackOutline,{})})}),n(Z,{variant:"default",size:"compact",onClick:a.nextPage,disabled:!a.getCanNextPage(),"aria-label":"Next Page",icon:n(I,{svg:n(M.ArrowIosForwardOutline,{})})})]})]})}function lt(e){return Math.abs(e)<1e6?oe(",")(e):oe("0.2s")(e)}function ue(e){const t=Math.abs(e);return t===0?"0.00":t<.01?oe(".2e")(e):t<1e3?oe("0.2f")(e):oe("0.2s")(e)}function Wa(e){return oe(".2f")(e)+"%"}function He(e){return Number.isInteger(e)?lt(e):ue(e)}function Re(e){return t=>typeof t!="number"?"--":e(t)}const Ja=Re(lt),ot=Re(ue),Ln=Re(He),Xa=Re(Wa);function ye({getValue:e}){const t=e();if(!Ye(t))throw new Error("IntCell only supports number or null values.");return n("span",{title:t!=null?String(t):"",children:ot(t)})}const Ya=m`
|
|
310
|
+
float: right;
|
|
311
|
+
`;function er({getValue:e}){const t=e();if(!Ye(t))throw new Error("IntCell only supports number or null values.");return n("span",{title:t!=null?String(t):"",css:Ya,children:Ja(t)})}function nr({getValue:e}){const t=e();if(!Ye(t))throw new Error("IntCell only supports number or null values.");return n("span",{title:t!=null?String(t):"",children:Xa(t)})}const kn=100;function tr(e){return e.length>kn?`${e.slice(0,kn)}...`:e}function Nl({getValue:e}){const t=e(),a=t!=null&&typeof t=="string"?tr(t):"--";return n("span",{title:String(t),children:a})}function Vl({getValue:e}){const t=e(),a=t!=null&&typeof t=="string"?t:"--";return n("pre",{style:{whiteSpace:"pre-wrap"},children:a})}const ar=m`
|
|
312
|
+
margin: 0;
|
|
313
|
+
white-space: pre-wrap;
|
|
314
|
+
word-wrap: break-word;
|
|
315
|
+
`;function Cn(e,t){return e.length>t?`${e.slice(0,t)}...`:e}function rr({json:e,maxLength:t,space:a=0,disableTitle:r=!1}){const i=typeof t=="number",l=p.useMemo(()=>JSON.stringify(e,null,a),[e,a]),o=p.useMemo(()=>JSON.stringify(e,null,2),[e]),d=r?void 0:o;if(!xa(e))return console.warn("JSONText component received a non-object value",e),n("span",{title:d,children:String(e)});const c=e;if(Object.keys(c).length===0)return n("span",{title:d,children:"--"});if(Object.keys(c).length===1){const y=Object.keys(c)[0],f=c[y];if(typeof f=="string"){const k=i?Cn(f,t):f;return n("span",{title:d,children:k})}}const u=i?Cn(l,t):l;return n(i?"span":"pre",{title:d,css:i?void 0:ar,children:u})}const ir=100;function Rl({getValue:e}){const t=e();return n(rr,{json:t,maxLength:ir})}function Ol(e){const{data:t}=B.usePaginationFragment(tt,e.model),a=p.useMemo(()=>t.model.dimensions.edges.map(({dimension:i})=>({...i})),[t]),r=W.useMemo(()=>[{header:"name",accessorKey:"name",cell:l=>n(at,{to:`dimensions/${l.row.original.id}`,children:l.renderValue()})},{header:"type",accessorKey:"type"},{header:"data type",accessorKey:"dataType"},{header:"cardinality",accessorKey:"cardinality",cell:er},{header:"% empty",accessorKey:"percentEmpty",cell:nr},{header:"min",accessorKey:"min",cell:ye},{header:"mean",accessorKey:"mean",cell:ye},{header:"max",accessorKey:"max",cell:ye},{header:"PSI",accessorKey:"psi",cell:ye}],[]);return n(it,{columns:r,data:a})}const st=function(){var e=[{defaultValue:50,kind:"LocalArgument",name:"count"},{defaultValue:null,kind:"LocalArgument",name:"cursor"},{defaultValue:null,kind:"LocalArgument",name:"endTime"},{defaultValue:null,kind:"LocalArgument",name:"startTime"}],t=[{kind:"Variable",name:"after",variableName:"cursor"},{kind:"Variable",name:"first",variableName:"count"}];return{fragment:{argumentDefinitions:e,kind:"Fragment",metadata:null,name:"ModelEmbeddingsTableEmbeddingDimensionsQuery",selections:[{args:[{kind:"Variable",name:"count",variableName:"count"},{kind:"Variable",name:"cursor",variableName:"cursor"},{kind:"Variable",name:"endTime",variableName:"endTime"},{kind:"Variable",name:"startTime",variableName:"startTime"}],kind:"FragmentSpread",name:"ModelEmbeddingsTable_embeddingDimensions"}],type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:e,kind:"Operation",name:"ModelEmbeddingsTableEmbeddingDimensionsQuery",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{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:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:"euclideanDistance",args:[{kind:"Literal",name:"metric",value:"euclideanDistance"},{fields:[{kind:"Variable",name:"end",variableName:"endTime"},{kind:"Variable",name:"start",variableName:"startTime"}],kind:"ObjectValue",name:"timeRange"}],kind:"ScalarField",name:"driftMetric",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"EmbeddingDimension",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:t,filters:null,handle:"connection",key:"ModelEmbeddingsTable_embeddingDimensions",kind:"LinkedHandle",name:"embeddingDimensions"}],storageKey:null}]},params:{cacheID:"d0057a41a1d9795383a58de89e72ad76",id:null,metadata:{},name:"ModelEmbeddingsTableEmbeddingDimensionsQuery",operationKind:"query",text:`query ModelEmbeddingsTableEmbeddingDimensionsQuery(
|
|
316
|
+
$count: Int = 50
|
|
317
|
+
$cursor: String = null
|
|
318
|
+
$endTime: DateTime!
|
|
319
|
+
$startTime: DateTime!
|
|
320
|
+
) {
|
|
321
|
+
...ModelEmbeddingsTable_embeddingDimensions_4sIU9C
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
fragment ModelEmbeddingsTable_embeddingDimensions_4sIU9C on Query {
|
|
325
|
+
model {
|
|
326
|
+
embeddingDimensions(first: $count, after: $cursor) {
|
|
327
|
+
edges {
|
|
328
|
+
embedding: node {
|
|
329
|
+
id
|
|
330
|
+
name
|
|
331
|
+
euclideanDistance: driftMetric(metric: euclideanDistance, timeRange: {start: $startTime, end: $endTime})
|
|
332
|
+
}
|
|
333
|
+
cursor
|
|
334
|
+
node {
|
|
335
|
+
__typename
|
|
336
|
+
}
|
|
337
|
+
}
|
|
338
|
+
pageInfo {
|
|
339
|
+
endCursor
|
|
340
|
+
hasNextPage
|
|
341
|
+
}
|
|
342
|
+
}
|
|
343
|
+
}
|
|
344
|
+
}
|
|
345
|
+
`}}}();st.hash="fb7f125f75d1d33a555c16e198dbcbf8";const ct=function(){var e=["model","embeddingDimensions"];return{argumentDefinitions:[{defaultValue:50,kind:"LocalArgument",name:"count"},{defaultValue:null,kind:"LocalArgument",name:"cursor"},{defaultValue:null,kind:"LocalArgument",name:"endTime"},{defaultValue:null,kind:"LocalArgument",name:"startTime"}],kind:"Fragment",metadata:{connection:[{count:"count",cursor:"cursor",direction:"forward",path:e}],refetch:{connection:{forward:{count:"count",cursor:"cursor"},backward:null,path:e},fragmentPathInResult:[],operation:st}},name:"ModelEmbeddingsTable_embeddingDimensions",selections:[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:"embeddingDimensions",args:null,concreteType:"EmbeddingDimensionConnection",kind:"LinkedField",name:"__ModelEmbeddingsTable_embeddingDimensions_connection",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:[{alias:null,args:null,kind:"ScalarField",name:"id",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:"euclideanDistance",args:[{kind:"Literal",name:"metric",value:"euclideanDistance"},{fields:[{kind:"Variable",name:"end",variableName:"endTime"},{kind:"Variable",name:"start",variableName:"startTime"}],kind:"ObjectValue",name:"timeRange"}],kind:"ScalarField",name:"driftMetric",storageKey:null}],storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"cursor",storageKey:null},{alias:null,args:null,concreteType:"EmbeddingDimension",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}],storageKey:null}],type:"Query",abstractKey:null}}();ct.hash="fb7f125f75d1d33a555c16e198dbcbf8";const lr=m`
|
|
346
|
+
display: inline-flex;
|
|
347
|
+
align-items: center;
|
|
348
|
+
background: none;
|
|
349
|
+
color: var(--ac-global-color-primary);
|
|
350
|
+
border: none;
|
|
351
|
+
padding: 0;
|
|
352
|
+
font: inherit;
|
|
353
|
+
cursor: pointer;
|
|
354
|
+
outline: inherit;
|
|
355
|
+
&:hover {
|
|
356
|
+
text-decoration: underline;
|
|
357
|
+
}
|
|
358
|
+
`;function Kl(e){const{children:t,onClick:a}=e;return s("button",{css:lr,onClick:a,children:[t," ",n(I,{svg:n(ia,{})})]})}function ke({href:e,children:t}){return s("a",{href:e,target:"_blank",css:m`
|
|
359
|
+
color: var(--ac-global-color-primary);
|
|
360
|
+
text-decoration: none;
|
|
361
|
+
display: flex;
|
|
362
|
+
flex-direction: row;
|
|
363
|
+
align-items: end;
|
|
364
|
+
gap: var(--px-spacing-sm);
|
|
365
|
+
&:hover {
|
|
366
|
+
text-decoration: underline;
|
|
367
|
+
}
|
|
368
|
+
.ac-icon-wrap {
|
|
369
|
+
font-size: 1em;
|
|
370
|
+
}
|
|
371
|
+
`,rel:"noreferrer",children:[t,n(I,{svg:n(M.ExternalLinkOutline,{})})]})}const Al=()=>n("div",{css:m`
|
|
372
|
+
position: absolute;
|
|
373
|
+
top: 0;
|
|
374
|
+
left: 0;
|
|
375
|
+
right: 0;
|
|
376
|
+
bottom: 0;
|
|
377
|
+
display: flex;
|
|
378
|
+
justify-content: center;
|
|
379
|
+
align-items: center;
|
|
380
|
+
background-color: rgba(0, 0, 0, 0.2);
|
|
381
|
+
`,children:n(Vn,{isIndeterminate:!0,"aria-label":"loading"})}),or=({message:e})=>s("div",{css:m`
|
|
382
|
+
display: flex;
|
|
383
|
+
flex-direction: column;
|
|
384
|
+
justify-content: center;
|
|
385
|
+
align-items: center;
|
|
386
|
+
width: 100%;
|
|
387
|
+
height: 100%;
|
|
388
|
+
gap: var(--px-spacing-med);
|
|
389
|
+
`,children:[n(Vn,{isIndeterminate:!0,"aria-label":"loading"}),e!=null?n(L,{children:e}):null]});function zl(e){const{width:t="size-1250"}=e;return n($,{width:t,backgroundColor:"light",borderStartWidth:"thin",borderStartColor:"dark",padding:"size-200",flex:"none",children:n(D,{direction:"column",alignItems:"end",justifyContent:"center",height:"100%",children:e.children})})}const sr=2e3;function cr({text:e,size:t="compact",disabled:a=!1}){const[r,i]=p.useState(!1),l=p.useCallback(()=>{Rt(e),i(!0),setTimeout(()=>{i(!1)},sr)},[e]);return n("div",{className:"copy-to-clipboard-button",children:s(A,{delay:0,offset:5,children:[n(Z,{variant:"default",disabled:a,icon:n(I,{svg:r?n(M.Checkmark,{}):n(M.ClipboardCopy,{})}),size:t,onClick:l}),n(q,{children:"Copy"})]})})}function $l(e){const{data:t}=B.usePaginationFragment(ct,e.model),a=p.useMemo(()=>t.model.embeddingDimensions.edges.map(({embedding:i})=>({...i})),[t]),r=W.useMemo(()=>[{header:"name",accessorKey:"name",cell:({row:l,renderValue:o})=>n(at,{to:`embeddings/${l.original.id}`,children:o()})},{header:"euclidean distance",accessorKey:"euclideanDistance",cell:ye}],[]);return n(it,{columns:r,data:a})}const dt=p.createContext(null),dr=()=>{const e=p.useContext(dt);if(e===null)throw new Error("useTimeSlice must be used within a TimeSliceProvider");return e},Gl=({initialTimestamp:e,children:t})=>{const[a,r]=p.useState(e),i=l=>{p.startTransition(()=>{r(l)})};return n(dt.Provider,{value:{selectedTimestamp:a,setSelectedTimestamp:i},children:t})},Bl=e=>{const t=a=>({...e,columnVisibility:{metadata:!1},evaluationVisibility:{},setColumnVisibility:r=>{a({columnVisibility:r})},setEvaluationVisibility:r=>{a({evaluationVisibility:r})}});return je()(qe(t))};function ur(){const e=v(a=>a.setPointSizeScale),t=v(a=>a.pointSizeScale);return s(sa,{placement:"bottom left",children:[n(Z,{variant:"default",size:"compact",icon:n(I,{svg:n(M.OptionsOutline,{})}),"aria-label":"Display Settings"}),n(oa,{children:n($,{padding:"size-100",children:n(D,{direction:"column",gap:"size-100",children:n(la,{label:"Point Scale",minValue:0,maxValue:3,step:.1,value:t,onChange:e})})})})]})}const Sn=m`
|
|
390
|
+
display: flex;
|
|
391
|
+
flex-direction: row;
|
|
392
|
+
gap: var(--px-spacing-sm);
|
|
393
|
+
`;function mr(e){return typeof e=="string"&&e in de}function pr(e){return s(_e,{defaultValue:e.mode,variant:"inline-button",size:"compact",onChange:t=>{if(mr(t))e.onChange(t);else throw new Error(`Unknown canvas mode: ${t}`)},children:[n(G,{label:"Move",value:de.move,children:s(A,{placement:"top",delay:0,offset:10,children:[n(j,{children:s("div",{css:Sn,children:[n(I,{svg:n(M.MoveFilled,{})})," Move"]})}),n(q,{children:"Move around the canvas using orbital controls"})]})}),n(G,{label:"Select",value:de.select,children:s(A,{placement:"top",delay:0,offset:10,children:[n(j,{children:s("div",{css:Sn,children:[n(I,{svg:n(M.LassoOutline,{})})," Select"]})}),n(q,{children:"Select points using the lasso tool"})]})})]})}function gr({radius:e}){const t=v(c=>c.eventIdToDataMap),a=v(c=>c.highlightedClusterId),r=v(c=>c.selectedClusterId),i=v(c=>c.clusters),{theme:l}=Q(),o=v(c=>c.clusterColorMode),d=p.useMemo(()=>i.map(c=>{const{eventIds:u}=c,h=u.map(g=>{var f;return{position:(f=t.get(g))==null?void 0:f.position}}).filter(g=>g.position!==null);return{...c,data:h}}).filter(c=>c.data.length>0),[i,t]);return n(Fe,{children:d.map((c,u)=>{const h=fr({selected:c.id===r,highlighted:c.id===a,clusterColorMode:o});return n(Ot,{data:c.data,opacity:h,wireframe:!0,pointRadius:e,color:hr({theme:l,clusterColorMode:o,index:u,clusterCount:d.length})},`${c.id}__opacity_${String(h)}`)})})}function hr({theme:e,clusterColorMode:t,index:a,clusterCount:r}){return t===tn.default?e==="dark"?"#999999":"#bbbbbb":Pn(a/r)}function fr({selected:e,highlighted:t,clusterColorMode:a}){return a===tn.highlight?1:e?.7:t?.5:0}const yr=2;function vr({pointRadius:e}){const t=v(u=>u.hoveredEventId),a=v(u=>u.pointSizeScale),r=v(u=>u.eventIdToDataMap),i=v(u=>u.pointGroupColors),l=v(u=>u.eventIdToGroup);if(t==null||r==null)return null;const o=r.get(t),d=l[t],c=i[d];return o==null?null:n(Kt,{position:o.position,args:[e*yr],scale:[a,a,a],children:n("meshMatcapMaterial",{color:c,opacity:.7,transparent:!0})})}const xn=1;function br(){const e=v(i=>i.hoveredEventId),t=v(i=>i.eventIdToDataMap),a=p.useRef(null);At((i,l)=>{a.current&&a.current.children.forEach(o=>o.children[0].material.uniforms.dashOffset.value-=l*5)});const r=p.useMemo(()=>{if(e==null)return[];const i=t.get(e);if(i==null)return[];const l=i.retrievals??[];return(l==null?void 0:l.length)===0?[]:l.map(d=>{const c=t.get(d.documentId);return c==null?null:[i.position,c.position]}).filter(d=>d!=null)},[t,e]);return n("group",{ref:a,children:r.map((i,l)=>s("group",{children:[n(sn,{start:i[0],end:i[1],color:16777215,opacity:1,transparent:!0,dashed:!0,dashScale:50,gapSize:20,linewidth:xn}),n(sn,{start:i[0],end:i[1],color:16777215,linewidth:xn/2,transparent:!0,opacity:.8})]},l))})}const Lr=.5,kr=.5,Cr=100,wn=1.7;function Mn(e,t){return typeof t=="function"?t(e):t}function Sr({primaryData:e,referenceData:t,corpusData:a,color:r,radius:i}){const l=v(S=>S.inferencesVisibility),o=v(S=>S.coloringStrategy),{theme:d}=Q(),c=v(S=>S.setSelectedEventIds),u=v(S=>S.selectedEventIds),h=v(S=>S.setSelectedClusterId),g=v(S=>S.setHoveredEventId),y=v(S=>S.pointSizeScale),f=p.useMemo(()=>zt(g,Cr),[g]),k=p.useMemo(()=>o!==x.inferences?"cube":"sphere",[o]),C=p.useMemo(()=>o!==x.inferences?"octahedron":"sphere",[o]),N=p.useMemo(()=>d==="dark"?$t(Lr):Gt(kr),[d]),T=p.useMemo(()=>typeof r=="function"?S=>N(r(S)):N(r),[r,N]),_=p.useCallback(S=>!u.has(S.metaData.id)&&u.size>0?Mn(S,T):Mn(S,r),[u,r,T]),Ce=l.reference&&t,me=l.corpus&&a,Y=p.useCallback(S=>{p.startTransition(()=>{c(new Set([S.metaData.id])),h(null)})},[h,c]),ee=p.useCallback(S=>{S==null||S.metaData==null||f(S.metaData.id)},[f]),pe=p.useCallback(()=>{f(null)},[f]);return s(Fe,{children:[l.primary?n(Ke,{data:e,pointProps:{color:_,radius:i,scale:y},onPointClicked:Y,onPointHovered:ee,onPointerLeave:pe}):null,Ce?n(Ke,{data:t,pointProps:{color:_,radius:i,size:i?i*wn:void 0,scale:y},onPointHovered:ee,onPointerLeave:pe,pointShape:k,onPointClicked:Y}):null,me?n(Ke,{data:a,pointProps:{color:_,radius:i,size:i?i*wn:void 0,scale:y},onPointHovered:ee,onPointerLeave:pe,pointShape:C,onPointClicked:Y}):null]})}const xr=/\.(mp4|mov|webm|ogg)(\?|$)/i,wr=/\.(mp3|wav)(\?|$)/i;function Mr(e){return xr.test(e)}function Tr(e){return wr.test(e)}var ae=(e=>(e.square="square",e.circle="circle",e.diamond="diamond",e))(ae||{});const Ir=()=>n("svg",{width:"12px",height:"12px",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n("rect",{width:"12",height:"12",rx:"1",fill:"currentColor"})}),Dr=()=>n("svg",{width:"12px",height:"12px",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n("circle",{cx:"6",cy:"6",r:"6",fill:"currentColor"})}),Er=()=>n("svg",{width:"12px",height:"12px",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n("path",{d:"M6 0L12 6L6 12L0 6L6 0Z",fill:"currentColor"})});function ut(e){const{shape:t,color:a}=e,r=p.useMemo(()=>{switch(t){case"square":return n(Ir,{});case"circle":return n(Dr,{});case"diamond":return n(Er,{});default:F()}},[t]);return n("i",{className:"shape-icon",style:{color:a},css:m`
|
|
394
|
+
display: flex;
|
|
395
|
+
flex-direction: row;
|
|
396
|
+
align-items: center;
|
|
397
|
+
`,"aria-hidden":!0,children:r})}function Fr(e){const{rawData:t,linkToData:a,promptAndResponse:r,documentText:i}=e;return i!=null?"document":r!=null?"prompt_response":a!=null?Mr(a)?"video":Tr(a)?"audio":"image":t!=null?"raw":"event_metadata"}function Pr(e,t){const{rawData:a}=t;switch(e){case"document":return null;case"prompt_response":return null;case"image":return a!=null?"raw":null;case"video":return a!=null?"raw":null;case"audio":return a!=null?"raw":null;case"raw":return"event_metadata";case"event_metadata":return null;default:F()}}function _r(e){const{onClick:t,onMouseOver:a,onMouseOut:r,color:i,size:l,inferencesName:o,group:d}=e,c=Fr(e),u=l==="large"?Pr(c,e):null;return s("div",{"data-testid":"event-item",role:"button","data-size":l,css:m`
|
|
398
|
+
width: 100%;
|
|
399
|
+
height: 100%;
|
|
400
|
+
box-sizing: border-box;
|
|
401
|
+
border-style: solid;
|
|
402
|
+
border-radius: 4px;
|
|
403
|
+
overflow: hidden;
|
|
404
|
+
|
|
405
|
+
display: flex;
|
|
406
|
+
flex-direction: column;
|
|
407
|
+
cursor: pointer;
|
|
408
|
+
overflow: hidden;
|
|
409
|
+
|
|
410
|
+
border-width: 1px;
|
|
411
|
+
border-color: ${i};
|
|
412
|
+
border-radius: var(--ac-global-rounding-medium);
|
|
413
|
+
transition: border-color 0.2s ease-in-out;
|
|
414
|
+
transition: transform 0.2s ease-in-out;
|
|
415
|
+
&:hover {
|
|
416
|
+
transform: scale(1.04);
|
|
417
|
+
}
|
|
418
|
+
&[data-size="small"] {
|
|
419
|
+
border-width: 2px;
|
|
420
|
+
}
|
|
421
|
+
`,onClick:t,onMouseOver:a,onMouseOut:r,children:[s("div",{className:"event-item__preview-wrap","data-size":l,css:m`
|
|
422
|
+
display: flex;
|
|
423
|
+
flex-direction: row;
|
|
424
|
+
flex: 1 1 auto;
|
|
425
|
+
overflow: hidden;
|
|
426
|
+
& > *:nth-child(1) {
|
|
427
|
+
flex: 1 1 auto;
|
|
428
|
+
overflow: hidden;
|
|
429
|
+
}
|
|
430
|
+
& > *:nth-child(2) {
|
|
431
|
+
flex: none;
|
|
432
|
+
width: 43%;
|
|
433
|
+
}
|
|
434
|
+
&[data-size="large"] {
|
|
435
|
+
& > *:nth-child(1) {
|
|
436
|
+
margin: var(--px-spacing-med);
|
|
437
|
+
border-radius: 8px;
|
|
438
|
+
}
|
|
439
|
+
}
|
|
440
|
+
`,children:[n(Tn,{previewType:c,...e}),u!=null&&n(Tn,{previewType:u,...e})]}),l!=="small"&&n($r,{color:i,group:d,inferencesName:o,showInferences:l==="large"})]})}function Tn(e){const{previewType:t}=e;let a=null;switch(t){case"document":{a=n(Kr,{...e});break}case"prompt_response":{a=n(Or,{...e});break}case"image":{a=n(Nr,{...e});break}case"video":{a=n(Vr,{...e});break}case"audio":{a=n(Rr,{...e});break}case"raw":{a=n(Ar,{...e});break}case"event_metadata":{a=n(zr,{...e});break}default:F()}return a}function Nr(e){return n("img",{src:e.linkToData||"[error] unexpected missing url",css:m`
|
|
441
|
+
min-height: 0;
|
|
442
|
+
// Maintain aspect ratio while having normalized height
|
|
443
|
+
object-fit: contain;
|
|
444
|
+
transition: background-color 0.2s ease-in-out;
|
|
445
|
+
background-color: ${_n(.85,e.color)};
|
|
446
|
+
`})}function Vr(e){return n("video",{src:e.linkToData||"[error] unexpected missing url",css:m`
|
|
447
|
+
min-height: 0;
|
|
448
|
+
// Maintain aspect ratio while having normalized height
|
|
449
|
+
object-fit: contain;
|
|
450
|
+
transition: background-color 0.2s ease-in-out;
|
|
451
|
+
background-color: ${_n(.85,e.color)};
|
|
452
|
+
`})}function Rr(e){return n("audio",{src:e.linkToData||"[error] unexpected missing url",autoPlay:e.autoPlay,controls:!0})}function Or(e){var t,a;return s("div",{"data-size":e.size,css:m`
|
|
453
|
+
--prompt-response-preview-background-color: var(
|
|
454
|
+
--ac-global-color-grey-200
|
|
455
|
+
);
|
|
456
|
+
background-color: var(--prompt-response-preview-background-color);
|
|
457
|
+
&[data-size="small"] {
|
|
458
|
+
display: flex;
|
|
459
|
+
flex-direction: column;
|
|
460
|
+
padding: var(--px-spacing-sm);
|
|
461
|
+
font-size: var(--px-font-size-sm);
|
|
462
|
+
section {
|
|
463
|
+
flex: 1 1 0;
|
|
464
|
+
overflow: hidden;
|
|
465
|
+
header {
|
|
466
|
+
display: none;
|
|
467
|
+
}
|
|
468
|
+
}
|
|
469
|
+
}
|
|
470
|
+
&[data-size="medium"] {
|
|
471
|
+
display: flex;
|
|
472
|
+
flex-direction: column;
|
|
473
|
+
gap: var(--px-spacing-sm);
|
|
474
|
+
padding: var(--px-spacing-med);
|
|
475
|
+
section {
|
|
476
|
+
flex: 1 1 0;
|
|
477
|
+
overflow: hidden;
|
|
478
|
+
}
|
|
479
|
+
}
|
|
480
|
+
&[data-size="large"] {
|
|
481
|
+
display: flex;
|
|
482
|
+
flex-direction: row;
|
|
483
|
+
section {
|
|
484
|
+
padding: var(--px-spacing-sm);
|
|
485
|
+
flex: 1 1 0;
|
|
486
|
+
}
|
|
487
|
+
}
|
|
488
|
+
& > section {
|
|
489
|
+
position: relative;
|
|
490
|
+
|
|
491
|
+
header {
|
|
492
|
+
font-weight: bold;
|
|
493
|
+
margin-bottom: var(--px-spacing-sm);
|
|
494
|
+
}
|
|
495
|
+
&:before {
|
|
496
|
+
content: "";
|
|
497
|
+
width: 100%;
|
|
498
|
+
height: 100%;
|
|
499
|
+
position: absolute;
|
|
500
|
+
left: 0;
|
|
501
|
+
top: 0;
|
|
502
|
+
background: linear-gradient(
|
|
503
|
+
transparent 80%,
|
|
504
|
+
var(--prompt-response-preview-background-color) 100%
|
|
505
|
+
);
|
|
506
|
+
}
|
|
507
|
+
}
|
|
508
|
+
`,children:[s("section",{children:[n("header",{children:"prompt"}),(t=e.promptAndResponse)==null?void 0:t.prompt]}),s("section",{children:[n("header",{children:"response"}),(a=e.promptAndResponse)==null?void 0:a.response]})]})}function Kr(e){return n("p",{"data-size":e.size,css:m`
|
|
509
|
+
flex: 1 1 auto;
|
|
510
|
+
padding: var(--px-spacing-med);
|
|
511
|
+
margin-block-start: 0;
|
|
512
|
+
margin-block-end: 0;
|
|
513
|
+
position: relative;
|
|
514
|
+
--text-preview-background-color: var(--ac-global-color-grey-100);
|
|
515
|
+
background-color: var(--text-preview-background-color);
|
|
516
|
+
|
|
517
|
+
&[data-size="small"] {
|
|
518
|
+
padding: var(--px-spacing-sm);
|
|
519
|
+
box-sizing: border-box;
|
|
520
|
+
}
|
|
521
|
+
&:before {
|
|
522
|
+
content: "";
|
|
523
|
+
width: 100%;
|
|
524
|
+
height: 100%;
|
|
525
|
+
position: absolute;
|
|
526
|
+
left: 0;
|
|
527
|
+
top: 0;
|
|
528
|
+
background: linear-gradient(
|
|
529
|
+
transparent 90%,
|
|
530
|
+
var(--text-preview-background-color) 98%,
|
|
531
|
+
var(--text-preview-background-color) 100%
|
|
532
|
+
);
|
|
533
|
+
}
|
|
534
|
+
`,children:e.documentText})}function Ar(e){return n("p",{"data-size":e.size,css:m`
|
|
535
|
+
flex: 1 1 auto;
|
|
536
|
+
padding: var(--px-spacing-med);
|
|
537
|
+
margin-block-start: 0;
|
|
538
|
+
margin-block-end: 0;
|
|
539
|
+
position: relative;
|
|
540
|
+
--text-preview-background-color: var(--ac-background-color-light);
|
|
541
|
+
background-color: var(--text-preview-background-color);
|
|
542
|
+
|
|
543
|
+
&[data-size="small"] {
|
|
544
|
+
padding: var(--px-spacing-sm);
|
|
545
|
+
font-size: var(--ac-global-color-gray-600);
|
|
546
|
+
box-sizing: border-box;
|
|
547
|
+
}
|
|
548
|
+
&:before {
|
|
549
|
+
content: "";
|
|
550
|
+
width: 100%;
|
|
551
|
+
height: 100%;
|
|
552
|
+
position: absolute;
|
|
553
|
+
left: 0;
|
|
554
|
+
top: 0;
|
|
555
|
+
background: linear-gradient(
|
|
556
|
+
transparent 90%,
|
|
557
|
+
var(--text-preview-background-color) 98%,
|
|
558
|
+
var(--text-preview-background-color) 100%
|
|
559
|
+
);
|
|
560
|
+
}
|
|
561
|
+
`,children:e.rawData})}function zr(e){return s("dl",{css:m`
|
|
562
|
+
margin: 0;
|
|
563
|
+
padding: var(--px-spacing-lg);
|
|
564
|
+
display: flex;
|
|
565
|
+
flex-direction: column;
|
|
566
|
+
justify-content: center;
|
|
567
|
+
gap: var(--px-spacing-med);
|
|
568
|
+
|
|
569
|
+
dt {
|
|
570
|
+
font-weight: bold;
|
|
571
|
+
}
|
|
572
|
+
dd {
|
|
573
|
+
margin-inline-start: var(--px-spacing-med);
|
|
574
|
+
}
|
|
575
|
+
`,children:[s("div",{children:[n("dt",{children:"prediction label"}),n("dd",{children:e.predictionLabel||"--"})]}),s("div",{children:[n("dt",{children:"actual label"}),n("dd",{children:e.actualLabel||"--"})]})]})}function $r({color:e,group:t,showInferences:a,inferencesName:r}){return s("footer",{css:m`
|
|
576
|
+
display: flex;
|
|
577
|
+
flex-direction: row;
|
|
578
|
+
justify-content: space-between;
|
|
579
|
+
padding: var(--px-spacing-sm) var(--px-spacing-med) var(--px-spacing-sm)
|
|
580
|
+
7px;
|
|
581
|
+
border-top: 1px solid var(--ac-global-border-color-dark);
|
|
582
|
+
`,children:[s("div",{css:m`
|
|
583
|
+
display: flex;
|
|
584
|
+
flex-direction: row;
|
|
585
|
+
align-items: center;
|
|
586
|
+
gap: var(--px-spacing-sm);
|
|
587
|
+
`,children:[n(ut,{shape:ae.circle,color:e}),t]}),a?n("div",{title:"the inferences the point belongs to",children:r}):null]})}const ge=200,we=10,Gr=new La,Br=()=>{const{getInferencesNameByRole:e}=Ve(),t=v(y=>y.hoveredEventId),a=v(y=>y.eventIdToDataMap),r=v(y=>y.pointData),i=v(y=>y.pointGroupColors),l=v(y=>y.eventIdToGroup);if(t==null||r==null||r==null)return null;const o=a.get(t),d=r[t];if(o==null||d==null)return null;const c=l[t],u=i[l[t]],h=Hn(t),g=e(h);return n(Bt,{position:o.position,pointerEvents:"none",zIndexRange:[0,1],calculatePosition:(y,f,k)=>{const C=Gr.setFromMatrixPosition(y.matrixWorld);C.project(f);const N=k.width/2,T=k.height/2;return[Math.min(k.width-ge-we,Math.max(0,C.x*N+N+we)),Math.min(k.height-ge-we,Math.max(0,-(C.y*T)+T+we))]},children:n("div",{css:m`
|
|
588
|
+
--grid-item-min-width: ${ge}px;
|
|
589
|
+
width: ${ge}px;
|
|
590
|
+
height: ${ge}px;
|
|
591
|
+
background-color: var(--ac-global-background-color-dark);
|
|
592
|
+
border-radius: var(--ac-global-rounding-medium);
|
|
593
|
+
`,children:n(_r,{rawData:o.embeddingMetadata.rawData,linkToData:o.embeddingMetadata.linkToData,predictionLabel:o.eventMetadata.predictionLabel,actualLabel:o.eventMetadata.actualLabel,promptAndResponse:d.promptAndResponse,documentText:d.documentText,inferencesName:g,group:c,color:u,size:"medium",autoPlay:!0})})})},Qr=300,Ur=3,Hr=.2,jr=function(){const{selectedTimestamp:t}=dr(),a=v(c=>c.points),r=v(c=>c.hdbscanParameters),i=v(c=>c.umapParameters),[l,o,d]=p.useMemo(()=>{const{primaryEventIds:c,referenceEventIds:u,corpusEventIds:h}=nn(a.map(g=>g.eventId));return[c.length,u.length,h.length]},[a]);return t?s("section",{css:m`
|
|
594
|
+
width: 300px;
|
|
595
|
+
padding: var(--px-spacing-med);
|
|
596
|
+
`,children:[s("dl",{css:$e,children:[s("div",{children:[n("dt",{children:"Timestamp"}),n("dd",{children:Ue(t)})]}),s("div",{children:[n("dt",{children:"primary points"}),n("dd",{children:l})]}),o>0?s("div",{children:[n("dt",{children:"reference points"}),n("dd",{children:o})]}):null,d>0?s("div",{children:[n("dt",{children:"corpus points"}),n("dd",{children:d})]}):null]}),n("br",{}),n(V,{level:4,weight:"heavy",children:"Clustering Parameters"}),s("dl",{css:$e,children:[s("div",{children:[n("dt",{children:"min cluster size"}),n("dd",{children:r.minClusterSize})]}),s("div",{children:[n("dt",{children:"cluster min samples"}),n("dd",{children:r.clusterMinSamples})]}),s("div",{children:[n("dt",{children:"cluster selection epsilon"}),n("dd",{children:r.clusterSelectionEpsilon})]})]}),n("br",{}),n(V,{level:4,weight:"heavy",children:"UMAP Parameters"}),s("dl",{css:$e,children:[s("div",{children:[n("dt",{children:"min distance"}),n("dd",{children:i.minDist})]}),s("div",{children:[n("dt",{children:"n neighbors"}),n("dd",{children:i.nNeighbors})]}),s("div",{children:[n("dt",{children:"n samples per inferences"}),n("dd",{children:i.nSamples})]})]})]}):null},$e=m`
|
|
597
|
+
margin: 0;
|
|
598
|
+
padding: 0;
|
|
599
|
+
div {
|
|
600
|
+
display: flex;
|
|
601
|
+
flex-direction: row;
|
|
602
|
+
align-items: center;
|
|
603
|
+
justify-content: space-between;
|
|
604
|
+
gap: var(--px-spacing-sm);
|
|
605
|
+
}
|
|
606
|
+
`;function qr(){const e=v(a=>a.canvasMode),t=v(a=>a.setCanvasMode);return s("div",{css:m`
|
|
607
|
+
position: absolute;
|
|
608
|
+
left: var(--px-spacing-med);
|
|
609
|
+
top: var(--px-spacing-med);
|
|
610
|
+
z-index: 1;
|
|
611
|
+
display: flex;
|
|
612
|
+
flex-direction: row;
|
|
613
|
+
align-items: center;
|
|
614
|
+
gap: var(--px-spacing-med);
|
|
615
|
+
`,children:[n(pr,{mode:e,onChange:t}),n(ur,{}),n(Zr,{})]})}function Zr(){return s(A,{placement:"bottom left",delay:0,children:[n(Z,{variant:"default",size:"compact",icon:n(I,{svg:n(ca,{})}),"aria-label":"Information bout the point-cloud display"}),n(da,{title:"Point Cloud Summary",children:n(jr,{})})]})}function Wr({children:e}){const{theme:t}=Q();return n("div",{css:m`
|
|
616
|
+
flex: 1 1 auto;
|
|
617
|
+
height: 100%;
|
|
618
|
+
position: relative;
|
|
619
|
+
&[data-theme="dark"] {
|
|
620
|
+
background: linear-gradient(
|
|
621
|
+
rgb(21, 25, 31) 11.4%,
|
|
622
|
+
rgb(11, 12, 14) 70.2%
|
|
623
|
+
);
|
|
624
|
+
}
|
|
625
|
+
&[data-theme="light"] {
|
|
626
|
+
background: linear-gradient(#f2f6fd 0%, #dbe6fc 74%);
|
|
627
|
+
}
|
|
628
|
+
`,"data-theme":t,children:e})}function Ql(){return s(Wr,{children:[n(qr,{},"canvas-tools"),n(Jr,{},"projection")]})}const Jr=W.memo(function(){const t=v(b=>b.points),a=v(b=>b.canvasMode),r=v(b=>b.setSelectedEventIds),i=v(b=>b.setSelectedClusterId),l=v(b=>b.pointGroupColors),o=v(b=>b.pointGroupVisibility),{theme:d}=Q(),c=v(b=>b.inferencesVisibility),[u,h]=p.useState(!0),g=p.useMemo(()=>Qt(t.map(b=>b.position)),[t]),y=(g.maxX-g.minX+(g.maxY-g.minY))/2/Qr,f=y*Ur,k=a===de.move,C=v(b=>b.eventIdToGroup),N=p.useCallback(b=>{const R=C[b.metaData.id]||"unknown";return l[R]||ie},[l,C]),T=p.useMemo(()=>t.filter(b=>b.eventId.includes("PRIMARY")),[t]),_=p.useMemo(()=>t.filter(b=>b.eventId.includes("REFERENCE")),[t]),Ce=p.useMemo(()=>t.filter(b=>b.eventId.includes("CORPUS")),[t]),me=p.useMemo(()=>T.filter(b=>{const R=C[b.eventId];return o[R]}),[T,C,o]),Y=p.useMemo(()=>!_||_.length===0?null:_.filter(b=>{const R=C[b.eventId];return o[R]}),[_,C,o]),ee=p.useMemo(()=>Ce.filter(b=>{const R=C[b.eventId];return o[R]}),[Ce,C,o]),pe=p.useMemo(()=>{const b=c.primary?me:[],R=c.reference?Y:[],St=c.corpus?ee:[];return[...b,...R||[],...St||[]]},[me,Y,ee,c]),S=Ut(an,en,Jt,rn);return n(Wt,{camera:{position:[3,3,3]},children:s(S,{children:[n(Ht,{autoRotate:u,autoRotateSpeed:2,enableRotate:k,enablePan:k,onEnd:()=>{h(!1)}}),s(jt,{bounds:g,boundsZoomPaddingFactor:Hr,children:[n(qt,{points:pe,onChange:b=>{r(new Set(b.map(R=>R.metaData.id))),i(null)},enabled:a===de.select}),n(Zt,{size:(g.maxX-g.minX)/4,color:d=="dark"?"#fff":"#505050"}),n(Sr,{primaryData:me,referenceData:Y,corpusData:ee,color:N,radius:y}),n(gr,{radius:f}),n(Br,{}),n(vr,{pointRadius:y}),n(br,{})]})]})})}),mt=function(){var e=[{alias:null,args:null,concreteType:"Model",kind:"LinkedField",name:"model",plural:!1,selections:[{alias:null,args:null,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},{alias:null,args:null,kind:"ScalarField",name:"dataType",storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[],kind:"Fragment",metadata:null,name:"DimensionPickerQuery",selections:e,type:"Query",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[],kind:"Operation",name:"DimensionPickerQuery",selections:e},params:{cacheID:"56e356d226d322dabfd9db8010884e4f",id:null,metadata:{},name:"DimensionPickerQuery",operationKind:"query",text:`query DimensionPickerQuery {
|
|
629
|
+
model {
|
|
630
|
+
dimensions {
|
|
631
|
+
edges {
|
|
632
|
+
node {
|
|
633
|
+
id
|
|
634
|
+
name
|
|
635
|
+
type
|
|
636
|
+
dataType
|
|
637
|
+
}
|
|
638
|
+
}
|
|
639
|
+
}
|
|
640
|
+
}
|
|
641
|
+
}
|
|
642
|
+
`}}}();mt.hash="747256fac1de97803ae6f96e3cb58d98";function Xr(e){const{type:t}=e;let a="gray",r="";switch(t){case"feature":a="blue",r="FEA";break;case"tag":a="purple",r="TAG";break;case"prediction":a="white",r="PRE";break;case"actual":a="orange",r="ACT";break;default:F()}return n(We,{color:a,"aria-label":t,title:"type",children:r})}const Yr=s(X,{children:[n(V,{weight:"heavy",level:4,children:"Model Dimension"}),n(J,{children:n(L,{children:"A dimension is a feature, tag, prediction, or actual value that is associated with a model inference. Features represent inputs, tags represent metadata, predictions represent outputs, and actuals represent ground truth."})})]});function ei(e){const{selectedDimension:t,dimensions:a,onChange:r,isLoading:i,...l}=e;return n(Pe,{...l,defaultSelectedKey:t?t.name:void 0,"aria-label":"Select a dimension",onSelectionChange:o=>{const d=a.find(c=>c.name===o);d&&p.startTransition(()=>r(d))},label:"Dimension",labelExtra:Yr,isDisabled:i,placeholder:i?"Loading...":"Select a dimension...",children:a.map(o=>n(P,{textValue:o.name,children:s("div",{css:m`
|
|
643
|
+
.ac-label {
|
|
644
|
+
margin-right: var(--px-spacing-med);
|
|
645
|
+
}
|
|
646
|
+
`,children:[n(Xr,{type:o.type}),o.name]})},o.name))})}function ni(e){const[t,a]=p.useState([]),[r,i]=p.useState(!0),{selectedDimension:l,onChange:o,...d}=e;return p.useEffect(()=>{B.fetchQuery(Le,mt,{},{fetchPolicy:"store-or-network"}).toPromise().then(c=>{const u=(c==null?void 0:c.model.dimensions.edges.map(h=>h.node))??[];a(u),i(!1)})},[]),n(ei,{...d,onChange:o,dimensions:t,label:"Dimension",selectedDimension:l,isLoading:r})}function ti(e){return typeof e=="string"&&e in x}const ai=Object.values(x),ri=s(X,{children:[n(V,{weight:"heavy",level:4,children:"Coloring Strategy"}),n(J,{children:n(L,{children:"The way in which inference point is colored. Each point in the point-cloud represents a model inference. These inferences can be colored by a particular attribute (such as inferences and dimension) or by a performance value such as correctness (predicted value equals the actual value)"})})]});function ii(e){const{strategy:t,onChange:a}=e;return n(Pe,{defaultSelectedKey:t,"aria-label":"Coloring strategy",onSelectionChange:r=>{ti(r)&&a(r)},label:"Color By",labelExtra:ri,children:ai.map(r=>n(P,{children:r},r))})}const li=m`
|
|
647
|
+
display: flex;
|
|
648
|
+
flex-direction: row;
|
|
649
|
+
gap: var(--px-flex-gap-sm);
|
|
650
|
+
align-items: center;
|
|
651
|
+
`;function Te(e){const{name:t,checked:a,onChange:r,color:i,iconShape:l=ae.circle}=e;return s("label",{css:li,children:[n("input",{type:"checkbox",checked:a,name:t,onChange:r}),n(ut,{shape:l,color:i}),t]},t)}function oi({hasReference:e,hasCorpus:t}){const a=v(y=>y.inferencesVisibility),r=v(y=>y.setInferencesVisibility),i=v(y=>y.coloringStrategy),l=p.useCallback(y=>{const{name:f,checked:k}=y.target;r({...a,[f]:k})},[a,r]),o=ba(),d=p.useMemo(()=>{switch(i){case x.inferences:return o[0];case x.correctness:case x.dimension:return H;default:F()}},[i,o]),c=p.useMemo(()=>{switch(i){case x.inferences:return o[1];case x.correctness:case x.dimension:return H;default:F()}},[i,o]),u=H,h=i===x.inferences?ae.circle:ae.square,g=i===x.inferences?ae.circle:ae.diamond;return s("form",{css:m`
|
|
652
|
+
display: flex;
|
|
653
|
+
flex-direction: column;
|
|
654
|
+
padding: var(--px-spacing-med);
|
|
655
|
+
`,children:[n(Te,{checked:a.primary,name:"primary",color:d,onChange:l}),e?n(Te,{checked:a.reference,name:"reference",onChange:l,color:c,iconShape:h}):null,t?n(Te,{checked:a.corpus,name:"corpus",onChange:l,color:u,iconShape:g}):null]})}function si(){const e=v(l=>l.pointGroupVisibility),t=v(l=>l.setPointGroupVisibility),a=v(l=>l.pointGroupColors),r=p.useMemo(()=>Object.keys(e),[e]),i=p.useCallback(l=>{const{name:o,checked:d}=l.target;t({...e,[o]:d})},[e,t]);return s("form",{css:m`
|
|
656
|
+
display: flex;
|
|
657
|
+
flex-direction: column;
|
|
658
|
+
`,children:[n(ci,{}),n("div",{css:m`
|
|
659
|
+
padding: var(--px-spacing-med);
|
|
660
|
+
`,children:r.map(l=>{const o=e[l],d=a[l];return n(Te,{name:l,checked:o,color:d,onChange:i},l)})})]})}function ci(){const e=v(l=>l.pointGroupVisibility),t=v(l=>l.setPointGroupVisibility),a=v(l=>l.coloringStrategy),r=p.useMemo(()=>Object.values(e).every(l=>!l),[e]),i=p.useCallback(l=>{const{checked:o}=l.target,d=Object.keys(e).reduce((c,u)=>(c[u]=o,c),{});t(d)},[e,t]);return s("label",{css:()=>m`
|
|
661
|
+
display: flex;
|
|
662
|
+
flex-direction: row;
|
|
663
|
+
gap: var(--px-flex-gap-sm);
|
|
664
|
+
padding: var(--px-spacing-sm) var(--px-spacing-med);
|
|
665
|
+
background-color: var(--ac-global-background-color-light);
|
|
666
|
+
`,children:[n("input",{type:"checkbox",checked:!r,onChange:i}),`${a}`]})}function Ul(){const{referenceInferences:e,corpusInferences:t}=Ve(),a=v(g=>g.coloringStrategy),r=v(g=>g.setColoringStrategy),i=v(g=>g.dimension),l=v(g=>g.dimensionMetadata),o=v(g=>g.setDimension),d=e!=null||t!=null,c=a===x.dimension&&i==null,u=a===x.dimension&&i!=null&&l==null,h=a!==x.inferences&&!c&&!u;return s("section",{css:m`
|
|
667
|
+
& > .ac-form {
|
|
668
|
+
padding: var(--px-spacing-med) var(--px-spacing-med) 0
|
|
669
|
+
var(--px-spacing-med);
|
|
670
|
+
}
|
|
671
|
+
& > .ac-alert {
|
|
672
|
+
margin: var(--px-spacing-med);
|
|
673
|
+
}
|
|
674
|
+
`,children:[n(Ne,{children:s(Fe,{children:[n(ii,{strategy:a,onChange:r}),a===x.dimension?n(ni,{selectedDimension:null,onChange:g=>{o(g)}}):null]})}),d?n(oi,{hasReference:e!=null,hasCorpus:t!=null}):null,h?n(si,{}):null,c?n(ua,{variant:"info",showIcon:!1,children:"Please select a dimension to color the point cloud by"}):null,u?n("div",{css:m`
|
|
675
|
+
padding: var(--px-spacing-med);
|
|
676
|
+
min-height: 100px;
|
|
677
|
+
display: flex;
|
|
678
|
+
flex-direction: column;
|
|
679
|
+
justify-content: center;
|
|
680
|
+
align-items: center;
|
|
681
|
+
`,children:n(or,{message:"Calculating point colors"})}):null]})}function di(e){return typeof e=="string"&&e in ce}function Hl(e){return s(_e,{defaultValue:e.mode,variant:"inline-button",onChange:t=>{if(di(t))e.onChange(t);else throw new Error(`Unknown view mode: ${t}`)},children:[n(G,{label:"List",value:ce.list,children:n(I,{svg:n(M.ListOutline,{})})}),n(G,{label:"Grid",value:ce.gallery,children:n(I,{svg:n(M.Grid,{})})})]})}function jl(e){const{driftRatio:t,primaryToCorpusRatio:a,clusterId:r,isSelected:i,onClick:l,onMouseEnter:o,onMouseLeave:d,metricName:c,primaryMetricValue:u,referenceMetricValue:h,hideReference:g}=e,{percentage:y,comparisonInferencesRole:f}=p.useMemo(()=>typeof a=="number"?{percentage:(a+1)/2*100,comparisonInferencesRole:K.corpus}:typeof t=="number"?{percentage:(t+1)/2*100,comparisonInferencesRole:K.reference}:{percentage:100,comparisonInferencesRole:null},[t,a]);return s("div",{css:m`
|
|
682
|
+
border: 1px solid var(--ac-global-border-color-light);
|
|
683
|
+
border-radius: var(--ac-global-rounding-medium);
|
|
684
|
+
overflow: hidden;
|
|
685
|
+
transition: background-color 0.2s ease-in-out;
|
|
686
|
+
cursor: pointer;
|
|
687
|
+
&:hover {
|
|
688
|
+
background-color: var(--ac-global-color-primary-700);
|
|
689
|
+
border-color: var(--ac-global-color-primary);
|
|
690
|
+
}
|
|
691
|
+
&.is-selected {
|
|
692
|
+
border-color: var(--ac-global-color-primary);
|
|
693
|
+
background-color: var(--ac-global-color-primary-700);
|
|
694
|
+
}
|
|
695
|
+
`,className:i?"is-selected":"",role:"button",onClick:l,onMouseEnter:o,onMouseLeave:d,children:[s("div",{css:m`
|
|
696
|
+
padding: var(--ac-global-dimension-static-size-100);
|
|
697
|
+
display: flex;
|
|
698
|
+
flex-direction: row;
|
|
699
|
+
justify-content: space-between;
|
|
700
|
+
align-items: center;
|
|
701
|
+
`,children:[n(D,{"data-testid":"cluster-description",direction:"column",gap:"size-50",alignItems:"start",children:s(D,{direction:"column",alignItems:"start",children:[n(V,{level:3,children:`Cluster ${r}`}),n(L,{color:"text-700",textSize:"small",children:`${e.numPoints} points`})]})}),s("div",{"data-testid":"cluster-metric",css:m`
|
|
702
|
+
display: flex;
|
|
703
|
+
flex-direction: column;
|
|
704
|
+
align-items: end;
|
|
705
|
+
`,children:[n(L,{color:"text-700",textSize:"small",children:c}),n(L,{color:"text-900",textSize:"medium",children:Ln(u)}),g?null:n(L,{color:"designationPurple",textSize:"small",children:Ln(h)})]})]}),n(ui,{primaryPercentage:y,comparisonInferencesRole:f})]})}function ui({primaryPercentage:e,comparisonInferencesRole:t}){return s("div",{"data-testid":"inferences-distribution",css:m`
|
|
706
|
+
display: flex;
|
|
707
|
+
flex-direction: row;
|
|
708
|
+
`,children:[n("div",{"data-testid":"primary-distribution",css:m`
|
|
709
|
+
background-image: linear-gradient(
|
|
710
|
+
to right,
|
|
711
|
+
var(--px-primary-color--transparent) 0%,
|
|
712
|
+
var(--px-primary-color)
|
|
713
|
+
);
|
|
714
|
+
height: var(--px-gradient-bar-height);
|
|
715
|
+
width: ${e}%;
|
|
716
|
+
`}),n("div",{"data-testid":"reference-distribution","data-reference-inferences-role":`${t??"none"}`,css:m`
|
|
717
|
+
&[data-reference-inferences-role="reference"] {
|
|
718
|
+
background-image: linear-gradient(
|
|
719
|
+
to right,
|
|
720
|
+
var(--px-reference-color) 0%,
|
|
721
|
+
var(--px-reference-color--transparent)
|
|
722
|
+
);
|
|
723
|
+
}
|
|
724
|
+
&[data-reference-inferences-role="corpus"] {
|
|
725
|
+
background-image: linear-gradient(
|
|
726
|
+
to right,
|
|
727
|
+
var(--px-corpus-color) 0%,
|
|
728
|
+
var(--px-corpus-color--transparent)
|
|
729
|
+
);
|
|
730
|
+
}
|
|
731
|
+
|
|
732
|
+
height: var(--px-gradient-bar-height);
|
|
733
|
+
width: ${100-e}%;
|
|
734
|
+
`})]})}const mi=s(X,{children:[n(V,{weight:"heavy",level:4,children:"UMAP N Neighbors"}),n(J,{children:n(L,{children:"This parameter controls how UMAP balances local versus global structure in the data. It does this by constraining the size of the local neighborhood UMAP will look at when attempting to learn the manifold structure of the data. This means that low values of n_neighbors will force UMAP to concentrate on very local structure (potentially to the detriment of the big picture), while large values will push UMAP to look at larger neighborhoods of each point when estimating the manifold structure of the data, losing fine detail structure for the sake of getting the broader of the data."})}),n("footer",{children:n(ke,{href:"https://umap-learn.readthedocs.io/en/latest/parameters.html#n-neighbors",children:"View UMAP documentation"})})]}),pi=s(X,{children:[n(V,{weight:"heavy",level:4,children:"UMAP Minimum Distance"}),n(J,{children:n(L,{children:"The min_dist parameter controls how tightly UMAP is allowed to pack points together. It, quite literally, provides the minimum distance apart that points are allowed to be in the low dimensional representation. This means that low values of min_dist will result in clumpier embeddings. This can be useful if you are interested in clustering, or in finer topological structure. Larger values of min_dist will prevent UMAP from packing points together and will focus on the preservation of the broad topological structure instead."})}),n("footer",{children:n(ke,{href:"https://umap-learn.readthedocs.io/en/latest/parameters.html#min-dist",children:"View UMAP documentation"})})]}),gi=s(X,{children:[n(V,{weight:"heavy",level:4,children:"Number of Samples"}),s(J,{children:[n(L,{elementType:"p",children:"Determines the number of samples from each inferences to use when projecting the point cloud using UMAP. This number is per-inferences so a value of 500 means that the point cloud will contain up to 1000 points."}),n("br",{}),n(L,{elementType:"p",children:"For best results keep this value low until you have identified a sample that you would like to analyze in more detail."})]})]});function ql(){const e=v(c=>c.umapParameters),t=v(c=>c.setUMAPParameters),{handleSubmit:a,control:r,setError:i,formState:{isDirty:l,isValid:o}}=Ze({reValidateMode:"onChange",defaultValues:e}),d=p.useCallback(c=>{const u=parseFloat(c.minDist);if(u<mn||u>pn){i("minDist",{message:`must be between ${mn} and ${pn}`});return}t({minDist:u,nNeighbors:parseInt(c.nNeighbors,10),nSamples:parseInt(c.nSamples,10)})},[t,i]);return n("section",{css:m`
|
|
735
|
+
& > .ac-form {
|
|
736
|
+
padding: var(--px-spacing-med) var(--px-spacing-med) 0
|
|
737
|
+
var(--px-spacing-med);
|
|
738
|
+
}
|
|
739
|
+
`,children:s(Ne,{onSubmit:a(d),children:[n(z,{name:"minDist",control:r,rules:{required:"field is required"},render:({field:{onChange:c,onBlur:u,value:h},fieldState:{invalid:g,error:y}})=>n(U,{label:"min distance",labelExtra:pi,type:"number",description:"how tightly to pack points",errorMessage:y==null?void 0:y.message,validationState:g?"invalid":"valid",onChange:f=>c(parseFloat(f)),onBlur:u,value:h.toString()})}),n(z,{name:"nNeighbors",control:r,rules:{required:"n neighbors is required",min:{value:dn,message:`greater than or equal to ${dn}`},max:{value:un,message:`less than or equal to ${un}`}},render:({field:c,fieldState:{invalid:u,error:h}})=>n(U,{label:"n neighbors",labelExtra:mi,type:"number",step:"0.01",description:"balances local versus global structure",errorMessage:h==null?void 0:h.message,validationState:u?"invalid":"valid",...c,value:c.value})}),n(z,{name:"nSamples",control:r,rules:{required:"n samples is required",max:{value:hn,message:`must be below ${hn}`},min:{value:gn,message:`must be above ${gn}`}},render:({field:{onChange:c,onBlur:u,value:h},fieldState:{invalid:g,error:y}})=>n(U,{label:"n samples",labelExtra:gi,defaultValue:"500",type:"number",description:"number of points to use per inferences",errorMessage:y==null?void 0:y.message,validationState:g?"invalid":"valid",onChange:f=>c(parseInt(f,10)),onBlur:u,value:h.toString()})}),n("div",{css:m`
|
|
740
|
+
display: flex;
|
|
741
|
+
flex-direction: row;
|
|
742
|
+
justify-content: flex-end;
|
|
743
|
+
margin-top: var(--px-spacing-med);
|
|
744
|
+
`,children:n(Z,{variant:l?"primary":"default",type:"submit",isDisabled:!o,css:m`
|
|
745
|
+
width: 100%;
|
|
746
|
+
`,children:"Apply UMAP Parameters"})})]})})}const Ge=2147483647,hi=s(X,{children:[n(V,{weight:"heavy",level:4,children:"Minimum Cluster Size"}),n(J,{children:n(L,{elementType:"p",children:"The primary parameter to effect the resulting clustering is min_cluster_size. Ideally this is a relatively intuitive parameter to select – set it to the smallest size grouping that you wish to consider a cluster."})}),n("footer",{children:n(ke,{href:"https://hdbscan.readthedocs.io/en/latest/parameter_selection.html#selecting-min-cluster-size",children:"View HDBSCAN documentation"})})]}),fi=s(X,{children:[n(V,{weight:"heavy",level:4,children:"Minimum Samples"}),n(J,{children:n(L,{elementType:"p",children:"The simplest intuition for what min_samples does is provide a measure of how conservative you want you clustering to be. The larger the value of min_samples you provide, the more conservative the clustering – more points will be declared as noise, and clusters will be restricted to progressively more dense areas."})}),n("footer",{children:n(ke,{href:"https://hdbscan.readthedocs.io/en/latest/parameter_selection.html#selecting-min-samples",children:"View HDBSCAN documentation"})})]}),yi=s(X,{children:[n(V,{weight:"heavy",level:4,children:"Cluster Selection Epsilon"}),n(J,{children:n(L,{elementType:"p",children:"In some cases, we want to choose a small min_cluster_size because even groups of few points might be of interest to us. However, if our data set also contains partitions with high concentrations of objects, this parameter setting can result in a large number of micro-clusters. Selecting a value for cluster_selection_epsilon helps us to merge clusters in these regions. Or in other words, it ensures that clusters below the given threshold are not split up any further."})}),n("footer",{children:n(ke,{href:"https://hdbscan.readthedocs.io/en/latest/parameter_selection.html#selecting-cluster-selection-epsilon",children:"View HDBSCAN documentation"})})]});function Zl(){const e=v(u=>u.hdbscanParameters),t=v(u=>u.setHDBSCANParameters),a=v(u=>u.clustersLoading),{control:r,handleSubmit:i,formState:{isDirty:l,isValid:o},reset:d}=Ze({defaultValues:e}),c=p.useCallback(u=>{const h={minClusterSize:parseInt(u.minClusterSize,10),clusterMinSamples:parseInt(u.clusterMinSamples,10),clusterSelectionEpsilon:parseFloat(u.clusterSelectionEpsilon)};t(h),d(h)},[t,d]);return n("section",{css:m`
|
|
747
|
+
& > .ac-form {
|
|
748
|
+
padding: var(--px-spacing-med) var(--px-spacing-med) 0
|
|
749
|
+
var(--px-spacing-med);
|
|
750
|
+
}
|
|
751
|
+
`,children:s(Ne,{onSubmit:i(c),children:[n(z,{name:"minClusterSize",control:r,rules:{required:"field is required",min:{value:Da,message:"must be greater than 1"},max:{value:Ge,message:"must be less than 2,147,483,647"}},render:({field:{onChange:u,onBlur:h,value:g},fieldState:{invalid:y,error:f}})=>n(U,{label:"min cluster size",labelExtra:hi,type:"number",description:"the smallest size for a cluster",errorMessage:f==null?void 0:f.message,validationState:y?"invalid":"valid",onChange:k=>u(parseInt(k,10)),onBlur:h,value:g.toString()})}),n(z,{name:"clusterMinSamples",control:r,rules:{required:"field is required",min:{value:fn,message:`must be greater than ${fn}`},max:{value:Ge,message:"must be less than 2,147,483,647"}},render:({field:{onBlur:u,onChange:h,value:g},fieldState:{invalid:y,error:f}})=>n(U,{label:"cluster minimum samples",labelExtra:fi,type:"number",description:"determines if a point is a core point",errorMessage:f==null?void 0:f.message,validationState:y?"invalid":"valid",onChange:k=>h(parseInt(k,10)),onBlur:u,value:g.toString()})}),n(z,{name:"clusterSelectionEpsilon",control:r,rules:{required:"field is required",min:{value:0,message:"must be a non-negative number"},max:{value:Ge,message:"must be less than 2,147,483,647"}},render:({field:{onBlur:u,onChange:h,value:g},fieldState:{invalid:y,error:f}})=>n(U,{label:"cluster selection epsilon",labelExtra:yi,type:"number",description:"A distance threshold",errorMessage:f==null?void 0:f.message,validationState:y?"invalid":"valid",onChange:k=>h(parseInt(k,10)),onBlur:u,value:g.toString()})}),n("div",{css:m`
|
|
752
|
+
display: flex;
|
|
753
|
+
flex-direction: row;
|
|
754
|
+
justify-content: flex-end;
|
|
755
|
+
margin-top: var(--px-spacing-med);
|
|
756
|
+
`,children:n(Z,{variant:l?"primary":"default",type:"submit",isDisabled:!o,loading:a,css:m`
|
|
757
|
+
width: 100%;
|
|
758
|
+
`,children:a?"Applying parameters":"Apply Clustering Config"})})]})})}const Wl=m`
|
|
759
|
+
transition: 250ms linear all;
|
|
760
|
+
background-color: var(--ac-global-color-grey-200);
|
|
761
|
+
display: flex;
|
|
762
|
+
align-items: center;
|
|
763
|
+
justify-content: center;
|
|
764
|
+
gap: 1.8px;
|
|
765
|
+
--px-resize-handle-size: 8px;
|
|
766
|
+
--px-resize-icon-width: 24px;
|
|
767
|
+
--px-resize-icon-height: 2px;
|
|
768
|
+
outline: none;
|
|
769
|
+
&[data-panel-group-direction="vertical"] {
|
|
770
|
+
height: var(--px-resize-handle-size);
|
|
771
|
+
flex-direction: column;
|
|
772
|
+
&:before,
|
|
773
|
+
&:after {
|
|
774
|
+
width: var(--px-resize-icon-width);
|
|
775
|
+
height: var(--px-resize-icon-height);
|
|
776
|
+
}
|
|
777
|
+
}
|
|
778
|
+
&[data-panel-group-direction="horizontal"] {
|
|
779
|
+
width: var(--px-resize-handle-size);
|
|
780
|
+
flex-direction: row;
|
|
781
|
+
&:before,
|
|
782
|
+
&:after {
|
|
783
|
+
width: var(--px-resize-icon-height);
|
|
784
|
+
height: var(--px-resize-icon-width);
|
|
785
|
+
}
|
|
786
|
+
}
|
|
787
|
+
|
|
788
|
+
&:hover {
|
|
789
|
+
background-color: var(--ac-global-color-grey-300);
|
|
790
|
+
border-radius: 4px;
|
|
791
|
+
&:before,
|
|
792
|
+
&:after {
|
|
793
|
+
background-color: var(--ac-global-color-primary);
|
|
794
|
+
}
|
|
795
|
+
}
|
|
796
|
+
|
|
797
|
+
&:before,
|
|
798
|
+
&:after {
|
|
799
|
+
content: "";
|
|
800
|
+
color: var(--color-solid-resize-bar);
|
|
801
|
+
flex: 0 0 1rem;
|
|
802
|
+
border-radius: 6px;
|
|
803
|
+
background-color: var(--ac-global-color-grey-300);
|
|
804
|
+
flex: none;
|
|
805
|
+
}
|
|
806
|
+
`,Jl=e=>m`
|
|
807
|
+
transition: 250ms linear all;
|
|
808
|
+
background-color: var(--ac-global-color-grey-200);
|
|
809
|
+
--px-resize-handle-size: 4px;
|
|
810
|
+
outline: none;
|
|
811
|
+
&[data-panel-group-direction="vertical"] {
|
|
812
|
+
height: var(--px-resize-handle-size);
|
|
813
|
+
}
|
|
814
|
+
&[data-panel-group-direction="horizontal"] {
|
|
815
|
+
width: var(--px-resize-handle-size);
|
|
816
|
+
}
|
|
817
|
+
|
|
818
|
+
&:hover {
|
|
819
|
+
background-color: ${e.colors.arizeLightBlue};
|
|
820
|
+
}
|
|
821
|
+
`;function Xl(e){return n("div",{css:m`
|
|
822
|
+
background-color: var(--ac-global-color-grey-200);
|
|
823
|
+
border: 1px solid var(--ac-global-color-grey-300);
|
|
824
|
+
padding: var(--px-spacing-med);
|
|
825
|
+
border-radius: var(--ac-global-rounding-medium);
|
|
826
|
+
display: flex;
|
|
827
|
+
flex-direction: column;
|
|
828
|
+
gap: var(--px-spacing-sm);
|
|
829
|
+
min-width: 200px;
|
|
830
|
+
`,children:e.children})}function Yl(e){return s("div",{css:m`
|
|
831
|
+
display: flex;
|
|
832
|
+
flex-direction: row;
|
|
833
|
+
justify-content: space-between;
|
|
834
|
+
`,children:[s("div",{css:m`
|
|
835
|
+
display: flex;
|
|
836
|
+
flex-direction: row;
|
|
837
|
+
gap: var(--px-spacing-med);
|
|
838
|
+
align-items: center;
|
|
839
|
+
`,children:[n(bi,{color:e.color,shape:e.shape??"line"}),n(L,{children:e.name})]}),n(L,{children:e.value})]})}function eo(){return n("div",{css:m`
|
|
840
|
+
height: 1px;
|
|
841
|
+
background-color: var(--ac-global-color-grey-300);
|
|
842
|
+
width: 100%;
|
|
843
|
+
`})}const vi=e=>{if(e==="line")return m`
|
|
844
|
+
width: 8px;
|
|
845
|
+
height: 2px;
|
|
846
|
+
`;if(e==="circle")return m`
|
|
847
|
+
width: 8px;
|
|
848
|
+
height: 8px;
|
|
849
|
+
border-radius: 50%;
|
|
850
|
+
`;if(e==="square")return m`
|
|
851
|
+
width: 8px;
|
|
852
|
+
height: 8px;
|
|
853
|
+
`};function bi({color:e,shape:t="line"}){return n("div",{css:m(vi(t),m`
|
|
854
|
+
background-color: ${e};
|
|
855
|
+
flex: none;
|
|
856
|
+
`)})}const no={dataKey:"timestamp",stroke:"var(--ac-global-colo-grey-400)",style:{fill:"var(--ac-global-text-color-700)"},scale:"time",type:"number",domain:["auto","auto"],padding:"gap"},to={stroke:"var(--ac-global-color-grey-900)",label:{value:"▼",position:"top",style:{fill:"#fabe32",fontSize:Rn.typography.sizes.small.fontSize}}},ao={cursor:{fill:"var(--ac-global-color-grey-300)"}},ve=60,be=ve*24,Be=2*be;function ro(e){const{start:t,end:a}=e,r=Math.floor((a.valueOf()-t.valueOf())/1e3/60/60);return r<=1?{evaluationWindowMinutes:1,samplingIntervalMinutes:1}:r<=24?{evaluationWindowMinutes:ve,samplingIntervalMinutes:ve}:{evaluationWindowMinutes:be,samplingIntervalMinutes:be}}function io(e){const{start:t,end:a}=e,r=Math.floor((a.valueOf()-t.valueOf())/1e3/60/60);return r<=1?{evaluationWindowMinutes:Be,samplingIntervalMinutes:1}:r<=24?{evaluationWindowMinutes:Be,samplingIntervalMinutes:ve}:{evaluationWindowMinutes:Be,samplingIntervalMinutes:be}}function Li(e){let t;return e<ve?t="%H:%M %p":e<be?t="%x %H:%M %p":t="%-m/%-d",t}function lo(e){const t=e.samplingIntervalMinutes;return p.useMemo(()=>Ee(Li(t)),[t])}const ki=Object.freeze({blue100:"#A4C7E0",blue200:"#7EB0D2",blue300:"#5899C5",blue400:"#3C80AE",blue500:"#2F6488",orange100:"#FECC95",orange200:"#FDB462",orange300:"#FC9C31",orange400:"#F78403",orange500:"#C46903",purple100:"#BEBADA",purple200:"#9E98C8",purple300:"#7F77B6",purple400:"#6157A3",purple500:"#4D4581",pink100:"#FCCDE5",pink200:"#F99FCD",pink300:"#F66FB4",pink400:"#F33F9B",pink500:"#F10E82",gray100:"#f0f0f0",gray200:"#d9d9d9",gray300:"#bdbdbd",gray400:"#969696",gray500:"#737373",gray600:"#525252",gray700:"#252525",default:"#ffffff",primary:"#9efcfd",reference:"#baa1f9"}),Ci=Object.freeze({default:"#000000",blue100:"#2F6488",blue200:"#3C80AE",blue300:"#5899C5",blue400:"#7EB0D2",blue500:"#A4C7E0",orange100:"#C46903",orange200:"#F78403",orange300:"#FC9C31",orange400:"#FDB462",orange500:"#FECC95",purple100:"#4D4581",purple200:"#6157A3",purple300:"#7F77B6",purple400:"#9E98C8",purple500:"#BEBADA",pink100:"#F10E82",pink200:"#F33F9B",pink300:"#F66FB4",pink400:"#F99FCD",pink500:"#FCCDE5",gray100:"#252525",gray200:"#525252",gray300:"#737373",gray400:"#969696",gray500:"#bdbdbd",gray600:"#d9d9d9",gray700:"#f0f0f0",primary:"#00add0",reference:"#4500d9"}),oo=()=>{const{theme:e}=Q();return p.useMemo(()=>e==="dark"?ki:Ci,[e])};function so(e){switch(e.__typename){case"NominalBin":return e.name;case"IntervalBin":return`${He(e.range.start)} - ${He(e.range.end)}`;case"MissingValueBin":return"(empty)";case"%other":throw new Error("Unexpected bin type %other");default:F()}}function Si(e){return typeof e=="string"&&e in se}function co(e){return s(_e,{defaultValue:e.size,variant:"inline-button",onChange:t=>{if(Si(t))e.onChange(t);else throw new Error(`Unknown grid size: ${t}`)},children:[n(G,{label:"Small",value:se.small,children:"S"}),n(G,{label:"Medium",value:se.medium,children:"M"}),n(G,{label:"Large",value:se.large,children:"L"})]})}function uo(e){const{message:t,...a}=e;return n("div",{css:m`
|
|
857
|
+
width: 100%;
|
|
858
|
+
display: flex;
|
|
859
|
+
justify-content: center;
|
|
860
|
+
`,children:s("div",{css:r=>m`
|
|
861
|
+
margin: ${r.spacing.margin24}px;
|
|
862
|
+
display: flex;
|
|
863
|
+
flex-direction: column;
|
|
864
|
+
align-items: center;
|
|
865
|
+
`,children:[n(ma,{...a}),t&&n(L,{children:t})]})})}const xi=e=>p.useMemo(()=>{const a=e.charCodeAt(0);return Pn(a%26/26)},[e]);function wi({annotationName:e}){const t=xi(e);return n("span",{css:m`
|
|
866
|
+
background-color: ${t};
|
|
867
|
+
display: inline-block;
|
|
868
|
+
width: 0.6rem;
|
|
869
|
+
height: 0.6rem;
|
|
870
|
+
border-radius: 2px;
|
|
871
|
+
`})}const Mi=m`
|
|
872
|
+
border-radius: var(--ac-global-dimension-size-50);
|
|
873
|
+
border: 1px solid var(--ac-global-color-grey-400);
|
|
874
|
+
padding: var(--ac-global-dimension-size-50)
|
|
875
|
+
var(--ac-global-dimension-size-100);
|
|
876
|
+
transition: background-color 0.2s;
|
|
877
|
+
&:hover {
|
|
878
|
+
background-color: var(--ac-global-color-grey-300);
|
|
879
|
+
}
|
|
880
|
+
.ac-icon-wrap {
|
|
881
|
+
font-size: 12px;
|
|
882
|
+
}
|
|
883
|
+
`,In=m`
|
|
884
|
+
display: flex;
|
|
885
|
+
align-items: center;
|
|
886
|
+
.ac-text {
|
|
887
|
+
display: inline-block;
|
|
888
|
+
max-width: 9rem;
|
|
889
|
+
white-space: nowrap;
|
|
890
|
+
overflow: hidden;
|
|
891
|
+
text-overflow: ellipsis;
|
|
892
|
+
}
|
|
893
|
+
`,Ti=(e,t)=>{switch(t){case"label":return e.label||typeof e.score=="number"&&ue(e.score)||"n/a";case"score":return typeof e.score=="number"&&ue(e.score)||e.label||"n/a";default:F()}};function mo({annotation:e,onClick:t,annotationDisplayPreference:a="score"}){const r=typeof t=="function",i=Ti(e,a);return n("div",{role:r?"button":void 0,css:m(Mi,r&&"cursor: pointer;"),"aria-label":r?"Click to view the annotation trace":`Annotation: ${e.name}`,onClick:l=>{l.stopPropagation(),l.preventDefault(),t&&t()},children:s(D,{direction:"row",gap:"size-100",alignItems:"center",children:[n(wi,{annotationName:e.name}),n("div",{css:In,children:n(L,{weight:"heavy",textSize:"small",color:"inherit",children:e.name})}),n("div",{css:m(In,m`
|
|
894
|
+
margin-left: var(--ac-global-dimension-100);
|
|
895
|
+
`),children:n(L,{textSize:"small",children:i})}),r?n(I,{svg:n(M.ArrowIosForwardOutline,{})}):null]})})}function po({annotation:e,children:t,extra:a}){return s(A,{delay:500,offset:3,children:[n(j,{children:t}),s(pa,{children:[n(L,{weight:"heavy",color:"inherit",textSize:"large",elementType:"h3",children:e.name}),s($,{paddingTop:"size-50",minWidth:"150px",children:[s(D,{direction:"row",justifyContent:"space-between",children:[n(L,{weight:"heavy",color:"inherit",children:"score"}),n(L,{color:"inherit",children:ot(e.score)})]}),s(D,{direction:"row",justifyContent:"space-between",children:[n(L,{weight:"heavy",color:"inherit",children:"label"}),n(L,{color:"inherit",children:e.label||"--"})]}),s(D,{direction:"row",justifyContent:"space-between",children:[n(L,{weight:"heavy",color:"inherit",children:"kind"}),n(L,{color:"inherit",children:e.annotatorKind})]})]}),e.explanation?n($,{paddingTop:"size-50",children:s(D,{direction:"column",children:[n(L,{weight:"heavy",color:"inherit",children:"explanation"}),n($,{maxHeight:"300px",overflow:"auto",children:n(L,{color:"inherit",children:e.explanation})})]})}):null,a]})]})}function Ii({latencyMs:e,textSize:t="medium"}){const a=p.useMemo(()=>e<3e3?"green-1200":e<8e3?"yellow-1200":e<12e3?"orange-1200":"red-1200",[e]),r=p.useMemo(()=>e<10?ue(e)+"ms":ue(e/1e3)+"s",[e]);return s(D,{direction:"row",alignItems:"center",justifyContent:"start",gap:"size-50",children:[n(L,{color:a,textSize:t,children:n(I,{svg:n(M.ClockOutline,{})})}),n(L,{color:a,textSize:t,children:r})]})}function Di(e){switch(e){case"OK":return"success";case"ERROR":return"danger";case"UNSET":return"grey-500";default:F()}}function Ei({statusCode:e}){let t=n(M.MinusCircleOutline,{});const a=Di(e);switch(e){case"OK":t=n(M.CheckmarkCircleOutline,{});break;case"ERROR":t=n(M.AlertCircleOutline,{});break;case"UNSET":t=n(M.MinusCircleOutline,{});break;default:F()}return n(I,{svg:t,color:a,"aria-label":e})}function Fi(e){return s(A,{children:[n(j,{children:n(Qe,{textSize:e.textSize,children:e.tokenCountTotal})}),n(q,{children:s(D,{direction:"column",gap:"size-50",children:[s(D,{direction:"row",gap:"size-100",justifyContent:"space-between",children:["prompt tokens",n(Qe,{children:e.tokenCountPrompt})]}),s(D,{direction:"row",gap:"size-100",justifyContent:"space-between",children:["completion tokens",n(Qe,{children:e.tokenCountCompletion})]})]})})]})}function Qe({children:e,...t}){return s(D,{direction:"row",gap:"size-50",alignItems:"center",children:[n(I,{svg:n(M.TokensOutline,{}),css:m`
|
|
896
|
+
color: var(--ac-global-text-color-900);
|
|
897
|
+
`}),n(L,{...t,children:e})]})}const Pi=()=>s("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("rect",{x:"0.5",y:"0.5",width:"19",height:"19",rx:"3.5",stroke:"currentColor",strokeOpacity:"0.9"}),n("mask",{id:"path-2-inside-1_33_16916",fill:"currentColor",children:n("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 8C13 8.64491 12.8779 9.2613 12.6556 9.82732L17.1924 14.3641L14.364 17.1926L9.82706 12.6557C9.26111 12.8779 8.64481 13 8 13C5.23858 13 3 10.7614 3 8C3 7.13361 3.22036 6.31869 3.60809 5.60822L6 8L7.5 7.50016L8 6.00016L5.60803 3.60819C6.31854 3.2204 7.13353 3 8 3C10.7614 3 13 5.23858 13 8Z"})}),n("path",{d:"M12.6556 9.82732L11.7248 9.46171L11.4853 10.0713L11.9485 10.5344L12.6556 9.82732ZM17.1924 14.3641L17.8995 15.0713L18.6066 14.3641L17.8995 13.657L17.1924 14.3641ZM14.364 17.1926L13.6569 17.8997L14.364 18.6068L15.0711 17.8997L14.364 17.1926ZM9.82706 12.6557L10.5342 11.9486L10.0711 11.4855L9.4615 11.7249L9.82706 12.6557ZM3.60809 5.60822L4.31518 4.90109L3.37037 3.95634L2.7303 5.12917L3.60809 5.60822ZM6 8L5.29291 8.70713L5.72988 9.14407L6.31613 8.94871L6 8ZM7.5 7.50016L7.81614 8.44888L8.29055 8.29079L8.44869 7.81639L7.5 7.50016ZM8 6.00016L8.94869 6.31639L9.14413 5.73007L8.70711 5.29306L8 6.00016ZM5.60803 3.60819L5.12895 2.73042L3.95616 3.37053L4.90093 4.3153L5.60803 3.60819ZM13.5863 10.1929C13.8537 9.51235 14 8.77206 14 8H12C12 8.51776 11.9021 9.01026 11.7248 9.46171L13.5863 10.1929ZM17.8995 13.657L13.3627 9.12022L11.9485 10.5344L16.4853 15.0713L17.8995 13.657ZM15.0711 17.8997L17.8995 15.0713L16.4853 13.657L13.6569 16.4855L15.0711 17.8997ZM9.11995 13.3628L13.6569 17.8997L15.0711 16.4855L10.5342 11.9486L9.11995 13.3628ZM8 14C8.77194 14 9.51211 13.8537 10.1926 13.5865L9.4615 11.7249C9.0101 11.9022 8.51768 12 8 12V14ZM2 8C2 11.3137 4.68629 14 8 14V12C5.79086 12 4 10.2091 4 8H2ZM2.7303 5.12917C2.2644 5.98288 2 6.96206 2 8H4C4 7.30516 4.17633 6.65449 4.48588 6.08727L2.7303 5.12917ZM6.70709 7.29287L4.31518 4.90109L2.901 6.31535L5.29291 8.70713L6.70709 7.29287ZM7.18387 6.55145L5.68387 7.05129L6.31613 8.94871L7.81614 8.44888L7.18387 6.55145ZM7.05132 5.68394L6.55132 7.18394L8.44869 7.81639L8.94869 6.31639L7.05132 5.68394ZM4.90093 4.3153L7.2929 6.70727L8.70711 5.29306L6.31514 2.90109L4.90093 4.3153ZM8 2C6.96197 2 5.98271 2.26444 5.12895 2.73042L6.08712 4.48596C6.65437 4.17636 7.3051 4 8 4V2ZM14 8C14 4.68629 11.3137 2 8 2V4C10.2091 4 12 5.79086 12 8H14Z",fill:"currentColor",fillOpacity:"0.9",mask:"url(#path-2-inside-1_33_16916)"})]}),_i=()=>s("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("rect",{x:"0.5",y:"0.5",width:"19",height:"19",rx:"3.5",stroke:"currentColor",strokeOpacity:"0.9"}),n("path",{d:"M4.43782 6.78868L10 3.57735L15.5622 6.78868V13.2113L10 16.4226L4.43782 13.2113V6.78868Z",stroke:"currentColor",strokeOpacity:"0.9"})]}),Ni=()=>s("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("rect",{x:"0.5",y:"0.5",width:"19",height:"19",rx:"3.5",stroke:"currentColor",strokeOpacity:"0.9"}),n("path",{d:"M5 16C5 16 5 11 10 11C15 11 15 16 15 16",stroke:"currentColor",strokeOpacity:"0.9"}),n("rect",{x:"6.5",y:"4.5",width:"7",height:"5",rx:"0.5",stroke:"currentColor",strokeOpacity:"0.9"})]}),Vi=()=>s("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("rect",{x:"0.5",y:"0.5",width:"19",height:"19",rx:"3.5",stroke:"currentColor",strokeOpacity:"0.9"}),n("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 6C10 7.10457 9.10457 8 8 8C6.89543 8 6 7.10457 6 6C6 4.89543 6.89543 4 8 4C9.10457 4 10 4.89543 10 6ZM10.0558 8.18487C9.51887 8.6903 8.7956 9 8 9C7.91155 9 7.824 8.99617 7.7375 8.98867L7.10304 11.2093C8.21409 11.6488 9 12.7326 9 14C9 15.6569 7.65685 17 6 17C4.34315 17 3 15.6569 3 14C3 12.3431 4.34315 11 6 11C6.0409 11 6.08161 11.0008 6.12212 11.0024L6.76944 8.73682C5.72625 8.26703 5 7.21833 5 6C5 4.34315 6.34315 3 8 3C9.65685 3 11 4.34315 11 6C11 6.50075 10.8773 6.97285 10.6604 7.38788L12.1873 8.6094C12.6908 8.22697 13.3189 8 14 8C15.6569 8 17 9.34315 17 11C17 12.6569 15.6569 14 14 14C12.3431 14 11 12.6569 11 11C11 10.3864 11.1842 9.81579 11.5004 9.34053L10.0558 8.18487ZM16 11C16 12.1046 15.1046 13 14 13C12.8954 13 12 12.1046 12 11C12 9.89543 12.8954 9 14 9C15.1046 9 16 9.89543 16 11ZM6 16C7.10457 16 8 15.1046 8 14C8 12.8954 7.10457 12 6 12C4.89543 12 4 12.8954 4 14C4 15.1046 4.89543 16 6 16Z",fill:"currentColor",fillOpacity:"0.9"})]}),Ri=()=>s("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("rect",{x:"0.5",y:"0.5",width:"19",height:"19",rx:"3.5",stroke:"currentColor",strokeOpacity:"0.9"}),n("path",{d:"M14.65 6.5C14.65 6.98637 14.2466 7.52091 13.379 7.95472C12.5323 8.37806 11.3382 8.65 10 8.65C8.66184 8.65 7.46767 8.37806 6.62099 7.95472C5.75338 7.52091 5.35 6.98637 5.35 6.5C5.35 6.01363 5.75338 5.47909 6.62099 5.04528C7.46767 4.62194 8.66184 4.35 10 4.35C11.3382 4.35 12.5323 4.62194 13.379 5.04528C14.2466 5.47909 14.65 6.01363 14.65 6.5Z",stroke:"currentColor",strokeOpacity:"0.9",strokeWidth:"0.7"}),n("path",{d:"M14.6875 6.83482V9.62479C14.6875 9.62479 13.0769 11.1873 10 11.1873C6.92308 11.1873 5.3125 9.62479 5.3125 9.62479V6.7437",stroke:"currentColor",strokeOpacity:"0.9",strokeWidth:"0.7"}),n("path",{d:"M14.6875 9.625V12.125C14.6875 12.125 13.0769 13.6875 10 13.6875C6.92308 13.6875 5.3125 12.125 5.3125 12.125V9.625",stroke:"currentColor",strokeOpacity:"0.9",strokeWidth:"0.7"}),n("path",{d:"M14.6875 12.125V14.625C14.6875 14.625 13.0769 16.1875 10 16.1875C6.92308 16.1875 5.3125 14.625 5.3125 14.625V12.125",stroke:"currentColor",strokeOpacity:"0.9",strokeWidth:"0.7"})]}),Oi=()=>s("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("rect",{x:"0.5",y:"0.5",width:"19",height:"19",rx:"3.5",stroke:"currentColor"}),n("path",{d:"M4.5359 10L8 4L11.4641 10H4.5359Z",stroke:"currentColor"}),n("path",{d:"M8.5359 10L12 16L15.4641 10H8.5359Z",stroke:"currentColor"})]}),Ki=()=>s("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("rect",{x:"0.5",y:"0.5",width:"19",height:"19",rx:"3.5",stroke:"currentColor",strokeOpacity:"0.9"}),n("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 15C12.7614 15 15 12.7614 15 10C15 7.23858 12.7614 5 10 5C7.23858 5 5 7.23858 5 10C5 12.7614 7.23858 15 10 15ZM10 16C13.3137 16 16 13.3137 16 10C16 6.68629 13.3137 4 10 4C6.68629 4 4 6.68629 4 10C4 13.3137 6.68629 16 10 16Z",fill:"currentColor",fillOpacity:"0.9"})]}),Ai=()=>n("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n("rect",{x:"0.5",y:"0.5",width:"19",height:"19",rx:"3.5",stroke:"currentColor",strokeOpacity:"0.9"})}),zi=()=>s("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("rect",{x:"0.5",y:"0.5",width:"19",height:"19",rx:"3.5",stroke:"currentColor"}),n("path",{d:"M14.4254 5.58523L15.744 6.87427L15.7249 6.89333L15.7043 6.91394L15.6837 6.93453L15.6631 6.95509L15.6425 6.97562L15.622 6.99612L15.6015 7.01659L15.581 7.03703L15.5606 7.05745L15.5402 7.07783L15.5198 7.09819L15.4995 7.11852L15.4791 7.13882L15.4588 7.15909L15.4386 7.17934L15.4183 7.19956L15.3981 7.21974L15.3779 7.23991L15.3578 7.26004L15.3377 7.28015L15.3176 7.30022L15.2975 7.32028L15.2774 7.3403L15.2574 7.3603L15.2374 7.38027L15.2175 7.40021L15.1975 7.42013L15.1776 7.44002L15.1577 7.45988L15.1379 7.47972L15.118 7.49953L15.0982 7.51931L15.0784 7.53907L15.0587 7.5588L15.0389 7.57851L15.0192 7.59819L14.9996 7.61785L14.9799 7.63748L14.9603 7.65708L14.9407 7.67666L14.9211 7.69621L14.9016 7.71574L14.882 7.73524L14.8625 7.75472L14.8431 7.77417L14.8236 7.7936L14.8042 7.81301L14.7848 7.83239L14.7654 7.85174L14.746 7.87107L14.7267 7.89038L14.7074 7.90966L14.6881 7.92892L14.6689 7.94815L14.6496 7.96736L14.6304 7.98655L14.6113 8.00571L14.5921 8.02485L14.573 8.04397L14.5538 8.06306L14.5347 8.08213L14.5157 8.10118L14.4966 8.1202L14.4776 8.1392L14.4586 8.15818L14.4396 8.17714L14.4207 8.19607L14.4017 8.21498L14.3828 8.23387L14.3639 8.25274L14.3451 8.27158L14.3262 8.2904L14.3074 8.3092L14.2886 8.32798L14.2698 8.34674L14.2511 8.36547L14.2323 8.38418L14.2136 8.40288L14.1949 8.42155L14.1763 8.4402L14.1576 8.45883L14.139 8.47743L14.1204 8.49602L14.1018 8.51459L14.0832 8.53313L14.0647 8.55166L14.0462 8.57016L14.0277 8.58864L14.0092 8.60711L13.9907 8.62555L13.9723 8.64397L13.9538 8.66238L13.9354 8.68076L13.917 8.69913L13.8987 8.71747L13.8803 8.73579L13.862 8.7541L13.8437 8.77239L13.8254 8.79065L13.8071 8.8089L13.7889 8.82713L13.7707 8.84534L13.7524 8.86353L13.7343 8.8817L13.7161 8.89986L13.6979 8.91799L13.6798 8.93611L13.6617 8.95421L13.6436 8.97229L13.6255 8.99036L13.6074 9.0084L13.5894 9.02643L13.5713 9.04444L13.5533 9.06243L13.5353 9.0804L13.5173 9.09836L13.4994 9.1163L13.4814 9.13422L13.4635 9.15213L13.4456 9.17002L13.4277 9.18789L13.4098 9.20574L13.392 9.22358L13.3741 9.2414L13.3563 9.25921L13.3385 9.277L13.3207 9.29477L13.3029 9.31253L13.2852 9.33027L13.2674 9.34799L13.2497 9.3657L13.232 9.38339L13.2143 9.40107L13.1966 9.41873L13.1789 9.43638L13.1613 9.45401L13.1436 9.47163L13.126 9.48923L13.1084 9.50681L13.0908 9.52438L13.0733 9.54194L13.0557 9.55948L13.0381 9.57701L13.0206 9.59452L13.0031 9.61202L12.9856 9.6295L12.9681 9.64697L12.9506 9.66443L12.9332 9.68187L12.9157 9.6993L12.8983 9.71671L12.8809 9.73412L12.8634 9.7515L12.8461 9.76888L12.8287 9.78624L12.8113 9.80358L12.794 9.82092L12.7766 9.83824L12.7593 9.85555L12.742 9.87284L12.7247 9.89013L12.7074 9.9074L12.6901 9.92466L12.6728 9.9419L12.6556 9.95913L12.6383 9.97636L12.6211 9.99356L12.6039 10.0108L12.5867 10.0279L12.5695 10.0451L12.5523 10.0623L12.5351 10.0794L12.518 10.0966L12.5008 10.1137L12.4837 10.1308L12.4666 10.1479L12.4495 10.165L12.4324 10.1821L12.4153 10.1992L12.3982 10.2162L12.3811 10.2333L12.364 10.2503L12.347 10.2674L12.33 10.2844L12.3129 10.3014L12.2959 10.3184L12.2789 10.3354L12.2619 10.3524L12.2449 10.3693L12.2279 10.3863L12.211 10.4032L12.194 10.4202L12.177 10.4371L12.1601 10.454L12.1432 10.471L12.1262 10.4879L12.1093 10.5048L12.0924 10.5216L12.0755 10.5385L12.0586 10.5554L12.0417 10.5723L12.0249 10.5891L12.008 10.606L11.9911 10.6228L11.9743 10.6396L11.9575 10.6565L11.9406 10.6733L11.9238 10.6901L11.907 10.7069L11.8902 10.7237L11.8734 10.7404L11.8566 10.7572L11.8398 10.774L11.823 10.7907L11.8062 10.8075L11.7895 10.8243L11.7727 10.841L11.7559 10.8577L11.7392 10.8745L11.7225 10.8912L11.7057 10.9079L11.689 10.9246L11.6723 10.9413L11.6556 10.958L11.6389 10.9747L11.6221 10.9914L11.6054 11.0081L11.5888 11.0247L11.5721 11.0414L11.5554 11.0581L11.5387 11.0747L11.522 11.0914L11.5054 11.108L11.4887 11.1247L11.4721 11.1413L11.4554 11.1579L11.4388 11.1746L11.4221 11.1912L11.4055 11.2078L11.3888 11.2244L11.3722 11.241L11.3556 11.2576L11.339 11.2742L11.3224 11.2908L11.3057 11.3074L11.2891 11.324L11.2725 11.3406L11.2559 11.3572L11.2393 11.3738L11.2227 11.3903L11.2061 11.4069L11.1895 11.4235L11.173 11.44L11.1564 11.4566L11.1398 11.4732L11.1232 11.4897L11.1066 11.5063L11.0901 11.5228L11.0735 11.5394L11.0569 11.5559L11.0404 11.5725L11.0238 11.589L11.0072 11.6056L10.9907 11.6221L10.9741 11.6386L10.9576 11.6552L10.941 11.6717L10.9245 11.6883L10.9079 11.7048L10.8914 11.7213L10.8748 11.7378L10.8583 11.7544L10.8417 11.7709L10.8252 11.7874L10.8086 11.804L10.7921 11.8205L10.7755 11.837L10.759 11.8535L10.7424 11.8701L10.7259 11.8866L10.7094 11.9031L10.6928 11.9196L10.6763 11.9362L10.6597 11.9527L10.6432 11.9692L10.6266 11.9857L10.6101 12.0023L10.5935 12.0188L10.577 12.0353L10.5604 12.0519L10.5439 12.0684L10.5273 12.0849L10.5108 12.1015L10.4942 12.118L10.4777 12.1345L10.4611 12.1511L10.4446 12.1676L10.428 12.1841L10.4114 12.2007L10.3949 12.2172L10.3783 12.2338L10.3618 12.2503L10.3452 12.2669L10.3286 12.2834L10.312 12.3L10.2955 12.3165L10.2789 12.3331L10.2623 12.3497L10.2457 12.3662L10.2291 12.3828L10.2125 12.3994L10.1959 12.4159L10.1793 12.4325L10.1627 12.4491L10.1461 12.4657L10.1295 12.4823L10.1129 12.4989L10.0963 12.5155L10.0797 12.5321L10.0631 12.5487L10.0464 12.5653L10.0298 12.5819L10.0132 12.5985L9.99652 12.6151L9.97987 12.6318L9.96322 12.6484L9.94657 12.665L9.92991 12.6817L9.91324 12.6983L9.89657 12.715L9.87989 12.7316L9.86321 12.7483L9.84653 12.7649L9.82984 12.7816L9.81314 12.7983L9.79644 12.815L9.77973 12.8317L9.76301 12.8484L9.74629 12.8651L9.72957 12.8818L9.71283 12.8985L9.69609 12.9152L9.67935 12.9319L9.6626 12.9487L9.64584 12.9654L9.62907 12.9822L9.6123 12.9989L9.59552 13.0157L9.57873 13.0324L9.56194 13.0492L9.54514 13.066L9.52833 13.0828L9.51151 13.0996L9.49469 13.1164L9.47786 13.1332L9.46102 13.15L9.44417 13.1668L9.42732 13.1837L9.41045 13.2005L9.39358 13.2174L9.3767 13.2342L9.35981 13.2511L9.34292 13.268L9.32601 13.2849L9.3091 13.3018L9.29217 13.3187L9.27524 13.3356L9.2583 13.3525L9.24135 13.3694L9.22439 13.3864L9.20742 13.4033L9.19044 13.4203L9.17345 13.4372L9.15645 13.4542L9.13945 13.4712L9.12243 13.4882L9.1054 13.5052L9.08836 13.5222L9.07131 13.5393L9.05426 13.5563L9.03719 13.5734L9.02011 13.5904L9.00302 13.6075L8.98592 13.6246L8.9688 13.6417L8.95168 13.6588L8.93455 13.6759L8.9174 13.693L8.90024 13.7101L8.88308 13.7273L8.8659 13.7444L8.84871 13.7616L8.8315 13.7788L8.81429 13.796L8.79706 13.8132L8.77983 13.8304L8.76257 13.8477L8.74531 13.8649L8.72804 13.8821L8.71075 13.8994L8.69345 13.9167L8.67614 13.934L8.65881 13.9513L8.64147 13.9686L8.62412 13.9859L8.60676 14.0033L8.58938 14.0206L8.57199 14.038L8.55458 14.0554L8.53716 14.0728L8.51973 14.0902L8.50229 14.1076L8.48483 14.1251L8.46736 14.1425L8.44987 14.16L8.43237 14.1775L8.41485 14.195L8.39732 14.2125L8.37978 14.23L8.36222 14.2475L8.34465 14.2651L8.32706 14.2827L8.30945 14.3002L8.29184 14.3178L8.2742 14.3355L8.25656 14.3531L8.23889 14.3707L8.22121 14.3884L8.20352 14.4061L8.18581 14.4238L8.16808 14.4415L8.15034 14.4592L8.13258 14.4769L8.11481 14.4947L8.09702 14.5124L8.07921 14.5302L8.06139 14.548L8.04355 14.5658L8.0257 14.5837L8.00783 14.6015L7.98994 14.6194L7.97203 14.6373L7.95411 14.6552L7.93617 14.6731L7.91821 14.691L7.90024 14.709L7.88225 14.727L7.86424 14.7449L7.84621 14.763L7.82817 14.781L7.81011 14.799L7.79203 14.8171L7.77393 14.8352L7.75581 14.8533L7.73768 14.8714L7.71952 14.8895L7.70135 14.9076L7.68316 14.9258L7.66495 14.944L7.64673 14.9622L7.62848 14.9804L7.61022 14.9987L7.59193 15.0169L7.57363 15.0352L7.55531 15.0535L7.53697 15.0718L7.5186 15.0902L7.50022 15.1085L7.48182 15.1269L7.4634 15.1453L7.44496 15.1637L7.4265 15.1822L7.40802 15.2006L7.38952 15.2191L7.371 15.2376L7.35246 15.2561L7.33389 15.2747L7.31531 15.2932L7.29671 15.3118L7.27808 15.3304L7.25944 15.3491L7.24077 15.3677L7.22208 15.3864L7.20337 15.4051L7.18464 15.4238L7.16589 15.4425L7.14712 15.4612L7.12832 15.48L7.10951 15.4988L7.09067 15.5176L7.07181 15.5365L7.05292 15.5553L7.03402 15.5742L7.01509 15.5931L6.99614 15.612C6.27167 16.3357 5.09652 16.3361 4.37259 15.613C3.64838 14.8896 3.64838 13.7168 4.37259 12.9935L13.1214 4.2547L14.4178 5.57764L14.4177 5.57772L14.4254 5.58523Z",stroke:"currentColor"}),n("path",{d:"M12.5299 10.2848L7.32791 15.5545C7.12956 15.7555 6.88934 15.9156 6.62689 16.0225C6.08679 16.2424 5.46752 16.2239 4.94171 15.972L4.77945 16.31L4.94171 15.972C4.6339 15.8246 4.36574 15.6007 4.16736 15.3245L4.02179 15.1219C3.60142 14.5367 3.60138 13.749 4.02169 13.1637C4.12291 13.0228 4.24539 12.8984 4.38476 12.7949L5.72374 11.8006L5.76816 11.7676L5.80115 11.7232L5.91056 11.576C6.30572 11.0443 6.96187 10.4244 7.58765 10.0864C7.90229 9.91646 8.17215 9.83813 8.37711 9.84461C8.55555 9.85025 8.69852 9.9179 8.81563 10.1071C8.88186 10.2141 8.92418 10.3701 8.97238 10.5823C8.97507 10.5942 8.9778 10.6063 8.98058 10.6186C9.00013 10.7052 9.02201 10.8022 9.04751 10.8896C9.07575 10.9865 9.11828 11.1086 9.19239 11.2146C9.29475 11.361 9.4504 11.4075 9.53763 11.4247C9.63768 11.4444 9.74477 11.4446 9.84616 11.436C10.0516 11.4187 10.299 11.3594 10.5607 11.2642C11.0498 11.0864 11.6345 10.7668 12.1516 10.2848L12.5299 10.2848Z",stroke:"currentColor",strokeWidth:"0.75"})]}),$i=()=>s("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n("rect",{x:"0.5",y:"0.5",width:"19",height:"19",rx:"3.5",stroke:"currentColor"}),n("path",{d:"M15.4237 6.90042C15.5191 6.92315 15.6152 6.94413 15.7074 6.96092C15.7135 7.05035 15.7162 7.16454 15.7138 7.30375C15.7056 7.77188 15.6408 8.43317 15.515 9.1653C15.2592 10.6537 14.774 12.3014 14.1 13.2C13.4011 14.1319 12.332 14.9694 11.4101 15.584C10.9538 15.8882 10.5429 16.1317 10.2465 16.2989C10.1617 16.3467 10.0865 16.3882 10.0224 16.423C9.97538 16.3925 9.92211 16.3576 9.86327 16.3183C9.61299 16.1515 9.26304 15.908 8.86735 15.6037C8.07099 14.9911 7.11105 14.148 6.4 13.2C5.71286 12.2838 5.10686 10.6159 4.73507 9.12872C4.55136 8.39389 4.4322 7.73262 4.38844 7.26582C4.37726 7.14653 4.37171 7.04688 4.37029 6.96627C4.68202 6.91822 5.07002 6.82212 5.46167 6.6997C6.04643 6.51692 6.71066 6.25305 7.25513 5.93001C7.78069 5.61819 8.40348 5.00685 8.92133 4.49851C8.96063 4.45994 8.99932 4.42196 9.03732 4.38474C9.32127 4.10667 9.57222 3.86458 9.78023 3.69195C9.86978 3.61763 9.94141 3.56465 9.99619 3.52986C10.0511 3.56629 10.1228 3.62162 10.2126 3.69902C10.4221 3.8796 10.6732 4.13028 10.9589 4.41605L10.9643 4.42138C11.2419 4.69905 11.5471 5.00425 11.8469 5.27159C12.1431 5.53579 12.4648 5.79139 12.7764 5.94721C13.307 6.2125 13.989 6.47149 14.5895 6.66369C14.8912 6.76025 15.179 6.8421 15.4237 6.90042ZM9.92522 3.48908C9.92521 3.48905 9.92594 3.48931 9.92744 3.48994C9.92598 3.48943 9.92523 3.48911 9.92522 3.48908Z",stroke:"currentColor"})]});function Gi({spanKind:e}){let t=n(Ai,{}),a="--ac-global-color-grey-900";switch(e){case"llm":a="--ac-global-color-orange-1000",t=n(_i,{});break;case"chain":a="--ac-global-color-blue-1000",t=n(Ki,{});break;case"retriever":a="--ac-global-color-seafoam-1000",t=n(Ri,{});break;case"embedding":a="--ac-global-color-indigo-1000",t=n(Vi,{});break;case"agent":a="--ac-global-text-color-900",t=n(Ni,{});break;case"tool":a="--ac-global-color-yellow-1200",t=n(Pi,{});break;case"reranker":a="--ac-global-color-celery-1000",t=n(Oi,{});break;case"evaluator":a="--ac-global-color-indigo-1000",t=n(zi,{});break;case"guardrail":a="--ac-global-color-fuchsia-1200",t=n($i,{});break}return n("div",{css:m`
|
|
898
|
+
color: var(${a});
|
|
899
|
+
width: 20px;
|
|
900
|
+
height: 20px;
|
|
901
|
+
`,title:e,children:t})}function Bi(e){const t=e.reduce((r,i)=>(r.set(i.context.spanId,{span:i,children:[]}),r),new Map),a=[];for(const r of e){const i=t.get(r.context.spanId);if(r.parentId===null||!t.has(r.parentId))a.push(i);else{const l=t.get(r.parentId);l&&l.children.push(i)}}for(const r of t.values())r.children.sort((i,l)=>new Date(i.span.startTime).valueOf()-new Date(l.span.startTime).valueOf());return a}function go(e){const{spans:t,onSpanClick:a,selectedSpanNodeId:r}=e,i=Bi(t);return n("ul",{css:l=>m`
|
|
902
|
+
margin: ${l.spacing.margin16}px;
|
|
903
|
+
display: flex;
|
|
904
|
+
flex-direction: column;
|
|
905
|
+
gap: ${l.spacing.padding8}px;
|
|
906
|
+
`,children:i.map(l=>n(pt,{node:l,onSpanClick:a,selectedSpanNodeId:r},l.span.id))})}function pt(e){const{node:t,selectedSpanNodeId:a,onSpanClick:r}=e,i=t.children;return s("div",{children:[n("button",{className:"button--reset",css:m`
|
|
907
|
+
min-width: var(--ac-global-dimension-static-size-4600);
|
|
908
|
+
cursor: pointer;
|
|
909
|
+
`,onClick:()=>{p.startTransition(()=>{r&&r(t.span)})},children:n(Qi,{isSelected:a===t.span.id,children:s(D,{direction:"row",gap:"size-100",justifyContent:"start",alignItems:"center",children:[n(Gi,{spanKind:t.span.spanKind}),n(ji,{...t.span})]})})}),i.length?n("ul",{css:l=>m`
|
|
910
|
+
margin: var(--ac-global-dimension-static-size-100) 0 0
|
|
911
|
+
var(--ac-global-dimension-static-size-600);
|
|
912
|
+
display: flex;
|
|
913
|
+
flex-direction: column;
|
|
914
|
+
gap: ${l.spacing.padding8}px;
|
|
915
|
+
`,children:i.map((l,o)=>{const d=i[o+1];return s("div",{css:m`
|
|
916
|
+
position: relative;
|
|
917
|
+
`,children:[d?n(Ui,{...d.span}):null,n(Hi,{...l.span}),n(pt,{node:l,onSpanClick:r,selectedSpanNodeId:a})]},l.span.context.spanId)})}):null]})}function Qi(e){return n("div",{className:e.isSelected?"is-selected":"",css:m`
|
|
918
|
+
border-radius: var(--ac-global-dimension-static-size-150);
|
|
919
|
+
background-color: var(--ac-global-color-grey-200);
|
|
920
|
+
padding: var(--ac-global-dimension-static-size-50)
|
|
921
|
+
var(--ac-global-dimension-static-size-200)
|
|
922
|
+
var(--ac-global-dimension-static-size-50)
|
|
923
|
+
var(--ac-global-dimension-static-size-200);
|
|
924
|
+
border-width: var(--ac-global-dimension-static-size-10);
|
|
925
|
+
border-style: solid;
|
|
926
|
+
border-color: var(--ac-global-color-grey-300);
|
|
927
|
+
&:hover {
|
|
928
|
+
border-color: var(--ac-global-color-grey-400);
|
|
929
|
+
background-color: var(--ac-global-color-grey-300);
|
|
930
|
+
}
|
|
931
|
+
&.is-selected {
|
|
932
|
+
border-color: var(--ac-global-color-primary);
|
|
933
|
+
}
|
|
934
|
+
`,children:e.children})}function Ui({statusCode:e}){return n("div",{"aria-hidden":"true","data-testid":"span-tree-edge-connector",css:t=>m`
|
|
935
|
+
position: absolute;
|
|
936
|
+
border-left: 1px solid
|
|
937
|
+
${e==="ERROR"?t.colors.statusDanger:"rgb(204, 204, 204)"};
|
|
938
|
+
top: 0;
|
|
939
|
+
left: -22px;
|
|
940
|
+
width: 42px;
|
|
941
|
+
bottom: 0;
|
|
942
|
+
`})}function Hi({statusCode:e}){return n("div",{"aria-hidden":"true",css:t=>{const a=e==="ERROR"?t.colors.statusDanger:"rgb(204, 204, 204)";return m`
|
|
943
|
+
position: absolute;
|
|
944
|
+
border-left: 1px solid ${a};
|
|
945
|
+
border-bottom: 1px solid ${a};
|
|
946
|
+
border-radius: 0 0 0 var(--ac-global-dimension-static-size-150);
|
|
947
|
+
top: -24px;
|
|
948
|
+
left: -22px;
|
|
949
|
+
width: 38px;
|
|
950
|
+
height: 48px;
|
|
951
|
+
`}})}function ji(e){const{name:t,latencyMs:a,statusCode:r,tokenCountTotal:i,tokenCountPrompt:l,tokenCountCompletion:o}=e;return n($,{height:"size-500",width:"100%",children:s(D,{direction:"row",gap:"size-150",width:"100%",height:"100%",alignItems:"center",children:[n($,{flex:"1 1 auto",children:n("div",{css:m`
|
|
952
|
+
float: left;
|
|
953
|
+
`,children:n(L,{children:t})})}),typeof i=="number"?n(Fi,{tokenCountTotal:i,tokenCountPrompt:l??0,tokenCountCompletion:o??0}):null,a===null?null:n(Ii,{latencyMs:a}),r==="ERROR"?n(Ei,{statusCode:"ERROR"}):null]})})}class ho extends W.Component{constructor(t){super(t),this.state={hasError:!1}}static getDerivedStateFromError(t){return{hasError:!0}}componentDidCatch(t,a){}render(){return this.state.hasError?n("h1",{children:"Something went wrong."}):this.props.children}}const gt=p.createContext(null);function ht(){let e=p.useContext(gt);return e===null&&(console.warn("useMarkdownMode must be used within a MarkdownDisplayProvider"),e={mode:"text",setMode:()=>{}}),e}function fo(e){const t=cn(i=>i.markdownDisplayMode),a=cn(i=>i.setMarkdownDisplayMode),r=p.useCallback(i=>{p.startTransition(()=>{a(i)})},[a]);return n(gt.Provider,{value:{mode:t,setMode:r},children:e.children})}const qi=m`
|
|
954
|
+
a {
|
|
955
|
+
color: var(--ac-global-color-primary);
|
|
956
|
+
&:visited {
|
|
957
|
+
color: var(--ac-global-color-purple-900);
|
|
958
|
+
}
|
|
959
|
+
}
|
|
960
|
+
`;function Zi({children:e,mode:t}){return t==="markdown"?n("div",{css:qi,children:n(Xt,{remarkPlugins:[Yt],children:e})}):n("pre",{css:m`
|
|
961
|
+
white-space: pre-wrap;
|
|
962
|
+
text-wrap: wrap;
|
|
963
|
+
margin: 0;
|
|
964
|
+
`,children:e})}function yo({children:e}){const{mode:t}=ht();return n(Zi,{mode:t,children:e})}function Wi({mode:e,onModeChange:t}){return s(_e,{size:"compact",variant:"inline-button",value:e,onChange:a=>{t(a)},children:[n(G,{label:"text",value:"text",children:s(A,{placement:"top",delay:1e3,offset:10,children:[n(j,{children:n(I,{svg:n(ga,{})})}),n(q,{children:"Text"})]})}),n(G,{label:"markdown",value:"markdown",children:s(A,{placement:"top",delay:1e3,offset:10,children:[n(j,{children:n(I,{svg:n(ha,{})})}),n(q,{children:"Markdown"})]})})]})}function vo(){const{mode:e,setMode:t}=ht();return n(Wi,{mode:e,onModeChange:t})}function bo(e){const{spanKind:t}=e,a=p.useMemo(()=>{let r="grey-500";switch(t){case"llm":r="orange-1000";break;case"chain":r="blue-1000";break;case"retriever":r="seafoam-1000";break;case"reranker":r="celery-1000";break;case"embedding":r="indigo-1000";break;case"agent":r="grey-900";break;case"tool":r="yellow-1200";break;case"evaluator":r="indigo-1200";break;case"guardrail":r="fuchsia-1200";break}return r},[t]);return n(We,{color:a,children:t})}function Ji(e){const{theme:t}=Q(),a=t==="light"?void 0:Xe;return n(Je,{value:e.value,extensions:[On(),Kn.lineWrapping,An(zn())],editable:!0,theme:a,...e})}const ft=m`
|
|
965
|
+
.cm-content {
|
|
966
|
+
padding: var(--ac-global-dimension-static-size-200) 0;
|
|
967
|
+
}
|
|
968
|
+
.cm-editor,
|
|
969
|
+
.cm-gutters {
|
|
970
|
+
background-color: transparent;
|
|
971
|
+
}
|
|
972
|
+
`;function Lo(e){const{theme:t}=Q(),a=t==="light"?void 0:Xe;return n(Je,{value:e.value,extensions:[On(),Kn.lineWrapping,An(zn())],editable:!1,theme:a,...e,basicSetup:{lineNumbers:!0,foldGutter:!0,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},css:ft})}function Xi(e){const{theme:t}=Q(),a=t==="light"?void 0:Xe;return n(Je,{value:e.value,extensions:[ka()],editable:!1,theme:a,...e,basicSetup:{lineNumbers:!1,foldGutter:!0,bracketMatching:!0,syntaxHighlighting:!0,highlightActiveLine:!1,highlightActiveLineGutter:!1},css:ft})}const Yi=m`
|
|
973
|
+
&.is-hovered {
|
|
974
|
+
border: 1px solid var(--ac-global-input-field-border-color-active);
|
|
975
|
+
}
|
|
976
|
+
&.is-focused {
|
|
977
|
+
border: 1px solid var(--ac-global-input-field-border-color-active);
|
|
978
|
+
}
|
|
979
|
+
&.is-invalid {
|
|
980
|
+
border: 1px solid var(--ac-global-color-danger);
|
|
981
|
+
}
|
|
982
|
+
border-radius: ${Rn.borderRadius.medium}px;
|
|
983
|
+
border: 1px solid var(--ac-global-input-field-border-color);
|
|
984
|
+
width: 100%;
|
|
985
|
+
.cm-gutters,
|
|
986
|
+
.cm-content,
|
|
987
|
+
.cm-editor {
|
|
988
|
+
border-radius: var(--ac-global-rounding-small);
|
|
989
|
+
}
|
|
990
|
+
.cm-focused {
|
|
991
|
+
outline: none;
|
|
992
|
+
}
|
|
993
|
+
transition: all 0.2s ease-in-out;
|
|
994
|
+
`;function el({children:e,validationState:t,...a}){const[r,i]=p.useState(!1),[l,o]=p.useState(!1),d=t==="invalid";return n(fa,{...a,validationState:d?"invalid":"valid",children:n("div",{className:ea("json-editor-wrap",{"is-hovered":l,"is-focused":r,"is-invalid":d}),onFocus:()=>i(!0),onBlur:()=>i(!1),onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1),css:Yi,children:e})})}function nl({str:e,excludePrimitives:t=!1,excludeArray:a=!1}){try{const r=JSON.parse(e);if(t&&typeof r!="object"||a&&Array.isArray(r))return!1}catch{return!1}return!0}function tl(e){return nl({str:e,excludeArray:!0,excludePrimitives:!0})}const yt=function(){var e={defaultValue:null,kind:"LocalArgument",name:"description"},t={defaultValue:null,kind:"LocalArgument",name:"metadata"},a={defaultValue:null,kind:"LocalArgument",name:"name"},r=[{alias:null,args:[{fields:[{kind:"Variable",name:"description",variableName:"description"},{kind:"Variable",name:"metadata",variableName:"metadata"},{kind:"Variable",name:"name",variableName:"name"}],kind:"ObjectValue",name:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"createDataset",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},{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"createdAt",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"exampleCount",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"experimentCount",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[e,t,a],kind:"Fragment",metadata:null,name:"CreateDatasetFormMutation",selections:r,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[a,e,t],kind:"Operation",name:"CreateDatasetFormMutation",selections:r},params:{cacheID:"6aa615e27e1ccaa5431ba481842b43d0",id:null,metadata:{},name:"CreateDatasetFormMutation",operationKind:"mutation",text:`mutation CreateDatasetFormMutation(
|
|
995
|
+
$name: String!
|
|
996
|
+
$description: String = null
|
|
997
|
+
$metadata: JSON = null
|
|
998
|
+
) {
|
|
999
|
+
createDataset(input: {name: $name, description: $description, metadata: $metadata}) {
|
|
1000
|
+
dataset {
|
|
1001
|
+
id
|
|
1002
|
+
name
|
|
1003
|
+
description
|
|
1004
|
+
metadata
|
|
1005
|
+
createdAt
|
|
1006
|
+
exampleCount
|
|
1007
|
+
experimentCount
|
|
1008
|
+
}
|
|
1009
|
+
}
|
|
1010
|
+
}
|
|
1011
|
+
`}}}();yt.hash="5921369d33cc0fb1dffb5d943469a378";function vt({datasetName:e,datasetDescription:t,datasetMetadata:a,onSubmit:r,isSubmitting:i,submitButtonText:l}){const{control:o,handleSubmit:d,formState:{isDirty:c}}=Ze({defaultValues:{name:e??"Dataset "+new Date().toISOString(),description:t??"",metadata:JSON.stringify(a,null,2)??"{}"}});return s(Ne,{children:[s($,{padding:"size-200",children:[n(z,{name:"name",control:o,rules:{required:"Dataset name is required"},render:({field:{onChange:u,onBlur:h,value:g},fieldState:{invalid:y,error:f}})=>n(U,{label:"Dataset Name",description:"The name of the dataset",errorMessage:f==null?void 0:f.message,validationState:y?"invalid":"valid",onChange:u,onBlur:h,value:g.toString()})}),n(z,{name:"description",control:o,render:({field:{onChange:u,onBlur:h,value:g},fieldState:{invalid:y,error:f}})=>n(ya,{label:"description",description:"A description of the dataset",isRequired:!1,height:100,errorMessage:f==null?void 0:f.message,validationState:y?"invalid":"valid",onChange:u,onBlur:h,value:g==null?void 0:g.toString()})}),n(z,{name:"metadata",control:o,rules:{validate:u=>tl(u)?!0:"metadata must be a valid JSON object"},render:({field:{onChange:u,onBlur:h,value:g},fieldState:{invalid:y,error:f}})=>n(el,{validationState:y?"invalid":"valid",label:"metadata",errorMessage:f==null?void 0:f.message,description:"A JSON object containing metadata for the dataset",children:n(Ji,{value:g,onChange:u,onBlur:h})})})]}),n($,{paddingEnd:"size-200",paddingTop:"size-100",paddingBottom:"size-100",borderTopColor:"light",borderTopWidth:"thin",children:n(D,{direction:"row",justifyContent:"end",children:n(Z,{disabled:!c,variant:c?"primary":"default",size:"compact",loading:i,onClick:d(r),children:l})})})]})}function ko(e){const{onDatasetCreated:t,onDatasetCreateError:a}=e,[r,i]=B.useMutation(yt),l=p.useCallback(o=>{r({variables:{...o,metadata:JSON.parse(o.metadata)},onCompleted:d=>{t(d.createDataset.dataset)},onError:d=>{a(d)}})},[r,t,a]);return n(vt,{isSubmitting:i,onSubmit:l,submitButtonText:i?"Creating...":"Create Dataset"})}function Dn(e){const t=Date.now(),a=he(Me(t,365));switch(e){case"1d":return{start:he(te(t,1)),end:a};case"7d":return{start:he(te(t,7)),end:a};case"30d":return{start:he(te(t,30)),end:a};case"all":return{start:new Date("01/01/1971"),end:a};default:F()}}const bt=p.createContext(null);function al(){const e=W.useContext(bt);if(e===null)throw new Error("useLastNTimeRange must be used within a LastNTimeRangeProvider");return e}function Co({initialTimeRangeKey:e="7d",children:t}){const[a,r]=p.useState(e),[i,l]=p.useState(()=>Dn(e)),o=p.useCallback(d=>{p.startTransition(()=>{r(d),l(Dn(d))})},[]);return n(bt.Provider,{value:{timeRangeKey:a,setTimeRangeKey:o,timeRange:i},children:t})}const Lt=[{key:"1d",label:"Last Day"},{key:"7d",label:"Last 7 Days"},{key:"30d",label:"Last Month"},{key:"all",label:"All Time"}];Lt.reduce((e,t)=>({...e,[t.key]:t}),{});function rl(e){const{isDisabled:t,selectedKey:a,onSelectionChange:r}=e;return n(Pe,{"aria-label":"Time Range",addonBefore:n(I,{svg:n(M.CalendarOutline,{})}),isDisabled:t,defaultSelectedKey:a,onSelectionChange:i=>{r&&r(i)},align:"end",children:Lt.map(({key:i,label:l})=>n(P,{children:l},i))})}function So(){const{timeRangeKey:e,setTimeRangeKey:t}=al();return n(rl,{selectedKey:e,onSelectionChange:t})}function xo({indeterminate:e,...t}){const a=p.useRef(null);return W.useEffect(()=>{typeof e=="boolean"&&(a.current.indeterminate=!t.checked&&e)},[a,e,t.checked]),n("div",{onClick:r=>{r.stopPropagation()},children:n("input",{type:"checkbox",ref:a,css:m`
|
|
1012
|
+
cursor: pointer;
|
|
1013
|
+
`,...t})})}function wo({getValue:e}){const t=e();if(!Sa(t))throw new Error("TimestampCell only supports number or null values.");const a=t!=null?new Date(t).toLocaleString([],{year:"numeric",month:"numeric",day:"numeric",hour:"2-digit",minute:"2-digit"}):"--";return n("time",{title:t!=null?String(t):"",children:a})}function Mo(e){return n("button",{className:"button--reset",onClick:t=>{t.stopPropagation(),e.onClick(t)},"aria-label":e["aria-label"],css:m`
|
|
1014
|
+
color: var(--ac-global-text-color-white-900);
|
|
1015
|
+
.ac-icon-wrap {
|
|
1016
|
+
font-size: 1.2rem;
|
|
1017
|
+
}
|
|
1018
|
+
|
|
1019
|
+
&:hover {
|
|
1020
|
+
color: var(--ac-global-color-primary);
|
|
1021
|
+
}
|
|
1022
|
+
`,children:n(I,{svg:e.isExpanded?n(M.ChevronDownOutline,{}):n(M.ChevronRightOutline,{})})})}function il(){return s("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",viewBox:"0 0 305.92 350.13",width:28,height:28,css:m`
|
|
1023
|
+
.cls-1 {
|
|
1024
|
+
fill: url(#linear-gradient);
|
|
1025
|
+
}
|
|
1026
|
+
|
|
1027
|
+
.cls-2 {
|
|
1028
|
+
fill: url(#Fade_to_Black_2-2);
|
|
1029
|
+
}
|
|
1030
|
+
|
|
1031
|
+
.cls-2,
|
|
1032
|
+
.cls-3 {
|
|
1033
|
+
opacity: 0.5;
|
|
1034
|
+
}
|
|
1035
|
+
|
|
1036
|
+
.cls-4 {
|
|
1037
|
+
fill: #fedbb5;
|
|
1038
|
+
}
|
|
1039
|
+
|
|
1040
|
+
.cls-5 {
|
|
1041
|
+
fill: #e5b4a6;
|
|
1042
|
+
}
|
|
1043
|
+
|
|
1044
|
+
.cls-6 {
|
|
1045
|
+
fill: url(#Fade_to_Black_2);
|
|
1046
|
+
}
|
|
1047
|
+
|
|
1048
|
+
.cls-6,
|
|
1049
|
+
.cls-7,
|
|
1050
|
+
.cls-8,
|
|
1051
|
+
.cls-9,
|
|
1052
|
+
.cls-10,
|
|
1053
|
+
.cls-11,
|
|
1054
|
+
.cls-12,
|
|
1055
|
+
.cls-13,
|
|
1056
|
+
.cls-14 {
|
|
1057
|
+
opacity: 0.4;
|
|
1058
|
+
}
|
|
1059
|
+
|
|
1060
|
+
.cls-3 {
|
|
1061
|
+
fill: url(#linear-gradient-10);
|
|
1062
|
+
}
|
|
1063
|
+
|
|
1064
|
+
.cls-7 {
|
|
1065
|
+
fill: url(#linear-gradient-6);
|
|
1066
|
+
}
|
|
1067
|
+
|
|
1068
|
+
.cls-8 {
|
|
1069
|
+
fill: url(#linear-gradient-3);
|
|
1070
|
+
}
|
|
1071
|
+
|
|
1072
|
+
.cls-9 {
|
|
1073
|
+
fill: url(#linear-gradient-4);
|
|
1074
|
+
}
|
|
1075
|
+
|
|
1076
|
+
.cls-10 {
|
|
1077
|
+
fill: url(#linear-gradient-2);
|
|
1078
|
+
}
|
|
1079
|
+
|
|
1080
|
+
.cls-11 {
|
|
1081
|
+
fill: url(#linear-gradient-7);
|
|
1082
|
+
}
|
|
1083
|
+
|
|
1084
|
+
.cls-12 {
|
|
1085
|
+
fill: url(#linear-gradient-5);
|
|
1086
|
+
}
|
|
1087
|
+
|
|
1088
|
+
.cls-13 {
|
|
1089
|
+
fill: url(#linear-gradient-8);
|
|
1090
|
+
}
|
|
1091
|
+
|
|
1092
|
+
.cls-14 {
|
|
1093
|
+
fill: url(#linear-gradient-9);
|
|
1094
|
+
}
|
|
1095
|
+
`,children:[s("defs",{children:[s("linearGradient",{id:"linear-gradient",x1:"45.77",y1:"21.43",x2:"201.89",y2:"291.83",gradientUnits:"userSpaceOnUse",children:[n("stop",{offset:"0",stopColor:"#18bab6"}),n("stop",{offset:".5",stopColor:"#00adee"}),n("stop",{offset:"1",stopColor:"#0095c4"})]}),s("linearGradient",{id:"linear-gradient-2",x1:"197.65",y1:"237.84",x2:"65.97",y2:"9.77",gradientUnits:"userSpaceOnUse",children:[n("stop",{offset:"0",stopColor:"#fdfdfe",stopOpacity:"0"}),n("stop",{offset:".11",stopColor:"#fdfdfe",stopOpacity:".17"}),n("stop",{offset:".3",stopColor:"#fdfdfe",stopOpacity:".42"}),n("stop",{offset:".47",stopColor:"#fdfdfe",stopOpacity:".63"}),n("stop",{offset:".64",stopColor:"#fdfdfe",stopOpacity:".79"}),n("stop",{offset:".78",stopColor:"#fdfdfe",stopOpacity:".9"}),n("stop",{offset:".91",stopColor:"#fdfdfe",stopOpacity:".97"}),n("stop",{offset:"1",stopColor:"#fdfdfe"})]}),n("linearGradient",{id:"linear-gradient-3",x1:"158.8",y1:"236.43",x2:"63.93",y2:"72.09",xlinkHref:"#linear-gradient-2"}),n("linearGradient",{id:"linear-gradient-4",x1:"145.73",y1:"248.43",x2:"92.77",y2:"156.7",xlinkHref:"#linear-gradient-2"}),n("linearGradient",{id:"linear-gradient-5",x1:"147.93",y1:"266.95",x2:"114.95",y2:"209.83",xlinkHref:"#linear-gradient-2"}),s("linearGradient",{id:"linear-gradient-6",x1:"92.25",y1:"261.75",x2:"92.25",y2:"321.91",gradientUnits:"userSpaceOnUse",children:[n("stop",{offset:"0",stopColor:"#231f20"}),n("stop",{offset:".03",stopColor:"#231f20",stopOpacity:".9"}),n("stop",{offset:".22",stopColor:"#231f20",stopOpacity:".4"}),n("stop",{offset:".42",stopColor:"#231f20",stopOpacity:".1"}),n("stop",{offset:".65",stopColor:"#231f20",stopOpacity:"0"})]}),s("linearGradient",{id:"Fade_to_Black_2","data-name":"Fade to Black 2",x1:"159.88",y1:"256.07",x2:"159.88",y2:"286.75",gradientUnits:"userSpaceOnUse",children:[n("stop",{offset:"0",stopColor:"#231f20"}),n("stop",{offset:"1",stopColor:"#231f20",stopOpacity:"0"})]}),s("linearGradient",{id:"linear-gradient-7",x1:"174.69",y1:"176.58",x2:"174.69",y2:"151.5",gradientUnits:"userSpaceOnUse",children:[n("stop",{offset:"0",stopColor:"#231f20"}),n("stop",{offset:".03",stopColor:"#231f20",stopOpacity:".95"}),n("stop",{offset:".51",stopColor:"#231f20",stopOpacity:".26"}),n("stop",{offset:".81",stopColor:"#231f20",stopOpacity:"0"})]}),s("linearGradient",{id:"linear-gradient-8",x1:"229.53",y1:"195.1",x2:"229.53",y2:"134.41",gradientUnits:"userSpaceOnUse",children:[n("stop",{offset:"0",stopColor:"#231f20"}),n("stop",{offset:".18",stopColor:"#231f20",stopOpacity:".48"}),n("stop",{offset:".38",stopColor:"#231f20",stopOpacity:".12"}),n("stop",{offset:".58",stopColor:"#231f20",stopOpacity:"0"})]}),n("linearGradient",{id:"Fade_to_Black_2-2","data-name":"Fade to Black 2",x1:"286",y1:"242.89",x2:"265.05",y2:"206.61",xlinkHref:"#Fade_to_Black_2"}),n("linearGradient",{id:"linear-gradient-9",x1:"302.87",y1:"232.93",x2:"271.49",y2:"178.58",xlinkHref:"#linear-gradient-2"}),s("linearGradient",{id:"linear-gradient-10",x1:"221.39",y1:"223.73",x2:"267.07",y2:"197.36",gradientUnits:"userSpaceOnUse",children:[n("stop",{offset:"0",stopColor:"#231f20"}),n("stop",{offset:".31",stopColor:"#231f20",stopOpacity:".5"}),n("stop",{offset:".67",stopColor:"#231f20",stopOpacity:".13"}),n("stop",{offset:"1",stopColor:"#231f20",stopOpacity:"0"})]})]}),s("g",{id:"Layer_1-2","data-name":"Layer 1",children:[n("path",{className:"cls-1",d:"m305.42,218.76c-.9-4.06-2.96-7.8-6.14-11.13-1.22-1.28-2.59-2.48-4.07-3.58-.72-.53-1.48-1.03-2.26-1.52-.97-.6-1.98-1.19-3.07-1.75-4.05-2.08-7.5-4.17-10.53-6.41-1.23-.91-2.42-1.86-3.53-2.83-2.71-2.37-4.53-4.38-5.88-6.53-.44-.69-.83-1.44-1.2-2.14-.16-.31-.39-.57-.66-.77-.49-.36-1.12-.52-1.75-.4-.97.18-1.72.97-1.83,1.96-.09.76-.08,1.57.02,2.41.06.5-.2.96-.66,1.17-.11.05-.22.08-.33.09-.64.08-1.23.43-1.6.96-.37.54-.48,1.2-.33,1.83.14.55.32.93.48,1.24l.14.28c.1.19.2.39.31.58.3.57.62,1.15,1,1.71.71,1.04,1.52,2.07,2.46,3.18.3.35.35.86.13,1.27-.22.41-.68.64-1.14.58-5.37-.73-10.17-1.93-14.65-3.59-.51-.19-1.03-.37-1.53-.57-4.02-1.69,3.23-8.92,6.55-14.03,14.55-22.37,17.56-48,17.68-73.93.12-25.07-2.59-49.78-7.57-74.18v-.04c-3.25-20.44-6.01-28.12-7.74-30.97-.37-.76-.78-1.22-1.21-1.45-.48-.32-.73-.17-.73-.17-.93.03-2.01.87-3.3,2.22-5.42,5.71-5.12,12.49-3.62,19.58,6.85,32.22,12.01,64.63,9.66,97.75-1.61,22.83-5.87,44.82-21.82,62.69-.96,1.08-1.99,2.08-3.02,3.1-1.2,1.17-3.04,3.46-4.42,2.51-1.84-1.28-.2-3.9.37-5.25,9.35-21.89,12.04-44.77,10.6-68.36-.03-.55-.09-1.09-.13-1.63l.02-.03c-.04-.44-.08-.85-.12-1.28-.24-3.12-.53-6.23-.92-9.33-4.02-37.42-8.84-39.84-8.84-39.84h0c-.32-.28-.72-.51-1.25-.62-2.53-.53-3.92,1.7-5.04,3.39-5.07,7.6-2.83,15.67-1.19,23.67,5.73,28.01,5.82,55.75-4.02,83-.9,2.48-1.98,4.9-3.12,7.28-1.2,2.53-1.99,5.7-6.12,4.34-3.86-1.28-2.78-4.2-2.27-6.87,1.29-6.79,2.33-13.59,2.98-20.42l.02.04c.06-.67.1-1.32.16-1.98.1-1.18.17-2.36.24-3.54.06-.99.11-1.96.15-2.91.02-.49.04-.97.06-1.46.78-21.63-2.85-31.46-4.23-34.37-.15-.36-.32-.68-.51-.97h0s0,0,0,0c-1.43-2.14-3.8-1.89-5.84.13-3.76,3.72-5.84,8.1-4.88,13.62,2.8,16.09,1.16,32.03-1.84,47.9-.41,2.13-1.36,6-5.9,5.01-3.09-.68-3.81-2.01-3.99-4.69.03-2.03.01-4.05-.06-6.08,0-.05,0-.1,0-.15h0c-.01-.29-.03-.57-.04-.86v-.02c0-.14,0-.27-.02-.4-.13-2.76-.36-5.53-.7-8.3-.03-.27-.08-.53-.12-.79-1.74-15.62-4-17.13-4-17.13-1.45-1.88-3.71-1.57-5.67.38-3.76,3.72-5.67,8.08-4.88,13.62.57,4.06.43,2.81.84,6.34.33,1.82.66,5.13.69,6.19-.09.94-.32,1.76-.9,2.37-1.92,2.07-5.02-.05-7.37-1.02-45.52-18.84-84.49-45.28-118.5-78.71C29.51,74.47,6.74,46.89,6.74,46.89h0c-.84-.99-1.91-1.55-3.53-.85C.24,47.32.33,51.13.06,54.33c-.54,6.41,2.88,11.07,6.62,15.42,51.36,59.92,114.05,102.98,189.7,124.51l13.61,3.61c.16.04.32.08.48.12.03,0,.05.02.07.02l11.72,3.11.32.08c-.38.11-.82.2-1.28.28-12.9,2.55-38.42-2.14-58.91-6.92-10.15-2.13-20.1-4.71-29.85-7.79-.45-.13-.69-.2-.69-.2v-.02c-37.88-12.05-72.58-31.59-102.92-61.4-2.87-2.82-5.54-5.86-8.15-8.95-2.41-2.86-7.36-8.84-9.06-10.89-.19-.27-.39-.51-.6-.73h0s0,0,0,0c-.52-.53-1.14-.87-2.03-.66-2.12.49-2.72,2.67-3.11,4.51-1.55,7.39.8,13.59,5.76,19.15,31.09,34.84,70.09,57.1,113.9,71.7,24.88,8.29,50.46,13.32,76.57,16.54-15.56,5.04-31.58,6.57-47.72,6.17-31.26-.78-60.57-8.29-88.12-21.68-10.16-5.22-19.62-11.05-22.11-12.6-1.43-.98-2.9-1.57-4.36-.45-2.74,2.12-.85,5.85.03,8.76,1.69,5.6,5.58,9.47,10.63,12.14,44.88,23.74,92.26,33.22,142.71,24.8,5.11-.85,9.95-1.79,15.29-3.59-8.43,7.3-18.2,12.06-28.47,15.82-31.59,11.56-62.98,11.09-94.25,3.27-10.03-2.69-21.68-7.05-21.68-7.05h0c-1.68-.73-3.34-.99-4.64.87-2.28,3.27-.29,6.66,1.68,9.74,4.67,7.27,13.68,7.98,20.81,10.44,2.44.77-4.2,5.21-6.34,6.84-10.34,7.91-20.46,15.14-30.76,22.8l-6.74,4.97h0c-1.16.8-2.18,1.69-1.64,3.37.61,1.88,2.57,2.22,4.47,2.62,7.37,1.53,13.66-.92,19.48-5.27,12.48-9.35,25.18-18.41,37.39-28.11,4.64-3.7,8.86-3.39,15.21-1.74-15.88,11.97-30.73,23.17-45.6,34.36-15.08,11.35-30.18,22.7-45.28,34.03l-9.98,7.38c-.15.1-.29.21-.43.32l-.15.11h0c-.85.68-1.48,1.44-1.3,2.44.4,2.25,3.05,2.81,5.21,3.18,8.92,1.54,14.44-1.82,20.54-6.39,30.5-22.9,61.12-45.64,91.44-68.76,6.8-5.18,13.79-8.11,23.61-7.01-8.36,6.25-16.38,12.24-24.3,18.16l-21.51,15.92c-.15.11-.3.22-.45.33h-.02c-1.14.9-1.94,1.96-1.49,3.53.82,2.84,4.24,3.18,7.15,3.62,5.34.8,9.87-1.09,14.06-4.21,2.41-1.8,4.84-3.57,7.28-5.33h0s32.84-26.08,32.84-26.08c0,0,7.76-5.54,16.74-10.64.8-.5,1.61-1,2.41-1.49.34-.15,1.2-.54,2.48-1.16.97-.5,1.93-.99,2.89-1.44,1.41-.72,3.05-1.59,4.88-2.59,5.3-2.2,20.44-9.27,32.98-22.62,5.96-4.6,14.34-10.6,20.87-13.49h0s.04-.02.04-.02c.5-.22.98-.42,1.46-.6h0s.03,0,.06-.02c.32-.12.63-.23.93-.33l.84-.33c2.36-.67,6.22-.92,6.71,4.29.09,1.28.06,2.59-.08,3.97-.11,1.04-.3,2.14-.46,3.02-.15.85.2,1.71.88,2.21.11.08.22.15.34.21.9.44,1.99.24,2.66-.51.25-.28.51-.55.77-.83,3.22-3.38,6.47-5.73,9.95-7.16,5.07-2.1,10.2-2.11,15.68-.02,2.6.99,5.05,2.34,7.48,4.14,1.03.76,2.08,1.62,3.11,2.55.61.56,1.22,1.18,1.76,1.72l.09.09.44.45c.08.08.17.16.26.22.52.38,1.18.53,1.82.39.75-.16,1.37-.69,1.63-1.41.05-.14.1-.28.15-.41,1.56-4.59,1.87-8.82.97-12.93Z"}),n("path",{className:"cls-4",d:"m208.42,169.5c-.37,2.28-.76,4.55-1.19,6.82.43-2.27.82-4.55,1.19-6.82h0Z"}),n("path",{className:"cls-4",d:"m248.79,194.81c.16.07.33.13.5.19-.17-.06-.33-.13-.5-.19"}),n("path",{className:"cls-4",d:"m230.37,180.81s0,0,0,.01c0,0,0,0,0-.01"}),n("path",{className:"cls-4",d:"m230.5,180.5s-.03.06-.04.1c.01-.03.03-.07.04-.1"}),n("path",{className:"cls-4",d:"m255.55,180.46s-.05.08-.08.13c.03-.04.05-.08.08-.13"}),n("path",{className:"cls-4",d:"m215.62,178.85c-.28.59-.54,1.22-.82,1.82.28-.59.54-1.22.82-1.82"}),n("path",{className:"cls-4",d:"m188.53,177.51s.01,0,.02,0c0,0-.01,0-.02,0"}),n("polyline",{className:"cls-4",points:"184.47 175.68 184.47 175.69 184.47 175.68"}),n("polyline",{className:"cls-4",points:"184.45 175.66 184.46 175.66 184.45 175.66"}),n("polyline",{className:"cls-4",points:"184.43 175.62 184.44 175.64 184.43 175.62"}),n("path",{className:"cls-4",d:"m184.42,175.6s0,0,0,.01c0,0,0,0,0-.01"}),n("path",{className:"cls-4",d:"m184.39,175.57s.01.02.02.03c0-.01-.01-.02-.02-.03"}),n("path",{className:"cls-4",d:"m183.65,172.72s0,.01,0,.02c0,0,0-.01,0-.02"}),n("path",{className:"cls-4",d:"m193.79,171c-.08.46-.17.91-.26,1.37.09-.46.17-.91.26-1.37"}),n("path",{className:"cls-4",d:"m168.79,167.86c-.3.32-.63.54-.99.68.35-.14.68-.36.99-.68"}),n("path",{className:"cls-5",d:"m184.47,175.69c.25.35.57.64.99.9h0c-.42-.25-.74-.55-.99-.9m-.02-.03s0,.01.01.02c0,0,0-.01-.01-.02m-.02-.02v.02s0-.01,0-.02m-.01-.02s0,0,0,0c0,0,0,0,0,0m-.01-.01s0,0,0,0c0,0,0,0,0,0m-.02-.04s0,0,0,0c0,0,0,0,0,0m-.74-2.82s0,.01,0,.01c0,0,0,0,0-.01m0-.06h0s0,.03,0,.04c0-.01,0-.02,0-.04m-19.74-4.71s.03.01.04.02c.95.41,1.9.74,2.79.74.37,0,.73-.06,1.06-.19-.34.13-.69.19-1.06.19-.9,0-1.87-.34-2.83-.75m19.61-2.97s0,.01,0,.02c0,0,0-.01,0-.02"}),n("path",{className:"cls-5",d:"m249.29,195c.08.03.16.06.24.09h0c-.08-.03-.16-.06-.24-.09m-18.14-7.32s0,0-.01,0c0,0,.01,0,.01,0m-2.75-1.47c0,.64.22,1.23.85,1.66.23.16.47.23.71.23.38,0,.77-.16,1.17-.41-.4.25-.79.41-1.17.41-.25,0-.49-.07-.72-.23-.63-.43-.85-1.02-.85-1.66m1.33-3.84c-.04.08-.07.17-.11.25.04-.08.07-.17.11-.25m.64-1.54c-.21.51-.42,1.02-.64,1.53.22-.51.43-1.02.64-1.53m.09-.23c-.03.07-.06.14-.09.22.03-.07.06-.14.09-.22m25.01-.01s-.01.02-.02.03c0-.01.01-.02.02-.03m.1-.16s-.01.02-.02.03c0-.01.01-.02.02-.03m-25.03-.01s-.03.06-.04.09c.01-.03.02-.06.04-.09m-23.84-.69c0,1.46.59,2.74,2.81,3.47.68.23,1.28.33,1.8.33,1.87,0,2.77-1.32,3.5-2.85-.73,1.53-1.62,2.85-3.5,2.85-.52,0-1.11-.1-1.8-.33-2.22-.73-2.8-2.01-2.81-3.47m-18.18-2.21h.01-.01m3.63-1.49c-.67.87-1.65,1.51-3.14,1.51-.15,0-.3,0-.46-.02.16.01.31.02.46.02,1.48,0,2.47-.63,3.14-1.51m28.75-10.95s-.01,0-.02,0c-.66,2.17-1.35,4.33-2.13,6.49-.9,2.48-1.98,4.9-3.12,7.28h0c1.13-2.38,2.22-4.8,3.12-7.28.78-2.16,1.5-4.33,2.16-6.49m-25.9-1.2c-.36,2.38-.76,4.75-1.2,7.12.44-2.37.84-4.75,1.2-7.12h0m58.07-11.39s0,0,0,0c-3.26,10.69-8.32,20.76-16.37,29.77-.96,1.08-1.99,2.08-3.02,3.1h0c1.03-1.01,2.06-2.02,3.02-3.1,8.05-9.02,13.12-19.09,16.38-29.78"}),n("path",{className:"cls-10",d:"m4.56,45.73c-.4,0-.85.09-1.34.31-2.11.91-2.68,3.11-2.93,5.45,11.33,14.85,56.07,69.62,126.46,107.18,0,0,68.91,36.38,138.24,40.31-5.37-.73-10.17-1.93-14.65-3.59-.26-.1-.53-.19-.8-.29h0c-25.19-5.44-46.66-12.25-61.84-17.7.29.06.57.1.84.13-.28-.03-.57-.07-.88-.14-.92-.2-1.62-.46-2.17-.79-12.01-4.39-19.66-7.76-21.51-8.59-.88-.38-1.75-.83-2.53-1.15-45.52-18.84-84.49-45.28-118.5-78.71C29.51,74.47,6.74,46.89,6.74,46.89h0c-.58-.68-1.28-1.16-2.18-1.16"}),n("path",{className:"cls-8",d:"m9.57,103.87c-.16,0-.33.02-.51.06-2.12.49-2.72,2.67-3.11,4.51-.07.33-.13.66-.18.99,35.19,47.67,82.41,67.15,82.41,67.15,47.15,22.21,85.84,26.69,109.4,26.69,9.75,0,16.91-.77,21.01-1.37-1.87.21-3.93.31-6.14.31-13.81,0-33.56-3.79-50.06-7.64-10.15-2.13-20.1-4.71-29.85-7.79-.45-.13-.69-.2-.69-.2v-.02c-37.88-12.05-72.58-31.59-102.92-61.4-2.87-2.82-5.54-5.86-8.15-8.95-2.41-2.86-7.36-8.84-9.06-10.89-.19-.27-.39-.51-.6-.73h0s0,0,0,0c-.41-.42-.9-.72-1.53-.72"}),n("path",{className:"cls-9",d:"m41.57,186.66c-.56,0-1.13.18-1.69.61-2.39,1.85-1.26,4.91-.35,7.6,17.64,10.71,58.1,31.53,106.02,31.53,18.09,0,37.24-2.97,56.64-10.57-14,4.54-28.37,6.23-42.87,6.23-1.61,0-3.23-.02-4.85-.06-31.26-.78-60.57-8.29-88.12-21.68-10.16-5.22-19.62-11.05-22.11-12.6-.88-.6-1.78-1.06-2.68-1.06"}),n("path",{className:"cls-12",d:"m205.41,231.93c-7.68,5.89-16.32,9.97-25.34,13.27-16.95,6.2-33.84,8.94-50.68,8.94-14.56,0-29.08-2.05-43.57-5.67-10.03-2.69-21.68-7.05-21.68-7.05h0c-.74-.32-1.47-.55-2.17-.55-.9,0-1.74.38-2.47,1.42-1.06,1.52-1.2,3.07-.85,4.6,11.13,5.17,35,14.36,64.11,14.36,25.24,0,54.41-6.9,82.66-29.31"}),n("path",{className:"cls-7",d:"m130.35,268.02c-27.34,0-48.01-5.54-50.62-6.27.77.23,1.52.46,2.26.71,2.44.77-4.2,5.21-6.34,6.84-7.65,5.85-15.17,11.32-22.73,16.88h23.2c7.31-5.4,14.6-10.84,21.72-16.5,2.65-2.11,5.15-2.91,7.99-2.91,2.15,0,4.48.46,7.22,1.17-15.88,11.97-30.73,23.17-45.6,34.36-8.69,6.54-17.39,13.07-26.09,19.61h23.34c20.99-15.71,41.97-31.42,62.82-47.32,4.81-3.67,9.71-6.2,15.64-6.98-4.39.29-8.67.41-12.8.41Z"}),n("path",{className:"cls-6",d:"m125.47,286.75h22.55l16.66-13.24s7.76-5.54,16.74-10.64c.8-.5,1.61-1,2.41-1.49.34-.15,1.2-.54,2.48-1.16.97-.5,1.93-.99,2.89-1.44,1.46-.75,3.18-1.65,5.09-2.71-16.08,6.73-32.54,10.02-47.79,11.29.21,0,.42,0,.63,0,1.28,0,2.61.07,3.99.23-8.36,6.25-16.38,12.24-24.3,18.16l-1.36,1Z"}),n("path",{className:"cls-11",d:"m183.65,172.69c.03-2.03.01-4.05-.06-6.08v-.15s0,0,0,0c-.01-.29-.03-.57-.04-.86v-.02s-.02-.4-.02-.4c-.08-1.7-.21-3.41-.37-5.12-5.38-2.26-10.45-5.15-15.12-8.56.03.48.05.96.12,1.46.57,4.06.43,2.81.84,6.34.33,1.82.66,5.13.69,6.19-.09.94-.32,1.76-.9,2.37-.59.63-1.29.87-2.05.87-.9,0-1.87-.34-2.83-.75,1.78.8,9.45,4.19,21.55,8.61-1.3-.79-1.69-2.01-1.81-3.9Z"}),n("path",{className:"cls-13",d:"m271.38,134.41c-5.03,7.01-11.24,13.15-18.32,18.08-3.26,10.69-8.32,20.76-16.37,29.77-.96,1.08-1.99,2.08-3.02,3.1-1,.97-2.45,2.73-3.7,2.73-.25,0-.49-.07-.72-.23-1.84-1.28-.2-3.9.37-5.25,3.02-7.06,5.33-14.23,7.04-21.49-5.04,1.89-10.33,3.22-15.79,3.96-.66,2.17-1.35,4.33-2.13,6.49-.9,2.48-1.98,4.9-3.12,7.28-1,2.11-1.72,4.67-4.32,4.67-.52,0-1.11-.1-1.8-.33-3.86-1.28-2.78-4.2-2.27-6.87.67-3.54,1.27-7.08,1.79-10.63-4.8-.15-9.49-.77-14.03-1.82-.43,2.83-.92,5.67-1.46,8.49-.36,1.89-1.16,5.17-4.53,5.17-.4,0-.85-.05-1.33-.15,15.19,5.45,36.66,12.26,61.84,17.71h0c-.25-.1-.5-.19-.74-.29-4.02-1.69,3.23-8.92,6.55-14.03,9.35-14.37,13.92-30.09,16.03-46.36Z"}),n("path",{className:"cls-2",d:"m267.61,212.35c-3.15,0-6.32.3-9.44.88-.59.11-1.17.16-1.72.16-.89,0-1.72-.13-2.5-.37.13.16.25.3.37.47,1.37,1.9,2.08,3.98,2.35,6.14.34.37.63.84.86,1.43h0s0,.02.01.03c0,0,0,0,0,0,0,0,0,.01,0,.02,0,0,0,0,0,0,0,0,0,.01,0,.02,0,0,0,0,0,0,0,0,0,.01,0,.02,0,0,0,0,0,0,0,0,0,.01,0,.02,0,0,0,0,0,0,0,0,0,.01,0,.02,0,0,0,0,0,.01,0,0,0,.01,0,.02,0,0,0,0,0,.01,0,0,0,0,0,.01,0,0,0,0,0,.01,0,0,0,.01,0,.01,0,0,0,0,0,0,0,0,0,.01,0,.02,0,0,0,0,0,.01,0,0,0,0,0,0v.02s0,0,0,.01c0,0,0,.01,0,.02,0,0,0,0,0,.01,0,0,0,.01,0,.02,0,0,0,0,0,0,0,0,0,.01,0,.02,0,0,0,0,0,0,0,0,0,.02,0,.02,0,0,0,0,0,0,0,0,0,.01,0,.02,0,0,0,0,0,0,0,.01,0,.02,0,.03,0,0,0,0,0,0,0,0,0,0,0,.01t0,0s0,.02,0,.03c0,0,0,0,0,0,0,0,0,.02,0,.03,0,0,0,0,0,0,0,0,0,.01,0,.02,0,0,0,0,0,.01,0,0,0,0,0,.02,0,0,0,.01,0,.02,0,0,0,.01,0,.01,0,0,0,.01,0,.01,0,0,0,.01,0,.02,0,0,0,.01,0,.01,0,0,0,0,0,.02s0,.01,0,.02c0,0,0,0,0,.01,0,0,0,.01,0,.02,0,0,0,0,0,.01,0,0,0,.01,0,.02,0,0,0,.01,0,.01s0,.01,0,.01c0,0,0,0,0,.01,0,0,0,.01,0,.02,0,0,0,0,0,.01,0,0,0,.01,0,.02,0,0,0,0,0,.01,0,0,0,.01,0,.02,0,0,0,0,0,.01,0,0,0,.01,0,.02,0,0,0,0,0,.01,0,0,0,.01,0,.02,0,0,0,0,0,0,0,0,0,.02,0,.03,0,0,0,0,0,0,0,0,0,.02,0,.03,0,0,0,0,0,0,0,0,0,.02,0,.02,0,0,0,0,0,0,0,.01,0,.02,0,.03,0,0,0,0,0,0,0,0,0,.02,0,.03,0,0,0,0,0,0,0,0,0,.02,0,.03h0s0,.03,0,.04h0s0,.02,0,.03h0s0,.03,0,.03h0s0,.03,0,.04h0s0,.02,0,.03h0s0,.02,0,.03h0s0,.02,0,.03h0s0,.02,0,.04c0,0,0,0,0,0,0,.03.01.07.01.1h0s0,.03,0,.04h0s0,.07.01.11h0s0,.02,0,.04h0s0,.03,0,.04h0s0,.05,0,.07h0s0,.02,0,.04h0s0,.03,0,.04h0s0,.03,0,.04h0c.03.5.05,1,.05,1.52,0,.8-.04,1.61-.13,2.46-.11,1.04-.3,2.14-.46,3.02-.02.13-.04.27-.04.4,0,.71.34,1.39.92,1.81l.34.21c.32.16.66.23,1,.23.62,0,1.23-.26,1.67-.74.25-.28.51-.55.77-.83,3.22-3.38,6.47-5.73,9.95-7.16,2.54-1.05,5.1-1.58,7.71-1.58s5.24.52,7.96,1.56c2.6.99,5.05,2.34,7.48,4.14,1.03.76,2.08,1.62,3.11,2.55.61.56,1.22,1.18,1.76,1.72l.09.09.44.45.26.22c.38.28.83.43,1.3.44-2.15-4.61-4.88-8.9-8.73-12.24-7.28-6.31-16.46-8.98-25.8-8.98"}),n("path",{className:"cls-14",d:"m266.74,181.67l-.41.04c-.97.18-1.72.97-1.83,1.96-.09.76-.08,1.57.02,2.41.03.26-.03.52-.16.73,3.89,5.78,12.33,16.03,25.15,19.91,0,0,19.81,10.36,14.8,25.38h0l.15-.41c1.56-4.59,1.87-8.82.97-12.93-.9-4.06-2.96-7.8-6.14-11.13-1.22-1.28-2.59-2.48-4.07-3.58-.72-.53-1.48-1.03-2.26-1.52-.97-.6-1.98-1.19-3.07-1.75-4.05-2.08-7.5-4.17-10.53-6.41-1.23-.91-2.42-1.86-3.53-2.83-2.71-2.37-4.53-4.38-5.88-6.53-.44-.69-.83-1.44-1.2-2.14-.16-.31-.39-.57-.66-.77-.38-.28-.85-.44-1.34-.44"}),n("path",{className:"cls-3",d:"m241.61,223.53l4.01-2.33,16.87-22.61s-9.24-1.75-13.7-3.78c0,0-4.64,21.12-21.73,38.76l6.3-4.67c2.51-1.76,4.79-3.29,8.24-5.37Z"})]})]})}const ll=m`
|
|
1096
|
+
padding: var(--px-spacing-med) var(--px-spacing-med) var(--px-spacing-med)
|
|
1097
|
+
12px;
|
|
1098
|
+
border-bottom: 1px solid var(--ac-global-color-grey-200);
|
|
1099
|
+
flex: none;
|
|
1100
|
+
display: flex;
|
|
1101
|
+
flex-direction: row;
|
|
1102
|
+
justify-content: space-between;
|
|
1103
|
+
align-items: center;
|
|
1104
|
+
`,ol=m`
|
|
1105
|
+
padding: var(--px-spacing-lg) var(--px-spacing-med);
|
|
1106
|
+
flex: none;
|
|
1107
|
+
display: flex;
|
|
1108
|
+
flex-direction: column;
|
|
1109
|
+
background-color: var(--ac-global-color-grey-75);
|
|
1110
|
+
border-right: 1px solid var(--ac-global-color-grey-200);
|
|
1111
|
+
box-sizing: border-box;
|
|
1112
|
+
height: 100vh;
|
|
1113
|
+
position: fixed;
|
|
1114
|
+
width: var(--px-nav-collapsed-width);
|
|
1115
|
+
z-index: 2; // Above the content
|
|
1116
|
+
transition:
|
|
1117
|
+
width 0.15s cubic-bezier(0, 0.57, 0.21, 0.99),
|
|
1118
|
+
box-shadow 0.15s cubic-bezier(0, 0.57, 0.21, 0.99);
|
|
1119
|
+
&[data-expanded="true"] {
|
|
1120
|
+
width: var(--px-nav-expanded-width);
|
|
1121
|
+
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
|
|
1122
|
+
}
|
|
1123
|
+
`,ln=m`
|
|
1124
|
+
width: 100%;
|
|
1125
|
+
color: var(--ac-global-color-grey-500);
|
|
1126
|
+
background-color: transparent;
|
|
1127
|
+
border-radius: var(--ac-global-rounding-small);
|
|
1128
|
+
display: flex;
|
|
1129
|
+
flex-direction: row;
|
|
1130
|
+
align-items: center;
|
|
1131
|
+
overflow: hidden;
|
|
1132
|
+
transition:
|
|
1133
|
+
color 0.2s ease-in-out,
|
|
1134
|
+
background-color 0.2s ease-in-out;
|
|
1135
|
+
text-decoration: none;
|
|
1136
|
+
&.active {
|
|
1137
|
+
color: var(--ac-global-color-grey-1200);
|
|
1138
|
+
background-color: var(--ac-global-color-primary-300);
|
|
1139
|
+
}
|
|
1140
|
+
&:hover:not(.active) {
|
|
1141
|
+
color: var(--ac-global-color-grey-1200);
|
|
1142
|
+
background-color: var(--ac-global-color-grey-200);
|
|
1143
|
+
}
|
|
1144
|
+
& > .ac-icon-wrap {
|
|
1145
|
+
padding: var(--ac-global-dimension-size-50);
|
|
1146
|
+
display: inline-block;
|
|
1147
|
+
}
|
|
1148
|
+
`,sl=e=>m`
|
|
1149
|
+
color: var(--ac-global-text-color-900);
|
|
1150
|
+
font-size: ${e.typography.sizes.large.fontSize}px;
|
|
1151
|
+
text-decoration: none;
|
|
1152
|
+
margin: 0 0 var(--px-spacing-lg) 0;
|
|
1153
|
+
`,cl=()=>n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",children:s("g",{"data-name":"Layer 2",children:[n("rect",{width:"24",height:"24",transform:"rotate(180 12 12)",opacity:"0"}),n("path",{d:"M12 1A10.89 10.89 0 0 0 1 11.77 10.79 10.79 0 0 0 8.52 22c.55.1.75-.23.75-.52v-1.83c-3.06.65-3.71-1.44-3.71-1.44a2.86 2.86 0 0 0-1.22-1.58c-1-.66.08-.65.08-.65a2.31 2.31 0 0 1 1.68 1.11 2.37 2.37 0 0 0 3.2.89 2.33 2.33 0 0 1 .7-1.44c-2.44-.27-5-1.19-5-5.32a4.15 4.15 0 0 1 1.11-2.91 3.78 3.78 0 0 1 .11-2.84s.93-.29 3 1.1a10.68 10.68 0 0 1 5.5 0c2.1-1.39 3-1.1 3-1.1a3.78 3.78 0 0 1 .11 2.84A4.15 4.15 0 0 1 19 11.2c0 4.14-2.58 5.05-5 5.32a2.5 2.5 0 0 1 .75 2v2.95c0 .35.2.63.75.52A10.8 10.8 0 0 0 23 11.77 10.89 10.89 0 0 0 12 1","data-name":"github"})]})});function kt(e){return s("a",{href:e.href,target:"_blank",css:ln,rel:"noreferrer",children:[e.icon,n(L,{children:e.text})]})}function To(){return n(kt,{href:"https://github.com/arize-ai/phoenix",icon:n(I,{svg:n(cl,{})}),text:"Repository"})}function Io(){return n(kt,{href:"https://docs.arize.com/phoenix",icon:n(I,{svg:n(M.BookOutline,{})}),text:"Documentation"})}function Do(){const{theme:e,setTheme:t}=Q(),a=e==="dark";return s("button",{css:ln,onClick:()=>t(a?"light":"dark"),className:"button--reset",children:[n(I,{svg:a?n(M.MoonOutline,{}):n(M.SunOutline,{})}),n(L,{children:a?"Dark":"Light"})]})}function Eo(){return n(Fn,{to:"/",css:sl,title:`version: ${window.Config.platformVersion}`,children:n(il,{})})}function Fo({children:e}){return n("nav",{css:ll,children:e})}function Po({children:e}){const[t,a]=p.useState(!1);return n("nav",{"data-expanded":t,css:ol,onMouseOver:()=>{a(!0)},onMouseOut:()=>{a(!1)},children:e})}function _o(e){return s(na,{to:e.to,css:ln,children:[e.icon,n(L,{children:e.text})]})}function dl(e){var t;return typeof e.handle=="object"&&typeof((t=e.handle)==null?void 0:t.crumb)=="function"}function No(){const e=ta(),a=aa().filter(dl);return n(va,{onAction:r=>{e(a[Number(r)].pathname)},children:a.map((r,i)=>n(P,{children:r.handle.crumb(r.data)},i))})}const Ct=function(){var e={defaultValue:null,kind:"LocalArgument",name:"datasetId"},t={defaultValue:null,kind:"LocalArgument",name:"description"},a={defaultValue:null,kind:"LocalArgument",name:"metadata"},r={defaultValue:null,kind:"LocalArgument",name:"name"},i=[{alias:null,args:[{fields:[{kind:"Variable",name:"datasetId",variableName:"datasetId"},{kind:"Variable",name:"description",variableName:"description"},{kind:"Variable",name:"metadata",variableName:"metadata"},{kind:"Variable",name:"name",variableName:"name"}],kind:"ObjectValue",name:"input"}],concreteType:"DatasetMutationPayload",kind:"LinkedField",name:"patchDataset",plural:!1,selections:[{alias:null,args:null,concreteType:"Dataset",kind:"LinkedField",name:"dataset",plural:!1,selections:[{alias:null,args:null,kind:"ScalarField",name:"name",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"description",storageKey:null},{alias:null,args:null,kind:"ScalarField",name:"metadata",storageKey:null}],storageKey:null}],storageKey:null}];return{fragment:{argumentDefinitions:[e,t,a,r],kind:"Fragment",metadata:null,name:"EditDatasetFormMutation",selections:i,type:"Mutation",abstractKey:null},kind:"Request",operation:{argumentDefinitions:[e,r,t,a],kind:"Operation",name:"EditDatasetFormMutation",selections:i},params:{cacheID:"d68da97aac0aaababba2324b7d10e250",id:null,metadata:{},name:"EditDatasetFormMutation",operationKind:"mutation",text:`mutation EditDatasetFormMutation(
|
|
1154
|
+
$datasetId: GlobalID!
|
|
1155
|
+
$name: String!
|
|
1156
|
+
$description: String = null
|
|
1157
|
+
$metadata: JSON = null
|
|
1158
|
+
) {
|
|
1159
|
+
patchDataset(input: {datasetId: $datasetId, name: $name, description: $description, metadata: $metadata}) {
|
|
1160
|
+
dataset {
|
|
1161
|
+
name
|
|
1162
|
+
description
|
|
1163
|
+
metadata
|
|
1164
|
+
}
|
|
1165
|
+
}
|
|
1166
|
+
}
|
|
1167
|
+
`}}}();Ct.hash="17e232f5c22d36d0663f140c00343680";function Vo({datasetName:e,datasetId:t,datasetDescription:a,onDatasetEdited:r,onDatasetEditError:i,datasetMetadata:l}){const[o,d]=B.useMutation(Ct);return n(vt,{datasetName:e,datasetDescription:a,datasetMetadata:l,onSubmit:u=>{o({variables:{datasetId:t,...u,metadata:JSON.parse(u.metadata)},onCompleted:()=>{r()},onError:h=>{i(h)}})},isSubmitting:d,submitButtonText:d?"Saving...":"Save"})}function Ro(e){const{value:t}=e;return s("div",{className:"python-code-block",css:m`
|
|
1168
|
+
position: relative;
|
|
1169
|
+
.copy-to-clipboard-button {
|
|
1170
|
+
position: absolute;
|
|
1171
|
+
top: var(--ac-global-dimension-size-100);
|
|
1172
|
+
right: var(--ac-global-dimension-size-100);
|
|
1173
|
+
z-index: 1;
|
|
1174
|
+
}
|
|
1175
|
+
`,children:[n(cr,{text:t}),n(Xi,{value:t})]})}function Oo({sequenceNumber:e}){return s(We,{color:"yellow-1000",children:["#",e]})}export{ql as $,ke as A,Nl as B,Yl as C,_a as D,uo as E,ye as F,ut as G,ce as H,co as I,Hl as J,tn as K,or as L,$l as M,jl as N,Zl as O,El as P,kl as Q,Le as R,ae as S,Dl as T,Ll as U,Cl as V,Sl as W,Gl as X,Wl as Y,Al as Z,Ul as _,Ha as a,Pl as a$,Jl as a0,Ql as a1,Ja as a2,ao as a3,so as a4,ot as a5,Xa as a6,zl as a7,ue as a8,Tl as a9,_l as aA,xo as aB,at as aC,wo as aD,Bi as aE,Mo as aF,So as aG,No as aH,Fo as aI,Eo as aJ,_o as aK,Io as aL,To as aM,Do as aN,Po as aO,xl as aP,bl as aQ,Co as aR,Vo as aS,Rl as aT,Ro as aU,Va as aV,Lo as aW,wi as aX,Oo as aY,er as aZ,rr as a_,Di as aa,Ei as ab,Ii as ac,Fi as ad,mo as ae,cr as af,Za as ag,Vl as ah,ko as ai,tl as aj,Ji as ak,cn as al,bo as am,vl as an,Gi as ao,fo as ap,vo as aq,yo as ar,ho as as,go as at,po as au,al as av,xi as aw,Wa as ax,Bl as ay,Ml as az,Fl as b,Il as b0,yl as b1,wl as b2,Ol as c,Q as d,Pa as e,v as f,Xn as g,F as h,dr as i,ro as j,io as k,lo as l,no as m,to as n,oo as o,Ue as p,eo as q,Xl as r,Ln as s,rt as t,Ve as u,Mr as v,Tr as w,Hn as x,_r as y,Kl as z};
|