@burdenoff/fluidgrids-fe-sdk 2026.801.6 → 2026.801.8

package/dist/{chunk-6AK7GFWB.js → chunk-VNSIXELY.js}

@@ -695,8 +695,41 @@ function ExecutionStats({
     )
   ] });
 }
+
+// src/modules/executions/utils/run-display.ts
+function formatRunVersion(version) {
+  if (!version) return "";
+  return version.startsWith("v") ? version : `v${version}`;
+}
+function asString(value) {
+  return typeof value === "string" && value.trim() ? value : void 0;
+}
+function buildNodeDisplayMap(definitionJson) {
+  const map = {};
+  const nodes = definitionJson?.data?.nodes;
+  if (!Array.isArray(nodes)) return map;
+  for (const node of nodes) {
+    const id = asString(node?.id);
+    if (!id) continue;
+    const label = asString(node?.data?.label) ?? asString(node?.data?.nodeData?.name) ?? asString(node?.type);
+    if (!label) continue;
+    const operation = asString(node?.data?.operation_name);
+    map[id] = {
+      label,
+      // 'execute' is the internal single-op pseudo-operation — the builder
+      // hides it on cards, so the runs screens do too.
+      operation: operation === "execute" ? void 0 : operation
+    };
+  }
+  return map;
+}
+function nodeDisplayTitle(display, fallback) {
+  if (!display) return fallback;
+  return display.operation ? `${display.label} \xB7 ${display.operation}` : display.label;
+}
 function ExecutionTable({
   executions,
+  workflowNames,
   loading,
   onRowClick,
   onAction
@@ -842,11 +875,8 @@ function ExecutionTable({
                   }
                 ) }),
                 /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-text-primary", children: execution.workflow?.name || execution.workflowKey }),
-                  /* @__PURE__ */ jsxs("span", { className: "text-xs text-text-secondary", children: [
-                    "v",
-                    execution.version
-                  ] })
+                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-text-primary", children: execution.workflow?.name || workflowNames?.[execution.workflowKey] || execution.workflowKey }),
+                  /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: formatRunVersion(execution.version) })
                 ] }) }),
                 /* @__PURE__ */ jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ jsxs("span", { className: "text-sm font-mono text-text-secondary", children: [
                   execution.id.slice(0, 8),
@@ -996,6 +1026,7 @@ function getProgressColor(status) {
 }
 function ExecutionCards({
   executions,
+  workflowNames,
   loading,
   onCardClick,
   onAction
@@ -1051,11 +1082,8 @@ function ExecutionCards({
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-3", children: [
             /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 mr-2", children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-text-primary truncate", children: execution.workflowKey }),
-              /* @__PURE__ */ jsxs("p", { className: "text-xs text-text-tertiary mt-0.5", children: [
-                "v",
-                execution.version
-              ] })
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-text-primary truncate", children: execution.workflow?.name || workflowNames?.[execution.workflowKey] || execution.workflowKey }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-text-tertiary mt-0.5", children: formatRunVersion(execution.version) })
             ] }),
             /* @__PURE__ */ jsx(ExecutionStatusBadge, { status: execution.status, size: "sm" })
           ] }),
@@ -1368,6 +1396,7 @@ function orderNodesByExecution(nodeStates, triggerNodeId) {
 }
 function NodeTimeline({
   nodeStates,
+  nodeDisplay,
   loading,
   triggerNodeId,
   onRetryNode,
@@ -1476,7 +1505,17 @@ function NodeTimeline({
                         }
                       ) }),
                       /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-                        /* @__PURE__ */ jsx("div", { className: "font-medium text-text-primary truncate", children: node.nodeId }),
+                        /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            className: "font-medium text-text-primary truncate",
+                            title: node.nodeId,
+                            children: nodeDisplayTitle(
+                              nodeDisplay?.[node.nodeId],
+                              node.nodeId
+                            )
+                          }
+                        ),
                         /* @__PURE__ */ jsxs("div", { className: "text-xs text-text-secondary", children: [
                           node.nodeType,
                           " v",
@@ -1597,7 +1636,7 @@ function formatTimestamp(iso) {
   });
   return `${time}.${String(date.getMilliseconds()).padStart(3, "0")}`;
 }
-function groupLines(lines, nodeStates) {
+function groupLines(lines, nodeStates, nodeDisplay) {
   const byNode = /* @__PURE__ */ new Map();
   const order = [];
   for (const line of lines) {
@@ -1608,7 +1647,7 @@ function groupLines(lines, nodeStates) {
       group = {
         key,
         nodeId: line.nodeId ?? null,
-        label: line.nodeId ? `${line.nodeId}${state?.nodeType ? ` \xB7 ${state.nodeType}` : ""}` : "Run",
+        label: line.nodeId ? `${nodeDisplayTitle(nodeDisplay?.[line.nodeId], line.nodeId)}${state?.nodeType ? ` \xB7 ${state.nodeType}` : ""}` : "Run",
         status: state?.status,
         lines: [],
         hasError: false
@@ -1625,6 +1664,7 @@ function RunLogViewer({
   runId,
   lines,
   nodeStates,
+  nodeDisplay,
   loading,
   error,
   hasMore,
@@ -1650,8 +1690,8 @@ function RunLogViewer({
     return lines.filter((line) => line.message.toLowerCase().includes(needle));
   }, [lines, search]);
   const groups = useMemo(
-    () => groupLines(visible, nodeStates),
-    [visible, nodeStates]
+    () => groupLines(visible, nodeStates, nodeDisplay),
+    [visible, nodeStates, nodeDisplay]
   );
   const isCollapsed = useCallback(
     (group) => {
@@ -1708,7 +1748,7 @@ function RunLogViewer({
   }, []);
   const downloadRaw = useCallback(() => {
     const body = lines.map((line) => {
-      const node = line.nodeId ? ` [${line.nodeId}]` : "";
+      const node = line.nodeId ? ` [${nodeDisplayTitle(nodeDisplay?.[line.nodeId], line.nodeId)}]` : "";
       return `${line.timestamp} ${line.level.padEnd(5)}${node} ${line.message}`;
     }).join("\n");
     const url = URL.createObjectURL(
@@ -1719,7 +1759,7 @@ function RunLogViewer({
     anchor.download = `run-${runId}.log`;
     anchor.click();
     URL.revokeObjectURL(url);
-  }, [lines, runId]);
+  }, [lines, runId, nodeDisplay]);
   if (loading && lines.length === 0) {
     return /* @__PURE__ */ jsx("div", { className: "space-y-2", "data-testid": "run-log-loading", children: [...Array(6)].map((_, i) => /* @__PURE__ */ jsx(
       "div",
@@ -2418,6 +2458,6 @@ function useAutoRefresh(refetchFn, enabled = true, interval = 5e3) {
   }, [enabled, interval, refetchFn]);
 }
 
-export { ExecutionCards, ExecutionFilters, ExecutionStats, ExecutionStatusBadge, ExecutionTable, ExecutionTimeline, NodeTimeline, Pagination, RunLogViewer, useAutoRefresh, useExecution, useExecutionActions, useExecutionStats, useExecutionsStore, useExecutionsWithStore };
-//# sourceMappingURL=chunk-6AK7GFWB.js.map
-//# sourceMappingURL=chunk-6AK7GFWB.js.map
+export { ExecutionCards, ExecutionFilters, ExecutionStats, ExecutionStatusBadge, ExecutionTable, ExecutionTimeline, NodeTimeline, Pagination, RunLogViewer, buildNodeDisplayMap, formatRunVersion, useAutoRefresh, useExecution, useExecutionActions, useExecutionStats, useExecutionsStore, useExecutionsWithStore };
+//# sourceMappingURL=chunk-VNSIXELY.js.map
+//# sourceMappingURL=chunk-VNSIXELY.js.map