@datatechsolutions/ui 2.11.88 → 2.11.90

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

@@ -10,12 +10,12 @@ 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');
@@ -2248,6 +2248,287 @@ function renderBars(series, seriesIndex, seriesCount, count, domain, width, heig
     );
   }) }, 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 }) {
   const layout = spec.layout ?? "grid";
   const hasCharts = (spec.charts?.length ?? 0) > 0;
@@ -2280,6 +2561,13 @@ function DashboardView({ spec, className }) {
       /* @__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
+      },
+      `${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 }),
       ": ",
@@ -2347,6 +2635,230 @@ 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 }) {
+  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 });
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(NoteSection, { data: { body: JSON.stringify(section, null, 2), tone: "info" } });
+  }
+}
+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;
+  }
+}
 
 // src/types/dashboard-spec.ts
 function validateDashboardSpec(spec) {
@@ -2355,8 +2867,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 +2898,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 +4277,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 +4292,7 @@ function ProgressIndicator({
     ] }, index);
   }) });
 }
-function CheckIcon2({ className }) {
+function CheckIcon3({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
@@ -5750,42 +6250,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 +6325,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 +7678,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 +8541,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",
@@ -25577,5 +25809,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-ZBX2QSNH.js.map
+//# sourceMappingURL=chunk-ZBX2QSNH.js.map