@wso2/am-core-ui 0.0.17 → 0.0.19

package/dist/index-BP5drcF2.js

@@ -0,0 +1,1265 @@
+import { jsx as t, jsxs as y, Fragment as Le } 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 "@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";
+const {
+  DataGrid: Ft
+} = Dt, Ut = (i) => i / 1e9;
+function Ht(i) {
+  const e = q(13), {
+    traces: n,
+    onTraceSelect: s,
+    sortOrder: r,
+    selectedTrace: l,
+    isLoading: a,
+    isLoadingOlder: h,
+    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;
+  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: [{
+    field: "status",
+    headerName: "Status",
+    flex: 5
+  }, {
+    field: "name",
+    headerName: "Name",
+    flex: 10
+  }, {
+    field: "input",
+    headerName: "Input",
+    flex: 18
+  }, {
+    field: "output",
+    headerName: "Output",
+    flex: 18
+  }, {
+    field: "startTime",
+    headerName: "Start Time",
+    flex: 12
+  }, {
+    field: "duration",
+    headerName: "Duration",
+    flex: 8
+  }, {
+    field: "tokens",
+    headerName: "Tokens",
+    flex: 8
+  }, {
+    field: "spans",
+    headerName: "Spans",
+    flex: 8
+  }, {
+    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: {
+        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__ */ 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: {
+          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: {
+          display: "block",
+          textOverflow: "ellipsis",
+          overflow: "hidden",
+          whiteSpace: "nowrap",
+          maxWidth: "300px"
+        }, children: u.rootSpanName }) }),
+        /* @__PURE__ */ t(_.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: {
+          display: "block",
+          textOverflow: "ellipsis",
+          overflow: "hidden",
+          whiteSpace: "nowrap",
+          maxWidth: "100%"
+        }, children: u.input }) }) }),
+        /* @__PURE__ */ t(_.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: {
+          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: {
+          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: [
+          Ut(u.durationInNanos).toFixed(2),
+          "s"
+        ] }) }),
+        /* @__PURE__ */ t(_.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: [
+            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: (() => {
+          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: {
+            color: xe(o.score),
+            fontWeight: 600
+          }, children: [
+            (o.score * 100).toFixed(1),
+            "%"
+          ] }) });
+        })() })
+      ] }, 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(_.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;
+}
+function jt(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), {
+    span: n,
+    evaluatorScores: s
+  } = i;
+  let r;
+  e[0] !== n.ampAttributes ? (r = n.ampAttributes || {}, e[0] = n.ampAttributes, e[1] = r) : r = e[1];
+  const {
+    kind: l,
+    data: a
+  } = r;
+  let h, p, m, c, g, f, w;
+  if (l === "llm" && a) {
+    const d = a;
+    h = d.model, p = d.vendor, m = d.tokenUsage, c = d.temperature;
+  } else if (l === "agent" && a) {
+    const d = a;
+    h = d.model, g = d.framework, m = d.tokenUsage;
+  } else if (l === "embedding" && a) {
+    const d = a;
+    h = d.model, p = d.vendor, m = d.tokenUsage;
+  } else if (l === "retriever" && a) {
+    const d = a;
+    f = d.vectorDB, w = d.topK;
+  }
+  const C = p && h ? `${p}/${h}` : h;
+  let v;
+  if (e[2] !== s) {
+    if (v = /* @__PURE__ */ new Map(), s?.length)
+      for (const d of s)
+        v.set(d.evaluatorName, (v.get(d.evaluatorName) ?? 0) + 1);
+    e[2] = s, e[3] = v;
+  } else
+    v = e[3];
+  let b;
+  e[4] !== v ? (b = (d) => (v.get(d.evaluatorName) ?? 0) > 1 ? `${d.monitorName}/${d.evaluatorName}` : d.evaluatorName, e[4] = v, e[5] = b) : b = e[5];
+  const A = b;
+  let T;
+  e[6] !== n.ampAttributes?.status?.error || e[7] !== n.ampAttributes?.status?.errorType ? (T = n.ampAttributes?.status?.error && /* @__PURE__ */ t(J, { title: n.ampAttributes?.status?.errorType || "Failed to execute the span", children: /* @__PURE__ */ t(W, { icon: /* @__PURE__ */ t(ht, { size: 16 }), size: "small", variant: "outlined", label: n.ampAttributes?.status?.errorType || "Failed", color: "error" }) }), e[6] = n.ampAttributes?.status?.error, e[7] = n.ampAttributes?.status?.errorType, e[8] = T) : T = e[8];
+  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];
+  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 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];
+  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;
+  e[21] !== m ? (u = m && /* @__PURE__ */ t(J, { title: `${m.inputTokens} input tokens, ${m.outputTokens} output tokens`, children: /* @__PURE__ */ t(W, { icon: /* @__PURE__ */ t(mt, { size: 16 }), size: "small", variant: "outlined", label: m.totalTokens }) }), e[21] = m, e[22] = u) : u = e[22];
+  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);
+    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: {
+        color: P,
+        borderColor: P
+      } }) }, B);
+    }
+    return /* @__PURE__ */ t(J, { title: d.skipReason || "Skipped", children: /* @__PURE__ */ t(W, { size: "small", variant: "outlined", label: `${F}: Skipped`, sx: {
+      opacity: 0.6,
+      fontStyle: "italic"
+    } }) }, B);
+  }), 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: [
+    T,
+    S,
+    N,
+    O,
+    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;
+}
+const _e = "custom-dark-transparent", Me = "custom-light-transparent";
+function Jt(i) {
+  i.editor.defineTheme(_e, {
+    base: "vs-dark",
+    inherit: !0,
+    rules: [],
+    colors: {
+      "editor.background": "#00000000",
+      // Transparent
+      "editor.findMatchBackground": "#fa7b3f",
+      // Darker color for current match with opacity
+      "editor.findMatchHighlightBackground": "#fa7b3f",
+      // Darker color for other matches with opacity
+      "editor.findMatchBorder": "#ffffff",
+      // White border for current match
+      "editor.findMatchHighlightBorder": "#fa7b3f",
+      // Semi-transparent white border for other matches
+      "editor.selectionBackground": "#fa7b3f",
+      // Darker selection color with high opacity
+      "editor.selectionForeground": "#ffffff",
+      // White text for selected content
+      "editor.inactiveSelectionBackground": "#fa7b3f",
+      // Selection when editor is not focused
+      "editor.selectionHighlightBackground": "#fa7b3f"
+      // Background for matching selections
+    }
+  }), i.editor.defineTheme(Me, {
+    base: "vs",
+    inherit: !0,
+    rules: [],
+    colors: {
+      // "editor.background": "#00000000", // Transparent
+      "editor.findMatchBackground": "#fa7b3f",
+      // Darker color for current match with opacity
+      "editor.findMatchHighlightBackground": "#fa7b3f",
+      // Darker color for other matches with opacity
+      "editor.findMatchBorder": "#fa7b3f",
+      // Black border for current match
+      "editor.findMatchHighlightBorder": "#fa7b3f",
+      // Semi-transparent black border for other matches
+      "editor.selectionBackground": "#fa7b3f",
+      // Darker selection color with high opacity
+      "editor.selectionForeground": "#ffffff",
+      // White text for selected content
+      "editor.inactiveSelectionBackground": "#fa7b3f",
+      // Selection when editor is not focused
+      "editor.selectionHighlightBackground": "#fa7b3f"
+      // Background for matching selections
+    }
+  });
+}
+function Kt(i) {
+  const e = /* @__PURE__ */ new WeakSet(), n = (s, r) => {
+    if (typeof r == "bigint")
+      return r.toString();
+    if (typeof r == "object" && r !== null) {
+      if (e.has(r))
+        return "[Circular]";
+      e.add(r);
+    }
+    return r === void 0 ? "[undefined]" : r;
+  };
+  try {
+    return JSON.stringify(i, n, 2);
+  } catch {
+    try {
+      const s = {};
+      for (const [r, l] of Object.entries(i))
+        try {
+          typeof l == "bigint" ? s[r] = l.toString() : l === void 0 ? s[r] = "[undefined]" : s[r] = JSON.parse(JSON.stringify(l, n));
+        } catch {
+          s[r] = "[unserializable]";
+        }
+      return JSON.stringify(s, null, 2);
+    } catch {
+      return "<unserializable attributes>";
+    }
+  }
+}
+function Gt(i) {
+  const e = q(36), {
+    attributes: n
+  } = i, {
+    mode: s
+  } = Et(), [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] = C) : C = e[1];
+  const v = C;
+  let b;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (b = (M) => {
+    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));
+  }, 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()) {
+        f.current = [], m(0), h(0);
+        return;
+      }
+      const X = c.current.getModel();
+      if (!X)
+        return;
+      const ae = [], me = j.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), ge = new RegExp(me, "gi"), be = X.getValue();
+      let te;
+      for (; (te = ge.exec(be)) !== null; ) {
+        const ie = X.getPositionAt(te.index), le = X.getPositionAt(te.index + te[0].length);
+        ae.push({
+          range: {
+            startLineNumber: ie.lineNumber,
+            startColumn: ie.column,
+            endLineNumber: le.lineNumber,
+            endColumn: le.column
+          }
+        });
+      }
+      f.current = ae, m(ae.length), ae.length > 0 ? (h(1), A(0)) : h(0);
+    };
+    T = (j) => {
+      l(j), M(j);
+    }, e[3] = T;
+  } else
+    T = e[3];
+  const S = T;
+  let N;
+  e[4] !== a ? (N = () => {
+    if (f.current.length === 0)
+      return;
+    const M = a % f.current.length;
+    A(M);
+  }, e[4] = a, e[5] = N) : N = e[5];
+  const O = N;
+  let L;
+  e[6] !== a ? (L = () => {
+    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;
+  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 x;
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (x = (M) => S(M.target.value), e[9] = x) : x = e[9];
+  let u;
+  e[10] !== O ? (u = (M) => {
+    M.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: [
+        a,
+        " / ",
+        p
+      ] }) }) : /* @__PURE__ */ t(yt, { size: 16, "aria-hidden": "true" })
+    }
+  }, 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];
+  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" }) }),
+    /* @__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];
+  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];
+  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 = {
+    readOnly: !0,
+    contextmenu: !1,
+    minimap: P,
+    scrollBeyondLastLine: !1,
+    scrollbar: {
+      horizontal: "auto",
+      vertical: "auto"
+    },
+    wordWrap: "on",
+    folding: !0,
+    foldingStrategy: "auto",
+    showFoldingControls: "always",
+    foldingHighlight: !0,
+    unfoldOnClickAfterEndOfLine: !0
+  }, e[29] = H) : H = 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];
+  let U;
+  return e[33] !== d || e[34] !== $ ? (U = /* @__PURE__ */ y(R, { direction: "column", spacing: 2, children: [
+    d,
+    $
+  ] }), e[33] = d, e[34] = $, e[35] = U) : U = e[35], U;
+}
+function Vt(i) {
+  Jt(i);
+}
+function Yt({
+  tools: i
+}) {
+  const [e, n] = re(!1), s = Z((a) => (h, p) => {
+    n(p ? a : !1);
+  }, []), r = Z((a) => {
+    if (a == null) return !1;
+    if (typeof a == "object" || Array.isArray(a)) return !0;
+    if (typeof a == "string")
+      try {
+        const h = JSON.parse(a);
+        return typeof h == "object" && h !== null;
+      } catch {
+        return !1;
+      }
+    return !1;
+  }, []), l = Z((a) => {
+    if (a === null) return "null";
+    if (a === void 0) return "undefined";
+    if (typeof a == "object" || Array.isArray(a))
+      try {
+        return JSON.stringify(a, null, 2);
+      } catch {
+        return String(a);
+      }
+    if (typeof a == "string")
+      try {
+        const h = JSON.parse(a);
+        if (typeof h == "object" && h !== null)
+          return JSON.stringify(h, null, 2);
+      } catch {
+      }
+    return String(a);
+  }, []);
+  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: [
+        !p && a.description && /* @__PURE__ */ y(G, { children: [
+          /* @__PURE__ */ t(D, { 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 }) }) })
+        ] }),
+        !p && a.parameters && /* @__PURE__ */ y(G, { children: [
+          /* @__PURE__ */ t(D, { variant: "subtitle2", sx: {
+            mb: 1
+          }, children: "Parameters" }),
+          /* @__PURE__ */ t(V, { variant: "outlined", sx: {
+            maxHeight: r(a.parameters) ? 375 : "auto",
+            overflow: "auto"
+          }, children: /* @__PURE__ */ t(Y, { sx: {
+            "&:last-child": {
+              pb: 1.5
+            }
+          }, children: /* @__PURE__ */ t(D, { variant: "caption", sx: {
+            fontFamily: "monospace",
+            whiteSpace: "pre-wrap",
+            wordBreak: "break-word"
+          }, children: l(a.parameters) }) }) })
+        ] }),
+        p && /* @__PURE__ */ t(G, { children: /* @__PURE__ */ t(V, { variant: "outlined", sx: {
+          bgcolor: "action.hover"
+        }, children: /* @__PURE__ */ t(Y, { sx: {
+          "&:last-child": {
+            pb: 1.5
+          }
+        }, children: /* @__PURE__ */ t(D, { variant: "body2", color: "text.secondary", children: "Additional tool details are not available" }) }) }) })
+      ] }) })
+    ] }, c);
+  }) });
+}
+function ye(i) {
+  function e(n) {
+    if (typeof n == "string")
+      try {
+        const s = JSON.parse(n);
+        return e(s);
+      } catch {
+        return n;
+      }
+    if (Array.isArray(n))
+      return n.map((s) => e(s));
+    if (n !== null && typeof n == "object") {
+      const s = {};
+      for (const r in n)
+        Object.prototype.hasOwnProperty.call(n, r) && (s[r] = e(n[r]));
+      return s;
+    }
+    return n;
+  }
+  try {
+    const n = e(i);
+    return JSON.stringify(n, null, 2);
+  } catch {
+    return i;
+  }
+}
+const Ie = je(function(e) {
+  const n = q(23), {
+    title: s,
+    messages: r,
+    getRoleColor: l,
+    "data-testid": a,
+    showEmptyMessage: h
+  } = e, p = h === void 0 ? !1 : h;
+  if (r.length === 0) {
+    if (!p)
+      return null;
+    let v;
+    n[0] === Symbol.for("react.memo_cache_sentinel") ? (v = {
+      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];
+    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];
+    let S;
+    return n[5] !== b || n[6] !== a ? (S = /* @__PURE__ */ y(G, { "data-testid": a, children: [
+      b,
+      T
+    ] }), n[5] = b, n[6] = a, n[7] = S) : S = n[7], S;
+  }
+  let m;
+  n[8] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ t(we, { sx: {
+    mb: 2
+  } }), n[8] = m) : m = n[8];
+  let c;
+  n[9] === Symbol.for("react.memo_cache_sentinel") ? (c = {
+    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];
+  let f;
+  if (n[12] !== l || n[13] !== r) {
+    let v;
+    n[15] !== l ? (v = (b, A) => {
+      const T = b.id ?? A;
+      return /* @__PURE__ */ t(V, { variant: "outlined", children: /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ y(R, { spacing: 1.5, children: [
+        /* @__PURE__ */ t(G, { sx: {
+          display: "flex",
+          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.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;
+  } else
+    f = n[14];
+  let w;
+  n[17] !== f ? (w = /* @__PURE__ */ t(R, { spacing: 2, children: f }), n[17] = f, n[18] = w) : w = n[18];
+  let C;
+  return n[19] !== g || n[20] !== w || n[21] !== a ? (C = /* @__PURE__ */ y(R, { pt: 2, "data-testid": a, children: [
+    m,
+    g,
+    w
+  ] }), n[19] = g, n[20] = w, n[21] = a, n[22] = C) : C = n[22], C;
+});
+function qt(i) {
+  const e = q(29), {
+    ampAttributes: n
+  } = i, s = Qt;
+  n?.input;
+  const r = n?.input;
+  let l;
+  e[0] !== r ? (l = s(r), e[0] = r, e[1] = l) : l = e[1];
+  const a = l;
+  let h;
+  e[2] !== n?.output ? (h = () => s(n?.output), e[2] = n?.output, e[3] = h) : h = e[3], n?.output;
+  let p;
+  e[4] !== h ? (p = h(), e[4] = h, e[5] = p) : p = e[5];
+  const m = p;
+  let c;
+  e: {
+    let x;
+    e[6] !== n ? (x = n || {}, e[6] = n, e[7] = x) : x = e[7];
+    const {
+      kind: u,
+      data: o
+    } = x;
+    if (u === "tool" && o) {
+      c = o.name;
+      break e;
+    } else if (u === "agent" && o) {
+      c = o.name;
+      break e;
+    } else if (u === "crewaitask" && o) {
+      c = o.name;
+      break e;
+    }
+    c = void 0;
+  }
+  const g = c;
+  let f;
+  e: {
+    let x;
+    e[8] !== n ? (x = n || {}, e[8] = n, e[9] = x) : x = e[9];
+    const {
+      kind: u,
+      data: o
+    } = x;
+    if (u === "crewaitask" && o) {
+      f = o.description;
+      break e;
+    }
+    f = void 0;
+  }
+  const w = f;
+  let C;
+  e: {
+    let x;
+    e[10] !== n ? (x = n || {}, e[10] = n, e[11] = x) : x = e[11];
+    const {
+      kind: u,
+      data: o
+    } = x;
+    if (u === "agent" && o) {
+      C = o.systemPrompt;
+      break e;
+    }
+    C = void 0;
+  }
+  const v = C, b = a.length > 0 || m.length > 0, A = Xt;
+  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 }) }) })
+  ] }), 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: {
+      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: {
+      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];
+  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: [
+    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;
+}
+function Xt(i) {
+  switch (i) {
+    case "system":
+      return "default";
+    case "user":
+      return "primary";
+    case "assistant":
+      return "success";
+    case "tool":
+      return "info";
+    default:
+      return "default";
+  }
+}
+function Qt(i) {
+  return i ? typeof i == "string" ? [{
+    content: i
+  }] : Array.isArray(i) && i.length > 0 && typeof i[0] == "string" ? i.map(Zt) : i : [];
+}
+function Zt(i) {
+  return {
+    content: i
+  };
+}
+function en(i, e) {
+  const n = i.id ?? e;
+  return /* @__PURE__ */ t(V, { variant: "outlined", children: /* @__PURE__ */ y(Y, { sx: {
+    "&:last-child": {
+      pb: 1.5
+    }
+  }, children: [
+    /* @__PURE__ */ t(D, { variant: "caption", sx: {
+      fontWeight: "bold"
+    }, children: i.name }),
+    i.arguments && /* @__PURE__ */ t(D, { variant: "caption", sx: {
+      display: "block",
+      mt: 0.5,
+      fontFamily: "monospace",
+      whiteSpace: "pre-wrap",
+      wordBreak: "break-word"
+    }, children: ye(i.arguments) })
+  ] }) }, n);
+}
+function tn(i) {
+  const e = q(11), {
+    evaluatorScores: n
+  } = i;
+  let s;
+  if (e[0] !== n) {
+    s = /* @__PURE__ */ new Map();
+    for (const p of n)
+      s.set(p.evaluatorName, (s.get(p.evaluatorName) ?? 0) + 1);
+    e[0] = n, e[1] = s;
+  } else
+    s = e[1];
+  let r;
+  e[2] !== s ? (r = (p) => (s.get(p.evaluatorName) ?? 0) > 1 ? `${p.monitorName}/${p.evaluatorName}` : p.evaluatorName, e[2] = s, e[3] = r) : r = e[3];
+  const l = r;
+  let a;
+  if (e[4] !== n || e[5] !== l) {
+    let p;
+    e[7] !== l ? (p = (m, c) => {
+      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 }),
+          f ? /* @__PURE__ */ t(W, { size: "small", variant: "outlined", label: "Skipped", sx: {
+            ml: "auto",
+            opacity: 0.6,
+            fontStyle: "italic"
+          } }) : /* @__PURE__ */ t(W, { size: "small", variant: "outlined", label: `${(m.score * 100).toFixed(1)}%`, sx: {
+            ml: "auto",
+            color: w,
+            borderColor: w
+          } })
+        ] }),
+        m.explanation && /* @__PURE__ */ t(ze, { content: m.explanation }),
+        f && m.skipReason && /* @__PURE__ */ t(D, { variant: "body2", color: "text.secondary", sx: {
+          fontStyle: "italic"
+        }, children: m.skipReason })
+      ] }) }) }, c);
+    }, e[7] = l, e[8] = p) : p = e[8], a = n.map(p), e[4] = n, e[5] = l, e[6] = a;
+  } else
+    a = e[6];
+  let h;
+  return e[9] !== a ? (h = /* @__PURE__ */ t(R, { spacing: 2, pt: 1, children: a }), e[9] = a, e[10] = h) : h = e[10], h;
+}
+function nn(i) {
+  const {
+    kind: e,
+    data: n
+  } = i.ampAttributes || {};
+  if (e === "llm" && n)
+    return n.tools;
+  if (e === "agent" && n)
+    return n.tools;
+}
+function rn(i) {
+  const {
+    kind: e,
+    data: n,
+    input: s,
+    output: r
+  } = i.ampAttributes || {};
+  if (s || r)
+    return !0;
+  if (e === "agent" && n) {
+    const l = n;
+    if (l.name || l.systemPrompt)
+      return !0;
+  }
+  if (e === "tool" && n && n.name)
+    return !0;
+  if (e === "crewaitask" && n) {
+    const l = n;
+    if (l.name || l.description)
+      return !0;
+  }
+  return !1;
+}
+function an(i) {
+  const e = q(73), {
+    span: n,
+    evaluatorScores: s
+  } = i, [r, l] = re("overview");
+  let a;
+  e[0] !== n ? (a = n ? rn(n) : !1, e[0] = n, e[1] = a) : a = e[1];
+  const h = a;
+  let p;
+  e[2] !== n ? (p = n ? nn(n) : void 0, e[2] = n, e[3] = p) : p = e[3];
+  const m = p, c = !!m, g = !!n?.attributes, f = !!(s && s.length > 0);
+  let w;
+  e[4] !== g || e[5] !== h || e[6] !== f || e[7] !== c || e[8] !== r || e[9] !== n ? (w = () => {
+    if (n && !(r === "overview" && h)) {
+      {
+        if (r === "tools" && c)
+          return;
+        if (r === "attributes" && g)
+          return;
+        if (r === "scores" && f)
+          return;
+      }
+      h ? l("overview") : c ? l("tools") : g ? l("attributes") : f && l("scores");
+    }
+  }, e[4] = g, e[5] = h, e[6] = f, e[7] = c, e[8] = r, e[9] = n, e[10] = w) : w = e[10];
+  const C = n?.spanId;
+  let v;
+  if (e[11] !== g || e[12] !== h || e[13] !== f || e[14] !== c || e[15] !== r || e[16] !== n || e[17] !== C ? (v = [n, C, h, c, g, f, r], e[11] = g, e[12] = h, e[13] = f, e[14] = c, e[15] = r, e[16] = n, e[17] = C, e[18] = v) : v = e[18], De(w, v), !n)
+    return null;
+  let b;
+  e[19] === Symbol.for("react.memo_cache_sentinel") ? (b = {
+    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];
+  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;
+  e[24] !== A || e[25] !== T ? (S = /* @__PURE__ */ y(R, { direction: "row", spacing: 1, children: [
+    A,
+    " ",
+    T
+  ] }), e[24] = A, e[25] = T, e[26] = S) : S = e[26];
+  let N;
+  e[27] !== s || e[28] !== n ? (N = /* @__PURE__ */ t(Wt, { span: n, evaluatorScores: s }), e[27] = s, e[28] = n, e[29] = N) : N = e[29];
+  let O;
+  e[30] !== N || e[31] !== S ? (O = /* @__PURE__ */ y(R, { spacing: 2, px: 1, children: [
+    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 x;
+  e[34] !== E ? (x = /* @__PURE__ */ t(ce, { label: "Overview", value: "overview", disabled: E }), e[34] = E, 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;
+  e[38] !== n.attributes ? (o = n?.attributes && /* @__PURE__ */ t(ce, { label: "Attributes", value: "attributes" }), e[38] = n.attributes, e[39] = o) : o = e[39];
+  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: [
+    x,
+    u,
+    o,
+    k
+  ] }), e[42] = r, e[43] = x, e[44] = u, e[45] = o, e[46] = k, e[47] = I) : I = e[47];
+  let d;
+  e[48] !== O || e[49] !== I ? (d = /* @__PURE__ */ y(R, { spacing: 2, children: [
+    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 = {
+    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];
+  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 $;
+  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,
+    P,
+    H,
+    $
+  ] }), 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: [
+    d,
+    U
+  ] }), e[70] = d, e[71] = U, e[72] = M) : M = e[72], M;
+}
+function on() {
+  const i = q(1);
+  let e;
+  return i[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ y(R, { spacing: 2, px: 1, sx: {
+    overflowY: "auto",
+    flexGrow: 1
+  }, children: [
+    /* @__PURE__ */ t(he, { variant: "text", width: "100%", height: 40 }),
+    /* @__PURE__ */ t(he, { variant: "text", width: "100%", height: 40 })
+  ] }), i[0] = e) : e = i[0], e;
+}
+function sn() {
+  const i = q(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%" }),
+    /* @__PURE__ */ t(we, { orientation: "vertical", flexItem: !0 }),
+    /* @__PURE__ */ t(he, { variant: "rounded", width: "45%", height: "100%" })
+  ] }), i[0] = e) : e = i[0], e;
+}
+function ln(i) {
+  return {
+    spanId: i.spanId,
+    parentSpanId: i.parentSpanId?.trim() || void 0,
+    name: i.spanName,
+    startTime: i.startTime,
+    endTime: i.endTime,
+    durationInNanos: i.durationNs,
+    ampAttributes: i.spanKind ? {
+      kind: i.spanKind
+    } : void 0
+  };
+}
+function cn({
+  traceId: i,
+  organization: e,
+  project: n,
+  component: s,
+  environment: r,
+  startTime: l,
+  endTime: a
+}) {
+  const {
+    orgId: h = "default",
+    projectId: p = "default",
+    agentId: m = "default"
+  } = Ee(), {
+    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]);
+  De(() => {
+    const o = c?.spans;
+    if (!o?.length) {
+      C(null);
+      return;
+    }
+    C((k) => k && o.some((d) => d.spanId === k) ? k : (o.find((d) => !d.parentSpanId?.trim()) ?? o[0])?.spanId ?? null);
+  }, [i, v]);
+  const {
+    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) => {
+    const k = S?.spanId === o.spanId ? S : ln(o);
+    return o.spanKind ? {
+      ...k,
+      ampAttributes: {
+        ...k.ampAttributes,
+        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({
+    orgName: h,
+    projName: p,
+    agentName: m,
+    traceId: i
+  }), {
+    traceEvalScores: x,
+    spanScoresMap: u
+  } = ee(() => {
+    const o = [], k = /* @__PURE__ */ new Map();
+    for (const I of E?.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,
+            monitorName: I.monitorName
+          });
+        k.set(d.spanId, B);
+      }
+    }
+    return {
+      traceEvalScores: o,
+      spanScoresMap: k
+    };
+  }, [E]);
+  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: [
+    /* @__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: {
+      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 }) })
+  ] }) });
+}
+const dn = (i) => {
+  const e = q(10), {
+    traces: n,
+    isLoading: s,
+    sortOrder: r,
+    selectedTrace: l,
+    isLoadingOlder: a,
+    isLoadingNewer: h,
+    onTraceSelect: p,
+    onLoadOlder: m,
+    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;
+}, un = [{
+  value: Q.TEN_MINUTES,
+  label: "10 Minutes"
+}, {
+  value: Q.THIRTY_MINUTES,
+  label: "30 Minutes"
+}, {
+  value: Q.ONE_HOUR,
+  label: "1 Hour"
+}, {
+  value: Q.SIX_HOURS,
+  label: "6 Hours"
+}, {
+  value: Q.TWELVE_HOURS,
+  label: "12 Hours"
+}, {
+  value: Q.ONE_DAY,
+  label: "1 Day"
+}, {
+  value: Q.SEVEN_DAYS,
+  label: "7 Days"
+}], Ae = () => {
+  const {
+    agentId: i,
+    orgId: e,
+    projectId: n,
+    envId: s
+  } = Ee(), [r, l] = We(), {
+    mutateAsync: a,
+    isPending: h
+  } = Qe(), {
+    data: p,
+    isPending: m,
+    isSuccess: c
+  } = Ze({
+    orgName: e ?? ""
+  }), g = p?.namespace, {
+    data: f,
+    isPending: w,
+    isSuccess: C
+  } = et({
+    orgName: e ?? "",
+    projName: n ?? "",
+    agentName: i ?? ""
+  }), {
+    data: v,
+    isPending: b,
+    isSuccess: A
+  } = tt({
+    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), {
+    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(() => {
+    const z = parseInt(r.get("limit") || "10", 10);
+    return Number.isFinite(z) && z > 0 ? z : 10;
+  }, [r]), $ = ee(() => {
+    const z = r.get("sortOrder");
+    return z === "asc" || z === "desc" ? z : "desc";
+  }, [r]), {
+    data: U,
+    isLoading: M,
+    refetch: j,
+    isRefetching: X,
+    loadOlder: ae,
+    loadNewer: me,
+    isLoadingOlder: ge,
+    isLoadingNewer: be
+  } = rt(g, n, i, S, P, H, $, I, d), te = ee(() => {
+    const z = U?.fetchedRange;
+    return z || (B ? {
+      startTime: I,
+      endTime: d
+    } : P ? Ne(P) : void 0);
+  }, [U, B, 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 () => {
+    if (!g || !n || !i || !S) {
+      u("Missing required parameters for export");
+      return;
+    }
+    try {
+      u(null);
+      const z = B ? {
+        startTime: I,
+        endTime: d
+      } : P ? Ne(P) : null;
+      if (!z) {
+        u("Invalid time range");
+        return;
+      }
+      const {
+        startTime: K,
+        endTime: Fe
+      } = z, Ue = await a({
+        organization: g,
+        project: n,
+        component: i,
+        environment: S,
+        startTime: K,
+        endTime: Fe,
+        sortOrder: $,
+        limit: H
+      }), He = new Blob([JSON.stringify(Ue, null, 2)], {
+        type: "application/json"
+      }), ke = window.URL.createObjectURL(He), 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) => {
+    const K = new URLSearchParams(r);
+    K.set("timeRange", z), K.delete("startTime"), K.delete("endTime"), l(K);
+  }, [r, l]), Be = 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: [
+    O && /* @__PURE__ */ y(se, { severity: "error", sx: {
+      mt: 2
+    }, children: [
+      /* @__PURE__ */ t("strong", { children: "Organization not found." }),
+      " No organization named",
+      " ",
+      /* @__PURE__ */ t("code", { children: e }),
+      " exists, or it has no organization identifier."
+    ] }),
+    L && /* @__PURE__ */ y(se, { severity: "error", sx: {
+      mt: 2
+    }, children: [
+      /* @__PURE__ */ t("strong", { children: "Agent not found." }),
+      " No agent named",
+      " ",
+      /* @__PURE__ */ t("code", { children: i }),
+      " exists in this project."
+    ] }),
+    E && /* @__PURE__ */ y(se, { severity: "error", sx: {
+      mt: 2
+    }, children: [
+      /* @__PURE__ */ t("strong", { children: "Environment not found." }),
+      " ",
+      /* @__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(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" })
+    ] }), 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(Pt, { open: !!x, autoHideDuration: 6e3, onClose: () => u(null), anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "center"
+    }, children: /* @__PURE__ */ t(se, { onClose: () => u(null), severity: "error", children: x }) })
+  ] });
+}, Tn = {
+  title: "Traces",
+  description: "A page component for Traces",
+  icon: fe,
+  path: "/traces",
+  component: Ae,
+  levels: {
+    component: Ae
+  }
+};
+export {
+  Ae as TracesComponent,
+  Tn as metaData
+};