@solidxai/core-ui 0.1.13-beta.2 → 0.1.13-beta.3

package/dist/routes/pages/admin/core/WorkflowDefinitionEditorPage.js

@@ -1,1287 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Activity, ArrowLeft, BookOpen, Braces, ChevronLeft, ChevronRight, GitBranchPlus, Layers3, Play, RefreshCw, Save, Settings2, ShieldCheck, X, } from "lucide-react";
-import React from "react";
-import { useNavigate, useParams } from "react-router-dom";
-import { useDispatch } from "react-redux";
-import qs from "qs";
-import YAML from "yaml";
-import { createSolidEntityApi } from "../../../../redux/api/solidEntityApi";
-import { useGetWorkflowNodeTypesQuery } from "../../../../redux/api/workflowNodeApi";
-import { useExecuteWorkflowDefinitionMutation, useValidateWorkflowDefinitionMutation, } from "../../../../redux/api/workflowDefinitionEditorApi";
-import { showToast } from "../../../../redux/features/toastSlice";
-import { WorkflowNodeDocsPanel, } from "../../../../components/workflow/WorkflowNodeDocsPanel";
-import { WorkflowFlowCanvas, } from "../../../../components/workflow/WorkflowFlowCanvas";
-import { WorkflowNodeEditorDialog, WorkflowNodePalette, } from "../../../../components/workflow/WorkflowNodeSchemaEditor";
-import { SolidButton, SolidCodeEditor, SolidDatePicker, SolidDialog, SolidDialogBody, SolidDialogFooter, SolidInput, SolidPanel, SolidSpinner, SolidTabGroup, SolidTag, SolidTextarea, } from "../../../../components/shad-cn-ui";
-import "./WorkflowDefinitionEditorPage.css";
-var createEmptyWorkflowDefinition = function () { return ({
-    version: "1.0.0",
-    description: "",
-    inputs: {},
-    variables: {},
-    nodes: [],
-    triggers: [],
-    metadata: {},
-}); };
-var TOPOLOGY_SPLIT_STORAGE_KEY = "solid.workflow.editor.topologySplitPercent";
-function readStoredTopologySplitPercent() {
-    if (typeof window === "undefined") {
-        return 62;
-    }
-    var storedValue = Number(window.localStorage.getItem(TOPOLOGY_SPLIT_STORAGE_KEY));
-    return Number.isFinite(storedValue) ? Math.min(78, Math.max(22, storedValue)) : 62;
-}
-function serializeWorkflowDefinitionYaml(definition) {
-    return YAML.stringify(definition);
-}
-function parseYamlValue(value, fallback) {
-    if (!value.trim()) {
-        return fallback;
-    }
-    var parsed = YAML.parse(value);
-    return (parsed !== null && parsed !== void 0 ? parsed : fallback);
-}
-function normalizeWorkflowDefinition(definitionYaml) {
-    if (!definitionYaml) {
-        return createEmptyWorkflowDefinition();
-    }
-    var parsed = definitionYaml;
-    if (typeof definitionYaml === "string") {
-        try {
-            parsed = YAML.parse(definitionYaml);
-        }
-        catch (_a) {
-            return createEmptyWorkflowDefinition();
-        }
-    }
-    return __assign(__assign(__assign({}, createEmptyWorkflowDefinition()), (parsed !== null && parsed !== void 0 ? parsed : {})), { nodes: Array.isArray(parsed === null || parsed === void 0 ? void 0 : parsed.nodes) ? parsed.nodes : [], triggers: Array.isArray(parsed === null || parsed === void 0 ? void 0 : parsed.triggers)
-            ? parsed.triggers
-            : [] });
-}
-function flattenWorkflowNodeIds(nodes) {
-    return nodes.flatMap(function (node) {
-        var _a, _b, _c, _d, _e;
-        return __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([
-            String(node.id)
-        ], flattenWorkflowNodeIds((_a = node.children) !== null && _a !== void 0 ? _a : []), true), flattenWorkflowNodeIds((_b = node.nodes) !== null && _b !== void 0 ? _b : []), true), flattenWorkflowNodeIds((_c = node.then) !== null && _c !== void 0 ? _c : []), true), flattenWorkflowNodeIds((_d = node.else) !== null && _d !== void 0 ? _d : []), true), ((_e = node.branches) !== null && _e !== void 0 ? _e : []).flatMap(function (branch) { var _a; return flattenWorkflowNodeIds((_a = branch.nodes) !== null && _a !== void 0 ? _a : []); }), true);
-    });
-}
-function buildNodeId(type, definition) {
-    var _a;
-    var suffix = (_a = type.split(".").pop()) !== null && _a !== void 0 ? _a : "node";
-    var base = suffix.replace(/[^a-zA-Z0-9]+/g, "");
-    var attempt = base.charAt(0).toLowerCase() + base.slice(1);
-    var counter = 1;
-    var nodeIds = new Set(flattenWorkflowNodeIds(definition.nodes));
-    while (nodeIds.has(attempt)) {
-        counter += 1;
-        attempt = "".concat(base.charAt(0).toLowerCase() + base.slice(1)).concat(counter);
-    }
-    return attempt;
-}
-function buildBranchId(parentNodeId, node) {
-    var _a, _b;
-    var existingIds = new Set(((_a = node.branches) !== null && _a !== void 0 ? _a : []).map(function (branch) { return branch.id; }));
-    var counter = ((_b = node.branches) !== null && _b !== void 0 ? _b : []).length + 1;
-    var nextId = "".concat(parentNodeId, "Branch").concat(counter);
-    while (existingIds.has(nextId)) {
-        counter += 1;
-        nextId = "".concat(parentNodeId, "Branch").concat(counter);
-    }
-    return nextId;
-}
-function countNodes(nodes) {
-    return nodes.reduce(function (sum, node) {
-        var _a, _b, _c, _d, _e;
-        return sum +
-            1 +
-            countNodes((_a = node.children) !== null && _a !== void 0 ? _a : []) +
-            countNodes((_b = node.nodes) !== null && _b !== void 0 ? _b : []) +
-            countNodes((_c = node.then) !== null && _c !== void 0 ? _c : []) +
-            countNodes((_d = node.else) !== null && _d !== void 0 ? _d : []) +
-            ((_e = node.branches) !== null && _e !== void 0 ? _e : []).reduce(function (branchSum, branch) { var _a; return branchSum + countNodes((_a = branch.nodes) !== null && _a !== void 0 ? _a : []); }, 0);
-    }, 0);
-}
-function countTriggers(triggers) {
-    return Array.isArray(triggers) ? triggers.length : 0;
-}
-function formatExecutionDate(value) {
-    if (!value) {
-        return "Not available";
-    }
-    var parsed = new Date(value);
-    if (Number.isNaN(parsed.getTime())) {
-        return "Not available";
-    }
-    return parsed.toLocaleString(undefined, {
-        year: "numeric",
-        month: "short",
-        day: "numeric",
-        hour: "numeric",
-        minute: "2-digit",
-    });
-}
-function formatDurationMs(value) {
-    var numericValue = typeof value === "string" ? Number(value) : typeof value === "number" ? value : null;
-    if (numericValue == null || Number.isNaN(numericValue) || numericValue <= 0) {
-        return "Not available";
-    }
-    if (numericValue < 1000) {
-        return "".concat(numericValue, " ms");
-    }
-    var seconds = numericValue / 1000;
-    if (seconds < 60) {
-        return "".concat(seconds.toFixed(seconds >= 10 ? 0 : 1), " s");
-    }
-    var minutes = Math.floor(seconds / 60);
-    var remainingSeconds = Math.round(seconds % 60);
-    return "".concat(minutes, "m ").concat(remainingSeconds, "s");
-}
-function getExecutionStatusCategory(status) {
-    var normalized = (status !== null && status !== void 0 ? status : "").trim().toLowerCase();
-    if (["success", "succeeded", "completed", "complete"].includes(normalized)) {
-        return "success";
-    }
-    if (["failed", "error", "errored", "cancelled", "canceled"].includes(normalized)) {
-        return "failed";
-    }
-    if (["running", "in_progress", "in-progress", "started", "processing"].includes(normalized)) {
-        return "inProgress";
-    }
-    if (["created", "pending", "queued", "scheduled"].includes(normalized)) {
-        return "pending";
-    }
-    return "other";
-}
-function buildWorkflowExecutionQueryString(options) {
-    var _a;
-    var queryData = {
-        limit: (_a = options.limit) !== null && _a !== void 0 ? _a : 100,
-        offset: 0,
-        sort: ["startedAt:desc", "id:desc"],
-        filters: {
-            workflowDefinition: {
-                id: {
-                    $eq: options.workflowDefinitionId,
-                },
-            },
-        },
-    };
-    if (options.startDate || options.endDate) {
-        queryData.filters.startedAt = {};
-        if (options.startDate) {
-            var startDate = new Date(options.startDate);
-            startDate.setHours(0, 0, 0, 0);
-            queryData.filters.startedAt.$gte = startDate.toISOString();
-        }
-        if (options.endDate) {
-            var endDate = new Date(options.endDate);
-            endDate.setHours(23, 59, 59, 999);
-            queryData.filters.startedAt.$lte = endDate.toISOString();
-        }
-    }
-    return qs.stringify(queryData, { encodeValuesOnly: true });
-}
-function buildTriggerDocsModel(trigger) {
-    var _a, _b, _c, _d, _e;
-    var triggerEntries = Object.entries(trigger !== null && trigger !== void 0 ? trigger : {}).filter(function (_a) {
-        var key = _a[0];
-        return !["id", "type", "description", "disabled", "name", "label"].includes(key);
-    });
-    return {
-        title: (_c = (_b = (_a = trigger.label) !== null && _a !== void 0 ? _a : trigger.name) !== null && _b !== void 0 ? _b : trigger.id) !== null && _c !== void 0 ? _c : "Trigger",
-        subtitle: (_d = trigger.type) !== null && _d !== void 0 ? _d : "Trigger",
-        summary: (_e = trigger.description) !== null && _e !== void 0 ? _e : "Workflow trigger that can launch the workflow on a schedule or external event.",
-        badges: ["trigger", trigger.disabled ? "disabled" : "enabled"].filter(Boolean),
-        definitions: [
-            {
-                key: "behavior",
-                label: "Behavior",
-                content: trigger.disabled
-                    ? "This trigger is currently disabled and will not launch workflow executions until it is enabled."
-                    : "This trigger is currently enabled and may launch workflow executions based on its configuration.",
-            },
-            {
-                key: "configuration",
-                label: "Configuration",
-                content: "```yaml\n".concat(YAML.stringify(trigger), "```"),
-            },
-        ],
-        outputs: triggerEntries.map(function (_a) {
-            var key = _a[0], value = _a[1];
-            return ({
-                key: key,
-                label: key,
-                description: typeof value === "object"
-                    ? "Structured trigger configuration value."
-                    : "Current value: ".concat(String(value)),
-                valueType: Array.isArray(value)
-                    ? "array"
-                    : typeof value === "boolean"
-                        ? "boolean"
-                        : typeof value === "number"
-                            ? "number"
-                            : typeof value === "object"
-                                ? "object"
-                                : "string",
-            });
-        }),
-    };
-}
-function buildWorkflowDocsModel(definition) {
-    var _a, _b, _c;
-    return {
-        title: "Workflow Definition",
-        subtitle: "Workflow-level settings",
-        summary: "Top-level inputs, variables, triggers, and description live here. Use workflow settings when the change is not about a single node.",
-        badges: ["workflow", "settings"],
-        definitions: [
-            {
-                key: "inputs",
-                label: "Inputs",
-                content: "```yaml\n".concat(YAML.stringify((_a = definition.inputs) !== null && _a !== void 0 ? _a : {}), "```"),
-            },
-            {
-                key: "variables",
-                label: "Variables",
-                content: "```yaml\n".concat(YAML.stringify((_b = definition.variables) !== null && _b !== void 0 ? _b : {}), "```"),
-            },
-            {
-                key: "triggers",
-                label: "Triggers",
-                content: "```yaml\n".concat(YAML.stringify((_c = definition.triggers) !== null && _c !== void 0 ? _c : []), "```"),
-            },
-        ],
-    };
-}
-function findNodeById(nodes, nodeId) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    for (var _i = 0, nodes_1 = nodes; _i < nodes_1.length; _i++) {
-        var node = nodes_1[_i];
-        if (String(node.id) === nodeId) {
-            return node;
-        }
-        var fromChildren = (_h = (_f = (_d = (_b = findNodeById((_a = node.children) !== null && _a !== void 0 ? _a : [], nodeId)) !== null && _b !== void 0 ? _b : findNodeById((_c = node.nodes) !== null && _c !== void 0 ? _c : [], nodeId)) !== null && _d !== void 0 ? _d : findNodeById((_e = node.then) !== null && _e !== void 0 ? _e : [], nodeId)) !== null && _f !== void 0 ? _f : findNodeById((_g = node.else) !== null && _g !== void 0 ? _g : [], nodeId)) !== null && _h !== void 0 ? _h : ((_j = node.branches) !== null && _j !== void 0 ? _j : []).reduce(function (found, branch) { var _a; return found !== null && found !== void 0 ? found : findNodeById((_a = branch.nodes) !== null && _a !== void 0 ? _a : [], nodeId); }, undefined);
-        if (fromChildren) {
-            return fromChildren;
-        }
-    }
-    return undefined;
-}
-function getFirstNodeId(nodes) {
-    var _a, _b;
-    return (_b = (_a = nodes[0]) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : "";
-}
-function updateNodeById(nodes, nodeId, updater) {
-    return nodes.map(function (node) {
-        var _a;
-        if (String(node.id) === nodeId) {
-            return updater(node);
-        }
-        return __assign(__assign({}, node), { children: node.children
-                ? updateNodeById(node.children, nodeId, updater)
-                : node.children, nodes: node.nodes ? updateNodeById(node.nodes, nodeId, updater) : node.nodes, then: node.then ? updateNodeById(node.then, nodeId, updater) : node.then, else: node.else ? updateNodeById(node.else, nodeId, updater) : node.else, branches: (_a = node.branches) === null || _a === void 0 ? void 0 : _a.map(function (branch) {
-                var _a;
-                return (__assign(__assign({}, branch), { nodes: updateNodeById((_a = branch.nodes) !== null && _a !== void 0 ? _a : [], nodeId, updater) }));
-            }) });
-    });
-}
-function removeNodeById(nodes, nodeId) {
-    return nodes
-        .filter(function (node) { return String(node.id) !== nodeId; })
-        .map(function (node) {
-        var _a;
-        return (__assign(__assign({}, node), { children: node.children ? removeNodeById(node.children, nodeId) : node.children, nodes: node.nodes ? removeNodeById(node.nodes, nodeId) : node.nodes, then: node.then ? removeNodeById(node.then, nodeId) : node.then, else: node.else ? removeNodeById(node.else, nodeId) : node.else, branches: (_a = node.branches) === null || _a === void 0 ? void 0 : _a.map(function (branch) {
-                var _a;
-                return (__assign(__assign({}, branch), { nodes: removeNodeById((_a = branch.nodes) !== null && _a !== void 0 ? _a : [], nodeId) }));
-            }) }));
-    });
-}
-function insertAt(items, index, item) {
-    var safeIndex = Math.max(0, Math.min(index, items.length));
-    return __spreadArray(__spreadArray(__spreadArray([], items.slice(0, safeIndex), true), [item], false), items.slice(safeIndex), true);
-}
-function insertNodeIntoDefinition(definition, target, nodeToInsert) {
-    if (target.scope === "root") {
-        return __assign(__assign({}, definition), { nodes: insertAt(definition.nodes, target.index, nodeToInsert) });
-    }
-    return __assign(__assign({}, definition), { nodes: updateNodeById(definition.nodes, target.parentNodeId, function (node) {
-            var _a;
-            var _b;
-            if (target.scope === "slot") {
-                var slotNodes = Array.isArray(node[target.slotKey])
-                    ? node[target.slotKey]
-                    : [];
-                return __assign(__assign({}, node), (_a = {}, _a[target.slotKey] = insertAt(slotNodes, target.index, nodeToInsert), _a));
-            }
-            return __assign(__assign({}, node), { branches: ((_b = node.branches) !== null && _b !== void 0 ? _b : []).map(function (branch) {
-                    var _a;
-                    return branch.id === target.branchId
-                        ? __assign(__assign({}, branch), { nodes: insertAt((_a = branch.nodes) !== null && _a !== void 0 ? _a : [], target.index, nodeToInsert) }) : branch;
-                }) });
-        }) });
-}
-function appendBranchToDefinition(definition, parentNodeId) {
-    return __assign(__assign({}, definition), { nodes: updateNodeById(definition.nodes, parentNodeId, function (node) {
-            var _a, _b;
-            return (__assign(__assign({}, node), { branches: __spreadArray(__spreadArray([], ((_a = node.branches) !== null && _a !== void 0 ? _a : []), true), [
-                    {
-                        id: buildBranchId(parentNodeId, node),
-                        name: "Branch ".concat(((_b = node.branches) !== null && _b !== void 0 ? _b : []).length + 1),
-                        nodes: [],
-                    },
-                ], false) }));
-        }) });
-}
-function getFieldValue(value, pathOrKey) {
-    var parts = pathOrKey.split(".");
-    var current = value;
-    for (var _i = 0, parts_1 = parts; _i < parts_1.length; _i++) {
-        var part = parts_1[_i];
-        current = current === null || current === void 0 ? void 0 : current[part];
-        if (current === undefined) {
-            return undefined;
-        }
-    }
-    return current;
-}
-function validateWorkflowDefinitionClient(definition, nodeTypes, workflowKey) {
-    var errors = [];
-    var nodeTypeMap = new Map(nodeTypes.map(function (item) { return [item.type, item]; }));
-    var seenNodeIds = new Set();
-    if (!workflowKey.trim()) {
-        errors.push("Workflow key is required.");
-    }
-    if (!Array.isArray(definition.nodes) || !definition.nodes.length) {
-        errors.push("Workflow definition must contain at least one root node.");
-    }
-    var validateNodeSequence = function (nodes, scopeLabel) {
-        nodes.forEach(function (node, index) {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-            var prefix = "".concat(scopeLabel, " node ").concat(index + 1);
-            if (!node.id) {
-                errors.push("".concat(prefix, " is missing an id."));
-            }
-            else if (seenNodeIds.has(node.id)) {
-                errors.push("Duplicate workflow node id \"".concat(node.id, "\"."));
-            }
-            else {
-                seenNodeIds.add(node.id);
-            }
-            if (!node.type) {
-                errors.push("".concat(prefix, " is missing a type."));
-                return;
-            }
-            var nodeType = nodeTypeMap.get(node.type);
-            if (!nodeType) {
-                errors.push("Node \"".concat(node.id, "\" uses unregistered type \"").concat(node.type, "\"."));
-                return;
-            }
-            var configuration = (_a = node.configuration) !== null && _a !== void 0 ? _a : {};
-            ((_c = (_b = nodeType.authoring) === null || _b === void 0 ? void 0 : _b.configurationFields) !== null && _c !== void 0 ? _c : []).forEach(function (field) {
-                var _a, _b;
-                if (!field.required) {
-                    return;
-                }
-                var value = getFieldValue(configuration, (_a = field.path) !== null && _a !== void 0 ? _a : field.key);
-                var isEmptyArray = Array.isArray(value) && value.length === 0;
-                var isMissing = value === undefined ||
-                    value === null ||
-                    value === "" ||
-                    isEmptyArray;
-                if (isMissing) {
-                    errors.push("Node \"".concat(node.id, "\" is missing required field \"").concat((_b = field.label) !== null && _b !== void 0 ? _b : field.key, "\"."));
-                }
-            });
-            ((_e = (_d = nodeType.authoring) === null || _d === void 0 ? void 0 : _d.childSlots) !== null && _e !== void 0 ? _e : []).forEach(function (slot) {
-                var _a, _b, _c, _d;
-                if (slot.kind === "branch-collection") {
-                    var branchCount = Array.isArray(node.branches) ? node.branches.length : 0;
-                    if (slot.required && branchCount === 0) {
-                        errors.push("Node \"".concat(node.id, "\" requires at least one branch in \"").concat((_a = slot.label) !== null && _a !== void 0 ? _a : slot.key, "\"."));
-                    }
-                    if (slot.minItems && branchCount < slot.minItems) {
-                        errors.push("Node \"".concat(node.id, "\" requires at least ").concat(slot.minItems, " branches in \"").concat((_b = slot.label) !== null && _b !== void 0 ? _b : slot.key, "\"."));
-                    }
-                }
-                else {
-                    var slotNodes = Array.isArray(node[slot.key]) ? node[slot.key] : [];
-                    if (slot.required && slotNodes.length === 0) {
-                        errors.push("Node \"".concat(node.id, "\" requires at least one child node in \"").concat((_c = slot.label) !== null && _c !== void 0 ? _c : slot.key, "\"."));
-                    }
-                    if (slot.minItems && slotNodes.length < slot.minItems) {
-                        errors.push("Node \"".concat(node.id, "\" requires at least ").concat(slot.minItems, " nodes in \"").concat((_d = slot.label) !== null && _d !== void 0 ? _d : slot.key, "\"."));
-                    }
-                }
-            });
-            validateNodeSequence((_f = node.children) !== null && _f !== void 0 ? _f : [], "".concat(node.id, " children"));
-            validateNodeSequence((_g = node.nodes) !== null && _g !== void 0 ? _g : [], "".concat(node.id, " nodes"));
-            validateNodeSequence((_h = node.then) !== null && _h !== void 0 ? _h : [], "".concat(node.id, " then"));
-            validateNodeSequence((_j = node.else) !== null && _j !== void 0 ? _j : [], "".concat(node.id, " else"));
-            ((_k = node.branches) !== null && _k !== void 0 ? _k : []).forEach(function (branch, branchIndex) {
-                var _a, _b, _c;
-                if (!branch.id) {
-                    errors.push("Node \"".concat(node.id, "\" has a branch without an id."));
-                }
-                validateNodeSequence((_a = branch.nodes) !== null && _a !== void 0 ? _a : [], "".concat(node.id, " branch ").concat((_c = (_b = branch.name) !== null && _b !== void 0 ? _b : branch.id) !== null && _c !== void 0 ? _c : branchIndex + 1));
-            });
-        });
-    };
-    validateNodeSequence(definition.nodes, "root");
-    return errors;
-}
-export function WorkflowDefinitionEditorPage() {
-    var _this = this;
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5;
-    var params = useParams();
-    var navigate = useNavigate();
-    var dispatch = useDispatch();
-    var entityApi = React.useMemo(function () { return createSolidEntityApi("workflowDefinition"); }, []);
-    var workflowExecutionApi = React.useMemo(function () { return createSolidEntityApi("workflowExecution"); }, []);
-    var useCreateSolidEntityMutation = entityApi.useCreateSolidEntityMutation, useGetSolidEntityByIdQuery = entityApi.useGetSolidEntityByIdQuery, useUpdateSolidEntityMutation = entityApi.useUpdateSolidEntityMutation;
-    var useLazyGetWorkflowExecutionsQuery = workflowExecutionApi.useLazyGetSolidEntitiesQuery;
-    var workflowDefinitionId = (_a = params.id) !== null && _a !== void 0 ? _a : "";
-    var moduleName = (_b = params.moduleName) !== null && _b !== void 0 ? _b : "solid-core";
-    var _6 = useGetSolidEntityByIdQuery({ id: workflowDefinitionId, qs: "" }, { skip: !workflowDefinitionId || workflowDefinitionId === "new" }), workflowDefinitionResponse = _6.data, isWorkflowDefinitionLoading = _6.isLoading, refetch = _6.refetch;
-    var _7 = useCreateSolidEntityMutation(), createWorkflowDefinition = _7[0], isCreating = _7[1].isLoading;
-    var _8 = useUpdateSolidEntityMutation(), updateWorkflowDefinition = _8[0], isSaving = _8[1].isLoading;
-    var _9 = useValidateWorkflowDefinitionMutation(), validateWorkflowDefinition = _9[0], isServerValidating = _9[1].isLoading;
-    var _10 = useExecuteWorkflowDefinitionMutation(), executeWorkflowDefinition = _10[0], isExecuting = _10[1].isLoading;
-    var _11 = useLazyGetWorkflowExecutionsQuery(), triggerGetWorkflowExecutions = _11[0], workflowExecutionsQuery = _11[1];
-    var _12 = useLazyGetWorkflowExecutionsQuery(), triggerGetWorkflowExecutionPresence = _12[0], workflowExecutionPresenceQuery = _12[1];
-    var _13 = useGetWorkflowNodeTypesQuery(), _14 = _13.data, nodeTypes = _14 === void 0 ? [] : _14, isNodeTypesLoading = _13.isLoading, isNodeTypesError = _13.isError;
-    var record = workflowDefinitionResponse === null || workflowDefinitionResponse === void 0 ? void 0 : workflowDefinitionResponse.data;
-    var _15 = React.useState(""), workflowKey = _15[0], setWorkflowKey = _15[1];
-    var _16 = React.useState(""), workflowDisplayName = _16[0], setWorkflowDisplayName = _16[1];
-    var _17 = React.useState(""), workflowDescription = _17[0], setWorkflowDescription = _17[1];
-    var _18 = React.useState(createEmptyWorkflowDefinition()), definitionDraft = _18[0], setDefinitionDraft = _18[1];
-    var _19 = React.useState(serializeWorkflowDefinitionYaml(createEmptyWorkflowDefinition())), codeValue = _19[0], setCodeValue = _19[1];
-    var _20 = React.useState(null), codeError = _20[0], setCodeError = _20[1];
-    var _21 = React.useState(""), paletteNodeTypeKey = _21[0], setPaletteNodeTypeKey = _21[1];
-    var _22 = React.useState(""), selectedNodeId = _22[0], setSelectedNodeId = _22[1];
-    var _23 = React.useState(""), selectedTriggerId = _23[0], setSelectedTriggerId = _23[1];
-    var _24 = React.useState(false), editorOpen = _24[0], setEditorOpen = _24[1];
-    var _25 = React.useState(false), workflowSettingsOpen = _25[0], setWorkflowSettingsOpen = _25[1];
-    var _26 = React.useState("{}"), workflowInputsValue = _26[0], setWorkflowInputsValue = _26[1];
-    var _27 = React.useState("{}"), workflowVariablesValue = _27[0], setWorkflowVariablesValue = _27[1];
-    var _28 = React.useState("[]"), workflowTriggersValue = _28[0], setWorkflowTriggersValue = _28[1];
-    var _29 = React.useState(false), docsOpen = _29[0], setDocsOpen = _29[1];
-    var _30 = React.useState(""), docsNodeTypeKey = _30[0], setDocsNodeTypeKey = _30[1];
-    var _31 = React.useState(false), topologyDocsOpen = _31[0], setTopologyDocsOpen = _31[1];
-    var _32 = React.useState(""), topologyDocsNodeTypeKey = _32[0], setTopologyDocsNodeTypeKey = _32[1];
-    var _33 = React.useState(), topologyDocsModel = _33[0], setTopologyDocsModel = _33[1];
-    var _34 = React.useState(workflowDefinitionId === "new" ? "edit" : "overview"), detailTab = _34[0], setDetailTab = _34[1];
-    var _35 = React.useState("flow"), activePanel = _35[0], setActivePanel = _35[1];
-    var _36 = React.useState(false), toolsOpen = _36[0], setToolsOpen = _36[1];
-    var _37 = React.useState(false), codePaneOpen = _37[0], setCodePaneOpen = _37[1];
-    var _38 = React.useState(true), topologyViewOpen = _38[0], setTopologyViewOpen = _38[1];
-    var _39 = React.useState(false), topologyYamlViewOpen = _39[0], setTopologyYamlViewOpen = _39[1];
-    var _40 = React.useState(readStoredTopologySplitPercent), topologySplitPercent = _40[0], setTopologySplitPercent = _40[1];
-    var topologySplitRef = React.useRef(null);
-    var _41 = React.useState(null), overviewStartDate = _41[0], setOverviewStartDate = _41[1];
-    var _42 = React.useState(null), overviewEndDate = _42[0], setOverviewEndDate = _42[1];
-    var _43 = React.useState({
-        status: "idle",
-        errors: [],
-    }), validationState = _43[0], setValidationState = _43[1];
-    React.useEffect(function () {
-        setDetailTab(workflowDefinitionId === "new" ? "edit" : "overview");
-    }, [workflowDefinitionId]);
-    React.useEffect(function () {
-        setOverviewStartDate(null);
-        setOverviewEndDate(null);
-    }, [workflowDefinitionId]);
-    React.useEffect(function () {
-        var _a, _b, _c, _d;
-        if (workflowDefinitionId === "new") {
-            var emptyDefinition = createEmptyWorkflowDefinition();
-            setWorkflowKey("");
-            setWorkflowDisplayName("");
-            setWorkflowDescription("");
-            setDefinitionDraft(emptyDefinition);
-            setCodeValue(serializeWorkflowDefinitionYaml(emptyDefinition));
-            setCodeError(null);
-            setSelectedNodeId("");
-            setSelectedTriggerId("");
-            setValidationState({ status: "idle", errors: [] });
-            return;
-        }
-        if (!record) {
-            return;
-        }
-        var normalized = normalizeWorkflowDefinition(record.definitionYaml);
-        setWorkflowKey((_a = record.key) !== null && _a !== void 0 ? _a : "");
-        setWorkflowDisplayName((_b = record.displayName) !== null && _b !== void 0 ? _b : "");
-        setWorkflowDescription((_d = (_c = record.description) !== null && _c !== void 0 ? _c : normalized.description) !== null && _d !== void 0 ? _d : "");
-        setDefinitionDraft(normalized);
-        setCodeValue(serializeWorkflowDefinitionYaml(normalized));
-        setCodeError(null);
-        setSelectedNodeId(getFirstNodeId(normalized.nodes));
-        setSelectedTriggerId("");
-        setValidationState({ status: "idle", errors: [] });
-    }, [record, workflowDefinitionId]);
-    React.useEffect(function () {
-        if (!paletteNodeTypeKey && nodeTypes.length) {
-            setPaletteNodeTypeKey(nodeTypes[0].type);
-        }
-    }, [nodeTypes, paletteNodeTypeKey]);
-    React.useEffect(function () {
-        if (!selectedNodeId) {
-            return;
-        }
-        if (!findNodeById(definitionDraft.nodes, selectedNodeId)) {
-            setSelectedNodeId(getFirstNodeId(definitionDraft.nodes));
-        }
-    }, [definitionDraft.nodes, selectedNodeId]);
-    React.useEffect(function () {
-        var _a;
-        if (!selectedTriggerId) {
-            return;
-        }
-        var exists = ((_a = definitionDraft.triggers) !== null && _a !== void 0 ? _a : []).some(function (trigger) { return String(trigger.id) === selectedTriggerId; });
-        if (!exists) {
-            setSelectedTriggerId("");
-        }
-    }, [definitionDraft.triggers, selectedTriggerId]);
-    React.useEffect(function () {
-        if (typeof window === "undefined") {
-            return;
-        }
-        window.localStorage.setItem(TOPOLOGY_SPLIT_STORAGE_KEY, String(Math.round(topologySplitPercent)));
-    }, [topologySplitPercent]);
-    React.useEffect(function () {
-        var _a, _b, _c;
-        if (!workflowSettingsOpen) {
-            return;
-        }
-        setWorkflowInputsValue(YAML.stringify((_a = definitionDraft.inputs) !== null && _a !== void 0 ? _a : {}));
-        setWorkflowVariablesValue(YAML.stringify((_b = definitionDraft.variables) !== null && _b !== void 0 ? _b : {}));
-        setWorkflowTriggersValue(YAML.stringify((_c = definitionDraft.triggers) !== null && _c !== void 0 ? _c : []));
-    }, [definitionDraft, workflowSettingsOpen]);
-    var paletteNodeType = React.useMemo(function () { return nodeTypes.find(function (nodeType) { return nodeType.type === paletteNodeTypeKey; }); }, [nodeTypes, paletteNodeTypeKey]);
-    var selectedNode = React.useMemo(function () { return findNodeById(definitionDraft.nodes, selectedNodeId); }, [definitionDraft.nodes, selectedNodeId]);
-    var selectedNodeType = React.useMemo(function () {
-        if (!(selectedNode === null || selectedNode === void 0 ? void 0 : selectedNode.type)) {
-            return undefined;
-        }
-        return nodeTypes.find(function (nodeType) { return nodeType.type === selectedNode.type; });
-    }, [nodeTypes, selectedNode]);
-    var selectedTrigger = React.useMemo(function () {
-        var _a;
-        return ((_a = definitionDraft.triggers) !== null && _a !== void 0 ? _a : []).find(function (trigger) { return String(trigger.id) === selectedTriggerId; });
-    }, [definitionDraft.triggers, selectedTriggerId]);
-    var docsNodeType = React.useMemo(function () {
-        if (docsNodeTypeKey) {
-            return nodeTypes.find(function (nodeType) { return nodeType.type === docsNodeTypeKey; });
-        }
-        return selectedTrigger ? undefined : selectedNodeType !== null && selectedNodeType !== void 0 ? selectedNodeType : paletteNodeType;
-    }, [
-        docsNodeTypeKey,
-        nodeTypes,
-        paletteNodeType,
-        selectedNodeType,
-        selectedTrigger,
-    ]);
-    var docsModel = React.useMemo(function () {
-        if (selectedTrigger) {
-            return buildTriggerDocsModel(selectedTrigger);
-        }
-        if (!selectedNode && !selectedTrigger) {
-            return buildWorkflowDocsModel(definitionDraft);
-        }
-        return undefined;
-    }, [definitionDraft, selectedNode, selectedTrigger]);
-    var topologyDocsNodeType = React.useMemo(function () {
-        if (!topologyDocsNodeTypeKey) {
-            return undefined;
-        }
-        return nodeTypes.find(function (nodeType) { return nodeType.type === topologyDocsNodeTypeKey; });
-    }, [nodeTypes, topologyDocsNodeTypeKey]);
-    var workflowStats = React.useMemo(function () { return ({
-        nodeCount: countNodes(definitionDraft.nodes),
-        triggerCount: countTriggers(definitionDraft.triggers),
-        inputCount: definitionDraft.inputs && typeof definitionDraft.inputs === "object"
-            ? Array.isArray(definitionDraft.inputs)
-                ? definitionDraft.inputs.length
-                : Object.keys(definitionDraft.inputs).length
-            : 0,
-    }); }, [definitionDraft]);
-    var numericWorkflowDefinitionId = React.useMemo(function () {
-        var _a;
-        var candidate = (_a = record === null || record === void 0 ? void 0 : record.id) !== null && _a !== void 0 ? _a : Number(workflowDefinitionId);
-        var parsedCandidate = typeof candidate === "number" ? candidate : Number(candidate);
-        return Number.isFinite(parsedCandidate) ? parsedCandidate : null;
-    }, [record === null || record === void 0 ? void 0 : record.id, workflowDefinitionId]);
-    var validationTag = React.useMemo(function () {
-        if (validationState.status === "valid") {
-            return { tone: "success", label: "Validated" };
-        }
-        if (validationState.status === "invalid") {
-            return { tone: "danger", label: "Needs fixes" };
-        }
-        if (validationState.status === "validating") {
-            return { tone: undefined, label: "Validating" };
-        }
-        return { tone: undefined, label: "Not validated" };
-    }, [validationState.status]);
-    var loadWorkflowExecutions = React.useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!numericWorkflowDefinitionId) {
-                        return [2 /*return*/];
-                    }
-                    return [4 /*yield*/, triggerGetWorkflowExecutions(buildWorkflowExecutionQueryString({
-                            workflowDefinitionId: numericWorkflowDefinitionId,
-                            startDate: overviewStartDate,
-                            endDate: overviewEndDate,
-                        }))];
-                case 1:
-                    _a.sent();
-                    return [2 /*return*/];
-            }
-        });
-    }); }, [
-        numericWorkflowDefinitionId,
-        overviewEndDate,
-        overviewStartDate,
-        triggerGetWorkflowExecutions,
-    ]);
-    React.useEffect(function () {
-        if (!numericWorkflowDefinitionId || workflowDefinitionId === "new") {
-            return;
-        }
-        void triggerGetWorkflowExecutionPresence(buildWorkflowExecutionQueryString({
-            workflowDefinitionId: numericWorkflowDefinitionId,
-            limit: 1,
-        }));
-    }, [
-        numericWorkflowDefinitionId,
-        triggerGetWorkflowExecutionPresence,
-        workflowDefinitionId,
-    ]);
-    React.useEffect(function () {
-        if (detailTab !== "overview" ||
-            !numericWorkflowDefinitionId ||
-            workflowDefinitionId === "new") {
-            return;
-        }
-        void loadWorkflowExecutions();
-    }, [
-        detailTab,
-        loadWorkflowExecutions,
-        numericWorkflowDefinitionId,
-        workflowDefinitionId,
-    ]);
-    var executionRecords = React.useMemo(function () { var _a, _b; return ((_b = (_a = workflowExecutionsQuery.data) === null || _a === void 0 ? void 0 : _a.records) !== null && _b !== void 0 ? _b : []); }, [(_c = workflowExecutionsQuery.data) === null || _c === void 0 ? void 0 : _c.records]);
-    var hasExecutions = React.useMemo(function () { var _a, _b, _c; return ((_c = (_b = (_a = workflowExecutionPresenceQuery.data) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.totalRecords) !== null && _c !== void 0 ? _c : 0) > 0; }, [(_e = (_d = workflowExecutionPresenceQuery.data) === null || _d === void 0 ? void 0 : _d.meta) === null || _e === void 0 ? void 0 : _e.totalRecords]);
-    var executionOverview = React.useMemo(function () {
-        var totals = {
-            total: executionRecords.length,
-            success: 0,
-            failed: 0,
-            inProgress: 0,
-            pending: 0,
-            other: 0,
-            totalDurationMs: 0,
-            durationCount: 0,
-        };
-        for (var _i = 0, executionRecords_1 = executionRecords; _i < executionRecords_1.length; _i++) {
-            var execution = executionRecords_1[_i];
-            var category = getExecutionStatusCategory(execution.status);
-            totals[category] += 1;
-            var durationValue = typeof execution.durationMs === "string"
-                ? Number(execution.durationMs)
-                : execution.durationMs;
-            if (typeof durationValue === "number" &&
-                Number.isFinite(durationValue) &&
-                durationValue > 0) {
-                totals.totalDurationMs += durationValue;
-                totals.durationCount += 1;
-            }
-        }
-        var terminalCount = totals.success + totals.failed;
-        var successRatio = terminalCount ? Math.round((totals.success / terminalCount) * 100) : 0;
-        var failedRatio = terminalCount ? Math.round((totals.failed / terminalCount) * 100) : 0;
-        return __assign(__assign({}, totals), { successRatio: successRatio, failedRatio: failedRatio, averageDurationMs: totals.durationCount
-                ? Math.round(totals.totalDurationMs / totals.durationCount)
-                : null, latestExecution: executionRecords[0] });
-    }, [executionRecords]);
-    var overviewDateFilterLabel = React.useMemo(function () {
-        if (!overviewStartDate && !overviewEndDate) {
-            return "All dates";
-        }
-        var formatDateOnly = function (value) {
-            return value
-                ? value.toLocaleDateString(undefined, {
-                    year: "numeric",
-                    month: "short",
-                    day: "numeric",
-                })
-                : null;
-        };
-        var start = formatDateOnly(overviewStartDate);
-        var end = formatDateOnly(overviewEndDate);
-        if (start && end) {
-            return "".concat(start, " - ").concat(end);
-        }
-        if (start) {
-            return "From ".concat(start);
-        }
-        return "Until ".concat(end);
-    }, [overviewEndDate, overviewStartDate]);
-    var syncDraftToCode = React.useCallback(function (nextDraft) {
-        setDefinitionDraft(nextDraft);
-        setCodeValue(serializeWorkflowDefinitionYaml(nextDraft));
-        setCodeError(null);
-        setValidationState({ status: "idle", errors: [] });
-    }, []);
-    var handleSaveWorkflowSettings = React.useCallback(function () {
-        var _a;
-        try {
-            var nextInputs = parseYamlValue(workflowInputsValue, {});
-            var nextVariables = parseYamlValue(workflowVariablesValue, {});
-            var nextTriggers = parseYamlValue(workflowTriggersValue, []);
-            if (!Array.isArray(nextTriggers)) {
-                throw new Error("Triggers must be a YAML sequence.");
-            }
-            var nextDraft = __assign(__assign({}, definitionDraft), { description: workflowDescription, inputs: nextInputs, variables: nextVariables, triggers: nextTriggers });
-            syncDraftToCode(nextDraft);
-            setWorkflowSettingsOpen(false);
-            dispatch(showToast({
-                severity: "success",
-                summary: "Workflow settings updated",
-                detail: "Inputs, variables, and triggers were updated in the draft.",
-            }));
-        }
-        catch (error) {
-            dispatch(showToast({
-                severity: "error",
-                summary: "Invalid workflow settings",
-                detail: (_a = error === null || error === void 0 ? void 0 : error.message) !== null && _a !== void 0 ? _a : "Fix the workflow-level YAML blocks before saving the settings.",
-            }));
-        }
-    }, [
-        definitionDraft,
-        dispatch,
-        syncDraftToCode,
-        workflowDescription,
-        workflowInputsValue,
-        workflowTriggersValue,
-        workflowVariablesValue,
-    ]);
-    var handleCodeChange = function (nextValue) {
-        var _a, _b;
-        var safeValue = nextValue !== null && nextValue !== void 0 ? nextValue : "";
-        setCodeValue(safeValue);
-        try {
-            var parsed = YAML.parse(safeValue);
-            var normalized = normalizeWorkflowDefinition(parsed);
-            setDefinitionDraft(normalized);
-            setCodeError(null);
-            setValidationState({ status: "idle", errors: [] });
-        }
-        catch (error) {
-            setCodeError((_a = error === null || error === void 0 ? void 0 : error.message) !== null && _a !== void 0 ? _a : "Invalid YAML");
-            setValidationState({
-                status: "invalid",
-                source: "client",
-                message: "Definition YAML is invalid.",
-                errors: [(_b = error === null || error === void 0 ? void 0 : error.message) !== null && _b !== void 0 ? _b : "Invalid YAML"],
-            });
-        }
-    };
-    var startTopologySplitResize = React.useCallback(function (event) {
-        event.preventDefault();
-        var container = topologySplitRef.current;
-        if (!container) {
-            return;
-        }
-        var handleMouseMove = function (moveEvent) {
-            var rect = container.getBoundingClientRect();
-            if (!rect.width) {
-                return;
-            }
-            var nextPercent = ((moveEvent.clientX - rect.left) / rect.width) * 100;
-            setTopologySplitPercent(Math.min(78, Math.max(22, nextPercent)));
-        };
-        var handleMouseUp = function () {
-            document.removeEventListener("mousemove", handleMouseMove);
-            document.removeEventListener("mouseup", handleMouseUp);
-        };
-        document.addEventListener("mousemove", handleMouseMove);
-        document.addEventListener("mouseup", handleMouseUp);
-    }, []);
-    var createNodeFromType = function (nodeType) {
-        var _a, _b, _c, _d, _e, _f;
-        var nextNode = {
-            id: buildNodeId(nodeType.type, definitionDraft),
-            kind: nodeType.kind,
-            type: nodeType.type,
-            name: (_a = nodeType.label) !== null && _a !== void 0 ? _a : nodeType.type,
-            description: (_b = nodeType.description) !== null && _b !== void 0 ? _b : "",
-            configuration: (_d = (_c = nodeType.authoring) === null || _c === void 0 ? void 0 : _c.defaultConfiguration) !== null && _d !== void 0 ? _d : {},
-        };
-        ((_f = (_e = nodeType.authoring) === null || _e === void 0 ? void 0 : _e.childSlots) !== null && _f !== void 0 ? _f : []).forEach(function (slot) {
-            var _a, _b;
-            if (slot.kind === "branch-collection") {
-                var branchCount = Math.max((_a = slot.minItems) !== null && _a !== void 0 ? _a : 0, slot.required ? 1 : 0);
-                nextNode.branches = Array.from({ length: branchCount }, function (_, index) { return ({
-                    id: "".concat(nextNode.id, "Branch").concat(index + 1),
-                    name: "Branch ".concat(index + 1),
-                    nodes: [],
-                }); });
-                return;
-            }
-            nextNode[slot.key] = (_b = nextNode[slot.key]) !== null && _b !== void 0 ? _b : [];
-        });
-        return nextNode;
-    };
-    var validateCurrentDefinition = React.useCallback(function (options) { return __awaiter(_this, void 0, void 0, function () {
-        var nextState, clientErrors, nextState, response, nextState, error_1, detail, nextState;
-        var _a, _b, _c, _d;
-        return __generator(this, function (_e) {
-            switch (_e.label) {
-                case 0:
-                    if (codeError) {
-                        nextState = {
-                            status: "invalid",
-                            source: "client",
-                            message: "Definition YAML is invalid.",
-                            errors: [codeError],
-                        };
-                        setValidationState(nextState);
-                        setActivePanel("code");
-                        return [2 /*return*/, { valid: false, errors: nextState.errors }];
-                    }
-                    setValidationState({
-                        status: "validating",
-                        errors: [],
-                        message: "Validating workflow definition...",
-                    });
-                    clientErrors = validateWorkflowDefinitionClient(__assign(__assign({}, definitionDraft), { description: workflowDescription }), nodeTypes, workflowKey);
-                    if (clientErrors.length) {
-                        nextState = {
-                            status: "invalid",
-                            source: "client",
-                            message: "Client-side validation failed.",
-                            errors: clientErrors,
-                        };
-                        setValidationState(nextState);
-                        setActivePanel("flow");
-                        return [2 /*return*/, { valid: false, errors: clientErrors }];
-                    }
-                    _e.label = 1;
-                case 1:
-                    _e.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, validateWorkflowDefinition({
-                            definitionYaml: serializeWorkflowDefinitionYaml(__assign(__assign({}, definitionDraft), { description: workflowDescription })),
-                        }).unwrap()];
-                case 2:
-                    response = _e.sent();
-                    nextState = {
-                        status: "valid",
-                        source: "server",
-                        message: (_a = response === null || response === void 0 ? void 0 : response.message) !== null && _a !== void 0 ? _a : "Workflow definition is valid.",
-                        errors: [],
-                    };
-                    setValidationState(nextState);
-                    if (options === null || options === void 0 ? void 0 : options.showSuccessToast) {
-                        dispatch(showToast({
-                            severity: "success",
-                            summary: "Validation passed",
-                            detail: nextState.message,
-                        }));
-                    }
-                    return [2 /*return*/, { valid: true, errors: [] }];
-                case 3:
-                    error_1 = _e.sent();
-                    detail = (_d = (_c = (_b = error_1 === null || error_1 === void 0 ? void 0 : error_1.data) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : error_1 === null || error_1 === void 0 ? void 0 : error_1.message) !== null && _d !== void 0 ? _d : "Workflow validation failed on the server.";
-                    nextState = {
-                        status: "invalid",
-                        source: "server",
-                        message: detail,
-                        errors: [detail],
-                    };
-                    setValidationState(nextState);
-                    setActivePanel("flow");
-                    return [2 /*return*/, { valid: false, errors: [detail] }];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); }, [
-        codeError,
-        definitionDraft,
-        dispatch,
-        nodeTypes,
-        validateWorkflowDefinition,
-        workflowDescription,
-        workflowKey,
-    ]);
-    var handleInsertNode = function (target) {
-        if (!paletteNodeType) {
-            dispatch(showToast({
-                severity: "warn",
-                summary: "Pick a node type",
-                detail: "Select a node type from the palette before inserting into the flow.",
-            }));
-            return;
-        }
-        var nextNode = createNodeFromType(paletteNodeType);
-        var nextDraft = insertNodeIntoDefinition(definitionDraft, target, nextNode);
-        syncDraftToCode(nextDraft);
-        setSelectedNodeId(nextNode.id);
-        setDocsNodeTypeKey(nextNode.type);
-        setEditorOpen(true);
-        setActivePanel("flow");
-    };
-    var handleAddBranch = function (parentNodeId) {
-        var nextDraft = appendBranchToDefinition(definitionDraft, parentNodeId);
-        syncDraftToCode(nextDraft);
-    };
-    var handleUpdateSelectedNode = function (nextNode) {
-        if (!selectedNode) {
-            return;
-        }
-        var nextDraft = __assign(__assign({}, definitionDraft), { nodes: updateNodeById(definitionDraft.nodes, selectedNode.id, function () { return nextNode; }) });
-        syncDraftToCode(nextDraft);
-        setSelectedNodeId(nextNode.id);
-        setDocsNodeTypeKey(nextNode.type);
-    };
-    var handleRemoveNode = function (nodeId) {
-        var nextDraft = __assign(__assign({}, definitionDraft), { nodes: removeNodeById(definitionDraft.nodes, nodeId) });
-        syncDraftToCode(nextDraft);
-        if (selectedNodeId === nodeId) {
-            setSelectedNodeId(getFirstNodeId(nextDraft.nodes));
-        }
-    };
-    var handleSave = function () { return __awaiter(_this, void 0, void 0, function () {
-        var validation, payload, result, createdId, error_2;
-        var _a, _b, _c, _d, _e, _f;
-        return __generator(this, function (_g) {
-            switch (_g.label) {
-                case 0: return [4 /*yield*/, validateCurrentDefinition()];
-                case 1:
-                    validation = _g.sent();
-                    if (!validation.valid) {
-                        dispatch(showToast({
-                            severity: "error",
-                            summary: "Validation failed",
-                            detail: (_a = validation.errors[0]) !== null && _a !== void 0 ? _a : "Fix validation errors before saving.",
-                        }));
-                        return [2 /*return*/];
-                    }
-                    payload = {
-                        key: workflowKey,
-                        displayName: workflowDisplayName,
-                        description: workflowDescription,
-                        definitionYaml: serializeWorkflowDefinitionYaml(__assign(__assign({}, definitionDraft), { description: workflowDescription })),
-                    };
-                    _g.label = 2;
-                case 2:
-                    _g.trys.push([2, 7, , 8]);
-                    if (!(record === null || record === void 0 ? void 0 : record.id)) return [3 /*break*/, 4];
-                    return [4 /*yield*/, updateWorkflowDefinition({
-                            id: record.id,
-                            data: __assign(__assign({}, record), payload),
-                        }).unwrap()];
-                case 3:
-                    _g.sent();
-                    dispatch(showToast({
-                        severity: "success",
-                        summary: "Saved",
-                        detail: "Workflow definition updated successfully.",
-                    }));
-                    refetch();
-                    return [3 /*break*/, 6];
-                case 4: return [4 /*yield*/, createWorkflowDefinition(payload).unwrap()];
-                case 5:
-                    result = _g.sent();
-                    createdId = (_c = (_b = result === null || result === void 0 ? void 0 : result.data) === null || _b === void 0 ? void 0 : _b.id) !== null && _c !== void 0 ? _c : result === null || result === void 0 ? void 0 : result.id;
-                    dispatch(showToast({
-                        severity: "success",
-                        summary: "Created",
-                        detail: "Workflow definition created successfully.",
-                    }));
-                    if (createdId) {
-                        navigate("/admin/core/".concat(moduleName, "/workflow-definition/editor/").concat(createdId), { replace: true });
-                    }
-                    _g.label = 6;
-                case 6: return [3 /*break*/, 8];
-                case 7:
-                    error_2 = _g.sent();
-                    dispatch(showToast({
-                        severity: "error",
-                        summary: "Save failed",
-                        detail: (_f = (_e = (_d = error_2 === null || error_2 === void 0 ? void 0 : error_2.data) === null || _d === void 0 ? void 0 : _d.message) !== null && _e !== void 0 ? _e : error_2 === null || error_2 === void 0 ? void 0 : error_2.message) !== null && _f !== void 0 ? _f : "Failed to save workflow definition.",
-                    }));
-                    return [3 /*break*/, 8];
-                case 8: return [2 /*return*/];
-            }
-        });
-    }); };
-    var handleExecute = function () { return __awaiter(_this, void 0, void 0, function () {
-        var validation, response, error_3;
-        var _a, _b, _c, _d, _e, _f;
-        return __generator(this, function (_g) {
-            switch (_g.label) {
-                case 0:
-                    if (!(record === null || record === void 0 ? void 0 : record.id)) {
-                        dispatch(showToast({
-                            severity: "warn",
-                            summary: "Save first",
-                            detail: "Create the workflow definition before launching execution.",
-                        }));
-                        return [2 /*return*/];
-                    }
-                    return [4 /*yield*/, validateCurrentDefinition()];
-                case 1:
-                    validation = _g.sent();
-                    if (!validation.valid) {
-                        dispatch(showToast({
-                            severity: "error",
-                            summary: "Execution blocked",
-                            detail: (_a = validation.errors[0]) !== null && _a !== void 0 ? _a : "Workflow validation failed.",
-                        }));
-                        return [2 /*return*/];
-                    }
-                    _g.label = 2;
-                case 2:
-                    _g.trys.push([2, 4, , 5]);
-                    return [4 /*yield*/, executeWorkflowDefinition({ id: record.id }).unwrap()];
-                case 3:
-                    response = _g.sent();
-                    dispatch(showToast({
-                        severity: (response === null || response === void 0 ? void 0 : response.status) === "failed" ? "error" : "success",
-                        summary: (response === null || response === void 0 ? void 0 : response.status) === "failed"
-                            ? "Execution failed"
-                            : "Execution started",
-                        detail: (_c = (_b = response === null || response === void 0 ? void 0 : response.executionIdentifier) !== null && _b !== void 0 ? _b : response === null || response === void 0 ? void 0 : response.errorSummary) !== null && _c !== void 0 ? _c : "Workflow execution request completed.",
-                    }));
-                    return [3 /*break*/, 5];
-                case 4:
-                    error_3 = _g.sent();
-                    dispatch(showToast({
-                        severity: "error",
-                        summary: "Execution failed",
-                        detail: (_f = (_e = (_d = error_3 === null || error_3 === void 0 ? void 0 : error_3.data) === null || _d === void 0 ? void 0 : _d.message) !== null && _e !== void 0 ? _e : error_3 === null || error_3 === void 0 ? void 0 : error_3.message) !== null && _f !== void 0 ? _f : "Failed to execute workflow definition.",
-                    }));
-                    return [3 /*break*/, 5];
-                case 5: return [2 /*return*/];
-            }
-        });
-    }); };
-    var renderPlaceholderTab = function (label, message) { return (_jsxs("div", { className: "workflow-editor-placeholder", children: [_jsx("div", { className: "workflow-editor-placeholder__icon", children: _jsx(Activity, { size: 20 }) }), _jsxs("div", { className: "workflow-editor-placeholder__copy", children: [_jsx("h3", { children: label }), _jsx("p", { children: message })] })] })); };
-    var overviewContent = workflowDefinitionId === "new" ? (_jsx("div", { className: "workflow-editor-overview workflow-editor-overview--empty", children: _jsxs("div", { className: "workflow-editor-overview-cta", children: [_jsx("div", { className: "workflow-editor-overview-cta__art", children: _jsx(Save, { size: 26 }) }), _jsxs("div", { className: "workflow-editor-overview-cta__copy", children: [_jsx("h2", { children: "Save this workflow to unlock the overview." }), _jsx("p", { children: "Once this definition exists, the overview tab will switch to execution analytics, KPI summaries, and date-based filtering." })] }), _jsxs("div", { className: "workflow-editor-overview-cta__actions", children: [_jsx(SolidButton, { leftIcon: _jsx(Save, { size: 16 }), onClick: handleSave, children: "Save Workflow" }), _jsx(SolidButton, { variant: "outline", onClick: function () { return setDetailTab("edit"); }, children: "Continue Editing" })] })] }) })) : !hasExecutions ? (_jsxs("div", { className: "workflow-editor-overview workflow-editor-overview--empty", children: [_jsxs("div", { className: "workflow-editor-overview-cta", children: [_jsx("div", { className: "workflow-editor-overview-cta__art", children: _jsx(GitBranchPlus, { size: 28 }) }), _jsxs("div", { className: "workflow-editor-overview-cta__copy", children: [_jsx("h2", { children: workflowDisplayName || (record === null || record === void 0 ? void 0 : record.displayName) || workflowKey || "Workflow" }), _jsx("p", { children: "Run the workflow once to unlock execution history, operational KPIs, and workflow activity for this definition." })] }), _jsxs("div", { className: "workflow-editor-overview-cta__actions", children: [_jsx(SolidButton, { leftIcon: _jsx(Play, { size: 16 }), loading: isExecuting, onClick: function () { return void handleExecute(); }, children: "Execute Workflow" }), _jsx(SolidButton, { variant: "outline", onClick: function () { return setDetailTab("edit"); }, children: "Open Builder" })] })] }), _jsxs("div", { className: "workflow-editor-overview-guides", children: [_jsxs("div", { className: "workflow-editor-overview-guide-card", children: [_jsx("h3", { children: "Overview" }), _jsx("p", { children: "Execution KPIs and health snapshots appear here after the first successful run." })] }), _jsxs("div", { className: "workflow-editor-overview-guide-card", children: [_jsx("h3", { children: "Edit" }), _jsx("p", { children: "Refine YAML, topology, nodes, inputs, and triggers inside the builder workspace." })] }), _jsxs("div", { className: "workflow-editor-overview-guide-card", children: [_jsx("h3", { children: "Executions" }), _jsx("p", { children: "Execution history and drill-downs will become available as runs accumulate." })] })] })] })) : (_jsxs("div", { className: "workflow-editor-overview", children: [_jsxs("div", { className: "workflow-editor-overview-filterbar", children: [_jsxs("div", { className: "workflow-editor-overview-filterbar__left", children: [_jsxs("div", { className: "workflow-editor-overview-filter", children: [_jsx("label", { children: "Date From" }), _jsx(SolidDatePicker, { selected: overviewStartDate, onChange: function (date) { return setOverviewStartDate(date); }, placeholderText: "Start date" })] }), _jsxs("div", { className: "workflow-editor-overview-filter", children: [_jsx("label", { children: "Date To" }), _jsx(SolidDatePicker, { selected: overviewEndDate, onChange: function (date) { return setOverviewEndDate(date); }, placeholderText: "End date" })] }), _jsx(SolidButton, { size: "small", variant: "outline", onClick: loadWorkflowExecutions, children: "Apply" }), (overviewStartDate || overviewEndDate) && (_jsx(SolidButton, { size: "small", variant: "ghost", onClick: function () {
-                                    setOverviewStartDate(null);
-                                    setOverviewEndDate(null);
-                                }, children: "Clear" }))] }), _jsxs("div", { className: "workflow-editor-overview-filterbar__right", children: [_jsx(SolidTag, { children: overviewDateFilterLabel }), _jsx(SolidButton, { size: "small", variant: "outline", leftIcon: _jsx(RefreshCw, { size: 14 }), loading: workflowExecutionsQuery.isFetching, onClick: loadWorkflowExecutions, children: "Refresh" })] })] }), _jsxs("div", { className: "workflow-editor-overview-stats", children: [_jsxs("div", { className: "workflow-editor-overview-stat", children: [_jsx("span", { className: "workflow-editor-overview-stat-label", children: "Success Ratio" }), _jsxs("strong", { className: "workflow-editor-overview-stat-value", children: [executionOverview.successRatio, "%"] }), _jsxs("span", { className: "workflow-editor-overview-stat-meta", children: [executionOverview.success, " successful runs"] })] }), _jsxs("div", { className: "workflow-editor-overview-stat", children: [_jsx("span", { className: "workflow-editor-overview-stat-label", children: "Failed Ratio" }), _jsxs("strong", { className: "workflow-editor-overview-stat-value", children: [executionOverview.failedRatio, "%"] }), _jsxs("span", { className: "workflow-editor-overview-stat-meta", children: [executionOverview.failed, " failed runs"] })] }), _jsxs("div", { className: "workflow-editor-overview-stat", children: [_jsx("span", { className: "workflow-editor-overview-stat-label", children: "In Progress" }), _jsx("strong", { className: "workflow-editor-overview-stat-value", children: executionOverview.inProgress }), _jsx("span", { className: "workflow-editor-overview-stat-meta", children: "Currently running executions" })] }), _jsxs("div", { className: "workflow-editor-overview-stat", children: [_jsx("span", { className: "workflow-editor-overview-stat-label", children: "Pending" }), _jsx("strong", { className: "workflow-editor-overview-stat-value", children: executionOverview.pending }), _jsx("span", { className: "workflow-editor-overview-stat-meta", children: "Created or queued executions" })] })] }), _jsxs("div", { className: "workflow-editor-overview-grid", children: [_jsx(SolidPanel, { header: "Workflow Summary", children: _jsxs("div", { className: "workflow-editor-overview-section", children: [_jsxs("div", { className: "workflow-editor-overview-kv", children: [_jsx("span", { children: "Workflow" }), _jsx("strong", { children: workflowDisplayName || (record === null || record === void 0 ? void 0 : record.displayName) || workflowKey })] }), _jsxs("div", { className: "workflow-editor-overview-kv", children: [_jsx("span", { children: "Total Executions" }), _jsx("strong", { children: (_h = (_g = (_f = workflowExecutionPresenceQuery.data) === null || _f === void 0 ? void 0 : _f.meta) === null || _g === void 0 ? void 0 : _g.totalRecords) !== null && _h !== void 0 ? _h : 0 })] }), _jsxs("div", { className: "workflow-editor-overview-kv", children: [_jsx("span", { children: "Executions In Range" }), _jsx("strong", { children: (_l = (_k = (_j = workflowExecutionsQuery.data) === null || _j === void 0 ? void 0 : _j.meta) === null || _k === void 0 ? void 0 : _k.totalRecords) !== null && _l !== void 0 ? _l : 0 })] }), _jsxs("div", { className: "workflow-editor-overview-kv", children: [_jsx("span", { children: "Average Duration" }), _jsx("strong", { children: formatDurationMs(executionOverview.averageDurationMs) })] }), _jsx("div", { className: "workflow-editor-overview-description", children: workflowDescription ||
-                                        (record === null || record === void 0 ? void 0 : record.description) ||
-                                        definitionDraft.description ||
-                                        "No workflow description has been added yet." })] }) }), _jsx(SolidPanel, { header: "Latest Execution", children: executionOverview.latestExecution ? (_jsxs("div", { className: "workflow-editor-overview-section", children: [_jsxs("div", { className: "workflow-editor-overview-kv", children: [_jsx("span", { children: "Status" }), _jsx("strong", { children: (_m = executionOverview.latestExecution.status) !== null && _m !== void 0 ? _m : "Unknown" })] }), _jsxs("div", { className: "workflow-editor-overview-kv", children: [_jsx("span", { children: "Started" }), _jsx("strong", { children: formatExecutionDate(executionOverview.latestExecution.startedAt) })] }), _jsxs("div", { className: "workflow-editor-overview-kv", children: [_jsx("span", { children: "Finished" }), _jsx("strong", { children: formatExecutionDate(executionOverview.latestExecution.finishedAt) })] }), _jsxs("div", { className: "workflow-editor-overview-kv", children: [_jsx("span", { children: "Trigger Type" }), _jsx("strong", { children: (_o = executionOverview.latestExecution.triggerType) !== null && _o !== void 0 ? _o : "manual" })] })] })) : (_jsx("div", { className: "workflow-editor-empty-state workflow-editor-empty-state--compact", children: "No executions match the current date filter." })) }), _jsx(SolidPanel, { header: "Recent Executions", children: workflowExecutionsQuery.isFetching && !executionRecords.length ? (_jsx("div", { className: "workflow-editor-loading", children: _jsx(SolidSpinner, {}) })) : executionRecords.length ? (_jsx("div", { className: "workflow-editor-overview-list", children: executionRecords.slice(0, 6).map(function (execution, index) {
-                                var _a;
-                                return (_jsxs("div", { className: "workflow-editor-overview-list-item", children: [_jsx("div", { className: "workflow-editor-overview-list-index", children: index + 1 }), _jsxs("div", { className: "workflow-editor-overview-list-copy", children: [_jsx("strong", { children: (_a = execution.status) !== null && _a !== void 0 ? _a : "Unknown" }), _jsx("span", { children: formatExecutionDate(execution.startedAt || execution.createdAt) })] }), _jsx(SolidTag, { children: formatDurationMs(execution.durationMs) })] }, execution.id));
-                            }) })) : (_jsx("div", { className: "workflow-editor-empty-state workflow-editor-empty-state--compact", children: "No executions match the current date filter." })) }), _jsx(SolidPanel, { header: "Actions", children: _jsxs("div", { className: "workflow-editor-overview-actions", children: [_jsx(SolidButton, { leftIcon: _jsx(Play, { size: 16 }), loading: isExecuting, onClick: function () { return void handleExecute(); }, children: "Execute Again" }), _jsx(SolidButton, { variant: "outline", onClick: function () { return setDetailTab("edit"); }, children: "Open Builder" }), _jsx(SolidButton, { variant: "outline", leftIcon: _jsx(Settings2, { size: 16 }), onClick: function () { return setWorkflowSettingsOpen(true); }, children: "Workflow Settings" })] }) })] })] }));
-    var hasTopologyGraph = definitionDraft.nodes.length || ((_q = (_p = definitionDraft.triggers) === null || _p === void 0 ? void 0 : _p.length) !== null && _q !== void 0 ? _q : 0) > 0;
-    var topologyCanvasView = hasTopologyGraph ? (_jsx("div", { className: "workflow-editor-canvas-shell workflow-editor-canvas-shell--readonly", children: _jsx(WorkflowFlowCanvas, { definition: definitionDraft, nodeTypes: nodeTypes, selectedNodeId: selectedNodeId, selectedTriggerId: selectedTriggerId, onSelectNode: function (nodeId) {
-                setSelectedNodeId(nodeId);
-                setSelectedTriggerId("");
-                var node = findNodeById(definitionDraft.nodes, nodeId);
-                if (node === null || node === void 0 ? void 0 : node.type) {
-                    setDocsNodeTypeKey(node.type);
-                }
-            }, onSelectTrigger: function (triggerId) {
-                setSelectedTriggerId(triggerId);
-                setSelectedNodeId("");
-                setDocsNodeTypeKey("");
-            }, onEditNode: function () { }, onDeleteNode: function () { }, onViewDocs: function (nodeId) {
-                var node = findNodeById(definitionDraft.nodes, nodeId);
-                if (node === null || node === void 0 ? void 0 : node.type) {
-                    setSelectedNodeId(nodeId);
-                    setSelectedTriggerId("");
-                    setDocsNodeTypeKey(node.type);
-                    setTopologyDocsNodeTypeKey(node.type);
-                    setTopologyDocsModel(undefined);
-                    setTopologyDocsOpen(true);
-                }
-            }, onViewTriggerDocs: function (triggerId) {
-                var _a;
-                var trigger = ((_a = definitionDraft.triggers) !== null && _a !== void 0 ? _a : []).find(function (item) { return String(item.id) === triggerId; });
-                setSelectedTriggerId(triggerId);
-                setSelectedNodeId("");
-                setDocsNodeTypeKey("");
-                setTopologyDocsNodeTypeKey("");
-                setTopologyDocsModel(trigger ? buildTriggerDocsModel(trigger) : undefined);
-                setTopologyDocsOpen(true);
-            }, onInsertNode: function () { }, onAddBranch: function () { }, readOnly: true }) })) : (_jsxs("div", { className: "workflow-editor-placeholder workflow-editor-placeholder--topology", children: [_jsx("div", { className: "workflow-editor-placeholder__icon", children: _jsx(Activity, { size: 20 }) }), _jsxs("div", { className: "workflow-editor-placeholder__copy", children: [_jsx("h3", { children: "Topology" }), _jsx("p", { children: "Save or add workflow nodes to generate a read-only topology view." })] })] }));
-    var topologyYamlEditorView = (_jsxs("div", { className: "workflow-editor-topology-code", children: [_jsxs("div", { className: "workflow-editor-topology-code__header", children: [_jsx("span", { children: "Definition YAML" }), codeError ? (_jsx(SolidTag, { tone: "danger", children: "Invalid" })) : (_jsx(SolidTag, { tone: "success", children: "Synced" }))] }), _jsx(SolidCodeEditor, { language: "yaml", height: "100%", fontSize: 12, value: codeValue, onChange: handleCodeChange }), codeError ? _jsx("div", { className: "workflow-editor-error", children: codeError }) : null] }));
-    var topologyContent = (_jsxs("div", { className: "workflow-editor-topology-tab", children: [_jsxs("div", { className: "workflow-editor-topology-actionbar", children: [_jsx("div", { className: "workflow-editor-topology-actionbar__spacer" }), _jsxs("div", { className: "workflow-editor-view-toggle", "aria-label": "Topology views", children: [_jsx("button", { type: "button", className: "workflow-editor-view-toggle__button ".concat(topologyViewOpen ? "is-active" : ""), "aria-label": topologyViewOpen ? "Hide topology view" : "Show topology view", title: topologyViewOpen ? "Hide topology view" : "Show topology view", onClick: function () { return setTopologyViewOpen(function (current) { return !current; }); }, children: _jsx(Layers3, { size: 14 }) }), _jsx("button", { type: "button", className: "workflow-editor-view-toggle__button ".concat(topologyYamlViewOpen ? "is-active" : ""), "aria-label": topologyYamlViewOpen ? "Hide YAML editor" : "Show YAML editor", title: topologyYamlViewOpen ? "Hide YAML editor" : "Show YAML editor", onClick: function () { return setTopologyYamlViewOpen(function (current) { return !current; }); }, children: _jsx(Braces, { size: 14 }) })] })] }), topologyViewOpen && topologyYamlViewOpen ? (_jsxs("div", { ref: topologySplitRef, className: "workflow-editor-topology-split", style: {
-                    gridTemplateColumns: "".concat(topologySplitPercent, "% 0.45rem minmax(0, 1fr)"),
-                }, children: [_jsx("div", { className: "workflow-editor-topology-pane", children: topologyCanvasView }), _jsx("div", { className: "workflow-editor-topology-resizer", role: "separator", "aria-orientation": "vertical", "aria-label": "Resize topology and YAML views", onMouseDown: startTopologySplitResize }), _jsx("div", { className: "workflow-editor-topology-pane", children: topologyYamlEditorView })] })) : topologyViewOpen ? (_jsx("div", { className: "workflow-editor-topology-single", children: topologyCanvasView })) : topologyYamlViewOpen ? (_jsx("div", { className: "workflow-editor-topology-single", children: topologyYamlEditorView })) : (_jsxs("div", { className: "workflow-editor-placeholder", children: [_jsx("div", { className: "workflow-editor-placeholder__icon", children: _jsx(Layers3, { size: 20 }) }), _jsxs("div", { className: "workflow-editor-placeholder__copy", children: [_jsx("h3", { children: "No topology view selected" }), _jsx("p", { children: "Use the view toggles above to show the topology canvas or YAML editor." })] })] }))] }));
-    var detailTabs = [
-        { value: "overview", label: "Overview", content: overviewContent },
-        {
-            value: "topology",
-            label: "Topology",
-            content: topologyContent,
-        },
-        {
-            value: "executions",
-            label: "Executions",
-            content: renderPlaceholderTab("Executions", "Execution history and drill-downs will land here in the next pass."),
-        },
-        { value: "edit", label: "Edit", content: null },
-        {
-            value: "revisions",
-            label: "Revisions",
-            content: renderPlaceholderTab("Revisions", "Revision history is not wired yet, but the tab shell is ready."),
-        },
-        {
-            value: "triggers",
-            label: "Triggers",
-            content: renderPlaceholderTab("Triggers", "Trigger management will be added here after the overview pass is settled."),
-        },
-        {
-            value: "logs",
-            label: "Logs",
-            content: renderPlaceholderTab("Logs", "Workflow-level log browsing will be added in a later pass."),
-        },
-        {
-            value: "metrics",
-            label: "Metrics",
-            content: renderPlaceholderTab("Metrics", "Metrics will appear here once the backing persistence is introduced."),
-        },
-    ];
-    if (isWorkflowDefinitionLoading || isNodeTypesLoading) {
-        return (_jsx("div", { className: "workflow-editor-page workflow-editor-page--loading", children: _jsx(SolidSpinner, {}) }));
-    }
-    if (isNodeTypesError) {
-        return (_jsx("div", { className: "workflow-editor-page", children: _jsx("div", { className: "workflow-editor-empty-state", children: "Failed to load workflow node types." }) }));
-    }
-    return (_jsxs("div", { className: "workflow-editor-page", children: [_jsxs("div", { className: "workflow-editor-header", children: [_jsx("div", { className: "workflow-editor-header-main", children: _jsx(SolidButton, { size: "small", variant: "ghost", leftIcon: _jsx(ArrowLeft, { size: 16 }), onClick: function () {
-                                return navigate("/admin/core/".concat(moduleName, "/workflow-definition/list"));
-                            }, children: "Back" }) }), _jsxs("div", { className: "workflow-editor-header-actions", children: [_jsx(SolidButton, { size: "small", variant: "outline", leftIcon: _jsx(Settings2, { size: 16 }), onClick: function () { return setWorkflowSettingsOpen(true); }, children: "Workflow" }), _jsx(SolidButton, { size: "small", variant: "outline", leftIcon: _jsx(BookOpen, { size: 16 }), onClick: function () {
-                                    setDetailTab("edit");
-                                    setDocsOpen(true);
-                                    setActivePanel("docs");
-                                }, children: "Docs" }), _jsx(SolidButton, { size: "small", variant: "outline", leftIcon: _jsx(ShieldCheck, { size: 16 }), loading: isServerValidating, onClick: function () { return void validateCurrentDefinition({ showSuccessToast: true }); }, children: "Validate" }), _jsx(SolidButton, { size: "small", variant: "outline", leftIcon: _jsx(Play, { size: 16 }), loading: isExecuting, onClick: function () { return void handleExecute(); }, children: "Run" }), _jsx(SolidButton, { size: "small", leftIcon: _jsx(Save, { size: 16 }), loading: isSaving || isCreating, onClick: handleSave, children: "Save" })] })] }), _jsx("div", { className: "workflow-editor-detail-tabs", children: _jsx(SolidTabGroup, { tabs: detailTabs.map(function (tab) { return ({
-                        value: tab.value,
-                        label: tab.label,
-                        content: tab.value === "edit" ? null : tab.content,
-                    }); }), value: detailTab, onValueChange: function (value) { return setDetailTab(value); }, listClassName: "workflow-editor-detail-tabs__list", panelClassName: "workflow-editor-detail-tabs__panel" }) }), detailTab === "edit" ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "workflow-editor-focus-switcher", children: ["flow", "code", "docs"].map(function (panel) { return (_jsx("button", { type: "button", className: "workflow-editor-focus-pill ".concat(activePanel === panel ? "is-active" : ""), onClick: function () { return setActivePanel(panel); }, children: panel === "flow" ? "Flow" : panel === "code" ? "Code" : "Docs" }, panel)); }) }), _jsxs("div", { className: "workflow-editor-shell workflow-editor-shell--two-panel ".concat(codePaneOpen ? "workflow-editor-shell--code-open" : "workflow-editor-shell--code-collapsed"), children: [_jsxs("section", { className: "workflow-editor-surface workflow-editor-surface--code ".concat(activePanel === "code" ? "is-active" : ""), children: [_jsxs("div", { className: "workflow-editor-surface-header", children: [_jsxs("div", { children: [_jsx("div", { className: "workflow-editor-surface-eyebrow", children: "Code" }), _jsx("h2", { className: "workflow-editor-surface-title", children: "Definition YAML" })] }), codeError ? (_jsx(SolidTag, { tone: "danger", children: "Invalid YAML" })) : (_jsx(SolidTag, { tone: "success", children: "Synced" }))] }), _jsxs("div", { className: "workflow-editor-surface-body", children: [_jsxs(SolidPanel, { header: "Workflow Identity", children: [_jsxs("div", { className: "workflow-editor-form-grid", children: [_jsxs("div", { className: "workflow-editor-field", children: [_jsx("label", { children: "Key" }), _jsx(SolidInput, { value: workflowKey, onChange: function (event) { return setWorkflowKey(event.target.value); } })] }), _jsxs("div", { className: "workflow-editor-field", children: [_jsx("label", { children: "Display Name" }), _jsx(SolidInput, { value: workflowDisplayName, onChange: function (event) { return setWorkflowDisplayName(event.target.value); } })] })] }), _jsxs("div", { className: "workflow-editor-field", children: [_jsx("label", { children: "Description" }), _jsx(SolidTextarea, { value: workflowDescription, onChange: function (event) { return setWorkflowDescription(event.target.value); } })] })] }), _jsxs(SolidPanel, { header: "Definition YAML", children: [_jsx(SolidCodeEditor, { language: "yaml", height: "calc(100vh - 390px)", value: codeValue, onChange: handleCodeChange }), codeError ? (_jsx("div", { className: "workflow-editor-error", children: codeError })) : null] })] })] }), _jsxs("section", { className: "workflow-editor-surface workflow-editor-surface--flow ".concat(activePanel !== "code" ? "is-active" : ""), children: [_jsxs("div", { className: "workflow-editor-surface-header", children: [_jsxs("div", { className: "workflow-editor-flow-header-main", children: [_jsx("div", { className: "workflow-editor-surface-eyebrow", children: "Flow" }), _jsxs("div", { className: "workflow-editor-flow-header-title-row", children: [_jsx("h2", { className: "workflow-editor-surface-title", children: "Topology Builder" }), _jsx(SolidTag, { tone: validationTag.tone, children: validationTag.label }), _jsxs(SolidTag, { children: [workflowStats.nodeCount, " nodes"] }), workflowStats.triggerCount ? (_jsxs(SolidTag, { children: [workflowStats.triggerCount, " triggers"] })) : null, (paletteNodeType === null || paletteNodeType === void 0 ? void 0 : paletteNodeType.label) ? (_jsx(SolidTag, { children: paletteNodeType.label })) : null] }), _jsx("div", { className: "workflow-editor-flow-header-selection", children: selectedNode && selectedNodeType ? (_jsxs(_Fragment, { children: [_jsx("strong", { children: (_r = selectedNode.name) !== null && _r !== void 0 ? _r : selectedNode.id }), _jsx("span", { className: "workflow-editor-node-card-subtitle", children: (_s = selectedNodeType.label) !== null && _s !== void 0 ? _s : selectedNode.type })] })) : selectedTrigger ? (_jsxs(_Fragment, { children: [_jsx("strong", { children: (_u = (_t = selectedTrigger.label) !== null && _t !== void 0 ? _t : selectedTrigger.name) !== null && _u !== void 0 ? _u : selectedTrigger.id }), _jsx("span", { className: "workflow-editor-node-card-subtitle", children: (_v = selectedTrigger.type) !== null && _v !== void 0 ? _v : "Trigger" })] })) : (_jsx("span", { className: "workflow-editor-flow-toolbar__empty", children: "Select a node or trigger to inspect it." })) })] }), _jsxs("div", { className: "workflow-editor-surface-header-actions", children: [_jsx(SolidButton, { size: "small", variant: "outline", leftIcon: codePaneOpen ? (_jsx(ChevronLeft, { size: 14 })) : (_jsx(ChevronRight, { size: 14 })), onClick: function () { return setCodePaneOpen(function (current) { return !current; }); }, children: codePaneOpen ? "Hide code" : "Show code" }), _jsx(SolidButton, { size: "small", variant: "outline", leftIcon: _jsx(Braces, { size: 14 }), onClick: function () {
-                                                            setCodePaneOpen(true);
-                                                            setActivePanel("code");
-                                                        }, children: "Code" }), _jsx(SolidButton, { size: "small", variant: "outline", leftIcon: _jsx(Layers3, { size: 14 }), onClick: function () { return setToolsOpen(function (current) { return !current; }); }, children: toolsOpen ? "Hide library" : "Library" }), _jsx(SolidButton, { size: "small", variant: "outline", leftIcon: _jsx(BookOpen, { size: 14 }), onClick: function () {
-                                                            setDocsOpen(true);
-                                                            setActivePanel("docs");
-                                                        }, children: docsNodeType || docsModel ? "View docs" : "Open docs" }), _jsx(SolidButton, { size: "small", variant: "outline", leftIcon: _jsx(Settings2, { size: 14 }), onClick: function () { return setWorkflowSettingsOpen(true); }, children: "Workflow" })] })] }), _jsx("div", { className: "workflow-editor-surface-body workflow-editor-surface-body--flow", children: _jsxs("div", { className: "workflow-editor-flow-workspace", children: [toolsOpen ? (_jsxs("aside", { className: "workflow-editor-tools-drawer", children: [_jsxs("div", { className: "workflow-editor-tools-drawer__header", children: [_jsxs("div", { children: [_jsx("div", { className: "workflow-editor-surface-eyebrow", children: "Builder Tools" }), _jsx("h3", { className: "workflow-editor-surface-title", children: "Node Library & Inspector" })] }), _jsx(SolidButton, { size: "small", variant: "ghost", onClick: function () { return setToolsOpen(false); }, children: _jsx(X, { size: 16 }) })] }), _jsxs("div", { className: "workflow-editor-tools-drawer__body", children: [_jsx(SolidPanel, { header: "Node Types", children: _jsx(WorkflowNodePalette, { nodeTypes: nodeTypes, value: paletteNodeType === null || paletteNodeType === void 0 ? void 0 : paletteNodeType.type, onSelect: function (nodeType) {
-                                                                            setPaletteNodeTypeKey(nodeType.type);
-                                                                            setDocsNodeTypeKey(nodeType.type);
-                                                                        } }) }), _jsx(SolidPanel, { header: "Selection", children: selectedNode && selectedNodeType ? (_jsxs("div", { className: "workflow-editor-selected-node-summary", children: [_jsxs("div", { children: [_jsx("strong", { children: (_w = selectedNode.name) !== null && _w !== void 0 ? _w : selectedNode.id }), _jsx("div", { className: "workflow-editor-node-card-subtitle", children: (_x = selectedNodeType.label) !== null && _x !== void 0 ? _x : selectedNode.type })] }), _jsxs("div", { className: "workflow-editor-selected-node-actions", children: [_jsx(SolidButton, { size: "small", variant: "outline", onClick: function () {
-                                                                                            setDocsNodeTypeKey(selectedNode.type);
-                                                                                            setDocsOpen(true);
-                                                                                            setActivePanel("docs");
-                                                                                        }, children: "Docs" }), _jsx(SolidButton, { size: "small", onClick: function () { return setEditorOpen(true); }, children: "Edit" })] })] })) : selectedTrigger ? (_jsxs("div", { className: "workflow-editor-selected-node-summary", children: [_jsxs("div", { children: [_jsx("strong", { children: (_z = (_y = selectedTrigger.label) !== null && _y !== void 0 ? _y : selectedTrigger.name) !== null && _z !== void 0 ? _z : selectedTrigger.id }), _jsx("div", { className: "workflow-editor-node-card-subtitle", children: (_0 = selectedTrigger.type) !== null && _0 !== void 0 ? _0 : "Trigger" })] }), _jsxs("div", { className: "workflow-editor-selected-node-actions", children: [_jsx(SolidButton, { size: "small", variant: "outline", onClick: function () {
-                                                                                            setDocsOpen(true);
-                                                                                            setActivePanel("docs");
-                                                                                        }, children: "Docs" }), _jsx(SolidButton, { size: "small", onClick: function () { return setWorkflowSettingsOpen(true); }, children: "Workflow" })] })] })) : (_jsx("div", { className: "workflow-editor-empty-state workflow-editor-empty-state--compact", children: "Select a node or trigger on the canvas to inspect it." })) }), _jsx(SolidPanel, { header: "Validation", children: _jsxs("div", { className: "workflow-editor-validation-summary", children: [_jsx("div", { className: "workflow-editor-validation-state workflow-editor-validation-state--".concat(validationState.status), children: (_1 = validationState.message) !== null && _1 !== void 0 ? _1 : "Validation has not been run yet." }), validationState.errors.length ? (_jsx("ul", { className: "workflow-editor-validation-list", children: validationState.errors.map(function (error) { return (_jsx("li", { children: error }, error)); }) })) : null] }) })] })] })) : null, _jsx("div", { className: "workflow-editor-flow-main", children: _jsx("div", { className: "workflow-editor-canvas-shell", children: _jsx(WorkflowFlowCanvas, { definition: definitionDraft, nodeTypes: nodeTypes, selectedNodeId: selectedNodeId, selectedTriggerId: selectedTriggerId, activePaletteNodeType: paletteNodeType, onSelectNode: function (nodeId) {
-                                                                setSelectedNodeId(nodeId);
-                                                                setSelectedTriggerId("");
-                                                                var node = findNodeById(definitionDraft.nodes, nodeId);
-                                                                if (node === null || node === void 0 ? void 0 : node.type) {
-                                                                    setDocsNodeTypeKey(node.type);
-                                                                }
-                                                            }, onSelectTrigger: function (triggerId) {
-                                                                setSelectedTriggerId(triggerId);
-                                                                setSelectedNodeId("");
-                                                                setDocsNodeTypeKey("");
-                                                            }, onEditNode: function (nodeId) {
-                                                                setSelectedNodeId(nodeId);
-                                                                setSelectedTriggerId("");
-                                                                var node = findNodeById(definitionDraft.nodes, nodeId);
-                                                                if (node === null || node === void 0 ? void 0 : node.type) {
-                                                                    setDocsNodeTypeKey(node.type);
-                                                                }
-                                                                setEditorOpen(true);
-                                                            }, onDeleteNode: handleRemoveNode, onViewDocs: function (nodeId) {
-                                                                var node = findNodeById(definitionDraft.nodes, nodeId);
-                                                                if (node === null || node === void 0 ? void 0 : node.type) {
-                                                                    setSelectedNodeId(nodeId);
-                                                                    setDocsNodeTypeKey(node.type);
-                                                                    setDocsOpen(true);
-                                                                    setActivePanel("docs");
-                                                                }
-                                                            }, onViewTriggerDocs: function (triggerId) {
-                                                                setSelectedTriggerId(triggerId);
-                                                                setSelectedNodeId("");
-                                                                setDocsNodeTypeKey("");
-                                                                setDocsOpen(true);
-                                                                setActivePanel("docs");
-                                                            }, onInsertNode: handleInsertNode, onAddBranch: handleAddBranch }) }) })] }) }), docsOpen ? (_jsxs("aside", { className: "workflow-editor-docs-drawer ".concat(activePanel === "docs" ? "is-active" : ""), children: [_jsxs("div", { className: "workflow-editor-docs-drawer__header", children: [_jsxs("div", { children: [_jsx("div", { className: "workflow-editor-surface-eyebrow", children: "Docs" }), _jsx("h3", { className: "workflow-editor-surface-title", children: (_3 = (_2 = docsNodeType === null || docsNodeType === void 0 ? void 0 : docsNodeType.label) !== null && _2 !== void 0 ? _2 : docsModel === null || docsModel === void 0 ? void 0 : docsModel.title) !== null && _3 !== void 0 ? _3 : "Documentation" })] }), _jsx(SolidButton, { size: "small", variant: "ghost", onClick: function () { return setDocsOpen(false); }, children: _jsx(X, { size: 16 }) })] }), _jsx("div", { className: "workflow-editor-docs-drawer__body", children: docsNodeType || docsModel ? (_jsx(WorkflowNodeDocsPanel, { nodeType: docsNodeType, docsModel: docsModel })) : (_jsx("div", { className: "workflow-editor-empty-state", children: "Pick a node, trigger, or workflow surface to open its documentation." })) })] })) : null] })] })] })) : null, selectedNode && selectedNodeType ? (_jsx(WorkflowNodeEditorDialog, { open: editorOpen, onOpenChange: setEditorOpen, nodeType: selectedNodeType, nodeValue: selectedNode, onNodeSubmit: function (nextValue) {
-                    handleUpdateSelectedNode(nextValue);
-                    setEditorOpen(false);
-                }, title: "".concat((_4 = selectedNode.name) !== null && _4 !== void 0 ? _4 : selectedNode.id, " \u00B7 ").concat((_5 = selectedNodeType.label) !== null && _5 !== void 0 ? _5 : selectedNodeType.type) })) : null, _jsx(SolidDialog, { open: topologyDocsOpen, onOpenChange: function (open) {
-                    setTopologyDocsOpen(open);
-                    if (!open) {
-                        setTopologyDocsNodeTypeKey("");
-                        setTopologyDocsModel(undefined);
-                    }
-                }, header: "Node Documentation", className: "workflow-editor-topology-docs-dialog", style: { width: "min(920px, 94vw)", maxWidth: "96vw" }, children: _jsx(SolidDialogBody, { children: _jsx("div", { className: "workflow-editor-topology-docs-dialog__body", children: topologyDocsNodeType || topologyDocsModel ? (_jsx(WorkflowNodeDocsPanel, { nodeType: topologyDocsNodeType, docsModel: topologyDocsModel })) : (_jsx("div", { className: "workflow-editor-empty-state workflow-editor-empty-state--compact", children: "Documentation is not available for this topology item yet." })) }) }) }), _jsxs(SolidDialog, { open: workflowSettingsOpen, onOpenChange: setWorkflowSettingsOpen, header: "Workflow Settings", className: "solid-workflow-node-editor-dialog solid-workflow-node-editor-dialog--full", style: { width: "min(1200px, 94vw)", maxWidth: "96vw" }, children: [_jsx(SolidDialogBody, { children: _jsxs("div", { className: "workflow-editor-workflow-settings", children: [_jsxs(SolidPanel, { header: "Workflow Identity", children: [_jsxs("div", { className: "workflow-editor-form-grid", children: [_jsxs("div", { className: "workflow-editor-field", children: [_jsx("label", { children: "Key" }), _jsx(SolidInput, { value: workflowKey, onChange: function (event) { return setWorkflowKey(event.target.value); } })] }), _jsxs("div", { className: "workflow-editor-field", children: [_jsx("label", { children: "Display Name" }), _jsx(SolidInput, { value: workflowDisplayName, onChange: function (event) { return setWorkflowDisplayName(event.target.value); } })] })] }), _jsxs("div", { className: "workflow-editor-field", children: [_jsx("label", { children: "Description" }), _jsx(SolidTextarea, { value: workflowDescription, onChange: function (event) { return setWorkflowDescription(event.target.value); } })] })] }), _jsx(SolidPanel, { header: "Inputs", children: _jsx(SolidCodeEditor, { language: "yaml", height: "220px", value: workflowInputsValue, onChange: function (value) { return setWorkflowInputsValue(value !== null && value !== void 0 ? value : "{}"); } }) }), _jsx(SolidPanel, { header: "Variables", children: _jsx(SolidCodeEditor, { language: "yaml", height: "220px", value: workflowVariablesValue, onChange: function (value) { return setWorkflowVariablesValue(value !== null && value !== void 0 ? value : "{}"); } }) }), _jsx(SolidPanel, { header: "Triggers", children: _jsx(SolidCodeEditor, { language: "yaml", height: "260px", value: workflowTriggersValue, onChange: function (value) { return setWorkflowTriggersValue(value !== null && value !== void 0 ? value : "[]"); } }) })] }) }), _jsxs(SolidDialogFooter, { children: [_jsx(SolidButton, { variant: "secondary", onClick: function () { return setWorkflowSettingsOpen(false); }, children: "Cancel" }), _jsx(SolidButton, { onClick: handleSaveWorkflowSettings, children: "Apply" })] })] })] }));
-}
-//# sourceMappingURL=WorkflowDefinitionEditorPage.js.map