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

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

@@ -0,0 +1,1287 @@
+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