@erdoai/ui 0.1.5 → 0.1.6

package/dist/index.js

@@ -1,4043 +1,10 @@
-// src/providers/erdo-provider.tsx
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-var ErdoContext = createContext(null);
-function ErdoProvider({ children, config }) {
-  return /* @__PURE__ */ jsx(ErdoContext.Provider, { value: config, children });
-}
-function useErdoConfig() {
-  const config = useContext(ErdoContext);
-  if (!config) {
-    throw new Error("useErdoConfig must be used within an ErdoProvider");
-  }
-  return config;
-}
-function useErdoConfigOptional() {
-  return useContext(ErdoContext);
-}
-
-// src/components/error-boundary.tsx
-import React2 from "react";
-var ErrorBoundary = class extends React2.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false };
-  }
-  static getDerivedStateFromError(_) {
-    return { hasError: true };
-  }
-  componentDidCatch(error, errorInfo) {
-    console.error("ErrorBoundary caught an error:", error, errorInfo);
-  }
-  render() {
-    if (this.state.hasError) {
-      return this.props.fallback;
-    }
-    return this.props.children;
-  }
-};
-
-// src/components/ui/chart.tsx
-import * as React3 from "react";
-import * as RechartsPrimitive from "recharts";
-
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/chart.tsx
-import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
-var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React3.createContext(null);
-function useChart() {
-  const context = React3.useContext(ChartContext);
-  if (!context) {
-    throw new Error("useChart must be used within a <ChartContainer />");
-  }
-  return context;
-}
-function ChartContainer({
-  id,
-  className,
-  children,
-  config,
-  debounceResize = false,
-  ...props
-}) {
-  const uniqueId = React3.useId();
-  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx2(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "chart",
-      "data-chart": chartId,
-      className: cn(
-        "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx2(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ jsx2(RechartsPrimitive.ResponsiveContainer, { debounce: debounceResize ? 200 : 0, children })
-      ]
-    }
-  ) });
-}
-var ChartStyle = ({ id, config }) => {
-  const colorConfig = Object.entries(config).filter(([, config2]) => config2.theme || config2.color);
-  if (!colorConfig.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx2(
-    "style",
-    {
-      dangerouslySetInnerHTML: {
-        __html: Object.entries(THEMES).map(
-          ([theme, prefix]) => `
-${prefix} [data-chart=${id}] {
-${colorConfig.map(([key, itemConfig]) => {
-            const color = itemConfig.theme?.[theme] || itemConfig.color;
-            return color ? `  --color-${key}: ${color};` : null;
-          }).join("\n")}
-}
-`
-        ).join("\n")
-      }
-    }
-  );
-};
-var ChartTooltip = RechartsPrimitive.Tooltip;
-function ChartTooltipContent({
-  active,
-  payload,
-  className,
-  indicator = "dot",
-  hideLabel = false,
-  hideIndicator = false,
-  label,
-  labelFormatter,
-  labelClassName,
-  formatter,
-  color,
-  nameKey,
-  labelKey
-}) {
-  const { config } = useChart();
-  const tooltipLabel = React3.useMemo(() => {
-    if (hideLabel || !payload?.length) {
-      return null;
-    }
-    const [item] = payload;
-    const key = `${labelKey || item?.dataKey || item?.name || "value"}`;
-    const itemConfig = getPayloadConfigFromPayload(config, item, key);
-    const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
-    if (labelFormatter) {
-      return /* @__PURE__ */ jsx2("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
-    }
-    if (!value) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx2("div", { className: cn("font-medium", labelClassName), children: value });
-  }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
-  if (!active || !payload?.length) {
-    return null;
-  }
-  const nestLabel = payload.length === 1 && indicator !== "dot";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",
-        className
-      ),
-      children: [
-        !nestLabel ? tooltipLabel : null,
-        /* @__PURE__ */ jsx2("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
-          const key = `${nameKey || item.name || item.dataKey || "value"}`;
-          const itemConfig = getPayloadConfigFromPayload(config, item, key);
-          const indicatorColor = color || item.payload.fill || item.color;
-          return /* @__PURE__ */ jsx2(
-            "div",
-            {
-              className: cn(
-                "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
-                indicator === "dot" && "items-center"
-              ),
-              children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                itemConfig?.icon ? /* @__PURE__ */ jsx2(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx2(
-                  "div",
-                  {
-                    className: cn(
-                      "shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
-                      {
-                        "h-2.5 w-2.5": indicator === "dot",
-                        "w-1": indicator === "line",
-                        "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
-                        "my-0.5": nestLabel && indicator === "dashed"
-                      }
-                    ),
-                    style: {
-                      "--color-bg": indicatorColor,
-                      "--color-border": indicatorColor
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    className: cn(
-                      "flex flex-1 justify-between leading-none",
-                      nestLabel ? "items-end" : "items-center"
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
-                        nestLabel ? tooltipLabel : null,
-                        /* @__PURE__ */ jsx2("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
-                      ] }),
-                      item.value && /* @__PURE__ */ jsx2("span", { className: "text-foreground font-mono font-medium tabular-nums", children: item.value.toLocaleString() })
-                    ]
-                  }
-                )
-              ] })
-            },
-            item.dataKey
-          );
-        }) })
-      ]
-    }
-  );
-}
-var ChartLegend = RechartsPrimitive.Legend;
-function ChartLegendContent({
-  className,
-  hideIcon = false,
-  payload,
-  verticalAlign = "bottom",
-  nameKey
-}) {
-  const { config } = useChart();
-  if (!payload?.length) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx2(
-    "div",
-    {
-      className: cn(
-        "flex items-center justify-center gap-4",
-        verticalAlign === "top" ? "pb-3" : "pt-3",
-        className
-      ),
-      children: payload.map((item) => {
-        const key = `${nameKey || item.dataKey || "value"}`;
-        const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        return /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
-            ),
-            children: [
-              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx2(itemConfig.icon, {}) : /* @__PURE__ */ jsx2(
-                "div",
-                {
-                  className: "h-2 w-2 shrink-0 rounded-[2px]",
-                  style: {
-                    backgroundColor: item.color
-                  }
-                }
-              ),
-              itemConfig?.label
-            ]
-          },
-          item.value
-        );
-      })
-    }
-  );
-}
-function getPayloadConfigFromPayload(config, payload, key) {
-  if (typeof payload !== "object" || payload === null) {
-    return void 0;
-  }
-  const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
-  let configLabelKey = key;
-  if (key in payload && typeof payload[key] === "string") {
-    configLabelKey = payload[key];
-  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
-    configLabelKey = payloadPayload[key];
-  }
-  return configLabelKey in config ? config[configLabelKey] : config[key];
-}
-
-// src/lib/formatters.ts
-import { format as d3Format } from "d3-format";
-import { utcFormat as d3UtcFormat } from "d3-time-format";
-import { parse as dateParse, isValid } from "date-fns";
-function formatValue(value, format, valueType) {
-  if (value === null || value === void 0) {
-    return "";
-  }
-  if (valueType === "date") {
-    const dateValue = parseToDate(value);
-    if (dateValue && format) {
-      try {
-        let normalizedFormat = format;
-        if (format === "%Y%m%d") {
-          normalizedFormat = "%Y-%m-%d";
-        } else if (format === "%d%m%Y") {
-          normalizedFormat = "%d-%m-%Y";
-        } else if (format === "%m%d%Y") {
-          normalizedFormat = "%m-%d-%Y";
-        }
-        const allDirectives = normalizedFormat.match(/%./g) || [];
-        const validDirectiveChars = "aAbBcdejHILmMpSUwWxXyYZ%";
-        const hasInvalidDirectives = allDirectives.some((directive) => {
-          const char = directive.charAt(1);
-          return !validDirectiveChars.includes(char);
-        });
-        if (hasInvalidDirectives || allDirectives.length === 0) {
-          console.warn(`Invalid date format directives in: ${format}. Using default format.`);
-          return dateValue.toISOString().split("T")[0];
-        }
-        const utcFormatter = d3UtcFormat(normalizedFormat);
-        return utcFormatter(dateValue);
-      } catch (error) {
-        console.warn(`Invalid date format: ${format}. Error: ${error}. Falling back to default.`);
-        return dateValue.toISOString().split("T")[0];
-      }
-    }
-    if (dateValue) {
-      const isoString = dateValue.toISOString();
-      if (isoString.endsWith("T00:00:00.000Z")) {
-        return isoString.split("T")[0];
-      }
-      return dateValue.toISOString().replace("T", " ").replace(".000Z", " UTC");
-    }
-    return String(value);
-  }
-  if (valueType === "number") {
-    const numValue = typeof value === "string" ? parseFloat(value.replace(/,/g, "")) : value;
-    if (isNaN(numValue)) {
-      return String(value);
-    }
-    let normalizedFormat = format;
-    if (format) {
-      normalizedFormat = format.replace(/(\.\d+)f%/, "$1%");
-    }
-    if (!normalizedFormat) {
-      if (Math.abs(numValue) >= 1e3) {
-        return d3Format(",.0f")(numValue);
-      } else if (Math.abs(numValue) >= 100) {
-        return d3Format(".1f")(numValue);
-      } else if (Math.abs(numValue) >= 10) {
-        return d3Format(".2f")(numValue);
-      } else if (Math.abs(numValue) >= 1) {
-        return d3Format(".3f")(numValue);
-      } else {
-        return d3Format(".3g")(numValue);
-      }
-    }
-    if (normalizedFormat.includes("%")) {
-      if (numValue >= 0 && numValue <= 1) {
-        return d3Format(normalizedFormat)(numValue);
-      }
-      return d3Format(normalizedFormat)(numValue / 100);
-    }
-    try {
-      return d3Format(normalizedFormat)(numValue);
-    } catch (error) {
-      console.warn(
-        `Error formatting number with format '${normalizedFormat}': ${error}. Falling back to default.`
-      );
-      if (Math.abs(numValue) >= 1e3) {
-        return d3Format(",.0f")(numValue);
-      } else if (Math.abs(numValue) >= 1) {
-        return d3Format(".2f")(numValue);
-      } else {
-        return d3Format(".3g")(numValue);
-      }
-    }
-  }
-  return String(value);
-}
-function parseToDate(value) {
-  if (!value) return null;
-  if (value instanceof Date) {
-    return isValid(value) ? value : null;
-  }
-  if (typeof value === "number") {
-    const date2 = new Date(value);
-    return isValid(date2) ? date2 : null;
-  }
-  if (typeof value === "string") {
-    const dateOnlyRegex = /^\d{4}-\d{2}-\d{2}$/;
-    if (dateOnlyRegex.test(value)) {
-      const date2 = /* @__PURE__ */ new Date(value + "T00:00:00.000Z");
-      if (isValid(date2)) {
-        return date2;
-      }
-    }
-    const formats = [
-      "yyyy-MM-dd",
-      "yyyyMMdd",
-      "yyyy-MM-dd'T'HH:mm:ss",
-      "yyyyMMddHHmmss",
-      "MM/dd/yyyy",
-      "dd/MM/yyyy"
-    ];
-    for (const format of formats) {
-      const parsed = dateParse(value, format, /* @__PURE__ */ new Date());
-      if (isValid(parsed)) {
-        return parsed;
-      }
-    }
-  }
-  const date = new Date(value);
-  if (isValid(date)) {
-    return date;
-  }
-  return null;
-}
-
-// src/hooks/use-chart-zoom.ts
-import { useState, useCallback, useMemo as useMemo2 } from "react";
-function useChartZoom({ onZoomChange } = {}) {
-  const [zoomState, setZoomState] = useState({
-    refAreaLeft: null,
-    refAreaRight: null,
-    refAreaTop: null,
-    refAreaBottom: null,
-    zooming: false
-  });
-  const [customDomain, setCustomDomain] = useState({
-    x: [null, null],
-    y: [null, null]
-  });
-  const handleZoomStart = useCallback((e) => {
-    if (!e?.xValue || !e?.yValue) return;
-    setZoomState((prev) => ({
-      ...prev,
-      refAreaLeft: e.xValue,
-      refAreaTop: e.yValue,
-      zooming: true
-    }));
-  }, []);
-  const handleZoomMove = useCallback(
-    (e) => {
-      if (!e?.xValue || !e?.yValue || !zoomState.zooming) return;
-      setZoomState((prev) => ({
-        ...prev,
-        refAreaRight: e.xValue,
-        refAreaBottom: e.yValue
-      }));
-    },
-    [zoomState.zooming]
-  );
-  const handleZoomEnd = useCallback(() => {
-    if (!zoomState.refAreaLeft || !zoomState.refAreaRight || !zoomState.refAreaTop || !zoomState.refAreaBottom) {
-      setZoomState({
-        refAreaLeft: null,
-        refAreaRight: null,
-        refAreaTop: null,
-        refAreaBottom: null,
-        zooming: false
-      });
-      return;
-    }
-    const [left, right] = [
-      Math.min(zoomState.refAreaLeft, zoomState.refAreaRight),
-      Math.max(zoomState.refAreaLeft, zoomState.refAreaRight)
-    ];
-    const [bottom, top] = [
-      Math.min(zoomState.refAreaTop, zoomState.refAreaBottom),
-      Math.max(zoomState.refAreaTop, zoomState.refAreaBottom)
-    ];
-    const newDomain = {
-      x: [left, right],
-      y: [bottom, top]
-    };
-    setCustomDomain(newDomain);
-    onZoomChange?.(newDomain);
-    setZoomState({
-      refAreaLeft: null,
-      refAreaRight: null,
-      refAreaTop: null,
-      refAreaBottom: null,
-      zooming: false
-    });
-  }, [zoomState, onZoomChange]);
-  const handleResetZoom = useCallback(() => {
-    const resetDomain = {
-      x: [null, null],
-      y: [null, null]
-    };
-    setCustomDomain(resetDomain);
-    onZoomChange?.(resetDomain);
-  }, [onZoomChange]);
-  const handlers = useMemo2(
-    () => ({
-      onZoomStart: handleZoomStart,
-      onZoomMove: handleZoomMove,
-      onZoomEnd: handleZoomEnd,
-      onResetZoom: handleResetZoom
-    }),
-    [handleZoomStart, handleZoomMove, handleZoomEnd, handleResetZoom]
-  );
-  return {
-    zoomState,
-    customDomain,
-    handlers
-  };
-}
-
-// src/components/charts/chart.tsx
-import { useToPng } from "@hugocxl/react-to-image";
-import { Download } from "lucide-react";
-import { useCallback as useCallback2, useEffect, useMemo as useMemo3, useState as useState2 } from "react";
-import { CartesianGrid, Label, ReferenceArea, XAxis, YAxis } from "recharts";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function formatDomain(axis) {
-  const ret = {
-    max: null,
-    min: null
-  };
-  if (axis.maxValue) {
-    if (axis.type === "number") {
-      const parsedValue = parseFloat(axis.maxValue);
-      if (!isNaN(parsedValue)) {
-        ret.max = parsedValue;
-      } else {
-        console.warn(`Error parsing max value ${axis.maxValue}. Falling back to default.`);
-      }
-    } else if (axis.type === "date") {
-      if (typeof axis.maxValue === "string" && /^\d{4}-\d{2}-\d{2}$/.test(axis.maxValue)) {
-        ret.max = (/* @__PURE__ */ new Date(axis.maxValue + "T00:00:00.000Z")).getTime();
-      } else {
-        ret.max = new Date(axis.maxValue).getTime();
-      }
-    } else {
-      ret.max = axis.maxValue;
-    }
-  }
-  if (axis.minValue) {
-    if (axis.type === "number") {
-      const parsedValue = parseFloat(axis.minValue);
-      if (!isNaN(parsedValue)) {
-        ret.min = parsedValue;
-      } else {
-        console.warn(`Error parsing min value ${axis.minValue}. Falling back to default.`);
-      }
-    } else if (axis.type === "date") {
-      if (typeof axis.minValue === "string" && /^\d{4}-\d{2}-\d{2}$/.test(axis.minValue)) {
-        ret.min = (/* @__PURE__ */ new Date(axis.minValue + "T00:00:00.000Z")).getTime();
-      } else {
-        ret.min = new Date(axis.minValue).getTime();
-      }
-    } else {
-      ret.min = axis.minValue;
-    }
-  }
-  return ret;
-}
-function formatTick(value, format, type) {
-  return formatValue(value, format, type);
-}
-function ChartContent({
-  title,
-  subtitle,
-  data,
-  displayConfig,
-  dataConfig,
-  ChartComponent,
-  PointComponent,
-  disableAnimation,
-  onZoomChange,
-  stacked,
-  enableDownload = true,
-  onDownloadSuccess,
-  onDownloadError
-}) {
-  const {
-    zoomState,
-    customDomain: zoomDomain,
-    handlers
-  } = useChartZoom({
-    onZoomChange
-  });
-  const handlePngSuccess = useCallback2(
-    (dataUrl) => {
-      const fileName = `${title.toLowerCase().replace(/\s+/g, "-")}.png`;
-      const link = document.createElement("a");
-      link.download = fileName;
-      link.href = dataUrl;
-      link.click();
-      onDownloadSuccess?.(fileName);
-    },
-    [title, onDownloadSuccess]
-  );
-  const handlePngError = useCallback2(
-    (error) => {
-      console.error("Error converting chart to image:", error);
-      onDownloadError?.(error);
-    },
-    [onDownloadError]
-  );
-  const [{ isLoading: isDownloading }, convertToPng, chartRef] = useToPng({
-    onSuccess: handlePngSuccess,
-    onError: handlePngError
-  });
-  const handleDownload = useCallback2(async () => {
-    convertToPng();
-  }, [convertToPng]);
-  const xDomains = useMemo3(() => formatDomain(dataConfig.xAxis), [dataConfig.xAxis]);
-  const yDomains = useMemo3(
-    () => dataConfig.yAxes.map((axis) => formatDomain(axis)),
-    [dataConfig.yAxes]
-  );
-  const chartData = useMemo3(() => {
-    if (!data) return [];
-    if (dataConfig.chartType === "histogram") {
-      return data.map((item) => ({
-        [dataConfig.xAxis.key]: (item.binStart + item.binEnd) / 2,
-        frequency: item.frequency,
-        binStart: item.binStart,
-        binEnd: item.binEnd
-      }));
-    } else if (dataConfig.xAxis.type === "number") {
-      return data.filter((item) => !isNaN(item[dataConfig.xAxis.key]));
-    } else if (dataConfig.xAxis.type === "date") {
-      return data.filter((item) => !isNaN(item[dataConfig.xAxis.key]));
-    }
-    return data;
-  }, [data, dataConfig.xAxis.key, dataConfig.chartType, dataConfig.xAxis.type]);
-  const calculateDataBounds = useCallback2((data2, key) => {
-    if (!data2?.length) return { min: null, max: null };
-    const values = data2.map((item) => Number(item[key])).filter((v) => !isNaN(v));
-    return {
-      min: Math.min(...values),
-      max: Math.max(...values)
-    };
-  }, []);
-  const finalDomains = useMemo3(
-    () => ({
-      x: zoomDomain.x[0] !== null && zoomDomain.x[1] !== null ? [zoomDomain.x[0], zoomDomain.x[1]] : (() => {
-        if (xDomains.min !== null && xDomains.max !== null) {
-          return [xDomains.min, xDomains.max];
-        }
-        const bounds = calculateDataBounds(chartData, dataConfig.xAxis.key);
-        return [bounds.min ?? "auto", bounds.max ?? "auto"];
-      })(),
-      y: dataConfig.yAxes.map((axis, index) => {
-        if (zoomDomain.y[0] !== null && zoomDomain.y[1] !== null) {
-          return [zoomDomain.y[0], zoomDomain.y[1]];
-        }
-        const seriesForAxis = dataConfig.series.filter((s) => (s.axisIndex || 0) === index);
-        const dataBounds = seriesForAxis.reduce(
-          (acc, series) => {
-            const bounds = calculateDataBounds(chartData, series.key);
-            return {
-              min: acc.min === null ? bounds.min : bounds.min === null ? acc.min : Math.min(acc.min, bounds.min),
-              max: acc.max === null ? bounds.max : bounds.max === null ? acc.max : Math.max(acc.max, bounds.max)
-            };
-          },
-          { min: null, max: null }
-        );
-        if (axis.type === "number" && axis.maxValue) {
-          const maxValue = parseFloat(axis.maxValue);
-          if (dataBounds.max === null || maxValue <= dataBounds.max * 1.5) {
-            return [
-              yDomains[index].min ?? dataBounds.min ?? "auto",
-              yDomains[index].max ?? dataBounds.max ?? "auto"
-            ];
-          }
-        }
-        return [
-          yDomains[index].min ?? dataBounds.min ?? "auto",
-          yDomains[index].max ?? dataBounds.max ?? "auto"
-        ];
-      })
-    }),
-    [
-      zoomDomain.x,
-      zoomDomain.y,
-      xDomains,
-      yDomains,
-      dataConfig.series,
-      dataConfig.yAxes,
-      dataConfig.xAxis.key,
-      chartData,
-      calculateDataBounds
-    ]
-  );
-  const tooltipFormatter = useCallback2(
-    (value, name, props) => {
-      if (props.dataKey === dataConfig.xAxis.key) {
-        return formatTick(value, dataConfig.xAxis.format, dataConfig.xAxis.type);
-      }
-      const originalSeries = dataConfig.series.find((s) => s.key === props.dataKey);
-      const displayName = originalSeries?.name || String(name).replace(/^dataset_\d+_/, "");
-      if (dataConfig.chartType === "histogram") {
-        const item = props.payload;
-        if (item.binStart !== void 0) {
-          const formattedStart = formatTick(
-            item.binStart,
-            dataConfig.xAxis.format,
-            dataConfig.xAxis.type
-          );
-          const formattedEnd = formatTick(
-            item.binEnd,
-            dataConfig.xAxis.format,
-            dataConfig.xAxis.type
-          );
-          return `Count: ${value} (${formattedStart} - ${formattedEnd})`;
-        }
-      }
-      return `${displayName}: ${value}`;
-    },
-    [dataConfig.xAxis, dataConfig.series, dataConfig.chartType]
-  );
-  const [hasAnimated, setHasAnimated] = useState2(false);
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      setHasAnimated(true);
-    }, 1700);
-    return () => clearTimeout(timer);
-  }, []);
-  const shouldDisableAnimation = useMemo3(() => {
-    if (disableAnimation) return true;
-    if ((data?.length || 0) > 100) return true;
-    if (hasAnimated) return true;
-    return false;
-  }, [disableAnimation, data?.length, hasAnimated]);
-  return /* @__PURE__ */ jsxs2("div", { className: "items-center mt-0 flex flex-col gap-0", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "w-full items-center mb-2 relative", children: [
-      /* @__PURE__ */ jsx3("h2", { className: "text-center text-base pt-0 mt-0 mb-2", children: title }),
-      enableDownload && /* @__PURE__ */ jsx3(
-        "button",
-        {
-          onClick: handleDownload,
-          disabled: isDownloading,
-          className: "text-sm text-gray-500 hover:text-gray-700 disabled:opacity-50 h-8 absolute right-0 top-[-5px] px-2 py-1 border rounded hover:bg-gray-50",
-          title: "Download chart as PNG",
-          children: /* @__PURE__ */ jsx3(Download, { className: "w-4 h-4" })
-        }
-      )
-    ] }),
-    subtitle && /* @__PURE__ */ jsx3("p", { className: "text-center text-sm text-muted-foreground mb-2", children: subtitle }),
-    /* @__PURE__ */ jsx3(
-      ChartContainer,
-      {
-        ref: chartRef,
-        config: displayConfig,
-        className: "w-full mb-4 border border-accent p-4 rounded-md",
-        debounceResize: true,
-        children: /* @__PURE__ */ jsxs2(
-          ChartComponent,
-          {
-            accessibilityLayer: true,
-            data: chartData,
-            isAnimationActive: !shouldDisableAnimation,
-            onMouseDown: handlers.onZoomStart,
-            onMouseMove: handlers.onZoomMove,
-            onMouseUp: handlers.onZoomEnd,
-            onDoubleClick: handlers.onResetZoom,
-            style: {
-              userSelect: "none",
-              cursor: "crosshair"
-            },
-            children: [
-              /* @__PURE__ */ jsx3(CartesianGrid, { vertical: false }),
-              /* @__PURE__ */ jsx3(
-                XAxis,
-                {
-                  dataKey: dataConfig.xAxis.key,
-                  domain: finalDomains.x,
-                  type: dataConfig.xAxis.type === "date" || !dataConfig.xAxis.type ? "number" : dataConfig.xAxis.type,
-                  tickFormatter: (value) => {
-                    return formatTick(value, dataConfig.xAxis.format, dataConfig.xAxis.type);
-                  },
-                  tickLine: false,
-                  tickMargin: 10,
-                  height: 50,
-                  axisLine: false,
-                  allowDataOverflow: true,
-                  children: /* @__PURE__ */ jsx3(
-                    Label,
-                    {
-                      value: dataConfig.xAxis.label,
-                      position: "bottom",
-                      offset: -10,
-                      style: { textAnchor: "middle" }
-                    }
-                  )
-                }
-              ),
-              dataConfig.yAxes.map((yAxis, index) => /* @__PURE__ */ jsx3(
-                YAxis,
-                {
-                  yAxisId: index,
-                  orientation: index === 0 ? "left" : "right",
-                  domain: stacked ? void 0 : finalDomains.y[index],
-                  type: yAxis.type === "date" || !yAxis.type ? "number" : yAxis.type,
-                  tickFormatter: (value) => formatTick(value, yAxis.format, yAxis.type),
-                  allowDataOverflow: true,
-                  children: /* @__PURE__ */ jsx3(
-                    Label,
-                    {
-                      value: yAxis.label,
-                      position: index === 0 ? "insideLeft" : "insideRight",
-                      angle: -90,
-                      style: { textAnchor: "middle" }
-                    }
-                  )
-                },
-                `y-axis-${index}`
-              )),
-              /* @__PURE__ */ jsx3(
-                ChartTooltip,
-                {
-                  content: (props) => /* @__PURE__ */ jsx3(
-                    ChartTooltipContent,
-                    {
-                      ...props,
-                      formatter: tooltipFormatter,
-                      labelFormatter: (label, payload) => {
-                        if (payload && payload.length > 0) {
-                          const xValue = payload[0].payload[dataConfig.xAxis.key];
-                          const formattedValue = formatTick(
-                            xValue,
-                            dataConfig.xAxis.format,
-                            dataConfig.xAxis.type
-                          );
-                          return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col", children: [
-                            /* @__PURE__ */ jsx3("span", { children: dataConfig.xAxis.label }),
-                            /* @__PURE__ */ jsx3("span", { className: "font-mono tabular-nums", children: formattedValue })
-                          ] });
-                        }
-                        return label;
-                      }
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx3(ChartLegend, { content: (props) => /* @__PURE__ */ jsx3(ChartLegendContent, { ...props }), verticalAlign: "top" }),
-              dataConfig.series.map((series) => /* @__PURE__ */ jsx3(
-                PointComponent,
-                {
-                  dataKey: series.key,
-                  yAxisId: series.axisIndex || 0,
-                  fill: series.color || "blue",
-                  stroke: series.color || "blue",
-                  dot: {
-                    fill: series.color || "blue",
-                    stroke: series.color || "blue"
-                  },
-                  radius: 4,
-                  name: series.name,
-                  isAnimationActive: !shouldDisableAnimation,
-                  animationDuration: 1500,
-                  animationBegin: 0,
-                  stackId: dataConfig.chartType === "bar" && stacked ? "stack" : void 0
-                },
-                `${series.key}-${stacked ? "stacked" : "unstacked"}`
-              )),
-              zoomState.refAreaLeft && zoomState.refAreaRight && zoomState.refAreaTop && zoomState.refAreaBottom && /* @__PURE__ */ jsx3(
-                ReferenceArea,
-                {
-                  x1: zoomState.refAreaLeft,
-                  x2: zoomState.refAreaRight,
-                  y1: zoomState.refAreaTop,
-                  y2: zoomState.refAreaBottom,
-                  strokeOpacity: 0.2,
-                  stroke: "currentColor",
-                  fill: "currentColor",
-                  fillOpacity: 0.02,
-                  style: { pointerEvents: "none" }
-                }
-              )
-            ]
-          }
-        )
-      }
-    ),
-    zoomDomain.x[0] !== null && /* @__PURE__ */ jsx3(
-      "button",
-      {
-        onClick: handlers.onResetZoom,
-        className: "text-sm text-gray-500 hover:text-gray-700 mt-2 px-3 py-1 border rounded hover:bg-gray-50",
-        children: "Reset Zoom"
-      }
-    )
-  ] });
-}
-function Chart(props) {
-  return /* @__PURE__ */ jsx3(ErrorBoundary, { fallback: /* @__PURE__ */ jsx3("div", { className: "text-red-500", children: "Failed to load chart" }), children: /* @__PURE__ */ jsx3(ChartContent, { ...props }) });
-}
-
-// src/components/charts/bar-chart.tsx
-import { Bar, BarChart as RechartsBarChart } from "recharts";
-import { jsx as jsx4 } from "react/jsx-runtime";
-function BarChart(props) {
-  return /* @__PURE__ */ jsx4(Chart, { ...props, ChartComponent: RechartsBarChart, PointComponent: Bar });
-}
-
-// src/components/charts/line-chart.tsx
-import { Line, LineChart as RechartsLineChart } from "recharts";
-import { jsx as jsx5 } from "react/jsx-runtime";
-function LineChart(props) {
-  return /* @__PURE__ */ jsx5(Chart, { ...props, ChartComponent: RechartsLineChart, PointComponent: Line });
-}
-
-// src/components/charts/pie-chart.tsx
-import { useMemo as useMemo4 } from "react";
-import { Cell, Legend as Legend2, Pie, PieChart as RechartsPieChart, Tooltip as Tooltip2 } from "recharts";
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
-var generateColorVariation = (baseColor, index, total) => {
-  let r = parseInt(baseColor.slice(1, 3), 16) / 255;
-  let g = parseInt(baseColor.slice(3, 5), 16) / 255;
-  let b = parseInt(baseColor.slice(5, 7), 16) / 255;
-  const max = Math.max(r, g, b);
-  const min = Math.min(r, g, b);
-  let h, s, l = (max + min) / 2;
-  if (max === min) {
-    h = s = 0;
-  } else {
-    const d = max - min;
-    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-    switch (max) {
-      case r:
-        h = (g - b) / d + (g < b ? 6 : 0);
-        break;
-      case g:
-        h = (b - r) / d + 2;
-        break;
-      case b:
-        h = (r - g) / d + 4;
-        break;
-      default:
-        h = 0;
-    }
-    h /= 6;
-  }
-  const progress = index / total;
-  const hue = h * 360 + (progress * 40 - 20);
-  const saturation = Math.min(100, s * 100 + progress * 25);
-  const lightness = Math.max(35, Math.min(65, l * 100 - progress * 20));
-  return `hsl(${hue}, ${saturation}%, ${lightness}%)`;
-};
-function PieChartContent({ title, subtitle, data, displayConfig, dataConfig }) {
-  const baseColor = dataConfig.series[0]?.color || "blue";
-  const pieData = useMemo4(() => {
-    return data.reduce((acc, item) => {
-      dataConfig.series.forEach((series) => {
-        const prefixedKey = series.key;
-        const name = String(item[dataConfig.xAxis.key] || "Unknown");
-        const value = parseFloat(item[prefixedKey] || "0");
-        if (!isNaN(value)) {
-          acc.push({
-            name,
-            value,
-            seriesId: prefixedKey,
-            // For pie charts, we want to use the category name (medium) as the display name
-            // instead of the series name (Users)
-            displayName: name
-          });
-        }
-      });
-      return acc;
-    }, []).sort((a, b) => b.value - a.value);
-  }, [data, dataConfig.series, dataConfig.xAxis.key]);
-  return /* @__PURE__ */ jsxs3("div", { className: "items-center", children: [
-    /* @__PURE__ */ jsx6("h2", { className: "text-center text-base mb-2", children: title }),
-    subtitle && /* @__PURE__ */ jsx6("p", { className: "text-center text-sm text-muted-foreground mb-2", children: subtitle }),
-    /* @__PURE__ */ jsx6(
-      ChartContainer,
-      {
-        config: displayConfig,
-        className: "w-full mb-4 border border-accent rounded-md",
-        children: /* @__PURE__ */ jsxs3(RechartsPieChart, { width: 400, height: 400, children: [
-          /* @__PURE__ */ jsx6(
-            Pie,
-            {
-              data: pieData,
-              dataKey: "value",
-              nameKey: "displayName",
-              cx: "50%",
-              cy: "50%",
-              outerRadius: 150,
-              label: (props) => `${props.displayName}: ${props.value}%`,
-              children: pieData.map((_entry, index) => /* @__PURE__ */ jsx6(
-                Cell,
-                {
-                  fill: index === 0 ? baseColor : generateColorVariation(baseColor, index, pieData.length)
-                },
-                `cell-${index}`
-              ))
-            }
-          ),
-          /* @__PURE__ */ jsx6(Tooltip2, { formatter: (value, name) => [`${value}%`, name] }),
-          /* @__PURE__ */ jsx6(Legend2, {})
-        ] })
-      }
-    )
-  ] });
-}
-function PieChart(props) {
-  return /* @__PURE__ */ jsx6(ErrorBoundary, { fallback: /* @__PURE__ */ jsx6("div", { className: "text-red-500", children: "Failed to load chart" }), children: /* @__PURE__ */ jsx6(PieChartContent, { ...props }) });
-}
-
-// src/components/charts/scatter-chart.tsx
-import { Scatter, ScatterChart as RechartsScatterChart } from "recharts";
-import { jsx as jsx7 } from "react/jsx-runtime";
-function ScatterChart(props) {
-  return /* @__PURE__ */ jsx7(Chart, { ...props, ChartComponent: RechartsScatterChart, PointComponent: Scatter });
-}
-
-// src/components/charts/heatmap-chart.tsx
-import { Scatter as Scatter2, ScatterChart as RechartsScatterChart2 } from "recharts";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var HeatmapCell = (props) => {
-  const { cx, cy, payload, xAxis, yAxis } = props;
-  const value = payload.value || payload.z || 0;
-  const intensity = Math.min(1, Math.max(0, value / 100));
-  const color = `hsl(${240 - intensity * 240}, 70%, 50%)`;
-  const cellWidth = xAxis.scale.bandwidth ? xAxis.scale.bandwidth() : 20;
-  const cellHeight = yAxis.scale.bandwidth ? yAxis.scale.bandwidth() : 20;
-  return /* @__PURE__ */ jsx8(
-    "rect",
-    {
-      x: cx - cellWidth / 2,
-      y: cy - cellHeight / 2,
-      width: cellWidth,
-      height: cellHeight,
-      fill: color,
-      fillOpacity: 0.8,
-      stroke: "#fff",
-      strokeWidth: 1
-    }
-  );
-};
-var HeatmapScatter = (props) => {
-  return /* @__PURE__ */ jsx8(Scatter2, { ...props, shape: HeatmapCell });
-};
-function HeatmapChart(props) {
-  return /* @__PURE__ */ jsx8(Chart, { ...props, ChartComponent: RechartsScatterChart2, PointComponent: HeatmapScatter });
-}
-
-// src/components/charts/dataset-chart.tsx
-import isEqual from "lodash/isEqual";
-import { parse as dateParse2, isValid as isValid2 } from "date-fns";
-import React5, { useEffect as useEffect2, useMemo as useMemo5, useRef, useState as useState3 } from "react";
-import { useDeepCompareMemo } from "use-deep-compare";
-
-// src/hooks/use-dataset-contents.ts
-import { useQuery, useQueries } from "@tanstack/react-query";
-async function fetchDatasetContents(config, slug, _invocationId) {
-  if (config.dataFetcher) {
-    return config.dataFetcher.fetchDatasetContents(slug, _invocationId);
-  }
-  let url;
-  const headers = {
-    "Content-Type": "application/json"
-  };
-  if (config.sessionToken) {
-    url = `${config.baseUrl}/datasets/${encodeURIComponent(slug)}/query-with-session?limit=1000`;
-    headers["Authorization"] = `Bearer ${config.sessionToken}`;
-  } else {
-    url = `${config.baseUrl}/datasets/${encodeURIComponent(slug)}/query?limit=1000`;
-    if (config.authToken) {
-      headers["Authorization"] = `Bearer ${config.authToken}`;
-    }
-  }
-  const response = await fetch(url, { headers });
-  if (!response.ok) {
-    throw new Error(`Failed to fetch dataset contents: ${response.statusText}`);
-  }
-  const result = await response.json();
-  if (!result.Columns || !result.Rows || result.Columns.length === 0) {
-    return [];
-  }
-  return result.Rows.map((row) => {
-    const obj = {};
-    result.Columns.forEach((col, index) => {
-      obj[col] = row[index];
-    });
-    return obj;
-  });
-}
-function useDatasetContents(datasetSlug, invocationId) {
-  const config = useErdoConfig();
-  return useQuery({
-    queryKey: ["datasetContents", datasetSlug, invocationId],
-    queryFn: () => fetchDatasetContents(config, datasetSlug, invocationId),
-    enabled: !!datasetSlug && !!invocationId
-  });
-}
-function useMultipleDatasetContents(datasetSlugs, invocationId) {
-  const config = useErdoConfig();
-  return useQueries({
-    queries: datasetSlugs.map((slug) => ({
-      queryKey: ["datasetContents", slug, invocationId],
-      queryFn: () => fetchDatasetContents(config, slug, invocationId),
-      enabled: !!slug && !!invocationId
-    }))
-  });
-}
-
-// src/lib/dataset-key-resolver.ts
-function toSnakeCase(str) {
-  return str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`).replace(/^_/, "");
-}
-function resolveKeyFromData(dataRows, configKey) {
-  if (!dataRows.length) return configKey;
-  const sampleRow = dataRows[0];
-  if (sampleRow[configKey] !== void 0) {
-    return configKey;
-  }
-  const lowerKey = configKey.toLowerCase();
-  if (sampleRow[lowerKey] !== void 0) {
-    return lowerKey;
-  }
-  const snakeKey = toSnakeCase(configKey);
-  if (sampleRow[snakeKey] !== void 0) {
-    return snakeKey;
-  }
-  const normalizedConfigKey = configKey.toLowerCase().replace(/_/g, "");
-  const matchingKey = Object.keys(sampleRow).find(
-    (k) => k.toLowerCase().replace(/_/g, "") === normalizedConfigKey
-  );
-  return matchingKey || configKey;
-}
-
-// src/components/charts/dataset-chart.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-function getDateFormats() {
-  return ["yyyy-MM-dd", "yyyyMMdd", "yyyy-MM-dd'T'HH:mm:ss", "yyyyMMddHHmmss"];
-}
-function parseDate(value) {
-  if (!value) return null;
-  if (typeof value === "string") {
-    const dateOnlyRegex = /^\d{4}-\d{2}-\d{2}$/;
-    if (dateOnlyRegex.test(value)) {
-      const date2 = /* @__PURE__ */ new Date(value + "T00:00:00.000Z");
-      if (isValid2(date2)) {
-        return date2.getTime();
-      }
-    }
-    const formats = getDateFormats();
-    for (const format of formats) {
-      const parsed = dateParse2(value, format, /* @__PURE__ */ new Date());
-      if (isValid2(parsed)) {
-        return parsed.getTime();
-      }
-    }
-  }
-  const date = new Date(value);
-  if (isValid2(date)) {
-    return date.getTime();
-  }
-  return null;
-}
-function getValue(row, key, type, arrayIndex) {
-  const rawValue = key === "index" && row[key] === void 0 ? arrayIndex : row[key];
-  const value = type === "date" ? parseDate(rawValue) : type === "number" ? parseFloat(rawValue) : rawValue;
-  return value;
-}
-function getValueType(key, xAxis, yAxes) {
-  if (key === xAxis.key) return xAxis.type || "category";
-  const yAxis = yAxes.find((axis) => axis.key === key);
-  if (yAxis) return yAxis.type || "number";
-  return "category";
-}
-function applySortConditions(data, xAxis, yAxes, sortConditions) {
-  if (!sortConditions || sortConditions.length === 0) return data;
-  return [...data].sort((a, b) => {
-    for (const sortCond of sortConditions) {
-      const valueType = getValueType(sortCond.key, xAxis, yAxes);
-      const aVal = getValue(a, sortCond.key, valueType, a.index);
-      const bVal = getValue(b, sortCond.key, valueType, b.index);
-      if (aVal === bVal) continue;
-      const comparison = (() => {
-        if (typeof aVal === "number" && typeof bVal === "number") {
-          return aVal - bVal;
-        }
-        if (aVal instanceof Date && bVal instanceof Date) {
-          return aVal.getTime() - bVal.getTime();
-        }
-        return String(aVal).localeCompare(String(bVal));
-      })();
-      return sortCond.direction === "asc" ? comparison : -comparison;
-    }
-    return 0;
-  });
-}
-function sampleData(data, targetPoints) {
-  const step = Math.ceil(data.length / targetPoints);
-  const sampledData = [data[0]];
-  for (let i = step; i < data.length - 1; i += step) {
-    sampledData.push(data[i]);
-  }
-  if (sampledData[sampledData.length - 1] !== data[data.length - 1]) {
-    sampledData.push(data[data.length - 1]);
-  }
-  return sampledData;
-}
-function aggregateData(data, xKey, series, targetPoints, xAxis, yAxes, sortConditions) {
-  const groups = data.reduce(
-    (acc, item) => {
-      const key = item[xKey];
-      if (!acc[key]) {
-        acc[key] = [];
-      }
-      acc[key].push(item);
-      return acc;
-    },
-    {}
-  );
-  const groupEntries = Object.entries(groups);
-  if (groupEntries.length > targetPoints) {
-    const step = Math.ceil(groupEntries.length / targetPoints);
-    const aggregatedData2 = groupEntries.reduce(
-      (acc, [key, items], index) => {
-        const binIndex = Math.floor(index / step);
-        if (!acc[binIndex]) {
-          acc[binIndex] = { key, items: [] };
-        }
-        acc[binIndex].items.push(...items);
-        return acc;
-      },
-      []
-    ).map(({ key, items }) => ({
-      [xKey]: key,
-      ...series.reduce(
-        (acc, s) => {
-          const values = items.map((item) => parseFloat(item[s.key])).filter((v) => !isNaN(v));
-          acc[s.key] = values.length ? values.reduce((a, b) => a + b, 0) / values.length : null;
-          return acc;
-        },
-        {}
-      )
-    }));
-    if (sortConditions && sortConditions.length > 0) {
-      return applySortConditions(aggregatedData2, xAxis, yAxes, sortConditions);
-    }
-    return aggregatedData2;
-  }
-  const aggregatedData = groupEntries.map(([key, items]) => {
-    const seriesValues = series.reduce(
-      (acc, s) => {
-        const values = items.map((item) => parseFloat(item[s.key])).filter((v) => !isNaN(v));
-        acc[s.key] = values.length ? values.reduce((a, b) => a + b, 0) / values.length : null;
-        return acc;
-      },
-      {}
-    );
-    const total = Object.values(seriesValues).filter((v) => v !== null).reduce((sum, v) => sum + v, 0);
-    return {
-      [xKey]: key,
-      ...seriesValues,
-      index: total
-      // Add index as the total
-    };
-  });
-  if (sortConditions && sortConditions.length > 0) {
-    return applySortConditions(aggregatedData, xAxis, yAxes, sortConditions);
-  }
-  return aggregatedData;
-}
-function binData(data, xKey, series, targetPoints) {
-  const xValues = data.map((d) => parseFloat(d[xKey])).filter((x) => !isNaN(x));
-  const min = Math.min(...xValues);
-  const max = Math.max(...xValues);
-  const binSize = (max - min) / targetPoints;
-  const bins = Array.from({ length: targetPoints }, (_, i) => ({
-    binStart: min + i * binSize,
-    binEnd: min + (i + 1) * binSize,
-    count: 0,
-    seriesValues: series.reduce((acc, s) => {
-      acc[s.key] = [];
-      return acc;
-    }, {})
-  }));
-  data.forEach((item) => {
-    const x = parseFloat(item[xKey]);
-    if (isNaN(x)) return;
-    const binIndex = Math.min(Math.floor((x - min) / binSize), targetPoints - 1);
-    bins[binIndex].count++;
-    series.forEach((s) => {
-      const value = parseFloat(item[s.key]);
-      if (!isNaN(value)) {
-        bins[binIndex].seriesValues[s.key].push(value);
-      }
-    });
-  });
-  return bins.map(
-    (bin) => ({
-      [xKey]: (bin.binStart + bin.binEnd) / 2,
-      ...series.reduce(
-        (acc, s) => {
-          const values = bin.seriesValues[s.key];
-          acc[s.key] = values.length ? values.reduce((a, b) => a + b, 0) / values.length : null;
-          return acc;
-        },
-        {}
-      ),
-      count: bin.count,
-      // Add index as total of all series values
-      index: series.reduce((total, s) => {
-        const values = bin.seriesValues[s.key];
-        const avg = values.length ? values.reduce((a, b) => a + b, 0) / values.length : 0;
-        return total + avg;
-      }, 0)
-    })
-  ).filter((bin) => series.some((s) => bin[s.key] !== null));
-}
-function binHistogramData(data, xKey, _series, initialBinCount, xAxis) {
-  const values = data.map((d, i) => {
-    const val = getValue(d, xKey, xAxis.type || "number", i);
-    return typeof val === "number" ? val : parseFloat(val);
-  }).filter((x) => !isNaN(x));
-  const min = Math.min(...values);
-  const max = Math.max(...values);
-  const range = max - min;
-  const binSize = range / initialBinCount;
-  const bins = Array.from({ length: initialBinCount }, (_, i) => ({
-    binStart: Number((min + i * binSize).toFixed(2)),
-    binEnd: Number((min + (i + 1) * binSize).toFixed(2)),
-    frequency: 0,
-    [xKey]: Number((min + (i + 0.5) * binSize).toFixed(2))
-    // Midpoint for display
-  }));
-  values.forEach((value) => {
-    const binIndex = Math.min(Math.floor((value - min) / binSize), initialBinCount - 1);
-    bins[binIndex].frequency++;
-  });
-  const nonEmptyBins = bins.filter((bin) => bin.frequency > 0);
-  const emptyBinPercentage = (bins.length - nonEmptyBins.length) / bins.length * 100;
-  if (emptyBinPercentage > 30) {
-    return binHistogramData(data, xKey, _series, Math.floor(initialBinCount / 2), xAxis);
-  }
-  return nonEmptyBins;
-}
-function applyFilters(data, filters, resolvedSeriesKey, resolvedXAxisKey) {
-  if (!filters || filters.length === 0) return data;
-  return data.filter((item) => {
-    return filters.every((filter) => {
-      let actualKey = filter.key;
-      if (resolvedSeriesKey && filter.key.toLowerCase() === resolvedSeriesKey.toLowerCase()) {
-        actualKey = resolvedSeriesKey;
-      } else if (resolvedXAxisKey && filter.key.toLowerCase() === resolvedXAxisKey.toLowerCase()) {
-        actualKey = resolvedXAxisKey;
-      }
-      const itemValue = item[actualKey];
-      const filterValues = Array.isArray(filter.value) ? filter.value : [filter.value];
-      switch (filter.operator) {
-        case "equals":
-          return filterValues.some((v) => String(itemValue) === String(v));
-        case "not_equals":
-          return filterValues.every((v) => String(itemValue) !== String(v));
-        case "greater_than":
-          return parseFloat(String(itemValue)) > parseFloat(String(filterValues[0]));
-        case "less_than":
-          return parseFloat(String(itemValue)) < parseFloat(String(filterValues[0]));
-        case "contains":
-          return String(itemValue).toLowerCase().includes(String(filterValues[0]).toLowerCase());
-        case "between":
-          if (filterValues.length === 2) {
-            const numValue = parseFloat(String(itemValue));
-            const minValue = parseFloat(String(filterValues[0]));
-            const maxValue = parseFloat(String(filterValues[1]));
-            return numValue >= minValue && numValue <= maxValue;
-          }
-          return true;
-        default:
-          return true;
-      }
-    });
-  });
-}
-var DatasetChart = React5.memo(
-  function DatasetChart2({
-    chartType,
-    title,
-    invocationId,
-    datasetSlugs,
-    xAxis,
-    yAxes,
-    series,
-    dataReduction = { strategy: "none", target_points: 1e3 },
-    stacked,
-    sort,
-    onScrollUpdate
-  }) {
-    const datasetResults = useMultipleDatasetContents(datasetSlugs, invocationId);
-    const isLoading = datasetResults.some((q) => q.isLoading);
-    const rawData = datasetResults.map((r) => r.data);
-    const datasetData = useDeepCompareMemo(() => {
-      return rawData.map((d) => d || []);
-    }, [rawData]);
-    const { resolvedXAxisKey, resolvedSeriesKeys } = useMemo5(() => {
-      const firstDataset = datasetData.find((d) => d.length > 0) || [];
-      return {
-        resolvedXAxisKey: resolveKeyFromData(firstDataset, xAxis.key),
-        resolvedSeriesKeys: series.map((s) => ({
-          ...s,
-          resolvedKey: resolveKeyFromData(firstDataset, s.key)
-        }))
-      };
-    }, [datasetData, xAxis.key, series]);
-    const defaultSortedData = useMemo5(() => {
-      const mergedDataMap = datasetData.reduce(
-        (acc, rawData2, datasetIndex) => {
-          const datasetSeries = series.filter((s) => s.datasetSlug === datasetSlugs[datasetIndex]);
-          datasetSeries.forEach((s) => {
-            const resolvedSeriesKey = resolvedSeriesKeys.find((rs) => rs.datasetSlug === s.datasetSlug && rs.key === s.key)?.resolvedKey || s.key;
-            const filteredData = s.filters ? applyFilters(rawData2, s.filters, resolvedSeriesKey, resolvedXAxisKey) : rawData2;
-            filteredData.forEach((row, arrayIndex) => {
-              const xValue = getValue(row, resolvedXAxisKey, xAxis.type || "category", arrayIndex);
-              if (xValue === null || xValue === void 0 || xAxis.type === "number" && isNaN(xValue)) {
-                return;
-              }
-              const key = xAxis.type === "number" || xAxis.type === "date" ? xValue.toString() : typeof xValue === "object" ? xValue.toString() : String(xValue);
-              if (!acc.has(key)) {
-                acc.set(key, { [xAxis.key]: xValue });
-              }
-              const dsIndex = datasetSlugs.findIndex((slug) => slug === s.datasetSlug);
-              const prefixedKey = `dataset_${dsIndex}_series_${series.indexOf(s)}_${s.key}`;
-              const seriesValue = row[resolvedSeriesKey];
-              acc.get(key)[prefixedKey] = seriesValue;
-            });
-          });
-          return acc;
-        },
-        /* @__PURE__ */ new Map()
-      );
-      const mergedData = Array.from(mergedDataMap.values());
-      if (sort && sort.length > 0) {
-        return mergedData;
-      }
-      return mergedData.sort((a, b) => {
-        if (xAxis.type === "date") {
-          return a[xAxis.key] - b[xAxis.key];
-        }
-        const aVal = parseFloat(a[xAxis.key]);
-        const bVal = parseFloat(b[xAxis.key]);
-        if (isNaN(aVal) || isNaN(bVal)) {
-          return String(a[xAxis.key]).localeCompare(String(b[xAxis.key]));
-        }
-        return aVal - bVal;
-      });
-    }, [datasetData, series, datasetSlugs, resolvedSeriesKeys, resolvedXAxisKey, xAxis, sort]);
-    const prefixedSeries = useMemo5(() => {
-      return series.map((s, index) => {
-        const datasetIndex = datasetSlugs.findIndex((slug) => slug === s.datasetSlug);
-        return {
-          ...s,
-          key: `dataset_${datasetIndex}_series_${index}_${s.key}`
-        };
-      });
-    }, [series, datasetSlugs]);
-    const displayConfig = useMemo5(() => {
-      return {
-        [xAxis.key]: {
-          label: xAxis.label,
-          format: xAxis.format,
-          type: xAxis.type
-        },
-        ...prefixedSeries.reduce(
-          (acc, s) => {
-            acc[s.key] = {
-              label: s.name,
-              color: s.color
-            };
-            return acc;
-          },
-          {}
-        ),
-        ...chartType === "histogram" ? {
-          frequency: {
-            label: yAxes[0]?.label || "Frequency",
-            color: prefixedSeries[0]?.color || "#2563eb"
-          }
-        } : {}
-      };
-    }, [xAxis, prefixedSeries, chartType, yAxes]);
-    const dataConfig = useMemo5(() => {
-      if (!xAxis.key || !prefixedSeries.length) {
-        return null;
-      }
-      return {
-        chartType,
-        xAxis,
-        yAxes: chartType === "histogram" ? yAxes.map((axis) => ({
-          ...axis,
-          key: "frequency",
-          // Map to our frequency key
-          minValue: axis.minValue || "0"
-          // Ensure we have a minimum of 0 if not specified
-        })) : yAxes,
-        series: chartType === "histogram" ? [
-          {
-            key: "frequency",
-            name: yAxes[0]?.label || "Frequency",
-            color: series[0]?.color || "#2563eb"
-          }
-        ] : prefixedSeries
-      };
-    }, [xAxis, yAxes, series, prefixedSeries, chartType]);
-    let ChartComponent = null;
-    switch (chartType) {
-      case "bar":
-        ChartComponent = BarChart;
-        break;
-      case "line":
-        ChartComponent = LineChart;
-        break;
-      case "pie":
-        ChartComponent = PieChart;
-        break;
-      case "scatter":
-        ChartComponent = ScatterChart;
-        break;
-      case "histogram":
-        ChartComponent = BarChart;
-        break;
-      case "heatmap":
-        ChartComponent = HeatmapChart;
-        break;
-    }
-    const hasUpdated = useRef(false);
-    useEffect2(() => {
-      if (hasUpdated.current || !onScrollUpdate) {
-        return;
-      }
-      if (!isLoading && displayConfig && dataConfig && defaultSortedData.length) {
-        onScrollUpdate();
-        setTimeout(() => onScrollUpdate(), 250);
-        hasUpdated.current = true;
-      }
-    }, [onScrollUpdate, isLoading, displayConfig, dataConfig, defaultSortedData.length]);
-    const [currentZoom, setCurrentZoom] = useState3({
-      x: [null, null],
-      y: [null, null]
-    });
-    const { processedData, dataReductionInfo } = useMemo5(() => {
-      if (isLoading || !defaultSortedData.length) {
-        return { processedData: [], dataReductionInfo: null };
-      }
-      if (chartType === "histogram") {
-        const binCount = dataReduction.target_points || 20;
-        const processedData2 = binHistogramData(
-          defaultSortedData,
-          resolvedXAxisKey,
-          prefixedSeries,
-          binCount,
-          xAxis
-        );
-        return {
-          processedData: processedData2,
-          dataReductionInfo: null
-        };
-      }
-      let workingData = defaultSortedData;
-      if (currentZoom.x[0] !== null || currentZoom.y[0] !== null) {
-        workingData = defaultSortedData.filter((item) => {
-          if (currentZoom.x[0] !== null && currentZoom.x[1] !== null) {
-            const xValue = parseFloat(item[xAxis.key]);
-            if (isNaN(xValue) || xValue < currentZoom.x[0] || xValue > currentZoom.x[1]) {
-              return false;
-            }
-          }
-          if (currentZoom.y[0] !== null && currentZoom.y[1] !== null) {
-            for (const s of prefixedSeries) {
-              const yValue = parseFloat(item[s.key]);
-              if (!isNaN(yValue)) {
-                if (yValue < currentZoom.y[0] || yValue > currentZoom.y[1]) {
-                  return false;
-                }
-              }
-            }
-          }
-          return true;
-        });
-      }
-      if (workingData.length <= dataReduction.target_points && (!sort || sort.length === 0)) {
-        return {
-          processedData: workingData,
-          dataReductionInfo: null
-        };
-      }
-      let reducedData;
-      let method = "";
-      switch (dataReduction.strategy) {
-        case "sample":
-          reducedData = sampleData(workingData, dataReduction.target_points);
-          method = "sampled";
-          if (sort && sort.length > 0) {
-            reducedData = applySortConditions(reducedData, xAxis, yAxes, sort);
-          }
-          break;
-        case "aggregate":
-          reducedData = aggregateData(
-            workingData,
-            resolvedXAxisKey,
-            prefixedSeries,
-            dataReduction.target_points,
-            xAxis,
-            yAxes,
-            sort
-          );
-          method = "aggregated";
-          break;
-        case "bin":
-          reducedData = binData(
-            workingData,
-            resolvedXAxisKey,
-            prefixedSeries,
-            dataReduction.target_points
-          );
-          method = "binning";
-          if (sort && sort.length > 0) {
-            reducedData = applySortConditions(reducedData, xAxis, yAxes, sort);
-          }
-          break;
-        default:
-          if (workingData.length < 1e3) {
-            reducedData = workingData;
-          } else {
-            reducedData = sampleData(workingData, dataReduction.target_points);
-            method = "sampled";
-          }
-          if (sort && sort.length > 0) {
-            reducedData = applySortConditions(reducedData, xAxis, yAxes, sort);
-          }
-      }
-      let dataReductionInfo2 = null;
-      if (workingData.length !== reducedData.length) {
-        dataReductionInfo2 = `${method} ${workingData.length.toLocaleString()} \u2192 ${reducedData.length.toLocaleString()} points`;
-      }
-      return {
-        processedData: reducedData,
-        dataReductionInfo: dataReductionInfo2
-      };
-    }, [
-      defaultSortedData,
-      dataReduction,
-      chartType,
-      isLoading,
-      currentZoom.x,
-      currentZoom.y,
-      prefixedSeries,
-      sort,
-      xAxis,
-      yAxes,
-      resolvedXAxisKey
-    ]);
-    if (!ChartComponent) {
-      console.error("No chart component found");
-      return null;
-    }
-    if (isLoading) {
-      return /* @__PURE__ */ jsx9("div", { children: "Loading..." });
-    }
-    if (!defaultSortedData.length) {
-      return /* @__PURE__ */ jsx9("div", { children: "Unable to display chart - no data available" });
-    }
-    if (!dataConfig) {
-      return /* @__PURE__ */ jsx9("div", { children: "Invalid chart configuration" });
-    }
-    return /* @__PURE__ */ jsx9(
-      ChartComponent,
-      {
-        data: processedData,
-        displayConfig,
-        stacked,
-        dataConfig,
-        title,
-        subtitle: dataReductionInfo || void 0,
-        disableAnimation: processedData.length > 100,
-        onZoomChange: setCurrentZoom
-      }
-    );
-  },
-  (prevProps, nextProps) => {
-    return isEqual(prevProps, nextProps);
-  }
-);
-
-// src/components/content/text-content.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-function TextContent({ content, className }) {
-  if (!content?.length) return null;
-  return /* @__PURE__ */ jsx10("div", { className: className || "prose dark:prose-invert max-w-4xl w-full leading-normal", children: /* @__PURE__ */ jsx10("p", { style: { whiteSpace: "pre-wrap" }, children: content }) });
-}
-
-// src/components/content/json-content.tsx
-import { useMemo as useMemo6 } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-function parseJsonContent(content) {
-  const chunks = [];
-  let remaining = content;
-  while (remaining.length > 0) {
-    const jsonStart = remaining.indexOf("{");
-    const jsonArrayStart = remaining.indexOf("[");
-    let start = -1;
-    let isObject = true;
-    if (jsonStart >= 0 && (jsonArrayStart < 0 || jsonStart < jsonArrayStart)) {
-      start = jsonStart;
-      isObject = true;
-    } else if (jsonArrayStart >= 0) {
-      start = jsonArrayStart;
-      isObject = false;
-    }
-    if (start < 0) {
-      if (remaining.trim()) {
-        chunks.push({ type: "text", content: remaining });
-      }
-      break;
-    }
-    if (start > 0) {
-      const textBefore = remaining.slice(0, start);
-      if (textBefore.trim()) {
-        chunks.push({ type: "text", content: textBefore });
-      }
-    }
-    let depth = 0;
-    let end = start;
-    const openChar = isObject ? "{" : "[";
-    const closeChar = isObject ? "}" : "]";
-    for (let i = start; i < remaining.length; i++) {
-      if (remaining[i] === openChar) depth++;
-      if (remaining[i] === closeChar) depth--;
-      if (depth === 0) {
-        end = i + 1;
-        break;
-      }
-    }
-    const jsonStr = remaining.slice(start, end);
-    try {
-      const parsed = JSON.parse(jsonStr);
-      chunks.push({ type: "json", content: parsed });
-    } catch {
-      chunks.push({ type: "text", content: jsonStr });
-    }
-    remaining = remaining.slice(end);
-  }
-  return chunks;
-}
-function getStyleClass(style) {
-  switch (style) {
-    case "muted":
-      return "text-gray-500";
-    case "error":
-      return "text-red-500";
-    case "warning":
-      return "text-yellow-600";
-    case "success":
-      return "text-green-600";
-    default:
-      return "";
-  }
-}
-function JsonContent({ content, className }) {
-  const contentStr = typeof content === "string" ? content : JSON.stringify(content, null, 2);
-  const chunks = useMemo6(() => parseJsonContent(contentStr), [contentStr]);
-  if (!contentStr?.length) return null;
-  return /* @__PURE__ */ jsx11("div", { className: className || "prose dark:prose-invert leading-normal", children: chunks.map((chunk, index) => {
-    if (chunk.type === "json") {
-      const json = chunk.content;
-      if (json.message && typeof json.message === "string") {
-        return /* @__PURE__ */ jsx11("p", { className: getStyleClass(json.style), children: json.message }, index);
-      }
-      return /* @__PURE__ */ jsx11(
-        "pre",
-        {
-          className: "bg-gray-100 dark:bg-gray-800 p-3 rounded overflow-x-auto text-sm",
-          children: JSON.stringify(json, null, 2)
-        },
-        index
-      );
-    }
-    return /* @__PURE__ */ jsx11("p", { children: chunk.content }, index);
-  }) });
-}
-
-// src/components/content/chart-content.tsx
-import { useMemo as useMemo7 } from "react";
-import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
-function ChartContent2({ config, data, className }) {
-  const chartProps = useMemo7(() => {
-    if (!config?.chart_type || !config?.chart_title || !config?.series?.length || !config?.y_axes?.length) {
-      return null;
-    }
-    return {
-      chartType: config.chart_type,
-      title: config.chart_title,
-      xAxis: {
-        label: config.x_axis.axis_label,
-        key: config.x_axis.key,
-        maxValue: config.x_axis.max_value,
-        minValue: config.x_axis.min_value,
-        type: config.x_axis.value_type,
-        format: config.x_axis.format
-      },
-      yAxes: config.y_axes.map((axis) => ({
-        label: axis.axis_label,
-        key: axis.key,
-        maxValue: axis.max_value,
-        minValue: axis.min_value,
-        type: axis.value_type,
-        format: axis.format
-      })),
-      series: config.series.map((s) => ({
-        key: s.key,
-        name: s.series_name,
-        color: s.color,
-        axisIndex: s.axis_index,
-        filters: s.filters
-      })),
-      dataReduction: config.data_reduction,
-      stacked: config.stacked,
-      sort: config.sort
-    };
-  }, [config]);
-  if (!chartProps) {
-    return /* @__PURE__ */ jsx12("div", { className: "text-red-500", children: "Invalid chart configuration" });
-  }
-  if (!data || data.length === 0) {
-    return /* @__PURE__ */ jsx12("div", { className: "text-gray-500", children: "No data available for chart" });
-  }
-  let ChartComponent = null;
-  switch (chartProps.chartType) {
-    case "bar":
-    case "histogram":
-      ChartComponent = BarChart;
-      break;
-    case "line":
-      ChartComponent = LineChart;
-      break;
-    case "pie":
-      ChartComponent = PieChart;
-      break;
-    case "scatter":
-      ChartComponent = ScatterChart;
-      break;
-    case "heatmap":
-      ChartComponent = HeatmapChart;
-      break;
-  }
-  if (!ChartComponent) {
-    return /* @__PURE__ */ jsxs4("div", { className: "text-red-500", children: [
-      "Unsupported chart type: ",
-      chartProps.chartType
-    ] });
-  }
-  const displayConfig = {
-    [chartProps.xAxis.key]: {
-      label: chartProps.xAxis.label,
-      format: chartProps.xAxis.format,
-      type: chartProps.xAxis.type
-    },
-    ...chartProps.series.reduce(
-      (acc, s) => {
-        acc[s.key] = {
-          label: s.name,
-          color: s.color
-        };
-        return acc;
-      },
-      {}
-    )
-  };
-  const dataConfig = {
-    chartType: chartProps.chartType,
-    xAxis: chartProps.xAxis,
-    yAxes: chartProps.yAxes,
-    series: chartProps.series
-  };
-  return /* @__PURE__ */ jsx12("div", { className: className || "w-full max-w-3xl", children: /* @__PURE__ */ jsx12(
-    ChartComponent,
-    {
-      title: chartProps.title,
-      data,
-      displayConfig,
-      dataConfig,
-      stacked: chartProps.stacked,
-      disableAnimation: data.length > 100
-    }
-  ) });
-}
-
-// src/components/content/table-content.tsx
-import { useMemo as useMemo8 } from "react";
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
-function TableContent({ title, columns, data, className, maxRows = 100 }) {
-  const displayData = useMemo8(() => {
-    if (!data || data.length === 0) return [];
-    return maxRows ? data.slice(0, maxRows) : data;
-  }, [data, maxRows]);
-  if (!columns || columns.length === 0) {
-    return /* @__PURE__ */ jsx13("div", { className: "text-gray-500", children: "No columns defined" });
-  }
-  if (!data || data.length === 0) {
-    return /* @__PURE__ */ jsx13("div", { className: "text-gray-500", children: "No data available" });
-  }
-  return /* @__PURE__ */ jsxs5("div", { className: className || "w-full max-w-4xl", children: [
-    title && /* @__PURE__ */ jsx13("h3", { className: "text-lg font-medium mb-2", children: title }),
-    /* @__PURE__ */ jsx13("div", { className: "overflow-x-auto border rounded-md", children: /* @__PURE__ */ jsxs5("table", { className: "w-full text-sm", children: [
-      /* @__PURE__ */ jsx13("thead", { children: /* @__PURE__ */ jsx13("tr", { className: "border-b bg-gray-50 dark:bg-gray-800", children: columns.map((col) => /* @__PURE__ */ jsx13(
-        "th",
-        {
-          className: "px-4 py-2 text-left font-medium text-gray-700 dark:text-gray-300",
-          children: col.column_name
-        },
-        col.key
-      )) }) }),
-      /* @__PURE__ */ jsx13("tbody", { children: displayData.map((row, rowIndex) => /* @__PURE__ */ jsx13(
-        "tr",
-        {
-          className: "border-b last:border-b-0 hover:bg-gray-50 dark:hover:bg-gray-800/50",
-          children: columns.map((col) => /* @__PURE__ */ jsx13("td", { className: "px-4 py-2 text-gray-900 dark:text-gray-100", children: formatValue(row[col.key], col.format, col.value_type) }, col.key))
-        },
-        rowIndex
-      )) })
-    ] }) }),
-    data.length > maxRows && /* @__PURE__ */ jsxs5("p", { className: "text-sm text-gray-500 mt-2", children: [
-      "Showing ",
-      maxRows,
-      " of ",
-      data.length,
-      " rows"
-    ] })
-  ] });
-}
-
-// src/components/content/content.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
-function Content({ item, className, components }) {
-  const uiContentType = typeof item.ui_content_type === "object" && item.ui_content_type?.Valid ? item.ui_content_type.String : typeof item.ui_content_type === "string" ? item.ui_content_type : item.content_type;
-  const contentStr = typeof item.content === "string" ? item.content : JSON.stringify(item.content);
-  switch (uiContentType) {
-    case "text":
-    case "thinking":
-    case "redacted_thinking": {
-      const TextComponent = components?.text || TextContent;
-      return /* @__PURE__ */ jsx14(TextComponent, { content: contentStr, className });
-    }
-    case "json":
-    case "codegen_json": {
-      const JsonComponent = components?.json || JsonContent;
-      return /* @__PURE__ */ jsx14(JsonComponent, { content: item.content, className });
-    }
-    case "chart":
-    case "ui_generation": {
-      if (item.chartConfig && item.chartData) {
-        const ChartComponent = components?.chart || ChartContent2;
-        return /* @__PURE__ */ jsx14(ChartComponent, { config: item.chartConfig, data: item.chartData, className });
-      }
-      try {
-        const parsed = typeof item.content === "string" ? JSON.parse(item.content) : item.content;
-        if (parsed.children) {
-          return renderNodes(parsed.children, className, components);
-        }
-        const JsonComponent = components?.json || JsonContent;
-        return /* @__PURE__ */ jsx14(JsonComponent, { content: item.content, className });
-      } catch {
-        const JsonComponent = components?.json || JsonContent;
-        return /* @__PURE__ */ jsx14(JsonComponent, { content: item.content, className });
-      }
-    }
-    case "table": {
-      if (item.tableColumns && item.tableData) {
-        const TableComponent = components?.table || TableContent;
-        return /* @__PURE__ */ jsx14(
-          TableComponent,
-          {
-            columns: item.tableColumns,
-            data: item.tableData,
-            className
-          }
-        );
-      }
-      const JsonComponent = components?.json || JsonContent;
-      return /* @__PURE__ */ jsx14(JsonComponent, { content: item.content, className });
-    }
-    case "log":
-    case "codeexec_output": {
-      return /* @__PURE__ */ jsx14("pre", { className: className || "bg-gray-100 dark:bg-gray-800 p-3 rounded text-sm overflow-x-auto", children: contentStr });
-    }
-    // Skip these types
-    case "bot_invocation":
-    case "bot_invocation_result":
-    case "tool_invocation":
-    case "tool_result":
-    case "security_check_json":
-      return null;
-    default: {
-      const TextComponent = components?.text || TextContent;
-      return /* @__PURE__ */ jsx14(TextComponent, { content: contentStr, className });
-    }
-  }
-}
-function renderNodes(nodes, className, components) {
-  if (!nodes || !Array.isArray(nodes)) return null;
-  return nodes.map((node, index) => {
-    if (!node?._type) return null;
-    switch (node._type) {
-      case "Chart": {
-        const ChartComponent = components?.chart || ChartContent2;
-        const config = node.content;
-        return /* @__PURE__ */ jsx14("div", { className: "my-4", children: /* @__PURE__ */ jsx14(
-          ChartComponent,
-          {
-            config: {
-              chart_type: config.chart_type,
-              chart_title: config.chart_title,
-              x_axis: config.x_axis,
-              y_axes: config.y_axes,
-              series: config.series,
-              data_reduction: config.data_reduction,
-              stacked: config.stacked,
-              sort: config.sort
-            },
-            data: [],
-            className
-          }
-        ) }, `chart-${index}`);
-      }
-      case "Table": {
-        const TableComponent = components?.table || TableContent;
-        const config = node.content;
-        return /* @__PURE__ */ jsx14("div", { className: "my-4", children: /* @__PURE__ */ jsx14(
-          TableComponent,
-          {
-            title: config.table_title,
-            columns: config.columns,
-            data: [],
-            className
-          }
-        ) }, `table-${index}`);
-      }
-      case "TextMarkdown": {
-        const TextComponent = components?.text || TextContent;
-        return /* @__PURE__ */ jsx14("div", { className: "my-2", children: /* @__PURE__ */ jsx14(TextComponent, { content: node.content?.text || "", className }) }, `text-${index}`);
-      }
-      case "Suggestions": {
-        const suggestions = node.content?.suggestions || [];
-        if (!suggestions.length) return null;
-        return /* @__PURE__ */ jsx14("div", { className: "flex flex-col gap-2 my-4", children: suggestions.map((suggestion, i) => /* @__PURE__ */ jsx14(
-          "button",
-          {
-            className: "text-left px-3 py-2 bg-gray-100 dark:bg-gray-800 rounded hover:bg-gray-200 dark:hover:bg-gray-700 text-sm",
-            children: suggestion
-          },
-          i
-        )) }, `suggestions-${index}`);
-      }
-      default:
-        return null;
-    }
-  });
-}
-
-// src/components/content/markdown-content.tsx
-import ReactMarkdown from "react-markdown";
-import remarkGfm from "remark-gfm";
-import { jsx as jsx15 } from "react/jsx-runtime";
-function MarkdownContent({ text, className }) {
-  if (!text?.length) return null;
-  return /* @__PURE__ */ jsx15("div", { className: cn("prose dark:prose-invert leading-tight", className), children: /* @__PURE__ */ jsx15(ReactMarkdown, { remarkPlugins: [remarkGfm], children: text }) });
-}
-
-// src/hooks/use-invocation.ts
-import { useState as useState4, useCallback as useCallback3, useRef as useRef2 } from "react";
-function extractResultFromEvents(events) {
-  const result = {
-    success: true,
-    messages: [],
-    events,
-    steps: []
-  };
-  for (const event of events) {
-    const eventType = event.type;
-    switch (eventType) {
-      case "invocation_started":
-        if (event.payload && typeof event.payload === "object") {
-          const payload = event.payload;
-          result.invocationId = payload.invocation_id;
-          result.botId = payload.bot_id;
-        }
-        break;
-      case "message":
-      case "message_content":
-        if (event.payload && typeof event.payload === "object") {
-          const payload = event.payload;
-          if (payload.role && payload.content) {
-            result.messages.push({
-              role: payload.role,
-              content: payload.content
-            });
-          }
-        }
-        break;
-      case "step_started":
-        if (event.payload && typeof event.payload === "object") {
-          const payload = event.payload;
-          result.steps.push({
-            key: payload.step_key || "",
-            action: payload.action || "",
-            status: "running"
-          });
-        }
-        break;
-      case "step_completed":
-        if (event.payload && typeof event.payload === "object") {
-          const payload = event.payload;
-          const stepKey = payload.step_key;
-          const step = result.steps.find((s) => s.key === stepKey);
-          if (step) {
-            step.status = "completed";
-          }
-        }
-        break;
-      case "step_error":
-        if (event.payload && typeof event.payload === "object") {
-          const payload = event.payload;
-          const stepKey = payload.step_key;
-          const step = result.steps.find((s) => s.key === stepKey);
-          if (step) {
-            step.status = "failed";
-          }
-        }
-        break;
-      case "result":
-        if (event.payload && typeof event.payload === "object") {
-          result.result = event.payload;
-        }
-        break;
-      case "error":
-        result.success = false;
-        if (event.payload && typeof event.payload === "object") {
-          const payload = event.payload;
-          result.error = payload.message || payload.error || "Unknown error";
-        } else if (typeof event.payload === "string") {
-          result.error = event.payload;
-        }
-        break;
-      case "invocation_completed":
-        break;
-    }
-  }
-  return result;
-}
-function useInvocation(options = {}) {
-  const config = useErdoConfig();
-  const [result, setResult] = useState4(null);
-  const [isStreaming, setIsStreaming] = useState4(false);
-  const [error, setError] = useState4(null);
-  const abortControllerRef = useRef2(null);
-  const cancel = useCallback3(() => {
-    if (abortControllerRef.current) {
-      abortControllerRef.current.abort();
-      abortControllerRef.current = null;
-    }
-  }, []);
-  const invoke = useCallback3(
-    async (botKey, params) => {
-      if (!config.client) {
-        throw new Error(
-          "ErdoClient not configured in provider. Pass a client to ErdoProvider config to use useInvocation."
-        );
-      }
-      cancel();
-      abortControllerRef.current = new AbortController();
-      setIsStreaming(true);
-      setError(null);
-      setResult(null);
-      try {
-        const events = [];
-        for await (const event of config.client.invokeStream(botKey, params)) {
-          if (abortControllerRef.current?.signal.aborted) {
-            break;
-          }
-          events.push(event);
-          options.onEvent?.(event);
-          const currentResult = extractResultFromEvents(events);
-          setResult(currentResult);
-        }
-        const finalResult = extractResultFromEvents(events);
-        setResult(finalResult);
-        options.onFinish?.(finalResult);
-        return finalResult;
-      } catch (e) {
-        const err = e instanceof Error ? e : new Error(String(e));
-        setError(err);
-        options.onError?.(err);
-        throw err;
-      } finally {
-        setIsStreaming(false);
-        abortControllerRef.current = null;
-      }
-    },
-    [config.client, options, cancel]
-  );
-  return { result, isStreaming, error, invoke, cancel };
-}
-
-// src/lib/parse-json.ts
-var parsingSymbol = /* @__PURE__ */ Symbol("parsing");
-var JSONStreamParser = class {
-  result;
-  stack;
-  key;
-  state;
-  stringBuffer;
-  numberBuffer;
-  quoteBuffer;
-  escapeNext;
-  unicode;
-  isInTripleQuotes;
-  constructor() {
-    this.result = void 0;
-    this.stack = [];
-    this.key = void 0;
-    this.state = "START";
-    this.stringBuffer = "";
-    this.numberBuffer = "";
-    this.quoteBuffer = "";
-    this.escapeNext = false;
-    this.unicode = "";
-    this.isInTripleQuotes = false;
-  }
-  reset() {
-    this.result = void 0;
-    this.stack = [];
-    this.key = void 0;
-    this.state = "START";
-    this.stringBuffer = "";
-    this.numberBuffer = "";
-    this.quoteBuffer = "";
-    this.escapeNext = false;
-    this.unicode = "";
-    this.isInTripleQuotes = false;
-  }
-  parse(jsonString) {
-    this.reset();
-    return this.add(jsonString);
-  }
-  add(chunk) {
-    for (let i = 0; i < chunk.length; i++) {
-      const char = chunk[i];
-      this.processChar(char);
-    }
-    return this.result;
-  }
-  processChar(char) {
-    switch (this.state) {
-      case "START":
-        this.handleStartState(char);
-        break;
-      case "IN_OBJECT":
-        this.handleObjectState(char);
-        break;
-      case "IN_ARRAY":
-        this.handleArrayState(char);
-        break;
-      case "IN_OBJECT_KEY":
-        this.handleObjectKeyState(char);
-        break;
-      case "AFTER_KEY":
-        this.handleAfterKeyState(char);
-        break;
-      case "IN_OBJECT_VALUE":
-        this.handleObjectValueState(char);
-        break;
-      case "IN_STRING":
-        this.handleStringState(char);
-        break;
-      case "IN_NUMBER":
-        this.handleNumberState(char);
-        break;
-      case "IN_TRUE":
-        this.handleLiteralState(char, "true");
-        break;
-      case "IN_FALSE":
-        this.handleLiteralState(char, "false");
-        break;
-      case "IN_NULL":
-        this.handleLiteralState(char, "null");
-        break;
-      case "IN_UNICODE":
-        this.handleUnicodeState(char);
-        break;
-    }
-  }
-  handleStartState(char) {
-    if (char === "{") {
-      this.startObject();
-    } else if (char === "[") {
-      this.startArray();
-    } else if (!this.isWhitespace(char)) {
-      throw this.error("must start with { or [", "start");
-    }
-  }
-  error(message, currentRecordType) {
-    return new Error(`Invalid JSON in ${currentRecordType}: ${message}`);
-  }
-  handleObjectState(char) {
-    if (char === "}") {
-      this.endObject();
-    } else if (char === '"') {
-      this.state = "IN_OBJECT_KEY";
-      this.stringBuffer = "";
-      this.key = void 0;
-      this.quoteBuffer = "";
-    } else if (char === ",") {
-      this.key = void 0;
-    } else if (!this.isWhitespace(char)) {
-      throw this.error(`Invalid character in object: ${char}`, "object");
-    }
-  }
-  handleArrayState(char) {
-    if (char === "]") {
-      this.endArray();
-    } else if (char === ",") {
-    } else if (!this.isWhitespace(char)) {
-      this.startValue(char);
-    }
-  }
-  handleObjectKeyState(char) {
-    if (char === '"') {
-      this.state = "AFTER_KEY";
-      this.key = this.stringBuffer;
-      this.stringBuffer = "";
-    } else {
-      this.stringBuffer += char;
-      this.updateValueInParent(this.stringBuffer);
-    }
-  }
-  handleAfterKeyState(char) {
-    if (char === ":") {
-      this.state = "IN_OBJECT_VALUE";
-    } else if (this.isWhitespace(char)) {
-    } else if (!this.isWhitespace(char)) {
-      this.key = this.key + char;
-    }
-  }
-  handleObjectValueState(char) {
-    if (!this.isWhitespace(char)) {
-      this.startValue(char);
-    }
-  }
-  handleStringState(char) {
-    if (this.escapeNext) {
-      this.handleEscapeChar(char);
-    } else if (char === "\\") {
-      this.escapeNext = true;
-    } else if (char === '"') {
-      this.quoteBuffer += '"';
-      if (this.stringBuffer === "" && this.quoteBuffer === '""') {
-        this.quoteBuffer = "";
-        this.isInTripleQuotes = true;
-      } else if (this.stringBuffer && this.quoteBuffer === '"""') {
-        this.quoteBuffer = "";
-        this.isInTripleQuotes = false;
-        this.stringBuffer = this.stringBuffer.replace(/^\n+/, "").replace(/\n+$/, "").trim();
-        this.endString();
-        return;
-      }
-    } else {
-      if (this.quoteBuffer) {
-        if (this.quoteBuffer === '"' && !this.isInTripleQuotes) {
-          this.quoteBuffer = "";
-          this.endString();
-          this.processChar(char);
-          return;
-        } else if (this.quoteBuffer === '"""' && this.isInTripleQuotes) {
-          this.quoteBuffer = "";
-          this.isInTripleQuotes = false;
-          this.endString();
-          this.processChar(char);
-          return;
-        }
-        this.stringBuffer += this.quoteBuffer;
-        this.quoteBuffer = "";
-      }
-      this.stringBuffer += char;
-      this.updateValueInParent(this.stringBuffer);
-    }
-  }
-  handleNumberState(char) {
-    if (char.match(/[0-9.eE+-]/)) {
-      this.numberBuffer += char;
-      this.updateValueInParent(parseFloat(this.numberBuffer));
-    } else {
-      this.endNumber();
-      this.processChar(char);
-    }
-  }
-  handleLiteralState(char, literal) {
-    const expected = literal[this.stringBuffer.length];
-    if (char === expected) {
-      this.stringBuffer += char;
-      if (this.stringBuffer === literal) {
-        this.endLiteral(literal);
-      } else {
-        this.updateValueInParent(this.stringBuffer);
-      }
-    } else {
-      throw this.error(`Invalid literal: expected ${literal}`, "literal");
-    }
-  }
-  handleUnicodeState(char) {
-    this.unicode += char;
-    if (this.unicode.length === 4) {
-      const codePoint = parseInt(this.unicode, 16);
-      this.stringBuffer += String.fromCharCode(codePoint);
-      this.unicode = "";
-      this.state = "IN_STRING";
-    }
-  }
-  handleEscapeChar(char) {
-    switch (char) {
-      case '"':
-      case "\\":
-      case "/":
-        this.stringBuffer += char;
-        break;
-      case "b":
-        this.stringBuffer += "\b";
-        break;
-      case "f":
-        this.stringBuffer += "\f";
-        break;
-      case "n":
-        this.stringBuffer += "\n";
-        break;
-      case "r":
-        this.stringBuffer += "\r";
-        break;
-      case "t":
-        this.stringBuffer += "	";
-        break;
-      case "u":
-        this.unicode = "";
-        this.state = "IN_UNICODE";
-        break;
-      case "`":
-        this.stringBuffer += "`";
-        break;
-      default:
-        throw this.error("Invalid escape character", "string");
-    }
-    this.escapeNext = false;
-  }
-  startObject() {
-    const newObject = {
-      [parsingSymbol]: true
-    };
-    this.addValueToParent(newObject);
-    this.stack.push({ value: newObject, key: this.key });
-    this.key = void 0;
-    this.state = "IN_OBJECT";
-  }
-  endObject() {
-    const { value: completedObject, key: parentKey, index: parentIndex } = this.stack.pop();
-    delete completedObject[parsingSymbol];
-    if (this.stack.length === 0) {
-      this.state = "END";
-      this.result = { ...completedObject };
-    } else {
-      const { value: parent } = this.stack[this.stack.length - 1];
-      if (Array.isArray(parent)) {
-        if (parentIndex !== void 0) {
-          parent[parentIndex] = { ...completedObject };
-        } else {
-          parent[parent.length - 1] = { ...completedObject };
-        }
-      } else if (parentKey !== void 0) {
-        parent[parentKey] = {
-          ...completedObject
-        };
-      } else {
-        throw this.error("Key is undefined", "object");
-      }
-      this.state = this.getParentState();
-    }
-  }
-  startArray() {
-    const newArray = [];
-    newArray[parsingSymbol] = true;
-    this.addValueToParent(newArray);
-    this.stack.push({ value: newArray, key: this.key, index: 0 });
-    this.key = void 0;
-    this.state = "IN_ARRAY";
-  }
-  endArray() {
-    const { value: completedArray, key: parentKey, index: parentIndex } = this.stack.pop();
-    delete completedArray[parsingSymbol];
-    if (this.stack.length === 0) {
-      this.state = "END";
-      if (Array.isArray(completedArray)) {
-        this.result = [...completedArray];
-      } else {
-        throw this.error("Expected array at root level", "array");
-      }
-    } else {
-      const { value: parent } = this.stack[this.stack.length - 1];
-      if (Array.isArray(parent)) {
-        if (parentIndex !== void 0) {
-          parent[parentIndex] = Array.isArray(completedArray) ? [...completedArray] : completedArray;
-        } else {
-          parent[parent.length - 1] = Array.isArray(completedArray) ? [...completedArray] : completedArray;
-        }
-      } else if (parentKey !== void 0) {
-        parent[parentKey] = Array.isArray(completedArray) ? [...completedArray] : completedArray;
-      }
-      this.state = this.getParentState();
-    }
-  }
-  startValue(char) {
-    if (char === '"') {
-      this.state = "IN_STRING";
-      this.stringBuffer = "";
-      this.quoteBuffer = "";
-      this.addValueToParent("");
-    } else if (char.match(/[0-9-]/)) {
-      this.state = "IN_NUMBER";
-      this.numberBuffer = char;
-      this.addValueToParent(parseFloat(char));
-    } else if (char === "t") {
-      this.state = "IN_TRUE";
-      this.stringBuffer = "t";
-      this.addValueToParent("t");
-    } else if (char === "f") {
-      this.state = "IN_FALSE";
-      this.stringBuffer = "f";
-      this.addValueToParent("f");
-    } else if (char === "n") {
-      this.state = "IN_NULL";
-      this.stringBuffer = "n";
-      this.addValueToParent("n");
-    } else if (char === "{") {
-      this.startObject();
-    } else if (char === "[") {
-      this.startArray();
-    } else {
-      throw this.error(`Invalid value start: ${char}`, "value");
-    }
-  }
-  endString() {
-    const value = this.stringBuffer;
-    this.stringBuffer = "";
-    this.updateValueInParent(value);
-    this.state = this.getParentState();
-  }
-  endNumber() {
-    const number = parseFloat(this.numberBuffer);
-    this.updateValueInParent(number);
-    this.numberBuffer = "";
-    this.state = this.getParentState();
-  }
-  endLiteral(literal) {
-    let value;
-    switch (literal) {
-      case "true":
-        value = true;
-        break;
-      case "false":
-        value = false;
-        break;
-      case "null":
-        value = null;
-        break;
-      default:
-        throw this.error("Invalid literal", "literal");
-    }
-    this.updateValueInParent(value);
-    this.stringBuffer = "";
-    this.state = this.getParentState();
-  }
-  addValueToParent(value) {
-    if (this.stack.length === 0) {
-      this.result = value;
-    } else {
-      const stackItem = this.stack[this.stack.length - 1];
-      const { value: parent } = stackItem;
-      if (Array.isArray(parent)) {
-        parent.push(value);
-        if (stackItem.index !== void 0) {
-          stackItem.index++;
-        }
-      } else if (this.state === "IN_OBJECT_KEY") {
-        this.key = value;
-        parent[this.key] = "";
-      } else {
-        if (this.key === void 0) {
-          throw this.error("Key is undefined", "object");
-        }
-        parent[this.key] = value;
-      }
-    }
-  }
-  updateValueInParent(value) {
-    if (this.stack.length === 0) {
-      this.result = value;
-    } else {
-      const stackItem = this.stack[this.stack.length - 1];
-      const { value: parent } = stackItem;
-      if (Array.isArray(parent)) {
-        if (stackItem.index !== void 0) {
-          parent[stackItem.index - 1] = value;
-        } else {
-          parent[parent.length - 1] = value;
-        }
-      } else if (this.key !== void 0) {
-        parent[this.key] = value;
-      } else if (this.state !== "IN_OBJECT_KEY") {
-        throw this.error("Key is undefined", "object");
-      }
-    }
-  }
-  isWhitespace(char) {
-    return char === " " || char === "	" || char === "\n" || char === "\r";
-  }
-  getParentState() {
-    if (this.stack.length === 0) {
-      return "END";
-    }
-    return Array.isArray(this.stack[this.stack.length - 1].value) ? "IN_ARRAY" : "IN_OBJECT";
-  }
-};
-function parseCompleteJson(content) {
-  const trimmedContent = content.trim();
-  try {
-    return JSON.parse(trimmedContent);
-  } catch (_e) {
-    try {
-      const parser = new JSONStreamParser();
-      const result = parser.parse(trimmedContent);
-      return result;
-    } catch (e) {
-      console.log("content", trimmedContent);
-      console.error("Error parsing JSON", e);
-      return null;
-    }
-  }
-}
-function isWhitespaceChar(char) {
-  return char === " " || char === "\n" || char === "	" || char === "\r";
-}
-function findNextChar(content, index) {
-  if (index >= content.length - 1) {
-    return "";
-  }
-  for (let i = index + 1; i < content.length; i++) {
-    if (!isWhitespaceChar(content[i])) {
-      return content[i];
-    }
-  }
-  return "";
-}
-function parseMixedJson(content) {
-  if (typeof content !== "string") {
-    return content;
-  }
-  const chunks = [];
-  const codeBlockRegex = /```json\s*\n([\s\S]*?)(?:(?:\n)?```|$)/g;
-  const hasCodeBlocks = codeBlockRegex.test(content);
-  codeBlockRegex.lastIndex = 0;
-  if (hasCodeBlocks) {
-    let lastIndex = 0;
-    let match;
-    while ((match = codeBlockRegex.exec(content)) !== null) {
-      const textBefore = content.substring(lastIndex, match.index).trim();
-      if (textBefore) {
-        chunks.push({ content: textBefore, type: "text" });
-      }
-      const jsonStr = match[1];
-      try {
-        const parsed = JSON.parse(jsonStr);
-        chunks.push({ content: parsed, type: "json" });
-      } catch (_e) {
-        try {
-          const parser = new JSONStreamParser();
-          const parsed = parser.parse(jsonStr);
-          if (parsed) {
-            chunks.push({ content: parsed, type: "json" });
-          } else {
-            chunks.push({ content: match[0], type: "text" });
-          }
-        } catch (_fuzzyError) {
-          chunks.push({ content: match[0], type: "text" });
-        }
-      }
-      lastIndex = match.index + match[0].length;
-    }
-    const remainingText = content.substring(lastIndex).trim();
-    if (remainingText) {
-      chunks.push({ content: remainingText, type: "text" });
-    }
-  } else {
-    let currentChunk = "";
-    let jsonParser = null;
-    let isInJson = false;
-    let errorCount = 0;
-    for (let i = 0; i < content.length; i++) {
-      const char = content[i];
-      const nextChar = findNextChar(content, i);
-      if (!isInJson && (char === "{" && nextChar === '"' || char === "[" && nextChar === "{")) {
-        if (currentChunk.trim()) {
-          chunks.push({ content: currentChunk.trim(), type: "text" });
-        }
-        isInJson = true;
-        jsonParser = new JSONStreamParser();
-        currentChunk = "";
-      }
-      if (isInJson) {
-        let result;
-        try {
-          result = jsonParser.add(char);
-        } catch (e) {
-          console.log("currentChunk", currentChunk);
-          console.log("currentResult", jsonParser?.result);
-          console.warn("Error parsing JSON", e);
-          if (errorCount > 3) {
-            throw e;
-          }
-          errorCount++;
-          continue;
-        }
-        currentChunk += char;
-        if (jsonParser.state === "END") {
-          chunks.push({ content: result, type: "json" });
-          isInJson = false;
-          jsonParser = null;
-          currentChunk = "";
-        }
-      } else {
-        currentChunk += char;
-      }
-    }
-    if (currentChunk.trim()) {
-      chunks.push({ content: currentChunk.trim(), type: "text" });
-    }
-  }
-  return chunks;
-}
-function isParsingComplete(value) {
-  return value && typeof value === "object" && !value[parsingSymbol];
-}
-function isParsingInProgress(value) {
-  return value && typeof value === "object" && value[parsingSymbol] === true;
-}
-
-// src/lib/sse-types.ts
-function isJsonLike(contentType, uiContentType) {
-  return contentType === "json" || uiContentType === "json";
-}
-var InvocationStatus = /* @__PURE__ */ ((InvocationStatus2) => {
-  InvocationStatus2["Pending"] = "pending";
-  InvocationStatus2["Running"] = "running";
-  InvocationStatus2["Success"] = "success";
-  InvocationStatus2["Error"] = "error";
-  InvocationStatus2["RequiresInfo"] = "requires info";
-  InvocationStatus2["GoToStep"] = "go to step";
-  InvocationStatus2["Skipped"] = "skipped";
-  InvocationStatus2["Break"] = "break";
-  return InvocationStatus2;
-})(InvocationStatus || {});
-var ExecutionStatus = /* @__PURE__ */ ((ExecutionStatus2) => {
-  ExecutionStatus2["Initializing"] = "initializing";
-  ExecutionStatus2["Running"] = "running";
-  ExecutionStatus2["ProcessingDatasets"] = "processing datasets";
-  ExecutionStatus2["Completed"] = "completed";
-  ExecutionStatus2["Failed"] = "failed";
-  return ExecutionStatus2;
-})(ExecutionStatus || {});
-
-// src/lib/handle-sse-event.ts
-function getEntityType(entity) {
-  if (!entity) throw new Error("Entity is null");
-  if (!("_type" in entity)) throw new Error(`Entity ${JSON.stringify(entity)} is missing _type`);
-  return entity._type;
-}
-function getLastMessageContent(message) {
-  if (message.contents.length === 0) {
-    return null;
-  }
-  return message.contents[message.contents.length - 1] || null;
-}
-function getFirstMessageContent(message) {
-  if (message.contents.length === 0) {
-    return null;
-  }
-  return message.contents[0] || null;
-}
-function getMessage(currentEntity, id) {
-  const entityType = getEntityType(currentEntity);
-  switch (entityType) {
-    case "message":
-      return currentEntity;
-    case "step":
-      const step = currentEntity;
-      if (id) {
-        const existingMessage = step.eventsByID[id]?.Message;
-        if (existingMessage) {
-          return existingMessage;
-        }
-        return createMessage({}, "", id, {});
-      }
-      const eventKeys = Object.keys(step.eventsByID);
-      const eventKeysRev = eventKeys.reverse();
-      for (const ek of eventKeysRev) {
-        const event = step.eventsByID[ek];
-        if (!event) continue;
-        if (event.Message) {
-          return event.Message;
-        }
-      }
-      throw new Error("Unable to find message for step");
-    default:
-      throw new Error(`Unable to have messages on entity type ${entityType}`);
-  }
-}
-function getContent(currentEntity, id) {
-  const entityType = getEntityType(currentEntity);
-  switch (entityType) {
-    case "message_content":
-      return currentEntity;
-    case "output_content":
-      return currentEntity;
-    case "message":
-      return getMessageContent(currentEntity, id);
-    case "output":
-      return getStepOutputContent(currentEntity, id);
-    case "step":
-      const output = getStepOutput(currentEntity, id);
-      if (!output) return null;
-      return getStepOutputContent(output, id);
-    default:
-      return null;
-  }
-}
-function getMessageContent(currentEntity, id) {
-  const entityType = getEntityType(currentEntity);
-  switch (entityType) {
-    case "message_content":
-      return currentEntity;
-    case "message":
-      const message = getMessage(currentEntity);
-      if (!message) {
-        throw new Error("Unable to find message to add content to");
-      }
-      if (id) {
-        return message.contentsByID[id];
-      }
-      return getLastMessageContent(message);
-    default:
-      throw new Error(`Unable to have message content on entity type ${entityType}`);
-  }
-}
-function getStepOutputContent(currentEntity, id) {
-  const entityType = getEntityType(currentEntity);
-  switch (entityType) {
-    case "output_content":
-      return currentEntity;
-    case "output":
-      const output = currentEntity;
-      if (id) {
-        return output.contentsByID[id] || null;
-      }
-      if (output.contents.length <= 0) {
-        return null;
-      }
-      const lastContent = output.contents[output.contents.length - 1];
-      return lastContent || null;
-    case "step":
-      const stepOutput = getStepOutput(currentEntity, id);
-      if (!stepOutput) {
-        return null;
-      }
-      return getStepOutputContent(stepOutput);
-    case "invocation":
-      if (!id) {
-        return null;
-      }
-      const outputEvent = currentEntity.eventsByID[id];
-      if (!outputEvent || !outputEvent.Output) {
-        return null;
-      }
-      return getStepOutputContent(outputEvent.Output);
-    default:
-      throw new Error(`Unable to have output content on entity type ${entityType}`);
-  }
-}
-function getBotInvocation(currentEntity, id) {
-  const entityType = getEntityType(currentEntity);
-  let invocation = null;
-  switch (entityType) {
-    case "invocation":
-      return currentEntity;
-    case "message_content":
-      invocation = currentEntity.botInvocation || null;
-      if (!invocation) {
-        throw new Error("Unable to find bot invocation for message content");
-      }
-      if (id && invocation.bot_invocation.id !== id) {
-        throw new Error("Unable to find bot invocation for message content - mismatched ID");
-      }
-      return invocation;
-    case "message":
-      invocation = getFirstMessageContent(currentEntity)?.botInvocation || null;
-      if (!invocation) {
-        throw new Error("Unable to find bot invocation for message");
-      }
-      if (id && invocation.bot_invocation.id !== id) {
-        throw new Error("Unable to find bot invocation for message - mismatched ID");
-      }
-      return invocation;
-    case "output_content":
-      return currentEntity.botInvocation || null;
-    default:
-      throw new Error(`Unable to have bot invocation on entity type ${entityType}`);
-  }
-}
-function getStepOutput(currentEntity, id) {
-  const entityType = getEntityType(currentEntity);
-  switch (entityType) {
-    case "output":
-      return currentEntity;
-    case "step":
-      const step = currentEntity;
-      if (id) {
-        const existingOutput = step.eventsByID[id]?.Output;
-        if (!existingOutput) {
-          throw new Error("Unable to find output with id " + id);
-        }
-        return existingOutput;
-      }
-      const eventKeys = Object.keys(step.eventsByID);
-      const eventKeysRev = eventKeys.reverse();
-      for (const ek of eventKeysRev) {
-        const event = step.eventsByID[ek];
-        if (!event) continue;
-        if (event.Output) {
-          return event.Output;
-        }
-      }
-      throw new Error("Unable to find output for step");
-    case "invocation":
-      if (!id) {
-        throw new Error("Unable to find output for invocation without ID");
-      }
-      const invocation = currentEntity;
-      return invocation.eventsByID[id]?.Output || null;
-    default:
-      throw new Error(`Unable to have step outputs on entity type ${entityType}`);
-  }
-}
-function getResultHandler(currentEntity, id) {
-  const entityType = getEntityType(currentEntity);
-  switch (entityType) {
-    case "result_handler":
-      return currentEntity;
-    case "step":
-      if (!id) {
-        throw new Error("Unable to have result handlers on step without ID");
-      }
-      const event = currentEntity.eventsByID[id];
-      if (!event || !event.type || event.type !== "result_handler" || !event.ResultHandler) {
-        throw new Error(
-          `Unable to find result handler with id ${id} on step ${currentEntity.id}`
-        );
-      }
-      return event.ResultHandler;
-    default:
-      throw new Error(`Unable to have result handlers on entity type ${entityType}`);
-  }
-}
-function getStep(currentEntity, id) {
-  const entityType = getEntityType(currentEntity);
-  let botInvocation = null;
-  switch (entityType) {
-    case "step":
-      if (currentEntity.id === id || !id) {
-        return currentEntity;
-      }
-      throw new Error("Unable to find step on step with id " + id);
-    case "invocation":
-      if (!id) {
-        throw new Error("Unable to have steps on bot invocation without ID");
-      }
-      botInvocation = currentEntity;
-      const event = botInvocation.eventsByID[id];
-      if (!event) {
-        throw new Error("Unable to find step on invocation with id " + id);
-      }
-      if (!event.Step) {
-        throw new Error("Unable to find step on invocation with id " + id);
-      }
-      return event.Step;
-    case "result_handler":
-      if (!id) {
-        throw new Error("Unable to have steps on result handler without ID");
-      }
-      const resultHandler = currentEntity;
-      const resultHandlerEvent = resultHandler.eventsByID[id];
-      if (!resultHandlerEvent) {
-        throw new Error("Unable to find step on result handler with id " + id);
-      }
-      if (!resultHandlerEvent.Step) {
-        throw new Error("Unable to find step on result handler with id " + id);
-      }
-      return resultHandlerEvent.Step;
-    default:
-      throw new Error(`Unable to have steps on entity type ${entityType}`);
-  }
-}
-var EntityNotFoundError = class extends Error {
-};
-function findNextEntity(currentEntity, path, entityIds) {
-  let nextEntity = null;
-  const pathKey = path[0];
-  const pathID = path[1];
-  entityIds[pathKey] = pathID;
-  try {
-    switch (pathKey) {
-      case "message":
-        nextEntity = getMessage(currentEntity, pathID);
-        break;
-      case "content":
-        nextEntity = getMessageContent(currentEntity, pathID);
-        break;
-      case "step":
-        nextEntity = getStep(currentEntity, pathID);
-        break;
-      case "output":
-        nextEntity = getStepOutput(currentEntity, pathID);
-        break;
-      case "output_content":
-        nextEntity = getStepOutputContent(currentEntity, pathID);
-        break;
-      case "invocation":
-        nextEntity = getBotInvocation(currentEntity, pathID);
-        break;
-      case "result_handler":
-        nextEntity = getResultHandler(currentEntity, pathID);
-        break;
-    }
-  } catch (error) {
-    console.error("error finding next entity");
-    console.log("path", path);
-    console.log("currentEntity", currentEntity);
-    throw error;
-  }
-  if (!nextEntity) {
-    console.log("path", path);
-    console.log("currentEntity", currentEntity);
-    console.log("nextEntity", nextEntity);
-    throw new EntityNotFoundError(`Unable to find next entity for path ${path.join("/")}`);
-  }
-  return nextEntity;
-}
-function createMessage(event, threadID, pathID, _entityIds) {
-  const payload = event.payload;
-  return {
-    _type: "message",
-    message: {
-      id: pathID,
-      thread_id: threadID,
-      author_id: payload.author_id || "app",
-      author_entity_type: payload.author_entity_type || "app",
-      created_at: (/* @__PURE__ */ new Date()).toISOString(),
-      updated_at: (/* @__PURE__ */ new Date()).toISOString(),
-      role: payload.role || "assistant",
-      avatar: "/teams/erdo.svg"
-    },
-    state: "in_progress",
-    contents: [],
-    contentsByID: {},
-    contentIDToIdx: {}
-  };
-}
-function createMessageContent(event, entityIds) {
-  return {
-    _type: "message_content",
-    id: event.metadata.message_content_id,
-    message_id: entityIds["message"],
-    content_type: event.metadata.content_type,
-    created_by_invocation_id: event.metadata.invocation_id,
-    invocation_id: event.metadata.invocation_id,
-    state: "in_progress",
-    user_visibility: event.metadata.user_visibility ?? "visible",
-    bot_visibility: event.metadata.bot_visibility ?? "visible",
-    content: "",
-    created_at: (/* @__PURE__ */ new Date()).toISOString(),
-    updated_at: (/* @__PURE__ */ new Date()).toISOString(),
-    content_params: { RawMessage: null, Valid: false },
-    history_content_type: event.metadata?.history_content_type ? { String: event.metadata.history_content_type, Valid: true } : { String: "", Valid: false },
-    ui_content_type: event.metadata?.ui_content_type ? { String: event.metadata.ui_content_type, Valid: true } : { String: "", Valid: false }
-  };
-}
-function createMessageContentFromResult(event, entityIds) {
-  const uiContentType = event.metadata?.ui_content_type;
-  const payloadContent = typeof event.payload === "string" ? event.payload : event.payload.content || event.payload;
-  let parsedJson = null;
-  if (isJsonLike(event.metadata.content_type, uiContentType)) {
-    parsedJson = parseMixedJson(payloadContent);
-  }
-  return {
-    _type: "message_content",
-    id: event.metadata.message_content_id,
-    message_id: entityIds["message"],
-    content: payloadContent,
-    content_type: event.metadata.content_type,
-    created_by_invocation_id: event.metadata.invocation_id,
-    invocation_id: event.metadata.invocation_id,
-    state: "completed",
-    user_visibility: event.metadata.visibility || "visible",
-    bot_visibility: "visible",
-    created_at: (/* @__PURE__ */ new Date()).toISOString(),
-    updated_at: (/* @__PURE__ */ new Date()).toISOString(),
-    content_params: { RawMessage: null, Valid: false },
-    history_content_type: event.metadata?.history_content_type ? { String: event.metadata.history_content_type, Valid: true } : { String: "", Valid: false },
-    ui_content_type: uiContentType ? { String: uiContentType, Valid: true } : { String: "", Valid: false },
-    parsedJson
-  };
-}
-function createStep(event, pathID, entityIds) {
-  const payload = event.payload;
-  return {
-    _type: "step",
-    id: pathID,
-    invocation_id: entityIds.invocation || "",
-    step_id: payload.step_id || "",
-    created_at: (/* @__PURE__ */ new Date()).toISOString(),
-    updated_at: (/* @__PURE__ */ new Date()).toISOString(),
-    current_status_id: "",
-    path: { String: "", Valid: false },
-    action_type: { String: payload.action_type, Valid: true },
-    key: { String: payload.key, Valid: true },
-    bot_id: payload.bot_id,
-    result_handler_id: "",
-    step_order: { Int32: payload.step_order, Valid: true },
-    output_content_type: { String: payload.content_type, Valid: true },
-    execution_mode: { String: payload.execution_mode, Valid: true },
-    output_behaviour: { String: payload.output_behaviour, Valid: true },
-    user_output_visibility: { String: event.metadata.visibility || "visible", Valid: true },
-    output_channels: payload.output_channels || [],
-    running_message: { String: "", Valid: false },
-    finished_message: { String: "", Valid: false },
-    depends_on: [],
-    eventsByID: {},
-    currentStatus: null
-  };
-}
-function createResultHandler(event, pathID, _parentStep) {
-  const payload = event.payload;
-  return {
-    _type: "result_handler",
-    id: pathID,
-    invocation_id: event.metadata.invocation_id || "",
-    result_handler_id: payload.result_handler_id || pathID,
-    step_invocation_id: payload.step_invocation_id || "",
-    type: payload.type || "",
-    if_conditions: payload.if_conditions || {},
-    created_at: (/* @__PURE__ */ new Date()).toISOString(),
-    updated_at: (/* @__PURE__ */ new Date()).toISOString(),
-    output_content_type: payload.output_content_type || "",
-    result_handler_order: payload.result_handler_order || 0,
-    eventsByID: {}
-  };
-}
-function createStepOutput(event, pathID, parentStep) {
-  return {
-    _type: "output",
-    id: pathID,
-    step_id: parentStep.step_id,
-    output: {
-      id: pathID,
-      invocation_id: event.metadata?.invocation_id,
-      path: event.metadata.path,
-      created_at: (/* @__PURE__ */ new Date()).toISOString(),
-      updated_at: (/* @__PURE__ */ new Date()).toISOString()
-    },
-    state: "in_progress",
-    contents: [],
-    contentsByID: {},
-    contentIDToIdx: {}
-  };
-}
-function createStepOutputContent(event, pathID, entityIds, visibility = null) {
-  return {
-    _type: "output_content",
-    id: pathID,
-    output_id: entityIds["output"],
-    content: "",
-    content_type: event.metadata.content_type,
-    state: "in_progress",
-    invocation_id: event.metadata.invocation_id,
-    user_visibility: visibility ?? event.metadata.user_visibility ?? "visible",
-    bot_visibility: event.metadata.bot_visibility ?? "visible",
-    created_at: (/* @__PURE__ */ new Date()).toISOString(),
-    updated_at: (/* @__PURE__ */ new Date()).toISOString(),
-    content_params: { RawMessage: null, Valid: false },
-    history_content_type: event.metadata.history_content_type ? { String: event.metadata.history_content_type, Valid: true } : { String: "", Valid: false },
-    ui_content_type: event.metadata.ui_content_type ? { String: event.metadata.ui_content_type, Valid: true } : { String: "", Valid: false },
-    output: null
-  };
-}
-function createStepOutputContentFromResult(event, pathID, entityIds, visibility = null) {
-  let parsedJson = null;
-  const uiContentType = event.metadata?.ui_content_type;
-  if (isJsonLike(event.metadata.content_type, uiContentType)) {
-    parsedJson = parseMixedJson(event.payload);
-  }
-  return {
-    _type: "output_content",
-    id: pathID,
-    output_id: entityIds["output"],
-    content: event.payload,
-    content_type: event.metadata.content_type,
-    state: "completed",
-    invocation_id: event.metadata.invocation_id,
-    parsedJson,
-    user_visibility: visibility || event.metadata.visibility || "visible",
-    bot_visibility: "visible",
-    created_at: (/* @__PURE__ */ new Date()).toISOString(),
-    updated_at: (/* @__PURE__ */ new Date()).toISOString(),
-    content_params: { RawMessage: null, Valid: false },
-    history_content_type: event.metadata?.history_content_type ? { String: event.metadata.history_content_type, Valid: true } : { String: "", Valid: false },
-    ui_content_type: uiContentType ? { String: uiContentType, Valid: true } : { String: "", Valid: false },
-    output: null
-  };
-}
-function createBotInvocation(event, _pathID, _entityIds) {
-  return {
-    _type: "invocation",
-    bot_invocation: {
-      id: event.payload.invocation_id,
-      bot_id: event.payload.bot_id,
-      bot_name: event.payload.bot_name,
-      created_by_user_id: event.payload.created_by_user_id,
-      current_state_id: "",
-      parent_invocation_id: "",
-      branch_init_state_id: "",
-      current_status_id: "",
-      organization_id: "",
-      created_at: (/* @__PURE__ */ new Date()).toISOString(),
-      updated_at: (/* @__PURE__ */ new Date()).toISOString()
-    },
-    eventsByID: {},
-    currentStatus: null,
-    current_status: null,
-    step_invocations: [],
-    step_invocation_states: [],
-    resources: [],
-    outputs: [],
-    statuses: []
-  };
-}
-function createStatus(event, _entityIds) {
-  const payload = event.payload;
-  return {
-    _type: "status",
-    id: (/* @__PURE__ */ new Date()).toISOString(),
-    status: payload.status,
-    message: {
-      String: payload.message,
-      Valid: true
-    },
-    Details: payload
-  };
-}
-function createStepInvocationEvent(step) {
-  return {
-    id: step.id,
-    type: "step",
-    created_at: step.created_at,
-    _type: "invocation_event",
-    Output: null,
-    Message: null,
-    Status: null,
-    ResultHandler: null,
-    Step: step
-  };
-}
-function createOutputInvocationEvent(output) {
-  return {
-    id: output.output.id,
-    type: "output",
-    created_at: output.output.created_at,
-    _type: "invocation_event",
-    Output: output,
-    Message: null,
-    Status: null,
-    ResultHandler: null,
-    Step: null
-  };
-}
-function createStatusInvocationEvent(status) {
-  return {
-    id: status.id,
-    type: "status",
-    created_at: status.created_at,
-    _type: "invocation_event",
-    Status: status,
-    Output: null,
-    Message: null,
-    ResultHandler: null,
-    Step: null
-  };
-}
-function createMessageInvocationEvent(message) {
-  return {
-    id: message.message.id,
-    type: "message",
-    created_at: message.message.created_at,
-    _type: "invocation_event",
-    Output: null,
-    Message: message,
-    Status: null,
-    ResultHandler: null,
-    Step: null
-  };
-}
-function createResultHandlerInvocationEvent(resultHandler) {
-  return {
-    id: resultHandler.id,
-    type: "result_handler",
-    created_at: resultHandler.created_at,
-    _type: "invocation_event",
-    Output: null,
-    Message: null,
-    Status: null,
-    ResultHandler: resultHandler,
-    Step: null
-  };
-}
-function handleIncrementalMixedJsonParsing(outputContent, content) {
-  if (!outputContent.content) {
-    outputContent.content = "";
-  }
-  if (outputContent.user_visibility !== "visible" || !isJsonLike(outputContent.content_type, outputContent.ui_content_type.String)) {
-    outputContent.content += content;
-    return { ...outputContent };
-  }
-  if (!outputContent.parsedJson) {
-    outputContent.parsedJson = [];
-  }
-  if (typeof content === "object") {
-    outputContent.content += JSON.stringify(content);
-    outputContent.parsedJson = [...outputContent.parsedJson, content];
-    return { ...outputContent };
-  }
-  if (!outputContent._jsonParser) {
-    outputContent._isInJson = false;
-  }
-  if (!outputContent._charBuffer) {
-    outputContent._charBuffer = "";
-  }
-  for (const char of content) {
-    outputContent.content += char;
-    if (!outputContent._isInJson && char === "{") {
-      outputContent._charBuffer = "{";
-      continue;
-    }
-    if (outputContent._charBuffer && isWhitespaceChar(char)) {
-      outputContent._charBuffer += char;
-      continue;
-    }
-    if (!outputContent._isInJson && outputContent._charBuffer?.match(/^\s*{\s*$/) && char === '"') {
-      outputContent._isInJson = true;
-      outputContent._jsonParser = new JSONStreamParser();
-      const result = outputContent._jsonParser.add("{");
-      const newContent = {
-        content: result,
-        type: "json"
-      };
-      if (!outputContent._currentContent?.content) {
-        outputContent._currentContent = newContent;
-        outputContent.parsedJson = [...outputContent.parsedJson, newContent];
-      } else if (outputContent._currentContent.content.match(/^\s*{$/)) {
-        outputContent._currentContent = newContent;
-        outputContent.parsedJson[outputContent.parsedJson.length - 1] = newContent;
-      } else {
-        outputContent._currentContent.content = outputContent._currentContent.content.replace(/{$/, "");
-        outputContent._currentContent = newContent;
-        outputContent.parsedJson = [...outputContent.parsedJson, newContent];
-      }
-    }
-    if (outputContent._isInJson) {
-      try {
-        const result = outputContent._jsonParser.add(char);
-        outputContent._currentContent.content = result;
-        if (outputContent._jsonParser.state === "END") {
-          outputContent._isInJson = false;
-          outputContent._currentContent = void 0;
-        }
-      } catch (e) {
-        console.log("content", content);
-        console.log("currentContent", outputContent.content);
-        console.error("Error incrementally parsing JSON", e);
-      }
-    } else {
-      if (!outputContent._currentContent) {
-        outputContent._currentContent = {
-          content: outputContent._charBuffer || "",
-          type: "text"
-        };
-        outputContent.parsedJson = [...outputContent.parsedJson, outputContent._currentContent];
-      }
-      outputContent._currentContent.content += outputContent._charBuffer + char;
-    }
-    outputContent._charBuffer = "";
-  }
-  return { ...outputContent };
-}
-function appendContentToMessageContent(messageContent, content) {
-  return handleIncrementalMixedJsonParsing(messageContent, content);
-}
-function appendContentToStepOutputContent(stepOutputContent, content) {
-  return handleIncrementalMixedJsonParsing(stepOutputContent, content);
-}
-function addUpdateEntity(parentEntity, childEntity) {
-  const parentEntityType = getEntityType(parentEntity);
-  switch (parentEntityType) {
-    case "message":
-      return addUpdateToMessage(parentEntity, childEntity);
-    case "message_content":
-      return addUpdateToMessageContent(parentEntity, childEntity);
-    case "step":
-      return addUpdateToStep(parentEntity, childEntity);
-    case "output":
-      return addUpdateToStepOutput(parentEntity, childEntity);
-    case "output_content":
-      return addUpdateToStepOutputContent(parentEntity, childEntity);
-    case "invocation":
-      return addUpdateToInvocation(parentEntity, childEntity);
-    case "result_handler":
-      return addUpdateToResultHandler(parentEntity, childEntity);
-    default:
-      throw new Error(`Unable to add update entity for entity type ${parentEntityType}`);
-  }
-}
-function addUpdateEntities(parentEntity, childEntities) {
-  for (const childEntity of childEntities) {
-    parentEntity = addUpdateEntity(parentEntity, childEntity);
-  }
-  return parentEntity;
-}
-function addUpdateToMessage(parentEntity, childEntity) {
-  const message = getMessage(parentEntity);
-  if (!message) {
-    throw new Error("Unable to find message to add content to");
-  }
-  const childEntityType = getEntityType(childEntity);
-  let content = null;
-  switch (childEntityType) {
-    case "message_content":
-      content = childEntity;
-      if (!message.contentsByID[content.id]) {
-        message.contentIDToIdx = {
-          ...message.contentIDToIdx,
-          [content.id]: message.contents.length
-        };
-        message.contents = [...message.contents, content];
-      } else {
-        message.contents[message.contentIDToIdx[content.id]] = content;
-      }
-      message.contentsByID = {
-        ...message.contentsByID,
-        [content.id]: content
-      };
-      return { ...message };
-    case "invocation":
-      const invocation = childEntity;
-      if (message.contents.length === 0) {
-        throw new Error("Unable to find message content to add invocation to");
-      }
-      content = addUpdateToMessageContent(message.contents[0], invocation);
-      return addUpdateToMessage(message, content);
-    case "step":
-      if (message.contents.length === 0) {
-        throw new Error("Unable to find message content to add content to");
-      }
-      content = message.contents[0];
-      if (!content) {
-        throw new Error("Unable to find message content to add content to");
-      }
-      const botInvocation = getBotInvocation(content);
-      if (!botInvocation) {
-        throw new Error("Unable to find bot invocation to add content to");
-      }
-      content.botInvocation = addUpdateToInvocation(botInvocation, childEntity);
-      return addUpdateToMessage(message, content);
-    default:
-      throw new Error(`Unable to add update message child for child type ${childEntityType}`);
-  }
-}
-function addUpdateToMessageContent(parentEntity, childEntity) {
-  const messageContent = getMessageContent(parentEntity);
-  if (!messageContent) {
-    throw new Error("Unable to find message content to add content to");
-  }
-  const childEntityType = getEntityType(childEntity);
-  switch (childEntityType) {
-    case "invocation":
-      messageContent.botInvocation = childEntity;
-      return { ...messageContent };
-    case "step":
-      const botInvocation = messageContent.botInvocation;
-      if (!botInvocation) {
-        throw new Error("Unable to find bot invocation to add content to");
-      }
-      messageContent.botInvocation = addUpdateToInvocation(botInvocation, childEntity);
-      return { ...messageContent };
-    default:
-      throw new Error(
-        `Unable to add update message content child for child type ${childEntityType}`
-      );
-  }
-}
-function addUpdateToStep(parentEntity, childEntity) {
-  const step = getStep(parentEntity);
-  if (!step) {
-    throw new Error("Unable to find bot invocation to add step to");
-  }
-  const childEntityType = getEntityType(childEntity);
-  let invocationEvent = null;
-  switch (childEntityType) {
-    case "output":
-      const output = childEntity;
-      invocationEvent = createOutputInvocationEvent(output);
-      step.eventsByID = {
-        ...step.eventsByID,
-        [output.output.id]: invocationEvent
-      };
-      return { ...step };
-    case "message":
-      const message = childEntity;
-      invocationEvent = createMessageInvocationEvent(message);
-      step.eventsByID = {
-        ...step.eventsByID,
-        [message.message.id]: invocationEvent
-      };
-      return { ...step };
-    case "status":
-      const status = childEntity;
-      invocationEvent = createStatusInvocationEvent(status);
-      step.eventsByID = {
-        ...step.eventsByID,
-        [status.id]: invocationEvent
-      };
-      return { ...step };
-    case "result_handler":
-      const resultHandler = childEntity;
-      invocationEvent = createResultHandlerInvocationEvent(resultHandler);
-      step.eventsByID = {
-        ...step.eventsByID,
-        [resultHandler.id]: invocationEvent
-      };
-      return { ...step };
-    default:
-      throw new Error(`Unable to add update step for entity type ${childEntityType}`);
-  }
-}
-function addUpdateToStepOutput(parentEntity, childEntity) {
-  const stepOutput = getStepOutput(parentEntity);
-  if (!stepOutput) {
-    throw new Error("Unable to find step output to add content to");
-  }
-  const childEntityType = getEntityType(childEntity);
-  switch (childEntityType) {
-    case "output_content":
-      const outputContent = childEntity;
-      if (!stepOutput.contentsByID[outputContent.id]) {
-        stepOutput.contentIDToIdx = {
-          ...stepOutput.contentIDToIdx,
-          [outputContent.id]: stepOutput.contents.length
-        };
-        stepOutput.contents = [...stepOutput.contents, outputContent];
-      } else {
-        stepOutput.contents[stepOutput.contentIDToIdx[outputContent.id]] = outputContent;
-      }
-      stepOutput.contentsByID = {
-        ...stepOutput.contentsByID,
-        [outputContent.id]: outputContent
-      };
-      return { ...stepOutput };
-    default:
-      throw new Error(`Unable to add update output for entity type ${childEntityType}`);
-  }
-}
-function addUpdateToStepOutputContent(parentEntity, childEntity) {
-  const stepOutputContent = getStepOutputContent(parentEntity);
-  if (!stepOutputContent) {
-    throw new Error("Unable to find step output content to add content to");
-  }
-  const childEntityType = getEntityType(childEntity);
-  switch (childEntityType) {
-    case "invocation":
-      stepOutputContent.botInvocation = childEntity;
-      return { ...stepOutputContent };
-    case "step":
-      const botInvocation = stepOutputContent.botInvocation;
-      if (!botInvocation) {
-        throw new Error("Unable to find bot invocation to add content to");
-      }
-      stepOutputContent.botInvocation = addUpdateToInvocation(botInvocation, childEntity);
-      return { ...stepOutputContent };
-    default:
-      throw new Error(
-        `Unable to add update step output content for entity type ${childEntityType}`
-      );
-  }
-}
-function addUpdateToInvocation(parentEntity, childEntity) {
-  const botInvocation = getBotInvocation(parentEntity);
-  if (!botInvocation) {
-    throw new Error("Unable to find bot invocation to add content to");
-  }
-  const childEntityType = getEntityType(childEntity);
-  let invocationEvent;
-  switch (childEntityType) {
-    case "step":
-      const step = childEntity;
-      invocationEvent = createStepInvocationEvent(step);
-      botInvocation.eventsByID = {
-        ...botInvocation.eventsByID,
-        [step.id]: invocationEvent
-      };
-      return { ...botInvocation };
-    case "output":
-      const output = childEntity;
-      invocationEvent = createOutputInvocationEvent(output);
-      botInvocation.eventsByID = {
-        ...botInvocation.eventsByID,
-        [output.output.id]: invocationEvent
-      };
-      return { ...botInvocation };
-    case "status":
-      const status = childEntity;
-      invocationEvent = createStatusInvocationEvent(status);
-      botInvocation.eventsByID = {
-        ...botInvocation.eventsByID,
-        [status.id]: invocationEvent
-      };
-      return { ...botInvocation };
-    default:
-      throw new Error(`Unable to add update invocation for entity type ${childEntityType}`);
-  }
-}
-function addUpdateToResultHandler(parentEntity, childEntity) {
-  const resultHandler = getResultHandler(parentEntity);
-  if (!resultHandler) {
-    throw new Error("Unable to find result handler to add content to");
-  }
-  const childEntityType = getEntityType(childEntity);
-  let invocationEvent = null;
-  switch (childEntityType) {
-    case "step":
-      const step = childEntity;
-      invocationEvent = createStepInvocationEvent(step);
-      if (!resultHandler.eventsByID) {
-        resultHandler.eventsByID = {};
-      }
-      resultHandler.eventsByID = {
-        ...resultHandler.eventsByID,
-        [step.id]: invocationEvent
-      };
-      return { ...resultHandler };
-    case "output":
-      const output = childEntity;
-      invocationEvent = createOutputInvocationEvent(output);
-      if (!resultHandler.eventsByID) {
-        resultHandler.eventsByID = {};
-      }
-      resultHandler.eventsByID = {
-        ...resultHandler.eventsByID,
-        [output.output.id]: invocationEvent
-      };
-      return { ...resultHandler };
-    case "status":
-      const status = childEntity;
-      invocationEvent = createStatusInvocationEvent(status);
-      if (!resultHandler.eventsByID) {
-        resultHandler.eventsByID = {};
-      }
-      resultHandler.eventsByID = {
-        ...resultHandler.eventsByID,
-        [status.id]: invocationEvent
-      };
-      return { ...resultHandler };
-    default:
-      throw new Error(`Unable to add update to result handler for entity type ${childEntityType}`);
-  }
-}
-function getIsEventTypeCreatingEvent(eventType) {
-  return eventType === "bot started" || eventType === "bot resumed" || eventType === "message created" || eventType === "create message content" || eventType === "message content result" || eventType === "step started" || eventType === "result handler started" || eventType === "state created" || eventType === "step output created" || eventType === "create step output content" || eventType === "step output content result" || eventType === "log";
-}
-function handleSSEEvent(eventType, event, path, threadID, activeMessagesByID, currentEntity = null, parents = [], entityIds = {}) {
-  if (!currentEntity) {
-    if (Object.keys(activeMessagesByID).length > 0) {
-      let _message;
-      let messageId;
-      if (path.length >= 2 && path[0] === "message") {
-        messageId = path[1];
-        _message = activeMessagesByID[messageId];
-        if (!_message) {
-          _message = Object.values(activeMessagesByID)[0];
-          messageId = Object.keys(activeMessagesByID)[0];
-        }
-      } else {
-        _message = Object.values(activeMessagesByID)[Object.values(activeMessagesByID).length - 1];
-        messageId = Object.keys(activeMessagesByID)[Object.keys(activeMessagesByID).length - 1];
-      }
-      entityIds["message"] = messageId;
-      if (path.length <= 2 && eventType === "message finished") {
-        return null;
-      }
-      if (path[0] !== "content") {
-        if (Object.keys(_message.contentsByID).length > 0 && event.metadata.message_content_id) {
-          const _messageContentId = event.metadata.message_content_id;
-          const _messageContent = _message.contentsByID[_messageContentId];
-          if (_messageContent) {
-            currentEntity = _messageContent;
-          }
-        }
-      }
-      if (!currentEntity) {
-        currentEntity = _message;
-      } else {
-        parents = [_message];
-      }
-    }
-  }
-  if (path.length <= 2 && getIsEventTypeCreatingEvent(eventType)) {
-    const pathID = path[1];
-    let res = [];
-    let message, messageContent, rootMessage, rootMessageContent, newContent;
-    switch (eventType) {
-      case "bot started":
-      case "bot resumed":
-        if (!currentEntity) {
-          throw new Error("Unable to find message to add content to");
-        }
-        const botInvocation = createBotInvocation(event, pathID, entityIds);
-        if (currentEntity._type === "message_content") {
-          messageContent = currentEntity;
-          if (!messageContent.id) {
-            throw new Error("Unable to find message content id");
-          }
-          rootMessage = activeMessagesByID[messageContent.message_id];
-          if (!rootMessage) {
-            throw new Error("Unable to find message to add content to");
-          }
-          rootMessageContent = getMessageContent(rootMessage, messageContent.id);
-          if (!rootMessageContent) {
-            throw new Error("Unable to find message content to add content to");
-          }
-          const updatedMessageContent = addUpdateToMessageContent(
-            rootMessageContent,
-            botInvocation
-          );
-          activeMessagesByID[messageContent.message_id] = {
-            ...addUpdateToMessage(rootMessage, updatedMessageContent)
-          };
-        }
-        res.push(botInvocation);
-        break;
-      case "message created":
-        activeMessagesByID[pathID] = createMessage(event, threadID, pathID, entityIds);
-        if (!currentEntity) {
-          return null;
-        }
-        return null;
-      case "create message content":
-        if (!currentEntity) {
-          throw new Error("Unable to find message to add content to");
-        }
-        newContent = createMessageContent(event, entityIds);
-        if (currentEntity._type === "output") {
-          message = currentEntity;
-          res.push(createStepOutputContent(event, pathID, entityIds, "hidden"));
-          let messageId = event.payload.message_id;
-          if (!messageId) {
-            messageId = parents[0].message.id;
-          }
-          rootMessage = activeMessagesByID[messageId];
-          if (!rootMessage) {
-            throw new Error("Unable to find message to add content to");
-          }
-        } else if (currentEntity._type === "message_content") {
-          message = currentEntity;
-          rootMessage = activeMessagesByID[message.message_id];
-          if (!rootMessage) {
-            throw new Error("Unable to find message to add content to");
-          }
-        } else {
-          if (currentEntity._type !== "message") {
-            throw new Error(
-              `Incorrect path? Cannot add content to non-message entity: ${currentEntity._type}`
-            );
-          }
-          message = currentEntity;
-          rootMessage = activeMessagesByID[message.message.id];
-          if (!rootMessage) {
-            throw new Error("Unable to find message to add content to");
-          }
-          res.push(newContent);
-        }
-        activeMessagesByID[rootMessage.message.id] = {
-          ...addUpdateToMessage(rootMessage, newContent)
-        };
-        break;
-      case "message content result":
-        if (!currentEntity) {
-          throw new Error("Unable to find message to add content to");
-        }
-        let parentMessage = null;
-        if (currentEntity._type === "output") {
-          res.push(createStepOutputContentFromResult(event, pathID, entityIds, "hidden"));
-          let messageId = event.payload.message_id || entityIds["message"];
-          if (messageId) {
-            parentMessage = parents.find(
-              (parent) => parent.message.id === messageId
-            );
-          } else {
-            parentMessage = parents[0];
-          }
-          rootMessage = activeMessagesByID[messageId];
-          if (!rootMessage) {
-            throw new Error("Unable to find message to add content to");
-          }
-        } else if (currentEntity._type === "message_content") {
-          parentMessage = parents[0];
-          rootMessage = activeMessagesByID[parentMessage.message.id];
-          if (!rootMessage) {
-            throw new Error("Unable to find message to add content to");
-          }
-        } else {
-          if (currentEntity._type !== "message") {
-            throw new Error(
-              `Incorrect path? Cannot add content to non-message entity: ${currentEntity._type}`
-            );
-          }
-          parentMessage = currentEntity;
-          rootMessage = activeMessagesByID[parentMessage.message.id];
-          if (!rootMessage) {
-            throw new Error("Unable to find message to add content to");
-          }
-        }
-        const messageContentId = event.metadata.message_content_id;
-        if (!messageContentId) {
-          throw new Error("Unable to find message content id");
-        }
-        let newMessageContentContent = getMessageContent(parentMessage, messageContentId);
-        if (newMessageContentContent) {
-          newMessageContentContent.state = "completed";
-          const payloadContent = typeof event.payload === "string" ? event.payload : event.payload.content || event.payload;
-          newMessageContentContent.content = payloadContent;
-          activeMessagesByID[rootMessage.message.id] = {
-            ...addUpdateToMessage(rootMessage, newMessageContentContent)
-          };
-          if (currentEntity._type === "message" || currentEntity._type === "message_content") {
-            res.push(newMessageContentContent);
-          }
-        } else {
-          newMessageContentContent = createMessageContentFromResult(event, entityIds);
-          activeMessagesByID[rootMessage.message.id] = {
-            ...addUpdateToMessage(rootMessage, newMessageContentContent)
-          };
-          if (currentEntity._type === "message" || currentEntity._type === "message_content") {
-            res.push(newMessageContentContent);
-          }
-        }
-        break;
-      case "step started":
-        res.push(createStep(event, pathID, entityIds));
-        break;
-      case "result handler started":
-        res.push(createResultHandler(event, pathID, currentEntity));
-        break;
-      case "step output created":
-        res.push(createStepOutput(event, pathID, currentEntity));
-        break;
-      case "create step output content":
-        res.push(createStepOutputContent(event, pathID, entityIds));
-        break;
-      case "step output content result":
-        res.push(createStepOutputContentFromResult(event, pathID, entityIds));
-        break;
-      case "log":
-        return null;
-      default:
-        throw new Error(`Unable to handle create event type ${eventType}`);
-    }
-    if (!res.length) return null;
-    if (!currentEntity) {
-      return res[0];
-    }
-    if (currentEntity._type === "message_content" && res.length === 1 && res[0]._type === "message_content") {
-      return res[0];
-    }
-    return addUpdateEntities(currentEntity, res);
-  }
-  if (!currentEntity) {
-    throw new Error("No first message has been created, so cannot handle amend events");
-  }
-  if (path.length <= 1) {
-    let content = null;
-    try {
-      content = getContent(currentEntity);
-    } catch (err) {
-    }
-    switch (eventType) {
-      case "message content delta":
-        if (!content) {
-          throw new Error("Unable to find message content");
-        }
-        let newContent = null;
-        let messageContent = null;
-        let parentMessage = null;
-        if (currentEntity._type === "output_content") {
-          const outputContent = currentEntity;
-          newContent = appendContentToStepOutputContent(outputContent, event.payload);
-          const messageContentId = event.metadata.message_content_id;
-          if (!messageContentId) {
-            throw new Error("Unable to find message content id from entity ids");
-          }
-          const messageId = entityIds["message"];
-          parentMessage = parents.find(
-            (parent) => parent.message.id === messageId
-          );
-          if (!parentMessage) {
-            throw new Error("Unable to find message to add content to");
-          }
-          messageContent = getMessageContent(parentMessage, messageContentId);
-        } else {
-          messageContent = content;
-          parentMessage = parents[parents.length - 1];
-          if (!parentMessage) {
-            throw new Error("Unable to find message to add content to");
-          }
-          if (parentMessage._type !== "message") {
-            throw new Error("Unable to find message to add content to - not a message");
-          }
-        }
-        if (!messageContent) {
-          throw new Error("Unable to find message content");
-        }
-        const rootMessage = activeMessagesByID[parentMessage.message.id];
-        if (!rootMessage) {
-          throw new Error("Unable to find message to add content to");
-        }
-        const newMessageContent = appendContentToMessageContent(
-          messageContent,
-          event.payload
-        );
-        activeMessagesByID[rootMessage.message.id] = {
-          ...addUpdateToMessage(rootMessage, newMessageContent)
-        };
-        if (currentEntity._type === "message_content") {
-          newContent = newMessageContent;
-        }
-        return newContent;
-      case "step output content delta":
-        return appendContentToStepOutputContent(
-          content,
-          event.payload
-        );
-      case "status":
-        if (currentEntity._type === "step") {
-          currentEntity.currentStatus = createStatus(event, entityIds);
-        }
-        if (currentEntity._type === "invocation") {
-          currentEntity.currentStatus = createStatus(event, entityIds);
-        }
-        return addUpdateEntity(currentEntity, createStatus(event, entityIds));
-      case "result":
-        return null;
-      case "message finished":
-        return null;
-      case "step output finished":
-        return null;
-      case "step result":
-        return null;
-      case "error":
-        return null;
-      case "dataset created":
-        return null;
-      case "log":
-        return null;
-      default:
-        throw new Error(`Unable to handle event type ${eventType}`);
-    }
-  }
-  const nextPath = path.slice(2);
-  const nextEntity = findNextEntity(currentEntity, path, entityIds);
-  const updatedEntity = handleSSEEvent(
-    eventType,
-    event,
-    nextPath,
-    threadID,
-    activeMessagesByID,
-    nextEntity,
-    [...parents, currentEntity],
-    entityIds
-  );
-  if (updatedEntity) {
-    return addUpdateEntity(currentEntity, { ...updatedEntity });
-  }
-  return currentEntity;
-}
-export {
-  BarChart,
-  Chart,
-  ChartContainer,
-  ChartContent2 as ChartContent,
-  ChartLegend,
-  ChartLegendContent,
-  ChartStyle,
-  ChartTooltip,
-  ChartTooltipContent,
-  Content,
-  DatasetChart,
-  ErdoProvider,
-  ErrorBoundary,
-  ExecutionStatus,
-  HeatmapChart,
-  InvocationStatus,
-  JSONStreamParser,
-  JsonContent,
-  LineChart,
-  MarkdownContent,
-  PieChart,
-  ScatterChart,
-  TableContent,
-  TextContent,
-  cn,
-  formatValue,
-  handleIncrementalMixedJsonParsing,
-  handleSSEEvent,
-  isJsonLike,
-  isParsingComplete,
-  isParsingInProgress,
-  isWhitespaceChar,
-  parseCompleteJson,
-  parseMixedJson,
-  parseToDate,
-  resolveKeyFromData,
-  toSnakeCase,
-  useChartZoom,
-  useDatasetContents,
-  useErdoConfig,
-  useErdoConfigOptional,
-  useInvocation,
-  useMultipleDatasetContents
-};
+import*as H from'react';import H__default,{createContext,useMemo,useRef,useEffect,useState,useContext,useCallback}from'react';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import*as X from'recharts';import {Bar,BarChart,Line,LineChart,Scatter,ScatterChart,CartesianGrid,XAxis,Label,YAxis,ReferenceArea,PieChart,Pie,Cell,Tooltip,Legend}from'recharts';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {format}from'd3-format';import {utcFormat}from'd3-time-format';import {isValid,parse}from'date-fns';import {useToPng}from'@hugocxl/react-to-image';import {Download}from'lucide-react';import Rn from'lodash/isEqual';import {useDeepCompareMemo}from'use-deep-compare';import {useQueries,useQuery}from'@tanstack/react-query';import Zn from'react-markdown';import zn from'remark-gfm';var At=createContext(null);function re({children:t,config:e}){return jsx(At.Provider,{value:e,children:t})}function Z(){let t=useContext(At);if(!t)throw new Error("useErdoConfig must be used within an ErdoProvider");return t}function ae(){return useContext(At)}var z=class extends H__default.Component{constructor(e){super(e),this.state={hasError:false};}static getDerivedStateFromError(e){return {hasError:true}}componentDidCatch(e,n){console.error("ErrorBoundary caught an error:",e,n);}render(){return this.state.hasError?this.props.fallback:this.props.children}};function A(...t){return twMerge(clsx(t))}var We={light:"",dark:".dark"},se=H.createContext(null);function oe(){let t=H.useContext(se);if(!t)throw new Error("useChart must be used within a <ChartContainer />");return t}function pt({id:t,className:e,children:n,config:a,debounceResize:r=false,...s}){let o=H.useId(),i=`chart-${t||o.replace(/:/g,"")}`;return jsx(se.Provider,{value:{config:a},children:jsxs("div",{"data-slot":"chart","data-chart":i,className:A("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",e),...s,children:[jsx(ie,{id:i,config:a}),jsx(X.ResponsiveContainer,{debounce:r?200:0,children:n})]})})}var ie=({id:t,config:e})=>{let n=Object.entries(e).filter(([,a])=>a.theme||a.color);return n.length?jsx("style",{dangerouslySetInnerHTML:{__html:Object.entries(We).map(([a,r])=>`
+${r} [data-chart=${t}] {
+${n.map(([s,o])=>{let i=o.theme?.[a]||o.color;return i?`  --color-${s}: ${i};`:null}).join(`
+`)}
+}
+`).join(`
+`)}}):null},Jt=X.Tooltip;function $t({active:t,payload:e,className:n,indicator:a="dot",hideLabel:r=false,hideIndicator:s=false,label:o,labelFormatter:i,labelClassName:l,formatter:p,color:u,nameKey:d,labelKey:c}){let{config:m}=oe(),f=H.useMemo(()=>{if(r||!e?.length)return null;let[y]=e,w=`${c||y?.dataKey||y?.name||"value"}`,I=Ut(m,y,w),_=!c&&typeof o=="string"?m[o]?.label||o:I?.label;return i?jsx("div",{className:A("font-medium",l),children:i(_,e)}):_?jsx("div",{className:A("font-medium",l),children:_}):null},[o,i,e,r,l,m,c]);if(!t||!e?.length)return null;let g=e.length===1&&a!=="dot";return jsxs("div",{className:A("border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",n),children:[g?null:f,jsx("div",{className:"grid gap-1.5",children:e.map((y,w)=>{let I=`${d||y.name||y.dataKey||"value"}`,_=Ut(m,y,I),V=u||y.payload.fill||y.color;return jsx("div",{className:A("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",a==="dot"&&"items-center"),children:p&&y?.value!==void 0&&y.name?p(y.value,y.name,y,w,y.payload):jsxs(Fragment,{children:[_?.icon?jsx(_.icon,{}):!s&&jsx("div",{className:A("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",{"h-2.5 w-2.5":a==="dot","w-1":a==="line","w-0 border-[1.5px] border-dashed bg-transparent":a==="dashed","my-0.5":g&&a==="dashed"}),style:{"--color-bg":V,"--color-border":V}}),jsxs("div",{className:A("flex flex-1 justify-between leading-none",g?"items-end":"items-center"),children:[jsxs("div",{className:"grid gap-1.5",children:[g?f:null,jsx("span",{className:"text-muted-foreground",children:_?.label||y.name})]}),y.value&&jsx("span",{className:"text-foreground font-mono font-medium tabular-nums",children:y.value.toLocaleString()})]})]})},y.dataKey)})})]})}var Ft=X.Legend;function jt({className:t,hideIcon:e=false,payload:n,verticalAlign:a="bottom",nameKey:r}){let{config:s}=oe();return n?.length?jsx("div",{className:A("flex items-center justify-center gap-4",a==="top"?"pb-3":"pt-3",t),children:n.map(o=>{let i=`${r||o.dataKey||"value"}`,l=Ut(s,o,i);return jsxs("div",{className:A("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),children:[l?.icon&&!e?jsx(l.icon,{}):jsx("div",{className:"h-2 w-2 shrink-0 rounded-[2px]",style:{backgroundColor:o.color}}),l?.label]},o.value)})}):null}function Ut(t,e,n){if(typeof e!="object"||e===null)return;let a="payload"in e&&typeof e.payload=="object"&&e.payload!==null?e.payload:void 0,r=n;return n in e&&typeof e[n]=="string"?r=e[n]:a&&n in a&&typeof a[n]=="string"&&(r=a[n]),r in t?t[r]:t[n]}function gt(t,e,n){if(t==null)return "";if(n==="date"){let a=le(t);if(a&&e)try{let r=e;e==="%Y%m%d"?r="%Y-%m-%d":e==="%d%m%Y"?r="%d-%m-%Y":e==="%m%d%Y"&&(r="%m-%d-%Y");let s=r.match(/%./g)||[],o="aAbBcdejHILmMpSUwWxXyYZ%";return s.some(p=>{let u=p.charAt(1);return !o.includes(u)})||s.length===0?(console.warn(`Invalid date format directives in: ${e}. Using default format.`),a.toISOString().split("T")[0]):utcFormat(r)(a)}catch(r){return console.warn(`Invalid date format: ${e}. Error: ${r}. Falling back to default.`),a.toISOString().split("T")[0]}if(a){let r=a.toISOString();return r.endsWith("T00:00:00.000Z")?r.split("T")[0]:a.toISOString().replace("T"," ").replace(".000Z"," UTC")}return String(t)}if(n==="number"){let a=typeof t=="string"?parseFloat(t.replace(/,/g,"")):t;if(isNaN(a))return String(t);let r=e;if(e&&(r=e.replace(/(\.\d+)f%/,"$1%")),!r)return Math.abs(a)>=1e3?format(",.0f")(a):Math.abs(a)>=100?format(".1f")(a):Math.abs(a)>=10?format(".2f")(a):Math.abs(a)>=1?format(".3f")(a):format(".3g")(a);if(r.includes("%"))return a>=0&&a<=1?format(r)(a):format(r)(a/100);try{return format(r)(a)}catch(s){return console.warn(`Error formatting number with format '${r}': ${s}. Falling back to default.`),Math.abs(a)>=1e3?format(",.0f")(a):Math.abs(a)>=1?format(".2f")(a):format(".3g")(a)}}return String(t)}function le(t){if(!t)return null;if(t instanceof Date)return isValid(t)?t:null;if(typeof t=="number"){let n=new Date(t);return isValid(n)?n:null}if(typeof t=="string"){if(/^\d{4}-\d{2}-\d{2}$/.test(t)){let r=new Date(t+"T00:00:00.000Z");if(isValid(r))return r}let a=["yyyy-MM-dd","yyyyMMdd","yyyy-MM-dd'T'HH:mm:ss","yyyyMMddHHmmss","MM/dd/yyyy","dd/MM/yyyy"];for(let r of a){let s=parse(t,r,new Date);if(isValid(s))return s}}let e=new Date(t);return isValid(e)?e:null}function xt({onZoomChange:t}={}){let[e,n]=useState({refAreaLeft:null,refAreaRight:null,refAreaTop:null,refAreaBottom:null,zooming:false}),[a,r]=useState({x:[null,null],y:[null,null]}),s=useCallback(u=>{!u?.xValue||!u?.yValue||n(d=>({...d,refAreaLeft:u.xValue,refAreaTop:u.yValue,zooming:true}));},[]),o=useCallback(u=>{!u?.xValue||!u?.yValue||!e.zooming||n(d=>({...d,refAreaRight:u.xValue,refAreaBottom:u.yValue}));},[e.zooming]),i=useCallback(()=>{if(!e.refAreaLeft||!e.refAreaRight||!e.refAreaTop||!e.refAreaBottom){n({refAreaLeft:null,refAreaRight:null,refAreaTop:null,refAreaBottom:null,zooming:false});return}let[u,d]=[Math.min(e.refAreaLeft,e.refAreaRight),Math.max(e.refAreaLeft,e.refAreaRight)],[c,m]=[Math.min(e.refAreaTop,e.refAreaBottom),Math.max(e.refAreaTop,e.refAreaBottom)],f={x:[u,d],y:[c,m]};r(f),t?.(f),n({refAreaLeft:null,refAreaRight:null,refAreaTop:null,refAreaBottom:null,zooming:false});},[e,t]),l=useCallback(()=>{let u={x:[null,null],y:[null,null]};r(u),t?.(u);},[t]),p=useMemo(()=>({onZoomStart:s,onZoomMove:o,onZoomEnd:i,onResetZoom:l}),[s,o,i,l]);return {zoomState:e,customDomain:a,handlers:p}}function de(t){let e={max:null,min:null};if(t.maxValue)if(t.type==="number"){let n=parseFloat(t.maxValue);isNaN(n)?console.warn(`Error parsing max value ${t.maxValue}. Falling back to default.`):e.max=n;}else t.type==="date"?typeof t.maxValue=="string"&&/^\d{4}-\d{2}-\d{2}$/.test(t.maxValue)?e.max=new Date(t.maxValue+"T00:00:00.000Z").getTime():e.max=new Date(t.maxValue).getTime():e.max=t.maxValue;if(t.minValue)if(t.type==="number"){let n=parseFloat(t.minValue);isNaN(n)?console.warn(`Error parsing min value ${t.minValue}. Falling back to default.`):e.min=n;}else t.type==="date"?typeof t.minValue=="string"&&/^\d{4}-\d{2}-\d{2}$/.test(t.minValue)?e.min=new Date(t.minValue+"T00:00:00.000Z").getTime():e.min=new Date(t.minValue).getTime():e.min=t.minValue;return e}function tt(t,e,n){return gt(t,e,n)}function rn({title:t,subtitle:e,data:n,displayConfig:a,dataConfig:r,ChartComponent:s,PointComponent:o,disableAnimation:i,onZoomChange:l,stacked:p,enableDownload:u=true,onDownloadSuccess:d,onDownloadError:c}){let{zoomState:m,customDomain:f,handlers:g}=xt({onZoomChange:l}),y=useCallback(h=>{let v=`${t.toLowerCase().replace(/\s+/g,"-")}.png`,x=document.createElement("a");x.download=v,x.href=h,x.click(),d?.(v);},[t,d]),w=useCallback(h=>{console.error("Error converting chart to image:",h),c?.(h);},[c]),[{isLoading:I},_,V]=useToPng({onSuccess:y,onError:w}),T=useCallback(async()=>{_();},[_]),k=useMemo(()=>de(r.xAxis),[r.xAxis]),J=useMemo(()=>r.yAxes.map(h=>de(h)),[r.yAxes]),N=useMemo(()=>n?r.chartType==="histogram"?n.map(h=>({[r.xAxis.key]:(h.binStart+h.binEnd)/2,frequency:h.frequency,binStart:h.binStart,binEnd:h.binEnd})):r.xAxis.type==="number"?n.filter(h=>!isNaN(h[r.xAxis.key])):r.xAxis.type==="date"?n.filter(h=>!isNaN(h[r.xAxis.key])):n:[],[n,r.xAxis.key,r.chartType,r.xAxis.type]),ct=useCallback((h,v)=>{if(!h?.length)return {min:null,max:null};let x=h.map(S=>Number(S[v])).filter(S=>!isNaN(S));return {min:Math.min(...x),max:Math.max(...x)}},[]),dt=useMemo(()=>({x:f.x[0]!==null&&f.x[1]!==null?[f.x[0],f.x[1]]:(()=>{if(k.min!==null&&k.max!==null)return [k.min,k.max];let h=ct(N,r.xAxis.key);return [h.min??"auto",h.max??"auto"]})(),y:r.yAxes.map((h,v)=>{if(f.y[0]!==null&&f.y[1]!==null)return [f.y[0],f.y[1]];let S=r.series.filter(D=>(D.axisIndex||0)===v).reduce((D,L)=>{let P=ct(N,L.key);return {min:D.min===null?P.min:P.min===null?D.min:Math.min(D.min,P.min),max:D.max===null?P.max:P.max===null?D.max:Math.max(D.max,P.max)}},{min:null,max:null});if(h.type==="number"&&h.maxValue){let D=parseFloat(h.maxValue);if(S.max===null||D<=S.max*1.5)return [J[v].min??S.min??"auto",J[v].max??S.max??"auto"]}return [J[v].min??S.min??"auto",J[v].max??S.max??"auto"]})}),[f.x,f.y,k,J,r.series,r.yAxes,r.xAxis.key,N,ct]),Mt=useCallback((h,v,x)=>{if(x.dataKey===r.xAxis.key)return tt(h,r.xAxis.format,r.xAxis.type);let D=r.series.find(L=>L.key===x.dataKey)?.name||String(v).replace(/^dataset_\d+_/,"");if(r.chartType==="histogram"){let L=x.payload;if(L.binStart!==void 0){let P=tt(L.binStart,r.xAxis.format,r.xAxis.type),Pt=tt(L.binEnd,r.xAxis.format,r.xAxis.type);return `Count: ${h} (${P} - ${Pt})`}}return `${D}: ${h}`},[r.xAxis,r.series,r.chartType]),[b,C]=useState(false);useEffect(()=>{let h=setTimeout(()=>{C(true);},1700);return ()=>clearTimeout(h)},[]);let R=useMemo(()=>!!(i||(n?.length||0)>100||b),[i,n?.length,b]);return jsxs("div",{className:"items-center mt-0 flex flex-col gap-0",children:[jsxs("div",{className:"w-full items-center mb-2 relative",children:[jsx("h2",{className:"text-center text-base pt-0 mt-0 mb-2",children:t}),u&&jsx("button",{onClick:T,disabled:I,className:"text-sm text-gray-500 hover:text-gray-700 disabled:opacity-50 h-8 absolute right-0 top-[-5px] px-2 py-1 border rounded hover:bg-gray-50",title:"Download chart as PNG",children:jsx(Download,{className:"w-4 h-4"})})]}),e&&jsx("p",{className:"text-center text-sm text-muted-foreground mb-2",children:e}),jsx(pt,{ref:V,config:a,className:"w-full mb-4 border border-accent p-4 rounded-md",debounceResize:true,children:jsxs(s,{accessibilityLayer:true,data:N,isAnimationActive:!R,onMouseDown:g.onZoomStart,onMouseMove:g.onZoomMove,onMouseUp:g.onZoomEnd,onDoubleClick:g.onResetZoom,style:{userSelect:"none",cursor:"crosshair"},children:[jsx(CartesianGrid,{vertical:false}),jsx(XAxis,{dataKey:r.xAxis.key,domain:dt.x,type:r.xAxis.type==="date"||!r.xAxis.type?"number":r.xAxis.type,tickFormatter:h=>tt(h,r.xAxis.format,r.xAxis.type),tickLine:false,tickMargin:10,height:50,axisLine:false,allowDataOverflow:true,children:jsx(Label,{value:r.xAxis.label,position:"bottom",offset:-10,style:{textAnchor:"middle"}})}),r.yAxes.map((h,v)=>jsx(YAxis,{yAxisId:v,orientation:v===0?"left":"right",domain:p?void 0:dt.y[v],type:h.type==="date"||!h.type?"number":h.type,tickFormatter:x=>tt(x,h.format,h.type),allowDataOverflow:true,children:jsx(Label,{value:h.label,position:v===0?"insideLeft":"insideRight",angle:-90,style:{textAnchor:"middle"}})},`y-axis-${v}`)),jsx(Jt,{content:h=>jsx($t,{...h,formatter:Mt,labelFormatter:(v,x)=>{if(x&&x.length>0){let S=x[0].payload[r.xAxis.key],D=tt(S,r.xAxis.format,r.xAxis.type);return jsxs("div",{className:"flex flex-col",children:[jsx("span",{children:r.xAxis.label}),jsx("span",{className:"font-mono tabular-nums",children:D})]})}return v}})}),jsx(Ft,{content:h=>jsx(jt,{...h}),verticalAlign:"top"}),r.series.map(h=>jsx(o,{dataKey:h.key,yAxisId:h.axisIndex||0,fill:h.color||"blue",stroke:h.color||"blue",dot:{fill:h.color||"blue",stroke:h.color||"blue"},radius:4,name:h.name,isAnimationActive:!R,animationDuration:1500,animationBegin:0,stackId:r.chartType==="bar"&&p?"stack":void 0},`${h.key}-${p?"stacked":"unstacked"}`)),m.refAreaLeft&&m.refAreaRight&&m.refAreaTop&&m.refAreaBottom&&jsx(ReferenceArea,{x1:m.refAreaLeft,x2:m.refAreaRight,y1:m.refAreaTop,y2:m.refAreaBottom,strokeOpacity:.2,stroke:"currentColor",fill:"currentColor",fillOpacity:.02,style:{pointerEvents:"none"}})]})}),f.x[0]!==null&&jsx("button",{onClick:g.onResetZoom,className:"text-sm text-gray-500 hover:text-gray-700 mt-2 px-3 py-1 border rounded hover:bg-gray-50",children:"Reset Zoom"})]})}function $(t){return jsx(z,{fallback:jsx("div",{className:"text-red-500",children:"Failed to load chart"}),children:jsx(rn,{...t})})}function Y(t){return jsx($,{...t,ChartComponent:BarChart,PointComponent:Bar})}function et(t){return jsx($,{...t,ChartComponent:LineChart,PointComponent:Line})}var yn=(t,e,n)=>{let a=parseInt(t.slice(1,3),16)/255,r=parseInt(t.slice(3,5),16)/255,s=parseInt(t.slice(5,7),16)/255,o=Math.max(a,r,s),i=Math.min(a,r,s),l,p,u=(o+i)/2;if(o===i)l=p=0;else {let g=o-i;switch(p=u>.5?g/(2-o-i):g/(o+i),o){case a:l=(r-s)/g+(r<s?6:0);break;case r:l=(s-a)/g+2;break;case s:l=(a-r)/g+4;break;default:l=0;}l/=6;}let d=e/n,c=l*360+(d*40-20),m=Math.min(100,p*100+d*25),f=Math.max(35,Math.min(65,u*100-d*20));return `hsl(${c}, ${m}%, ${f}%)`};function bn({title:t,subtitle:e,data:n,displayConfig:a,dataConfig:r}){let s=r.series[0]?.color||"blue",o=useMemo(()=>n.reduce((i,l)=>(r.series.forEach(p=>{let u=p.key,d=String(l[r.xAxis.key]||"Unknown"),c=parseFloat(l[u]||"0");isNaN(c)||i.push({name:d,value:c,seriesId:u,displayName:d});}),i),[]).sort((i,l)=>l.value-i.value),[n,r.series,r.xAxis.key]);return jsxs("div",{className:"items-center",children:[jsx("h2",{className:"text-center text-base mb-2",children:t}),e&&jsx("p",{className:"text-center text-sm text-muted-foreground mb-2",children:e}),jsx(pt,{config:a,className:"w-full mb-4 border border-accent rounded-md",children:jsxs(PieChart,{width:400,height:400,children:[jsx(Pie,{data:o,dataKey:"value",nameKey:"displayName",cx:"50%",cy:"50%",outerRadius:150,label:i=>`${i.displayName}: ${i.value}%`,children:o.map((i,l)=>jsx(Cell,{fill:l===0?s:yn(s,l,o.length)},`cell-${l}`))}),jsx(Tooltip,{formatter:(i,l)=>[`${i}%`,l]}),jsx(Legend,{})]})})]})}function nt(t){return jsx(z,{fallback:jsx("div",{className:"text-red-500",children:"Failed to load chart"}),children:jsx(bn,{...t})})}function rt(t){return jsx($,{...t,ChartComponent:ScatterChart,PointComponent:Scatter})}var kn=t=>{let{cx:e,cy:n,payload:a,xAxis:r,yAxis:s}=t,o=a.value||a.z||0,l=`hsl(${240-Math.min(1,Math.max(0,o/100))*240}, 70%, 50%)`,p=r.scale.bandwidth?r.scale.bandwidth():20,u=s.scale.bandwidth?s.scale.bandwidth():20;return jsx("rect",{x:e-p/2,y:n-u/2,width:p,height:u,fill:l,fillOpacity:.8,stroke:"#fff",strokeWidth:1})},wn=t=>jsx(Scatter,{...t,shape:kn});function at(t){return jsx($,{...t,ChartComponent:ScatterChart,PointComponent:wn})}async function fe(t,e,n){if(t.dataFetcher)return t.dataFetcher.fetchDatasetContents(e,n);let a,r={"Content-Type":"application/json"};t.sessionToken?(a=`${t.baseUrl}/datasets/${encodeURIComponent(e)}/query-with-session?limit=1000`,r.Authorization=`Bearer ${t.sessionToken}`):(a=`${t.baseUrl}/datasets/${encodeURIComponent(e)}/query?limit=1000`,t.authToken&&(r.Authorization=`Bearer ${t.authToken}`));let s=await fetch(a,{headers:r});if(!s.ok)throw new Error(`Failed to fetch dataset contents: ${s.statusText}`);let o=await s.json();return !o.Columns||!o.Rows||o.Columns.length===0?[]:o.Rows.map(i=>{let l={};return o.Columns.forEach((p,u)=>{l[p]=i[u];}),l})}function ge(t,e){let n=Z();return useQuery({queryKey:["datasetContents",t,e],queryFn:()=>fe(n,t,e),enabled:!!t&&!!e})}function kt(t,e){let n=Z();return useQueries({queries:t.map(a=>({queryKey:["datasetContents",a,e],queryFn:()=>fe(n,a,e),enabled:!!a&&!!e}))})}function me(t){return t.replace(/[A-Z]/g,e=>`_${e.toLowerCase()}`).replace(/^_/,"")}function wt(t,e){if(!t.length)return e;let n=t[0];if(n[e]!==void 0)return e;let a=e.toLowerCase();if(n[a]!==void 0)return a;let r=me(e);if(n[r]!==void 0)return r;let s=e.toLowerCase().replace(/_/g,"");return Object.keys(n).find(i=>i.toLowerCase().replace(/_/g,"")===s)||e}function Pn(){return ["yyyy-MM-dd","yyyyMMdd","yyyy-MM-dd'T'HH:mm:ss","yyyyMMddHHmmss"]}function Vn(t){if(!t)return null;if(typeof t=="string"){if(/^\d{4}-\d{2}-\d{2}$/.test(t)){let r=new Date(t+"T00:00:00.000Z");if(isValid(r))return r.getTime()}let a=Pn();for(let r of a){let s=parse(t,r,new Date);if(isValid(s))return s.getTime()}}let e=new Date(t);return isValid(e)?e.getTime():null}function Et(t,e,n,a){let r=e==="index"&&t[e]===void 0?a:t[e];return n==="date"?Vn(r):n==="number"?parseFloat(r):r}function An(t,e,n){if(t===e.key)return e.type||"category";let a=n.find(r=>r.key===t);return a?a.type||"number":"category"}function yt(t,e,n,a){return !a||a.length===0?t:[...t].sort((r,s)=>{for(let o of a){let i=An(o.key,e,n),l=Et(r,o.key,i,r.index),p=Et(s,o.key,i,s.index);if(l===p)continue;let u=typeof l=="number"&&typeof p=="number"?l-p:l instanceof Date&&p instanceof Date?l.getTime()-p.getTime():String(l).localeCompare(String(p));return o.direction==="asc"?u:-u}return 0})}function he(t,e){let n=Math.ceil(t.length/e),a=[t[0]];for(let r=n;r<t.length-1;r+=n)a.push(t[r]);return a[a.length-1]!==t[t.length-1]&&a.push(t[t.length-1]),a}function Un(t,e,n,a,r,s,o){let i=t.reduce((u,d)=>{let c=d[e];return u[c]||(u[c]=[]),u[c].push(d),u},{}),l=Object.entries(i);if(l.length>a){let u=Math.ceil(l.length/a),d=l.reduce((c,[m,f],g)=>{let y=Math.floor(g/u);return c[y]||(c[y]={key:m,items:[]}),c[y].items.push(...f),c},[]).map(({key:c,items:m})=>({[e]:c,...n.reduce((f,g)=>{let y=m.map(w=>parseFloat(w[g.key])).filter(w=>!isNaN(w));return f[g.key]=y.length?y.reduce((w,I)=>w+I,0)/y.length:null,f},{})}));return o&&o.length>0?yt(d,r,s,o):d}let p=l.map(([u,d])=>{let c=n.reduce((f,g)=>{let y=d.map(w=>parseFloat(w[g.key])).filter(w=>!isNaN(w));return f[g.key]=y.length?y.reduce((w,I)=>w+I,0)/y.length:null,f},{}),m=Object.values(c).filter(f=>f!==null).reduce((f,g)=>f+g,0);return {[e]:u,...c,index:m}});return o&&o.length>0?yt(p,r,s,o):p}function Jn(t,e,n,a){let r=t.map(p=>parseFloat(p[e])).filter(p=>!isNaN(p)),s=Math.min(...r),i=(Math.max(...r)-s)/a,l=Array.from({length:a},(p,u)=>({binStart:s+u*i,binEnd:s+(u+1)*i,count:0,seriesValues:n.reduce((d,c)=>(d[c.key]=[],d),{})}));return t.forEach(p=>{let u=parseFloat(p[e]);if(isNaN(u))return;let d=Math.min(Math.floor((u-s)/i),a-1);l[d].count++,n.forEach(c=>{let m=parseFloat(p[c.key]);isNaN(m)||l[d].seriesValues[c.key].push(m);});}),l.map(p=>({[e]:(p.binStart+p.binEnd)/2,...n.reduce((u,d)=>{let c=p.seriesValues[d.key];return u[d.key]=c.length?c.reduce((m,f)=>m+f,0)/c.length:null,u},{}),count:p.count,index:n.reduce((u,d)=>{let c=p.seriesValues[d.key],m=c.length?c.reduce((f,g)=>f+g,0)/c.length:0;return u+m},0)})).filter(p=>n.some(u=>p[u.key]!==null))}function ye(t,e,n,a,r){let s=t.map((m,f)=>{let g=Et(m,e,r.type||"number",f);return typeof g=="number"?g:parseFloat(g)}).filter(m=>!isNaN(m)),o=Math.min(...s),p=(Math.max(...s)-o)/a,u=Array.from({length:a},(m,f)=>({binStart:Number((o+f*p).toFixed(2)),binEnd:Number((o+(f+1)*p).toFixed(2)),frequency:0,[e]:Number((o+(f+.5)*p).toFixed(2))}));s.forEach(m=>{let f=Math.min(Math.floor((m-o)/p),a-1);u[f].frequency++;});let d=u.filter(m=>m.frequency>0);return (u.length-d.length)/u.length*100>30?ye(t,e,n,Math.floor(a/2),r):d}function $n(t,e,n,a){return !e||e.length===0?t:t.filter(r=>e.every(s=>{let o=s.key;n&&s.key.toLowerCase()===n.toLowerCase()?o=n:a&&s.key.toLowerCase()===a.toLowerCase()&&(o=a);let i=r[o],l=Array.isArray(s.value)?s.value:[s.value];switch(s.operator){case "equals":return l.some(p=>String(i)===String(p));case "not_equals":return l.every(p=>String(i)!==String(p));case "greater_than":return parseFloat(String(i))>parseFloat(String(l[0]));case "less_than":return parseFloat(String(i))<parseFloat(String(l[0]));case "contains":return String(i).toLowerCase().includes(String(l[0]).toLowerCase());case "between":if(l.length===2){let p=parseFloat(String(i)),u=parseFloat(String(l[0])),d=parseFloat(String(l[1]));return p>=u&&p<=d}return  true;default:return  true}}))}var be=H__default.memo(function({chartType:e,title:n,invocationId:a,datasetSlugs:r,xAxis:s,yAxes:o,series:i,dataReduction:l={strategy:"none",target_points:1e3},stacked:p,sort:u,onScrollUpdate:d}){let c=kt(r,a),m=c.some(b=>b.isLoading),f=c.map(b=>b.data),g=useDeepCompareMemo(()=>f.map(b=>b||[]),[f]),{resolvedXAxisKey:y,resolvedSeriesKeys:w}=useMemo(()=>{let b=g.find(C=>C.length>0)||[];return {resolvedXAxisKey:wt(b,s.key),resolvedSeriesKeys:i.map(C=>({...C,resolvedKey:wt(b,C.key)}))}},[g,s.key,i]),I=useMemo(()=>{let b=g.reduce((R,h,v)=>(i.filter(S=>S.datasetSlug===r[v]).forEach(S=>{let D=w.find(P=>P.datasetSlug===S.datasetSlug&&P.key===S.key)?.resolvedKey||S.key;(S.filters?$n(h,S.filters,D,y):h).forEach((P,Pt)=>{let W=Et(P,y,s.type||"category",Pt);if(W==null||s.type==="number"&&isNaN(W))return;let Vt=s.type==="number"||s.type==="date"||typeof W=="object"?W.toString():String(W);R.has(Vt)||R.set(Vt,{[s.key]:W});let Ve=`dataset_${r.findIndex(Ue=>Ue===S.datasetSlug)}_series_${i.indexOf(S)}_${S.key}`,Ae=P[D];R.get(Vt)[Ve]=Ae;});}),R),new Map),C=Array.from(b.values());return u&&u.length>0?C:C.sort((R,h)=>{if(s.type==="date")return R[s.key]-h[s.key];let v=parseFloat(R[s.key]),x=parseFloat(h[s.key]);return isNaN(v)||isNaN(x)?String(R[s.key]).localeCompare(String(h[s.key])):v-x})},[g,i,r,w,y,s,u]),_=useMemo(()=>i.map((b,C)=>{let R=r.findIndex(h=>h===b.datasetSlug);return {...b,key:`dataset_${R}_series_${C}_${b.key}`}}),[i,r]),V=useMemo(()=>({[s.key]:{label:s.label,format:s.format,type:s.type},..._.reduce((b,C)=>(b[C.key]={label:C.name,color:C.color},b),{}),...e==="histogram"?{frequency:{label:o[0]?.label||"Frequency",color:_[0]?.color||"#2563eb"}}:{}}),[s,_,e,o]),T=useMemo(()=>!s.key||!_.length?null:{chartType:e,xAxis:s,yAxes:e==="histogram"?o.map(b=>({...b,key:"frequency",minValue:b.minValue||"0"})):o,series:e==="histogram"?[{key:"frequency",name:o[0]?.label||"Frequency",color:i[0]?.color||"#2563eb"}]:_},[s,o,i,_,e]),k=null;switch(e){case "bar":k=Y;break;case "line":k=et;break;case "pie":k=nt;break;case "scatter":k=rt;break;case "histogram":k=Y;break;case "heatmap":k=at;break}let J=useRef(false);useEffect(()=>{J.current||!d||!m&&V&&T&&I.length&&(d(),setTimeout(()=>d(),250),J.current=true);},[d,m,V,T,I.length]);let[N,ct]=useState({x:[null,null],y:[null,null]}),{processedData:dt,dataReductionInfo:Mt}=useMemo(()=>{if(m||!I.length)return {processedData:[],dataReductionInfo:null};if(e==="histogram"){let v=l.target_points||20;return {processedData:ye(I,y,_,v,s),dataReductionInfo:null}}let b=I;if((N.x[0]!==null||N.y[0]!==null)&&(b=I.filter(v=>{if(N.x[0]!==null&&N.x[1]!==null){let x=parseFloat(v[s.key]);if(isNaN(x)||x<N.x[0]||x>N.x[1])return  false}if(N.y[0]!==null&&N.y[1]!==null)for(let x of _){let S=parseFloat(v[x.key]);if(!isNaN(S)&&(S<N.y[0]||S>N.y[1]))return  false}return  true})),b.length<=l.target_points&&(!u||u.length===0))return {processedData:b,dataReductionInfo:null};let C,R="";switch(l.strategy){case "sample":C=he(b,l.target_points),R="sampled",u&&u.length>0&&(C=yt(C,s,o,u));break;case "aggregate":C=Un(b,y,_,l.target_points,s,o,u),R="aggregated";break;case "bin":C=Jn(b,y,_,l.target_points),R="binning",u&&u.length>0&&(C=yt(C,s,o,u));break;default:b.length<1e3?C=b:(C=he(b,l.target_points),R="sampled"),u&&u.length>0&&(C=yt(C,s,o,u));}let h=null;return b.length!==C.length&&(h=`${R} ${b.length.toLocaleString()} \u2192 ${C.length.toLocaleString()} points`),{processedData:C,dataReductionInfo:h}},[I,l,e,m,N.x,N.y,_,u,s,o,y]);return k?m?jsx("div",{children:"Loading..."}):I.length?T?jsx(k,{data:dt,displayConfig:V,stacked:p,dataConfig:T,title:n,subtitle:Mt||void 0,disableAnimation:dt.length>100,onZoomChange:ct}):jsx("div",{children:"Invalid chart configuration"}):jsx("div",{children:"Unable to display chart - no data available"}):(console.error("No chart component found"),null)},(t,e)=>Rn(t,e));function ot({content:t,className:e}){return t?.length?jsx("div",{className:e||"prose dark:prose-invert max-w-4xl w-full leading-normal",children:jsx("p",{style:{whiteSpace:"pre-wrap"},children:t})}):null}function jn(t){let e=[],n=t;for(;n.length>0;){let a=n.indexOf("{"),r=n.indexOf("["),s=-1,o=true;if(a>=0&&(r<0||a<r)?(s=a,o=true):r>=0&&(s=r,o=false),s<0){n.trim()&&e.push({type:"text",content:n});break}if(s>0){let c=n.slice(0,s);c.trim()&&e.push({type:"text",content:c});}let i=0,l=s,p=o?"{":"[",u=o?"}":"]";for(let c=s;c<n.length;c++)if(n[c]===p&&i++,n[c]===u&&i--,i===0){l=c+1;break}let d=n.slice(s,l);try{let c=JSON.parse(d);e.push({type:"json",content:c});}catch{e.push({type:"text",content:d});}n=n.slice(l);}return e}function Ln(t){switch(t){case "muted":return "text-gray-500";case "error":return "text-red-500";case "warning":return "text-yellow-600";case "success":return "text-green-600";default:return ""}}function Q({content:t,className:e}){let n=typeof t=="string"?t:JSON.stringify(t,null,2),a=useMemo(()=>jn(n),[n]);return n?.length?jsx("div",{className:e||"prose dark:prose-invert leading-normal",children:a.map((r,s)=>{if(r.type==="json"){let o=r.content;return o.message&&typeof o.message=="string"?jsx("p",{className:Ln(o.style),children:o.message},s):jsx("pre",{className:"bg-gray-100 dark:bg-gray-800 p-3 rounded overflow-x-auto text-sm",children:JSON.stringify(o,null,2)},s)}return jsx("p",{children:r.content},s)})}):null}function bt({config:t,data:e,className:n}){let a=useMemo(()=>!t?.chart_type||!t?.chart_title||!t?.series?.length||!t?.y_axes?.length?null:{chartType:t.chart_type,title:t.chart_title,xAxis:{label:t.x_axis.axis_label,key:t.x_axis.key,maxValue:t.x_axis.max_value,minValue:t.x_axis.min_value,type:t.x_axis.value_type,format:t.x_axis.format},yAxes:t.y_axes.map(i=>({label:i.axis_label,key:i.key,maxValue:i.max_value,minValue:i.min_value,type:i.value_type,format:i.format})),series:t.series.map(i=>({key:i.key,name:i.series_name,color:i.color,axisIndex:i.axis_index,filters:i.filters})),dataReduction:t.data_reduction,stacked:t.stacked,sort:t.sort},[t]);if(!a)return jsx("div",{className:"text-red-500",children:"Invalid chart configuration"});if(!e||e.length===0)return jsx("div",{className:"text-gray-500",children:"No data available for chart"});let r=null;switch(a.chartType){case "bar":case "histogram":r=Y;break;case "line":r=et;break;case "pie":r=nt;break;case "scatter":r=rt;break;case "heatmap":r=at;break}if(!r)return jsxs("div",{className:"text-red-500",children:["Unsupported chart type: ",a.chartType]});let s={[a.xAxis.key]:{label:a.xAxis.label,format:a.xAxis.format,type:a.xAxis.type},...a.series.reduce((i,l)=>(i[l.key]={label:l.name,color:l.color},i),{})},o={chartType:a.chartType,xAxis:a.xAxis,yAxes:a.yAxes,series:a.series};return jsx("div",{className:n||"w-full max-w-3xl",children:jsx(r,{title:a.title,data:e,displayConfig:s,dataConfig:o,stacked:a.stacked,disableAnimation:e.length>100})})}function _t({title:t,columns:e,data:n,className:a,maxRows:r=100}){let s=useMemo(()=>!n||n.length===0?[]:r?n.slice(0,r):n,[n,r]);return !e||e.length===0?jsx("div",{className:"text-gray-500",children:"No columns defined"}):!n||n.length===0?jsx("div",{className:"text-gray-500",children:"No data available"}):jsxs("div",{className:a||"w-full max-w-4xl",children:[t&&jsx("h3",{className:"text-lg font-medium mb-2",children:t}),jsx("div",{className:"overflow-x-auto border rounded-md",children:jsxs("table",{className:"w-full text-sm",children:[jsx("thead",{children:jsx("tr",{className:"border-b bg-gray-50 dark:bg-gray-800",children:e.map(o=>jsx("th",{className:"px-4 py-2 text-left font-medium text-gray-700 dark:text-gray-300",children:o.column_name},o.key))})}),jsx("tbody",{children:s.map((o,i)=>jsx("tr",{className:"border-b last:border-b-0 hover:bg-gray-50 dark:hover:bg-gray-800/50",children:e.map(l=>jsx("td",{className:"px-4 py-2 text-gray-900 dark:text-gray-100",children:gt(o[l.key],l.format,l.value_type)},l.key))},i))})]})}),n.length>r&&jsxs("p",{className:"text-sm text-gray-500 mt-2",children:["Showing ",r," of ",n.length," rows"]})]})}function Ce({item:t,className:e,components:n}){let a=typeof t.ui_content_type=="object"&&t.ui_content_type?.Valid?t.ui_content_type.String:typeof t.ui_content_type=="string"?t.ui_content_type:t.content_type,r=typeof t.content=="string"?t.content:JSON.stringify(t.content);switch(a){case "text":case "thinking":case "redacted_thinking":{let s=n?.text||ot;return jsx(s,{content:r,className:e})}case "json":case "codegen_json":{let s=n?.json||Q;return jsx(s,{content:t.content,className:e})}case "chart":case "ui_generation":{if(t.chartConfig&&t.chartData){let s=n?.chart||bt;return jsx(s,{config:t.chartConfig,data:t.chartData,className:e})}try{let s=typeof t.content=="string"?JSON.parse(t.content):t.content;if(s.children)return qn(s.children,e,n);let o=n?.json||Q;return jsx(o,{content:t.content,className:e})}catch{let s=n?.json||Q;return jsx(s,{content:t.content,className:e})}}case "table":{if(t.tableColumns&&t.tableData){let o=n?.table||_t;return jsx(o,{columns:t.tableColumns,data:t.tableData,className:e})}let s=n?.json||Q;return jsx(s,{content:t.content,className:e})}case "log":case "codeexec_output":return jsx("pre",{className:e||"bg-gray-100 dark:bg-gray-800 p-3 rounded text-sm overflow-x-auto",children:r});case "bot_invocation":case "bot_invocation_result":case "tool_invocation":case "tool_result":case "security_check_json":return null;default:{let s=n?.text||ot;return jsx(s,{content:r,className:e})}}}function qn(t,e,n){return !t||!Array.isArray(t)?null:t.map((a,r)=>{if(!a?._type)return null;switch(a._type){case "Chart":{let s=n?.chart||bt,o=a.content;return jsx("div",{className:"my-4",children:jsx(s,{config:{chart_type:o.chart_type,chart_title:o.chart_title,x_axis:o.x_axis,y_axes:o.y_axes,series:o.series,data_reduction:o.data_reduction,stacked:o.stacked,sort:o.sort},data:[],className:e})},`chart-${r}`)}case "Table":{let s=n?.table||_t,o=a.content;return jsx("div",{className:"my-4",children:jsx(s,{title:o.table_title,columns:o.columns,data:[],className:e})},`table-${r}`)}case "TextMarkdown":{let s=n?.text||ot;return jsx("div",{className:"my-2",children:jsx(s,{content:a.content?.text||"",className:e})},`text-${r}`)}case "Suggestions":{let s=a.content?.suggestions||[];return s.length?jsx("div",{className:"flex flex-col gap-2 my-4",children:s.map((o,i)=>jsx("button",{className:"text-left px-3 py-2 bg-gray-100 dark:bg-gray-800 rounded hover:bg-gray-200 dark:hover:bg-gray-700 text-sm",children:o},i))},`suggestions-${r}`):null}default:return null}})}function xe({text:t,className:e}){return t?.length?jsx("div",{className:A("prose dark:prose-invert leading-tight",e),children:jsx(Zn,{remarkPlugins:[zn],children:t})}):null}function ke(t){let e={success:true,messages:[],events:t,steps:[]};for(let n of t)switch(n.type){case "invocation_started":if(n.payload&&typeof n.payload=="object"){let r=n.payload;e.invocationId=r.invocation_id,e.botId=r.bot_id;}break;case "message":case "message_content":if(n.payload&&typeof n.payload=="object"){let r=n.payload;r.role&&r.content&&e.messages.push({role:r.role,content:r.content});}break;case "step_started":if(n.payload&&typeof n.payload=="object"){let r=n.payload;e.steps.push({key:r.step_key||"",action:r.action||"",status:"running"});}break;case "step_completed":if(n.payload&&typeof n.payload=="object"){let s=n.payload.step_key,o=e.steps.find(i=>i.key===s);o&&(o.status="completed");}break;case "step_error":if(n.payload&&typeof n.payload=="object"){let s=n.payload.step_key,o=e.steps.find(i=>i.key===s);o&&(o.status="failed");}break;case "result":n.payload&&typeof n.payload=="object"&&(e.result=n.payload);break;case "error":if(e.success=false,n.payload&&typeof n.payload=="object"){let r=n.payload;e.error=r.message||r.error||"Unknown error";}else typeof n.payload=="string"&&(e.error=n.payload);break;}return e}function we(t={}){let e=Z(),[n,a]=useState(null),[r,s]=useState(false),[o,i]=useState(null),l=useRef(null),p=useCallback(()=>{l.current&&(l.current.abort(),l.current=null);},[]),u=useCallback(async(d,c)=>{if(!e.client)throw new Error("ErdoClient not configured in provider. Pass a client to ErdoProvider config to use useInvocation.");p(),l.current=new AbortController,s(true),i(null),a(null);try{let m=[];for await(let g of e.client.invokeStream(d,c)){if(l.current?.signal.aborted)break;m.push(g),t.onEvent?.(g);let y=ke(m);a(y);}let f=ke(m);return a(f),t.onFinish?.(f),f}catch(m){let f=m instanceof Error?m:new Error(String(m));throw i(f),t.onError?.(f),f}finally{s(false),l.current=null;}},[e.client,t,p]);return {result:n,isStreaming:r,error:o,invoke:u,cancel:p}}var it=Symbol("parsing"),K=class{result;stack;key;state;stringBuffer;numberBuffer;quoteBuffer;escapeNext;unicode;isInTripleQuotes;constructor(){this.result=void 0,this.stack=[],this.key=void 0,this.state="START",this.stringBuffer="",this.numberBuffer="",this.quoteBuffer="",this.escapeNext=false,this.unicode="",this.isInTripleQuotes=false;}reset(){this.result=void 0,this.stack=[],this.key=void 0,this.state="START",this.stringBuffer="",this.numberBuffer="",this.quoteBuffer="",this.escapeNext=false,this.unicode="",this.isInTripleQuotes=false;}parse(e){return this.reset(),this.add(e)}add(e){for(let n=0;n<e.length;n++){let a=e[n];this.processChar(a);}return this.result}processChar(e){switch(this.state){case "START":this.handleStartState(e);break;case "IN_OBJECT":this.handleObjectState(e);break;case "IN_ARRAY":this.handleArrayState(e);break;case "IN_OBJECT_KEY":this.handleObjectKeyState(e);break;case "AFTER_KEY":this.handleAfterKeyState(e);break;case "IN_OBJECT_VALUE":this.handleObjectValueState(e);break;case "IN_STRING":this.handleStringState(e);break;case "IN_NUMBER":this.handleNumberState(e);break;case "IN_TRUE":this.handleLiteralState(e,"true");break;case "IN_FALSE":this.handleLiteralState(e,"false");break;case "IN_NULL":this.handleLiteralState(e,"null");break;case "IN_UNICODE":this.handleUnicodeState(e);break}}handleStartState(e){if(e==="{")this.startObject();else if(e==="[")this.startArray();else if(!this.isWhitespace(e))throw this.error("must start with { or [","start")}error(e,n){return new Error(`Invalid JSON in ${n}: ${e}`)}handleObjectState(e){if(e==="}")this.endObject();else if(e==='"')this.state="IN_OBJECT_KEY",this.stringBuffer="",this.key=void 0,this.quoteBuffer="";else if(e===",")this.key=void 0;else if(!this.isWhitespace(e))throw this.error(`Invalid character in object: ${e}`,"object")}handleArrayState(e){e==="]"?this.endArray():e===","||this.isWhitespace(e)||this.startValue(e);}handleObjectKeyState(e){e==='"'?(this.state="AFTER_KEY",this.key=this.stringBuffer,this.stringBuffer=""):(this.stringBuffer+=e,this.updateValueInParent(this.stringBuffer));}handleAfterKeyState(e){e===":"?this.state="IN_OBJECT_VALUE":this.isWhitespace(e)||this.isWhitespace(e)||(this.key=this.key+e);}handleObjectValueState(e){this.isWhitespace(e)||this.startValue(e);}handleStringState(e){if(this.escapeNext)this.handleEscapeChar(e);else if(e==="\\")this.escapeNext=true;else if(e==='"'){if(this.quoteBuffer+='"',this.stringBuffer===""&&this.quoteBuffer==='""')this.quoteBuffer="",this.isInTripleQuotes=true;else if(this.stringBuffer&&this.quoteBuffer==='"""'){this.quoteBuffer="",this.isInTripleQuotes=false,this.stringBuffer=this.stringBuffer.replace(/^\n+/,"").replace(/\n+$/,"").trim(),this.endString();return}}else {if(this.quoteBuffer){if(this.quoteBuffer==='"'&&!this.isInTripleQuotes){this.quoteBuffer="",this.endString(),this.processChar(e);return}else if(this.quoteBuffer==='"""'&&this.isInTripleQuotes){this.quoteBuffer="",this.isInTripleQuotes=false,this.endString(),this.processChar(e);return}this.stringBuffer+=this.quoteBuffer,this.quoteBuffer="";}this.stringBuffer+=e,this.updateValueInParent(this.stringBuffer);}}handleNumberState(e){e.match(/[0-9.eE+-]/)?(this.numberBuffer+=e,this.updateValueInParent(parseFloat(this.numberBuffer))):(this.endNumber(),this.processChar(e));}handleLiteralState(e,n){let a=n[this.stringBuffer.length];if(e===a)this.stringBuffer+=e,this.stringBuffer===n?this.endLiteral(n):this.updateValueInParent(this.stringBuffer);else throw this.error(`Invalid literal: expected ${n}`,"literal")}handleUnicodeState(e){if(this.unicode+=e,this.unicode.length===4){let n=parseInt(this.unicode,16);this.stringBuffer+=String.fromCharCode(n),this.unicode="",this.state="IN_STRING";}}handleEscapeChar(e){switch(e){case '"':case "\\":case "/":this.stringBuffer+=e;break;case "b":this.stringBuffer+="\b";break;case "f":this.stringBuffer+="\f";break;case "n":this.stringBuffer+=`
+`;break;case "r":this.stringBuffer+="\r";break;case "t":this.stringBuffer+="	";break;case "u":this.unicode="",this.state="IN_UNICODE";break;case "`":this.stringBuffer+="`";break;default:throw this.error("Invalid escape character","string")}this.escapeNext=false;}startObject(){let e={[it]:true};this.addValueToParent(e),this.stack.push({value:e,key:this.key}),this.key=void 0,this.state="IN_OBJECT";}endObject(){let{value:e,key:n,index:a}=this.stack.pop();if(delete e[it],this.stack.length===0)this.state="END",this.result={...e};else {let{value:r}=this.stack[this.stack.length-1];if(Array.isArray(r))a!==void 0?r[a]={...e}:r[r.length-1]={...e};else if(n!==void 0)r[n]={...e};else throw this.error("Key is undefined","object");this.state=this.getParentState();}}startArray(){let e=[];e[it]=true,this.addValueToParent(e),this.stack.push({value:e,key:this.key,index:0}),this.key=void 0,this.state="IN_ARRAY";}endArray(){let{value:e,key:n,index:a}=this.stack.pop();if(delete e[it],this.stack.length===0)if(this.state="END",Array.isArray(e))this.result=[...e];else throw this.error("Expected array at root level","array");else {let{value:r}=this.stack[this.stack.length-1];Array.isArray(r)?a!==void 0?r[a]=Array.isArray(e)?[...e]:e:r[r.length-1]=Array.isArray(e)?[...e]:e:n!==void 0&&(r[n]=Array.isArray(e)?[...e]:e),this.state=this.getParentState();}}startValue(e){if(e==='"')this.state="IN_STRING",this.stringBuffer="",this.quoteBuffer="",this.addValueToParent("");else if(e.match(/[0-9-]/))this.state="IN_NUMBER",this.numberBuffer=e,this.addValueToParent(parseFloat(e));else if(e==="t")this.state="IN_TRUE",this.stringBuffer="t",this.addValueToParent("t");else if(e==="f")this.state="IN_FALSE",this.stringBuffer="f",this.addValueToParent("f");else if(e==="n")this.state="IN_NULL",this.stringBuffer="n",this.addValueToParent("n");else if(e==="{")this.startObject();else if(e==="[")this.startArray();else throw this.error(`Invalid value start: ${e}`,"value")}endString(){let e=this.stringBuffer;this.stringBuffer="",this.updateValueInParent(e),this.state=this.getParentState();}endNumber(){let e=parseFloat(this.numberBuffer);this.updateValueInParent(e),this.numberBuffer="",this.state=this.getParentState();}endLiteral(e){let n;switch(e){case "true":n=true;break;case "false":n=false;break;case "null":n=null;break;default:throw this.error("Invalid literal","literal")}this.updateValueInParent(n),this.stringBuffer="",this.state=this.getParentState();}addValueToParent(e){if(this.stack.length===0)this.result=e;else {let n=this.stack[this.stack.length-1],{value:a}=n;if(Array.isArray(a))a.push(e),n.index!==void 0&&n.index++;else if(this.state==="IN_OBJECT_KEY")this.key=e,a[this.key]="";else {if(this.key===void 0)throw this.error("Key is undefined","object");a[this.key]=e;}}}updateValueInParent(e){if(this.stack.length===0)this.result=e;else {let n=this.stack[this.stack.length-1],{value:a}=n;if(Array.isArray(a))n.index!==void 0?a[n.index-1]=e:a[a.length-1]=e;else if(this.key!==void 0)a[this.key]=e;else if(this.state!=="IN_OBJECT_KEY")throw this.error("Key is undefined","object")}}isWhitespace(e){return e===" "||e==="	"||e===`
+`||e==="\r"}getParentState(){return this.stack.length===0?"END":Array.isArray(this.stack[this.stack.length-1].value)?"IN_ARRAY":"IN_OBJECT"}};function Qn(t){let e=t.trim();try{return JSON.parse(e)}catch{try{return new K().parse(e)}catch(a){return console.log("content",e),console.error("Error parsing JSON",a),null}}}function Dt(t){return t===" "||t===`
+`||t==="	"||t==="\r"}function Gn(t,e){if(e>=t.length-1)return "";for(let n=e+1;n<t.length;n++)if(!Dt(t[n]))return t[n];return ""}function Bt(t){if(typeof t!="string")return t;let e=[],n=/```json\s*\n([\s\S]*?)(?:(?:\n)?```|$)/g,a=n.test(t);if(n.lastIndex=0,a){let r=0,s;for(;(s=n.exec(t))!==null;){let i=t.substring(r,s.index).trim();i&&e.push({content:i,type:"text"});let l=s[1];try{let p=JSON.parse(l);e.push({content:p,type:"json"});}catch{try{let d=new K().parse(l);d?e.push({content:d,type:"json"}):e.push({content:s[0],type:"text"});}catch{e.push({content:s[0],type:"text"});}}r=s.index+s[0].length;}let o=t.substring(r).trim();o&&e.push({content:o,type:"text"});}else {let r="",s=null,o=false,i=0;for(let l=0;l<t.length;l++){let p=t[l],u=Gn(t,l);if(!o&&(p==="{"&&u==='"'||p==="["&&u==="{")&&(r.trim()&&e.push({content:r.trim(),type:"text"}),o=true,s=new K,r=""),o){let d;try{d=s.add(p);}catch(c){if(console.log("currentChunk",r),console.log("currentResult",s?.result),console.warn("Error parsing JSON",c),i>3)throw c;i++;continue}r+=p,s.state==="END"&&(e.push({content:d,type:"json"}),o=false,s=null,r="");}else r+=p;}r.trim()&&e.push({content:r.trim(),type:"text"});}return e}function Xn(t){return t&&typeof t=="object"&&!t[it]}function tr(t){return t&&typeof t=="object"&&t[it]===true}function Ct(t,e){return t==="json"||e==="json"}var Ie=(l=>(l.Pending="pending",l.Running="running",l.Success="success",l.Error="error",l.RequiresInfo="requires info",l.GoToStep="go to step",l.Skipped="skipped",l.Break="break",l))(Ie||{}),Ee=(s=>(s.Initializing="initializing",s.Running="running",s.ProcessingDatasets="processing datasets",s.Completed="completed",s.Failed="failed",s))(Ee||{});function O(t){if(!t)throw new Error("Entity is null");if(!("_type"in t))throw new Error(`Entity ${JSON.stringify(t)} is missing _type`);return t._type}function er(t){return t.contents.length===0?null:t.contents[t.contents.length-1]||null}function nr(t){return t.contents.length===0?null:t.contents[0]||null}function Yt(t,e){let n=O(t);switch(n){case "message":return t;case "step":let a=t;if(e){let o=a.eventsByID[e]?.Message;return o||Te({},"",e)}let s=Object.keys(a.eventsByID).reverse();for(let o of s){let i=a.eventsByID[o];if(i&&i.Message)return i.Message}throw new Error("Unable to find message for step");default:throw new Error(`Unable to have messages on entity type ${n}`)}}function rr(t,e){switch(O(t)){case "message_content":return t;case "output_content":return t;case "message":return lt(t,e);case "output":return ut(t,e);case "step":let a=Ot(t,e);return a?ut(a,e):null;default:return null}}function lt(t,e){let n=O(t);switch(n){case "message_content":return t;case "message":let a=Yt(t);if(!a)throw new Error("Unable to find message to add content to");return e?a.contentsByID[e]:er(a);default:throw new Error(`Unable to have message content on entity type ${n}`)}}function ut(t,e){let n=O(t);switch(n){case "output_content":return t;case "output":let a=t;return e?a.contentsByID[e]||null:a.contents.length<=0?null:a.contents[a.contents.length-1]||null;case "step":let s=Ot(t,e);return s?ut(s):null;case "invocation":if(!e)return null;let o=t.eventsByID[e];return !o||!o.Output?null:ut(o.Output);default:throw new Error(`Unable to have output content on entity type ${n}`)}}function Qt(t,e){let n=O(t),a=null;switch(n){case "invocation":return t;case "message_content":if(a=t.botInvocation||null,!a)throw new Error("Unable to find bot invocation for message content");if(e&&a.bot_invocation.id!==e)throw new Error("Unable to find bot invocation for message content - mismatched ID");return a;case "message":if(a=nr(t)?.botInvocation||null,!a)throw new Error("Unable to find bot invocation for message");if(e&&a.bot_invocation.id!==e)throw new Error("Unable to find bot invocation for message - mismatched ID");return a;case "output_content":return t.botInvocation||null;default:throw new Error(`Unable to have bot invocation on entity type ${n}`)}}function Ot(t,e){let n=O(t);switch(n){case "output":return t;case "step":let a=t;if(e){let i=a.eventsByID[e]?.Output;if(!i)throw new Error("Unable to find output with id "+e);return i}let s=Object.keys(a.eventsByID).reverse();for(let i of s){let l=a.eventsByID[i];if(l&&l.Output)return l.Output}throw new Error("Unable to find output for step");case "invocation":if(!e)throw new Error("Unable to find output for invocation without ID");return t.eventsByID[e]?.Output||null;default:throw new Error(`Unable to have step outputs on entity type ${n}`)}}function Be(t,e){let n=O(t);switch(n){case "result_handler":return t;case "step":if(!e)throw new Error("Unable to have result handlers on step without ID");let a=t.eventsByID[e];if(!a||!a.type||a.type!=="result_handler"||!a.ResultHandler)throw new Error(`Unable to find result handler with id ${e} on step ${t.id}`);return a.ResultHandler;default:throw new Error(`Unable to have result handlers on entity type ${n}`)}}function Oe(t,e){let n=O(t),a=null;switch(n){case "step":if(t.id===e||!e)return t;throw new Error("Unable to find step on step with id "+e);case "invocation":if(!e)throw new Error("Unable to have steps on bot invocation without ID");a=t;let r=a.eventsByID[e];if(!r)throw new Error("Unable to find step on invocation with id "+e);if(!r.Step)throw new Error("Unable to find step on invocation with id "+e);return r.Step;case "result_handler":if(!e)throw new Error("Unable to have steps on result handler without ID");let o=t.eventsByID[e];if(!o)throw new Error("Unable to find step on result handler with id "+e);if(!o.Step)throw new Error("Unable to find step on result handler with id "+e);return o.Step;default:throw new Error(`Unable to have steps on entity type ${n}`)}}var Zt=class extends Error{};function ar(t,e,n){let a=null,r=e[0],s=e[1];n[r]=s;try{switch(r){case "message":a=Yt(t,s);break;case "content":a=lt(t,s);break;case "step":a=Oe(t,s);break;case "output":a=Ot(t,s);break;case "output_content":a=ut(t,s);break;case "invocation":a=Qt(t,s);break;case "result_handler":a=Be(t,s);break}}catch(o){throw console.error("error finding next entity"),console.log("path",e),console.log("currentEntity",t),o}if(!a)throw console.log("path",e),console.log("currentEntity",t),console.log("nextEntity",a),new Zt(`Unable to find next entity for path ${e.join("/")}`);return a}function Te(t,e,n,a){let r=t.payload;return {_type:"message",message:{id:n,thread_id:e,author_id:r.author_id||"app",author_entity_type:r.author_entity_type||"app",created_at:new Date().toISOString(),updated_at:new Date().toISOString(),role:r.role||"assistant",avatar:"/teams/erdo.svg"},state:"in_progress",contents:[],contentsByID:{},contentIDToIdx:{}}}function sr(t,e){return {_type:"message_content",id:t.metadata.message_content_id,message_id:e.message,content_type:t.metadata.content_type,created_by_invocation_id:t.metadata.invocation_id,invocation_id:t.metadata.invocation_id,state:"in_progress",user_visibility:t.metadata.user_visibility??"visible",bot_visibility:t.metadata.bot_visibility??"visible",content:"",created_at:new Date().toISOString(),updated_at:new Date().toISOString(),content_params:{RawMessage:null,Valid:false},history_content_type:t.metadata?.history_content_type?{String:t.metadata.history_content_type,Valid:true}:{String:"",Valid:false},ui_content_type:t.metadata?.ui_content_type?{String:t.metadata.ui_content_type,Valid:true}:{String:"",Valid:false}}}function or(t,e){let n=t.metadata?.ui_content_type,a=typeof t.payload=="string"?t.payload:t.payload.content||t.payload,r=null;return Ct(t.metadata.content_type,n)&&(r=Bt(a)),{_type:"message_content",id:t.metadata.message_content_id,message_id:e.message,content:a,content_type:t.metadata.content_type,created_by_invocation_id:t.metadata.invocation_id,invocation_id:t.metadata.invocation_id,state:"completed",user_visibility:t.metadata.visibility||"visible",bot_visibility:"visible",created_at:new Date().toISOString(),updated_at:new Date().toISOString(),content_params:{RawMessage:null,Valid:false},history_content_type:t.metadata?.history_content_type?{String:t.metadata.history_content_type,Valid:true}:{String:"",Valid:false},ui_content_type:n?{String:n,Valid:true}:{String:"",Valid:false},parsedJson:r}}function ir(t,e,n){let a=t.payload;return {_type:"step",id:e,invocation_id:n.invocation||"",step_id:a.step_id||"",created_at:new Date().toISOString(),updated_at:new Date().toISOString(),current_status_id:"",path:{String:"",Valid:false},action_type:{String:a.action_type,Valid:true},key:{String:a.key,Valid:true},bot_id:a.bot_id,result_handler_id:"",step_order:{Int32:a.step_order,Valid:true},output_content_type:{String:a.content_type,Valid:true},execution_mode:{String:a.execution_mode,Valid:true},output_behaviour:{String:a.output_behaviour,Valid:true},user_output_visibility:{String:t.metadata.visibility||"visible",Valid:true},output_channels:a.output_channels||[],running_message:{String:"",Valid:false},finished_message:{String:"",Valid:false},depends_on:[],eventsByID:{},currentStatus:null}}function lr(t,e,n){let a=t.payload;return {_type:"result_handler",id:e,invocation_id:t.metadata.invocation_id||"",result_handler_id:a.result_handler_id||e,step_invocation_id:a.step_invocation_id||"",type:a.type||"",if_conditions:a.if_conditions||{},created_at:new Date().toISOString(),updated_at:new Date().toISOString(),output_content_type:a.output_content_type||"",result_handler_order:a.result_handler_order||0,eventsByID:{}}}function ur(t,e,n){return {_type:"output",id:e,step_id:n.step_id,output:{id:e,invocation_id:t.metadata?.invocation_id,path:t.metadata.path,created_at:new Date().toISOString(),updated_at:new Date().toISOString()},state:"in_progress",contents:[],contentsByID:{},contentIDToIdx:{}}}function Re(t,e,n,a=null){return {_type:"output_content",id:e,output_id:n.output,content:"",content_type:t.metadata.content_type,state:"in_progress",invocation_id:t.metadata.invocation_id,user_visibility:a??t.metadata.user_visibility??"visible",bot_visibility:t.metadata.bot_visibility??"visible",created_at:new Date().toISOString(),updated_at:new Date().toISOString(),content_params:{RawMessage:null,Valid:false},history_content_type:t.metadata.history_content_type?{String:t.metadata.history_content_type,Valid:true}:{String:"",Valid:false},ui_content_type:t.metadata.ui_content_type?{String:t.metadata.ui_content_type,Valid:true}:{String:"",Valid:false},output:null}}function Ne(t,e,n,a=null){let r=null,s=t.metadata?.ui_content_type;return Ct(t.metadata.content_type,s)&&(r=Bt(t.payload)),{_type:"output_content",id:e,output_id:n.output,content:t.payload,content_type:t.metadata.content_type,state:"completed",invocation_id:t.metadata.invocation_id,parsedJson:r,user_visibility:a||t.metadata.visibility||"visible",bot_visibility:"visible",created_at:new Date().toISOString(),updated_at:new Date().toISOString(),content_params:{RawMessage:null,Valid:false},history_content_type:t.metadata?.history_content_type?{String:t.metadata.history_content_type,Valid:true}:{String:"",Valid:false},ui_content_type:s?{String:s,Valid:true}:{String:"",Valid:false},output:null}}function cr(t,e,n){return {_type:"invocation",bot_invocation:{id:t.payload.invocation_id,bot_id:t.payload.bot_id,bot_name:t.payload.bot_name,created_by_user_id:t.payload.created_by_user_id,current_state_id:"",parent_invocation_id:"",branch_init_state_id:"",current_status_id:"",organization_id:"",created_at:new Date().toISOString(),updated_at:new Date().toISOString()},eventsByID:{},currentStatus:null,current_status:null,step_invocations:[],step_invocation_states:[],resources:[],outputs:[],statuses:[]}}function qt(t,e){let n=t.payload;return {_type:"status",id:new Date().toISOString(),status:n.status,message:{String:n.message,Valid:true},Details:n}}function Me(t){return {id:t.id,type:"step",created_at:t.created_at,_type:"invocation_event",Output:null,Message:null,Status:null,ResultHandler:null,Step:t}}function Gt(t){return {id:t.output.id,type:"output",created_at:t.output.created_at,_type:"invocation_event",Output:t,Message:null,Status:null,ResultHandler:null,Step:null}}function Xt(t){return {id:t.id,type:"status",created_at:t.created_at,_type:"invocation_event",Status:t,Output:null,Message:null,ResultHandler:null,Step:null}}function dr(t){return {id:t.message.id,type:"message",created_at:t.message.created_at,_type:"invocation_event",Output:null,Message:t,Status:null,ResultHandler:null,Step:null}}function pr(t){return {id:t.id,type:"result_handler",created_at:t.created_at,_type:"invocation_event",Output:null,Message:null,Status:null,ResultHandler:t,Step:null}}function te(t,e){if(t.content||(t.content=""),t.user_visibility!=="visible"||!Ct(t.content_type,t.ui_content_type.String))return t.content+=e,{...t};if(t.parsedJson||(t.parsedJson=[]),typeof e=="object")return t.content+=JSON.stringify(e),t.parsedJson=[...t.parsedJson,e],{...t};t._jsonParser||(t._isInJson=false),t._charBuffer||(t._charBuffer="");for(let n of e){if(t.content+=n,!t._isInJson&&n==="{"){t._charBuffer="{";continue}if(t._charBuffer&&Dt(n)){t._charBuffer+=n;continue}if(!t._isInJson&&t._charBuffer?.match(/^\s*{\s*$/)&&n==='"'){t._isInJson=true,t._jsonParser=new K;let r={content:t._jsonParser.add("{"),type:"json"};t._currentContent?.content?t._currentContent.content.match(/^\s*{$/)?(t._currentContent=r,t.parsedJson[t.parsedJson.length-1]=r):(t._currentContent.content=t._currentContent.content.replace(/{$/,""),t._currentContent=r,t.parsedJson=[...t.parsedJson,r]):(t._currentContent=r,t.parsedJson=[...t.parsedJson,r]);}if(t._isInJson)try{let a=t._jsonParser.add(n);t._currentContent.content=a,t._jsonParser.state==="END"&&(t._isInJson=!1,t._currentContent=void 0);}catch(a){console.log("content",e),console.log("currentContent",t.content),console.error("Error incrementally parsing JSON",a);}else t._currentContent||(t._currentContent={content:t._charBuffer||"",type:"text"},t.parsedJson=[...t.parsedJson,t._currentContent]),t._currentContent.content+=t._charBuffer+n;t._charBuffer="";}return {...t}}function fr(t,e){return te(t,e)}function De(t,e){return te(t,e)}function zt(t,e){let n=O(t);switch(n){case "message":return q(t,e);case "message_content":return ee(t,e);case "step":return mr(t,e);case "output":return hr(t,e);case "output_content":return yr(t,e);case "invocation":return Tt(t,e);case "result_handler":return br(t,e);default:throw new Error(`Unable to add update entity for entity type ${n}`)}}function gr(t,e){for(let n of e)t=zt(t,n);return t}function q(t,e){let n=Yt(t);if(!n)throw new Error("Unable to find message to add content to");let a=O(e),r=null;switch(a){case "message_content":return r=e,n.contentsByID[r.id]?n.contents[n.contentIDToIdx[r.id]]=r:(n.contentIDToIdx={...n.contentIDToIdx,[r.id]:n.contents.length},n.contents=[...n.contents,r]),n.contentsByID={...n.contentsByID,[r.id]:r},{...n};case "invocation":let s=e;if(n.contents.length===0)throw new Error("Unable to find message content to add invocation to");return r=ee(n.contents[0],s),q(n,r);case "step":if(n.contents.length===0)throw new Error("Unable to find message content to add content to");if(r=n.contents[0],!r)throw new Error("Unable to find message content to add content to");let o=Qt(r);if(!o)throw new Error("Unable to find bot invocation to add content to");return r.botInvocation=Tt(o,e),q(n,r);default:throw new Error(`Unable to add update message child for child type ${a}`)}}function ee(t,e){let n=lt(t);if(!n)throw new Error("Unable to find message content to add content to");let a=O(e);switch(a){case "invocation":return n.botInvocation=e,{...n};case "step":let r=n.botInvocation;if(!r)throw new Error("Unable to find bot invocation to add content to");return n.botInvocation=Tt(r,e),{...n};default:throw new Error(`Unable to add update message content child for child type ${a}`)}}function mr(t,e){let n=Oe(t);if(!n)throw new Error("Unable to find bot invocation to add step to");let a=O(e),r=null;switch(a){case "output":let s=e;return r=Gt(s),n.eventsByID={...n.eventsByID,[s.output.id]:r},{...n};case "message":let o=e;return r=dr(o),n.eventsByID={...n.eventsByID,[o.message.id]:r},{...n};case "status":let i=e;return r=Xt(i),n.eventsByID={...n.eventsByID,[i.id]:r},{...n};case "result_handler":let l=e;return r=pr(l),n.eventsByID={...n.eventsByID,[l.id]:r},{...n};default:throw new Error(`Unable to add update step for entity type ${a}`)}}function hr(t,e){let n=Ot(t);if(!n)throw new Error("Unable to find step output to add content to");let a=O(e);switch(a){case "output_content":let r=e;return n.contentsByID[r.id]?n.contents[n.contentIDToIdx[r.id]]=r:(n.contentIDToIdx={...n.contentIDToIdx,[r.id]:n.contents.length},n.contents=[...n.contents,r]),n.contentsByID={...n.contentsByID,[r.id]:r},{...n};default:throw new Error(`Unable to add update output for entity type ${a}`)}}function yr(t,e){let n=ut(t);if(!n)throw new Error("Unable to find step output content to add content to");let a=O(e);switch(a){case "invocation":return n.botInvocation=e,{...n};case "step":let r=n.botInvocation;if(!r)throw new Error("Unable to find bot invocation to add content to");return n.botInvocation=Tt(r,e),{...n};default:throw new Error(`Unable to add update step output content for entity type ${a}`)}}function Tt(t,e){let n=Qt(t);if(!n)throw new Error("Unable to find bot invocation to add content to");let a=O(e),r;switch(a){case "step":let s=e;return r=Me(s),n.eventsByID={...n.eventsByID,[s.id]:r},{...n};case "output":let o=e;return r=Gt(o),n.eventsByID={...n.eventsByID,[o.output.id]:r},{...n};case "status":let i=e;return r=Xt(i),n.eventsByID={...n.eventsByID,[i.id]:r},{...n};default:throw new Error(`Unable to add update invocation for entity type ${a}`)}}function br(t,e){let n=Be(t);if(!n)throw new Error("Unable to find result handler to add content to");let a=O(e),r=null;switch(a){case "step":let s=e;return r=Me(s),n.eventsByID||(n.eventsByID={}),n.eventsByID={...n.eventsByID,[s.id]:r},{...n};case "output":let o=e;return r=Gt(o),n.eventsByID||(n.eventsByID={}),n.eventsByID={...n.eventsByID,[o.output.id]:r},{...n};case "status":let i=e;return r=Xt(i),n.eventsByID||(n.eventsByID={}),n.eventsByID={...n.eventsByID,[i.id]:r},{...n};default:throw new Error(`Unable to add update to result handler for entity type ${a}`)}}function _r(t){return t==="bot started"||t==="bot resumed"||t==="message created"||t==="create message content"||t==="message content result"||t==="step started"||t==="result handler started"||t==="state created"||t==="step output created"||t==="create step output content"||t==="step output content result"||t==="log"}function Pe(t,e,n,a,r,s=null,o=[],i={}){if(!s&&Object.keys(r).length>0){let d,c;if(n.length>=2&&n[0]==="message"?(c=n[1],d=r[c],d||(d=Object.values(r)[0],c=Object.keys(r)[0])):(d=Object.values(r)[Object.values(r).length-1],c=Object.keys(r)[Object.keys(r).length-1]),i.message=c,n.length<=2&&t==="message finished")return null;if(n[0]!=="content"&&Object.keys(d.contentsByID).length>0&&e.metadata.message_content_id){let m=e.metadata.message_content_id,f=d.contentsByID[m];f&&(s=f);}s?o=[d]:s=d;}if(n.length<=2&&_r(t)){let d=n[1],c=[],m,f,g,y,w;switch(t){case "bot started":case "bot resumed":if(!s)throw new Error("Unable to find message to add content to");let I=cr(e);if(s._type==="message_content"){if(f=s,!f.id)throw new Error("Unable to find message content id");if(g=r[f.message_id],!g)throw new Error("Unable to find message to add content to");if(y=lt(g,f.id),!y)throw new Error("Unable to find message content to add content to");let k=ee(y,I);r[f.message_id]={...q(g,k)};}c.push(I);break;case "message created":return r[d]=Te(e,a,d),null;case "create message content":if(!s)throw new Error("Unable to find message to add content to");if(w=sr(e,i),s._type==="output"){m=s,c.push(Re(e,d,i,"hidden"));let k=e.payload.message_id;if(k||(k=o[0].message.id),g=r[k],!g)throw new Error("Unable to find message to add content to")}else if(s._type==="message_content"){if(m=s,g=r[m.message_id],!g)throw new Error("Unable to find message to add content to")}else {if(s._type!=="message")throw new Error(`Incorrect path? Cannot add content to non-message entity: ${s._type}`);if(m=s,g=r[m.message.id],!g)throw new Error("Unable to find message to add content to");c.push(w);}r[g.message.id]={...q(g,w)};break;case "message content result":if(!s)throw new Error("Unable to find message to add content to");let _=null;if(s._type==="output"){c.push(Ne(e,d,i,"hidden"));let k=e.payload.message_id||i.message;if(k?_=o.find(J=>J.message.id===k):_=o[0],g=r[k],!g)throw new Error("Unable to find message to add content to")}else if(s._type==="message_content"){if(_=o[0],g=r[_.message.id],!g)throw new Error("Unable to find message to add content to")}else {if(s._type!=="message")throw new Error(`Incorrect path? Cannot add content to non-message entity: ${s._type}`);if(_=s,g=r[_.message.id],!g)throw new Error("Unable to find message to add content to")}let V=e.metadata.message_content_id;if(!V)throw new Error("Unable to find message content id");let T=lt(_,V);if(T){T.state="completed";let k=typeof e.payload=="string"?e.payload:e.payload.content||e.payload;T.content=k,r[g.message.id]={...q(g,T)},(s._type==="message"||s._type==="message_content")&&c.push(T);}else T=or(e,i),r[g.message.id]={...q(g,T)},(s._type==="message"||s._type==="message_content")&&c.push(T);break;case "step started":c.push(ir(e,d,i));break;case "result handler started":c.push(lr(e,d));break;case "step output created":c.push(ur(e,d,s));break;case "create step output content":c.push(Re(e,d,i));break;case "step output content result":c.push(Ne(e,d,i));break;case "log":return null;default:throw new Error(`Unable to handle create event type ${t}`)}return c.length?!s||s._type==="message_content"&&c.length===1&&c[0]._type==="message_content"?c[0]:gr(s,c):null}if(!s)throw new Error("No first message has been created, so cannot handle amend events");if(n.length<=1){let d=null;try{d=rr(s);}catch{}switch(t){case "message content delta":if(!d)throw new Error("Unable to find message content");let c=null,m=null,f=null;if(s._type==="output_content"){c=De(s,e.payload);let I=e.metadata.message_content_id;if(!I)throw new Error("Unable to find message content id from entity ids");let _=i.message;if(f=o.find(V=>V.message.id===_),!f)throw new Error("Unable to find message to add content to");m=lt(f,I);}else {if(m=d,f=o[o.length-1],!f)throw new Error("Unable to find message to add content to");if(f._type!=="message")throw new Error("Unable to find message to add content to - not a message")}if(!m)throw new Error("Unable to find message content");let g=r[f.message.id];if(!g)throw new Error("Unable to find message to add content to");let y=fr(m,e.payload);return r[g.message.id]={...q(g,y)},s._type==="message_content"&&(c=y),c;case "step output content delta":return De(d,e.payload);case "status":return s._type==="step"&&(s.currentStatus=qt(e)),s._type==="invocation"&&(s.currentStatus=qt(e)),zt(s,qt(e));case "result":return null;case "message finished":return null;case "step output finished":return null;case "step result":return null;case "error":return null;case "dataset created":return null;case "log":return null;default:throw new Error(`Unable to handle event type ${t}`)}}let l=n.slice(2),p=ar(s,n,i),u=Pe(t,e,l,a,r,p,[...o,s],i);return u?zt(s,{...u}):s}export{Y as BarChart,$ as Chart,pt as ChartContainer,bt as ChartContent,Ft as ChartLegend,jt as ChartLegendContent,ie as ChartStyle,Jt as ChartTooltip,$t as ChartTooltipContent,Ce as Content,be as DatasetChart,re as ErdoProvider,z as ErrorBoundary,Ee as ExecutionStatus,at as HeatmapChart,Ie as InvocationStatus,K as JSONStreamParser,Q as JsonContent,et as LineChart,xe as MarkdownContent,nt as PieChart,rt as ScatterChart,_t as TableContent,ot as TextContent,A as cn,gt as formatValue,te as handleIncrementalMixedJsonParsing,Pe as handleSSEEvent,Ct as isJsonLike,Xn as isParsingComplete,tr as isParsingInProgress,Dt as isWhitespaceChar,Qn as parseCompleteJson,Bt as parseMixedJson,le as parseToDate,wt as resolveKeyFromData,me as toSnakeCase,xt as useChartZoom,ge as useDatasetContents,Z as useErdoConfig,ae as useErdoConfigOptional,we as useInvocation,kt as useMultipleDatasetContents};