@datatechsolutions/ui 2.11.82 → 2.11.84

package/dist/{chunk-K4QJV3GC.js → chunk-L6FVIWAJ.js}

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunkM7P2TQ6X_js = require('./chunk-M7P2TQ6X.js');
-var chunkTUEYBNWL_js = require('./chunk-TUEYBNWL.js');
+var chunkEFREXNZB_js = require('./chunk-EFREXNZB.js');
+var chunkGV6WJCEB_js = require('./chunk-GV6WJCEB.js');
 var chunkYXN2K77G_js = require('./chunk-YXN2K77G.js');
 var chunkC7BI5LQ6_js = require('./chunk-C7BI5LQ6.js');
 var react = require('react');
@@ -71,7 +71,7 @@ function OutputSchemaBuilder({ value, onChange, depth = 0 }) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-dashed border-slate-300 bg-slate-50/40 p-4 text-center dark:border-slate-700 dark:bg-slate-900/30", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-xs text-slate-500 dark:text-slate-400", children: "No schema yet \u2014 agent text is exposed as a raw string. Add a schema to enforce structured output." }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkTUEYBNWL_js.Button,
+        chunkGV6WJCEB_js.Button,
         {
           type: "button",
           outline: true,
@@ -135,7 +135,7 @@ function OutputSchemaBuilder({ value, onChange, depth = 0 }) {
         },
         index
       )),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkTUEYBNWL_js.Button, { type: "button", outline: true, onClick: addField, children: "+ Add field" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkGV6WJCEB_js.Button, { type: "button", outline: true, onClick: addField, children: "+ Add field" })
     ] })
   ] });
 }
@@ -158,7 +158,7 @@ function FieldEditor({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-slate-700 dark:bg-slate-900/40", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1fr_140px_auto_auto] items-end gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkTUEYBNWL_js.FormInput,
+        chunkGV6WJCEB_js.FormInput,
         {
           label: "Name",
           value: field.name,
@@ -167,7 +167,7 @@ function FieldEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkTUEYBNWL_js.FormSelect,
+        chunkGV6WJCEB_js.FormSelect,
         {
           label: "Type",
           value: field.type,
@@ -187,10 +187,10 @@ function FieldEditor({
         ),
         "Required"
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkTUEYBNWL_js.Button, { type: "button", plain: true, onClick: onRemove, children: "Remove" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkGV6WJCEB_js.Button, { type: "button", plain: true, onClick: onRemove, children: "Remove" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTUEYBNWL_js.FormInput,
+      chunkGV6WJCEB_js.FormInput,
       {
         label: "Description (optional)",
         value: field.description,
@@ -283,7 +283,7 @@ function OutputCard({ label, value }) {
 function AgentProfileHeader({ agent, models, t, selectedModelId, setSelectedModelId, selectedFramework, temperature, setTemperature, elo, setElo, onChanged }) {
   const modelName = models.find((model) => model.id === selectedModelId)?.name ?? selectedModelId ?? "\u2014";
   const avatarUrl = agent.avatar;
-  const frameworkMeta = chunkM7P2TQ6X_js.getFrameworkMeta(selectedFramework);
+  const frameworkMeta = chunkEFREXNZB_js.getFrameworkMeta(selectedFramework);
   const tierInfo = getEloTier(elo);
   const difficultyConfig = {
     beginner: { color: "bg-cyan-100 text-cyan-700 dark:bg-cyan-900/30 dark:text-cyan-400", labelKey: "agentDrawer.tierBeginner" },
@@ -559,13 +559,13 @@ function AgentCapabilityCard({ elo, setElo, models, selectedModelId, setSelected
   ] });
 }
 function ConfigTab({ models, t, selectedModelId, setSelectedModelId, selectedFramework, setSelectedFramework, markDirty, connectedProviderTypes }) {
-  const frameworkKeys = Object.keys(chunkM7P2TQ6X_js.FRAMEWORK_META);
+  const frameworkKeys = Object.keys(chunkEFREXNZB_js.FRAMEWORK_META);
   const hasProviderConstraints = connectedProviderTypes.length > 0;
-  const compatibleModels = chunkM7P2TQ6X_js.getCompatibleModels(models, selectedFramework);
+  const compatibleModels = chunkEFREXNZB_js.getCompatibleModels(models, selectedFramework);
   const handleFrameworkChange = react.useCallback((newFramework) => {
     setSelectedFramework(newFramework);
-    if (!chunkM7P2TQ6X_js.isModelCompatibleWithFramework(selectedModelId, newFramework)) {
-      const compatible = chunkM7P2TQ6X_js.getCompatibleModels(models, newFramework);
+    if (!chunkEFREXNZB_js.isModelCompatibleWithFramework(selectedModelId, newFramework)) {
+      const compatible = chunkEFREXNZB_js.getCompatibleModels(models, newFramework);
       if (compatible.length > 0) {
         setSelectedModelId(compatible[0].id);
       }
@@ -576,10 +576,10 @@ function ConfigTab({ models, t, selectedModelId, setSelectedModelId, selectedFra
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-2 block text-xs font-medium text-gray-500 dark:text-gray-400", children: t("agentDrawer.framework") }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", children: frameworkKeys.map((key) => {
-        const meta = chunkM7P2TQ6X_js.FRAMEWORK_META[key];
+        const meta = chunkEFREXNZB_js.FRAMEWORK_META[key];
         const isSelected = key === selectedFramework;
-        const compatCount = chunkM7P2TQ6X_js.getCompatibleModels(models, key).length;
-        const isCompatibleWithProviders = !hasProviderConstraints || chunkM7P2TQ6X_js.isFrameworkCompatibleWithProviders(key, connectedProviderTypes);
+        const compatCount = chunkEFREXNZB_js.getCompatibleModels(models, key).length;
+        const isCompatibleWithProviders = !hasProviderConstraints || chunkEFREXNZB_js.isFrameworkCompatibleWithProviders(key, connectedProviderTypes);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
           {
@@ -611,7 +611,7 @@ function ConfigTab({ models, t, selectedModelId, setSelectedModelId, selectedFra
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-2", children: models.map((model) => {
         const isSelected = model.id === selectedModelId;
-        const isCompatible = chunkM7P2TQ6X_js.isModelCompatibleWithFramework(model.id, selectedFramework);
+        const isCompatible = chunkEFREXNZB_js.isModelCompatibleWithFramework(model.id, selectedFramework);
         const { IconComponent, color, providerLabel } = getModelIcon(model.id);
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
@@ -735,7 +735,7 @@ function PromptTab({
   ] });
 }
 function ResultsTab({ agentId, t }) {
-  const nodeResults = chunkM7P2TQ6X_js.useWorkflowStore((state) => state.nodeResults);
+  const nodeResults = chunkEFREXNZB_js.useWorkflowStore((state) => state.nodeResults);
   const agentResult = react.useMemo(() => {
     return nodeResults[agentId] ?? null;
   }, [nodeResults, agentId]);
@@ -825,10 +825,10 @@ function ModelsTab({ modelProviders, selectedProviderId, onSelectProvider, model
       const providerModels = modelsByProvider.find((p) => p.provider.id === selectedProviderId);
       if (!providerModels || providerModels.models.length === 0) return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500", children: t("agentDrawer.noModelsForProvider") });
       const compatibleModels = providerModels.models.filter(
-        (m) => chunkM7P2TQ6X_js.isModelCompatibleWithFramework(m.id, agentFramework)
+        (m) => chunkEFREXNZB_js.isModelCompatibleWithFramework(m.id, agentFramework)
       );
       const incompatibleModels = providerModels.models.filter(
-        (m) => !chunkM7P2TQ6X_js.isModelCompatibleWithFramework(m.id, agentFramework)
+        (m) => !chunkEFREXNZB_js.isModelCompatibleWithFramework(m.id, agentFramework)
       );
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-2 block text-xs font-medium text-gray-500 dark:text-gray-400", children: t("agentDrawer.selectModel") }),
@@ -901,7 +901,7 @@ function ToolsTab({ agentTools, enabledToolIds, onToggle, agentFramework, t }) {
               ] }),
               tool.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: tool.description }),
               tool.compatibleFrameworks && tool.compatibleFrameworks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 flex flex-wrap gap-0.5", children: tool.compatibleFrameworks.map((framework) => {
-                const meta = chunkM7P2TQ6X_js.getFrameworkMeta(framework);
+                const meta = chunkEFREXNZB_js.getFrameworkMeta(framework);
                 const isCurrentFw = framework === agentFramework;
                 return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `inline-flex items-center gap-0.5 rounded px-1.5 py-0.5 text-[8px] font-medium ${isCurrentFw ? meta.badgeColor : "bg-gray-100 text-gray-500 dark:bg-white/5 dark:text-gray-400"}`, children: [
                   /* @__PURE__ */ jsxRuntime.jsx(meta.IconComponent, { className: "h-2.5 w-2.5" }),
@@ -918,7 +918,7 @@ function ToolsTab({ agentTools, enabledToolIds, onToggle, agentFramework, t }) {
                   event.stopPropagation();
                 },
                 children: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkTUEYBNWL_js.ToggleSwitch,
+                  chunkGV6WJCEB_js.ToggleSwitch,
                   {
                     checked: isEnabled,
                     onChange: () => onToggle(tool.agentToolId),
@@ -1077,9 +1077,9 @@ function AdvancedTab({
 }
 function AgentModal({ onSaved, onPersist }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow");
-  const activeModal = chunkM7P2TQ6X_js.useModalStore((s) => s.activeModal);
-  const agentData = chunkM7P2TQ6X_js.useModalStore((s) => s.agentData);
-  const closeModal = chunkM7P2TQ6X_js.useModalStore((s) => s.closeModal);
+  const activeModal = chunkEFREXNZB_js.useModalStore((s) => s.activeModal);
+  const agentData = chunkEFREXNZB_js.useModalStore((s) => s.agentData);
+  const closeModal = chunkEFREXNZB_js.useModalStore((s) => s.closeModal);
   const open = activeModal === "agent";
   const agent = agentData?.agent ?? null;
   const models = agentData?.models ?? [];
@@ -1241,7 +1241,7 @@ function AgentModal({ onSaved, onPersist }) {
     )
   ] });
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkTUEYBNWL_js.GlassModal,
+    chunkGV6WJCEB_js.GlassModal,
     {
       open,
       onClose: handleClose,
@@ -1429,7 +1429,7 @@ function SubworkflowModal({ onSaved, onMaximize }) {
   const markDirty = useSubworkflowStore((s) => s.markDirty);
   const markSaved = useSubworkflowStore((s) => s.markSaved);
   const closeModal = useSubworkflowStore((s) => s.closeModal);
-  const agentBehind = chunkM7P2TQ6X_js.useModalStore((s) => s.activeModal === "agent" ? s.agentData?.agent?.name : null);
+  const agentBehind = chunkEFREXNZB_js.useModalStore((s) => s.activeModal === "agent" ? s.agentData?.agent?.name : null);
   const isCreateMode = !tool?.toolId;
   const initialGraph = react.useMemo(() => {
     const config = tool?.config;
@@ -1458,9 +1458,9 @@ function SubworkflowModal({ onSaved, onMaximize }) {
   }, [tool, onSaved, name, category, description, timeoutMs, latestGraphRef, markSaved]);
   if (!tool) return null;
   const categoryKey = category ?? "external";
-  const gradient = tool.color ?? chunkM7P2TQ6X_js.CATEGORY_COLORS[categoryKey] ?? chunkM7P2TQ6X_js.CATEGORY_COLORS.external;
-  const categoryPill = chunkM7P2TQ6X_js.CATEGORY_PILL_COLORS[categoryKey] ?? chunkM7P2TQ6X_js.CATEGORY_PILL_COLORS.external;
-  const IconComponent = chunkM7P2TQ6X_js.ICON_MAP[tool.icon ?? ""] ?? outline.ArrowPathRoundedSquareIcon;
+  const gradient = tool.color ?? chunkEFREXNZB_js.CATEGORY_COLORS[categoryKey] ?? chunkEFREXNZB_js.CATEGORY_COLORS.external;
+  const categoryPill = chunkEFREXNZB_js.CATEGORY_PILL_COLORS[categoryKey] ?? chunkEFREXNZB_js.CATEGORY_PILL_COLORS.external;
+  const IconComponent = chunkEFREXNZB_js.ICON_MAP[tool.icon ?? ""] ?? outline.ArrowPathRoundedSquareIcon;
   const graph = latestGraphRef.current;
   const startNode = graph.nodes.find((n) => n.type === "start");
   const endNode = graph.nodes.find((n) => n.type === "end");
@@ -1493,7 +1493,7 @@ function SubworkflowModal({ onSaved, onMaximize }) {
     ] })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTUEYBNWL_js.GlassModal,
+    chunkGV6WJCEB_js.GlassModal,
     {
       open,
       onClose: closeModal,
@@ -1525,7 +1525,7 @@ function SubworkflowModal({ onSaved, onMaximize }) {
               {
                 type: "button",
                 onClick: () => setCategory(cat),
-                className: `rounded-full px-2 py-1 text-[9px] font-semibold transition-all ${cat === category ? `${chunkM7P2TQ6X_js.CATEGORY_PILL_COLORS[cat] ?? chunkM7P2TQ6X_js.CATEGORY_PILL_COLORS.external} ring-1 ring-current/20` : "bg-white/30 text-gray-500 hover:bg-white/50 dark:bg-white/5 dark:text-gray-400"}`,
+                className: `rounded-full px-2 py-1 text-[9px] font-semibold transition-all ${cat === category ? `${chunkEFREXNZB_js.CATEGORY_PILL_COLORS[cat] ?? chunkEFREXNZB_js.CATEGORY_PILL_COLORS.external} ring-1 ring-current/20` : "bg-white/30 text-gray-500 hover:bg-white/50 dark:bg-white/5 dark:text-gray-400"}`,
                 children: cat
               },
               cat
@@ -1612,7 +1612,7 @@ function SubworkflowModal({ onSaved, onMaximize }) {
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-auto" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkM7P2TQ6X_js.WorkflowCanvas,
+          chunkEFREXNZB_js.WorkflowCanvas,
           {
             initialGraph,
             agents: [],
@@ -1628,9 +1628,9 @@ function SubworkflowModal({ onSaved, onMaximize }) {
 }
 function PipelineSettingsModal({ onSave }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow");
-  const activeModal = chunkM7P2TQ6X_js.useModalStore((s) => s.activeModal);
-  const data = chunkM7P2TQ6X_js.useModalStore((s) => s.pipelineSettingsData);
-  const closeModal = chunkM7P2TQ6X_js.useModalStore((s) => s.closeModal);
+  const activeModal = chunkEFREXNZB_js.useModalStore((s) => s.activeModal);
+  const data = chunkEFREXNZB_js.useModalStore((s) => s.pipelineSettingsData);
+  const closeModal = chunkEFREXNZB_js.useModalStore((s) => s.closeModal);
   const open = activeModal === "pipeline-settings";
   const [nameValue, setNameValue] = react.useState("");
   const [descriptionValue, setDescriptionValue] = react.useState("");
@@ -1692,7 +1692,7 @@ function PipelineSettingsModal({ onSave }) {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkTUEYBNWL_js.Button,
+      chunkGV6WJCEB_js.Button,
       {
         type: "submit",
         form: "pipeline-settings-form",
@@ -1707,7 +1707,7 @@ function PipelineSettingsModal({ onSave }) {
     )
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTUEYBNWL_js.GlassModal,
+    chunkGV6WJCEB_js.GlassModal,
     {
       open,
       onClose: closeModal,
@@ -1721,7 +1721,7 @@ function PipelineSettingsModal({ onSave }) {
       onSubmit: handleSubmit,
       children: /* @__PURE__ */ jsxRuntime.jsxs("form", { id: "pipeline-settings-form", onSubmit: handleSubmit, className: "space-y-5", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkTUEYBNWL_js.FormInput,
+          chunkGV6WJCEB_js.FormInput,
           {
             label: t("pipelineName"),
             value: nameValue,
@@ -1731,7 +1731,7 @@ function PipelineSettingsModal({ onSave }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkTUEYBNWL_js.FormTextarea,
+          chunkGV6WJCEB_js.FormTextarea,
           {
             label: t("pipelineDescription"),
             value: descriptionValue,
@@ -1742,7 +1742,7 @@ function PipelineSettingsModal({ onSave }) {
         ),
         lifecycleAvailable && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkTUEYBNWL_js.FormInput,
+            chunkGV6WJCEB_js.FormInput,
             {
               label: t("pipelineSlug", { _: "Slug" }),
               value: slugValue,
@@ -1869,7 +1869,7 @@ function RunReplayModal({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkTUEYBNWL_js.Button,
+        chunkGV6WJCEB_js.Button,
         {
           type: "submit",
           form: "run-replay-form",
@@ -1884,7 +1884,7 @@ function RunReplayModal({
     ] })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTUEYBNWL_js.GlassModal,
+    chunkGV6WJCEB_js.GlassModal,
     {
       open,
       onClose,
@@ -1958,7 +1958,7 @@ function RowEditor({
         ]
       }
     ) : isJson ? /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTUEYBNWL_js.FormTextarea,
+      chunkGV6WJCEB_js.FormTextarea,
       {
         value: row.value,
         onValueChange: (v) => onChange({ value: v }),
@@ -1966,7 +1966,7 @@ function RowEditor({
         className: "font-mono"
       }
     ) : /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTUEYBNWL_js.FormInput,
+      chunkGV6WJCEB_js.FormInput,
       {
         type: row.kind === "number" ? "number" : "text",
         value: row.value,
@@ -2019,6 +2019,176 @@ function parseRow(row) {
     }
   }
 }
+var STATUS_META = {
+  completed: { color: "emerald", icon: outline.CheckCircleIcon },
+  running: { color: "sky", icon: outline.ArrowPathIcon },
+  failed: { color: "rose", icon: outline.XCircleIcon },
+  pending: { color: "amber", icon: outline.ClockIcon },
+  skipped: { color: "zinc", icon: outline.MinusCircleIcon }
+};
+function ExecutionTimelinePanel({
+  entries,
+  labels,
+  selectedNodeId,
+  onSelect
+}) {
+  const [internalSelected, setInternalSelected] = react.useState(null);
+  const effectiveSelected = selectedNodeId ?? internalSelected;
+  const selected = react.useMemo(
+    () => entries.find((entry) => entry.nodeId === effectiveSelected) ?? entries[0] ?? null,
+    [entries, effectiveSelected]
+  );
+  const handleSelect = (nodeId) => {
+    if (onSelect) onSelect(nodeId);
+    setInternalSelected(nodeId);
+  };
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-slate-200 bg-slate-50/60 p-6 text-center text-sm text-slate-500 dark:border-slate-700 dark:bg-slate-900/40 dark:text-slate-400", children: labels.empty ?? "\u2014" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-12", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3 lg:col-span-5 xl:col-span-4", children: entries.map((entry, index) => {
+      const meta = STATUS_META[entry.status];
+      const Icon = meta.icon;
+      const isActive = (selected?.nodeId ?? "") === entry.nodeId;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => handleSelect(entry.nodeId),
+          className: [
+            "w-full text-left rounded-xl border p-4 transition",
+            isActive ? "border-indigo-400/60 bg-indigo-50/70 shadow-md dark:border-indigo-400/40 dark:bg-indigo-500/10" : "border-slate-200/60 bg-white/70 hover:border-indigo-300 hover:shadow-sm dark:border-white/10 dark:bg-white/5 dark:hover:border-indigo-400/30"
+          ].join(" "),
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-indigo-100 text-xs font-semibold text-indigo-700 dark:bg-indigo-500/20 dark:text-indigo-200", children: index + 1 }),
+              index < entries.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-1 h-8 w-px bg-slate-200 dark:bg-white/10" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate font-medium text-slate-900 dark:text-white", children: entry.nodeId }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: entry.nodeType })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs(chunkGV6WJCEB_js.Badge, { color: meta.color, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "mr-1 h-3 w-3" }),
+                  labels[entry.status]
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 flex items-center gap-3 text-xs text-slate-500 dark:text-slate-400", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatDuration2(entry.durationMs) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatTimestamp(entry.startedAt) })
+              ] })
+            ] })
+          ] })
+        },
+        entry.nodeId
+      );
+    }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:col-span-7 xl:col-span-8", children: selected ? /* @__PURE__ */ jsxRuntime.jsx(NodeInspector, { entry: selected, labels }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-slate-200 bg-slate-50/60 p-6 text-center text-sm text-slate-500 dark:border-slate-700 dark:bg-slate-900/40", children: labels.selectNode }) })
+  ] });
+}
+function NodeInspector({
+  entry,
+  labels
+}) {
+  const meta = STATUS_META[entry.status];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-slate-200 bg-white p-5 shadow-sm dark:border-slate-700 dark:bg-slate-900/40", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 flex items-start justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "truncate text-base font-semibold text-slate-900 dark:text-white", children: entry.nodeId }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: entry.nodeType })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkGV6WJCEB_js.Badge, { color: meta.color, children: labels[entry.status] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("dl", { className: "grid grid-cols-2 gap-3 text-xs text-slate-500 dark:text-slate-400", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "font-semibold", children: labels.started }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-0.5 text-slate-700 dark:text-slate-200", children: formatTimestamp(entry.startedAt) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "font-semibold", children: labels.completed }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-0.5 text-slate-700 dark:text-slate-200", children: formatTimestamp(entry.completedAt) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "font-semibold", children: labels.duration }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-0.5 text-slate-700 dark:text-slate-200", children: formatDuration2(entry.durationMs) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "font-semibold", children: labels.status }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-0.5 text-slate-700 dark:text-slate-200", children: labels[entry.status] })
+      ] })
+    ] }),
+    entry.metrics && hasMetrics(entry.metrics) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 rounded-lg border border-indigo-300/50 bg-indigo-50/60 p-3 text-xs dark:border-indigo-400/30 dark:bg-indigo-500/10", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3", children: [
+      entry.metrics.model && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "font-semibold text-indigo-700 dark:text-indigo-200", children: labels.model }),
+        /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "mt-0.5 truncate text-indigo-900 dark:text-indigo-100", children: [
+          entry.metrics.provider ? `${entry.metrics.provider} \xB7 ` : "",
+          entry.metrics.model
+        ] })
+      ] }),
+      (entry.metrics.tokensIn !== void 0 || entry.metrics.tokensOut !== void 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "font-semibold text-indigo-700 dark:text-indigo-200", children: labels.tokens }),
+        /* @__PURE__ */ jsxRuntime.jsxs("dd", { className: "mt-0.5 text-indigo-900 dark:text-indigo-100", children: [
+          entry.metrics.tokensIn ?? 0,
+          " in \xB7 ",
+          entry.metrics.tokensOut ?? 0,
+          " out"
+        ] })
+      ] }),
+      entry.metrics.costUsd !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "font-semibold text-indigo-700 dark:text-indigo-200", children: labels.cost }),
+        /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-0.5 text-indigo-900 dark:text-indigo-100", children: formatCost(entry.metrics.costUsd) })
+      ] })
+    ] }) }),
+    entry.error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 rounded-lg border border-rose-300/60 bg-rose-50/60 p-3 text-xs dark:border-rose-400/30 dark:bg-rose-500/10", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 font-semibold text-rose-700 dark:text-rose-300", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(outline.ExclamationTriangleIcon, { className: "h-4 w-4" }),
+        labels.error
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-2 whitespace-pre-wrap break-words text-rose-800 dark:text-rose-200", children: entry.error })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 space-y-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(JsonBlock, { title: labels.inputs, value: entry.inputs }),
+      /* @__PURE__ */ jsxRuntime.jsx(JsonBlock, { title: labels.outputs, value: entry.outputs })
+    ] })
+  ] });
+}
+function JsonBlock({ title, value }) {
+  const hasValue = value && Object.keys(value).length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-slate-200/60 bg-slate-50/60 p-3 dark:border-white/10 dark:bg-white/5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-slate-500 dark:text-slate-400", children: title }),
+    hasValue ? /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "max-h-72 overflow-auto whitespace-pre text-xs text-slate-800 dark:text-slate-200", children: JSON.stringify(value, null, 2) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs italic text-slate-400 dark:text-slate-500", children: "\u2014" })
+  ] });
+}
+function hasMetrics(metrics) {
+  return Boolean(
+    metrics.model || metrics.tokensIn !== void 0 || metrics.tokensOut !== void 0 || metrics.costUsd !== void 0
+  );
+}
+function formatDuration2(ms) {
+  if (ms === null) return "\u2014";
+  if (ms < 1e3) return `${ms}ms`;
+  if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
+  const mins = Math.floor(ms / 6e4);
+  const secs = Math.floor(ms % 6e4 / 1e3);
+  return `${mins}m${secs}s`;
+}
+function formatCost(usd) {
+  if (usd === 0) return "$0";
+  if (usd < 0.01) return `$${usd.toFixed(4)}`;
+  if (usd < 1) return `$${usd.toFixed(3)}`;
+  return `$${usd.toFixed(2)}`;
+}
+function formatTimestamp(iso) {
+  if (!iso) return "\u2014";
+  return new Date(iso).toLocaleString(void 0, {
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit"
+  });
+}
 
 // src/astrlabe/components/rules/types.ts
 var RULE_STATUS_OPTIONS = ["draft", "active", "archived"];
@@ -2100,7 +2270,7 @@ function RuleConditionBuilder({ value, onChange, depth = 0 }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-slate-700 dark:bg-slate-900/40", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTUEYBNWL_js.FormSelect,
+      chunkGV6WJCEB_js.FormSelect,
       {
         label: "Operator",
         value: value.operator,
@@ -2123,7 +2293,7 @@ function SimpleEditor({
   const isTruthy = value.operator === "truthy";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTUEYBNWL_js.FormInput,
+      chunkGV6WJCEB_js.FormInput,
       {
         label: "Field",
         hint: "Dotted reference into the variable pool \u2014 e.g. `parse-pricing.margin`, `inputs.fuelType`",
@@ -2133,7 +2303,7 @@ function SimpleEditor({
       }
     ),
     !isTruthy && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTUEYBNWL_js.FormInput,
+      chunkGV6WJCEB_js.FormInput,
       {
         label: "Value",
         hint: "Literal. Numeric operators coerce via `as f64`.",
@@ -2149,7 +2319,7 @@ function ThresholdEditor({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTUEYBNWL_js.FormInput,
+      chunkGV6WJCEB_js.FormInput,
       {
         label: "Field",
         value: value.field ?? "",
@@ -2158,7 +2328,7 @@ function ThresholdEditor({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTUEYBNWL_js.FormSelect,
+      chunkGV6WJCEB_js.FormSelect,
       {
         label: "Direction",
         value: value.comparison ?? "gte",
@@ -2172,7 +2342,7 @@ function ThresholdEditor({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTUEYBNWL_js.FormInput,
+      chunkGV6WJCEB_js.FormInput,
       {
         label: "Threshold",
         type: "number",
@@ -2189,7 +2359,7 @@ function RegexEditor({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTUEYBNWL_js.FormInput,
+      chunkGV6WJCEB_js.FormInput,
       {
         label: "Field",
         value: value.field ?? "",
@@ -2198,7 +2368,7 @@ function RegexEditor({
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTUEYBNWL_js.FormInput,
+      chunkGV6WJCEB_js.FormInput,
       {
         label: "Pattern",
         hint: "Rust regex syntax \u2014 `(?i)` etc. supported.",
@@ -2226,7 +2396,7 @@ function TimeWindowEditor({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkTUEYBNWL_js.FormSelect,
+        chunkGV6WJCEB_js.FormSelect,
         {
           label: "Timezone",
           value: value.timezone ?? "UTC",
@@ -2235,7 +2405,7 @@ function TimeWindowEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkTUEYBNWL_js.FormInput,
+        chunkGV6WJCEB_js.FormInput,
         {
           label: "Timestamp field (optional)",
           hint: "Pulls a timestamp from the pool. Leave blank to use the run's wall-clock.",
@@ -2248,7 +2418,7 @@ function TimeWindowEditor({
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
       windows.map((win, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1fr_1fr_auto] items-end gap-2 rounded-lg border border-slate-200 p-2 dark:border-slate-700", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkTUEYBNWL_js.FormInput,
+          chunkGV6WJCEB_js.FormInput,
           {
             label: `Start (hour)`,
             type: "number",
@@ -2259,7 +2429,7 @@ function TimeWindowEditor({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkTUEYBNWL_js.FormInput,
+          chunkGV6WJCEB_js.FormInput,
           {
             label: `End (hour)`,
             type: "number",
@@ -2269,9 +2439,9 @@ function TimeWindowEditor({
             onValueChange: (raw) => update(index, { endHour: clampHour(raw, 24) })
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkTUEYBNWL_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkGV6WJCEB_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
       ] }, index)),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkTUEYBNWL_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add window" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkGV6WJCEB_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add window" })
     ] })
   ] });
 }
@@ -2294,7 +2464,7 @@ function BooleanGroupEditor({
   });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTUEYBNWL_js.FormSelect,
+      chunkGV6WJCEB_js.FormSelect,
       {
         label: "Combinator",
         value: value.combinator ?? "and",
@@ -2312,9 +2482,9 @@ function BooleanGroupEditor({
             depth
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 text-right", children: /* @__PURE__ */ jsxRuntime.jsx(chunkTUEYBNWL_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove operand" }) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 text-right", children: /* @__PURE__ */ jsxRuntime.jsx(chunkGV6WJCEB_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove operand" }) })
       ] }, index)),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkTUEYBNWL_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add operand" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkGV6WJCEB_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add operand" })
     ] })
   ] });
 }
@@ -2350,7 +2520,7 @@ function RuleActionBuilder({ value, onChange }) {
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-slate-700 dark:bg-slate-900/40", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTUEYBNWL_js.FormSelect,
+      chunkGV6WJCEB_js.FormSelect,
       {
         label: "Action type",
         value: type,
@@ -2360,7 +2530,7 @@ function RuleActionBuilder({ value, onChange }) {
     ),
     type === "adjust_price" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkTUEYBNWL_js.FormInput,
+        chunkGV6WJCEB_js.FormInput,
         {
           label: "Multiplier",
           type: "number",
@@ -2370,7 +2540,7 @@ function RuleActionBuilder({ value, onChange }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkTUEYBNWL_js.FormInput,
+        chunkGV6WJCEB_js.FormInput,
         {
           label: "Reason code",
           value: stringParam(params.reason),
@@ -2380,7 +2550,7 @@ function RuleActionBuilder({ value, onChange }) {
       )
     ] }),
     type === "enforce_min_margin" && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTUEYBNWL_js.FormInput,
+      chunkGV6WJCEB_js.FormInput,
       {
         label: "Floor (fraction, e.g. 0.08)",
         type: "number",
@@ -2390,7 +2560,7 @@ function RuleActionBuilder({ value, onChange }) {
       }
     ),
     type === "realign_to_competitor" && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTUEYBNWL_js.FormInput,
+      chunkGV6WJCEB_js.FormInput,
       {
         label: "Tolerance (fraction)",
         type: "number",
@@ -2400,7 +2570,7 @@ function RuleActionBuilder({ value, onChange }) {
       }
     ),
     type === "request_manager_approval" && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTUEYBNWL_js.FormInput,
+      chunkGV6WJCEB_js.FormInput,
       {
         label: "Approval limit (fraction)",
         type: "number",
@@ -2410,7 +2580,7 @@ function RuleActionBuilder({ value, onChange }) {
       }
     ),
     type === "round_to" && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTUEYBNWL_js.FormInput,
+      chunkGV6WJCEB_js.FormInput,
       {
         label: "Step (e.g. 0.009)",
         type: "number",
@@ -2421,7 +2591,7 @@ function RuleActionBuilder({ value, onChange }) {
     ),
     type === "alert" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkTUEYBNWL_js.FormInput,
+        chunkGV6WJCEB_js.FormInput,
         {
           label: "Channel",
           value: stringParam(params.channel),
@@ -2430,7 +2600,7 @@ function RuleActionBuilder({ value, onChange }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkTUEYBNWL_js.FormInput,
+        chunkGV6WJCEB_js.FormInput,
         {
           label: "Severity",
           value: stringParam(params.severity),
@@ -2468,7 +2638,7 @@ function CustomParamsEditor({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
     entries.map(([key, value], index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1fr_1fr_auto] items-end gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkTUEYBNWL_js.FormInput,
+        chunkGV6WJCEB_js.FormInput,
         {
           label: "Key",
           value: key,
@@ -2476,16 +2646,16 @@ function CustomParamsEditor({
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkTUEYBNWL_js.FormInput,
+        chunkGV6WJCEB_js.FormInput,
         {
           label: "Value",
           value: String(value ?? ""),
           onValueChange: (raw) => update(index, key, raw)
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(chunkTUEYBNWL_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
+      /* @__PURE__ */ jsxRuntime.jsx(chunkGV6WJCEB_js.Button, { type: "button", plain: true, onClick: () => remove(index), children: "Remove" })
     ] }, index)),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkTUEYBNWL_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add param" })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkGV6WJCEB_js.Button, { type: "button", outline: true, onClick: add, children: "+ Add param" })
   ] });
 }
 function numberParam(value, fallback) {
@@ -2515,9 +2685,9 @@ function RuleForm({ value, onChange }) {
   );
   const update = (key, v) => onChange({ ...value, [key]: v });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(chunkTUEYBNWL_js.FormGrid, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkGV6WJCEB_js.FormGrid, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkTUEYBNWL_js.FormInput,
+        chunkGV6WJCEB_js.FormInput,
         {
           label: "Name",
           required: true,
@@ -2526,7 +2696,7 @@ function RuleForm({ value, onChange }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkTUEYBNWL_js.FormInput,
+        chunkGV6WJCEB_js.FormInput,
         {
           label: "Priority",
           type: "number",
@@ -2536,7 +2706,7 @@ function RuleForm({ value, onChange }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkTUEYBNWL_js.FormSelect,
+        chunkGV6WJCEB_js.FormSelect,
         {
           label: "Enabled",
           value: value.enabled ? "true" : "false",
@@ -2548,7 +2718,7 @@ function RuleForm({ value, onChange }) {
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunkTUEYBNWL_js.FormTextarea,
+        chunkGV6WJCEB_js.FormTextarea,
         {
           label: "Description",
           rows: 2,
@@ -2560,7 +2730,7 @@ function RuleForm({ value, onChange }) {
     /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-slate-700 dark:text-slate-200", children: "Condition" }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkTUEYBNWL_js.Badge, { color: "indigo", children: value.condition.operator })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkGV6WJCEB_js.Badge, { color: "indigo", children: value.condition.operator })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
         RuleConditionBuilder,
@@ -2573,7 +2743,7 @@ function RuleForm({ value, onChange }) {
     /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-slate-700 dark:text-slate-200", children: "Action on match" }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkTUEYBNWL_js.Badge, { color: "fuchsia", children: value.action.type })
+        /* @__PURE__ */ jsxRuntime.jsx(chunkGV6WJCEB_js.Badge, { color: "fuchsia", children: value.action.type })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
         RuleActionBuilder,
@@ -2595,7 +2765,7 @@ function RuleForm({ value, onChange }) {
       ),
       showAdvanced && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 grid grid-cols-1 gap-3 sm:grid-cols-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkTUEYBNWL_js.FormInput,
+          chunkGV6WJCEB_js.FormInput,
           {
             label: "Valid from (ISO 8601)",
             type: "datetime-local",
@@ -2604,7 +2774,7 @@ function RuleForm({ value, onChange }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkTUEYBNWL_js.FormInput,
+          chunkGV6WJCEB_js.FormInput,
           {
             label: "Valid until (ISO 8601)",
             type: "datetime-local",
@@ -2613,7 +2783,7 @@ function RuleForm({ value, onChange }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkTUEYBNWL_js.FormSelect,
+          chunkGV6WJCEB_js.FormSelect,
           {
             label: "Status",
             value: value.status ?? "active",
@@ -2622,7 +2792,7 @@ function RuleForm({ value, onChange }) {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkTUEYBNWL_js.FormInput,
+          chunkGV6WJCEB_js.FormInput,
           {
             label: "Tags (comma-separated)",
             value: (value.tags ?? []).join(", "),
@@ -2806,8 +2976,8 @@ function CollapsibleSection({ title, icon, colorClass, defaultOpen = true, count
   ] });
 }
 function LogicNodeItemCard({ item, translationFunction }) {
-  const IconComponent = chunkM7P2TQ6X_js.LOGIC_ICON_MAP[item.nodeType];
-  const gradient = chunkM7P2TQ6X_js.LOGIC_NODE_GRADIENTS[item.nodeType] ?? "from-gray-400 to-gray-500";
+  const IconComponent = chunkEFREXNZB_js.LOGIC_ICON_MAP[item.nodeType];
+  const gradient = chunkEFREXNZB_js.LOGIC_NODE_GRADIENTS[item.nodeType] ?? "from-gray-400 to-gray-500";
   const defaultConfig = chunkC7BI5LQ6_js.createDefaultLogicNodeConfig(item.nodeType);
   const configJson = defaultConfig ? JSON.stringify(defaultConfig) : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2988,7 +3158,7 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-[10px] text-gray-400 dark:text-gray-500", children: tool.category })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkTUEYBNWL_js.ToggleSwitch,
+                chunkGV6WJCEB_js.ToggleSwitch,
                 {
                   checked: Boolean(tool.enabled),
                   onChange: () => {
@@ -3029,7 +3199,7 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkTUEYBNWL_js.ToggleSwitch,
+                chunkGV6WJCEB_js.ToggleSwitch,
                 {
                   checked: Boolean(rule.enabled),
                   onChange: () => {
@@ -3065,8 +3235,8 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
             limit: entity.defaultLimit
           });
           const dsLogo = getDatasourceLogo(entity.id);
-          const EntityIcon = chunkM7P2TQ6X_js.getEntityIcon(entity.id);
-          const entityGradient = chunkM7P2TQ6X_js.getEntityGradient(entity.id);
+          const EntityIcon = chunkEFREXNZB_js.getEntityIcon(entity.id);
+          const entityGradient = chunkEFREXNZB_js.getEntityGradient(entity.id);
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
@@ -3086,7 +3256,7 @@ function NodePalette({ agents, tools, agentTools = [], rules, entities = [], mod
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-slate-100 px-1.5 py-0.5 text-[9px] font-medium text-slate-600 dark:bg-white/10 dark:text-slate-300", children: "Read only" }),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkTUEYBNWL_js.ToggleSwitch,
+                    chunkGV6WJCEB_js.ToggleSwitch,
                     {
                       checked: true,
                       onChange: () => {
@@ -3304,7 +3474,7 @@ function VersionHistoryPanel({
       loadVersions();
     }
   }, [open, loadVersions]);
-  const formatTimestamp2 = react.useCallback((timestamp) => {
+  const formatTimestamp3 = react.useCallback((timestamp) => {
     try {
       const date = new Date(timestamp);
       return new Intl.DateTimeFormat(void 0, {
@@ -3375,7 +3545,7 @@ function VersionHistoryPanel({
                     isCurrentVersion && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-full bg-blue-100 px-2 py-0.5 text-[10px] font-medium text-blue-700 dark:bg-blue-500/20 dark:text-blue-300", children: translations("current") })
                   ] }) }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { children: formatTimestamp2(version.publishedAt) }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { children: formatTimestamp3(version.publishedAt) }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-0.5", children: [
                       translations("publishedBy"),
                       ": ",
@@ -3455,7 +3625,7 @@ var STATUS_CONFIG = {
     label: "error"
   }
 };
-function formatDuration2(durationMs) {
+function formatDuration3(durationMs) {
   if (durationMs < 1e3) {
     return `${durationMs}ms`;
   }
@@ -3464,9 +3634,9 @@ function formatDuration2(durationMs) {
 }
 function RunPanel({ open, onClose, onRun, onStop }) {
   const translations = chunkYXN2K77G_js.useTranslations("agents.workflow.runPanel");
-  const nodes = chunkM7P2TQ6X_js.useWorkflowStore((state) => state.nodes);
-  const isRunning = chunkM7P2TQ6X_js.useWorkflowStore((state) => state.isRunning);
-  const nodeResults = chunkM7P2TQ6X_js.useWorkflowStore((state) => state.nodeResults);
+  const nodes = chunkEFREXNZB_js.useWorkflowStore((state) => state.nodes);
+  const isRunning = chunkEFREXNZB_js.useWorkflowStore((state) => state.isRunning);
+  const nodeResults = chunkEFREXNZB_js.useWorkflowStore((state) => state.nodeResults);
   const startNode = nodes.find((node) => node.type === "start");
   const hasEndNode = nodes.some((node) => node.type === "end");
   const hasValidStartConfig = Boolean(
@@ -3549,7 +3719,7 @@ function RunPanel({ open, onClose, onRun, onStop }) {
                   ] }),
                   result?.error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 truncate text-xs text-red-500 dark:text-red-400", children: result.error })
                 ] }),
-                result?.durationMs !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 text-xs text-gray-500 dark:text-gray-400", children: formatDuration2(result.durationMs) })
+                result?.durationMs !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0 text-xs text-gray-500 dark:text-gray-400", children: formatDuration3(result.durationMs) })
               ]
             },
             node.id
@@ -3754,8 +3924,8 @@ function inferVariables(config, nodeType) {
 }
 function VariableInspector({ open, onClose }) {
   const translations = chunkYXN2K77G_js.useTranslations("agents.workflow.variableInspector");
-  const nodes = chunkM7P2TQ6X_js.useWorkflowStore((state) => state.nodes);
-  const edges = chunkM7P2TQ6X_js.useWorkflowStore((state) => state.edges);
+  const nodes = chunkEFREXNZB_js.useWorkflowStore((state) => state.nodes);
+  const edges = chunkEFREXNZB_js.useWorkflowStore((state) => state.edges);
   const [expandedNodes, setExpandedNodes] = react.useState(/* @__PURE__ */ new Set());
   const toggleNodeExpansion = react.useCallback((nodeId) => {
     setExpandedNodes((current) => {
@@ -3817,8 +3987,8 @@ function VariableInspector({ open, onClose }) {
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-gray-500 dark:text-gray-400", children: translations("noNodes") })
         ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-gray-100 dark:divide-gray-800", children: nodeVariableEntries.map((entry) => {
           const isExpanded = expandedNodes.has(entry.nodeId);
-          const IconComponent = chunkM7P2TQ6X_js.LOGIC_ICON_MAP[entry.nodeType];
-          const gradient = chunkM7P2TQ6X_js.LOGIC_NODE_GRADIENTS[entry.nodeType] ?? "from-gray-400 to-gray-500";
+          const IconComponent = chunkEFREXNZB_js.LOGIC_ICON_MAP[entry.nodeType];
+          const gradient = chunkEFREXNZB_js.LOGIC_NODE_GRADIENTS[entry.nodeType] ?? "from-gray-400 to-gray-500";
           const inputVariables = entry.variables.filter((variable) => variable.direction === "input");
           const outputVariables = entry.variables.filter((variable) => variable.direction === "output");
           return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": `variable-node-${entry.nodeId}`, children: [
@@ -3884,7 +4054,7 @@ function RunInputDialog({
   onRun
 }) {
   const t = chunkYXN2K77G_js.useTranslations("agents.workflow.runInputDialog");
-  const nodes = chunkM7P2TQ6X_js.useWorkflowStore((state) => state.nodes);
+  const nodes = chunkEFREXNZB_js.useWorkflowStore((state) => state.nodes);
   const [values, setValues] = react.useState({});
   const inputVariableNames = react.useMemo(() => {
     const storeStartNode = nodes.find((node) => node.type === "start");
@@ -3911,7 +4081,7 @@ function RunInputDialog({
   }, [onClose]);
   if (!open) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkTUEYBNWL_js.GlassModal,
+    chunkGV6WJCEB_js.GlassModal,
     {
       open,
       onClose: handleClose,
@@ -3922,7 +4092,7 @@ function RunInputDialog({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: inputVariableNames.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-sm text-gray-500 dark:text-gray-400", children: t("noInputs") }) : inputVariableNames.map((variableName) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntime.jsx("label", { className: "mb-1 block text-xs font-medium text-gray-700 dark:text-gray-300", children: variableName }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkTUEYBNWL_js.Input,
+            chunkGV6WJCEB_js.Input,
             {
               value: values[variableName] ?? "",
               onChange: (event) => handleValueChange(variableName, event.target.value),
@@ -3931,8 +4101,8 @@ function RunInputDialog({
           )
         ] }, variableName)) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex items-center justify-end gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkTUEYBNWL_js.Button, { size: "sm", plain: true, onClick: handleClose, children: t("cancel") }),
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkTUEYBNWL_js.Button, { size: "sm", gradient: true, onClick: handleSubmit, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(chunkGV6WJCEB_js.Button, { size: "sm", plain: true, onClick: handleClose, children: t("cancel") }),
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkGV6WJCEB_js.Button, { size: "sm", gradient: true, onClick: handleSubmit, children: [
             /* @__PURE__ */ jsxRuntime.jsx(outline.PlayIcon, { className: "h-3.5 w-3.5", "data-slot": "icon" }),
             t("run")
           ] })
@@ -3950,12 +4120,12 @@ var STATUS_STYLES = {
   error: { icon: outline.ExclamationCircleIcon, colorClass: "text-red-500" },
   skipped: { icon: outline.ClockIcon, colorClass: "text-gray-400" }
 };
-function formatDuration3(durationMs) {
+function formatDuration4(durationMs) {
   if (durationMs === null) return "\u2014";
   if (durationMs < 1e3) return `${durationMs}ms`;
   return `${(durationMs / 1e3).toFixed(1)}s`;
 }
-function formatTimestamp(timestamp) {
+function formatTimestamp2(timestamp) {
   const date = new Date(timestamp);
   return date.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit", second: "2-digit" });
 }
@@ -3965,8 +4135,8 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
   const [isLoadingRuns, setIsLoadingRuns] = react.useState(false);
   const [selectedRun, setSelectedRun] = react.useState(null);
   const [selectedNode, setSelectedNode] = react.useState(null);
-  const isRunning = chunkM7P2TQ6X_js.useWorkflowStore((state) => state.isRunning);
-  const nodeResults = chunkM7P2TQ6X_js.useWorkflowStore((state) => state.nodeResults);
+  const isRunning = chunkEFREXNZB_js.useWorkflowStore((state) => state.isRunning);
+  const nodeResults = chunkEFREXNZB_js.useWorkflowStore((state) => state.nodeResults);
   const refreshRuns = react.useCallback(async () => {
     setIsLoadingRuns(true);
     try {
@@ -4012,7 +4182,7 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
                 /* @__PURE__ */ jsxRuntime.jsx(StatusIcon, { className: `h-3.5 w-3.5 ${statusStyle.colorClass}` }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-gray-700 dark:text-gray-300", children: nodeId.slice(0, 8) })
               ] }),
-              result.durationMs !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400", children: formatDuration3(result.durationMs) })
+              result.durationMs !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400", children: formatDuration4(result.durationMs) })
             ] }, nodeId);
           }) })
         ] }),
@@ -4028,7 +4198,7 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500", children: t("duration") }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-700 dark:text-gray-300", children: formatDuration3(selectedNode.durationMs) })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-700 dark:text-gray-300", children: formatDuration4(selectedNode.durationMs) })
             ] }),
             selectedNode.error && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500", children: t("error") }),
@@ -4065,9 +4235,9 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(StatusIcon, { className: `h-3.5 w-3.5 ${statusStyle.colorClass}` }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-900 dark:text-white", children: formatTimestamp(run.createdAt) })
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-gray-900 dark:text-white", children: formatTimestamp2(run.createdAt) })
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-400", children: formatDuration3(run.totalDurationMs) })
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-400", children: formatDuration4(run.totalDurationMs) })
                   ] }),
                   run.error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 truncate text-[10px] text-red-500", children: run.error })
                 ]
@@ -4091,7 +4261,7 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
                       /* @__PURE__ */ jsxRuntime.jsx(NodeStatusIcon, { className: `h-3 w-3 ${nodeStatusStyle.colorClass}` }),
                       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-700 dark:text-gray-300", children: nodeResult.nodeType })
                     ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-400", children: formatDuration3(nodeResult.durationMs) })
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-gray-400", children: formatDuration4(nodeResult.durationMs) })
                   ]
                 },
                 nodeResult.nodeId
@@ -4122,7 +4292,7 @@ var AutoSaveWorkspace = react.memo(function AutoSaveWorkspace2({
     onAutoSaveGraph(graph);
   }, [onAutoSaveGraph, onGraphSnapshot]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkM7P2TQ6X_js.Workspace,
+    chunkEFREXNZB_js.Workspace,
     {
       ...workspaceProps,
       onGraphChange: handleGraphChange
@@ -4130,7 +4300,7 @@ var AutoSaveWorkspace = react.memo(function AutoSaveWorkspace2({
   );
 });
 function DynamicIslandConfirm2(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkTUEYBNWL_js.DynamicIslandConfirm, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkGV6WJCEB_js.DynamicIslandConfirm, { ...props });
 }
 var JSON_PREVIEW_LINE_LIMIT = 50;
 function DslExportModal({ open, onClose, workflow, graph }) {
@@ -4184,7 +4354,7 @@ function DslExportModal({ open, onClose, workflow, graph }) {
   }, [jsonString, workflow.name, workflow.version]);
   if (!open) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTUEYBNWL_js.GlassModal,
+    chunkGV6WJCEB_js.GlassModal,
     {
       open,
       onClose,
@@ -4226,7 +4396,7 @@ function DslExportModal({ open, onClose, workflow, graph }) {
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-3 border-t border-gray-200 px-1 py-4 dark:border-gray-700", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            chunkTUEYBNWL_js.Button,
+            chunkGV6WJCEB_js.Button,
             {
               type: "button",
               onClick: handleCopyToClipboard,
@@ -4243,7 +4413,7 @@ function DslExportModal({ open, onClose, workflow, graph }) {
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkTUEYBNWL_js.Button,
+            chunkGV6WJCEB_js.Button,
             {
               type: "button",
               onClick: handleDownloadJson,
@@ -4402,7 +4572,7 @@ function DslImportModal({ open, onClose, onImport }) {
   }, []);
   if (!open) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkTUEYBNWL_js.GlassModal,
+    chunkGV6WJCEB_js.GlassModal,
     {
       open,
       onClose,
@@ -4442,7 +4612,7 @@ function DslImportModal({ open, onClose, onImport }) {
         ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "import-validation-result", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center justify-between", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: fileName }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkTUEYBNWL_js.Button, { type: "button", plain: true, size: "sm", onClick: handleReset, children: translations("chooseAnother") })
+            /* @__PURE__ */ jsxRuntime.jsx(chunkGV6WJCEB_js.Button, { type: "button", plain: true, size: "sm", onClick: handleReset, children: translations("chooseAnother") })
           ] }),
           validationResult.isValid ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-green-200 bg-green-50 p-4 dark:border-green-800 dark:bg-green-900/20", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -4470,9 +4640,9 @@ function DslImportModal({ open, onClose, onImport }) {
           ] })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-3 border-t border-gray-200 px-1 py-4 dark:border-gray-700", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunkTUEYBNWL_js.Button, { type: "button", onClick: onClose, outline: true, size: "sm", "data-testid": "import-cancel-button", children: translations("cancel") }),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkGV6WJCEB_js.Button, { type: "button", onClick: onClose, outline: true, size: "sm", "data-testid": "import-cancel-button", children: translations("cancel") }),
           /* @__PURE__ */ jsxRuntime.jsxs(
-            chunkTUEYBNWL_js.Button,
+            chunkGV6WJCEB_js.Button,
             {
               type: "button",
               onClick: handleImport,
@@ -4493,14 +4663,14 @@ function DslImportModal({ open, onClose, onImport }) {
 }
 
 // src/astrlabe/store/selectors.ts
-var useCanUndo = () => chunkM7P2TQ6X_js.useWorkflowStore((state) => state.past.length > 0);
-var useCanRedo = () => chunkM7P2TQ6X_js.useWorkflowStore((state) => state.future.length > 0);
-var useHasCopied = () => chunkM7P2TQ6X_js.useWorkflowStore((state) => state.clipboard !== null);
-var useContextMenu = () => chunkM7P2TQ6X_js.useWorkflowStore((state) => state.contextMenu);
-var useEditingNodeId = () => chunkM7P2TQ6X_js.useWorkflowStore((state) => state.editingNodeId);
-var useSelectedNodeCount = () => chunkM7P2TQ6X_js.useWorkflowStore((state) => state.nodes.filter((node) => node.selected).length);
-var useIsRunning = () => chunkM7P2TQ6X_js.useWorkflowStore((state) => state.isRunning);
-var useNodeResults = () => chunkM7P2TQ6X_js.useWorkflowStore((state) => state.nodeResults);
+var useCanUndo = () => chunkEFREXNZB_js.useWorkflowStore((state) => state.past.length > 0);
+var useCanRedo = () => chunkEFREXNZB_js.useWorkflowStore((state) => state.future.length > 0);
+var useHasCopied = () => chunkEFREXNZB_js.useWorkflowStore((state) => state.clipboard !== null);
+var useContextMenu = () => chunkEFREXNZB_js.useWorkflowStore((state) => state.contextMenu);
+var useEditingNodeId = () => chunkEFREXNZB_js.useWorkflowStore((state) => state.editingNodeId);
+var useSelectedNodeCount = () => chunkEFREXNZB_js.useWorkflowStore((state) => state.nodes.filter((node) => node.selected).length);
+var useIsRunning = () => chunkEFREXNZB_js.useWorkflowStore((state) => state.isRunning);
+var useNodeResults = () => chunkEFREXNZB_js.useWorkflowStore((state) => state.nodeResults);
 var DEFAULT_MAX_HISTORY = 50;
 function useUndoRedo(nodes, edges, setNodes, setEdges, maxHistory = DEFAULT_MAX_HISTORY) {
   const pastRef = react.useRef([]);
@@ -4785,6 +4955,7 @@ exports.AutoSaveWorkspace = AutoSaveWorkspace;
 exports.DslExportModal = DslExportModal;
 exports.DslImportModal = DslImportModal;
 exports.DynamicIslandConfirm = DynamicIslandConfirm2;
+exports.ExecutionTimelinePanel = ExecutionTimelinePanel;
 exports.MetaLlamaIcon = MetaLlamaIcon;
 exports.NodePalette = NodePalette;
 exports.OutputSchemaBuilder = OutputSchemaBuilder;
@@ -4821,5 +4992,5 @@ exports.useNodeResults = useNodeResults;
 exports.useSelectedNodeCount = useSelectedNodeCount;
 exports.useSubworkflowStore = useSubworkflowStore;
 exports.useUndoRedo = useUndoRedo;
-//# sourceMappingURL=chunk-K4QJV3GC.js.map
-//# sourceMappingURL=chunk-K4QJV3GC.js.map
+//# sourceMappingURL=chunk-L6FVIWAJ.js.map
+//# sourceMappingURL=chunk-L6FVIWAJ.js.map