@datatechsolutions/ui 2.11.89 → 2.11.91

package/dist/{chunk-KNXAOJAK.js → chunk-YN4IEDE4.js}

@@ -4,18 +4,19 @@
 var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
 var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
 var chunkS7KHTUHA_js = require('./chunk-S7KHTUHA.js');
+var chunkL5VEY7G4_js = require('./chunk-L5VEY7G4.js');
 var Headless6 = require('@headlessui/react');
 var clsx = require('clsx');
 var React12 = require('react');
 var framerMotion = require('framer-motion');
 var jsxRuntime = require('react/jsx-runtime');
 var solid = require('@heroicons/react/20/solid');
+var solid$1 = require('@heroicons/react/24/solid');
 var HeroIcons = require('@heroicons/react/24/outline');
 var Popover = require('@radix-ui/react-popover');
 var reactDom = require('react-dom');
 var dateFns = require('date-fns');
 var locale = require('date-fns/locale');
-var solid$1 = require('@heroicons/react/24/solid');
 var reactTransitionProgress = require('react-transition-progress');
 var lucideReact = require('lucide-react');
 var d3Geo = require('d3-geo');
@@ -2167,185 +2168,1251 @@ function ChartRenderer({ spec, width = 640, height = 280, className }) {
           })
         ] })
       }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-2 flex flex-wrap gap-3 text-xs text-slate-600 dark:text-slate-400", children: seriesComputed.map((series) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-1.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: "inline-block h-2 w-2 rounded-full",
-          style: { backgroundColor: series.color },
-          "aria-hidden": true
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-2 flex flex-wrap gap-3 text-xs text-slate-600 dark:text-slate-400", children: seriesComputed.map((series) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "inline-block h-2 w-2 rounded-full",
+          style: { backgroundColor: series.color },
+          "aria-hidden": true
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: series.name })
+    ] }, series.name)) })
+  ] });
+}
+function buildTicks(min, max, count) {
+  const step2 = (max - min) / (count - 1);
+  const ticks = [];
+  for (let index = 0; index < count; index += 1) {
+    ticks.push(min + step2 * index);
+  }
+  return ticks;
+}
+function formatTick(value, unit) {
+  const formatted = Math.abs(value) >= 1e3 ? value.toFixed(0) : value.toFixed(Math.abs(value) < 10 ? 2 : 1);
+  return unit ? `${formatted}${unit}` : formatted;
+}
+function renderXLabels(data, count, width, height) {
+  const indexes = count > 6 ? [0, Math.floor(count / 3), Math.floor(2 * count / 3), count - 1] : Array.from({ length: count }, (_, index) => index);
+  return indexes.map((index) => {
+    const x = xScale(index, count, width);
+    const label = String(data[index]?.x ?? "");
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "text",
+      {
+        x,
+        y: height + 16,
+        textAnchor: "middle",
+        className: "fill-current text-[10px] font-mono",
+        children: label
+      },
+      `x-${index}`
+    );
+  });
+}
+function renderLine(series, type, count, domain, width, height) {
+  const points = series.values.map((value, index) => ({
+    x: xScale(index, count, width),
+    y: yScale(value, domain, height)
+  }));
+  const linePath = points.reduce((acc, point, index) => index === 0 ? `M${point.x},${point.y}` : `${acc} L${point.x},${point.y}`, "");
+  const areaPath = type === "area" && points.length > 0 ? `${linePath} L${points[points.length - 1]?.x ?? 0},${height} L${points[0]?.x ?? 0},${height} Z` : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
+    areaPath && /* @__PURE__ */ jsxRuntime.jsx("path", { d: areaPath, fill: series.color, fillOpacity: 0.15 }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: linePath, stroke: series.color, strokeWidth: 2, fill: "none" }),
+    points.map((point, index) => /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: point.x, cy: point.y, r: 2.5, fill: series.color }, `${series.name}-${index}`))
+  ] }, series.name);
+}
+function renderBars(series, seriesIndex, seriesCount, count, domain, width, height) {
+  const slot = count > 1 ? width / (count - 1) : width;
+  const barWidth = Math.max(2, slot * 0.8 / seriesCount);
+  const offset = seriesCount * barWidth / 2;
+  return /* @__PURE__ */ jsxRuntime.jsx("g", { children: series.values.map((value, index) => {
+    const cx = xScale(index, count, width);
+    const barX = cx - offset + seriesIndex * barWidth;
+    const y = yScale(value, domain, height);
+    const barHeight = height - y;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "rect",
+      {
+        x: barX,
+        y,
+        width: barWidth,
+        height: Math.max(0, barHeight),
+        fill: series.color,
+        fillOpacity: 0.85,
+        rx: 2
+      },
+      `${series.name}-${index}`
+    );
+  }) }, series.name);
+}
+function ItemSummary({
+  icon,
+  title,
+  subtitle,
+  metadata,
+  iconContainerClassName = "flex size-10 flex-shrink-0 items-center justify-center rounded-lg bg-indigo-100 dark:bg-indigo-900/30",
+  titleClassName = "truncate text-sm font-semibold text-gray-900 dark:text-white",
+  subtitleClassName = "truncate text-xs text-gray-500 dark:text-gray-400",
+  metadataContainerClassName = "mt-2 flex flex-wrap gap-3",
+  metadataLabelClassName = "text-xs text-gray-500 dark:text-gray-400",
+  metadataValueClassName = "text-xs font-medium text-gray-900 dark:text-white"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 min-w-0 items-start gap-3", children: [
+    icon ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconContainerClassName, children: icon }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title }),
+      subtitle ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: subtitleClassName, children: subtitle }) : null,
+      metadata && metadata.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: metadataContainerClassName, children: metadata.map((metadataItem, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: metadataLabelClassName, children: metadataItem.label }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: metadataValueClassName, children: metadataItem.value })
+      ] }, index)) }) : null
+    ] })
+  ] });
+}
+function isPlainTextTitle(title) {
+  return typeof title === "string" || typeof title === "number";
+}
+function getTestIdFromTitle(title) {
+  if (isPlainTextTitle(title)) {
+    return `entity-card-${String(title).toLowerCase().replace(/\s+/g, "-")}`;
+  }
+  return "entity-card";
+}
+function StatusBadgeInternal({ status }) {
+  const tCommon = chunkYXN2K77G_js.useTranslations("common");
+  if (typeof status !== "boolean") {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: status });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: `shrink-0 rounded-full px-2 py-0.5 text-xs font-medium ${status ? "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300" : "bg-white/40 text-slate-500 dark:bg-white/[0.08] dark:text-slate-400"}`,
+      children: status ? tCommon("active") : tCommon("inactive")
+    }
+  );
+}
+function EntityCard({
+  icon,
+  title,
+  subtitle,
+  status,
+  accentGradient,
+  children,
+  footer,
+  onClick,
+  className = "",
+  dragProps
+}) {
+  const isInteractive = Boolean(onClick);
+  const plainTextTitle = isPlainTextTitle(title) ? String(title) : void 0;
+  const handleKeyDown = React12.useCallback(
+    (event) => {
+      if (onClick && (event.key === "Enter" || event.key === " ")) {
+        event.preventDefault();
+        onClick();
+      }
+    },
+    [onClick]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Card,
+    {
+      role: isInteractive ? "article" : "listitem",
+      "aria-label": isInteractive ? plainTextTitle : void 0,
+      "data-testid": getTestIdFromTitle(title),
+      tabIndex: isInteractive ? 0 : void 0,
+      onKeyDown: isInteractive ? handleKeyDown : void 0,
+      className: `group overflow-hidden transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md ${isInteractive ? "cursor-pointer" : ""} ${className}`,
+      onPress: onClick,
+      pressable: isInteractive,
+      ...dragProps,
+      children: [
+        accentGradient && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-1.5 w-full bg-gradient-to-r ${accentGradient}` }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "entity-card-title", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ItemSummary,
+              {
+                icon,
+                title,
+                subtitle: subtitle ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-testid": "entity-card-subtitle", children: subtitle }) : void 0,
+                iconContainerClassName: "shrink-0",
+                titleClassName: isPlainTextTitle(title) ? "truncate font-semibold text-slate-900 dark:text-white" : "font-semibold text-slate-900 dark:text-white",
+                subtitleClassName: "mt-0.5 text-xs text-slate-500 dark:text-slate-400"
+              }
+            ) }),
+            status !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(StatusBadgeInternal, { status })
+          ] }),
+          children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3", children }),
+          footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 border-t border-white/30 pt-3 dark:border-white/10 flex gap-2 justify-end opacity-0 transition-opacity duration-200 group-hover:opacity-100 group-focus-within:opacity-100", children: footer })
+        ] })
+      ]
+    }
+  );
+}
+var TONE_STYLES = {
+  error: { container: "border-red-500/30 bg-red-500/20 text-red-600 dark:text-red-400", dot: "bg-red-500" },
+  warning: { container: "border-amber-500/30 bg-amber-500/20 text-amber-600 dark:text-amber-400", dot: "bg-amber-500" },
+  info: { container: "border-blue-500/30 bg-blue-500/20 text-blue-600 dark:text-blue-400", dot: "bg-blue-500" },
+  neutral: { container: "border-slate-500/30 bg-slate-500/20 text-slate-600 dark:text-slate-400", dot: "bg-slate-500" },
+  success: { container: "border-emerald-500/30 bg-emerald-500/20 text-emerald-600 dark:text-emerald-400", dot: "bg-emerald-500" }
+};
+var LEGACY_STATUS_STYLES = {
+  pending: "border-yellow-200 bg-yellow-50 text-yellow-700 dark:border-yellow-700/30 dark:bg-yellow-900/20 dark:text-yellow-400",
+  approved: "border-green-200 bg-green-50 text-green-700 dark:border-green-700/30 dark:bg-green-900/20 dark:text-green-400",
+  rejected: "border-red-200 bg-red-50 text-red-700 dark:border-red-700/30 dark:bg-red-900/20 dark:text-red-400",
+  active: "border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-700/30 dark:bg-emerald-900/20 dark:text-emerald-400",
+  inactive: "border-white/30 dark:border-white/10 bg-slate-500/10 text-slate-700 dark:bg-slate-900/20 dark:text-slate-400",
+  processing: "border-blue-200 bg-blue-50 text-blue-700 dark:border-blue-700/30 dark:bg-blue-900/20 dark:text-blue-400",
+  error: "border-red-200 bg-red-50 text-red-700 dark:border-red-700/30 dark:bg-red-900/20 dark:text-red-400",
+  success: "border-green-200 bg-green-50 text-green-700 dark:border-green-700/30 dark:bg-green-900/20 dark:text-green-400"
+};
+var LEGACY_DOT_STYLES = {
+  pending: "bg-yellow-500",
+  approved: "bg-green-500",
+  rejected: "bg-red-500",
+  active: "bg-emerald-500",
+  inactive: "bg-slate-500",
+  processing: "bg-blue-500",
+  error: "bg-red-500",
+  success: "bg-green-500"
+};
+var SIZE_STYLES = {
+  sm: "px-2 py-0.5 text-xs",
+  md: "px-2.5 py-1 text-xs"
+};
+var DEFAULT_LEGACY_STYLE = "border-white/30 dark:border-white/10 bg-slate-500/10 text-slate-700 dark:bg-slate-900/20 dark:text-slate-400";
+var StatusBadge = React12.forwardRef(function StatusBadge2({ status, label, size = "md", className = "", ...props }, ref) {
+  if ("statusConfig" in props && props.statusConfig) {
+    const configuredStatus = props.statusConfig[status];
+    if (!configuredStatus) {
+      return null;
+    }
+    const toneStyle = TONE_STYLES[configuredStatus.tone ?? "neutral"];
+    const IconComponent = configuredStatus.icon;
+    const resolvedLabel2 = label ?? configuredStatus.label;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        role: "status",
+        "aria-label": `Status: ${status}`,
+        "data-testid": `status-badge-${status}`,
+        className: `inline-flex items-center gap-1.5 rounded-full border font-semibold backdrop-blur-sm ${SIZE_STYLES[size]} ${toneStyle.container} ${className}`,
+        children: [
+          IconComponent ? /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: `h-3 w-3 ${configuredStatus.animateIcon ? "animate-spin motion-reduce:animate-none" : ""}` }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: `h-2 w-2 rounded-full ${toneStyle.dot}` }),
+          resolvedLabel2
+        ]
+      }
+    );
+  }
+  const legacyStyle = LEGACY_STATUS_STYLES[status] ?? DEFAULT_LEGACY_STYLE;
+  const legacyDot = LEGACY_DOT_STYLES[status] ?? "bg-slate-500";
+  const resolvedLabel = label ?? status;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      role: "status",
+      "aria-label": `Status: ${status}`,
+      "data-testid": `status-badge-${status}`,
+      className: `inline-flex items-center gap-1.5 rounded-full border font-semibold ${SIZE_STYLES[size]} ${legacyStyle} ${className}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `h-2 w-2 rounded-full ${legacyDot}` }),
+        resolvedLabel
+      ]
+    }
+  );
+});
+function classNames(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+function StepTimeline({
+  steps,
+  progressLabel,
+  onStepClick,
+  renderCompleteContent
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:border-t lg:border-b lg:border-gray-200 dark:lg:border-white/15", children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": progressLabel, className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "ol",
+    {
+      role: "list",
+      className: "overflow-hidden rounded-md lg:flex lg:rounded-none lg:border-r lg:border-l lg:border-gray-200 dark:lg:border-white/15",
+      children: steps.map((step2, stepIndex) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "relative overflow-hidden lg:flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onStepClick?.(stepIndex),
+          disabled: step2.status === "upcoming",
+          className: classNames(
+            step2.status === "upcoming" ? "cursor-not-allowed" : "cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800",
+            stepIndex === 0 ? "rounded-t-md border-b-0" : "",
+            stepIndex === steps.length - 1 ? "rounded-b-md border-t-0" : "",
+            "w-full overflow-hidden border border-gray-200 text-left transition-colors lg:border-0 dark:border-white/15"
+          ),
+          children: [
+            step2.status === "complete" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "absolute top-0 left-0 h-full w-1 bg-transparent group-hover:bg-gray-200 lg:top-auto lg:bottom-0 lg:h-1 lg:w-full dark:group-hover:bg-white/20"
+                }
+              ),
+              renderCompleteContent ? renderCompleteContent(step2) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classNames(stepIndex !== 0 ? "lg:pl-9" : "", "flex items-start px-6 py-5 text-sm font-medium"), children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-blue-600 dark:bg-blue-500", children: /* @__PURE__ */ jsxRuntime.jsx(solid$1.CheckIcon, { "aria-hidden": "true", className: "h-5 w-5 text-white" }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-0.5 ml-4 flex min-w-0 flex-col", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-white", children: step2.name }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: step2.description })
+                ] })
+              ] })
+            ] }) : step2.status === "current" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-current": "step", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "absolute top-0 left-0 h-full w-1 bg-blue-600 lg:top-auto lg:bottom-0 lg:h-1 lg:w-full dark:bg-blue-500"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classNames(stepIndex !== 0 ? "lg:pl-9" : "", "flex items-start px-6 py-5 text-sm font-medium"), children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-full border-2 border-blue-600 dark:border-blue-500", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-blue-600 dark:text-blue-400", children: step2.id }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-0.5 ml-4 flex min-w-0 flex-col", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-blue-600 dark:text-blue-400", children: step2.name }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: step2.description })
+                ] })
+              ] })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "absolute top-0 left-0 h-full w-1 bg-transparent group-hover:bg-gray-200 lg:top-auto lg:bottom-0 lg:h-1 lg:w-full dark:group-hover:bg-white/20"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classNames(stepIndex !== 0 ? "lg:pl-9" : "", "flex items-start px-6 py-5 text-sm font-medium"), children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-full border-2 border-gray-300 dark:border-white/15", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500 dark:text-gray-400", children: step2.id }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-0.5 ml-4 flex min-w-0 flex-col", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: step2.name }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: step2.description })
+                ] })
+              ] })
+            ] }),
+            stepIndex !== 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", className: "absolute inset-0 top-0 left-0 hidden w-3 lg:block", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                fill: "none",
+                viewBox: "0 0 12 82",
+                preserveAspectRatio: "none",
+                className: "h-full w-full text-gray-200 dark:text-white/15",
+                children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0.5 0V31L10.5 41L0.5 51V82", stroke: "currentColor", vectorEffect: "non-scaling-stroke" })
+              }
+            ) }) : null
+          ]
+        }
+      ) }, step2.id))
+    }
+  ) }) });
+}
+function AgentAnalysisCard({ name, avatar, duration, output }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-surface rounded-xl p-3 transition-all duration-300", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("img", { src: avatar, alt: "", className: "h-6 w-6 rounded-lg" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] font-semibold text-white", children: name }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[8px] text-gray-500", children: duration })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-3.5 w-3.5 text-emerald-400 shrink-0" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[8px] text-gray-400 leading-relaxed", children: output })
+  ] });
+}
+function DashboardView({
+  spec,
+  className,
+  renderInputRequest
+}) {
+  const layout = spec.layout ?? "grid";
+  const hasCharts = (spec.charts?.length ?? 0) > 0;
+  const chartGrid = layout === "grid" && (spec.charts?.length ?? 0) > 1 ? "grid grid-cols-1 gap-4 lg:grid-cols-2" : "grid grid-cols-1 gap-4";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: className ?? "space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold text-slate-900 dark:text-slate-100", children: spec.title }),
+      spec.subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-slate-500 dark:text-slate-400", children: spec.subtitle })
+    ] }),
+    spec.kpis && spec.kpis.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+      "section",
+      {
+        className: spec.kpis.length > 3 ? "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4" : "grid grid-cols-1 gap-3 sm:grid-cols-3",
+        children: spec.kpis.map((kpi, index) => /* @__PURE__ */ jsxRuntime.jsx(KpiCard, { kpi }, `${kpi.label}-${index}`))
+      }
+    ),
+    hasCharts && /* @__PURE__ */ jsxRuntime.jsx("section", { className: chartGrid, children: spec.charts?.map((chart, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "rounded-xl border border-zinc-950/10 bg-white p-4 dark:border-white/10 dark:bg-zinc-900",
+        children: /* @__PURE__ */ jsxRuntime.jsx(ChartRenderer, { spec: chart })
+      },
+      `${chart.title}-${index}`
+    )) }),
+    spec.table && spec.table.rows.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border border-zinc-950/10 bg-white dark:border-white/10 dark:bg-zinc-900", children: [
+      spec.table.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "border-b border-zinc-950/10 px-5 py-3 text-sm font-semibold text-slate-900 dark:border-white/10 dark:text-slate-100", children: spec.table.title }),
+      /* @__PURE__ */ jsxRuntime.jsx(DashboardTableView, { table: spec.table })
+    ] }),
+    spec.recommendation && spec.recommendation.trim().length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border border-indigo-500/20 bg-indigo-500/5 p-4 dark:border-indigo-400/30 dark:bg-indigo-500/10", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-indigo-700 dark:text-indigo-300", children: "Recommendation" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-indigo-900 dark:text-indigo-100", children: spec.recommendation })
+    ] }),
+    spec.sections && spec.sections.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: spec.sections.map((section, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      DashboardSectionRenderer,
+      {
+        section,
+        renderInputRequest
+      },
+      `${section.type}-${index}`
+    )) }),
+    spec.meta && Object.keys(spec.meta).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("footer", { className: "flex flex-wrap gap-4 text-[10px] text-slate-400 dark:text-slate-500", children: Object.entries(spec.meta).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold uppercase tracking-wide", children: key }),
+      ": ",
+      value
+    ] }, key)) })
+  ] });
+}
+function KpiCard({ kpi }) {
+  const value = typeof kpi.value === "number" ? formatNumber(kpi.value) : kpi.value;
+  const displayValue = kpi.unit ? `${value}${kpi.unit}` : value;
+  const variant = kpi.tone ?? "default";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    MetricCard,
+    {
+      title: kpi.label,
+      value: displayValue,
+      variant,
+      trend: kpi.deltaPct !== void 0 ? { value: kpi.deltaPct } : void 0
+    }
+  );
+}
+function DashboardTableView({ table }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-zinc-200 text-sm dark:divide-zinc-700", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-zinc-50 dark:bg-zinc-800/50", children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: table.columns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(
+      "th",
+      {
+        scope: "col",
+        className: `px-4 py-2 text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400 ${columnAlign(column.align)}`,
+        children: column.label
+      },
+      column.key
+    )) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-zinc-100 dark:divide-zinc-800", children: table.rows.map((row, rowIndex) => /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "hover:bg-zinc-50/70 dark:hover:bg-zinc-800/30", children: table.columns.map((column) => {
+      const raw = row[column.key] ?? "";
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "td",
+        {
+          className: `px-4 py-2 text-slate-700 dark:text-slate-300 ${columnAlign(column.align)}`,
+          children: formatCell(raw, column.format)
+        },
+        column.key
+      );
+    }) }, rowIndex)) })
+  ] }) });
+}
+function columnAlign(align) {
+  if (align === "right") return "text-right";
+  if (align === "center") return "text-center";
+  return "text-left";
+}
+function formatCell(value, format3) {
+  if (value === null || value === void 0 || value === "") return "\u2014";
+  if (format3 === "currency" && typeof value === "number") {
+    return new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }).format(value);
+  }
+  if (format3 === "percent" && typeof value === "number") {
+    return `${(value * 100).toFixed(1)}%`;
+  }
+  if (format3 === "number" && typeof value === "number") {
+    return formatNumber(value);
+  }
+  return String(value);
+}
+function formatNumber(value) {
+  if (Math.abs(value) >= 1e3) return new Intl.NumberFormat("en-US").format(Math.round(value));
+  return value.toFixed(Math.abs(value) < 10 ? 2 : 1);
+}
+function DashboardSectionRenderer({
+  section,
+  renderInputRequest
+}) {
+  switch (section.type) {
+    case "entity":
+      return /* @__PURE__ */ jsxRuntime.jsx(EntitySection, { data: section.data });
+    case "narrative":
+      return /* @__PURE__ */ jsxRuntime.jsx(NarrativeSection, { data: section.data });
+    case "lifecycle":
+      return /* @__PURE__ */ jsxRuntime.jsx(LifecycleSection, { data: section.data });
+    case "receipt":
+      return /* @__PURE__ */ jsxRuntime.jsx(ReceiptSection, { data: section.data });
+    case "approval":
+      return /* @__PURE__ */ jsxRuntime.jsx(ApprovalSection, { data: section.data });
+    case "fiscal":
+      return /* @__PURE__ */ jsxRuntime.jsx(FiscalSection, { data: section.data });
+    case "feed":
+      return /* @__PURE__ */ jsxRuntime.jsx(FeedSection, { data: section.data });
+    case "score":
+      return /* @__PURE__ */ jsxRuntime.jsx(ScoreSection, { data: section.data });
+    case "note":
+      return /* @__PURE__ */ jsxRuntime.jsx(NoteSection, { data: section.data });
+    case "input_request":
+      return renderInputRequest ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderInputRequest(section.data) }) : /* @__PURE__ */ jsxRuntime.jsx(InputRequestReadOnly, { data: section.data });
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(NoteSection, { data: { body: JSON.stringify(section, null, 2), tone: "info" } });
+  }
+}
+function InputRequestReadOnly({ data }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border border-sky-500/20 bg-sky-500/5 p-4 dark:border-sky-400/30 dark:bg-sky-500/10", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-slate-900 dark:text-slate-100", children: data.prompt }),
+    data.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-slate-600 dark:text-slate-400", children: data.description }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mt-3 space-y-1", children: data.fields.map((field) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "text-xs", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium text-slate-700 dark:text-slate-300", children: [
+        field.label,
+        field.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-rose-500", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-2 text-slate-500 dark:text-slate-400", children: [
+        "(",
+        field.kind,
+        ")"
+      ] })
+    ] }, field.key)) }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-[11px] italic text-slate-500 dark:text-slate-400", children: "Esta requisi\xE7\xE3o requer entrada do operador \u2014 abra a run ao vivo para responder." })
+  ] });
+}
+function EntitySection({ data }) {
+  const statusKey = data.status?.tone === "success" ? "success" : data.status?.tone === "danger" ? "error" : data.status?.tone === "warning" ? "pending" : data.status?.tone === "info" ? "processing" : "active";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    EntityCard,
+    {
+      title: data.title,
+      subtitle: data.subtitle,
+      status: data.status ? /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: statusKey, label: data.status.label }) : void 0,
+      children: data.fields && data.fields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+        ItemSummary,
+        {
+          title: "",
+          metadata: data.fields.map((f) => ({ label: f.label, value: String(f.value) }))
+        }
+      )
+    }
+  );
+}
+function NarrativeSection({ data }) {
+  if (data.agent) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      AgentAnalysisCard,
+      {
+        name: data.agent.name,
+        avatar: data.agent.avatarUrl ?? "",
+        duration: data.durationMs !== void 0 ? `${(data.durationMs / 1e3).toFixed(1)}s` : "",
+        output: data.body
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border border-zinc-950/10 bg-white p-4 dark:border-white/10 dark:bg-zinc-900", children: [
+    data.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-slate-900 dark:text-slate-100", children: data.title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 whitespace-pre-line text-sm leading-relaxed text-slate-700 dark:text-slate-300", children: data.body })
+  ] });
+}
+function LifecycleSection({ data }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border border-zinc-950/10 bg-white p-4 dark:border-white/10 dark:bg-zinc-900", children: [
+    data.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-3 text-sm font-semibold text-slate-900 dark:text-slate-100", children: data.title }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      StepTimeline,
+      {
+        steps: data.steps,
+        progressLabel: data.progressLabel ?? data.title ?? "Progress"
+      }
+    )
+  ] });
+}
+function ReceiptSection({ data }) {
+  const currency = data.currency ?? "BRL";
+  const fmt = (v) => typeof v === "number" ? new Intl.NumberFormat("pt-BR", { style: "currency", currency }).format(v) : v;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border border-zinc-950/10 bg-white dark:border-white/10 dark:bg-zinc-900", children: [
+    data.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "border-b border-zinc-950/10 px-5 py-3 text-sm font-semibold text-slate-900 dark:border-white/10 dark:text-slate-100", children: data.title }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-zinc-200 text-sm dark:divide-zinc-700", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-zinc-50 dark:bg-zinc-800/50", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-2 text-left text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: "Item" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-2 text-right text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: "Qtd" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-2 text-right text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: "Unit." }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-2 text-right text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400", children: "Total" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-zinc-100 dark:divide-zinc-800", children: data.items.map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-2 text-left text-slate-700 dark:text-slate-300", children: item.description }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-2 text-right text-slate-700 dark:text-slate-300", children: item.quantity }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-2 text-right text-slate-700 dark:text-slate-300", children: fmt(item.unitPrice) }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-2 text-right font-medium text-slate-900 dark:text-slate-100", children: fmt(item.total) })
+      ] }, i)) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("tfoot", { className: "border-t border-zinc-200 dark:border-zinc-700", children: [
+        data.subtotal !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 3, className: "px-4 py-1.5 text-right text-xs text-slate-500", children: "Subtotal" }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-1.5 text-right text-xs text-slate-700 dark:text-slate-300", children: fmt(data.subtotal) })
+        ] }),
+        data.tax !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 3, className: "px-4 py-1.5 text-right text-xs text-slate-500", children: "Tributos" }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-1.5 text-right text-xs text-slate-700 dark:text-slate-300", children: fmt(data.tax) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 3, className: "px-4 py-2 text-right text-sm font-semibold text-slate-900 dark:text-slate-100", children: "Total" }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-2 text-right text-sm font-semibold text-slate-900 dark:text-slate-100", children: fmt(data.total) })
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+function ApprovalSection({ data }) {
+  const tone = data.decision === "approved" ? "success" : data.decision === "rejected" ? "danger" : "warning";
+  const accentClasses = TONE_BLOCK[tone];
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: `rounded-xl border p-4 ${accentClasses}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+      data.prompt && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: data.prompt }),
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1 text-sm font-semibold capitalize text-slate-900 dark:text-slate-100", children: [
+        data.decision,
+        data.by?.name && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-normal text-slate-500 dark:text-slate-400", children: [
+          " ",
+          "\u2014 ",
+          data.by.name
+        ] })
+      ] }),
+      data.reason && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-slate-700 dark:text-slate-300", children: data.reason })
+    ] }),
+    data.at && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-[10px] uppercase tracking-wide text-slate-500 dark:text-slate-400", children: formatTimestamp(data.at) })
+  ] }) });
+}
+function FiscalSection({ data }) {
+  const env = data.environment ?? "homologation";
+  const envLabel = env === "production" ? "Produ\xE7\xE3o (SEFAZ)" : "Homologa\xE7\xE3o (sandbox)";
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border border-emerald-500/20 bg-emerald-500/5 p-4 dark:border-emerald-400/30 dark:bg-emerald-500/10", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-emerald-800 dark:text-emerald-200", children: "NF-e emitida" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "mt-2 grid grid-cols-1 gap-x-4 gap-y-1 text-xs sm:grid-cols-2", children: [
+      data.number && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-emerald-700/70 dark:text-emerald-300/70", children: "N\xFAmero" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "font-medium text-emerald-900 dark:text-emerald-100", children: data.number })
+      ] }),
+      data.accessKey && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sm:col-span-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-emerald-700/70 dark:text-emerald-300/70", children: "Chave de acesso" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "break-all font-mono text-[11px] text-emerald-900 dark:text-emerald-100", children: data.accessKey })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-emerald-700/70 dark:text-emerald-300/70", children: "Ambiente" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "font-medium text-emerald-900 dark:text-emerald-100", children: envLabel })
+      ] }),
+      data.statusUrl && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sm:col-span-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "text-emerald-700/70 dark:text-emerald-300/70", children: "Status" }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { children: /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: data.statusUrl,
+            target: "_blank",
+            rel: "noreferrer",
+            className: "text-emerald-900 underline hover:text-emerald-700 dark:text-emerald-100",
+            children: data.statusUrl
+          }
+        ) })
+      ] })
+    ] })
+  ] });
+}
+function FeedSection({ data }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border border-zinc-950/10 bg-white p-4 dark:border-white/10 dark:bg-zinc-900", children: [
+    data.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 text-sm font-semibold text-slate-900 dark:text-slate-100", children: data.title }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2", children: data.items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      "li",
+      {
+        className: `rounded-lg border px-3 py-2 ${TONE_BLOCK[item.tone ?? "default"]}`,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-slate-900 dark:text-slate-100", children: item.title }),
+            item.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-slate-600 dark:text-slate-400", children: item.description })
+          ] }),
+          item.timestamp && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-[10px] uppercase tracking-wide text-slate-500 dark:text-slate-400", children: formatTimestamp(item.timestamp) })
+        ] })
+      },
+      index
+    )) })
+  ] });
+}
+function ScoreSection({ data }) {
+  const tone = data.score >= 70 ? "success" : data.score >= 40 ? "warning" : "danger";
+  const variant = tone;
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: "rounded-xl border border-zinc-950/10 bg-white p-4 dark:border-white/10 dark:bg-zinc-900", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      MetricCard,
+      {
+        title: data.label,
+        value: `${Math.round(data.score)}`,
+        variant
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sm:col-span-2", children: [
+      data.qualification && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium capitalize text-slate-900 dark:text-slate-100", children: data.qualification }),
+      data.reasoning && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs leading-relaxed text-slate-600 dark:text-slate-400", children: data.reasoning })
+    ] })
+  ] }) });
+}
+function NoteSection({ data }) {
+  const accentClasses = TONE_BLOCK[data.tone ?? "default"];
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: `rounded-xl border p-4 ${accentClasses}`, children: [
+    data.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-slate-900 dark:text-slate-100", children: data.title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 whitespace-pre-line text-sm text-slate-700 dark:text-slate-300", children: data.body })
+  ] });
+}
+var TONE_BLOCK = {
+  default: "border-zinc-950/10 bg-white dark:border-white/10 dark:bg-zinc-900",
+  info: "border-sky-500/20 bg-sky-500/5 dark:border-sky-400/30 dark:bg-sky-500/10",
+  success: "border-emerald-500/20 bg-emerald-500/5 dark:border-emerald-400/30 dark:bg-emerald-500/10",
+  warning: "border-amber-500/20 bg-amber-500/5 dark:border-amber-400/30 dark:bg-amber-500/10",
+  danger: "border-rose-500/20 bg-rose-500/5 dark:border-rose-400/30 dark:bg-rose-500/10"
+};
+function formatTimestamp(iso) {
+  try {
+    const dt = new Date(iso);
+    if (Number.isNaN(dt.getTime())) return iso;
+    return dt.toLocaleString("pt-BR", {
+      day: "2-digit",
+      month: "2-digit",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  } catch {
+    return iso;
+  }
+}
+function InputRequestForm({
+  runId,
+  data,
+  onResolved
+}) {
+  const [values, setValues] = React12.useState(
+    () => initialValues(data.fields)
+  );
+  const [submitting, setSubmitting] = React12.useState(false);
+  const [resolved, setResolved] = React12.useState(null);
+  const [error, setError] = React12.useState(null);
+  async function submit(decision) {
+    if (submitting || resolved) return;
+    setSubmitting(true);
+    setError(null);
+    try {
+      const payload = decision === "approved" ? sanitizeForSubmit(values) : void 0;
+      const reason = decision === "rejected" ? typeof values.reason === "string" ? values.reason : "rejected" : void 0;
+      await chunkL5VEY7G4_js.submitApproval(runId, data.nodeId, {
+        approved: decision === "approved",
+        ...payload ? { payload } : {},
+        ...reason ? { reason } : {}
+      });
+      setResolved({
+        approved: decision === "approved",
+        message: decision === "approved" ? "Aprovado \u2014 workflow retomado." : "Rejeitado \u2014 workflow encerrado."
+      });
+      onResolved?.({
+        approved: decision === "approved",
+        payload: payload ?? {}
+      });
+    } catch (e) {
+      setError(
+        e instanceof Error ? e.message : "Falha ao registrar a decis\xE3o."
+      );
+    } finally {
+      setSubmitting(false);
+    }
+  }
+  function onFieldChange(key, value) {
+    setValues((prev) => ({ ...prev, [key]: value }));
+  }
+  function onSubmitForm(event) {
+    event.preventDefault();
+    void submit("approved");
+  }
+  const accentClasses = TONE_BLOCK2[data.tone ?? "info"];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      onSubmit: onSubmitForm,
+      className: `rounded-xl border p-4 ${accentClasses}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-slate-900 dark:text-slate-100", children: data.prompt }),
+          data.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-slate-600 dark:text-slate-400", children: data.description })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 space-y-3", children: data.fields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(
+          FieldInput,
+          {
+            field,
+            value: values[field.key],
+            disabled: submitting || Boolean(resolved),
+            onChange: (value) => onFieldChange(field.key, value)
+          },
+          field.key
+        )) }),
+        error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-xs text-rose-700 dark:text-rose-300", children: error }),
+        resolved ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-3 text-xs font-medium text-emerald-800 dark:text-emerald-200", children: resolved.message }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex flex-wrap items-center justify-end gap-2", children: [
+          data.rejectLabel !== null && /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              disabled: submitting,
+              onClick: () => submit("rejected"),
+              className: "rounded-md border border-rose-500/30 bg-rose-500/5 px-3 py-1.5 text-sm font-medium text-rose-700 hover:bg-rose-500/10 disabled:opacity-50 dark:text-rose-300",
+              children: data.rejectLabel ?? "Rejeitar"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "submit",
+              disabled: submitting,
+              className: "rounded-md bg-emerald-600 px-3 py-1.5 text-sm font-medium text-white hover:bg-emerald-500 disabled:opacity-50",
+              children: submitting ? "Enviando\u2026" : data.submitLabel ?? "Aprovar"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function FieldInput({
+  field,
+  value,
+  disabled,
+  onChange
+}) {
+  const labelEl = /* @__PURE__ */ jsxRuntime.jsxs(
+    "label",
+    {
+      htmlFor: `input-${field.key}`,
+      className: "block text-xs font-medium text-slate-700 dark:text-slate-300",
+      children: [
+        field.label,
+        field.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 text-rose-500", children: "*" })
+      ]
+    }
+  );
+  const helpEl = field.helpText ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-[11px] text-slate-500 dark:text-slate-400", children: field.helpText }) : null;
+  switch (field.kind) {
+    case "text":
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        labelEl,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            id: `input-${field.key}`,
+            type: "text",
+            disabled,
+            required: field.required,
+            placeholder: field.placeholder,
+            value: typeof value === "string" ? value : "",
+            onChange: (e) => onChange(e.target.value),
+            className: INPUT_CLASSES
+          }
+        ),
+        helpEl
+      ] });
+    case "number":
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        labelEl,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            id: `input-${field.key}`,
+            type: "number",
+            disabled,
+            required: field.required,
+            placeholder: field.placeholder,
+            min: field.min,
+            max: field.max,
+            step: field.step,
+            value: typeof value === "number" ? value : typeof value === "string" ? value : "",
+            onChange: (e) => {
+              const raw = e.target.value;
+              onChange(raw === "" ? "" : Number(raw));
+            },
+            className: INPUT_CLASSES
+          }
+        ),
+        helpEl
+      ] });
+    case "textarea":
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        labelEl,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "textarea",
+          {
+            id: `input-${field.key}`,
+            disabled,
+            required: field.required,
+            placeholder: field.placeholder,
+            rows: field.rows ?? 3,
+            value: typeof value === "string" ? value : "",
+            onChange: (e) => onChange(e.target.value),
+            className: INPUT_CLASSES
+          }
+        ),
+        helpEl
+      ] });
+    case "select":
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        labelEl,
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "select",
+          {
+            id: `input-${field.key}`,
+            disabled,
+            required: field.required,
+            value: typeof value === "string" ? value : "",
+            onChange: (e) => onChange(e.target.value),
+            className: INPUT_CLASSES,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, children: "Selecione\u2026" }),
+              field.options.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value))
+            ]
+          }
+        ),
+        helpEl
+      ] });
+    case "boolean":
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            id: `input-${field.key}`,
+            type: "checkbox",
+            disabled,
+            checked: Boolean(value),
+            onChange: (e) => onChange(e.target.checked),
+            className: "h-4 w-4 rounded border-zinc-300 text-emerald-600 focus:ring-emerald-500"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "label",
+          {
+            htmlFor: `input-${field.key}`,
+            className: "text-xs text-slate-700 dark:text-slate-300",
+            children: field.label
+          }
+        )
+      ] });
+    default:
+      return null;
+  }
+}
+function initialValues(fields) {
+  const out = {};
+  for (const field of fields) {
+    if ("defaultValue" in field && field.defaultValue !== void 0) {
+      out[field.key] = field.defaultValue;
+    } else if (field.kind === "boolean") {
+      out[field.key] = false;
+    } else {
+      out[field.key] = "";
+    }
+  }
+  return out;
+}
+function sanitizeForSubmit(values) {
+  const out = {};
+  for (const [key, value] of Object.entries(values)) {
+    if (value === "" || value === void 0) continue;
+    out[key] = value;
+  }
+  return out;
+}
+var INPUT_CLASSES = "mt-1 block w-full rounded-md border border-zinc-300 bg-white px-2.5 py-1.5 text-sm text-slate-900 shadow-sm focus:border-emerald-500 focus:outline-none focus:ring-1 focus:ring-emerald-500 disabled:opacity-50 dark:border-zinc-700 dark:bg-zinc-900 dark:text-slate-100";
+var TONE_BLOCK2 = {
+  default: "border-zinc-950/10 bg-white dark:border-white/10 dark:bg-zinc-900",
+  info: "border-sky-500/20 bg-sky-500/5 dark:border-sky-400/30 dark:bg-sky-500/10",
+  success: "border-emerald-500/20 bg-emerald-500/5 dark:border-emerald-400/30 dark:bg-emerald-500/10",
+  warning: "border-amber-500/20 bg-amber-500/5 dark:border-amber-400/30 dark:bg-amber-500/10",
+  danger: "border-rose-500/20 bg-rose-500/5 dark:border-rose-400/30 dark:bg-rose-500/10"
+};
+function StreamingDashboard({
+  runId,
+  initialSpec,
+  initialStatus,
+  className
+}) {
+  const [spec, setSpec] = React12.useState(
+    initialSpec ?? null
+  );
+  const [timeline, setTimeline] = React12.useState([]);
+  const [phase, setPhase] = React12.useState(
+    () => derivePhase(initialStatus)
+  );
+  const [error, setError] = React12.useState(null);
+  const specRef = React12.useRef(initialSpec ?? null);
+  React12.useEffect(() => {
+    if (phase === "completed" || phase === "failed" || phase === "cancelled") {
+      return;
+    }
+    const unsubscribe = chunkL5VEY7G4_js.subscribeToRunEvents(
+      runId,
+      (event) => handleEvent(event),
+      (err) => {
+        console.warn("streaming-dashboard sse error", err);
+      }
+    );
+    return unsubscribe;
+  }, [runId]);
+  function handleEvent(event) {
+    switch (event.type) {
+      case "run-started":
+        setPhase("running");
+        break;
+      case "node-started":
+        if (event.nodeId) {
+          setTimeline((prev) => upsertTimelineRunning(prev, event));
+        }
+        break;
+      case "node-completed":
+        if (event.nodeId) {
+          setTimeline(
+            (prev) => upsertTimelineDone(prev, event, "done")
+          );
+          mergeNodeOutput(event);
+        }
+        break;
+      case "node-failed":
+        if (event.nodeId) {
+          setTimeline(
+            (prev) => upsertTimelineDone(prev, event, "failed")
+          );
+        }
+        break;
+      case "run-paused":
+        setPhase("paused");
+        if (event.nodeId) {
+          setTimeline(
+            (prev) => upsertTimelineDone(prev, event, "paused")
+          );
+        }
+        appendPauseSection(event);
+        break;
+      case "ui-render":
+        appendSectionFromEvent(event);
+        break;
+      case "run-completed":
+        setPhase("completed");
+        break;
+      case "run-failed":
+        setPhase("failed");
+        setError(
+          event.data?.error ?? "Workflow run failed"
+        );
+        break;
+    }
+  }
+  function mergeNodeOutput(event) {
+    const output = event.data?.outputs;
+    if (!output) return;
+    const candidateSpec = isDashboardSpecLike(output) ? output : null;
+    if (candidateSpec) {
+      setSpec((prev) => mergeSpec(prev, candidateSpec));
+      specRef.current = mergeSpec(specRef.current, candidateSpec);
+      return;
+    }
+    if (isSectionLike(output)) {
+      const section = output;
+      setSpec((prev) => appendSectionToSpec(prev, section));
+      specRef.current = appendSectionToSpec(specRef.current, section);
+    }
+  }
+  function appendSectionFromEvent(event) {
+    const sectionPayload = event.data?.section ?? event.data;
+    if (!sectionPayload || !sectionPayload.type) return;
+    setSpec((prev) => appendSectionToSpec(prev, sectionPayload));
+    specRef.current = appendSectionToSpec(specRef.current, sectionPayload);
+  }
+  function appendPauseSection(event) {
+    const promptValue = event.data?.prompt;
+    const payloadValue = event.data?.payload;
+    const prompt = typeof promptValue === "string" ? promptValue : void 0;
+    const section = {
+      type: "note",
+      data: {
+        title: "Aguardando aprova\xE7\xE3o",
+        body: prompt ? prompt : "O workflow pausou e aguarda decis\xE3o do operador.",
+        tone: "warning"
+      }
+    };
+    setSpec((prev) => appendSectionToSpec(prev, section));
+    specRef.current = appendSectionToSpec(specRef.current, section);
+    if (payloadValue && typeof payloadValue === "object") {
+      const followUp = {
+        type: "note",
+        data: {
+          title: "Contexto",
+          body: JSON.stringify(payloadValue, null, 2),
+          tone: "info"
         }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: series.name })
-    ] }, series.name)) })
+      };
+      setSpec((prev) => appendSectionToSpec(prev, followUp));
+      specRef.current = appendSectionToSpec(specRef.current, followUp);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: className ?? "space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PhaseBadge, { phase }),
+    timeline.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Timeline, { entries: timeline }),
+    spec && /* @__PURE__ */ jsxRuntime.jsx(
+      DashboardView,
+      {
+        spec,
+        renderInputRequest: (data) => /* @__PURE__ */ jsxRuntime.jsx(
+          InputRequestForm,
+          {
+            runId,
+            data,
+            onResolved: (result) => {
+              setPhase(result.approved ? "running" : "failed");
+            }
+          }
+        )
+      }
+    ),
+    !spec && phase !== "completed" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-dashed border-zinc-300 p-8 text-center text-sm text-slate-500 dark:border-zinc-700 dark:text-slate-400", children: phase === "paused" ? "Run paused \u2014 aguardando entrada do operador." : "Aguardando dados do workflow\u2026" }),
+    error && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border border-rose-500/30 bg-rose-500/10 p-4 text-sm text-rose-900 dark:text-rose-100", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold", children: "Run falhou" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 whitespace-pre-line text-xs", children: error })
+    ] })
   ] });
 }
-function buildTicks(min, max, count) {
-  const step2 = (max - min) / (count - 1);
-  const ticks = [];
-  for (let index = 0; index < count; index += 1) {
-    ticks.push(min + step2 * index);
+function derivePhase(status) {
+  switch (String(status ?? "").toLowerCase()) {
+    case "completed":
+      return "completed";
+    case "failed":
+      return "failed";
+    case "cancelled":
+      return "cancelled";
+    case "paused_for_approval":
+      return "paused";
+    case "running":
+      return "running";
+    case "pending":
+    case "":
+      return "pending";
+    default:
+      return "pending";
   }
-  return ticks;
-}
-function formatTick(value, unit) {
-  const formatted = Math.abs(value) >= 1e3 ? value.toFixed(0) : value.toFixed(Math.abs(value) < 10 ? 2 : 1);
-  return unit ? `${formatted}${unit}` : formatted;
-}
-function renderXLabels(data, count, width, height) {
-  const indexes = count > 6 ? [0, Math.floor(count / 3), Math.floor(2 * count / 3), count - 1] : Array.from({ length: count }, (_, index) => index);
-  return indexes.map((index) => {
-    const x = xScale(index, count, width);
-    const label = String(data[index]?.x ?? "");
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "text",
-      {
-        x,
-        y: height + 16,
-        textAnchor: "middle",
-        className: "fill-current text-[10px] font-mono",
-        children: label
-      },
-      `x-${index}`
-    );
-  });
 }
-function renderLine(series, type, count, domain, width, height) {
-  const points = series.values.map((value, index) => ({
-    x: xScale(index, count, width),
-    y: yScale(value, domain, height)
-  }));
-  const linePath = points.reduce((acc, point, index) => index === 0 ? `M${point.x},${point.y}` : `${acc} L${point.x},${point.y}`, "");
-  const areaPath = type === "area" && points.length > 0 ? `${linePath} L${points[points.length - 1]?.x ?? 0},${height} L${points[0]?.x ?? 0},${height} Z` : null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
-    areaPath && /* @__PURE__ */ jsxRuntime.jsx("path", { d: areaPath, fill: series.color, fillOpacity: 0.15 }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: linePath, stroke: series.color, strokeWidth: 2, fill: "none" }),
-    points.map((point, index) => /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: point.x, cy: point.y, r: 2.5, fill: series.color }, `${series.name}-${index}`))
-  ] }, series.name);
+function PhaseBadge({ phase }) {
+  const map = {
+    pending: { status: "pending", label: "Pendente" },
+    running: { status: "processing", label: "Em execu\xE7\xE3o" },
+    paused: { status: "pending", label: "Aguardando aprova\xE7\xE3o" },
+    completed: { status: "success", label: "Conclu\xEDdo" },
+    failed: { status: "error", label: "Falhou" },
+    cancelled: { status: "inactive", label: "Cancelado" }
+  };
+  const entry = map[phase];
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: entry.status, label: entry.label }) });
 }
-function renderBars(series, seriesIndex, seriesCount, count, domain, width, height) {
-  const slot = count > 1 ? width / (count - 1) : width;
-  const barWidth = Math.max(2, slot * 0.8 / seriesCount);
-  const offset = seriesCount * barWidth / 2;
-  return /* @__PURE__ */ jsxRuntime.jsx("g", { children: series.values.map((value, index) => {
-    const cx = xScale(index, count, width);
-    const barX = cx - offset + seriesIndex * barWidth;
-    const y = yScale(value, domain, height);
-    const barHeight = height - y;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "rect",
+function Timeline({ entries }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex flex-wrap gap-2", children: entries.map((entry) => {
+    const dotClass = entry.status === "done" ? "bg-emerald-500" : entry.status === "failed" ? "bg-rose-500" : entry.status === "paused" ? "bg-amber-500" : "animate-pulse bg-sky-500";
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "li",
       {
-        x: barX,
-        y,
-        width: barWidth,
-        height: Math.max(0, barHeight),
-        fill: series.color,
-        fillOpacity: 0.85,
-        rx: 2
+        className: "flex items-center gap-2 rounded-full border border-zinc-950/10 bg-white px-3 py-1 text-xs dark:border-white/10 dark:bg-zinc-900",
+        title: entry.error ?? entry.nodeId,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `h-2 w-2 rounded-full ${dotClass}` }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-slate-700 dark:text-slate-300", children: entry.nodeId }),
+          entry.nodeType && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] uppercase tracking-wide text-slate-400", children: entry.nodeType })
+        ]
       },
-      `${series.name}-${index}`
+      entry.nodeId
     );
-  }) }, series.name);
+  }) });
 }
-function DashboardView({ spec, className }) {
-  const layout = spec.layout ?? "grid";
-  const hasCharts = (spec.charts?.length ?? 0) > 0;
-  const chartGrid = layout === "grid" && (spec.charts?.length ?? 0) > 1 ? "grid grid-cols-1 gap-4 lg:grid-cols-2" : "grid grid-cols-1 gap-4";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: className ?? "space-y-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold text-slate-900 dark:text-slate-100", children: spec.title }),
-      spec.subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-slate-500 dark:text-slate-400", children: spec.subtitle })
-    ] }),
-    spec.kpis && spec.kpis.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      "section",
+function upsertTimelineRunning(prev, event) {
+  if (!event.nodeId) return prev;
+  const idx = prev.findIndex((entry) => entry.nodeId === event.nodeId);
+  const nodeType = typeof event.data?.nodeType === "string" ? event.data.nodeType : void 0;
+  const fresh = {
+    nodeId: event.nodeId,
+    nodeType,
+    status: "running",
+    startedAt: event.timestamp
+  };
+  if (idx === -1) return [...prev, fresh];
+  const next = [...prev];
+  next[idx] = { ...next[idx], ...fresh };
+  return next;
+}
+function upsertTimelineDone(prev, event, status) {
+  if (!event.nodeId) return prev;
+  const idx = prev.findIndex((entry) => entry.nodeId === event.nodeId);
+  const nodeType = typeof event.data?.nodeType === "string" ? event.data.nodeType : void 0;
+  const error = typeof event.data?.error === "string" ? event.data.error : void 0;
+  if (idx === -1) {
+    return [
+      ...prev,
       {
-        className: spec.kpis.length > 3 ? "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4" : "grid grid-cols-1 gap-3 sm:grid-cols-3",
-        children: spec.kpis.map((kpi, index) => /* @__PURE__ */ jsxRuntime.jsx(KpiCard, { kpi }, `${kpi.label}-${index}`))
+        nodeId: event.nodeId,
+        nodeType,
+        status,
+        startedAt: event.timestamp,
+        finishedAt: event.timestamp,
+        error
       }
-    ),
-    hasCharts && /* @__PURE__ */ jsxRuntime.jsx("section", { className: chartGrid, children: spec.charts?.map((chart, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: "rounded-xl border border-zinc-950/10 bg-white p-4 dark:border-white/10 dark:bg-zinc-900",
-        children: /* @__PURE__ */ jsxRuntime.jsx(ChartRenderer, { spec: chart })
-      },
-      `${chart.title}-${index}`
-    )) }),
-    spec.table && spec.table.rows.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border border-zinc-950/10 bg-white dark:border-white/10 dark:bg-zinc-900", children: [
-      spec.table.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "border-b border-zinc-950/10 px-5 py-3 text-sm font-semibold text-slate-900 dark:border-white/10 dark:text-slate-100", children: spec.table.title }),
-      /* @__PURE__ */ jsxRuntime.jsx(DashboardTableView, { table: spec.table })
-    ] }),
-    spec.recommendation && spec.recommendation.trim().length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "rounded-xl border border-indigo-500/20 bg-indigo-500/5 p-4 dark:border-indigo-400/30 dark:bg-indigo-500/10", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-indigo-700 dark:text-indigo-300", children: "Recommendation" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-indigo-900 dark:text-indigo-100", children: spec.recommendation })
-    ] }),
-    spec.meta && Object.keys(spec.meta).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("footer", { className: "flex flex-wrap gap-4 text-[10px] text-slate-400 dark:text-slate-500", children: Object.entries(spec.meta).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold uppercase tracking-wide", children: key }),
-      ": ",
-      value
-    ] }, key)) })
-  ] });
+    ];
+  }
+  const next = [...prev];
+  next[idx] = {
+    ...next[idx],
+    status,
+    finishedAt: event.timestamp,
+    error: error ?? next[idx].error
+  };
+  return next;
 }
-function KpiCard({ kpi }) {
-  const value = typeof kpi.value === "number" ? formatNumber(kpi.value) : kpi.value;
-  const displayValue = kpi.unit ? `${value}${kpi.unit}` : value;
-  const variant = kpi.tone ?? "default";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    MetricCard,
-    {
-      title: kpi.label,
-      value: displayValue,
-      variant,
-      trend: kpi.deltaPct !== void 0 ? { value: kpi.deltaPct } : void 0
-    }
-  );
+function isDashboardSpecLike(value) {
+  if (!value || typeof value !== "object") return false;
+  const candidate = value;
+  return typeof candidate.title === "string" || Array.isArray(candidate.sections) || Array.isArray(candidate.kpis) || Array.isArray(candidate.charts) || typeof candidate.recommendation === "string";
 }
-function DashboardTableView({ table }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-zinc-200 text-sm dark:divide-zinc-700", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-zinc-50 dark:bg-zinc-800/50", children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: table.columns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(
-      "th",
-      {
-        scope: "col",
-        className: `px-4 py-2 text-xs font-medium uppercase tracking-wide text-slate-500 dark:text-slate-400 ${columnAlign(column.align)}`,
-        children: column.label
-      },
-      column.key
-    )) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "divide-y divide-zinc-100 dark:divide-zinc-800", children: table.rows.map((row, rowIndex) => /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "hover:bg-zinc-50/70 dark:hover:bg-zinc-800/30", children: table.columns.map((column) => {
-      const raw = row[column.key] ?? "";
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "td",
-        {
-          className: `px-4 py-2 text-slate-700 dark:text-slate-300 ${columnAlign(column.align)}`,
-          children: formatCell(raw, column.format)
-        },
-        column.key
-      );
-    }) }, rowIndex)) })
-  ] }) });
+function isSectionLike(value) {
+  if (!value || typeof value !== "object") return false;
+  const candidate = value;
+  return typeof candidate.type === "string" && "data" in candidate;
 }
-function columnAlign(align) {
-  if (align === "right") return "text-right";
-  if (align === "center") return "text-center";
-  return "text-left";
+function mergeSpec(prev, next) {
+  if (!prev) return next;
+  return {
+    ...prev,
+    ...next,
+    title: next.title ?? prev.title,
+    sections: mergeSections(prev.sections, next.sections)
+  };
 }
-function formatCell(value, format3) {
-  if (value === null || value === void 0 || value === "") return "\u2014";
-  if (format3 === "currency" && typeof value === "number") {
-    return new Intl.NumberFormat("en-US", { style: "currency", currency: "USD" }).format(value);
-  }
-  if (format3 === "percent" && typeof value === "number") {
-    return `${(value * 100).toFixed(1)}%`;
+function mergeSections(a, b) {
+  if (!a && !b) return void 0;
+  if (!a) return b;
+  if (!b) return a;
+  const seen = /* @__PURE__ */ new Set();
+  const merged = [];
+  for (const section of [...a, ...b]) {
+    const key = JSON.stringify(section);
+    if (seen.has(key)) continue;
+    seen.add(key);
+    merged.push(section);
   }
-  if (format3 === "number" && typeof value === "number") {
-    return formatNumber(value);
-  }
-  return String(value);
+  return merged;
 }
-function formatNumber(value) {
-  if (Math.abs(value) >= 1e3) return new Intl.NumberFormat("en-US").format(Math.round(value));
-  return value.toFixed(Math.abs(value) < 10 ? 2 : 1);
+function appendSectionToSpec(prev, section) {
+  const base = prev ?? { title: "" };
+  const sections = base.sections ? [...base.sections, section] : [section];
+  return { ...base, sections };
 }
 
 // src/types/dashboard-spec.ts
@@ -2355,8 +3422,9 @@ function validateDashboardSpec(spec) {
   const hasKpis = (spec.kpis?.length ?? 0) > 0;
   const hasTable = (spec.table?.rows.length ?? 0) > 0;
   const hasRecommendation = Boolean(spec.recommendation?.trim());
-  if (!hasCharts && !hasKpis && !hasTable && !hasRecommendation) {
-    issues.push({ kind: "empty", message: "Dashboard has no content (no charts, KPIs, table, or recommendation)." });
+  const hasSections = (spec.sections?.length ?? 0) > 0;
+  if (!hasCharts && !hasKpis && !hasTable && !hasRecommendation && !hasSections) {
+    issues.push({ kind: "empty", message: "Dashboard has no content (no charts, KPIs, table, recommendation, or sections)." });
   }
   spec.charts?.forEach((chart, chartIndex) => {
     if (chart.series.length === 0) {
@@ -2385,19 +3453,6 @@ function validateDashboardSpec(spec) {
   }
   return issues;
 }
-function AgentAnalysisCard({ name, avatar, duration, output }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-surface rounded-xl p-3 transition-all duration-300", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("img", { src: avatar, alt: "", className: "h-6 w-6 rounded-lg" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] font-semibold text-white", children: name }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[8px] text-gray-500", children: duration })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckCircleIcon, { className: "h-3.5 w-3.5 text-emerald-400 shrink-0" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[8px] text-gray-400 leading-relaxed", children: output })
-  ] });
-}
 function RecommendationCard({ price, delta, confidence, margin, minMax }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-surface rounded-xl p-3.5", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center gap-1.5 text-[11px] font-semibold text-gray-400", children: [
@@ -3777,7 +4832,7 @@ function ProgressIndicator({
             stiffness: 500,
             damping: 30
           },
-          children: showNumbers && (isCompleted ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon2, { className: "w-4 h-4" }) : index + 1)
+          children: showNumbers && (isCompleted ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon3, { className: "w-4 h-4" }) : index + 1)
         }
       ),
       index < steps - 1 && /* @__PURE__ */ jsxRuntime.jsx(
@@ -3792,7 +4847,7 @@ function ProgressIndicator({
     ] }, index);
   }) });
 }
-function CheckIcon2({ className }) {
+function CheckIcon3({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -5750,42 +6805,18 @@ var FormField = React12__namespace.default.forwardRef(
   }
 );
 FormField.displayName = "FormField";
-var FormSection = React12__namespace.default.forwardRef(
-  ({ title, description, children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: clsx__default.default("space-y-4", className), ...props, children: [
-      (title || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-        title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-gray-900 dark:text-white", children: title }),
-        description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: description })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children })
-    ] });
-  }
-);
-FormSection.displayName = "FormSection";
-function ItemSummary({
-  icon,
-  title,
-  subtitle,
-  metadata,
-  iconContainerClassName = "flex size-10 flex-shrink-0 items-center justify-center rounded-lg bg-indigo-100 dark:bg-indigo-900/30",
-  titleClassName = "truncate text-sm font-semibold text-gray-900 dark:text-white",
-  subtitleClassName = "truncate text-xs text-gray-500 dark:text-gray-400",
-  metadataContainerClassName = "mt-2 flex flex-wrap gap-3",
-  metadataLabelClassName = "text-xs text-gray-500 dark:text-gray-400",
-  metadataValueClassName = "text-xs font-medium text-gray-900 dark:text-white"
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 min-w-0 items-start gap-3", children: [
-    icon ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: iconContainerClassName, children: icon }) : null,
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: titleClassName, children: title }),
-      subtitle ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: subtitleClassName, children: subtitle }) : null,
-      metadata && metadata.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: metadataContainerClassName, children: metadata.map((metadataItem, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: metadataLabelClassName, children: metadataItem.label }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: metadataValueClassName, children: metadataItem.value })
-      ] }, index)) }) : null
-    ] })
-  ] });
-}
+var FormSection = React12__namespace.default.forwardRef(
+  ({ title, description, children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: clsx__default.default("space-y-4", className), ...props, children: [
+      (title || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+        title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-gray-900 dark:text-white", children: title }),
+        description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: description })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children })
+    ] });
+  }
+);
+FormSection.displayName = "FormSection";
 var CONTAINER_STYLES2 = {
   default: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700",
   compact: "bg-transparent",
@@ -5849,80 +6880,6 @@ var ListItem = React12__namespace.default.forwardRef(
   }
 );
 ListItem.displayName = "ListItem";
-var TONE_STYLES = {
-  error: { container: "border-red-500/30 bg-red-500/20 text-red-600 dark:text-red-400", dot: "bg-red-500" },
-  warning: { container: "border-amber-500/30 bg-amber-500/20 text-amber-600 dark:text-amber-400", dot: "bg-amber-500" },
-  info: { container: "border-blue-500/30 bg-blue-500/20 text-blue-600 dark:text-blue-400", dot: "bg-blue-500" },
-  neutral: { container: "border-slate-500/30 bg-slate-500/20 text-slate-600 dark:text-slate-400", dot: "bg-slate-500" },
-  success: { container: "border-emerald-500/30 bg-emerald-500/20 text-emerald-600 dark:text-emerald-400", dot: "bg-emerald-500" }
-};
-var LEGACY_STATUS_STYLES = {
-  pending: "border-yellow-200 bg-yellow-50 text-yellow-700 dark:border-yellow-700/30 dark:bg-yellow-900/20 dark:text-yellow-400",
-  approved: "border-green-200 bg-green-50 text-green-700 dark:border-green-700/30 dark:bg-green-900/20 dark:text-green-400",
-  rejected: "border-red-200 bg-red-50 text-red-700 dark:border-red-700/30 dark:bg-red-900/20 dark:text-red-400",
-  active: "border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-700/30 dark:bg-emerald-900/20 dark:text-emerald-400",
-  inactive: "border-white/30 dark:border-white/10 bg-slate-500/10 text-slate-700 dark:bg-slate-900/20 dark:text-slate-400",
-  processing: "border-blue-200 bg-blue-50 text-blue-700 dark:border-blue-700/30 dark:bg-blue-900/20 dark:text-blue-400",
-  error: "border-red-200 bg-red-50 text-red-700 dark:border-red-700/30 dark:bg-red-900/20 dark:text-red-400",
-  success: "border-green-200 bg-green-50 text-green-700 dark:border-green-700/30 dark:bg-green-900/20 dark:text-green-400"
-};
-var LEGACY_DOT_STYLES = {
-  pending: "bg-yellow-500",
-  approved: "bg-green-500",
-  rejected: "bg-red-500",
-  active: "bg-emerald-500",
-  inactive: "bg-slate-500",
-  processing: "bg-blue-500",
-  error: "bg-red-500",
-  success: "bg-green-500"
-};
-var SIZE_STYLES = {
-  sm: "px-2 py-0.5 text-xs",
-  md: "px-2.5 py-1 text-xs"
-};
-var DEFAULT_LEGACY_STYLE = "border-white/30 dark:border-white/10 bg-slate-500/10 text-slate-700 dark:bg-slate-900/20 dark:text-slate-400";
-var StatusBadge = React12.forwardRef(function StatusBadge2({ status, label, size = "md", className = "", ...props }, ref) {
-  if ("statusConfig" in props && props.statusConfig) {
-    const configuredStatus = props.statusConfig[status];
-    if (!configuredStatus) {
-      return null;
-    }
-    const toneStyle = TONE_STYLES[configuredStatus.tone ?? "neutral"];
-    const IconComponent = configuredStatus.icon;
-    const resolvedLabel2 = label ?? configuredStatus.label;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        role: "status",
-        "aria-label": `Status: ${status}`,
-        "data-testid": `status-badge-${status}`,
-        className: `inline-flex items-center gap-1.5 rounded-full border font-semibold backdrop-blur-sm ${SIZE_STYLES[size]} ${toneStyle.container} ${className}`,
-        children: [
-          IconComponent ? /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: `h-3 w-3 ${configuredStatus.animateIcon ? "animate-spin motion-reduce:animate-none" : ""}` }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: `h-2 w-2 rounded-full ${toneStyle.dot}` }),
-          resolvedLabel2
-        ]
-      }
-    );
-  }
-  const legacyStyle = LEGACY_STATUS_STYLES[status] ?? DEFAULT_LEGACY_STYLE;
-  const legacyDot = LEGACY_DOT_STYLES[status] ?? "bg-slate-500";
-  const resolvedLabel = label ?? status;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref,
-      role: "status",
-      "aria-label": `Status: ${status}`,
-      "data-testid": `status-badge-${status}`,
-      className: `inline-flex items-center gap-1.5 rounded-full border font-semibold ${SIZE_STYLES[size]} ${legacyStyle} ${className}`,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `h-2 w-2 rounded-full ${legacyDot}` }),
-        resolvedLabel
-      ]
-    }
-  );
-});
 function ProfileIdentityCard({
   displayName,
   profileInitial,
@@ -7276,95 +8233,6 @@ function TimePicker({
     ) })
   ] });
 }
-function classNames(...classes) {
-  return classes.filter(Boolean).join(" ");
-}
-function StepTimeline({
-  steps,
-  progressLabel,
-  onStepClick,
-  renderCompleteContent
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:border-t lg:border-b lg:border-gray-200 dark:lg:border-white/15", children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": progressLabel, className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntime.jsx(
-    "ol",
-    {
-      role: "list",
-      className: "overflow-hidden rounded-md lg:flex lg:rounded-none lg:border-r lg:border-l lg:border-gray-200 dark:lg:border-white/15",
-      children: steps.map((step2, stepIndex) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "relative overflow-hidden lg:flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: () => onStepClick?.(stepIndex),
-          disabled: step2.status === "upcoming",
-          className: classNames(
-            step2.status === "upcoming" ? "cursor-not-allowed" : "cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-800",
-            stepIndex === 0 ? "rounded-t-md border-b-0" : "",
-            stepIndex === steps.length - 1 ? "rounded-b-md border-t-0" : "",
-            "w-full overflow-hidden border border-gray-200 text-left transition-colors lg:border-0 dark:border-white/15"
-          ),
-          children: [
-            step2.status === "complete" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: "absolute top-0 left-0 h-full w-1 bg-transparent group-hover:bg-gray-200 lg:top-auto lg:bottom-0 lg:h-1 lg:w-full dark:group-hover:bg-white/20"
-                }
-              ),
-              renderCompleteContent ? renderCompleteContent(step2) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classNames(stepIndex !== 0 ? "lg:pl-9" : "", "flex items-start px-6 py-5 text-sm font-medium"), children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-blue-600 dark:bg-blue-500", children: /* @__PURE__ */ jsxRuntime.jsx(solid$1.CheckIcon, { "aria-hidden": "true", className: "h-5 w-5 text-white" }) }) }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-0.5 ml-4 flex min-w-0 flex-col", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-900 dark:text-white", children: step2.name }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: step2.description })
-                ] })
-              ] })
-            ] }) : step2.status === "current" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { "aria-current": "step", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: "absolute top-0 left-0 h-full w-1 bg-blue-600 lg:top-auto lg:bottom-0 lg:h-1 lg:w-full dark:bg-blue-500"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classNames(stepIndex !== 0 ? "lg:pl-9" : "", "flex items-start px-6 py-5 text-sm font-medium"), children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-full border-2 border-blue-600 dark:border-blue-500", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-blue-600 dark:text-blue-400", children: step2.id }) }) }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-0.5 ml-4 flex min-w-0 flex-col", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-blue-600 dark:text-blue-400", children: step2.name }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: step2.description })
-                ] })
-              ] })
-            ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: "absolute top-0 left-0 h-full w-1 bg-transparent group-hover:bg-gray-200 lg:top-auto lg:bottom-0 lg:h-1 lg:w-full dark:group-hover:bg-white/20"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: classNames(stepIndex !== 0 ? "lg:pl-9" : "", "flex items-start px-6 py-5 text-sm font-medium"), children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-10 w-10 items-center justify-center rounded-full border-2 border-gray-300 dark:border-white/15", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500 dark:text-gray-400", children: step2.id }) }) }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "mt-0.5 ml-4 flex min-w-0 flex-col", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: step2.name }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: step2.description })
-                ] })
-              ] })
-            ] }),
-            stepIndex !== 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", className: "absolute inset-0 top-0 left-0 hidden w-3 lg:block", children: /* @__PURE__ */ jsxRuntime.jsx(
-              "svg",
-              {
-                fill: "none",
-                viewBox: "0 0 12 82",
-                preserveAspectRatio: "none",
-                className: "h-full w-full text-gray-200 dark:text-white/15",
-                children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0.5 0V31L10.5 41L0.5 51V82", stroke: "currentColor", vectorEffect: "non-scaling-stroke" })
-              }
-            ) }) : null
-          ]
-        }
-      ) }, step2.id))
-    }
-  ) }) });
-}
 function PageHeading({ breadcrumbs, title, subtitle, icon, meta, actions }) {
   const t = chunkYXN2K77G_js.useTranslations("common");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 lg:flex lg:items-start lg:justify-between", children: [
@@ -8228,87 +9096,6 @@ function SearchFilterToolbar({
     ] }) })
   ] });
 }
-function isPlainTextTitle(title) {
-  return typeof title === "string" || typeof title === "number";
-}
-function getTestIdFromTitle(title) {
-  if (isPlainTextTitle(title)) {
-    return `entity-card-${String(title).toLowerCase().replace(/\s+/g, "-")}`;
-  }
-  return "entity-card";
-}
-function StatusBadgeInternal({ status }) {
-  const tCommon = chunkYXN2K77G_js.useTranslations("common");
-  if (typeof status !== "boolean") {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: status });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: `shrink-0 rounded-full px-2 py-0.5 text-xs font-medium ${status ? "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-300" : "bg-white/40 text-slate-500 dark:bg-white/[0.08] dark:text-slate-400"}`,
-      children: status ? tCommon("active") : tCommon("inactive")
-    }
-  );
-}
-function EntityCard({
-  icon,
-  title,
-  subtitle,
-  status,
-  accentGradient,
-  children,
-  footer,
-  onClick,
-  className = "",
-  dragProps
-}) {
-  const isInteractive = Boolean(onClick);
-  const plainTextTitle = isPlainTextTitle(title) ? String(title) : void 0;
-  const handleKeyDown = React12.useCallback(
-    (event) => {
-      if (onClick && (event.key === "Enter" || event.key === " ")) {
-        event.preventDefault();
-        onClick();
-      }
-    },
-    [onClick]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Card,
-    {
-      role: isInteractive ? "article" : "listitem",
-      "aria-label": isInteractive ? plainTextTitle : void 0,
-      "data-testid": getTestIdFromTitle(title),
-      tabIndex: isInteractive ? 0 : void 0,
-      onKeyDown: isInteractive ? handleKeyDown : void 0,
-      className: `group overflow-hidden transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md ${isInteractive ? "cursor-pointer" : ""} ${className}`,
-      onPress: onClick,
-      pressable: isInteractive,
-      ...dragProps,
-      children: [
-        accentGradient && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `h-1.5 w-full bg-gradient-to-r ${accentGradient}` }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "entity-card-title", children: /* @__PURE__ */ jsxRuntime.jsx(
-              ItemSummary,
-              {
-                icon,
-                title,
-                subtitle: subtitle ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-testid": "entity-card-subtitle", children: subtitle }) : void 0,
-                iconContainerClassName: "shrink-0",
-                titleClassName: isPlainTextTitle(title) ? "truncate font-semibold text-slate-900 dark:text-white" : "font-semibold text-slate-900 dark:text-white",
-                subtitleClassName: "mt-0.5 text-xs text-slate-500 dark:text-slate-400"
-              }
-            ) }),
-            status !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(StatusBadgeInternal, { status })
-          ] }),
-          children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3", children }),
-          footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 border-t border-white/30 pt-3 dark:border-white/10 flex gap-2 justify-end opacity-0 transition-opacity duration-200 group-hover:opacity-100 group-focus-within:opacity-100", children: footer })
-        ] })
-      ]
-    }
-  );
-}
 var COLOR_MAP = {
   blue: {
     activeGradient: "bg-gradient-to-br from-blue-500 to-blue-600 ring-2 ring-blue-500 shadow-lg",
@@ -25053,6 +25840,7 @@ exports.InfoPopover = InfoPopover;
 exports.InlineForm = InlineForm;
 exports.InlineSpinner = InlineSpinner;
 exports.Input = Input;
+exports.InputRequestForm = InputRequestForm;
 exports.InteractiveGeoMap = InteractiveGeoMap;
 exports.InventoryDemo = InventoryDemo;
 exports.ItemSummary = ItemSummary;
@@ -25231,6 +26019,7 @@ exports.StatusToggle = StatusToggle;
 exports.StepFormPage = StepFormPage;
 exports.StepNavigationButtons = StepNavigationButtons;
 exports.StepTimeline = StepTimeline;
+exports.StreamingDashboard = StreamingDashboard;
 exports.Strong = Strong;
 exports.Subheading = Subheading;
 exports.SwipeableRow = SwipeableRow;
@@ -25577,5 +26366,5 @@ exports.usePullToRefresh = usePullToRefresh;
 exports.validateDashboardSpec = validateDashboardSpec;
 exports.xScale = xScale;
 exports.yScale = yScale;
-//# sourceMappingURL=chunk-KNXAOJAK.js.map
-//# sourceMappingURL=chunk-KNXAOJAK.js.map
+//# sourceMappingURL=chunk-YN4IEDE4.js.map
+//# sourceMappingURL=chunk-YN4IEDE4.js.map