@datatechsolutions/ui 3.10.0 → 3.11.1

package/dist/{chunk-LVR4SR65.js → chunk-TIJXCRM4.js}

@@ -2,7 +2,7 @@
 'use strict';
 
 var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
-var chunkSY4MUT5V_js = require('./chunk-SY4MUT5V.js');
+var chunkZUU7G3PC_js = require('./chunk-ZUU7G3PC.js');
 var chunkBHOT22QL_js = require('./chunk-BHOT22QL.js');
 var chunkUZ3CMNUJ_js = require('./chunk-UZ3CMNUJ.js');
 var chunkS7KHTUHA_js = require('./chunk-S7KHTUHA.js');
@@ -12,12 +12,12 @@ var HeroIcons = require('@heroicons/react/24/outline');
 var jsxRuntime = require('react/jsx-runtime');
 var solid = require('@heroicons/react/20/solid');
 var Headless3 = require('@headlessui/react');
-var solid$1 = require('@heroicons/react/24/solid');
 var Popover = require('@radix-ui/react-popover');
 var clsx4 = require('clsx');
 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');
@@ -1800,94 +1800,84 @@ var StatusBadge = React9.forwardRef(function StatusBadge2({ status, label, size
     }
   );
 });
-function classNames(...classes) {
-  return classes.filter(Boolean).join(" ");
-}
-function StepTimeline({
+var accentStyles = {
+  indigo: {
+    currentPill: "bg-indigo-500/15 text-indigo-700 dark:bg-indigo-500/25 dark:text-indigo-300",
+    completePill: "bg-emerald-500/10 text-emerald-700 hover:bg-emerald-500/20 dark:bg-emerald-500/20 dark:text-emerald-300",
+    currentDot: "bg-indigo-500 text-white",
+    completeDot: "bg-emerald-500 text-white",
+    connector: "bg-emerald-500/30 dark:bg-emerald-500/20"
+  },
+  blue: {
+    currentPill: "bg-blue-500/15 text-blue-700 dark:bg-blue-500/25 dark:text-blue-300",
+    completePill: "bg-emerald-500/10 text-emerald-700 hover:bg-emerald-500/20 dark:bg-emerald-500/20 dark:text-emerald-300",
+    currentDot: "bg-blue-500 text-white",
+    completeDot: "bg-emerald-500 text-white",
+    connector: "bg-emerald-500/30 dark:bg-emerald-500/20"
+  },
+  emerald: {
+    currentPill: "bg-emerald-500/15 text-emerald-700 dark:bg-emerald-500/25 dark:text-emerald-300",
+    completePill: "bg-emerald-500/10 text-emerald-700 hover:bg-emerald-500/20 dark:bg-emerald-500/20 dark:text-emerald-300",
+    currentDot: "bg-emerald-500 text-white",
+    completeDot: "bg-emerald-500 text-white",
+    connector: "bg-emerald-500/30 dark:bg-emerald-500/20"
+  },
+  violet: {
+    currentPill: "bg-violet-500/15 text-violet-700 dark:bg-violet-500/25 dark:text-violet-300",
+    completePill: "bg-emerald-500/10 text-emerald-700 hover:bg-emerald-500/20 dark:bg-emerald-500/20 dark:text-emerald-300",
+    currentDot: "bg-violet-500 text-white",
+    completeDot: "bg-emerald-500 text-white",
+    connector: "bg-emerald-500/30 dark:bg-emerald-500/20"
+  }
+};
+var upcomingPill = "bg-slate-500/8 text-slate-400 dark:bg-white/5 dark:text-white/30";
+var upcomingDot = "bg-slate-200 text-slate-400 dark:bg-white/10 dark:text-white/30";
+var upcomingConnector = "bg-slate-200 dark:bg-white/10";
+function StepIndicator({
   steps,
+  currentStep,
+  onStepChange,
   progressLabel,
-  onStepClick,
-  renderCompleteContent
+  accent = "indigo"
 }) {
-  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((step, stepIndex) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "relative overflow-hidden lg:flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
+  const tone = accentStyles[accent];
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": progressLabel, className: "flex items-center gap-2", children: steps.map((step, index) => {
+    const isCompleted = index < currentStep;
+    const isCurrent = index === currentStep;
+    const isClickable = isCompleted && Boolean(onStepChange);
+    const pillTone = isCurrent ? tone.currentPill : isCompleted ? tone.completePill : upcomingPill;
+    const dotTone = isCurrent ? tone.currentDot : isCompleted ? tone.completeDot : upcomingDot;
+    const connectorTone = index < currentStep ? tone.connector : upcomingConnector;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           type: "button",
-          onClick: () => onStepClick?.(stepIndex),
-          disabled: step.status === "upcoming",
-          className: classNames(
-            step.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"
-          ),
+          onClick: isClickable ? () => onStepChange?.(index) : void 0,
+          disabled: !isClickable && !isCurrent,
+          "aria-current": isCurrent ? "step" : void 0,
+          className: `flex items-center gap-2 rounded-full px-3 py-1.5 text-xs font-medium transition-all duration-200 backdrop-blur-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1 ${pillTone} ${isClickable ? "cursor-pointer" : ""}`,
           children: [
-            step.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(step) : /* @__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: step.name }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: step.description })
-                ] })
-              ] })
-            ] }) : step.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: step.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: step.name }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: step.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: step.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: step.name }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: step.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",
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
               {
-                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" })
+                className: `flex h-5 w-5 items-center justify-center rounded-full text-[10px] font-bold ${dotTone}`,
+                children: step.icon ? step.icon : isCompleted ? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckIcon, { className: "h-3 w-3" }) : index + 1
               }
-            ) }) : null
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: step.title })
           ]
         }
-      ) }, step.id))
-    }
-  ) }) });
+      ),
+      index < steps.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          "aria-hidden": true,
+          className: `h-px flex-1 transition-colors duration-200 ${connectorTone}`
+        }
+      ) : null
+    ] }, step.id);
+  }) });
 }
 function AgentAnalysisCard({ name, avatar, duration: duration2, output }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "liquid-surface rounded-xl p-3 transition-all duration-300", children: [
@@ -2099,10 +2089,12 @@ 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,
+      StepIndicator,
       {
-        steps: data.steps,
-        progressLabel: data.progressLabel ?? data.title ?? "Progress"
+        accent: "indigo",
+        currentStep: data.steps.filter((step) => step.status === "complete").length,
+        progressLabel: data.progressLabel ?? data.title ?? "Progress",
+        steps: data.steps.map((step) => ({ id: step.id, title: step.name }))
       }
     )
   ] });
@@ -2278,7 +2270,7 @@ function InputRequestForm({
     try {
       const payload = decision === "approved" ? sanitizeForSubmit(values) : void 0;
       const reason = decision === "rejected" ? typeof values.reason === "string" ? values.reason : "rejected" : void 0;
-      await chunkSY4MUT5V_js.submitApproval(runId, data.nodeId, {
+      await chunkZUU7G3PC_js.submitApproval(runId, data.nodeId, {
         approved: decision === "approved",
         ...payload ? { payload } : {},
         ...reason ? { reason } : {}
@@ -2526,7 +2518,7 @@ function StreamingDashboard({
     if (phase === "completed" || phase === "failed" || phase === "cancelled") {
       return;
     }
-    const unsubscribe = chunkSY4MUT5V_js.subscribeToRunEvents(
+    const unsubscribe = chunkZUU7G3PC_js.subscribeToRunEvents(
       runId,
       (event) => handleEvent(event),
       (err) => {
@@ -6606,31 +6598,102 @@ function DialogActions({
     }
   );
 }
+var DEFAULT_UNSELECTED_STYLE = {
+  bg: "bg-slate-500/15",
+  text: "text-slate-700 dark:text-slate-200"
+};
+function slugify(raw) {
+  return raw.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+}
 function ChipPicker({
   items,
   selectedIds,
   onChange,
+  allowCustom = false,
+  onItemsChange,
+  unselectedStyle,
   isLoading = false,
   showActions = true,
   loadingLabel = "Loading...",
   selectedLabel = "selected",
   selectAllLabel = "Select all",
   clearLabel = "Clear",
-  emptyLabel = "No items configured"
+  emptyLabel = "No items configured",
+  addPlaceholder = "Add\u2026",
+  addAriaLabel = "Add new item"
 }) {
-  const toggleItem = (itemId) => {
+  const groupId = React9.useId();
+  const inputId = `${groupId}-add`;
+  const [draft, setDraft] = React9.useState("");
+  const styleForNew = unselectedStyle ?? DEFAULT_UNSELECTED_STYLE;
+  const toggleItem = React9.useCallback((itemId) => {
     if (selectedIds.includes(itemId)) {
       onChange(selectedIds.filter((id) => id !== itemId));
     } else {
       onChange([...selectedIds, itemId]);
     }
-  };
-  const selectAll = () => {
+  }, [selectedIds, onChange]);
+  const selectAll = React9.useCallback(() => {
     onChange(items.map((item) => item.id));
-  };
-  const clearAll = () => {
+  }, [items, onChange]);
+  const clearAll = React9.useCallback(() => {
     onChange([]);
-  };
+  }, [onChange]);
+  const existingIds = React9.useMemo(() => new Set(items.map((i) => i.id)), [items]);
+  const commitDraft = React9.useCallback((raw) => {
+    const trimmed = raw.trim();
+    if (!trimmed) {
+      setDraft("");
+      return;
+    }
+    if (!allowCustom || !onItemsChange) return;
+    const candidates = trimmed.split(",").map((s) => s.trim()).filter((s) => s.length > 0);
+    const additions = [];
+    const addedIds = [];
+    for (const candidate of candidates) {
+      const slug = slugify(candidate) || `item-${additions.length + items.length}`;
+      if (existingIds.has(slug) || additions.some((a) => a.id === slug)) {
+        if (!selectedIds.includes(slug)) addedIds.push(slug);
+        continue;
+      }
+      additions.push({
+        id: slug,
+        name: candidate,
+        style: styleForNew,
+        userCreated: true
+      });
+      addedIds.push(slug);
+    }
+    if (additions.length > 0) {
+      onItemsChange([...items, ...additions]);
+    }
+    if (addedIds.length > 0) {
+      const nextSelected = Array.from(/* @__PURE__ */ new Set([...selectedIds, ...addedIds]));
+      onChange(nextSelected);
+    }
+    setDraft("");
+  }, [allowCustom, onItemsChange, items, existingIds, selectedIds, onChange, styleForNew]);
+  const removeUserCreated = React9.useCallback((itemId) => {
+    if (!allowCustom || !onItemsChange) return;
+    const target = items.find((i) => i.id === itemId);
+    if (!target?.userCreated) return;
+    onItemsChange(items.filter((i) => i.id !== itemId));
+    if (selectedIds.includes(itemId)) {
+      onChange(selectedIds.filter((id) => id !== itemId));
+    }
+  }, [allowCustom, onItemsChange, items, selectedIds, onChange]);
+  const handleKeyDown = React9.useCallback((e) => {
+    if (e.key === "Enter" || e.key === ",") {
+      e.preventDefault();
+      commitDraft(draft);
+    } else if (e.key === "Backspace" && draft.length === 0) {
+      const lastUserCreated = [...items].reverse().find((i) => i.userCreated);
+      if (lastUserCreated) {
+        e.preventDefault();
+        removeUserCreated(lastUserCreated.id);
+      }
+    }
+  }, [draft, commitDraft, items, removeUserCreated]);
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 text-center text-sm text-gray-500 dark:text-gray-400", children: loadingLabel });
   }
@@ -6663,31 +6726,77 @@ function ChipPicker({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: items.map((item) => {
-      const isSelected = selectedIds.includes(item.id);
-      const { style } = item;
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        "label",
-        {
-          className: `inline-flex cursor-pointer items-center gap-2 rounded-full border px-3 py-1.5 text-xs font-medium transition ${isSelected ? `${style.bg} ${style.text} border-transparent ring-2 ring-offset-1 ring-current` : "border-gray-200 bg-white/70 text-gray-700 hover:border-gray-300 dark:border-white/10 dark:bg-white/5 dark:text-gray-200"}`,
-          children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "flex flex-wrap items-center gap-2",
+        role: "group",
+        "aria-multiselectable": "true",
+        children: [
+          items.map((item) => {
+            const isSelected = selectedIds.includes(item.id);
+            const { style } = item;
+            return /* @__PURE__ */ jsxRuntime.jsxs(
+              "span",
+              {
+                className: `inline-flex items-center gap-1.5 rounded-full border text-xs font-medium transition ${isSelected ? `${style.bg} ${style.text} border-transparent ring-2 ring-offset-1 ring-current` : "border-gray-200 bg-white/70 text-gray-700 hover:border-gray-300 dark:border-white/10 dark:bg-white/5 dark:text-gray-200"}`,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "label",
+                    {
+                      className: "inline-flex cursor-pointer items-center gap-2 rounded-full px-3 py-1.5",
+                      "aria-selected": isSelected,
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          "input",
+                          {
+                            type: "checkbox",
+                            checked: isSelected,
+                            onChange: () => toggleItem(item.id),
+                            className: "sr-only"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `inline-flex h-2 w-2 rounded-full ${isSelected ? "bg-current opacity-70" : style.bg}` }),
+                        item.abbreviation ? `${item.abbreviation} - ${item.name}` : item.name
+                      ]
+                    }
+                  ),
+                  allowCustom && item.userCreated && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": `Remove ${item.name}`,
+                      onClick: () => removeUserCreated(item.id),
+                      className: "liquid-surface mr-1 inline-flex h-5 w-5 items-center justify-center rounded-full text-current/70 hover:text-current focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.XMarkIcon, { className: "h-3 w-3" })
+                    }
+                  )
+                ]
+              },
+              item.id
+            );
+          }),
+          allowCustom && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 rounded-full border border-dashed border-slate-300 bg-white/50 px-2 py-1 text-xs dark:border-white/15 dark:bg-white/5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.PlusIcon, { className: "h-3 w-3 text-slate-500 dark:text-slate-400", "aria-hidden": "true" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
               {
-                type: "checkbox",
-                checked: isSelected,
-                onChange: () => toggleItem(item.id),
-                className: "sr-only"
+                id: inputId,
+                type: "text",
+                value: draft,
+                onChange: (e) => setDraft(e.target.value),
+                onKeyDown: handleKeyDown,
+                onBlur: () => commitDraft(draft),
+                placeholder: addPlaceholder,
+                "aria-label": addAriaLabel,
+                className: "min-w-[6rem] border-0 bg-transparent p-0 text-xs text-slate-800 placeholder:text-slate-400 focus:outline-none focus:ring-0 dark:text-slate-100 dark:placeholder:text-slate-500"
               }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `inline-flex h-2 w-2 rounded-full ${isSelected ? "bg-current opacity-70" : style.bg}` }),
-            item.abbreviation ? `${item.abbreviation} - ${item.name}` : item.name
-          ]
-        },
-        item.id
-      );
-    }) }),
-    items.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6 text-center text-sm text-gray-500 dark:text-gray-400", children: emptyLabel })
+            )
+          ] })
+        ]
+      }
+    ),
+    items.length === 0 && !allowCustom && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6 text-center text-sm text-gray-500 dark:text-gray-400", children: emptyLabel })
   ] });
 }
 var DEFAULT_COPYABLE_CLASSNAME = "liquid-surface-strong text-gray-500 dark:text-gray-400";
@@ -7275,85 +7384,6 @@ function StepProgress({ steps, progressLabel, onStepClick }) {
     ) }, step.id);
   }) }) });
 }
-var accentStyles = {
-  indigo: {
-    currentPill: "bg-indigo-500/15 text-indigo-700 dark:bg-indigo-500/25 dark:text-indigo-300",
-    completePill: "bg-emerald-500/10 text-emerald-700 hover:bg-emerald-500/20 dark:bg-emerald-500/20 dark:text-emerald-300",
-    currentDot: "bg-indigo-500 text-white",
-    completeDot: "bg-emerald-500 text-white",
-    connector: "bg-emerald-500/30 dark:bg-emerald-500/20"
-  },
-  blue: {
-    currentPill: "bg-blue-500/15 text-blue-700 dark:bg-blue-500/25 dark:text-blue-300",
-    completePill: "bg-emerald-500/10 text-emerald-700 hover:bg-emerald-500/20 dark:bg-emerald-500/20 dark:text-emerald-300",
-    currentDot: "bg-blue-500 text-white",
-    completeDot: "bg-emerald-500 text-white",
-    connector: "bg-emerald-500/30 dark:bg-emerald-500/20"
-  },
-  emerald: {
-    currentPill: "bg-emerald-500/15 text-emerald-700 dark:bg-emerald-500/25 dark:text-emerald-300",
-    completePill: "bg-emerald-500/10 text-emerald-700 hover:bg-emerald-500/20 dark:bg-emerald-500/20 dark:text-emerald-300",
-    currentDot: "bg-emerald-500 text-white",
-    completeDot: "bg-emerald-500 text-white",
-    connector: "bg-emerald-500/30 dark:bg-emerald-500/20"
-  },
-  violet: {
-    currentPill: "bg-violet-500/15 text-violet-700 dark:bg-violet-500/25 dark:text-violet-300",
-    completePill: "bg-emerald-500/10 text-emerald-700 hover:bg-emerald-500/20 dark:bg-emerald-500/20 dark:text-emerald-300",
-    currentDot: "bg-violet-500 text-white",
-    completeDot: "bg-emerald-500 text-white",
-    connector: "bg-emerald-500/30 dark:bg-emerald-500/20"
-  }
-};
-var upcomingPill = "bg-slate-500/8 text-slate-400 dark:bg-white/5 dark:text-white/30";
-var upcomingDot = "bg-slate-200 text-slate-400 dark:bg-white/10 dark:text-white/30";
-var upcomingConnector = "bg-slate-200 dark:bg-white/10";
-function StepIndicator({
-  steps,
-  currentStep,
-  onStepChange,
-  progressLabel,
-  accent = "indigo"
-}) {
-  const tone = accentStyles[accent];
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": progressLabel, className: "flex items-center gap-2", children: steps.map((step, index) => {
-    const isCompleted = index < currentStep;
-    const isCurrent = index === currentStep;
-    const isClickable = isCompleted && Boolean(onStepChange);
-    const pillTone = isCurrent ? tone.currentPill : isCompleted ? tone.completePill : upcomingPill;
-    const dotTone = isCurrent ? tone.currentDot : isCompleted ? tone.completeDot : upcomingDot;
-    const connectorTone = index < currentStep ? tone.connector : upcomingConnector;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: isClickable ? () => onStepChange?.(index) : void 0,
-          disabled: !isClickable && !isCurrent,
-          "aria-current": isCurrent ? "step" : void 0,
-          className: `flex items-center gap-2 rounded-full px-3 py-1.5 text-xs font-medium transition-all duration-200 backdrop-blur-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500/70 focus-visible:ring-offset-1 ${pillTone} ${isClickable ? "cursor-pointer" : ""}`,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                className: `flex h-5 w-5 items-center justify-center rounded-full text-[10px] font-bold ${dotTone}`,
-                children: step.icon ? step.icon : isCompleted ? /* @__PURE__ */ jsxRuntime.jsx(HeroIcons.CheckIcon, { className: "h-3 w-3" }) : index + 1
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: step.title })
-          ]
-        }
-      ),
-      index < steps.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          "aria-hidden": true,
-          className: `h-px flex-1 transition-colors duration-200 ${connectorTone}`
-        }
-      ) : null
-    ] }, step.id);
-  }) });
-}
 function PageHeading({
   breadcrumbs,
   eyebrow,
@@ -8061,45 +8091,6 @@ function StepFormPage({
     ] })
   ] });
 }
-var BACK_BUTTON_CLASSES = "flex-1 px-4 py-3 border border-white/45 dark:border-white/14 bg-white/80 dark:bg-white/5 backdrop-blur-sm text-gray-900 dark:text-white rounded-xl hover:bg-white/90 dark:hover:bg-white/10 disabled:opacity-50 transition-all duration-200 shadow-[inset_0_1px_0_rgba(255,255,255,0.88)]";
-var CONTINUE_BUTTON_CLASSES = "flex-1 px-4 py-3 bg-gradient-to-r from-indigo-600 to-purple-600 hover:from-indigo-700 hover:to-purple-700 disabled:from-gray-400 disabled:to-gray-500 text-white font-semibold rounded-xl transition-all duration-200 shadow-lg shadow-indigo-500/25 disabled:shadow-none";
-function StepNavigationButtons({
-  onBack,
-  isLoading,
-  backLabel,
-  continueLabel,
-  loadingLabel,
-  showSpinner = false,
-  type = "submit",
-  onContinue
-}) {
-  const displayLabel = isLoading && loadingLabel ? loadingLabel : continueLabel;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: onBack ? "flex gap-4" : "", children: [
-    onBack && backLabel && /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onBack,
-        disabled: isLoading,
-        className: BACK_BUTTON_CLASSES,
-        children: backLabel
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type,
-        disabled: isLoading,
-        onClick: onContinue,
-        className: `${CONTINUE_BUTTON_CLASSES}${!onBack ? " w-full" : ""}`,
-        children: isLoading && showSpinner ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center justify-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "h-4 w-4 animate-spin motion-reduce:animate-none rounded-full border-2 border-white border-t-transparent" }),
-          displayLabel
-        ] }) : displayLabel
-      }
-    )
-  ] });
-}
 var COLOR_MAP = {
   blue: {
     activeGradient: "bg-gradient-to-br from-blue-500 to-blue-600 ring-2 ring-indigo-500/70 shadow-lg",
@@ -20460,9 +20451,7 @@ exports.StatusBadge = StatusBadge;
 exports.StatusToggle = StatusToggle;
 exports.StepFormPage = StepFormPage;
 exports.StepIndicator = StepIndicator;
-exports.StepNavigationButtons = StepNavigationButtons;
 exports.StepProgress = StepProgress;
-exports.StepTimeline = StepTimeline;
 exports.StreamingDashboard = StreamingDashboard;
 exports.Strong = Strong;
 exports.Subheading = Subheading;
@@ -20770,5 +20759,5 @@ exports.useSocialProviders = useSocialProviders;
 exports.validateDashboardSpec = validateDashboardSpec;
 exports.xScale = xScale;
 exports.yScale = yScale;
-//# sourceMappingURL=chunk-LVR4SR65.js.map
-//# sourceMappingURL=chunk-LVR4SR65.js.map
+//# sourceMappingURL=chunk-TIJXCRM4.js.map
+//# sourceMappingURL=chunk-TIJXCRM4.js.map