@openchoreo/backstage-plugin-openchoreo-observability 1.1.0

package/dist/components/Traces/WaterfallView.esm.js

@@ -0,0 +1,567 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useMemo } from 'react';
+import { useTheme, Box, Typography, IconButton, Tooltip, Divider, CircularProgress } from '@material-ui/core';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+import ExpandLessIcon from '@material-ui/icons/ExpandLess';
+import ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';
+import { useWaterfallStyles } from './styles.esm.js';
+import { parseRfc3339NanoToNanoseconds, formatDuration, formatTimeFromString } from './utils.esm.js';
+
+function flattenObject(obj, prefix = "") {
+  const rows = [];
+  for (const [k, v] of Object.entries(obj)) {
+    const fullKey = prefix ? `${prefix}.${k}` : k;
+    if (v !== null && typeof v === "object" && !Array.isArray(v)) {
+      rows.push(...flattenObject(v, fullKey));
+    } else {
+      rows.push({ key: fullKey, value: String(v ?? "") });
+    }
+  }
+  return rows;
+}
+const AttributeSection = ({ label, data }) => {
+  const theme = useTheme();
+  if (!data || Object.keys(data).length === 0) return null;
+  const rows = flattenObject(data);
+  return /* @__PURE__ */ jsxs(Box, { mb: 2, children: [
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "caption",
+        style: {
+          fontSize: "0.65rem",
+          fontWeight: 700,
+          display: "block",
+          marginBottom: 4,
+          color: theme.palette.text.secondary,
+          textTransform: "uppercase",
+          letterSpacing: "0.05em"
+        },
+        children: label
+      }
+    ),
+    rows.map(({ key, value }) => /* @__PURE__ */ jsxs(Box, { display: "flex", style: { gap: 8, marginBottom: 2 }, children: [
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "caption",
+          style: {
+            fontSize: "0.7rem",
+            fontFamily: "monospace",
+            fontWeight: 600,
+            minWidth: 220,
+            flexShrink: 0,
+            wordBreak: "break-all"
+          },
+          children: key
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "caption",
+          style: {
+            fontSize: "0.7rem",
+            fontFamily: "monospace",
+            wordBreak: "break-word"
+          },
+          children: value
+        }
+      )
+    ] }, key))
+  ] });
+};
+const SpanDetailsPanel = ({ details, traceId }) => {
+  const theme = useTheme();
+  const coreFields = [
+    { label: "Trace ID", value: traceId },
+    { label: "Span ID", value: details.spanId },
+    { label: "Span Name", value: details.spanName },
+    ...details.spanKind ? [{ label: "Span Kind", value: details.spanKind }] : [],
+    ...details.parentSpanId ? [{ label: "Parent Span ID", value: details.parentSpanId }] : [],
+    { label: "Start Time", value: formatTimeFromString(details.startTime) },
+    { label: "End Time", value: formatTimeFromString(details.endTime) },
+    { label: "Duration", value: formatDuration(details.durationNs) }
+  ];
+  let statusColor = "#94A3B8";
+  if (details.status === "error") {
+    statusColor = "#EF4444";
+  } else if (details.status === "ok") {
+    statusColor = "#10B981";
+  }
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsxs(Box, { mb: 2, children: [
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "caption",
+          style: {
+            fontSize: "0.65rem",
+            fontWeight: 700,
+            display: "block",
+            marginBottom: 4,
+            color: theme.palette.text.secondary,
+            textTransform: "uppercase",
+            letterSpacing: "0.05em"
+          },
+          children: "Span Info"
+        }
+      ),
+      coreFields.map(({ label, value }) => /* @__PURE__ */ jsxs(Box, { display: "flex", style: { gap: 8, marginBottom: 2 }, children: [
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "caption",
+            style: {
+              fontSize: "0.7rem",
+              fontFamily: "monospace",
+              fontWeight: 600,
+              minWidth: 220,
+              flexShrink: 0
+            },
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "caption",
+            style: {
+              fontSize: "0.7rem",
+              fontFamily: "monospace",
+              wordBreak: "break-all"
+            },
+            children: value
+          }
+        )
+      ] }, label)),
+      details.status && /* @__PURE__ */ jsxs(Box, { display: "flex", style: { gap: 8, marginBottom: 2 }, children: [
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "caption",
+            style: {
+              fontSize: "0.7rem",
+              fontFamily: "monospace",
+              fontWeight: 600,
+              minWidth: 220,
+              flexShrink: 0
+            },
+            children: "Status"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "caption",
+            style: {
+              fontSize: "0.7rem",
+              fontFamily: "monospace",
+              fontWeight: 600,
+              color: statusColor
+            },
+            children: details.status
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(AttributeSection, { label: "Attributes", data: details.attributes }),
+    /* @__PURE__ */ jsx(
+      AttributeSection,
+      {
+        label: "Resource Attributes",
+        data: details.resourceAttributes
+      }
+    )
+  ] });
+};
+const WaterfallView = ({
+  traceId,
+  spans,
+  spanDetails
+}) => {
+  const classes = useWaterfallStyles();
+  const theme = useTheme();
+  const [collapsedSpans, setCollapsedSpans] = useState(/* @__PURE__ */ new Set());
+  const [selectedSpanId, setSelectedSpanId] = useState(null);
+  const getSpanColor = (spanName, depth, status) => {
+    if (status === "error") return "#FCA5A5";
+    const colors = [
+      "#93C5FD",
+      // blue-300
+      "#CBD5E1",
+      // slate-300
+      "#C4B5FD",
+      // violet-300
+      "#6EE7B7",
+      // emerald-300
+      "#67E8F9"
+      // cyan-300
+    ];
+    if (depth === 0) return colors[0];
+    if (depth === 1) return colors[1];
+    let hash = 0;
+    for (let i = 0; i < spanName.length; i++) {
+      hash = spanName.charCodeAt(i) + ((hash << 5) - hash);
+    }
+    return colors[Math.abs(hash) % colors.length];
+  };
+  const { spanTree, minTime, timeRange } = useMemo(() => {
+    if (!spans || spans.length === 0) {
+      return { spanTree: [], minTime: 0, timeRange: 0 };
+    }
+    const times = spans.flatMap((span) => [
+      parseRfc3339NanoToNanoseconds(span.startTime),
+      parseRfc3339NanoToNanoseconds(span.endTime)
+    ]);
+    const min = Math.min(...times);
+    const max = Math.max(...times);
+    const range = max - min || 1;
+    const spanMap = /* @__PURE__ */ new Map();
+    const rootSpans = [];
+    spans.forEach((span) => {
+      spanMap.set(span.spanId, { ...span, depth: 0, children: [] });
+    });
+    spans.forEach((span) => {
+      const spanWithDepth = spanMap.get(span.spanId);
+      if (span.parentSpanId && spanMap.has(span.parentSpanId)) {
+        const parent = spanMap.get(span.parentSpanId);
+        parent.children.push(spanWithDepth);
+        spanWithDepth.depth = parent.depth + 1;
+      } else {
+        rootSpans.push(spanWithDepth);
+      }
+    });
+    if (rootSpans.length === 0) {
+      const sortedSpans = [...spans].sort((a, b) => {
+        const aStart = parseRfc3339NanoToNanoseconds(a.startTime);
+        const bStart = parseRfc3339NanoToNanoseconds(b.startTime);
+        return aStart - bStart;
+      });
+      if (sortedSpans.length > 0) {
+        const rootSpan = spanMap.get(sortedSpans[0].spanId);
+        rootSpans.push(rootSpan);
+        rootSpan.depth = 0;
+        sortedSpans.slice(1).forEach((span) => {
+          const spanWithDepth = spanMap.get(span.spanId);
+          const spanStart = parseRfc3339NanoToNanoseconds(span.startTime);
+          const spanEnd = parseRfc3339NanoToNanoseconds(span.endTime);
+          let parent = null;
+          let maxDepth = -1;
+          sortedSpans.slice(0, sortedSpans.indexOf(span)).forEach((prevSpan) => {
+            const prevSpanWithDepth = spanMap.get(prevSpan.spanId);
+            if (!prevSpanWithDepth) return;
+            const prevStart = parseRfc3339NanoToNanoseconds(prevSpan.startTime);
+            const prevEnd = parseRfc3339NanoToNanoseconds(prevSpan.endTime);
+            if (spanStart >= prevStart && spanEnd <= prevEnd && prevSpanWithDepth.depth > maxDepth) {
+              parent = prevSpanWithDepth;
+              maxDepth = prevSpanWithDepth.depth;
+            }
+          });
+          if (parent) {
+            const parentSpan = parent;
+            parentSpan.children.push(spanWithDepth);
+            spanWithDepth.depth = parentSpan.depth + 1;
+          } else {
+            rootSpans.push(spanWithDepth);
+            spanWithDepth.depth = 0;
+          }
+        });
+      }
+    }
+    return { spanTree: rootSpans, minTime: min, timeRange: range };
+  }, [spans]);
+  const visibleSpans = useMemo(() => {
+    const getVisibleSpans = (nodes) => {
+      const result = [];
+      nodes.forEach((node) => {
+        result.push(node);
+        if (!collapsedSpans.has(node.spanId)) {
+          result.push(...getVisibleSpans(node.children));
+        }
+      });
+      return result;
+    };
+    return getVisibleSpans(spanTree);
+  }, [spanTree, collapsedSpans]);
+  const toggleCollapse = (spanId) => {
+    setCollapsedSpans((prev) => {
+      const newSet = new Set(prev);
+      if (newSet.has(spanId)) {
+        newSet.delete(spanId);
+      } else {
+        newSet.add(spanId);
+      }
+      return newSet;
+    });
+  };
+  const handleSpanClick = (spanId) => {
+    if (selectedSpanId === spanId) {
+      setSelectedSpanId(null);
+      return;
+    }
+    setSelectedSpanId(spanId);
+    spanDetails.fetchSpanDetails(traceId, spanId);
+  };
+  if (spanTree.length === 0) {
+    return /* @__PURE__ */ jsx(Box, { className: classes.container, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "No spans available for this trace" }) });
+  }
+  const calculatePosition = (startTime) => {
+    const time = parseRfc3339NanoToNanoseconds(startTime);
+    return (time - minTime) / timeRange * 100;
+  };
+  const calculateWidth = (startTime, endTime) => {
+    const start = parseRfc3339NanoToNanoseconds(startTime);
+    const end = parseRfc3339NanoToNanoseconds(endTime);
+    const duration = end - start;
+    return duration / timeRange * 100;
+  };
+  const selectedSpan = selectedSpanId ? visibleSpans.find((s) => s.spanId === selectedSpanId) : null;
+  const selectedDetails = selectedSpanId ? spanDetails.getDetails(traceId, selectedSpanId) : null;
+  const detailsLoading = selectedSpanId ? spanDetails.isLoading(traceId, selectedSpanId) : false;
+  const detailsError = selectedSpanId ? spanDetails.getError(traceId, selectedSpanId) : null;
+  return /* @__PURE__ */ jsxs(Box, { className: classes.container, children: [
+    /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", gutterBottom: true, children: [
+      "Trace ID: ",
+      traceId
+    ] }),
+    /* @__PURE__ */ jsx(Box, { className: classes.timeline, children: visibleSpans.map((span) => {
+      const left = calculatePosition(span.startTime);
+      const width = Math.max(
+        calculateWidth(span.startTime, span.endTime),
+        0.5
+      );
+      const color = getSpanColor(span.spanName, span.depth, span.status);
+      const indent = span.depth * 20;
+      const hasChildren = span.children.length > 0;
+      const isCollapsed = collapsedSpans.has(span.spanId);
+      const isSelected = selectedSpanId === span.spanId;
+      return /* @__PURE__ */ jsxs(Box, { className: classes.spanRow, children: [
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            className: classes.spanLabel,
+            style: { paddingLeft: `${indent}px` },
+            children: [
+              hasChildren && /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  size: "small",
+                  className: classes.collapseButton,
+                  onClick: () => toggleCollapse(span.spanId),
+                  children: isCollapsed ? /* @__PURE__ */ jsx(ExpandMoreIcon, {}) : /* @__PURE__ */ jsx(ExpandLessIcon, {})
+                }
+              ),
+              !hasChildren && /* @__PURE__ */ jsx(Box, { style: { width: "20px" } }),
+              span.status === "error" && /* @__PURE__ */ jsx(Tooltip, { title: "Span error", children: /* @__PURE__ */ jsx(ErrorOutlineIcon, { className: classes.spanErrorIcon }) }),
+              /* @__PURE__ */ jsx(
+                Box,
+                {
+                  style: {
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap",
+                    flex: 1
+                  },
+                  title: span.spanName,
+                  children: span.spanName
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { className: classes.spanBarContainer, children: /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            title: /* @__PURE__ */ jsxs(Box, { className: classes.tooltipContent, children: [
+              /* @__PURE__ */ jsx(Box, { className: classes.tooltipRow, children: /* @__PURE__ */ jsx(
+                Typography,
+                {
+                  variant: "subtitle2",
+                  component: "span",
+                  style: {
+                    fontWeight: 600,
+                    color: "inherit",
+                    marginBottom: 8
+                  },
+                  children: span.spanName
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Divider, { style: { marginBottom: 8, marginTop: 4 } }),
+              /* @__PURE__ */ jsxs(Box, { className: classes.tooltipRow, children: [
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "caption",
+                    component: "span",
+                    className: classes.tooltipLabel,
+                    children: "Span ID:"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "caption",
+                    style: {
+                      fontFamily: "monospace",
+                      wordBreak: "break-word",
+                      overflowWrap: "break-word",
+                      flex: 1,
+                      minWidth: 0
+                    },
+                    children: span.spanId
+                  }
+                )
+              ] }),
+              span.spanKind && /* @__PURE__ */ jsxs(Box, { className: classes.tooltipRow, children: [
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "caption",
+                    component: "span",
+                    className: classes.tooltipLabel,
+                    children: "Kind:"
+                  }
+                ),
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", children: span.spanKind })
+              ] }),
+              /* @__PURE__ */ jsxs(Box, { className: classes.tooltipRow, children: [
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "caption",
+                    component: "span",
+                    className: classes.tooltipLabel,
+                    children: "Start Time:"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "caption",
+                    style: {
+                      fontFamily: "monospace",
+                      fontSize: "0.7rem",
+                      wordBreak: "break-word",
+                      overflowWrap: "break-word",
+                      flex: 1,
+                      minWidth: 0
+                    },
+                    children: formatTimeFromString(span.startTime)
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs(Box, { className: classes.tooltipRow, children: [
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "caption",
+                    component: "span",
+                    className: classes.tooltipLabel,
+                    children: "End Time:"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "caption",
+                    style: {
+                      fontFamily: "monospace",
+                      fontSize: "0.7rem",
+                      wordBreak: "break-word",
+                      overflowWrap: "break-word",
+                      flex: 1,
+                      minWidth: 0
+                    },
+                    children: formatTimeFromString(span.endTime)
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs(Box, { className: classes.tooltipRow, children: [
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "caption",
+                    component: "span",
+                    className: classes.tooltipLabel,
+                    children: "Duration:"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "caption",
+                    style: { fontWeight: 500 },
+                    children: formatDuration(span.durationNs)
+                  }
+                )
+              ] }),
+              span.status && /* @__PURE__ */ jsxs(Box, { className: classes.tooltipRow, children: [
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "caption",
+                    component: "span",
+                    className: classes.tooltipLabel,
+                    children: "Status:"
+                  }
+                ),
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", children: span.status })
+              ] })
+            ] }),
+            arrow: true,
+            placement: "top",
+            enterDelay: 200,
+            leaveDelay: 100,
+            children: /* @__PURE__ */ jsx(
+              Box,
+              {
+                className: classes.spanBar,
+                style: {
+                  left: `${left}%`,
+                  width: `${width}%`,
+                  backgroundColor: color,
+                  outline: isSelected ? `2px solid ${theme.palette.primary.main}` : void 0
+                },
+                onClick: () => handleSpanClick(span.spanId),
+                children: width > 5 && formatDuration(span.durationNs)
+              }
+            )
+          }
+        ) })
+      ] }, span.spanId);
+    }) }),
+    selectedSpanId && /* @__PURE__ */ jsxs(
+      Box,
+      {
+        mt: 2,
+        p: 2,
+        style: {
+          border: `1px solid ${theme.palette.divider}`,
+          borderRadius: 4,
+          backgroundColor: theme.palette.background.paper
+        },
+        children: [
+          /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", gutterBottom: true, children: [
+            "Span Details",
+            selectedSpan ? `: ${selectedSpan.spanName}` : ""
+          ] }),
+          /* @__PURE__ */ jsx(Divider, { style: { marginBottom: 8 } }),
+          detailsLoading && /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", style: { gap: 8 }, children: [
+            /* @__PURE__ */ jsx(CircularProgress, { size: 16 }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "Loading span details..." })
+          ] }),
+          detailsError && /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "error", children: [
+            "Failed to load span details: ",
+            detailsError
+          ] }),
+          selectedDetails && !detailsLoading && /* @__PURE__ */ jsx(SpanDetailsPanel, { details: selectedDetails, traceId }),
+          !detailsLoading && !detailsError && !selectedDetails && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: "Click a span bar to view its details." })
+        ]
+      }
+    )
+  ] });
+};
+
+export { WaterfallView };
+//# sourceMappingURL=WaterfallView.esm.js.map

package/dist/components/Traces/WaterfallView.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WaterfallView.esm.js","sources":["../../../src/components/Traces/WaterfallView.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport {\n  Box,\n  Typography,\n  Tooltip,\n  IconButton,\n  Divider,\n  useTheme,\n  CircularProgress,\n} from '@material-ui/core';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\nimport ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';\nimport { useWaterfallStyles } from './styles';\nimport { Span, SpanDetails } from '../../types';\nimport {\n  parseRfc3339NanoToNanoseconds,\n  formatDuration,\n  formatTimeFromString,\n} from './utils';\n\ninterface SpanDetailsHook {\n  fetchSpanDetails: (traceId: string, spanId: string) => Promise<void>;\n  getDetails: (traceId: string, spanId: string) => SpanDetails | undefined;\n  isLoading: (traceId: string, spanId: string) => boolean;\n  getError: (traceId: string, spanId: string) => string | undefined;\n}\n\ninterface WaterfallViewProps {\n  traceId: string;\n  spans: Span[];\n  spanDetails: SpanDetailsHook;\n}\n\ninterface SpanWithDepth extends Span {\n  depth: number;\n  children: SpanWithDepth[];\n}\n\n/** Flatten a nested object into dot-separated key: value rows. */\nfunction flattenObject(\n  obj: Record<string, unknown>,\n  prefix = '',\n): Array<{ key: string; value: string }> {\n  const rows: Array<{ key: string; value: string }> = [];\n  for (const [k, v] of Object.entries(obj)) {\n    const fullKey = prefix ? `${prefix}.${k}` : k;\n    if (v !== null && typeof v === 'object' && !Array.isArray(v)) {\n      rows.push(...flattenObject(v as Record<string, unknown>, fullKey));\n    } else {\n      rows.push({ key: fullKey, value: String(v ?? '') });\n    }\n  }\n  return rows;\n}\n\ninterface AttributeSectionProps {\n  label: string;\n  data: Record<string, unknown> | undefined;\n}\n\nconst AttributeSection = ({ label, data }: AttributeSectionProps) => {\n  const theme = useTheme();\n  if (!data || Object.keys(data).length === 0) return null;\n  const rows = flattenObject(data);\n  return (\n    <Box mb={2}>\n      <Typography\n        variant=\"caption\"\n        style={{\n          fontSize: '0.65rem',\n          fontWeight: 700,\n          display: 'block',\n          marginBottom: 4,\n          color: theme.palette.text.secondary,\n          textTransform: 'uppercase',\n          letterSpacing: '0.05em',\n        }}\n      >\n        {label}\n      </Typography>\n      {rows.map(({ key, value }) => (\n        <Box key={key} display=\"flex\" style={{ gap: 8, marginBottom: 2 }}>\n          <Typography\n            variant=\"caption\"\n            style={{\n              fontSize: '0.7rem',\n              fontFamily: 'monospace',\n              fontWeight: 600,\n              minWidth: 220,\n              flexShrink: 0,\n              wordBreak: 'break-all',\n            }}\n          >\n            {key}\n          </Typography>\n          <Typography\n            variant=\"caption\"\n            style={{\n              fontSize: '0.7rem',\n              fontFamily: 'monospace',\n              wordBreak: 'break-word',\n            }}\n          >\n            {value}\n          </Typography>\n        </Box>\n      ))}\n    </Box>\n  );\n};\n\ninterface SpanDetailsPanelProps {\n  details: SpanDetails;\n  traceId: string;\n}\n\nconst SpanDetailsPanel = ({ details, traceId }: SpanDetailsPanelProps) => {\n  const theme = useTheme();\n  const coreFields: Array<{ label: string; value: string }> = [\n    { label: 'Trace ID', value: traceId },\n    { label: 'Span ID', value: details.spanId },\n    { label: 'Span Name', value: details.spanName },\n    ...(details.spanKind\n      ? [{ label: 'Span Kind', value: details.spanKind }]\n      : []),\n    ...(details.parentSpanId\n      ? [{ label: 'Parent Span ID', value: details.parentSpanId }]\n      : []),\n    { label: 'Start Time', value: formatTimeFromString(details.startTime) },\n    { label: 'End Time', value: formatTimeFromString(details.endTime) },\n    { label: 'Duration', value: formatDuration(details.durationNs) },\n  ];\n\n  let statusColor = '#94A3B8';\n  if (details.status === 'error') {\n    statusColor = '#EF4444';\n  } else if (details.status === 'ok') {\n    statusColor = '#10B981';\n  }\n\n  return (\n    <Box>\n      {/* Core span fields */}\n      <Box mb={2}>\n        <Typography\n          variant=\"caption\"\n          style={{\n            fontSize: '0.65rem',\n            fontWeight: 700,\n            display: 'block',\n            marginBottom: 4,\n            color: theme.palette.text.secondary,\n            textTransform: 'uppercase',\n            letterSpacing: '0.05em',\n          }}\n        >\n          Span Info\n        </Typography>\n        {coreFields.map(({ label, value }) => (\n          <Box key={label} display=\"flex\" style={{ gap: 8, marginBottom: 2 }}>\n            <Typography\n              variant=\"caption\"\n              style={{\n                fontSize: '0.7rem',\n                fontFamily: 'monospace',\n                fontWeight: 600,\n                minWidth: 220,\n                flexShrink: 0,\n              }}\n            >\n              {label}\n            </Typography>\n            <Typography\n              variant=\"caption\"\n              style={{\n                fontSize: '0.7rem',\n                fontFamily: 'monospace',\n                wordBreak: 'break-all',\n              }}\n            >\n              {value}\n            </Typography>\n          </Box>\n        ))}\n        {details.status && (\n          <Box display=\"flex\" style={{ gap: 8, marginBottom: 2 }}>\n            <Typography\n              variant=\"caption\"\n              style={{\n                fontSize: '0.7rem',\n                fontFamily: 'monospace',\n                fontWeight: 600,\n                minWidth: 220,\n                flexShrink: 0,\n              }}\n            >\n              Status\n            </Typography>\n            <Typography\n              variant=\"caption\"\n              style={{\n                fontSize: '0.7rem',\n                fontFamily: 'monospace',\n                fontWeight: 600,\n                color: statusColor,\n              }}\n            >\n              {details.status}\n            </Typography>\n          </Box>\n        )}\n      </Box>\n\n      <AttributeSection label=\"Attributes\" data={details.attributes} />\n      <AttributeSection\n        label=\"Resource Attributes\"\n        data={details.resourceAttributes}\n      />\n    </Box>\n  );\n};\n\nexport const WaterfallView = ({\n  traceId,\n  spans,\n  spanDetails,\n}: WaterfallViewProps) => {\n  const classes = useWaterfallStyles();\n  const theme = useTheme();\n  const [collapsedSpans, setCollapsedSpans] = useState<Set<string>>(new Set());\n  const [selectedSpanId, setSelectedSpanId] = useState<string | null>(null);\n\n  // Color palette for different span types\n  const getSpanColor = (\n    spanName: string,\n    depth: number,\n    status?: string,\n  ): string => {\n    if (status === 'error') return '#FCA5A5'; // light red\n\n    const colors = [\n      '#93C5FD', // blue-300\n      '#CBD5E1', // slate-300\n      '#C4B5FD', // violet-300\n      '#6EE7B7', // emerald-300\n      '#67E8F9', // cyan-300\n    ];\n\n    if (depth === 0) return colors[0];\n    if (depth === 1) return colors[1];\n\n    let hash = 0;\n    for (let i = 0; i < spanName.length; i++) {\n      hash = spanName.charCodeAt(i) + ((hash << 5) - hash);\n    }\n    return colors[Math.abs(hash) % colors.length];\n  };\n\n  const { spanTree, minTime, timeRange } = useMemo(() => {\n    if (!spans || spans.length === 0) {\n      return { spanTree: [], minTime: 0, timeRange: 0 };\n    }\n\n    const times = spans.flatMap(span => [\n      parseRfc3339NanoToNanoseconds(span.startTime),\n      parseRfc3339NanoToNanoseconds(span.endTime),\n    ]);\n\n    const min = Math.min(...times);\n    const max = Math.max(...times);\n    const range = max - min || 1;\n\n    const spanMap = new Map<string, SpanWithDepth>();\n    const rootSpans: SpanWithDepth[] = [];\n\n    spans.forEach(span => {\n      spanMap.set(span.spanId, { ...span, depth: 0, children: [] });\n    });\n\n    spans.forEach(span => {\n      const spanWithDepth = spanMap.get(span.spanId)!;\n\n      if (span.parentSpanId && spanMap.has(span.parentSpanId)) {\n        const parent = spanMap.get(span.parentSpanId)!;\n        parent.children.push(spanWithDepth);\n        spanWithDepth.depth = parent.depth + 1;\n      } else {\n        rootSpans.push(spanWithDepth);\n      }\n    });\n\n    if (rootSpans.length === 0) {\n      const sortedSpans = [...spans].sort((a, b) => {\n        const aStart = parseRfc3339NanoToNanoseconds(a.startTime);\n        const bStart = parseRfc3339NanoToNanoseconds(b.startTime);\n        return aStart - bStart;\n      });\n\n      if (sortedSpans.length > 0) {\n        const rootSpan = spanMap.get(sortedSpans[0].spanId)!;\n        rootSpans.push(rootSpan);\n        rootSpan.depth = 0;\n\n        sortedSpans.slice(1).forEach(span => {\n          const spanWithDepth = spanMap.get(span.spanId)!;\n          const spanStart = parseRfc3339NanoToNanoseconds(span.startTime);\n          const spanEnd = parseRfc3339NanoToNanoseconds(span.endTime);\n\n          let parent: SpanWithDepth | null = null;\n          let maxDepth = -1;\n\n          sortedSpans.slice(0, sortedSpans.indexOf(span)).forEach(prevSpan => {\n            const prevSpanWithDepth = spanMap.get(prevSpan.spanId);\n            if (!prevSpanWithDepth) return;\n\n            const prevStart = parseRfc3339NanoToNanoseconds(prevSpan.startTime);\n            const prevEnd = parseRfc3339NanoToNanoseconds(prevSpan.endTime);\n\n            if (\n              spanStart >= prevStart &&\n              spanEnd <= prevEnd &&\n              prevSpanWithDepth.depth > maxDepth\n            ) {\n              parent = prevSpanWithDepth;\n              maxDepth = prevSpanWithDepth.depth;\n            }\n          });\n\n          if (parent) {\n            const parentSpan = parent as SpanWithDepth;\n            parentSpan.children.push(spanWithDepth);\n            spanWithDepth.depth = parentSpan.depth + 1;\n          } else {\n            rootSpans.push(spanWithDepth);\n            spanWithDepth.depth = 0;\n          }\n        });\n      }\n    }\n\n    return { spanTree: rootSpans, minTime: min, timeRange: range };\n  }, [spans]);\n\n  const visibleSpans = useMemo(() => {\n    const getVisibleSpans = (nodes: SpanWithDepth[]): SpanWithDepth[] => {\n      const result: SpanWithDepth[] = [];\n      nodes.forEach((node: SpanWithDepth) => {\n        result.push(node);\n        if (!collapsedSpans.has(node.spanId)) {\n          result.push(...getVisibleSpans(node.children));\n        }\n      });\n      return result;\n    };\n    return getVisibleSpans(spanTree);\n  }, [spanTree, collapsedSpans]);\n\n  const toggleCollapse = (spanId: string) => {\n    setCollapsedSpans(prev => {\n      const newSet = new Set(prev);\n      if (newSet.has(spanId)) {\n        newSet.delete(spanId);\n      } else {\n        newSet.add(spanId);\n      }\n      return newSet;\n    });\n  };\n\n  const handleSpanClick = (spanId: string) => {\n    if (selectedSpanId === spanId) {\n      setSelectedSpanId(null);\n      return;\n    }\n    setSelectedSpanId(spanId);\n    spanDetails.fetchSpanDetails(traceId, spanId);\n  };\n\n  if (spanTree.length === 0) {\n    return (\n      <Box className={classes.container}>\n        <Typography variant=\"body2\" color=\"textSecondary\">\n          No spans available for this trace\n        </Typography>\n      </Box>\n    );\n  }\n\n  const calculatePosition = (startTime: string): number => {\n    const time = parseRfc3339NanoToNanoseconds(startTime);\n    return ((time - minTime) / timeRange) * 100;\n  };\n\n  const calculateWidth = (startTime: string, endTime: string): number => {\n    const start = parseRfc3339NanoToNanoseconds(startTime);\n    const end = parseRfc3339NanoToNanoseconds(endTime);\n    const duration = end - start;\n    return (duration / timeRange) * 100;\n  };\n\n  const selectedSpan = selectedSpanId\n    ? visibleSpans.find(s => s.spanId === selectedSpanId)\n    : null;\n  const selectedDetails = selectedSpanId\n    ? spanDetails.getDetails(traceId, selectedSpanId)\n    : null;\n  const detailsLoading = selectedSpanId\n    ? spanDetails.isLoading(traceId, selectedSpanId)\n    : false;\n  const detailsError = selectedSpanId\n    ? spanDetails.getError(traceId, selectedSpanId)\n    : null;\n\n  return (\n    <Box className={classes.container}>\n      <Typography variant=\"subtitle2\" gutterBottom>\n        Trace ID: {traceId}\n      </Typography>\n      <Box className={classes.timeline}>\n        {visibleSpans.map(span => {\n          const left = calculatePosition(span.startTime);\n          const width = Math.max(\n            calculateWidth(span.startTime, span.endTime),\n            0.5,\n          );\n          const color = getSpanColor(span.spanName, span.depth, span.status);\n          const indent = span.depth * 20;\n          const hasChildren = span.children.length > 0;\n          const isCollapsed = collapsedSpans.has(span.spanId);\n          const isSelected = selectedSpanId === span.spanId;\n\n          return (\n            <Box key={span.spanId} className={classes.spanRow}>\n              <Box\n                className={classes.spanLabel}\n                style={{ paddingLeft: `${indent}px` }}\n              >\n                {hasChildren && (\n                  <IconButton\n                    size=\"small\"\n                    className={classes.collapseButton}\n                    onClick={() => toggleCollapse(span.spanId)}\n                  >\n                    {isCollapsed ? <ExpandMoreIcon /> : <ExpandLessIcon />}\n                  </IconButton>\n                )}\n                {!hasChildren && <Box style={{ width: '20px' }} />}\n                {span.status === 'error' && (\n                  <Tooltip title=\"Span error\">\n                    <ErrorOutlineIcon className={classes.spanErrorIcon} />\n                  </Tooltip>\n                )}\n                <Box\n                  style={{\n                    overflow: 'hidden',\n                    textOverflow: 'ellipsis',\n                    whiteSpace: 'nowrap',\n                    flex: 1,\n                  }}\n                  title={span.spanName}\n                >\n                  {span.spanName}\n                </Box>\n              </Box>\n              <Box className={classes.spanBarContainer}>\n                <Tooltip\n                  title={\n                    <Box className={classes.tooltipContent}>\n                      <Box className={classes.tooltipRow}>\n                        <Typography\n                          variant=\"subtitle2\"\n                          component=\"span\"\n                          style={{\n                            fontWeight: 600,\n                            color: 'inherit',\n                            marginBottom: 8,\n                          }}\n                        >\n                          {span.spanName}\n                        </Typography>\n                      </Box>\n                      <Divider style={{ marginBottom: 8, marginTop: 4 }} />\n                      <Box className={classes.tooltipRow}>\n                        <Typography\n                          variant=\"caption\"\n                          component=\"span\"\n                          className={classes.tooltipLabel}\n                        >\n                          Span ID:\n                        </Typography>\n                        <Typography\n                          variant=\"caption\"\n                          style={{\n                            fontFamily: 'monospace',\n                            wordBreak: 'break-word',\n                            overflowWrap: 'break-word',\n                            flex: 1,\n                            minWidth: 0,\n                          }}\n                        >\n                          {span.spanId}\n                        </Typography>\n                      </Box>\n                      {span.spanKind && (\n                        <Box className={classes.tooltipRow}>\n                          <Typography\n                            variant=\"caption\"\n                            component=\"span\"\n                            className={classes.tooltipLabel}\n                          >\n                            Kind:\n                          </Typography>\n                          <Typography variant=\"caption\">\n                            {span.spanKind}\n                          </Typography>\n                        </Box>\n                      )}\n                      <Box className={classes.tooltipRow}>\n                        <Typography\n                          variant=\"caption\"\n                          component=\"span\"\n                          className={classes.tooltipLabel}\n                        >\n                          Start Time:\n                        </Typography>\n                        <Typography\n                          variant=\"caption\"\n                          style={{\n                            fontFamily: 'monospace',\n                            fontSize: '0.7rem',\n                            wordBreak: 'break-word',\n                            overflowWrap: 'break-word',\n                            flex: 1,\n                            minWidth: 0,\n                          }}\n                        >\n                          {formatTimeFromString(span.startTime)}\n                        </Typography>\n                      </Box>\n                      <Box className={classes.tooltipRow}>\n                        <Typography\n                          variant=\"caption\"\n                          component=\"span\"\n                          className={classes.tooltipLabel}\n                        >\n                          End Time:\n                        </Typography>\n                        <Typography\n                          variant=\"caption\"\n                          style={{\n                            fontFamily: 'monospace',\n                            fontSize: '0.7rem',\n                            wordBreak: 'break-word',\n                            overflowWrap: 'break-word',\n                            flex: 1,\n                            minWidth: 0,\n                          }}\n                        >\n                          {formatTimeFromString(span.endTime)}\n                        </Typography>\n                      </Box>\n                      <Box className={classes.tooltipRow}>\n                        <Typography\n                          variant=\"caption\"\n                          component=\"span\"\n                          className={classes.tooltipLabel}\n                        >\n                          Duration:\n                        </Typography>\n                        <Typography\n                          variant=\"caption\"\n                          style={{ fontWeight: 500 }}\n                        >\n                          {formatDuration(span.durationNs)}\n                        </Typography>\n                      </Box>\n                      {span.status && (\n                        <Box className={classes.tooltipRow}>\n                          <Typography\n                            variant=\"caption\"\n                            component=\"span\"\n                            className={classes.tooltipLabel}\n                          >\n                            Status:\n                          </Typography>\n                          <Typography variant=\"caption\">\n                            {span.status}\n                          </Typography>\n                        </Box>\n                      )}\n                    </Box>\n                  }\n                  arrow\n                  placement=\"top\"\n                  enterDelay={200}\n                  leaveDelay={100}\n                >\n                  <Box\n                    className={classes.spanBar}\n                    style={{\n                      left: `${left}%`,\n                      width: `${width}%`,\n                      backgroundColor: color,\n                      outline: isSelected\n                        ? `2px solid ${theme.palette.primary.main}`\n                        : undefined,\n                    }}\n                    onClick={() => handleSpanClick(span.spanId)}\n                  >\n                    {width > 5 && formatDuration(span.durationNs)}\n                  </Box>\n                </Tooltip>\n              </Box>\n            </Box>\n          );\n        })}\n      </Box>\n\n      {/* Span details panel — shown when a span bar is clicked */}\n      {selectedSpanId && (\n        <Box\n          mt={2}\n          p={2}\n          style={{\n            border: `1px solid ${theme.palette.divider}`,\n            borderRadius: 4,\n            backgroundColor: theme.palette.background.paper,\n          }}\n        >\n          <Typography variant=\"subtitle2\" gutterBottom>\n            Span Details{selectedSpan ? `: ${selectedSpan.spanName}` : ''}\n          </Typography>\n          <Divider style={{ marginBottom: 8 }} />\n\n          {detailsLoading && (\n            <Box display=\"flex\" alignItems=\"center\" style={{ gap: 8 }}>\n              <CircularProgress size={16} />\n              <Typography variant=\"body2\" color=\"textSecondary\">\n                Loading span details...\n              </Typography>\n            </Box>\n          )}\n\n          {detailsError && (\n            <Typography variant=\"body2\" color=\"error\">\n              Failed to load span details: {detailsError}\n            </Typography>\n          )}\n\n          {selectedDetails && !detailsLoading && (\n            <SpanDetailsPanel details={selectedDetails} traceId={traceId} />\n          )}\n\n          {!detailsLoading && !detailsError && !selectedDetails && (\n            <Typography variant=\"body2\" color=\"textSecondary\">\n              Click a span bar to view its details.\n            </Typography>\n          )}\n        </Box>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}