@oneuptime/common 12.0.6 → 12.0.8

package/build/dist/UI/Components/Workflow/ModelColumnEditor.js

@@ -0,0 +1,225 @@
+/*
+ * A row-based editor for the two workflow arguments that are keyed on a
+ * model's columns: the Query that picks which records a component acts on,
+ * and the record of values a create/update writes.
+ *
+ * Both were bare JSON editors, with the column names — and, for a query, the
+ * operator syntax — left entirely to memory. The description on those
+ * arguments had to carry a hint about "_id" versus "id" precisely because
+ * nothing else told the builder what the columns were called.
+ *
+ * Everything needed to do better already existed: /model-schema/:tableName
+ * knows the columns, and DictionaryForm's operator mode emits exactly the
+ * {_type, value} shape that JSONFunctions.deserialize hydrates on the server
+ * (FindManyBaseModel and friends). This wires the two together, and keeps a
+ * JSON escape hatch for the values rows cannot express.
+ */
+import CodeEditor from "../CodeEditor/CodeEditor";
+import ComponentLoader from "../ComponentLoader/ComponentLoader";
+import DictionaryForm, { ValueType } from "../Dictionary/Dictionary";
+import Icon from "../Icon/Icon";
+import { findColumn, useModelSchema, } from "./ModelSchema";
+import CodeType from "../../../Types/Code/CodeType";
+import IconProp from "../../../Types/Icon/IconProp";
+import { ObjectType } from "../../../Types/JSON";
+import React, { useMemo, useRef, useState, } from "react";
+export var ModelColumnEditorMode;
+(function (ModelColumnEditorMode) {
+    /** Conditions that select records: column, operator, value. */
+    ModelColumnEditorMode["Query"] = "Query";
+    /** Values to write: column, value. No operators — you cannot save a ">". */
+    ModelColumnEditorMode["Record"] = "Record";
+})(ModelColumnEditorMode || (ModelColumnEditorMode = {}));
+/*
+ * Operator wrappers the row editor can show. Anything else in a stored query
+ * (an InBetween, a relation sub-object, a raw QueryHelper construct) keeps the
+ * JSON editor rather than being silently flattened.
+ */
+const REPRESENTABLE_OPERATOR_TYPES = [
+    ObjectType.EqualTo,
+    ObjectType.NotEqual,
+    ObjectType.Search,
+    ObjectType.NotContains,
+    ObjectType.StartsWith,
+    ObjectType.EndsWith,
+    ObjectType.GreaterThan,
+    ObjectType.GreaterThanOrEqual,
+    ObjectType.LessThan,
+    ObjectType.LessThanOrEqual,
+    ObjectType.IsNull,
+    ObjectType.NotNull,
+    ObjectType.Includes,
+    ObjectType.IncludesNone,
+];
+const normalizeInitialValue = (value) => {
+    if (value === null || value === undefined || value === "") {
+        return { text: "", parsed: {} };
+    }
+    if (typeof value === "object" && !Array.isArray(value)) {
+        return { text: JSON.stringify(value, null, 2), parsed: value };
+    }
+    if (typeof value !== "string") {
+        return { text: String(value), parsed: null };
+    }
+    try {
+        const parsed = JSON.parse(value);
+        if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
+            return { text: value, parsed: parsed };
+        }
+        return { text: value, parsed: null };
+    }
+    catch (_a) {
+        return { text: value, parsed: null };
+    }
+};
+/**
+ * Can this value be shown as rows without losing anything?
+ *
+ * Deliberately conservative: when in doubt the JSON editor stays, because a
+ * value silently rewritten into something that means something else is far
+ * worse than one the builder has to keep editing as text.
+ */
+export const classifyColumnValueCompatibility = (parsed, columns, mode) => {
+    if (parsed === null) {
+        return {
+            compatible: false,
+            reasons: ["The current value isn't a JSON object."],
+        };
+    }
+    const reasons = [];
+    for (const key of Object.keys(parsed)) {
+        /*
+         * Columns are only checked when the schema actually loaded. An unknown key
+         * is worth saying out loud — it is the "id" versus "_id" mistake — but it
+         * does not force the JSON editor, since the runner accepts column names
+         * this endpoint does not surface.
+         */
+        if (columns.length > 0 && !findColumn(columns, key)) {
+            reasons.push(`"${key}" isn't a known column on this model.`);
+        }
+        const value = parsed[key];
+        if (value === null) {
+            continue;
+        }
+        if (typeof value === "string" ||
+            typeof value === "number" ||
+            typeof value === "boolean") {
+            continue;
+        }
+        if (Array.isArray(value)) {
+            reasons.push(`"${key}" holds a list. Use the "is any of" operator instead, or keep editing as JSON.`);
+            continue;
+        }
+        if (typeof value === "object") {
+            const objectType = value["_type"];
+            if (mode === ModelColumnEditorMode.Query &&
+                typeof objectType === "string" &&
+                REPRESENTABLE_OPERATOR_TYPES.includes(objectType)) {
+                continue;
+            }
+            if (typeof objectType === "string") {
+                reasons.push(`"${key}" uses ${objectType}, which the rows can't show.`);
+                continue;
+            }
+            reasons.push(`"${key}" holds a nested record, which the rows can't show.`);
+            continue;
+        }
+        reasons.push(`"${key}" has an unexpected value.`);
+    }
+    /*
+     * An unknown column name is a warning, not a reason to lock the editor —
+     * the builder can still fix it in the row that shows it.
+     */
+    const blocking = reasons.filter((reason) => {
+        return !reason.includes("isn't a known column");
+    });
+    return { compatible: blocking.length === 0, reasons: reasons };
+};
+/**
+ * The rows, as the string stored on the workflow argument.
+ *
+ * Empty collapses to "" rather than "{}" so a required argument still reads as
+ * empty to form validation and to the graph linter.
+ */
+export const buildColumnValueJson = (value) => {
+    const entries = {};
+    for (const key of Object.keys(value)) {
+        if (key.trim() === "") {
+            continue;
+        }
+        entries[key] = value[key];
+    }
+    if (Object.keys(entries).length === 0) {
+        return "";
+    }
+    /*
+     * The operator wrappers serialize themselves through toJSON() into
+     * {_type, value}, which is exactly what the server rehydrates with
+     * JSONFunctions.deserialize.
+     */
+    return JSON.stringify(entries);
+};
+const ModelColumnEditor = (props) => {
+    const schema = useModelSchema(props.tableName);
+    const isQuery = props.mode === ModelColumnEditorMode.Query;
+    const initial = useMemo(() => {
+        return normalizeInitialValue(props.initialValue);
+    }, []);
+    const [jsonText, setJsonText] = useState(initial.text);
+    const [viewMode, setViewMode] = useState("builder");
+    /*
+     * The row editor is uncontrolled after mount (DictionaryForm seeds itself
+     * once), so the initial value is captured rather than recomputed.
+     */
+    const initialRows = useRef((initial.parsed || {}));
+    const compatibility = useMemo(() => {
+        return classifyColumnValueCompatibility(initial.parsed, schema.columns || [], props.mode);
+    }, [schema.columns, props.mode]);
+    const columnKeys = useMemo(() => {
+        return (schema.columns || []).map((column) => {
+            return column.id;
+        });
+    }, [schema.columns]);
+    if (schema.isLoading) {
+        return React.createElement(ComponentLoader, null);
+    }
+    const isLockedToJson = !compatibility.compatible;
+    const effectiveMode = isLockedToJson ? "json" : viewMode;
+    const onJsonChange = (value) => {
+        setJsonText(value);
+        props.onChange(value);
+    };
+    const onRowsChange = (value) => {
+        const asJson = buildColumnValueJson(value);
+        setJsonText(asJson);
+        props.onChange(asJson);
+    };
+    return (React.createElement("div", null,
+        schema.error && (React.createElement("p", { className: "text-sm text-amber-600 mb-2" },
+            "Couldn't load this model's columns (",
+            schema.error,
+            "). You can still write the query as JSON.")),
+        isLockedToJson && compatibility.reasons.length > 0 && (React.createElement("div", { className: "mb-2 rounded-md border border-amber-200 bg-amber-50 p-3" },
+            React.createElement("p", { className: "text-sm text-amber-800" }, "Editing as JSON, because:"),
+            React.createElement("ul", { className: "mt-1 list-disc pl-5 text-sm text-amber-700" }, compatibility.reasons.map((reason, i) => {
+                return React.createElement("li", { key: i }, reason);
+            })))),
+        !isLockedToJson && compatibility.reasons.length > 0 && (React.createElement("div", { className: "mb-2 rounded-md border border-amber-200 bg-amber-50 p-3" },
+            React.createElement("ul", { className: "list-disc pl-5 text-sm text-amber-700" }, compatibility.reasons.map((reason, i) => {
+                return React.createElement("li", { key: i }, reason);
+            })))),
+        effectiveMode === "builder" ? (React.createElement(DictionaryForm, { keys: columnKeys, enableOperators: isQuery, valueTypes: [ValueType.Text, ValueType.Number, ValueType.Boolean], addButtonSuffix: isQuery ? "condition" : "field", keyPlaceholder: "Column", valuePlaceholder: "Value", initialValue: initialRows.current, onChange: onRowsChange })) : (React.createElement(CodeEditor, { type: CodeType.JSON, tabIndex: props.tabIndex, error: props.error, initialValue: initial.text, value: jsonText, placeholder: props.placeholder, onChange: onJsonChange })),
+        !isLockedToJson && (React.createElement("div", { className: "mt-2" },
+            React.createElement("button", { type: "button", className: "text-sm underline text-blue-500 hover:text-blue-600 cursor-pointer inline-flex items-center gap-1", onClick: () => {
+                    setViewMode(effectiveMode === "builder" ? "json" : "builder");
+                } },
+                React.createElement(Icon, { icon: IconProp.Code, className: "h-3.5 w-3.5" }),
+                effectiveMode === "builder"
+                    ? "Edit as JSON"
+                    : isQuery
+                        ? "Back to conditions"
+                        : "Back to fields"))),
+        props.error && effectiveMode === "builder" && (React.createElement("p", { className: "mt-1 text-sm text-red-400" }, props.error))));
+};
+export default ModelColumnEditor;
+//# sourceMappingURL=ModelColumnEditor.js.map

package/build/dist/UI/Components/Workflow/ModelColumnEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelColumnEditor.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/ModelColumnEditor.tsx"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/Workflow/ModelSchema.js

@@ -0,0 +1,118 @@
+/*
+ * Shared access to the workflow /model-schema/:tableName endpoint.
+ *
+ * Three builder inputs are backed by a model's column list — the field picker
+ * for Select arguments, the query builder for Query arguments, and the record
+ * form for create/update arguments — and all three want the same fetch, the
+ * same loading and error handling, and the same column shape.
+ */
+import HTTPErrorResponse from "../../../Types/API/HTTPErrorResponse";
+import URL from "../../../Types/API/URL";
+import { WORKFLOW_URL } from "../../Config";
+import API from "../../Utils/API/API";
+import { useEffect, useState } from "react";
+export const fetchModelSchema = async (tableName) => {
+    const url = URL.fromString(WORKFLOW_URL.toString()).addRoute(`/model-schema/${encodeURIComponent(tableName)}`);
+    const result = await API.get({ url });
+    if (result instanceof HTTPErrorResponse) {
+        throw result;
+    }
+    const data = result.data;
+    return data["columns"] || [];
+};
+/**
+ * Load a model's columns, once per table name.
+ *
+ * Never throws: a failure leaves `columns` as an empty array and puts the
+ * message in `error`, so a caller can fall back to its JSON editor rather than
+ * showing the builder a blank panel.
+ */
+export const useModelSchema = (tableName) => {
+    const [columns, setColumns] = useState(null);
+    const [isLoading, setIsLoading] = useState(Boolean(tableName));
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        if (!tableName) {
+            setColumns([]);
+            setIsLoading(false);
+            return;
+        }
+        let cancelled = false;
+        const load = async () => {
+            setIsLoading(true);
+            setError(null);
+            try {
+                const loaded = await fetchModelSchema(tableName);
+                if (cancelled) {
+                    return;
+                }
+                setColumns(loaded);
+            }
+            catch (err) {
+                if (cancelled) {
+                    return;
+                }
+                setError(API.getFriendlyMessage(err));
+                setColumns([]);
+            }
+            finally {
+                if (!cancelled) {
+                    setIsLoading(false);
+                }
+            }
+        };
+        void load();
+        return () => {
+            cancelled = true;
+        };
+    }, [tableName]);
+    return { columns: columns, isLoading: isLoading, error: error };
+};
+/*
+ * Column types that hold a single scalar the builder can sensibly type into a
+ * box. Everything else (relations, JSON blobs, buffers) needs the JSON editor.
+ */
+const SCALAR_COLUMN_TYPES = [
+    "ShortText",
+    "LongText",
+    "VeryLongText",
+    "Slug",
+    "Email",
+    "Phone",
+    "Color",
+    "Domain",
+    "Name",
+    "Description",
+    "ObjectID",
+    "Number",
+    "PositiveNumber",
+    "Boolean",
+    "Date",
+    "Password",
+    "HashedString",
+    "Port",
+    "Hostname",
+    "URL",
+    "Route",
+    "IP",
+    "Version",
+    "Markdown",
+    "HTML",
+    "JavaScript",
+    "CSS",
+];
+export const isScalarColumn = (column) => {
+    return !column.isRelation && SCALAR_COLUMN_TYPES.includes(column.type);
+};
+export const isNumericColumn = (column) => {
+    return column.type === "Number" || column.type === "PositiveNumber";
+};
+export const isBooleanColumn = (column) => {
+    return column.type === "Boolean";
+};
+export const findColumn = (columns, columnId) => {
+    return columns.find((column) => {
+        return column.id === columnId;
+    });
+};
+//# sourceMappingURL=ModelSchema.js.map

package/build/dist/UI/Components/Workflow/ModelSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelSchema.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/ModelSchema.ts"],"names":[],"mappings":"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"}

package/build/dist/UI/Components/Workflow/RunForm.js

@@ -1,6 +1,7 @@
 import ErrorMessage from "../ErrorMessage/ErrorMessage";
 import BasicForm from "../Forms/BasicForm";
-import { componentInputTypeToFormFieldType } from "./Utils";
+import { componentInputTypeToFormFieldType, parseStringDictionaryValue, } from "./Utils";
+import { ComponentInputType, } from "../../../Types/Workflow/Component";
 import React, { useEffect, useRef, useState, } from "react";
 const RunForm = (props) => {
     const formRef = useRef(null);
@@ -12,6 +13,23 @@ const RunForm = (props) => {
     useEffect(() => {
         props.onFormChange(component);
     }, [component]);
+    /*
+     * Same hydration ArgumentsForm does: a StringDictionary renders as key/value
+     * rows, and those need a real object rather than the JSON string older
+     * workflows stored. The field type is chosen from the same value, so the two
+     * cannot disagree about which editor is on screen.
+     */
+    const formInitialValues = Object.assign({}, (component.arguments || {}));
+    for (const argument of component.metadata.runWorkflowManuallyArguments ||
+        []) {
+        if (argument.type !== ComponentInputType.StringDictionary) {
+            continue;
+        }
+        const parsed = parseStringDictionaryValue(formInitialValues[argument.id]);
+        if (parsed !== null) {
+            formInitialValues[argument.id] = parsed;
+        }
+    }
     return (React.createElement("div", { className: "mb-3 mt-3" },
         React.createElement("div", { className: "mt-5 mb-5" },
             React.createElement("h2", { className: "text-base font-medium text-gray-500" },
@@ -21,18 +39,16 @@ const RunForm = (props) => {
             component.metadata.runWorkflowManuallyArguments &&
                 component.metadata.runWorkflowManuallyArguments.length === 0 && (React.createElement(ErrorMessage, { message: 'This workflow trigger does not take any values. You can run it by clicking the "Run" button below.' })),
             component.metadata.runWorkflowManuallyArguments &&
-                component.metadata.runWorkflowManuallyArguments.length > 0 && (React.createElement(BasicForm, { hideSubmitButton: true, ref: formRef, initialValues: Object.assign({}, (component.arguments || {})), onChange: (values) => {
+                component.metadata.runWorkflowManuallyArguments.length > 0 && (React.createElement(BasicForm, { hideSubmitButton: true, ref: formRef, initialValues: Object.assign({}, formInitialValues), onChange: (values) => {
                     setComponent(Object.assign(Object.assign({}, component), { arguments: Object.assign(Object.assign({}, (component.arguments || {})), (values || {})) }));
                 }, onFormValidationErrorChanged: (hasError) => {
                     setHasFormValidationErrors(hasError);
                 }, fields: component.metadata.runWorkflowManuallyArguments &&
                     component.metadata.runWorkflowManuallyArguments.map((argument) => {
+                        var _a;
                         return Object.assign({ title: `${argument.name}`, description: `${argument.required ? "Required" : "Optional"}. ${argument.description}`, field: {
                                 [argument.id]: true,
-                            }, required: argument.required, placeholder: argument.placeholder }, componentInputTypeToFormFieldType(argument.type, component.returnValues &&
-                            component.returnValues[argument.id]
-                            ? component.returnValues[argument.id]
-                            : null));
+                            }, required: argument.required, placeholder: argument.placeholder }, componentInputTypeToFormFieldType(argument.type, (_a = formInitialValues[argument.id]) !== null && _a !== void 0 ? _a : null));
                     }) })))));
 };
 export default RunForm;

package/build/dist/UI/Components/Workflow/RunForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RunForm.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/RunForm.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"RunForm.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/RunForm.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,SAAwB,MAAM,oBAAoB,CAAC;AAE1D,OAAO,EACL,iCAAiC,EACjC,0BAA0B,GAC3B,MAAM,SAAS,CAAC;AAEjB,OAAO,EAEL,kBAAkB,GAEnB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,EAGZ,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AAQf,MAAM,OAAO,GAAsC,CACjD,KAAqB,EACP,EAAE;IAChB,MAAM,OAAO,GAAQ,MAAM,CAAoC,IAAI,CAAC,CAAC;IACrE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAe,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1E,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GACzD,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,yBAAyB,CAAC,uBAAuB,CAAC,CAAC;IAC3D,CAAC,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB;;;;;OAKG;IACH,MAAM,iBAAiB,qBAAoB,CAAC,SAAS,CAAC,SAAS,IAAI,EAAE,CAAC,CAAE,CAAC;IAEzE,KAAK,MAAM,QAAQ,IAAI,SAAS,CAAC,QAAQ,CAAC,4BAA4B;QACpE,EAAE,EAAE,CAAC;QACL,IAAI,QAAQ,CAAC,IAAI,KAAK,kBAAkB,CAAC,gBAAgB,EAAE,CAAC;YAC1D,SAAS;QACX,CAAC;QAED,MAAM,MAAM,GAAsB,0BAA0B,CAC1D,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAC/B,CAAC;QAEF,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;YACpB,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,WAAW;QACxB,6BAAK,SAAS,EAAC,WAAW;YACxB,4BAAI,SAAS,EAAC,qCAAqC;;gBAC5C,SAAS,CAAC,QAAQ,CAAC,KAAK,CAC1B;YACL,2BAAG,SAAS,EAAC,wCAAwC,IAClD,SAAS,CAAC,QAAQ,CAAC,WAAW,CAC7B;YACH,SAAS,CAAC,QAAQ,CAAC,4BAA4B;gBAC9C,SAAS,CAAC,QAAQ,CAAC,4BAA4B,CAAC,MAAM,KAAK,CAAC,IAAI,CAC9D,oBAAC,YAAY,IACX,OAAO,EACL,oGAAoG,GAEtG,CACH;YACF,SAAS,CAAC,QAAQ,CAAC,4BAA4B;gBAC9C,SAAS,CAAC,QAAQ,CAAC,4BAA4B,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5D,oBAAC,SAAS,IACR,gBAAgB,EAAE,IAAI,EACtB,GAAG,EAAE,OAAO,EACZ,aAAa,oBACR,iBAAiB,GAEtB,QAAQ,EAAE,CAAC,MAA8B,EAAE,EAAE;oBAC3C,YAAY,iCACP,SAAS,KACZ,SAAS,kCACJ,CAAE,SAAS,CAAC,SAAwB,IAAI,EAAE,CAAC,GAC3C,CAAE,MAAqB,IAAI,EAAE,CAAC,KAEnC,CAAC;gBACL,CAAC,EACD,4BAA4B,EAAE,CAAC,QAAiB,EAAE,EAAE;oBAClD,0BAA0B,CAAC,QAAQ,CAAC,CAAC;gBACvC,CAAC,EACD,MAAM,EACJ,SAAS,CAAC,QAAQ,CAAC,4BAA4B;oBAC/C,SAAS,CAAC,QAAQ,CAAC,4BAA4B,CAAC,GAAG,CACjD,CAAC,QAAkB,EAAE,EAAE;;wBACrB,uBACE,KAAK,EAAE,GAAG,QAAQ,CAAC,IAAI,EAAE,EAEzB,WAAW,EAAE,GACX,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UACnC,KAAK,QAAQ,CAAC,WAAW,EAAE,EAC3B,KAAK,EAAE;gCACL,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI;6BACpB,EACD,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,WAAW,EAAE,QAAQ,CAAC,WAAW,IAQ9B,iCAAiC,CAClC,QAAQ,CAAC,IAAI,EACb,MAAA,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC,mCAAI,IAAI,CACvC,EACD;oBACJ,CAAC,CACF,GAEH,CACH,CACC,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/build/dist/UI/Components/Workflow/RunStatusWatcher.js

@@ -0,0 +1,76 @@
+/*
+ * Pure helpers behind the builder's "what happened to the run I just started"
+ * strip.
+ *
+ * Triggering a run from the builder used to end at a modal saying the workflow
+ * had been scheduled and that the Logs tab would know more. That left the one
+ * question the builder actually has — did it work — to a different page, a
+ * table, and a text blob. The runner does not hand back a log id at enqueue
+ * time (RunWorkflow creates the WorkflowLog itself once it picks the job up),
+ * so the builder watches for the run instead of being told about it.
+ *
+ * The logic that decides when to stop watching lives here, separate from the
+ * page, because it is the part worth testing.
+ */
+import WorkflowStatus from "../../../Types/Workflow/WorkflowStatus";
+/**
+ * Statuses a run never moves on from. Waiting is not one of them — a Sleep
+ * step parks a run for as long as it likes and it carries on afterwards.
+ */
+const TERMINAL_STATUSES = [
+    WorkflowStatus.Success,
+    WorkflowStatus.Error,
+    WorkflowStatus.Timeout,
+    WorkflowStatus.WorkflowCountExceeded,
+];
+export const isTerminalRunStatus = (status) => {
+    if (!status) {
+        return false;
+    }
+    return TERMINAL_STATUSES.includes(status);
+};
+export const isFailedRunStatus = (status) => {
+    return (status === WorkflowStatus.Error ||
+        status === WorkflowStatus.Timeout ||
+        status === WorkflowStatus.WorkflowCountExceeded);
+};
+/*
+ * How long to keep watching. A run that suspends on a Sleep step can outlive
+ * any sensible watch, so the strip stops following it and points at the Logs
+ * tab rather than polling for hours.
+ */
+export const MAX_RUN_WATCH_POLLS = 60;
+export const RUN_WATCH_POLL_INTERVAL_MS = 2000;
+/**
+ * What the strip should say, and whether to keep looking.
+ */
+export const decideRunWatch = (params) => {
+    if (params.pollCount >= MAX_RUN_WATCH_POLLS) {
+        return {
+            shouldContinue: false,
+            message: "This run is taking a while. Open the Logs tab to follow it from there.",
+        };
+    }
+    if (!params.run) {
+        return { shouldContinue: true, message: "Starting run…" };
+    }
+    if (isTerminalRunStatus(params.run.status)) {
+        return {
+            shouldContinue: false,
+            message: isFailedRunStatus(params.run.status)
+                ? `Run ${params.run.status.toLowerCase()}. Open the Logs tab to see why.`
+                : "Run finished successfully.",
+        };
+    }
+    if (params.run.status === WorkflowStatus.Waiting) {
+        return {
+            shouldContinue: false,
+            message: "This run is sleeping and will carry on by itself. Follow it in the Logs tab.",
+        };
+    }
+    return {
+        shouldContinue: true,
+        message: `Run ${params.run.status.toLowerCase()}…`,
+    };
+};
+//# sourceMappingURL=RunStatusWatcher.js.map

package/build/dist/UI/Components/Workflow/RunStatusWatcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunStatusWatcher.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/RunStatusWatcher.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,cAAc,MAAM,wCAAwC,CAAC;AAEpE;;;GAGG;AACH,MAAM,iBAAiB,GAA0B;IAC/C,cAAc,CAAC,OAAO;IACtB,cAAc,CAAC,KAAK;IACpB,cAAc,CAAC,OAAO;IACtB,cAAc,CAAC,qBAAqB;CACrC,CAAC;AAMF,MAAM,CAAC,MAAM,mBAAmB,GAAgC,CAC9D,MAAyC,EAChC,EAAE;IACX,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,iBAAiB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAC5C,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,iBAAiB,GAA8B,CAC1D,MAAyC,EAChC,EAAE;IACX,OAAO,CACL,MAAM,KAAK,cAAc,CAAC,KAAK;QAC/B,MAAM,KAAK,cAAc,CAAC,OAAO;QACjC,MAAM,KAAK,cAAc,CAAC,qBAAqB,CAChD,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAW,EAAE,CAAC;AAC9C,MAAM,CAAC,MAAM,0BAA0B,GAAW,IAAI,CAAC;AAmBvD;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAA2B,CAAC,MAGtD,EAAoB,EAAE;IACrB,IAAI,MAAM,CAAC,SAAS,IAAI,mBAAmB,EAAE,CAAC;QAC5C,OAAO;YACL,cAAc,EAAE,KAAK;YACrB,OAAO,EACL,wEAAwE;SAC3E,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;QAChB,OAAO,EAAE,cAAc,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC;IAC5D,CAAC;IAED,IAAI,mBAAmB,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;QAC3C,OAAO;YACL,cAAc,EAAE,KAAK;YACrB,OAAO,EAAE,iBAAiB,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC;gBAC3C,CAAC,CAAC,OAAO,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,iCAAiC;gBACzE,CAAC,CAAC,4BAA4B;SACjC,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,CAAC,GAAG,CAAC,MAAM,KAAK,cAAc,CAAC,OAAO,EAAE,CAAC;QACjD,OAAO;YACL,cAAc,EAAE,KAAK;YACrB,OAAO,EACL,8EAA8E;SACjF,CAAC;IACJ,CAAC;IAED,OAAO;QACL,cAAc,EAAE,IAAI;QACpB,OAAO,EAAE,OAAO,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,GAAG;KACnD,CAAC;AACJ,CAAC,CAAC"}

package/build/dist/UI/Components/Workflow/StepTraceViewer.js

@@ -0,0 +1,76 @@
+/*
+ * A workflow run, read as the list of steps it actually took.
+ *
+ * The raw log is still there and still useful — it carries the component's own
+ * log lines and the warnings the runner emits — but "what did this step
+ * receive, what did it return, and where did it go next" is a question about
+ * structure, and answering it by scanning a newline-joined blob was the whole
+ * problem.
+ */
+import Icon from "../Icon/Icon";
+import IconProp from "../../../Types/Icon/IconProp";
+import { WorkflowStepStatus, } from "../../../Types/Workflow/StepTrace";
+import React, { useState } from "react";
+export const formatStepDuration = (durationInMs) => {
+    if (durationInMs < 1000) {
+        return `${durationInMs}ms`;
+    }
+    if (durationInMs < 60000) {
+        return `${(durationInMs / 1000).toFixed(1)}s`;
+    }
+    const minutes = Math.floor(durationInMs / 60000);
+    const seconds = Math.round((durationInMs % 60000) / 1000);
+    return `${minutes}m ${seconds}s`;
+};
+const ValueBlock = (props) => {
+    const keys = Object.keys(props.values || {});
+    return (React.createElement("div", null,
+        React.createElement("p", { className: "text-[11px] font-semibold uppercase tracking-wider text-gray-500 mb-1" }, props.title),
+        keys.length === 0 ? (React.createElement("p", { className: "text-sm text-gray-400" }, "None")) : (React.createElement("dl", { className: "space-y-1" }, keys.map((key) => {
+            const value = props.values[key];
+            const text = typeof value === "string"
+                ? value
+                : JSON.stringify(value, null, 2);
+            return (React.createElement("div", { key: key, className: "text-sm" },
+                React.createElement("dt", { className: "text-gray-500 font-medium" }, key),
+                React.createElement("dd", { className: "text-gray-800 font-mono text-xs whitespace-pre-wrap break-all" }, text)));
+        })))));
+};
+const StepRow = (props) => {
+    const [isOpen, setIsOpen] = useState(props.step.status === WorkflowStepStatus.Error);
+    const isError = props.step.status === WorkflowStepStatus.Error;
+    return (React.createElement("div", { className: `rounded-md border ${isError ? "border-red-200 bg-red-50" : "border-gray-200 bg-white"}` },
+        React.createElement("button", { type: "button", "aria-expanded": isOpen, className: "w-full text-left p-3 flex items-center gap-3 cursor-pointer", onClick: () => {
+                setIsOpen(!isOpen);
+            } },
+            React.createElement("span", { className: "text-xs text-gray-400 w-5 shrink-0" }, props.index + 1),
+            React.createElement(Icon, { icon: isError ? IconProp.Alert : IconProp.CheckCircle, className: `h-4 w-4 shrink-0 ${isError ? "text-red-500" : "text-green-500"}` }),
+            React.createElement("span", { className: "flex-1 min-w-0" },
+                React.createElement("span", { className: "block text-sm font-medium text-gray-900 truncate" }, props.step.title),
+                React.createElement("span", { className: "block text-xs text-gray-500 truncate" }, props.step.componentId)),
+            React.createElement("span", { className: "text-xs text-gray-500 shrink-0" }, formatStepDuration(props.step.durationInMs)),
+            props.step.executedPort && (React.createElement("span", { className: "text-xs text-gray-500 shrink-0 hidden sm:inline" },
+                "\u2192 ",
+                props.step.executedPort))),
+        isOpen && (React.createElement("div", { className: "border-t border-gray-200 p-3 space-y-3" },
+            props.step.errorMessage && (React.createElement("p", { className: "text-sm text-red-700" }, props.step.errorMessage)),
+            React.createElement(ValueBlock, { title: "Received", values: props.step.argumentValues }),
+            React.createElement(ValueBlock, { title: "Returned", values: props.step.returnValues })))));
+};
+const StepTraceViewer = (props) => {
+    var _a;
+    const steps = ((_a = props.trace) === null || _a === void 0 ? void 0 : _a.steps) || [];
+    if (steps.length === 0) {
+        return (React.createElement("p", { className: "text-sm text-gray-500" }, "This run has no recorded steps. Runs from before step recording was added show only the log below."));
+    }
+    return (React.createElement("div", { className: "space-y-2" },
+        props.trace.truncated && (React.createElement("p", { className: "text-sm text-amber-700" },
+            "Only the last ",
+            steps.length,
+            " steps of this run were kept.")),
+        steps.map((step, index) => {
+            return React.createElement(StepRow, { key: index, step: step, index: index });
+        })));
+};
+export default StepTraceViewer;
+//# sourceMappingURL=StepTraceViewer.js.map

package/build/dist/UI/Components/Workflow/StepTraceViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepTraceViewer.js","sourceRoot":"","sources":["../../../../../UI/Components/Workflow/StepTraceViewer.tsx"],"names":[],"mappings":"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"}