@wso2/am-core-ui 0.0.19 → 0.0.20

package/dist/{index-BP5drcF2.js → index-DBdRFjxm.js}

@@ -1,18 +1,18 @@
-import { jsx as t, jsxs as y, Fragment as Le } from "react/jsx-runtime";
+import { jsx as t, jsxs as y, Fragment as Ae } from "react/jsx-runtime";
 import { useState as re, useRef as Ce, useCallback as Z, memo as je, useEffect as De, useMemo as ee } from "react";
-import { useParams as Ee, useSearchParams as We } from "react-router-dom";
-import { I as ne, h as Je, aK as xe, N as pe, t as Ke, aL as Ge, aH as ze, aM as Ve, aN as Ye, aO as qe, aP as Xe, aQ as Qe, aR as Ze, i as et, z as tt, aS as nt, T as Q, e as rt, aT as Ne, q as Oe, P as ve, n as it, D as at, m as ot, aU as st } from "./index-B_Z0MwXk.js";
-import { ArrowUp as lt, XCircle as ct, CheckCircle as dt, ArrowDown as ut, Workflow as fe, X as ht, Check as pt, Clock as ft, Coins as mt, Package as gt, Brain as bt, Database as vt, Filter as St, Thermometer as xt, ChartArea as wt, Search as yt, ChevronUp as Tt, ChevronDown as kt, Shovel as Ct, Info as Nt, SortDesc as Ot, SortAsc as It, RefreshCcw as At, Download as Lt } from "@wso2/oxygen-ui-icons-react";
-import { c as q } from "react/compiler-runtime";
+import { useParams as Ee, useSearchParams as He } from "react-router-dom";
+import { O as ne, h as We, aP as xe, N as pe, n as Je, aQ as Ke, aM as Le, aR as Ge, aS as Ve, aT as Ye, aU as Xe, aV as qe, aW as Qe, o as Ze, G as et, aX as tt, T as Q, e as nt, aY as Ne, P as ve, t as rt, D as it, s as at, aZ as ot, a_ as st } from "./index-ByEInFlf.js";
+import { ArrowUp as lt, XCircle as ct, CheckCircle as dt, ArrowDown as ut, Workflow as fe, X as ht, Check as pt, Clock as ft, Coins as mt, Package as gt, Brain as bt, Database as vt, Filter as St, Thermometer as xt, ChartArea as wt, Search as yt, ChevronUp as Tt, ChevronDown as kt, Shovel as Ct, Info as Nt, SortDesc as Ot, SortAsc as It, RefreshCcw as At, Download as Dt } from "@wso2/oxygen-ui-icons-react";
+import { c as X } from "react/compiler-runtime";
 import "@tanstack/react-query";
-import { DataGrid as Dt, ListingTable as _, Button as Se, CircularProgress as de, Tooltip as J, Typography as D, Chip as W, Stack as R, useColorScheme as Et, IconButton as ue, Accordion as zt, AccordionSummary as _t, AccordionDetails as Mt, Box as G, Card as V, CardContent as Y, Divider as we, Tab as ce, Tabs as Rt, Skeleton as he, Alert as se, Snackbar as Pt } from "@wso2/oxygen-ui";
-import { F as Bt } from "./index-PWsNvJB-.js";
-import { E as $t } from "./EnvironmentSelector-B7Bl93s2.js";
+import { DataGrid as Et, ListingTable as M, Button as Se, CircularProgress as de, Tooltip as J, Typography as E, Chip as W, Stack as R, useColorScheme as Lt, IconButton as ue, Accordion as zt, AccordionSummary as Mt, AccordionDetails as _t, Box as G, Card as V, CardContent as Y, Divider as we, Tab as ce, Tabs as Rt, Skeleton as he, Alert as se, Snackbar as Pt } from "@wso2/oxygen-ui";
+import { F as Ft } from "./index-PWsNvJB-.js";
+import { E as $t } from "./EnvironmentSelector-D8S6nO9u.js";
 const {
-  DataGrid: Ft
-} = Dt, Ut = (i) => i / 1e9;
-function Ht(i) {
-  const e = q(13), {
+  DataGrid: Bt
+} = Et, Ut = (i) => i / 1e9;
+function jt(i) {
+  const e = X(13), {
     traces: n,
     onTraceSelect: s,
     sortOrder: r,
@@ -22,9 +22,9 @@ function Ht(i) {
     isLoadingNewer: p,
     onLoadOlder: m,
     onLoadNewer: c
-  } = i, g = r === void 0 ? "desc" : r, f = a === void 0 ? !1 : a, w = h === void 0 ? !1 : h, C = p === void 0 ? !1 : p, v = g === "desc", b = v ? "Load Newer Traces" : "Load Older Traces", A = v ? c : m, T = v ? !c || C : !m || w, S = v ? C : w, N = v ? "Load Older Traces" : "Load Newer Traces", O = v ? m : c, L = v ? !m || w : !c || C, E = v ? w : C;
+  } = i, g = r === void 0 ? "desc" : r, f = a === void 0 ? !1 : a, w = h === void 0 ? !1 : h, C = p === void 0 ? !1 : p, v = g === "desc", b = v ? "Load Newer Traces" : "Load Older Traces", A = v ? c : m, T = v ? !c || C : !m || w, S = v ? C : w, N = v ? "Load Older Traces" : "Load Newer Traces", O = v ? m : c, D = v ? !m || w : !c || C, L = v ? w : C;
   let x;
-  return e[0] !== L || e[1] !== N || e[2] !== E || e[3] !== O || e[4] !== f || e[5] !== s || e[6] !== l || e[7] !== T || e[8] !== b || e[9] !== S || e[10] !== A || e[11] !== n ? (x = /* @__PURE__ */ t(ne, { children: f ? /* @__PURE__ */ t(Ft, { rows: [], columns: [{
+  return e[0] !== D || e[1] !== N || e[2] !== L || e[3] !== O || e[4] !== f || e[5] !== s || e[6] !== l || e[7] !== T || e[8] !== b || e[9] !== S || e[10] !== A || e[11] !== n ? (x = /* @__PURE__ */ t(ne, { children: f ? /* @__PURE__ */ t(Bt, { rows: [], columns: [{
     field: "status",
     headerName: "Status",
     flex: 5
@@ -60,74 +60,74 @@ function Ht(i) {
     field: "score",
     headerName: "Score",
     flex: 8
-  }], loading: !0, hideFooter: !0 }) : n.length > 0 ? /* @__PURE__ */ t(_.Container, { children: /* @__PURE__ */ y(_, { children: [
-    /* @__PURE__ */ t(_.Head, { children: /* @__PURE__ */ y(_.Row, { children: [
-      /* @__PURE__ */ t(_.Cell, { align: "center", width: "5%", sx: {
+  }], loading: !0, hideFooter: !0 }) : n.length > 0 ? /* @__PURE__ */ t(M.Container, { children: /* @__PURE__ */ y(M, { children: [
+    /* @__PURE__ */ t(M.Head, { children: /* @__PURE__ */ y(M.Row, { children: [
+      /* @__PURE__ */ t(M.Cell, { align: "center", width: "5%", sx: {
         maxWidth: 20
       }, children: "Status" }),
-      /* @__PURE__ */ t(_.Cell, { align: "left", width: "10%", children: "Name" }),
-      /* @__PURE__ */ t(_.Cell, { align: "left", width: "18%", children: "Input" }),
-      /* @__PURE__ */ t(_.Cell, { align: "left", width: "18%", children: "Output" }),
-      /* @__PURE__ */ t(_.Cell, { align: "center", width: "12%", children: "Start Time" }),
-      /* @__PURE__ */ t(_.Cell, { align: "right", width: "8%", children: "Duration" }),
-      /* @__PURE__ */ t(_.Cell, { align: "right", width: "8%", children: "Tokens" }),
-      /* @__PURE__ */ t(_.Cell, { align: "right", width: "8%", children: "Spans" }),
-      /* @__PURE__ */ t(_.Cell, { align: "right", width: "8%", children: "Score" })
+      /* @__PURE__ */ t(M.Cell, { align: "left", width: "10%", children: "Name" }),
+      /* @__PURE__ */ t(M.Cell, { align: "left", width: "18%", children: "Input" }),
+      /* @__PURE__ */ t(M.Cell, { align: "left", width: "18%", children: "Output" }),
+      /* @__PURE__ */ t(M.Cell, { align: "center", width: "12%", children: "Start Time" }),
+      /* @__PURE__ */ t(M.Cell, { align: "right", width: "8%", children: "Duration" }),
+      /* @__PURE__ */ t(M.Cell, { align: "right", width: "8%", children: "Tokens" }),
+      /* @__PURE__ */ t(M.Cell, { align: "right", width: "8%", children: "Spans" }),
+      /* @__PURE__ */ t(M.Cell, { align: "right", width: "8%", children: "Score" })
     ] }) }),
-    /* @__PURE__ */ y(_.Body, { children: [
-      /* @__PURE__ */ t(_.Row, { children: /* @__PURE__ */ t(_.Cell, { colSpan: 9, align: "center", children: /* @__PURE__ */ t(Se, { size: "small", variant: "text", disabled: T, onClick: A, startIcon: S ? /* @__PURE__ */ t(de, { size: 16 }) : /* @__PURE__ */ t(lt, { size: 16 }), children: S ? "Loading..." : b }) }) }),
-      n.map((u) => /* @__PURE__ */ y(_.Row, { hover: !0, selected: l === u.traceId, clickable: !0, onClick: () => s?.(u.traceId), children: [
-        /* @__PURE__ */ t(_.Cell, { align: "center", sx: {
+    /* @__PURE__ */ y(M.Body, { children: [
+      /* @__PURE__ */ t(M.Row, { children: /* @__PURE__ */ t(M.Cell, { colSpan: 9, align: "center", children: /* @__PURE__ */ t(Se, { size: "small", variant: "text", disabled: T, onClick: A, startIcon: S ? /* @__PURE__ */ t(de, { size: 16 }) : /* @__PURE__ */ t(lt, { size: 16 }), children: S ? "Loading..." : b }) }) }),
+      n.map((u) => /* @__PURE__ */ y(M.Row, { hover: !0, selected: l === u.traceId, clickable: !0, onClick: () => s?.(u.traceId), children: [
+        /* @__PURE__ */ t(M.Cell, { align: "center", sx: {
           color: (o) => u.status?.errorCount && u.status.errorCount > 0 ? o.palette.error.main : o.palette.success.main,
           maxWidth: 20
         }, children: /* @__PURE__ */ t(J, { title: `${u.status?.errorCount} errors found`, disableHoverListener: !u.status?.errorCount || u.status?.errorCount === 0, children: u.status?.errorCount && u.status.errorCount > 0 ? /* @__PURE__ */ t(ct, { size: 16 }) : /* @__PURE__ */ t(dt, { size: 16 }) }) }),
-        /* @__PURE__ */ t(_.Cell, { align: "left", children: /* @__PURE__ */ t(D, { variant: "caption", component: "span", sx: {
+        /* @__PURE__ */ t(M.Cell, { align: "left", children: /* @__PURE__ */ t(E, { variant: "caption", component: "span", sx: {
           display: "block",
           textOverflow: "ellipsis",
           overflow: "hidden",
           whiteSpace: "nowrap",
           maxWidth: "300px"
         }, children: u.rootSpanName }) }),
-        /* @__PURE__ */ t(_.Cell, { align: "left", sx: {
+        /* @__PURE__ */ t(M.Cell, { align: "left", sx: {
           maxWidth: 200
-        }, children: /* @__PURE__ */ t(J, { title: "Preview only. Open the trace for the full input.", disableHoverListener: !u.input, children: /* @__PURE__ */ t(D, { variant: "caption", component: "span", sx: {
+        }, children: /* @__PURE__ */ t(J, { title: "Preview only. Open the trace for the full input.", disableHoverListener: !u.input, children: /* @__PURE__ */ t(E, { variant: "caption", component: "span", sx: {
           display: "block",
           textOverflow: "ellipsis",
           overflow: "hidden",
           whiteSpace: "nowrap",
           maxWidth: "100%"
         }, children: u.input }) }) }),
-        /* @__PURE__ */ t(_.Cell, { align: "left", sx: {
+        /* @__PURE__ */ t(M.Cell, { align: "left", sx: {
           maxWidth: 200
-        }, children: /* @__PURE__ */ t(J, { title: "Preview only. Open the trace for the full output.", disableHoverListener: !u.output, children: /* @__PURE__ */ t(D, { variant: "caption", component: "span", sx: {
+        }, children: /* @__PURE__ */ t(J, { title: "Preview only. Open the trace for the full output.", disableHoverListener: !u.output, children: /* @__PURE__ */ t(E, { variant: "caption", component: "span", sx: {
           display: "block",
           textOverflow: "ellipsis",
           overflow: "hidden",
           whiteSpace: "nowrap",
           maxWidth: "100%"
         }, children: u.output }) }) }),
-        /* @__PURE__ */ t(_.Cell, { align: "center", children: /* @__PURE__ */ t(D, { variant: "caption", component: "span", sx: {
+        /* @__PURE__ */ t(M.Cell, { align: "center", children: /* @__PURE__ */ t(E, { variant: "caption", component: "span", sx: {
           display: "block",
           textOverflow: "ellipsis",
           overflow: "hidden",
           whiteSpace: "nowrap",
           maxWidth: "100%"
-        }, children: Je(new Date(u.startTime), "yyyy-MM-dd HH:mm:ss") }) }),
-        /* @__PURE__ */ t(_.Cell, { align: "right", children: /* @__PURE__ */ y(D, { variant: "caption", component: "span", children: [
+        }, children: We(new Date(u.startTime), "yyyy-MM-dd HH:mm:ss") }) }),
+        /* @__PURE__ */ t(M.Cell, { align: "right", children: /* @__PURE__ */ y(E, { variant: "caption", component: "span", children: [
           Ut(u.durationInNanos).toFixed(2),
           "s"
         ] }) }),
-        /* @__PURE__ */ t(_.Cell, { align: "right", children: (() => {
+        /* @__PURE__ */ t(M.Cell, { align: "right", children: (() => {
           const o = u.tokenUsage, k = o?.totalTokens != null, I = k ? o?.partial ? "Approximate total. This trace has more LLM spans than the list view aggregates. Open the trace for the exact total." : `${o?.inputTokens} input tokens, ${o?.outputTokens} output tokens` : "";
-          return /* @__PURE__ */ t(J, { disableHoverListener: !k, title: I, children: /* @__PURE__ */ t(D, { variant: "caption", component: "span", children: k ? /* @__PURE__ */ y(Le, { children: [
+          return /* @__PURE__ */ t(J, { disableHoverListener: !k, title: I, children: /* @__PURE__ */ t(E, { variant: "caption", component: "span", children: k ? /* @__PURE__ */ y(Ae, { children: [
             o?.totalTokens,
             o?.partial ? "+" : null
           ] }) : "-" }) });
         })() }),
-        /* @__PURE__ */ t(_.Cell, { align: "right", children: /* @__PURE__ */ t(D, { variant: "caption", component: "span", children: u.spanCount }) }),
-        /* @__PURE__ */ t(_.Cell, { align: "right", children: (() => {
+        /* @__PURE__ */ t(M.Cell, { align: "right", children: /* @__PURE__ */ t(E, { variant: "caption", component: "span", children: u.spanCount }) }),
+        /* @__PURE__ */ t(M.Cell, { align: "right", children: (() => {
           const o = u.score;
-          return !o || o.score == null ? /* @__PURE__ */ t(D, { variant: "caption", component: "span", children: "-" }) : /* @__PURE__ */ t(J, { title: `${o.totalCount} evaluations, ${o.skippedCount} skipped`, children: /* @__PURE__ */ y(D, { variant: "caption", component: "span", sx: {
+          return !o || o.score == null ? /* @__PURE__ */ t(E, { variant: "caption", component: "span", children: "-" }) : /* @__PURE__ */ t(J, { title: `${o.totalCount} evaluations, ${o.skippedCount} skipped`, children: /* @__PURE__ */ y(E, { variant: "caption", component: "span", sx: {
             color: xe(o.score),
             fontWeight: 600
           }, children: [
@@ -136,15 +136,15 @@ function Ht(i) {
           ] }) });
         })() })
       ] }, u.traceId)),
-      /* @__PURE__ */ t(_.Row, { children: /* @__PURE__ */ t(_.Cell, { colSpan: 9, align: "center", children: /* @__PURE__ */ t(Se, { size: "small", variant: "text", disabled: L, onClick: O, startIcon: E ? /* @__PURE__ */ t(de, { size: 16 }) : /* @__PURE__ */ t(ut, { size: 16 }), children: E ? "Loading..." : N }) }) })
+      /* @__PURE__ */ t(M.Row, { children: /* @__PURE__ */ t(M.Cell, { colSpan: 9, align: "center", children: /* @__PURE__ */ t(Se, { size: "small", variant: "text", disabled: D, onClick: O, startIcon: L ? /* @__PURE__ */ t(de, { size: 16 }) : /* @__PURE__ */ t(ut, { size: 16 }), children: L ? "Loading..." : N }) }) })
     ] })
-  ] }) }) : /* @__PURE__ */ t(_.Container, { children: /* @__PURE__ */ t(_.EmptyState, { illustration: /* @__PURE__ */ t(fe, { size: 64 }), title: "No traces found!", description: "Try changing the time range" }) }) }), e[0] = L, e[1] = N, e[2] = E, e[3] = O, e[4] = f, e[5] = s, e[6] = l, e[7] = T, e[8] = b, e[9] = S, e[10] = A, e[11] = n, e[12] = x) : x = e[12], x;
+  ] }) }) : /* @__PURE__ */ t(M.Container, { children: /* @__PURE__ */ t(M.EmptyState, { illustration: /* @__PURE__ */ t(fe, { size: 64 }), title: "No traces found!", description: "Try changing the time range" }) }) }), e[0] = D, e[1] = N, e[2] = L, e[3] = O, e[4] = f, e[5] = s, e[6] = l, e[7] = T, e[8] = b, e[9] = S, e[10] = A, e[11] = n, e[12] = x) : x = e[12], x;
 }
-function jt(i) {
+function Ht(i) {
   return i > 1e3 * 1e3 * 1e3 ? `${(i / (1e3 * 1e3 * 1e3)).toFixed(2)}s` : i > 1e3 * 1e3 ? `${(i / (1e3 * 1e3)).toFixed(2)}ms` : `${(i / 1e3).toFixed(2)}μs`;
 }
 function Wt(i) {
-  const e = q(39), {
+  const e = X(39), {
     span: n,
     evaluatorScores: s
   } = i;
@@ -185,13 +185,13 @@ function Wt(i) {
   let S;
   e[9] !== n.ampAttributes?.status?.error ? (S = !n.ampAttributes?.status?.error && /* @__PURE__ */ t(W, { icon: /* @__PURE__ */ t(pt, { size: 16 }), size: "small", variant: "outlined", label: "Success", color: "success" }), e[9] = n.ampAttributes?.status?.error, e[10] = S) : S = e[10];
   let N;
-  e[11] !== n.durationInNanos ? (N = n.durationInNanos != null && /* @__PURE__ */ t(J, { title: "Execution duration", children: /* @__PURE__ */ t(W, { icon: /* @__PURE__ */ t(ft, { size: 16 }), size: "small", variant: "outlined", label: jt(n.durationInNanos) }) }), e[11] = n.durationInNanos, e[12] = N) : N = e[12];
+  e[11] !== n.durationInNanos ? (N = n.durationInNanos != null && /* @__PURE__ */ t(J, { title: "Execution duration", children: /* @__PURE__ */ t(W, { icon: /* @__PURE__ */ t(ft, { size: 16 }), size: "small", variant: "outlined", label: Ht(n.durationInNanos) }) }), e[11] = n.durationInNanos, e[12] = N) : N = e[12];
   let O;
   e[13] !== g ? (O = g && /* @__PURE__ */ t(J, { title: "Framework", children: /* @__PURE__ */ t(W, { icon: /* @__PURE__ */ t(gt, { size: 16 }), size: "small", variant: "outlined", label: g }) }), e[13] = g, e[14] = O) : O = e[14];
+  let D;
+  e[15] !== C ? (D = C && /* @__PURE__ */ t(J, { title: "Model used", children: /* @__PURE__ */ t(W, { icon: /* @__PURE__ */ t(bt, { size: 16 }), size: "small", variant: "outlined", label: C }) }), e[15] = C, e[16] = D) : D = e[16];
   let L;
-  e[15] !== C ? (L = C && /* @__PURE__ */ t(J, { title: "Model used", children: /* @__PURE__ */ t(W, { icon: /* @__PURE__ */ t(bt, { size: 16 }), size: "small", variant: "outlined", label: C }) }), e[15] = C, e[16] = L) : L = e[16];
-  let E;
-  e[17] !== f ? (E = f && /* @__PURE__ */ t(J, { title: "Vector database", children: /* @__PURE__ */ t(W, { icon: /* @__PURE__ */ t(vt, { size: 16 }), size: "small", variant: "outlined", label: f }) }), e[17] = f, e[18] = E) : E = e[18];
+  e[17] !== f ? (L = f && /* @__PURE__ */ t(J, { title: "Vector database", children: /* @__PURE__ */ t(W, { icon: /* @__PURE__ */ t(vt, { size: 16 }), size: "small", variant: "outlined", label: f }) }), e[17] = f, e[18] = L) : L = e[18];
   let x;
   e[19] !== w ? (x = w !== void 0 && /* @__PURE__ */ t(J, { title: "Top K results", children: /* @__PURE__ */ t(W, { icon: /* @__PURE__ */ t(St, { size: 16 }), size: "small", variant: "outlined", label: `Top ${w}` }) }), e[19] = w, e[20] = x) : x = e[20];
   let u;
@@ -199,37 +199,37 @@ function Wt(i) {
   let o;
   e[23] !== c ? (o = c !== void 0 && /* @__PURE__ */ t(J, { title: "Temperature", children: /* @__PURE__ */ t(W, { icon: /* @__PURE__ */ t(xt, { size: 16 }), size: "small", variant: "outlined", label: c }) }), e[23] = c, e[24] = o) : o = e[24];
   let k;
-  e[25] !== s || e[26] !== A ? (k = s && s.length > 0 && s.map((d, B) => {
-    const F = A(d);
+  e[25] !== s || e[26] !== A ? (k = s && s.length > 0 && s.map((d, F) => {
+    const B = A(d);
     if (d.score != null) {
       const P = xe(d.score);
-      return /* @__PURE__ */ t(J, { title: d.explanation || "No explanation", children: /* @__PURE__ */ t(W, { size: "small", variant: "outlined", label: `${F}: ${(d.score * 100).toFixed(1)}%`, sx: {
+      return /* @__PURE__ */ t(J, { title: d.explanation || "No explanation", children: /* @__PURE__ */ t(W, { size: "small", variant: "outlined", label: `${B}: ${(d.score * 100).toFixed(1)}%`, sx: {
         color: P,
         borderColor: P
-      } }) }, B);
+      } }) }, F);
     }
-    return /* @__PURE__ */ t(J, { title: d.skipReason || "Skipped", children: /* @__PURE__ */ t(W, { size: "small", variant: "outlined", label: `${F}: Skipped`, sx: {
+    return /* @__PURE__ */ t(J, { title: d.skipReason || "Skipped", children: /* @__PURE__ */ t(W, { size: "small", variant: "outlined", label: `${B}: Skipped`, sx: {
       opacity: 0.6,
       fontStyle: "italic"
-    } }) }, B);
+    } }) }, F);
   }), e[25] = s, e[26] = A, e[27] = k) : k = e[27];
   let I;
-  return e[28] !== u || e[29] !== o || e[30] !== k || e[31] !== T || e[32] !== S || e[33] !== N || e[34] !== O || e[35] !== L || e[36] !== E || e[37] !== x ? (I = /* @__PURE__ */ y(R, { spacing: 1, direction: "row", flexWrap: "wrap", useFlexGap: !0, alignItems: "center", children: [
+  return e[28] !== u || e[29] !== o || e[30] !== k || e[31] !== T || e[32] !== S || e[33] !== N || e[34] !== O || e[35] !== D || e[36] !== L || e[37] !== x ? (I = /* @__PURE__ */ y(R, { spacing: 1, direction: "row", flexWrap: "wrap", useFlexGap: !0, alignItems: "center", children: [
     T,
     S,
     N,
     O,
+    D,
     L,
-    E,
     x,
     u,
     o,
     k
-  ] }), e[28] = u, e[29] = o, e[30] = k, e[31] = T, e[32] = S, e[33] = N, e[34] = O, e[35] = L, e[36] = E, e[37] = x, e[38] = I) : I = e[38], I;
+  ] }), e[28] = u, e[29] = o, e[30] = k, e[31] = T, e[32] = S, e[33] = N, e[34] = O, e[35] = D, e[36] = L, e[37] = x, e[38] = I) : I = e[38], I;
 }
-const _e = "custom-dark-transparent", Me = "custom-light-transparent";
+const ze = "custom-dark-transparent", Me = "custom-light-transparent";
 function Jt(i) {
-  i.editor.defineTheme(_e, {
+  i.editor.defineTheme(ze, {
     base: "vs-dark",
     inherit: !0,
     rules: [],
@@ -307,44 +307,44 @@ function Kt(i) {
   }
 }
 function Gt(i) {
-  const e = q(36), {
+  const e = X(36), {
     attributes: n
   } = i, {
     mode: s
-  } = Et(), [r, l] = re(""), [a, h] = re(0), [p, m] = re(0), c = Ce(null);
+  } = Lt(), [r, l] = re(""), [a, h] = re(0), [p, m] = re(0), c = Ce(null);
   let g;
   e[0] === Symbol.for("react.memo_cache_sentinel") ? (g = [], e[0] = g) : g = e[0];
   const f = Ce(g), w = Vt;
   let C;
-  e[1] === Symbol.for("react.memo_cache_sentinel") ? (C = (M) => {
-    c.current = M;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (C = (_) => {
+    c.current = _;
   }, e[1] = C) : C = e[1];
   const v = C;
   let b;
-  e[2] === Symbol.for("react.memo_cache_sentinel") ? (b = (M) => {
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (b = (_) => {
     if (!c.current || f.current.length === 0)
       return;
-    const j = f.current[M];
-    j && (c.current.setPosition({
-      lineNumber: j.range.startLineNumber,
-      column: j.range.startColumn
-    }), c.current.revealLineInCenter(j.range.startLineNumber), c.current.setSelection(j.range), h(M + 1));
+    const H = f.current[_];
+    H && (c.current.setPosition({
+      lineNumber: H.range.startLineNumber,
+      column: H.range.startColumn
+    }), c.current.revealLineInCenter(H.range.startLineNumber), c.current.setSelection(H.range), h(_ + 1));
   }, e[2] = b) : b = e[2];
   const A = b;
   let T;
   if (e[3] === Symbol.for("react.memo_cache_sentinel")) {
-    const M = (j) => {
-      if (!c.current || !j.trim()) {
+    const _ = (H) => {
+      if (!c.current || !H.trim()) {
         f.current = [], m(0), h(0);
         return;
       }
-      const X = c.current.getModel();
-      if (!X)
+      const q = c.current.getModel();
+      if (!q)
         return;
-      const ae = [], me = j.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), ge = new RegExp(me, "gi"), be = X.getValue();
+      const ae = [], me = H.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), ge = new RegExp(me, "gi"), be = q.getValue();
       let te;
       for (; (te = ge.exec(be)) !== null; ) {
-        const ie = X.getPositionAt(te.index), le = X.getPositionAt(te.index + te[0].length);
+        const ie = q.getPositionAt(te.index), le = q.getPositionAt(te.index + te[0].length);
         ae.push({
           range: {
             startLineNumber: ie.lineNumber,
@@ -356,8 +356,8 @@ function Gt(i) {
       }
       f.current = ae, m(ae.length), ae.length > 0 ? (h(1), A(0)) : h(0);
     };
-    T = (j) => {
-      l(j), M(j);
+    T = (H) => {
+      l(H), _(H);
     }, e[3] = T;
   } else
     T = e[3];
@@ -366,32 +366,32 @@ function Gt(i) {
   e[4] !== a ? (N = () => {
     if (f.current.length === 0)
       return;
-    const M = a % f.current.length;
-    A(M);
+    const _ = a % f.current.length;
+    A(_);
   }, e[4] = a, e[5] = N) : N = e[5];
   const O = N;
-  let L;
-  e[6] !== a ? (L = () => {
+  let D;
+  e[6] !== a ? (D = () => {
     if (f.current.length === 0)
       return;
-    const M = a <= 1 ? f.current.length - 1 : a - 2;
-    A(M);
-  }, e[6] = a, e[7] = L) : L = e[7];
-  const E = L;
+    const _ = a <= 1 ? f.current.length - 1 : a - 2;
+    A(_);
+  }, e[6] = a, e[7] = D) : D = e[7];
+  const L = D;
   if (!n || Object.keys(n).length === 0) {
-    let M;
-    return e[8] === Symbol.for("react.memo_cache_sentinel") ? (M = /* @__PURE__ */ t(pe, { message: "No attributes found", iconElement: wt, subtitle: "Try selecting a different span to view attributes", disableBackground: !0 }), e[8] = M) : M = e[8], M;
+    let _;
+    return e[8] === Symbol.for("react.memo_cache_sentinel") ? (_ = /* @__PURE__ */ t(pe, { message: "No attributes found", iconElement: wt, subtitle: "Try selecting a different span to view attributes", disableBackground: !0 }), e[8] = _) : _ = e[8], _;
   }
   let x;
-  e[9] === Symbol.for("react.memo_cache_sentinel") ? (x = (M) => S(M.target.value), e[9] = x) : x = e[9];
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (x = (_) => S(_.target.value), e[9] = x) : x = e[9];
   let u;
-  e[10] !== O ? (u = (M) => {
-    M.key === "Enter" && O();
+  e[10] !== O ? (u = (_) => {
+    _.key === "Enter" && O();
   }, e[10] = O, e[11] = u) : u = e[11];
   let o;
   e[12] !== a || e[13] !== p ? (o = {
     input: {
-      endAdornment: p > 0 ? /* @__PURE__ */ t(R, { direction: "row", alignItems: "center", gap: 1, children: /* @__PURE__ */ y(D, { variant: "caption", noWrap: !0, children: [
+      endAdornment: p > 0 ? /* @__PURE__ */ t(R, { direction: "row", alignItems: "center", gap: 1, children: /* @__PURE__ */ y(E, { variant: "caption", noWrap: !0, children: [
         a,
         " / ",
         p
@@ -399,26 +399,26 @@ function Gt(i) {
     }
   }, e[12] = a, e[13] = p, e[14] = o) : o = e[14];
   let k;
-  e[15] !== r || e[16] !== u || e[17] !== o ? (k = /* @__PURE__ */ t(Ke, { placeholder: "Search...", value: r, onChange: x, size: "small", fullWidth: !0, "aria-label": "Search attributes", onKeyDown: u, slotProps: o }), e[15] = r, e[16] = u, e[17] = o, e[18] = k) : k = e[18];
+  e[15] !== r || e[16] !== u || e[17] !== o ? (k = /* @__PURE__ */ t(Je, { placeholder: "Search...", value: r, onChange: x, size: "small", fullWidth: !0, "aria-label": "Search attributes", onKeyDown: u, slotProps: o }), e[15] = r, e[16] = u, e[17] = o, e[18] = k) : k = e[18];
   let I;
-  e[19] !== O || e[20] !== E || e[21] !== p ? (I = p > 0 && /* @__PURE__ */ y(R, { direction: "row", alignItems: "center", gap: 1, children: [
-    /* @__PURE__ */ t(ue, { size: "small", onClick: E, "aria-label": "Previous match", title: "Previous match", children: /* @__PURE__ */ t(Tt, { size: 16, "aria-hidden": "true" }) }),
+  e[19] !== O || e[20] !== L || e[21] !== p ? (I = p > 0 && /* @__PURE__ */ y(R, { direction: "row", alignItems: "center", gap: 1, children: [
+    /* @__PURE__ */ t(ue, { size: "small", onClick: L, "aria-label": "Previous match", title: "Previous match", children: /* @__PURE__ */ t(Tt, { size: 16, "aria-hidden": "true" }) }),
     /* @__PURE__ */ t(ue, { size: "small", onClick: O, "aria-label": "Next match", title: "Next match", children: /* @__PURE__ */ t(kt, { size: 16, "aria-hidden": "true" }) })
-  ] }), e[19] = O, e[20] = E, e[21] = p, e[22] = I) : I = e[22];
+  ] }), e[19] = O, e[20] = L, e[21] = p, e[22] = I) : I = e[22];
   let d;
   e[23] !== k || e[24] !== I ? (d = /* @__PURE__ */ y(R, { spacing: 1, pt: 2, direction: "row", justifyContent: "right", alignItems: "center", children: [
     k,
     I
   ] }), e[23] = k, e[24] = I, e[25] = d) : d = e[25];
-  const B = s === "dark" ? _e : Me;
-  let F;
-  e[26] !== n ? (F = Kt(n), e[26] = n, e[27] = F) : F = e[27];
+  const F = s === "dark" ? ze : Me;
+  let B;
+  e[26] !== n ? (B = Kt(n), e[26] = n, e[27] = B) : B = e[27];
   let P;
   e[28] === Symbol.for("react.memo_cache_sentinel") ? (P = {
     enabled: !1
   }, e[28] = P) : P = e[28];
-  let H;
-  e[29] === Symbol.for("react.memo_cache_sentinel") ? (H = {
+  let j;
+  e[29] === Symbol.for("react.memo_cache_sentinel") ? (j = {
     readOnly: !0,
     contextmenu: !1,
     minimap: P,
@@ -433,9 +433,9 @@ function Gt(i) {
     showFoldingControls: "always",
     foldingHighlight: !0,
     unfoldOnClickAfterEndOfLine: !0
-  }, e[29] = H) : H = e[29];
+  }, e[29] = j) : j = e[29];
   let $;
-  e[30] !== B || e[31] !== F ? ($ = /* @__PURE__ */ t(Bt, { height: "calc(100vh - 266px)", theme: B, value: F, language: "json", beforeMount: w, onMount: v, options: H }), e[30] = B, e[31] = F, e[32] = $) : $ = e[32];
+  e[30] !== F || e[31] !== B ? ($ = /* @__PURE__ */ t(Ft, { height: "calc(100vh - 266px)", theme: F, value: B, language: "json", beforeMount: w, onMount: v, options: j }), e[30] = F, e[31] = B, e[32] = $) : $ = e[32];
   let U;
   return e[33] !== d || e[34] !== $ ? (U = /* @__PURE__ */ y(R, { direction: "column", spacing: 2, children: [
     d,
@@ -482,20 +482,20 @@ function Yt({
   return !i || i.length === 0 ? /* @__PURE__ */ t(pe, { message: "No tools found", iconElement: Ct, subtitle: "No tools found", disableBackground: !0 }) : /* @__PURE__ */ t(R, { children: i.map((a, h) => {
     const p = typeof a == "string", m = p ? a : a.name, c = m || `tool-${h}`;
     return /* @__PURE__ */ y(zt, { expanded: e === c, onChange: s(c), children: [
-      /* @__PURE__ */ t(_t, { children: /* @__PURE__ */ t(D, { variant: "h6", children: m }) }),
-      /* @__PURE__ */ t(Mt, { children: /* @__PURE__ */ y(R, { direction: "column", spacing: 2, children: [
+      /* @__PURE__ */ t(Mt, { children: /* @__PURE__ */ t(E, { variant: "h6", children: m }) }),
+      /* @__PURE__ */ t(_t, { children: /* @__PURE__ */ y(R, { direction: "column", spacing: 2, children: [
         !p && a.description && /* @__PURE__ */ y(G, { children: [
-          /* @__PURE__ */ t(D, { variant: "subtitle2", sx: {
+          /* @__PURE__ */ t(E, { variant: "subtitle2", sx: {
             mb: 1
           }, children: "Description" }),
           /* @__PURE__ */ t(V, { variant: "outlined", children: /* @__PURE__ */ t(Y, { sx: {
             "&:last-child": {
               pb: 1.5
             }
-          }, children: /* @__PURE__ */ t(D, { variant: "body2", children: a.description }) }) })
+          }, children: /* @__PURE__ */ t(E, { variant: "body2", children: a.description }) }) })
         ] }),
         !p && a.parameters && /* @__PURE__ */ y(G, { children: [
-          /* @__PURE__ */ t(D, { variant: "subtitle2", sx: {
+          /* @__PURE__ */ t(E, { variant: "subtitle2", sx: {
             mb: 1
           }, children: "Parameters" }),
           /* @__PURE__ */ t(V, { variant: "outlined", sx: {
@@ -505,7 +505,7 @@ function Yt({
             "&:last-child": {
               pb: 1.5
             }
-          }, children: /* @__PURE__ */ t(D, { variant: "caption", sx: {
+          }, children: /* @__PURE__ */ t(E, { variant: "caption", sx: {
             fontFamily: "monospace",
             whiteSpace: "pre-wrap",
             wordBreak: "break-word"
@@ -517,7 +517,7 @@ function Yt({
           "&:last-child": {
             pb: 1.5
           }
-        }, children: /* @__PURE__ */ t(D, { variant: "body2", color: "text.secondary", children: "Additional tool details are not available" }) }) }) })
+        }, children: /* @__PURE__ */ t(E, { variant: "body2", color: "text.secondary", children: "Additional tool details are not available" }) }) }) })
       ] }) })
     ] }, c);
   }) });
@@ -548,8 +548,8 @@ function ye(i) {
     return i;
   }
 }
-const Ie = je(function(e) {
-  const n = q(23), {
+const Oe = je(function(e) {
+  const n = X(23), {
     title: s,
     messages: r,
     getRoleColor: l,
@@ -564,13 +564,13 @@ const Ie = je(function(e) {
       mb: 2
     }, n[0] = v) : v = n[0];
     let b;
-    n[1] !== s ? (b = /* @__PURE__ */ t(D, { variant: "h6", sx: v, children: s }), n[1] = s, n[2] = b) : b = n[2];
+    n[1] !== s ? (b = /* @__PURE__ */ t(E, { variant: "h6", sx: v, children: s }), n[1] = s, n[2] = b) : b = n[2];
     let A;
     n[3] === Symbol.for("react.memo_cache_sentinel") ? (A = {
       bgcolor: "action.hover"
     }, n[3] = A) : A = n[3];
     let T;
-    n[4] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ t(V, { variant: "outlined", sx: A, children: /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(D, { variant: "body2", color: "text.secondary", children: "No data available" }) }) }), n[4] = T) : T = n[4];
+    n[4] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ t(V, { variant: "outlined", sx: A, children: /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(E, { variant: "body2", color: "text.secondary", children: "No data available" }) }) }), n[4] = T) : T = n[4];
     let S;
     return n[5] !== b || n[6] !== a ? (S = /* @__PURE__ */ y(G, { "data-testid": a, children: [
       b,
@@ -586,7 +586,7 @@ const Ie = je(function(e) {
     mb: 2
   }, n[9] = c) : c = n[9];
   let g;
-  n[10] !== s ? (g = /* @__PURE__ */ t(D, { variant: "h6", sx: c, children: s }), n[10] = s, n[11] = g) : g = n[11];
+  n[10] !== s ? (g = /* @__PURE__ */ t(E, { variant: "h6", sx: c, children: s }), n[10] = s, n[11] = g) : g = n[11];
   let f;
   if (n[12] !== l || n[13] !== r) {
     let v;
@@ -598,8 +598,8 @@ const Ie = je(function(e) {
           alignItems: "center",
           gap: 1
         }, children: b?.role && b.role !== "unknown" && /* @__PURE__ */ t(W, { label: b.role.charAt(0).toUpperCase() + b.role.slice(1), size: "small", color: l(b.role), variant: "outlined" }) }),
-        b.content && !b.role && /* @__PURE__ */ t(Ge, { json: ye(b.content) }),
-        b.content && b.role && /* @__PURE__ */ t(ze, { content: b.content }),
+        b.content && !b.role && /* @__PURE__ */ t(Ke, { json: ye(b.content) }),
+        b.content && b.role && /* @__PURE__ */ t(Le, { content: b.content }),
         b.toolCalls && b.toolCalls.length > 0 && /* @__PURE__ */ t(G, { children: /* @__PURE__ */ t(R, { spacing: 1, children: b.toolCalls.map(en) }) })
       ] }) }) }, T);
     }, n[15] = l, n[16] = v) : v = n[16], f = r.map(v), n[12] = l, n[13] = r, n[14] = f;
@@ -614,8 +614,8 @@ const Ie = je(function(e) {
     w
   ] }), n[19] = g, n[20] = w, n[21] = a, n[22] = C) : C = n[22], C;
 });
-function qt(i) {
-  const e = q(29), {
+function Xt(i) {
+  const e = X(29), {
     ampAttributes: n
   } = i, s = Qt;
   n?.input;
@@ -678,46 +678,46 @@ function qt(i) {
     }
     C = void 0;
   }
-  const v = C, b = a.length > 0 || m.length > 0, A = Xt;
+  const v = C, b = a.length > 0 || m.length > 0, A = qt;
   if (!b && !g) {
     let x;
     return e[12] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ t(pe, { message: "Failed to extract span details", iconElement: Nt, subtitle: "Try selecting a different span", disableBackground: !0 }), e[12] = x) : x = e[12], x;
   }
   let T;
   e[13] !== g ? (T = g && /* @__PURE__ */ y(R, { children: [
-    /* @__PURE__ */ t(D, { variant: "h6", children: "Name" }),
-    /* @__PURE__ */ t(V, { variant: "outlined", children: /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(D, { variant: "body2", children: g }) }) })
+    /* @__PURE__ */ t(E, { variant: "h6", children: "Name" }),
+    /* @__PURE__ */ t(V, { variant: "outlined", children: /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(E, { variant: "body2", children: g }) }) })
   ] }), e[13] = g, e[14] = T) : T = e[14];
   let S;
   e[15] !== w ? (S = w && /* @__PURE__ */ y(R, { children: [
-    /* @__PURE__ */ t(D, { variant: "h6", children: "Description" }),
-    /* @__PURE__ */ t(V, { variant: "outlined", children: /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(D, { variant: "body2", sx: {
+    /* @__PURE__ */ t(E, { variant: "h6", children: "Description" }),
+    /* @__PURE__ */ t(V, { variant: "outlined", children: /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(E, { variant: "body2", sx: {
       whiteSpace: "pre-wrap",
       wordBreak: "break-word"
     }, children: w }) }) })
   ] }), e[15] = w, e[16] = S) : S = e[16];
   let N;
   e[17] !== v ? (N = v && /* @__PURE__ */ y(R, { children: [
-    /* @__PURE__ */ t(D, { variant: "h6", children: "System Prompt" }),
-    /* @__PURE__ */ t(V, { variant: "outlined", children: /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(D, { variant: "body2", sx: {
+    /* @__PURE__ */ t(E, { variant: "h6", children: "System Prompt" }),
+    /* @__PURE__ */ t(V, { variant: "outlined", children: /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(E, { variant: "body2", sx: {
       whiteSpace: "pre-wrap",
       wordBreak: "break-word"
     }, children: ye(v) }) }) })
   ] }), e[17] = v, e[18] = N) : N = e[18];
   let O;
-  e[19] !== a ? (O = /* @__PURE__ */ t(Ie, { title: "Input Messages", messages: a, getRoleColor: A, "data-testid": "input-messages", showEmptyMessage: !1 }), e[19] = a, e[20] = O) : O = e[20];
+  e[19] !== a ? (O = /* @__PURE__ */ t(Oe, { title: "Input Messages", messages: a, getRoleColor: A, "data-testid": "input-messages", showEmptyMessage: !1 }), e[19] = a, e[20] = O) : O = e[20];
+  let D;
+  e[21] !== m ? (D = /* @__PURE__ */ t(Oe, { title: "Output Messages", messages: m, getRoleColor: A, "data-testid": "output-messages", showEmptyMessage: !1 }), e[21] = m, e[22] = D) : D = e[22];
   let L;
-  e[21] !== m ? (L = /* @__PURE__ */ t(Ie, { title: "Output Messages", messages: m, getRoleColor: A, "data-testid": "output-messages", showEmptyMessage: !1 }), e[21] = m, e[22] = L) : L = e[22];
-  let E;
-  return e[23] !== N || e[24] !== O || e[25] !== L || e[26] !== T || e[27] !== S ? (E = /* @__PURE__ */ y(R, { spacing: 3, children: [
+  return e[23] !== N || e[24] !== O || e[25] !== D || e[26] !== T || e[27] !== S ? (L = /* @__PURE__ */ y(R, { spacing: 3, children: [
     T,
     S,
     N,
     O,
-    L
-  ] }), e[23] = N, e[24] = O, e[25] = L, e[26] = T, e[27] = S, e[28] = E) : E = e[28], E;
+    D
+  ] }), e[23] = N, e[24] = O, e[25] = D, e[26] = T, e[27] = S, e[28] = L) : L = e[28], L;
 }
-function Xt(i) {
+function qt(i) {
   switch (i) {
     case "system":
       return "default";
@@ -748,10 +748,10 @@ function en(i, e) {
       pb: 1.5
     }
   }, children: [
-    /* @__PURE__ */ t(D, { variant: "caption", sx: {
+    /* @__PURE__ */ t(E, { variant: "caption", sx: {
       fontWeight: "bold"
     }, children: i.name }),
-    i.arguments && /* @__PURE__ */ t(D, { variant: "caption", sx: {
+    i.arguments && /* @__PURE__ */ t(E, { variant: "caption", sx: {
       display: "block",
       mt: 0.5,
       fontFamily: "monospace",
@@ -761,7 +761,7 @@ function en(i, e) {
   ] }) }, n);
 }
 function tn(i) {
-  const e = q(11), {
+  const e = X(11), {
     evaluatorScores: n
   } = i;
   let s;
@@ -782,7 +782,7 @@ function tn(i) {
       const g = l(m), f = m.score == null, w = f ? void 0 : xe(m.score);
       return /* @__PURE__ */ t(V, { variant: "outlined", children: /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ y(R, { spacing: 1.5, children: [
         /* @__PURE__ */ y(R, { direction: "row", spacing: 1, alignItems: "center", children: [
-          /* @__PURE__ */ t(D, { variant: "subtitle2", children: g }),
+          /* @__PURE__ */ t(E, { variant: "subtitle2", children: g }),
           f ? /* @__PURE__ */ t(W, { size: "small", variant: "outlined", label: "Skipped", sx: {
             ml: "auto",
             opacity: 0.6,
@@ -793,8 +793,8 @@ function tn(i) {
             borderColor: w
           } })
         ] }),
-        m.explanation && /* @__PURE__ */ t(ze, { content: m.explanation }),
-        f && m.skipReason && /* @__PURE__ */ t(D, { variant: "body2", color: "text.secondary", sx: {
+        m.explanation && /* @__PURE__ */ t(Le, { content: m.explanation }),
+        f && m.skipReason && /* @__PURE__ */ t(E, { variant: "body2", color: "text.secondary", sx: {
           fontStyle: "italic"
         }, children: m.skipReason })
       ] }) }) }, c);
@@ -838,7 +838,7 @@ function rn(i) {
   return !1;
 }
 function an(i) {
-  const e = q(73), {
+  const e = X(73), {
     span: n,
     evaluatorScores: s
   } = i, [r, l] = re("overview");
@@ -871,7 +871,7 @@ function an(i) {
     height: "100%"
   }, e[19] = b) : b = e[19];
   let A;
-  e[20] !== n.name ? (A = /* @__PURE__ */ t(D, { variant: "h4", noWrap: !0, textOverflow: "ellipsis", maxWidth: "70%", overflow: "hidden", children: n.name }), e[20] = n.name, e[21] = A) : A = e[21];
+  e[20] !== n.name ? (A = /* @__PURE__ */ t(E, { variant: "h4", noWrap: !0, textOverflow: "ellipsis", maxWidth: "70%", overflow: "hidden", children: n.name }), e[20] = n.name, e[21] = A) : A = e[21];
   let T;
   e[22] !== n.ampAttributes?.kind ? (T = n.ampAttributes?.kind && /* @__PURE__ */ t(W, { size: "small", variant: "outlined", label: n.ampAttributes?.kind.toUpperCase() }), e[22] = n.ampAttributes?.kind, e[23] = T) : T = e[23];
   let S;
@@ -887,11 +887,11 @@ function an(i) {
     S,
     N
   ] }), e[30] = N, e[31] = S, e[32] = O) : O = e[32];
-  let L;
-  e[33] === Symbol.for("react.memo_cache_sentinel") ? (L = (j, X) => l(X), e[33] = L) : L = e[33];
-  const E = !h;
+  let D;
+  e[33] === Symbol.for("react.memo_cache_sentinel") ? (D = (H, q) => l(q), e[33] = D) : D = e[33];
+  const L = !h;
   let x;
-  e[34] !== E ? (x = /* @__PURE__ */ t(ce, { label: "Overview", value: "overview", disabled: E }), e[34] = E, e[35] = x) : x = e[35];
+  e[34] !== L ? (x = /* @__PURE__ */ t(ce, { label: "Overview", value: "overview", disabled: L }), e[34] = L, e[35] = x) : x = e[35];
   let u;
   e[36] !== c ? (u = c && /* @__PURE__ */ t(ce, { label: "Tools", value: "tools" }), e[36] = c, e[37] = u) : u = e[37];
   let o;
@@ -899,7 +899,7 @@ function an(i) {
   let k;
   e[40] !== f ? (k = f && /* @__PURE__ */ t(ce, { label: "Scores", value: "scores" }), e[40] = f, e[41] = k) : k = e[41];
   let I;
-  e[42] !== r || e[43] !== x || e[44] !== u || e[45] !== o || e[46] !== k ? (I = /* @__PURE__ */ y(Rt, { variant: "fullWidth", value: r, onChange: L, children: [
+  e[42] !== r || e[43] !== x || e[44] !== u || e[45] !== o || e[46] !== k ? (I = /* @__PURE__ */ y(Rt, { variant: "fullWidth", value: r, onChange: D, children: [
     x,
     u,
     o,
@@ -910,35 +910,35 @@ function an(i) {
     O,
     I
   ] }), e[48] = O, e[49] = I, e[50] = d) : d = e[50];
-  let B;
-  e[51] === Symbol.for("react.memo_cache_sentinel") ? (B = {
+  let F;
+  e[51] === Symbol.for("react.memo_cache_sentinel") ? (F = {
     overflowY: "auto",
     flexGrow: 1,
     boxShadow: "inset 0 4px 8px -4px rgba(0, 0, 0, 0.1)"
-  }, e[51] = B) : B = e[51];
-  let F;
-  e[52] !== r || e[53] !== n.attributes ? (F = r === "attributes" && /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ t(Gt, { attributes: n?.attributes }) }), e[52] = r, e[53] = n.attributes, e[54] = F) : F = e[54];
+  }, e[51] = F) : F = e[51];
+  let B;
+  e[52] !== r || e[53] !== n.attributes ? (B = r === "attributes" && /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ t(Gt, { attributes: n?.attributes }) }), e[52] = r, e[53] = n.attributes, e[54] = B) : B = e[54];
   let P;
   e[55] !== r || e[56] !== m ? (P = r === "tools" && /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ t(Yt, { tools: m || [] }) }), e[55] = r, e[56] = m, e[57] = P) : P = e[57];
-  let H;
-  e[58] !== r || e[59] !== n.ampAttributes ? (H = r === "overview" && /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ t(qt, { ampAttributes: n.ampAttributes }) }), e[58] = r, e[59] = n.ampAttributes, e[60] = H) : H = e[60];
+  let j;
+  e[58] !== r || e[59] !== n.ampAttributes ? (j = r === "overview" && /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ t(Xt, { ampAttributes: n.ampAttributes }) }), e[58] = r, e[59] = n.ampAttributes, e[60] = j) : j = e[60];
   let $;
   e[61] !== s || e[62] !== f || e[63] !== r ? ($ = r === "scores" && f && /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ t(tn, { evaluatorScores: s }) }), e[61] = s, e[62] = f, e[63] = r, e[64] = $) : $ = e[64];
   let U;
-  e[65] !== F || e[66] !== P || e[67] !== H || e[68] !== $ ? (U = /* @__PURE__ */ y(R, { spacing: 2, px: 1, sx: B, children: [
-    F,
+  e[65] !== B || e[66] !== P || e[67] !== j || e[68] !== $ ? (U = /* @__PURE__ */ y(R, { spacing: 2, px: 1, sx: F, children: [
+    B,
     P,
-    H,
+    j,
     $
-  ] }), e[65] = F, e[66] = P, e[67] = H, e[68] = $, e[69] = U) : U = e[69];
-  let M;
-  return e[70] !== d || e[71] !== U ? (M = /* @__PURE__ */ y(R, { sx: b, children: [
+  ] }), e[65] = B, e[66] = P, e[67] = j, e[68] = $, e[69] = U) : U = e[69];
+  let _;
+  return e[70] !== d || e[71] !== U ? (_ = /* @__PURE__ */ y(R, { sx: b, children: [
     d,
     U
-  ] }), e[70] = d, e[71] = U, e[72] = M) : M = e[72], M;
+  ] }), e[70] = d, e[71] = U, e[72] = _) : _ = e[72], _;
 }
 function on() {
-  const i = q(1);
+  const i = X(1);
   let e;
   return i[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ y(R, { spacing: 2, px: 1, sx: {
     overflowY: "auto",
@@ -949,7 +949,7 @@ function on() {
   ] }), i[0] = e) : e = i[0], e;
 }
 function sn() {
-  const i = q(1);
+  const i = X(1);
   let e;
   return i[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ y(R, { direction: "row", height: "calc(100vh - 64px)", gap: 1, children: [
     /* @__PURE__ */ t(he, { variant: "rounded", width: "55%", height: "100%" }),
@@ -987,7 +987,7 @@ function cn({
     data: c,
     isPending: g,
     isError: f
-  } = Ve(e, n, s, r, i, l, a), [w, C] = re(null), v = ee(() => c?.spans?.map((o) => o.spanId).join(",") ?? "", [c?.spans]);
+  } = Ge(e, n, s, r, i, l, a), [w, C] = re(null), v = ee(() => c?.spans?.map((o) => o.spanId).join(",") ?? "", [c?.spans]);
   De(() => {
     const o = c?.spans;
     if (!o?.length) {
@@ -1000,7 +1000,7 @@ function cn({
     data: b,
     isPending: A,
     isError: T
-  } = Ye(i, w, !!c?.spans?.length && !!w), S = b && b.spanId === w ? b : null, N = ee(() => c?.spans?.length ? c.spans.map((o) => {
+  } = Ve(i, w, !!c?.spans?.length && !!w), S = b && b.spanId === w ? b : null, N = ee(() => c?.spans?.length ? c.spans.map((o) => {
     const k = S?.spanId === o.spanId ? S : ln(o);
     return o.spanKind ? {
       ...k,
@@ -1009,9 +1009,9 @@ function cn({
         kind: o.spanKind
       }
     } : k;
-  }) : [], [c?.spans, S]), O = ee(() => w ? N.find((o) => o.spanId === w) ?? null : null, [N, w]), L = !!w && !T && (A || b?.spanId !== w), {
-    data: E
-  } = qe({
+  }) : [], [c?.spans, S]), O = ee(() => w ? N.find((o) => o.spanId === w) ?? null : null, [N, w]), D = !!w && !T && (A || b?.spanId !== w), {
+    data: L
+  } = Ye({
     orgName: h,
     projName: p,
     agentName: m,
@@ -1021,43 +1021,43 @@ function cn({
     spanScoresMap: u
   } = ee(() => {
     const o = [], k = /* @__PURE__ */ new Map();
-    for (const I of E?.monitors ?? []) {
+    for (const I of L?.monitors ?? []) {
       for (const d of I.evaluators)
         o.push({
           ...d,
           monitorName: I.monitorName
         });
       for (const d of I.spans) {
-        const B = k.get(d.spanId) ?? [];
-        for (const F of d.evaluators)
-          B.push({
-            ...F,
+        const F = k.get(d.spanId) ?? [];
+        for (const B of d.evaluators)
+          F.push({
+            ...B,
             monitorName: I.monitorName
           });
-        k.set(d.spanId, B);
+        k.set(d.spanId, F);
       }
     }
     return {
       traceEvalScores: o,
       spanScoresMap: k
     };
-  }, [E]);
+  }, [L]);
   return g ? /* @__PURE__ */ t(sn, {}) : f ? /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ t(G, { sx: {
     p: 2
-  }, children: /* @__PURE__ */ t(D, { color: "error", children: "Failed to load trace details. Try again later." }) }) }) : c?.spans?.length == 0 ? /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ t(pe, { message: "No spans found", iconElement: fe, disableBackground: !0, subtitle: "Try changing the time range" }) }) : /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ y(R, { direction: "row", height: "calc(100vh - 72px)", children: [
+  }, children: /* @__PURE__ */ t(E, { color: "error", children: "Failed to load trace details. Try again later." }) }) }) : c?.spans?.length == 0 ? /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ t(pe, { message: "No spans found", iconElement: fe, disableBackground: !0, subtitle: "Try changing the time range" }) }) : /* @__PURE__ */ t(ne, { children: /* @__PURE__ */ y(R, { direction: "row", height: "calc(100vh - 72px)", children: [
     /* @__PURE__ */ t(G, { sx: {
       width: "45%"
     }, pr: 1, overflow: "auto", children: i && /* @__PURE__ */ t(Xe, { onOpenAttributesClick: (o) => C(o.spanId), selectedSpan: O, spans: N }) }),
     /* @__PURE__ */ t(we, { orientation: "vertical", flexItem: !0 }),
     /* @__PURE__ */ t(G, { sx: {
       width: "55%"
-    }, children: L ? /* @__PURE__ */ t(on, {}) : T ? /* @__PURE__ */ t(G, { sx: {
+    }, children: D ? /* @__PURE__ */ t(on, {}) : T ? /* @__PURE__ */ t(G, { sx: {
       p: 2
-    }, children: /* @__PURE__ */ t(D, { color: "error", children: "Failed to load span details. Try again later." }) }) : /* @__PURE__ */ t(an, { span: S, evaluatorScores: S ? S.parentSpanId ? u.get(S.spanId) : [...x, ...u.get(S.spanId) ?? []] : void 0 }) })
+    }, children: /* @__PURE__ */ t(E, { color: "error", children: "Failed to load span details. Try again later." }) }) : /* @__PURE__ */ t(an, { span: S, evaluatorScores: S ? S.parentSpanId ? u.get(S.spanId) : [...x, ...u.get(S.spanId) ?? []] : void 0 }) })
   ] }) });
 }
 const dn = (i) => {
-  const e = q(10), {
+  const e = X(10), {
     traces: n,
     isLoading: s,
     sortOrder: r,
@@ -1069,7 +1069,7 @@ const dn = (i) => {
     onLoadNewer: c
   } = i, g = s === void 0 ? !1 : s, f = r === void 0 ? "desc" : r, w = a === void 0 ? !1 : a, C = h === void 0 ? !1 : h;
   let v;
-  return e[0] !== g || e[1] !== C || e[2] !== w || e[3] !== c || e[4] !== m || e[5] !== p || e[6] !== l || e[7] !== f || e[8] !== n ? (v = /* @__PURE__ */ t(Ht, { isLoading: g, sortOrder: f, traces: n, onTraceSelect: p, selectedTrace: l, isLoadingOlder: w, isLoadingNewer: C, onLoadOlder: m, onLoadNewer: c }), e[0] = g, e[1] = C, e[2] = w, e[3] = c, e[4] = m, e[5] = p, e[6] = l, e[7] = f, e[8] = n, e[9] = v) : v = e[9], v;
+  return e[0] !== g || e[1] !== C || e[2] !== w || e[3] !== c || e[4] !== m || e[5] !== p || e[6] !== l || e[7] !== f || e[8] !== n ? (v = /* @__PURE__ */ t(jt, { isLoading: g, sortOrder: f, traces: n, onTraceSelect: p, selectedTrace: l, isLoadingOlder: w, isLoadingNewer: C, onLoadOlder: m, onLoadNewer: c }), e[0] = g, e[1] = C, e[2] = w, e[3] = c, e[4] = m, e[5] = p, e[6] = l, e[7] = f, e[8] = n, e[9] = v) : v = e[9], v;
 }, un = [{
   value: Q.TEN_MINUTES,
   label: "10 Minutes"
@@ -1091,26 +1091,26 @@ const dn = (i) => {
 }, {
   value: Q.SEVEN_DAYS,
   label: "7 Days"
-}], Ae = () => {
+}], Ie = () => {
   const {
     agentId: i,
     orgId: e,
     projectId: n,
     envId: s
-  } = Ee(), [r, l] = We(), {
+  } = Ee(), [r, l] = He(), {
     mutateAsync: a,
     isPending: h
-  } = Qe(), {
+  } = qe(), {
     data: p,
     isPending: m,
     isSuccess: c
-  } = Ze({
+  } = Qe({
     orgName: e ?? ""
   }), g = p?.namespace, {
     data: f,
     isPending: w,
     isSuccess: C
-  } = et({
+  } = Ze({
     orgName: e ?? "",
     projName: n ?? "",
     agentName: i ?? ""
@@ -1118,14 +1118,14 @@ const dn = (i) => {
     data: v,
     isPending: b,
     isSuccess: A
-  } = tt({
+  } = et({
     orgName: e ?? ""
-  }), S = v?.find((z) => z.name === s)?.name, N = m || w || b, O = c && !g, L = C && !f?.uuid, E = A && v !== void 0 && !S, [x, u] = re(null), [o, k] = re(!1), {
+  }), S = v?.find((z) => z.name === s)?.name, N = m || w || b, O = c && !g, D = C && !f?.uuid, L = A && v !== void 0 && !S, [x, u] = re(null), [o, k] = re(!1), {
     customStartTime: I,
     customEndTime: d,
-    hasCustomRange: B,
-    handleCustomRangeApply: F
-  } = nt(r, l), P = ee(() => B ? void 0 : Object.values(Q).includes(r.get("timeRange") ?? "") ? r.get("timeRange") : Q.ONE_HOUR, [r, B]), H = ee(() => {
+    hasCustomRange: F,
+    handleCustomRangeApply: B
+  } = tt(r, l), P = ee(() => F ? void 0 : Object.values(Q).includes(r.get("timeRange") ?? "") ? r.get("timeRange") : Q.ONE_HOUR, [r, F]), j = ee(() => {
     const z = parseInt(r.get("limit") || "10", 10);
     return Number.isFinite(z) && z > 0 ? z : 10;
   }, [r]), $ = ee(() => {
@@ -1133,33 +1133,33 @@ const dn = (i) => {
     return z === "asc" || z === "desc" ? z : "desc";
   }, [r]), {
     data: U,
-    isLoading: M,
-    refetch: j,
-    isRefetching: X,
+    isLoading: _,
+    refetch: H,
+    isRefetching: q,
     loadOlder: ae,
     loadNewer: me,
     isLoadingOlder: ge,
     isLoadingNewer: be
-  } = rt(g, n, i, S, P, H, $, I, d), te = ee(() => {
+  } = nt(g, n, i, S, P, j, $, I, d), te = ee(() => {
     const z = U?.fetchedRange;
-    return z || (B ? {
+    return z || (F ? {
       startTime: I,
       endTime: d
     } : P ? Ne(P) : void 0);
-  }, [U, B, I, d, P]), ie = ee(() => r.get("selectedTrace"), [r]), le = Z((z) => {
+  }, [U, F, I, d, P]), ie = ee(() => r.get("selectedTrace"), [r]), le = Z((z) => {
     const K = new URLSearchParams(r);
     K.set("selectedTrace", z), l(K);
   }, [r, l]), Te = Z(() => {
     const z = new URLSearchParams(r);
     z.delete("selectedTrace"), l(z), k(!1);
-  }, [r, l]), Re = Z(async () => {
+  }, [r, l]), _e = Z(async () => {
     if (!g || !n || !i || !S) {
       u("Missing required parameters for export");
       return;
     }
     try {
       u(null);
-      const z = B ? {
+      const z = F ? {
         startTime: I,
         endTime: d
       } : P ? Ne(P) : null;
@@ -1169,41 +1169,33 @@ const dn = (i) => {
       }
       const {
         startTime: K,
-        endTime: Fe
-      } = z, Ue = await a({
+        endTime: $e
+      } = z, Be = await a({
         organization: g,
         project: n,
         component: i,
         environment: S,
         startTime: K,
-        endTime: Fe,
+        endTime: $e,
         sortOrder: $,
-        limit: H
-      }), He = new Blob([JSON.stringify(Ue, null, 2)], {
+        limit: j
+      }), Ue = new Blob([JSON.stringify(Be, null, 2)], {
         type: "application/json"
-      }), ke = window.URL.createObjectURL(He), oe = document.createElement("a");
+      }), ke = window.URL.createObjectURL(Ue), oe = document.createElement("a");
       oe.href = ke, oe.download = `traces-export-${(/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-")}.json`, document.body.appendChild(oe), oe.click(), document.body.removeChild(oe), window.URL.revokeObjectURL(ke);
     } catch (z) {
       console.error("Export failed:", z), u(z instanceof Error ? z.message : "Failed to export traces");
     }
-  }, [g, n, i, S, P, $, H, a, B, I, d]), Pe = Z((z) => {
+  }, [g, n, i, S, P, $, j, a, F, I, d]), Re = Z((z) => {
     const K = new URLSearchParams(r);
     K.set("timeRange", z), K.delete("startTime"), K.delete("endTime"), l(K);
-  }, [r, l]), Be = Z((z) => {
+  }, [r, l]), Pe = Z((z) => {
     const K = new URLSearchParams(r);
     K.set("sortOrder", z), l(K);
-  }, [r, l]), $e = Z(() => {
-    j();
-  }, [j]);
-  return !Oe.obsApiBaseUrl?.trim() || Oe.obsApiBaseUrl.trim() === "$OBS_API_BASE_URL" ? /* @__PURE__ */ t(ve, { title: "Traces", disableIcon: !0, children: /* @__PURE__ */ y(se, { severity: "error", sx: {
-    mt: 2
-  }, children: [
-    /* @__PURE__ */ t("strong", { children: "Traces service not configured." }),
-    " Set",
-    " ",
-    /* @__PURE__ */ t("code", { children: "OBS_API_BASE_URL" }),
-    " to the traces-observer-service URL. The agent-manager no longer serves trace routes."
-  ] }) }) : O || L || E ? /* @__PURE__ */ y(ve, { title: "Traces", disableIcon: !0, children: [
+  }, [r, l]), Fe = Z(() => {
+    H();
+  }, [H]);
+  return st() ? O || D || L ? /* @__PURE__ */ y(ve, { title: "Traces", disableIcon: !0, children: [
     O && /* @__PURE__ */ y(se, { severity: "error", sx: {
       mt: 2
     }, children: [
@@ -1213,7 +1205,7 @@ const dn = (i) => {
       /* @__PURE__ */ t("code", { children: e }),
       " exists, or it has no organization identifier."
     ] }),
-    L && /* @__PURE__ */ y(se, { severity: "error", sx: {
+    D && /* @__PURE__ */ y(se, { severity: "error", sx: {
       mt: 2
     }, children: [
       /* @__PURE__ */ t("strong", { children: "Agent not found." }),
@@ -1222,7 +1214,7 @@ const dn = (i) => {
       /* @__PURE__ */ t("code", { children: i }),
       " exists in this project."
     ] }),
-    E && /* @__PURE__ */ y(se, { severity: "error", sx: {
+    L && /* @__PURE__ */ y(se, { severity: "error", sx: {
       mt: 2
     }, children: [
       /* @__PURE__ */ t("strong", { children: "Environment not found." }),
@@ -1230,36 +1222,43 @@ const dn = (i) => {
       /* @__PURE__ */ t("code", { children: s }),
       " does not match any environment in this organisation. Check the URL or verify the environment name."
     ] })
-  ] }) : /* @__PURE__ */ y(Le, { children: [
+  ] }) : /* @__PURE__ */ y(Ae, { children: [
     /* @__PURE__ */ y(ve, { title: "Traces", disableIcon: !0, actions: /* @__PURE__ */ y(R, { direction: "row", spacing: 2, alignItems: "center", flexWrap: "wrap", children: [
       /* @__PURE__ */ t($t, {}),
-      /* @__PURE__ */ t(st, { preset: P, customStart: I, customEnd: d, options: un, onPresetChange: Pe, onCustomRangeApply: F }),
-      /* @__PURE__ */ t(ue, { size: "small", onClick: () => Be($ === "desc" ? "asc" : "desc"), "aria-label": $ === "desc" ? "Sort ascending" : "Sort descending", children: $ === "desc" ? /* @__PURE__ */ t(Ot, { size: 16 }) : /* @__PURE__ */ t(It, { size: 16 }) }),
-      /* @__PURE__ */ t(ue, { size: "small", disabled: X, onClick: $e, "aria-label": "Refresh", children: X ? /* @__PURE__ */ t(de, { size: 16 }) : /* @__PURE__ */ t(At, { size: 16 }) }),
-      /* @__PURE__ */ t(Se, { size: "small", variant: "outlined", startIcon: h ? /* @__PURE__ */ t(de, { size: 16 }) : /* @__PURE__ */ t(Lt, { size: 16 }), onClick: Re, disabled: h || N || M || (U?.traces ?? []).length === 0, children: "Export" })
+      /* @__PURE__ */ t(ot, { preset: P, customStart: I, customEnd: d, options: un, onPresetChange: Re, onCustomRangeApply: B }),
+      /* @__PURE__ */ t(ue, { size: "small", onClick: () => Pe($ === "desc" ? "asc" : "desc"), "aria-label": $ === "desc" ? "Sort ascending" : "Sort descending", children: $ === "desc" ? /* @__PURE__ */ t(Ot, { size: 16 }) : /* @__PURE__ */ t(It, { size: 16 }) }),
+      /* @__PURE__ */ t(ue, { size: "small", disabled: q, onClick: Fe, "aria-label": "Refresh", children: q ? /* @__PURE__ */ t(de, { size: 16 }) : /* @__PURE__ */ t(At, { size: 16 }) }),
+      /* @__PURE__ */ t(Se, { size: "small", variant: "outlined", startIcon: h ? /* @__PURE__ */ t(de, { size: 16 }) : /* @__PURE__ */ t(Dt, { size: 16 }), onClick: _e, disabled: h || N || _ || (U?.traces ?? []).length === 0, children: "Export" })
     ] }), children: [
-      /* @__PURE__ */ t(dn, { traces: U?.traces ?? [], isLoading: N || M, selectedTrace: ie, sortOrder: $, isLoadingOlder: ge, isLoadingNewer: be, onTraceSelect: le, onLoadOlder: ae, onLoadNewer: me }),
-      /* @__PURE__ */ y(it, { open: !!ie, disableScroll: !0, onClose: Te, minWidth: "80vw", fullscreen: o, children: [
-        /* @__PURE__ */ t(at, { title: "Trace Details", icon: /* @__PURE__ */ t(fe, { size: 24 }), onClose: Te, isFullscreen: o, onToggleFullscreen: () => k((z) => !z) }),
-        /* @__PURE__ */ t(ot, { children: ie && te && g && n && i && S ? /* @__PURE__ */ t(cn, { traceId: ie, organization: g, project: n, component: i, environment: S, startTime: te.startTime, endTime: te.endTime }) : null })
+      /* @__PURE__ */ t(dn, { traces: U?.traces ?? [], isLoading: N || _, selectedTrace: ie, sortOrder: $, isLoadingOlder: ge, isLoadingNewer: be, onTraceSelect: le, onLoadOlder: ae, onLoadNewer: me }),
+      /* @__PURE__ */ y(rt, { open: !!ie, disableScroll: !0, onClose: Te, minWidth: "80vw", fullscreen: o, children: [
+        /* @__PURE__ */ t(it, { title: "Trace Details", icon: /* @__PURE__ */ t(fe, { size: 24 }), onClose: Te, isFullscreen: o, onToggleFullscreen: () => k((z) => !z) }),
+        /* @__PURE__ */ t(at, { children: ie && te && g && n && i && S ? /* @__PURE__ */ t(cn, { traceId: ie, organization: g, project: n, component: i, environment: S, startTime: te.startTime, endTime: te.endTime }) : null })
       ] })
     ] }),
     /* @__PURE__ */ t(Pt, { open: !!x, autoHideDuration: 6e3, onClose: () => u(null), anchorOrigin: {
       vertical: "bottom",
       horizontal: "center"
     }, children: /* @__PURE__ */ t(se, { onClose: () => u(null), severity: "error", children: x }) })
-  ] });
+  ] }) : /* @__PURE__ */ t(ve, { title: "Traces", disableIcon: !0, children: /* @__PURE__ */ y(se, { severity: "error", sx: {
+    mt: 2
+  }, children: [
+    /* @__PURE__ */ t("strong", { children: "Observer not configured." }),
+    " Ask your platform administrator to set ",
+    /* @__PURE__ */ t("code", { children: "AM_OBSERVER_PUBLIC_URL" }),
+    " on the agent-manager service."
+  ] }) });
 }, Tn = {
   title: "Traces",
   description: "A page component for Traces",
   icon: fe,
   path: "/traces",
-  component: Ae,
+  component: Ie,
   levels: {
-    component: Ae
+    component: Ie
   }
 };
 export {
-  Ae as TracesComponent,
+  Ie as TracesComponent,
   Tn as metaData
 };