@datatechsolutions/ui 2.11.82 → 2.11.84

package/dist/chunk-3T2WGL47.js

@@ -0,0 +1,44 @@
+"use client";
+'use strict';
+
+// src/platform/utils/workflow-graph-adapter.ts
+function assertEntityConfig(node) {
+  if (node.type !== "entity") return node;
+  const config = node.data.config;
+  if (!config || config.type !== "entity") {
+    throw new Error(`Entity node ${node.id} is missing entity config`);
+  }
+  const entityConfig = config;
+  if (!entityConfig.entityMasterId || entityConfig.entityMasterId.trim().length === 0) {
+    throw new Error(`Entity node ${node.id} is missing required entityMasterId`);
+  }
+  return node;
+}
+function adaptWorkflowGraphToUi(graph) {
+  const nodes = graph.nodes.map((node) => assertEntityConfig(node));
+  return {
+    nodes,
+    edges: graph.edges,
+    viewport: graph.viewport
+  };
+}
+
+// src/platform/utils/format-duration.ts
+function formatDurationMs(ms) {
+  if (ms === null || ms === void 0 || Number.isNaN(ms)) return "\u2014";
+  if (ms < 0) return "\u2014";
+  if (ms < 1e3) return `${Math.round(ms)}ms`;
+  const totalSeconds = ms / 1e3;
+  if (totalSeconds < 60) return `${totalSeconds.toFixed(totalSeconds < 10 ? 2 : 1)}s`;
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = Math.round(totalSeconds - minutes * 60);
+  if (minutes < 60) return seconds === 0 ? `${minutes}m` : `${minutes}m ${seconds}s`;
+  const hours = Math.floor(minutes / 60);
+  const remainingMinutes = minutes - hours * 60;
+  return remainingMinutes === 0 ? `${hours}h` : `${hours}h ${remainingMinutes}m`;
+}
+
+exports.adaptWorkflowGraphToUi = adaptWorkflowGraphToUi;
+exports.formatDurationMs = formatDurationMs;
+//# sourceMappingURL=chunk-3T2WGL47.js.map
+//# sourceMappingURL=chunk-3T2WGL47.js.map

package/dist/chunk-3T2WGL47.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/platform/utils/workflow-graph-adapter.ts","../src/platform/utils/format-duration.ts"],"names":[],"mappings":";;;AAOA,SAAS,mBAAmB,IAAA,EAAsC;AAChE,EAAA,IAAI,IAAA,CAAK,IAAA,KAAS,QAAA,EAAU,OAAO,IAAA;AAEnC,EAAA,MAAM,MAAA,GAAS,KAAK,IAAA,CAAK,MAAA;AACzB,EAAA,IAAI,CAAC,MAAA,IAAU,MAAA,CAAO,IAAA,KAAS,QAAA,EAAU;AACvC,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,YAAA,EAAe,IAAA,CAAK,EAAE,CAAA,yBAAA,CAA2B,CAAA;AAAA,EACnE;AAEA,EAAA,MAAM,YAAA,GAAe,MAAA;AACrB,EAAA,IAAI,CAAC,aAAa,cAAA,IAAkB,YAAA,CAAa,eAAe,IAAA,EAAK,CAAE,WAAW,CAAA,EAAG;AACnF,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,YAAA,EAAe,IAAA,CAAK,EAAE,CAAA,mCAAA,CAAqC,CAAA;AAAA,EAC7E;AAEA,EAAA,OAAO,IAAA;AACT;AAEO,SAAS,uBAAuB,KAAA,EAA6C;AAClF,EAAA,MAAM,KAAA,GAAQ,MAAM,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS,kBAAA,CAAmB,IAAiC,CAAC,CAAA;AAC7F,EAAA,OAAO;AAAA,IACL,KAAA;AAAA,IACA,OAAO,KAAA,CAAM,KAAA;AAAA,IACb,UAAU,KAAA,CAAM;AAAA,GAClB;AACF;;;AC7BO,SAAS,iBAAiB,EAAA,EAAuC;AACtE,EAAA,IAAI,EAAA,KAAO,QAAQ,EAAA,KAAO,MAAA,IAAa,OAAO,KAAA,CAAM,EAAE,GAAG,OAAO,QAAA;AAChE,EAAA,IAAI,EAAA,GAAK,GAAG,OAAO,QAAA;AACnB,EAAA,IAAI,KAAK,GAAA,EAAO,OAAO,GAAG,IAAA,CAAK,KAAA,CAAM,EAAE,CAAC,CAAA,EAAA,CAAA;AAExC,EAAA,MAAM,eAAe,EAAA,GAAK,GAAA;AAC1B,EAAA,IAAI,YAAA,GAAe,EAAA,EAAI,OAAO,CAAA,EAAG,YAAA,CAAa,QAAQ,YAAA,GAAe,EAAA,GAAK,CAAA,GAAI,CAAC,CAAC,CAAA,CAAA,CAAA;AAEhF,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,KAAA,CAAM,YAAA,GAAe,EAAE,CAAA;AAC5C,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,KAAA,CAAM,YAAA,GAAe,UAAU,EAAE,CAAA;AACtD,EAAA,IAAI,OAAA,GAAU,EAAA,EAAI,OAAO,OAAA,KAAY,CAAA,GAAI,CAAA,EAAG,OAAO,CAAA,CAAA,CAAA,GAAM,CAAA,EAAG,OAAO,CAAA,EAAA,EAAK,OAAO,CAAA,CAAA,CAAA;AAE/E,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAM,OAAA,GAAU,EAAE,CAAA;AACrC,EAAA,MAAM,gBAAA,GAAmB,UAAU,KAAA,GAAQ,EAAA;AAC3C,EAAA,OAAO,gBAAA,KAAqB,IAAI,CAAA,EAAG,KAAK,MAAM,CAAA,EAAG,KAAK,KAAK,gBAAgB,CAAA,CAAA,CAAA;AAC7E","file":"chunk-3T2WGL47.js","sourcesContent":["import type { WorkflowGraph as SharedWorkflowGraph } from '@datatechsolutions/shared-domain/ports/workflow'\nimport type {\n  WorkflowGraph as UiWorkflowGraph,\n  WorkflowNode as UiWorkflowNode,\n  EntityNodeConfig as UiEntityNodeConfig,\n} from '../../astrlabe/contracts'\n\nfunction assertEntityConfig(node: UiWorkflowNode): UiWorkflowNode {\n  if (node.type !== 'entity') return node\n\n  const config = node.data.config\n  if (!config || config.type !== 'entity') {\n    throw new Error(`Entity node ${node.id} is missing entity config`)\n  }\n\n  const entityConfig = config as UiEntityNodeConfig\n  if (!entityConfig.entityMasterId || entityConfig.entityMasterId.trim().length === 0) {\n    throw new Error(`Entity node ${node.id} is missing required entityMasterId`)\n  }\n\n  return node\n}\n\nexport function adaptWorkflowGraphToUi(graph: SharedWorkflowGraph): UiWorkflowGraph {\n  const nodes = graph.nodes.map((node) => assertEntityConfig(node as unknown as UiWorkflowNode))\n  return {\n    nodes,\n    edges: graph.edges as UiWorkflowGraph['edges'],\n    viewport: graph.viewport as UiWorkflowGraph['viewport'],\n  }\n}\n","/** Formats a millisecond count as a short, human-readable duration string. */\nexport function formatDurationMs(ms: number | null | undefined): string {\n  if (ms === null || ms === undefined || Number.isNaN(ms)) return '—'\n  if (ms < 0) return '—'\n  if (ms < 1_000) return `${Math.round(ms)}ms`\n\n  const totalSeconds = ms / 1_000\n  if (totalSeconds < 60) return `${totalSeconds.toFixed(totalSeconds < 10 ? 2 : 1)}s`\n\n  const minutes = Math.floor(totalSeconds / 60)\n  const seconds = Math.round(totalSeconds - minutes * 60)\n  if (minutes < 60) return seconds === 0 ? `${minutes}m` : `${minutes}m ${seconds}s`\n\n  const hours = Math.floor(minutes / 60)\n  const remainingMinutes = minutes - hours * 60\n  return remainingMinutes === 0 ? `${hours}h` : `${hours}h ${remainingMinutes}m`\n}\n"]}

package/dist/{chunk-HAZP5J67.mjs → chunk-63AL2RN5.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import { Workspace, useModalStore, CATEGORY_COLORS, CATEGORY_PILL_COLORS, ICON_MAP, WorkflowCanvas, getEntityIcon, getEntityGradient, useWorkflowStore, LOGIC_ICON_MAP, LOGIC_NODE_GRADIENTS, getFrameworkMeta, getCompatibleModels, isModelCompatibleWithFramework, FRAMEWORK_META, isFrameworkCompatibleWithProviders } from './chunk-J3OYJ44D.mjs';
-import { Button, FormInput, FormSelect, GlassModal, FormTextarea, FormGrid, Badge, ToggleSwitch, Input, DynamicIslandConfirm } from './chunk-LLFU42KC.mjs';
+import { Workspace, useModalStore, CATEGORY_COLORS, CATEGORY_PILL_COLORS, ICON_MAP, WorkflowCanvas, getEntityIcon, getEntityGradient, useWorkflowStore, LOGIC_ICON_MAP, LOGIC_NODE_GRADIENTS, getFrameworkMeta, getCompatibleModels, isModelCompatibleWithFramework, FRAMEWORK_META, isFrameworkCompatibleWithProviders } from './chunk-BH2AU3LG.mjs';
+import { Button, FormInput, FormSelect, GlassModal, FormTextarea, Badge, FormGrid, ToggleSwitch, Input, DynamicIslandConfirm } from './chunk-I6WYV2AN.mjs';
 import { useTranslations } from './chunk-7VJ7CMMT.mjs';
 import { getAgentTier, createDefaultLogicNodeConfig } from './chunk-WNCPAWLC.mjs';
 import { memo, useCallback, useMemo, useState, useEffect, useRef, Children } from 'react';
-import { UserCircleIcon, Cog6ToothIcon, SparklesIcon, CommandLineIcon, KeyIcon, PlayCircleIcon, CpuChipIcon, ArrowPathRoundedSquareIcon, ArrowsPointingOutIcon, ArrowsPointingInIcon, BoltIcon, ClockIcon, CheckIcon, ArrowPathIcon, AdjustmentsHorizontalIcon, CircleStackIcon, TrashIcon, PlusIcon, XMarkIcon, EyeIcon, PlayIcon, StopIcon, XCircleIcon, CheckCircleIcon, VariableIcon, ChevronDownIcon, ChevronRightIcon, ExclamationCircleIcon, ClipboardDocumentIcon, ArrowDownTrayIcon, ArrowUpTrayIcon, ExclamationTriangleIcon } from '@heroicons/react/24/outline';
+import { UserCircleIcon, Cog6ToothIcon, SparklesIcon, CommandLineIcon, KeyIcon, PlayCircleIcon, CpuChipIcon, ArrowPathRoundedSquareIcon, ArrowsPointingOutIcon, ArrowsPointingInIcon, BoltIcon, ClockIcon, CheckIcon, ArrowPathIcon, MinusCircleIcon, XCircleIcon, CheckCircleIcon, ExclamationTriangleIcon, AdjustmentsHorizontalIcon, CircleStackIcon, TrashIcon, PlusIcon, XMarkIcon, EyeIcon, PlayIcon, StopIcon, VariableIcon, ChevronDownIcon, ChevronRightIcon, ExclamationCircleIcon, ClipboardDocumentIcon, ArrowDownTrayIcon, ArrowUpTrayIcon } from '@heroicons/react/24/outline';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { create } from 'zustand';
 
@@ -2017,6 +2017,176 @@ function parseRow(row) {
     }
   }
 }
+var STATUS_META = {
+  completed: { color: "emerald", icon: CheckCircleIcon },
+  running: { color: "sky", icon: ArrowPathIcon },
+  failed: { color: "rose", icon: XCircleIcon },
+  pending: { color: "amber", icon: ClockIcon },
+  skipped: { color: "zinc", icon: MinusCircleIcon }
+};
+function ExecutionTimelinePanel({
+  entries,
+  labels,
+  selectedNodeId,
+  onSelect
+}) {
+  const [internalSelected, setInternalSelected] = useState(null);
+  const effectiveSelected = selectedNodeId ?? internalSelected;
+  const selected = 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__ */ 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__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-12", children: [
+    /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+              /* @__PURE__ */ 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__ */ jsx("span", { className: "mt-1 h-8 w-px bg-slate-200 dark:bg-white/10" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ jsx("div", { className: "truncate font-medium text-slate-900 dark:text-white", children: entry.nodeId }),
+                  /* @__PURE__ */ jsx("div", { className: "text-xs text-slate-500 dark:text-slate-400", children: entry.nodeType })
+                ] }),
+                /* @__PURE__ */ jsxs(Badge, { color: meta.color, children: [
+                  /* @__PURE__ */ jsx(Icon, { className: "mr-1 h-3 w-3" }),
+                  labels[entry.status]
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-3 text-xs text-slate-500 dark:text-slate-400", children: [
+                /* @__PURE__ */ jsx("span", { children: formatDuration2(entry.durationMs) }),
+                /* @__PURE__ */ jsx("span", { children: "\xB7" }),
+                /* @__PURE__ */ jsx("span", { children: formatTimestamp(entry.startedAt) })
+              ] })
+            ] })
+          ] })
+        },
+        entry.nodeId
+      );
+    }) }),
+    /* @__PURE__ */ jsx("div", { className: "lg:col-span-7 xl:col-span-8", children: selected ? /* @__PURE__ */ jsx(NodeInspector, { entry: selected, labels }) : /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "mb-3 flex items-start justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("h3", { className: "truncate text-base font-semibold text-slate-900 dark:text-white", children: entry.nodeId }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-slate-500 dark:text-slate-400", children: entry.nodeType })
+      ] }),
+      /* @__PURE__ */ jsx(Badge, { color: meta.color, children: labels[entry.status] })
+    ] }),
+    /* @__PURE__ */ jsxs("dl", { className: "grid grid-cols-2 gap-3 text-xs text-slate-500 dark:text-slate-400", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("dt", { className: "font-semibold", children: labels.started }),
+        /* @__PURE__ */ jsx("dd", { className: "mt-0.5 text-slate-700 dark:text-slate-200", children: formatTimestamp(entry.startedAt) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("dt", { className: "font-semibold", children: labels.completed }),
+        /* @__PURE__ */ jsx("dd", { className: "mt-0.5 text-slate-700 dark:text-slate-200", children: formatTimestamp(entry.completedAt) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("dt", { className: "font-semibold", children: labels.duration }),
+        /* @__PURE__ */ jsx("dd", { className: "mt-0.5 text-slate-700 dark:text-slate-200", children: formatDuration2(entry.durationMs) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("dt", { className: "font-semibold", children: labels.status }),
+        /* @__PURE__ */ jsx("dd", { className: "mt-0.5 text-slate-700 dark:text-slate-200", children: labels[entry.status] })
+      ] })
+    ] }),
+    entry.metrics && hasMetrics(entry.metrics) && /* @__PURE__ */ 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__ */ jsxs("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3", children: [
+      entry.metrics.model && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("dt", { className: "font-semibold text-indigo-700 dark:text-indigo-200", children: labels.model }),
+        /* @__PURE__ */ 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__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("dt", { className: "font-semibold text-indigo-700 dark:text-indigo-200", children: labels.tokens }),
+        /* @__PURE__ */ 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__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("dt", { className: "font-semibold text-indigo-700 dark:text-indigo-200", children: labels.cost }),
+        /* @__PURE__ */ jsx("dd", { className: "mt-0.5 text-indigo-900 dark:text-indigo-100", children: formatCost(entry.metrics.costUsd) })
+      ] })
+    ] }) }),
+    entry.error && /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center gap-2 font-semibold text-rose-700 dark:text-rose-300", children: [
+        /* @__PURE__ */ jsx(ExclamationTriangleIcon, { className: "h-4 w-4" }),
+        labels.error
+      ] }),
+      /* @__PURE__ */ jsx("pre", { className: "mt-2 whitespace-pre-wrap break-words text-rose-800 dark:text-rose-200", children: entry.error })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-4 space-y-3", children: [
+      /* @__PURE__ */ jsx(JsonBlock, { title: labels.inputs, value: entry.inputs }),
+      /* @__PURE__ */ jsx(JsonBlock, { title: labels.outputs, value: entry.outputs })
+    ] })
+  ] });
+}
+function JsonBlock({ title, value }) {
+  const hasValue = value && Object.keys(value).length > 0;
+  return /* @__PURE__ */ 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__ */ jsx("div", { className: "mb-1 text-xs font-semibold uppercase tracking-wide text-slate-500 dark:text-slate-400", children: title }),
+    hasValue ? /* @__PURE__ */ 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__ */ 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"];
@@ -3302,7 +3472,7 @@ function VersionHistoryPanel({
       loadVersions();
     }
   }, [open, loadVersions]);
-  const formatTimestamp2 = useCallback((timestamp) => {
+  const formatTimestamp3 = useCallback((timestamp) => {
     try {
       const date = new Date(timestamp);
       return new Intl.DateTimeFormat(void 0, {
@@ -3373,7 +3543,7 @@ function VersionHistoryPanel({
                     isCurrentVersion && /* @__PURE__ */ 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__ */ jsxs("div", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: [
-                    /* @__PURE__ */ jsx("div", { children: formatTimestamp2(version.publishedAt) }),
+                    /* @__PURE__ */ jsx("div", { children: formatTimestamp3(version.publishedAt) }),
                     /* @__PURE__ */ jsxs("div", { className: "mt-0.5", children: [
                       translations("publishedBy"),
                       ": ",
@@ -3453,7 +3623,7 @@ var STATUS_CONFIG = {
     label: "error"
   }
 };
-function formatDuration2(durationMs) {
+function formatDuration3(durationMs) {
   if (durationMs < 1e3) {
     return `${durationMs}ms`;
   }
@@ -3547,7 +3717,7 @@ function RunPanel({ open, onClose, onRun, onStop }) {
                   ] }),
                   result?.error && /* @__PURE__ */ jsx("p", { className: "mt-0.5 truncate text-xs text-red-500 dark:text-red-400", children: result.error })
                 ] }),
-                result?.durationMs !== void 0 && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-xs text-gray-500 dark:text-gray-400", children: formatDuration2(result.durationMs) })
+                result?.durationMs !== void 0 && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 text-xs text-gray-500 dark:text-gray-400", children: formatDuration3(result.durationMs) })
               ]
             },
             node.id
@@ -3948,12 +4118,12 @@ var STATUS_STYLES = {
   error: { icon: ExclamationCircleIcon, colorClass: "text-red-500" },
   skipped: { icon: 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" });
 }
@@ -4010,7 +4180,7 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
                 /* @__PURE__ */ jsx(StatusIcon, { className: `h-3.5 w-3.5 ${statusStyle.colorClass}` }),
                 /* @__PURE__ */ jsx("span", { className: "truncate text-gray-700 dark:text-gray-300", children: nodeId.slice(0, 8) })
               ] }),
-              result.durationMs !== void 0 && /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: formatDuration3(result.durationMs) })
+              result.durationMs !== void 0 && /* @__PURE__ */ jsx("span", { className: "text-gray-400", children: formatDuration4(result.durationMs) })
             ] }, nodeId);
           }) })
         ] }),
@@ -4026,7 +4196,7 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex justify-between", children: [
               /* @__PURE__ */ jsx("span", { className: "text-gray-500", children: t("duration") }),
-              /* @__PURE__ */ jsx("span", { className: "text-gray-700 dark:text-gray-300", children: formatDuration3(selectedNode.durationMs) })
+              /* @__PURE__ */ jsx("span", { className: "text-gray-700 dark:text-gray-300", children: formatDuration4(selectedNode.durationMs) })
             ] }),
             selectedNode.error && /* @__PURE__ */ jsxs("div", { children: [
               /* @__PURE__ */ jsx("span", { className: "text-red-500", children: t("error") }),
@@ -4063,9 +4233,9 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
                   /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
                     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                       /* @__PURE__ */ jsx(StatusIcon, { className: `h-3.5 w-3.5 ${statusStyle.colorClass}` }),
-                      /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-900 dark:text-white", children: formatTimestamp(run.createdAt) })
+                      /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-900 dark:text-white", children: formatTimestamp2(run.createdAt) })
                     ] }),
-                    /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400", children: formatDuration3(run.totalDurationMs) })
+                    /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400", children: formatDuration4(run.totalDurationMs) })
                   ] }),
                   run.error && /* @__PURE__ */ jsx("p", { className: "mt-1 truncate text-[10px] text-red-500", children: run.error })
                 ]
@@ -4089,7 +4259,7 @@ function PreviewPanel({ open, onClose, workflowId, loadRuns }) {
                       /* @__PURE__ */ jsx(NodeStatusIcon, { className: `h-3 w-3 ${nodeStatusStyle.colorClass}` }),
                       /* @__PURE__ */ jsx("span", { className: "text-gray-700 dark:text-gray-300", children: nodeResult.nodeType })
                     ] }),
-                    /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400", children: formatDuration3(nodeResult.durationMs) })
+                    /* @__PURE__ */ jsx("span", { className: "text-[10px] text-gray-400", children: formatDuration4(nodeResult.durationMs) })
                   ]
                 },
                 nodeResult.nodeId
@@ -4776,6 +4946,6 @@ function useHelpLines() {
   };
 }
 
-export { AgentModal, AmazonNovaIcon, AnthropicModelIcon, AutoSaveWorkspace, DslExportModal, DslImportModal, DynamicIslandConfirm2 as DynamicIslandConfirm, MetaLlamaIcon, NodePalette, OutputSchemaBuilder, PipelineSettingsModal, PreviewPanel, RULE_STATUS_OPTIONS, RuleActionBuilder, RuleConditionBuilder, RuleForm, RunInputDialog, RunPanel, RunReplayModal, SaveStatusBadge, SubworkflowModal, TIMEZONE_OPTIONS, VariableInspector, VersionHistoryPanel, WorkflowListBar, defaultAgentOutputSchema, defaultRuleAction, defaultRuleCondition, defaultRuleForm, getModelIcon, useCanRedo, useCanUndo, useCanvasShortcuts, useClipboard, useContextMenu, useEditingNodeId, useHasCopied, useHelpLines, useIsRunning, useNodeResults, useSelectedNodeCount, useSubworkflowStore, useUndoRedo };
-//# sourceMappingURL=chunk-HAZP5J67.mjs.map
-//# sourceMappingURL=chunk-HAZP5J67.mjs.map
+export { AgentModal, AmazonNovaIcon, AnthropicModelIcon, AutoSaveWorkspace, DslExportModal, DslImportModal, DynamicIslandConfirm2 as DynamicIslandConfirm, ExecutionTimelinePanel, MetaLlamaIcon, NodePalette, OutputSchemaBuilder, PipelineSettingsModal, PreviewPanel, RULE_STATUS_OPTIONS, RuleActionBuilder, RuleConditionBuilder, RuleForm, RunInputDialog, RunPanel, RunReplayModal, SaveStatusBadge, SubworkflowModal, TIMEZONE_OPTIONS, VariableInspector, VersionHistoryPanel, WorkflowListBar, defaultAgentOutputSchema, defaultRuleAction, defaultRuleCondition, defaultRuleForm, getModelIcon, useCanRedo, useCanUndo, useCanvasShortcuts, useClipboard, useContextMenu, useEditingNodeId, useHasCopied, useHelpLines, useIsRunning, useNodeResults, useSelectedNodeCount, useSubworkflowStore, useUndoRedo };
+//# sourceMappingURL=chunk-63AL2RN5.mjs.map
+//# sourceMappingURL=chunk-63AL2RN5.mjs.map