@tangle-network/sandbox-ui 0.76.0 → 0.77.0

package/dist/{WorkflowGraph-V2AVCNDC.js → WorkflowGraph-SJ2SG5TP.js}

@@ -260,9 +260,11 @@ var STATUS_QUEUED = "hsl(var(--muted-foreground))";
 var STATUS_DONE = "var(--surface-success-text)";
 var STATUS_FAILED = "var(--surface-danger-text)";
 var STATUS_RUNNING = "hsl(var(--primary))";
+var STATUS_WAITING = "var(--surface-warning-text)";
 var STATUS_COLOR = {
   queued: STATUS_QUEUED,
   running: STATUS_RUNNING,
+  waiting: STATUS_WAITING,
   succeeded: STATUS_DONE,
   failed: STATUS_FAILED
 };
@@ -272,6 +274,7 @@ function edgeColor(status) {
 var STATUS_LABEL = {
   queued: "Queued",
   running: "Running",
+  waiting: "Waiting on you",
   succeeded: "Done",
   failed: "Failed"
 };
@@ -286,6 +289,11 @@ var STATUS_PILL = {
     color: "hsl(var(--primary))",
     borderColor: "color-mix(in srgb, hsl(var(--primary)) 40%, transparent)"
   },
+  waiting: {
+    background: "var(--surface-warning-bg)",
+    color: "var(--surface-warning-text)",
+    borderColor: "var(--surface-warning-border)"
+  },
   succeeded: {
     background: "var(--surface-success-bg)",
     color: "var(--surface-success-text)",
@@ -301,6 +309,7 @@ function statusBorder(status) {
   const color = STATUS_COLOR[status];
   switch (status) {
     case "running":
+    case "waiting":
       return {
         borderColor: color,
         boxShadow: `0 0 0 1px color-mix(in srgb, ${color} 45%, transparent), 0 0 24px -6px ${color}`
@@ -315,7 +324,7 @@ function statusBorder(status) {
   }
 }
 function progressFill(status) {
-  return status === "succeeded" || status === "failed" ? "100%" : status === "running" ? "58%" : "6%";
+  return status === "succeeded" || status === "failed" ? "100%" : status === "running" || status === "waiting" ? "58%" : "6%";
 }
 var KIND_ICON = {
   schedule: Clock,
@@ -395,6 +404,7 @@ function StatusFooter({
         children: /* @__PURE__ */ jsx3(
           "div",
           {
+            "data-testid": "wf-node-progress",
             className: `h-full ${status === "running" ? "animate-pulse" : ""}`,
             style: {
               width: progressFill(status),

package/dist/workflows.d.ts

@@ -12,7 +12,14 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
  * so the spine stays a single readable column.
  */
 type WfNodeTone = "trigger" | "structural" | "action";
-type WfNodeStatus = "queued" | "running" | "succeeded" | "failed";
+/**
+ * A node's live run status. `waiting` is NOT a variant of `running`: the run has
+ * stopped at that node and makes no further progress until a human answers it (a
+ * `decision` step). Collapsing it into `running` tells the viewer the workflow is
+ * working when in fact it is blocked on THEM — so it gets its own colour, its own
+ * label, and a progress bar that does not move.
+ */
+type WfNodeStatus = "queued" | "running" | "waiting" | "succeeded" | "failed";
 /**
  * Live RUN state for one node, supplied by the host (keyed by node id) and
  * merged onto {@link WfNodeData.state} at render time. Absent ⇒ the graph shows

package/dist/workflows.js

@@ -26,7 +26,7 @@ function retryImport(factory, retries = 2, delayMs = 350) {
 function lazyWorkflowGraph() {
   return lazy(
     () => retryImport(
-      () => import("./WorkflowGraph-V2AVCNDC.js").then((m) => ({ default: m.WorkflowGraph }))
+      () => import("./WorkflowGraph-SJ2SG5TP.js").then((m) => ({ default: m.WorkflowGraph }))
     )
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.76.0",
+  "version": "0.77.0",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",