@tangle-network/sandbox-ui 0.113.7 → 0.114.0

package/dist/workflows.js

@@ -1,119 +1,84 @@
-import {
-  TRIGGER_NODE_ID,
-  actionNodeId,
-  branchNodeId,
-  buildWorkflowGraph,
-  triggerNodeId,
-  triggerNodeIndex
-} from "./chunk-AI25G5MX.js";
-import {
-  ModelBrandStack,
-  modelBrandFor
-} from "./chunk-RQZRXKMR.js";
-import "./chunk-EI44GEQ5.js";
-import "./chunk-CZ7CSFO4.js";
-
-// src/workflows/WorkflowGraphLazy.tsx
-import {
-  Component,
-  lazy,
-  Suspense,
-  useMemo,
-  useState
-} from "react";
+import { r as modelBrandFor, t as ModelBrandStack } from "./model-brand-hMyDTUqB.js";
+import { a as buildWorkflowGraph, c as triggerNodeIndex, i as branchNodeId, n as TRIGGER_NODE_ID, r as actionNodeId, s as triggerNodeId } from "./model-I-NIxeM-.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Component, Suspense, lazy, useMemo, useState } from "react";
+//#region src/workflows/WorkflowGraphLazy.tsx
+/**
+* Lazy + error-isolated boundary for {@link WorkflowGraph}. React Flow (~50KB)
+* is only needed on the workflow detail page and on workflow proposal cards, so
+* it's code-split out of the always-loaded app shell. The Suspense fallback
+* keeps the caller's height so layout doesn't jump; the error boundary degrades
+* to the raw YAML if the chunk fails
+* to load (offline) or React Flow throws, instead of crashing the panel tree.
+*
+* The chunk import auto-retries a transient failure (a flaky network or an
+* HMR/cache miss) before degrading, and the fallback offers a manual retry that
+* re-attempts the import — so a recoverable failure isn't permanently pinned to
+* the YAML view. A chunk that is gone for good (e.g. an old hash after a deploy)
+* still degrades to the fully-legible YAML; the host can recover those globally
+* via a Vite `vite:preloadError` reload guard.
+*/
+/** Re-run `factory` up to `retries` times with a short backoff before giving up.
+*  Covers a transient dynamic-import rejection (network blip, a chunk briefly
+*  unavailable behind a CDN) without bothering the user. Exported for tests. */
 function retryImport(factory, retries = 2, delayMs = 350) {
-  return factory().catch((err) => {
-    if (retries <= 0) throw err;
-    return new Promise((resolve, reject) => {
-      setTimeout(
-        () => retryImport(factory, retries - 1, delayMs).then(resolve, reject),
-        delayMs
-      );
-    });
-  });
+	return factory().catch((err) => {
+		if (retries <= 0) throw err;
+		return new Promise((resolve, reject) => {
+			setTimeout(() => retryImport(factory, retries - 1, delayMs).then(resolve, reject), delayMs);
+		});
+	});
 }
 function lazyWorkflowGraph() {
-  return lazy(
-    () => retryImport(
-      () => import("./WorkflowGraph-2QOORYIR.js").then((m) => ({ default: m.WorkflowGraph }))
-    )
-  );
+	return lazy(() => retryImport(() => import("./WorkflowGraph-B-NsdYz_.js").then((m) => ({ default: m.WorkflowGraph }))));
 }
 var GraphErrorBoundary = class extends Component {
-  state = { hasError: false };
-  static getDerivedStateFromError() {
-    return { hasError: true };
-  }
-  render() {
-    return this.state.hasError ? this.props.fallback : this.props.children;
-  }
+	state = { hasError: false };
+	static getDerivedStateFromError() {
+		return { hasError: true };
+	}
+	render() {
+		return this.state.hasError ? this.props.fallback : this.props.children;
+	}
 };
-function GraphFallback({
-  yaml,
-  className,
-  onRetry
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: `overflow-auto rounded-lg border border-border bg-background p-2 ${className ?? ""}`,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center justify-between gap-2", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: "Couldn't render the graph \u2014 showing the definition." }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: onRetry,
-              className: "shrink-0 rounded border border-border px-1.5 py-0.5 text-muted-foreground text-xs transition hover:text-foreground",
-              children: "Retry"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("pre", { className: "text-foreground text-xs", children: /* @__PURE__ */ jsx("code", { children: yaml }) })
-      ]
-    }
-  );
+/** Graceful degradation when the graph can't render: the workflow is still
+*  fully legible as YAML, with a retry for a recoverable load failure. */
+function GraphFallback({ yaml, className, onRetry }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: `overflow-auto rounded-lg border border-border bg-background p-2 ${className ?? ""}`,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "mb-1 flex items-center justify-between gap-2",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-xs",
+				children: "Couldn't render the graph — showing the definition."
+			}), /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: onRetry,
+				className: "shrink-0 rounded border border-border px-1.5 py-0.5 text-muted-foreground text-xs transition hover:text-foreground",
+				children: "Retry"
+			})]
+		}), /* @__PURE__ */ jsx("pre", {
+			className: "text-foreground text-xs",
+			children: /* @__PURE__ */ jsx("code", { children: yaml })
+		})]
+	});
 }
 function WorkflowGraph(props) {
-  const [attempt, setAttempt] = useState(0);
-  const Impl = useMemo(() => lazyWorkflowGraph(), [attempt]);
-  return (
-    // Key the boundary by the workflow AND the attempt so a different/edited
-    // definition or a manual retry remounts it and re-attempts the graph — a
-    // transient chunk/render failure on one workflow doesn't permanently pin the
-    // YAML fallback.
-    /* @__PURE__ */ jsx(
-      GraphErrorBoundary,
-      {
-        fallback: /* @__PURE__ */ jsx(GraphFallback, { ...props, onRetry: () => setAttempt((a) => a + 1) }),
-        children: /* @__PURE__ */ jsx(
-          Suspense,
-          {
-            fallback: /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: `flex items-center justify-center rounded-lg border border-border border-dashed text-text-muted text-xs ${props.className ?? ""}`,
-                children: "Loading graph\u2026"
-              }
-            ),
-            children: /* @__PURE__ */ jsx(Impl, { ...props })
-          }
-        )
-      },
-      `${props.yaml}::${attempt}`
-    )
-  );
+	const [attempt, setAttempt] = useState(0);
+	const Impl = useMemo(() => lazyWorkflowGraph(), [attempt]);
+	return /* @__PURE__ */ jsx(GraphErrorBoundary, {
+		fallback: /* @__PURE__ */ jsx(GraphFallback, {
+			...props,
+			onRetry: () => setAttempt((a) => a + 1)
+		}),
+		children: /* @__PURE__ */ jsx(Suspense, {
+			fallback: /* @__PURE__ */ jsx("div", {
+				className: `flex items-center justify-center rounded-lg border border-border border-dashed text-text-muted text-xs ${props.className ?? ""}`,
+				children: "Loading graph…"
+			}),
+			children: /* @__PURE__ */ jsx(Impl, { ...props })
+		})
+	}, `${props.yaml}::${attempt}`);
 }
-export {
-  ModelBrandStack,
-  TRIGGER_NODE_ID,
-  WorkflowGraph as WorkflowGraphLazy,
-  actionNodeId,
-  branchNodeId,
-  buildWorkflowGraph,
-  modelBrandFor,
-  triggerNodeId,
-  triggerNodeIndex
-};
+//#endregion
+export { ModelBrandStack, TRIGGER_NODE_ID, WorkflowGraph as WorkflowGraphLazy, actionNodeId, branchNodeId, buildWorkflowGraph, modelBrandFor, triggerNodeId, triggerNodeIndex };