@oneuptime/common 12.0.6 → 12.0.8

package/build/dist/UI/Components/ModelDelete/ModelDelete.js.map

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

package/build/dist/UI/Components/SideOver/SideOver.js

@@ -1,13 +1,37 @@
 import Button, { ButtonStyleType } from "../Button/Button";
 import Icon from "../Icon/Icon";
 import IconProp from "../../../Types/Icon/IconProp";
-import React from "react";
+import { lockPageScroll, unlockPageScroll } from "../../Utils/PageScrollLock";
+import React, { useEffect, useId, useLayoutEffect, useState, } from "react";
+import { createPortal } from "react-dom";
 export var SideOverSize;
 (function (SideOverSize) {
     SideOverSize["Small"] = "Small";
     SideOverSize["Medium"] = "Medium";
     SideOverSize["Large"] = "Large";
 })(SideOverSize || (SideOverSize = {}));
+/*
+ * Where the panel is appended in the DOM, not where it appears on screen — it
+ * is `position: fixed` either way.
+ *
+ * Two reasons it cannot simply stay where the caller rendered it. First, any
+ * ancestor with a z-index traps the panel in that ancestor's stacking context,
+ * which is how a map's zoom toolbar (z-20) ended up painting on top of an open
+ * device panel. Second, and unfixable by z-index at all: only the fullscreen
+ * element's own subtree reaches the browser's top layer, so a panel appended to
+ * <body> while a chart or map is fullscreen is not painted anywhere. Following
+ * document.fullscreenElement keeps the panel visible in both modes.
+ */
+const getPortalTarget = () => {
+    if (typeof document === "undefined") {
+        return null;
+    }
+    const fullscreenElement = document.fullscreenElement;
+    if (fullscreenElement instanceof HTMLElement) {
+        return fullscreenElement;
+    }
+    return document.body;
+};
 const SideOver = (props) => {
     let widthClass = "max-w-2xl";
     if (props.size === SideOverSize.Small) {
@@ -19,35 +43,86 @@ const SideOver = (props) => {
     else if (props.size === SideOverSize.Large) {
         widthClass = "max-w-7xl";
     }
-    return (React.createElement("div", { className: "relative z-10", "aria-labelledby": "slide-over-title", role: "dialog", "aria-modal": "true" },
-        React.createElement("div", { className: "inset-0" }),
-        React.createElement("div", { className: "inset-0 overflow-hidden" },
-            React.createElement("div", { className: "inset-0 overflow-hidden" },
-                React.createElement("div", { className: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full" },
-                    React.createElement("div", { className: `pointer-events-auto w-screen ${widthClass}` },
-                        React.createElement("div", { className: "flex h-full flex-col bg-white shadow-xl" },
-                            React.createElement("div", { className: "flex-shrink-0 flex flex-col bg-gray-50 px-4 py-6 sm:px-6" },
-                                React.createElement("div", { className: "flex items-start justify-between space-x-3" },
-                                    React.createElement("div", { className: "space-y-1" },
-                                        React.createElement("h2", { className: "text-lg font-medium text-gray-900", id: "slide-over-title" }, props.title),
-                                        React.createElement("p", { className: "text-sm text-gray-500" }, props.description)),
-                                    React.createElement("div", { className: "flex h-7 items-center" },
-                                        React.createElement("button", { onClick: () => {
-                                                props.onClose();
-                                            }, type: "button", className: "text-gray-400 hover:text-gray-500" },
-                                            React.createElement("span", { className: "sr-only" }, "Close panel"),
-                                            React.createElement(Icon, { className: "h-6 w-6", icon: IconProp.Close }))))),
-                            React.createElement("div", { className: "h-full overflow-y-scroll" },
-                                React.createElement("div", { className: "space-y-6 py-6 sm:space-y-0 sm:divide-y sm:divide-gray-200 sm:py-0 p-5" }, props.children)),
-                            React.createElement("div", { className: "flex-shrink-0 border-t border-gray-200 px-4 py-5 sm:px-6 flex justify-between" },
-                                React.createElement("div", { className: "flex justify-start space-x-3" }, props.leftFooterElement),
-                                React.createElement("div", { className: "flex justify-end space-x-3" },
-                                    React.createElement(Button, { title: "Close", onClick: () => {
-                                            props.onClose();
-                                        }, buttonStyle: ButtonStyleType.NORMAL }),
-                                    props.onSubmit && (React.createElement(Button, { title: props.submitButtonText || "Save", disabled: props.submitButtonDisabled, onClick: () => {
-                                            props.onSubmit();
-                                        }, buttonStyle: ButtonStyleType.PRIMARY })))))))))));
+    const titleId = useId();
+    const descriptionId = useId();
+    const [portalTarget, setPortalTarget] = useState(getPortalTarget);
+    useEffect(() => {
+        const syncPortalTarget = () => {
+            setPortalTarget(getPortalTarget());
+        };
+        /*
+         * Re-read once on mount as well: the first render happens before the
+         * browser has necessarily settled document.fullscreenElement.
+         */
+        syncPortalTarget();
+        document.addEventListener("fullscreenchange", syncPortalTarget);
+        return () => {
+            document.removeEventListener("fullscreenchange", syncPortalTarget);
+        };
+    }, []);
+    /*
+     * A layout effect, not an ordinary one. Hiding the page scrollbar widens the
+     * viewport that `right: 0` resolves against, so a panel that painted before
+     * the lock landed would visibly jump sideways by the scrollbar's width on
+     * every platform that draws a classic scrollbar. Locking before paint means
+     * the panel is only ever drawn in its final position.
+     */
+    useLayoutEffect(() => {
+        if (props.disablePageScrollLock) {
+            return undefined;
+        }
+        lockPageScroll();
+        return () => {
+            unlockPageScroll();
+        };
+    }, [props.disablePageScrollLock]);
+    const sideOver = (
+    /*
+     * z-30 clears every tier of page chrome (sticky headers and table headers
+     * at z-10/z-20, map and log-viewer toolbars at z-20) while staying under
+     * the app-wide overlays that must remain visible over a panel: Toast and
+     * the AI chat panel at z-40, Modal at z-50, portalled dropdown menus at
+     * z-60. Deliberately NOT z-40 — Toast and AIChatPanel are mounted ahead of
+     * the routed page in App.tsx, so an equal z-index would be broken in this
+     * panel's favour by document order and toasts would disappear behind it.
+     *
+     * role="dialog" without aria-modal, because the panel genuinely is not
+     * modal: everything outside it stays clickable by design (both topology
+     * maps let you click straight from one node's panel to the next). Claiming
+     * aria-modal also made this panel the last entry in Modal's dialog stack,
+     * which silently disabled Escape, backdrop-dismissal and initial focus on
+     * any Modal that was already open.
+     */
+    React.createElement("div", { className: "relative z-30", "aria-labelledby": titleId, "aria-describedby": props.description ? descriptionId : undefined, role: "dialog", "data-testid": "side-over" },
+        React.createElement("div", { className: "pointer-events-none fixed inset-0 flex justify-end", "data-testid": "side-over-layer" },
+            React.createElement("div", { className: `pointer-events-auto w-full ${widthClass}` },
+                React.createElement("div", { className: "flex h-full flex-col bg-white shadow-xl" },
+                    React.createElement("div", { className: "flex-shrink-0 flex flex-col bg-gray-50 px-4 py-6 sm:px-6" },
+                        React.createElement("div", { className: "flex items-start justify-between space-x-3" },
+                            React.createElement("div", { className: "space-y-1" },
+                                React.createElement("h2", { className: "text-lg font-medium text-gray-900", id: titleId, "data-testid": "side-over-title" }, props.title),
+                                React.createElement("p", { className: "text-sm text-gray-500", id: descriptionId, "data-testid": "side-over-description" }, props.description)),
+                            React.createElement("div", { className: "flex h-7 items-center" },
+                                React.createElement("button", { onClick: () => {
+                                        props.onClose();
+                                    }, type: "button", title: "Close panel", "data-testid": "close-button", className: "text-gray-400 hover:text-gray-500" },
+                                    React.createElement("span", { className: "sr-only" }, "Close panel"),
+                                    React.createElement(Icon, { className: "h-6 w-6", icon: IconProp.Close }))))),
+                    React.createElement("div", { className: "min-h-0 flex-1 overflow-y-auto overscroll-contain", "data-testid": "side-over-content" },
+                        React.createElement("div", { className: "space-y-6 py-6 sm:space-y-0 sm:divide-y sm:divide-gray-200 sm:py-0 p-5" }, props.children)),
+                    React.createElement("div", { className: "flex-shrink-0 border-t border-gray-200 px-4 py-5 sm:px-6 flex justify-between", "data-testid": "side-over-footer" },
+                        React.createElement("div", { className: "flex justify-start space-x-3" }, props.leftFooterElement),
+                        React.createElement("div", { className: "flex justify-end space-x-3" },
+                            React.createElement(Button, { title: "Close", onClick: () => {
+                                    props.onClose();
+                                }, buttonStyle: ButtonStyleType.NORMAL }),
+                            props.onSubmit && (React.createElement(Button, { title: props.submitButtonText || "Save", disabled: props.submitButtonDisabled, onClick: () => {
+                                    props.onSubmit();
+                                }, buttonStyle: ButtonStyleType.PRIMARY })))))))));
+    if (!portalTarget) {
+        return sideOver;
+    }
+    return createPortal(sideOver, portalTarget);
 };
 export default SideOver;
 //# sourceMappingURL=SideOver.js.map

package/build/dist/UI/Components/SideOver/SideOver.js.map

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

package/build/dist/UI/Components/TelemetryViewer/components/TelemetryTimeRangePicker.js

@@ -1,110 +1,10 @@
-import React, { useState, useRef, useEffect, useCallback, } from "react";
-import Icon from "../../Icon/Icon";
-import IconProp from "../../../../Types/Icon/IconProp";
-import TimeRange from "../../../../Types/Time/TimeRange";
-import StartAndEndDate, { StartAndEndDateType, } from "../../Date/StartAndEndDate";
-import { getDropdownAlignmentClassName, useDropdownHorizontalAlignment, } from "../../../Utils/DropdownAlignment";
-// Matches the Tailwind `w-72` on the dropdown below (18rem).
+import React from "react";
+import TimeRangePickerDropdown from "../../Date/TimeRangePickerDropdown";
+// Matches the Tailwind `w-72` on the rendered dropdown (18rem).
 export const TIME_RANGE_DROPDOWN_WIDTH_IN_PX = 288;
-const PRESET_OPTIONS = [
-    { range: TimeRange.PAST_FIVE_MINS, label: "Past 5 Minutes" },
-    { range: TimeRange.PAST_FIFTEEN_MINS, label: "Past 15 Minutes" },
-    { range: TimeRange.PAST_THIRTY_MINS, label: "Past 30 Minutes" },
-    { range: TimeRange.PAST_ONE_HOUR, label: "Past 1 Hour" },
-    { range: TimeRange.PAST_TWO_HOURS, label: "Past 2 Hours" },
-    { range: TimeRange.PAST_THREE_HOURS, label: "Past 3 Hours" },
-    { range: TimeRange.PAST_ONE_DAY, label: "Past 1 Day" },
-    { range: TimeRange.PAST_TWO_DAYS, label: "Past 2 Days" },
-    { range: TimeRange.PAST_ONE_WEEK, label: "Past 1 Week" },
-    { range: TimeRange.PAST_TWO_WEEKS, label: "Past 2 Weeks" },
-    { range: TimeRange.PAST_ONE_MONTH, label: "Past 1 Month" },
-    { range: TimeRange.PAST_THREE_MONTHS, label: "Past 3 Months" },
-];
-function formatDateShort(date) {
-    const month = date.toLocaleString("en-US", { month: "short" });
-    const day = date.getDate();
-    const hours = date.getHours().toString().padStart(2, "0");
-    const minutes = date.getMinutes().toString().padStart(2, "0");
-    return `${month} ${day}, ${hours}:${minutes}`;
-}
-function getButtonLabel(value) {
-    if (value.range === TimeRange.CUSTOM && value.startAndEndDate) {
-        const start = formatDateShort(value.startAndEndDate.startValue);
-        const end = formatDateShort(value.startAndEndDate.endValue);
-        return `${start} – ${end}`;
-    }
-    const preset = PRESET_OPTIONS.find((opt) => {
-        return opt.range === value.range;
-    });
-    return preset ? preset.label : value.range;
-}
+export const TELEMETRY_TIME_RANGE_PICKER_TEST_ID_PREFIX = "telemetry-time-range-picker";
 const TelemetryTimeRangePicker = (props) => {
-    const [isOpen, setIsOpen] = useState(false);
-    const [showCustom, setShowCustom] = useState(props.value.range === TimeRange.CUSTOM);
-    const containerRef = useRef(null);
-    const buttonRef = useRef(null);
-    const dropdownRef = useRef(null);
-    const alignment = useDropdownHorizontalAlignment({
-        isOpen: isOpen,
-        anchorRef: buttonRef,
-        dropdownRef: dropdownRef,
-        dropdownWidthInPx: TIME_RANGE_DROPDOWN_WIDTH_IN_PX,
-    });
-    useEffect(() => {
-        const handleClickOutside = (e) => {
-            if (containerRef.current &&
-                !containerRef.current.contains(e.target)) {
-                setIsOpen(false);
-            }
-        };
-        document.addEventListener("mousedown", handleClickOutside);
-        return () => {
-            document.removeEventListener("mousedown", handleClickOutside);
-        };
-    }, []);
-    useEffect(() => {
-        setShowCustom(props.value.range === TimeRange.CUSTOM);
-    }, [props.value.range]);
-    const handlePresetSelect = useCallback((range) => {
-        props.onChange({ range });
-        setShowCustom(false);
-        setIsOpen(false);
-    }, [props]);
-    const handleCustomDateChange = useCallback((dateRange) => {
-        if (dateRange) {
-            props.onChange({
-                range: TimeRange.CUSTOM,
-                startAndEndDate: dateRange,
-            });
-        }
-    }, [props]);
-    const buttonLabel = getButtonLabel(props.value);
-    return (React.createElement("div", { ref: containerRef, className: "relative" },
-        React.createElement("button", { ref: buttonRef, type: "button", "data-testid": "telemetry-time-range-picker-button", "aria-haspopup": "true", "aria-expanded": isOpen, className: `inline-flex items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-xs font-medium shadow-sm transition-colors ${isOpen
-                ? "border-indigo-300 bg-indigo-50 text-indigo-700"
-                : "border-gray-200 bg-white text-gray-700 hover:border-gray-300 hover:bg-gray-50"}`, onClick: () => {
-                setIsOpen(!isOpen);
-            } },
-            React.createElement(Icon, { icon: IconProp.Clock, className: "h-3.5 w-3.5" }),
-            React.createElement("span", null, buttonLabel),
-            React.createElement(Icon, { icon: IconProp.ChevronDown, className: `h-3 w-3 transition-transform ${isOpen ? "rotate-180" : ""}` })),
-        isOpen && (React.createElement("div", { ref: dropdownRef, "data-testid": "telemetry-time-range-picker-dropdown", "data-align": alignment, className: `absolute ${getDropdownAlignmentClassName(alignment)} top-full z-50 mt-1 w-72 max-w-[calc(100vw-1rem)] rounded-lg border border-gray-200 bg-white shadow-lg` },
-            React.createElement("div", { className: "max-h-64 overflow-y-auto py-1" },
-                PRESET_OPTIONS.map((option) => {
-                    const isActive = props.value.range === option.range;
-                    return (React.createElement("button", { key: option.range, type: "button", className: `flex w-full items-center px-3 py-1.5 text-left text-sm transition-colors ${isActive
-                            ? "bg-indigo-50 font-medium text-indigo-700"
-                            : "text-gray-700 hover:bg-gray-50"}`, onClick: () => {
-                            handlePresetSelect(option.range);
-                        } }, option.label));
-                }),
-                React.createElement("button", { type: "button", className: `flex w-full items-center px-3 py-1.5 text-left text-sm transition-colors ${props.value.range === TimeRange.CUSTOM
-                        ? "bg-indigo-50 font-medium text-indigo-700"
-                        : "text-gray-700 hover:bg-gray-50"}`, onClick: () => {
-                        setShowCustom(true);
-                    } }, "Custom Range...")),
-            showCustom && (React.createElement("div", { className: "border-t border-gray-100 p-3" },
-                React.createElement(StartAndEndDate, { type: StartAndEndDateType.DateTime, value: props.value.startAndEndDate, hideTimeButtons: true, onValueChanged: handleCustomDateChange })))))));
+    return (React.createElement(TimeRangePickerDropdown, { value: props.value, onChange: props.onChange, dataTestIdPrefix: TELEMETRY_TIME_RANGE_PICKER_TEST_ID_PREFIX, dropdownWidthInPx: TIME_RANGE_DROPDOWN_WIDTH_IN_PX }));
 };
 export default TelemetryTimeRangePicker;
 //# sourceMappingURL=TelemetryTimeRangePicker.js.map

package/build/dist/UI/Components/TelemetryViewer/components/TelemetryTimeRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TelemetryTimeRangePicker.js","sourceRoot":"","sources":["../../../../../../UI/Components/TelemetryViewer/components/TelemetryTimeRangePicker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TelemetryTimeRangePicker.js","sourceRoot":"","sources":["../../../../../../UI/Components/TelemetryViewer/components/TelemetryTimeRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,uBAAuB,MAAM,oCAAoC,CAAC;AAOzE,gEAAgE;AAChE,MAAM,CAAC,MAAM,+BAA+B,GAAW,GAAG,CAAC;AAE3D,MAAM,CAAC,MAAM,0CAA0C,GACrD,6BAA6B,CAAC;AAEhC,MAAM,wBAAwB,GAE1B,CAAC,KAAoC,EAAgB,EAAE;IACzD,OAAO,CACL,oBAAC,uBAAuB,IACtB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,gBAAgB,EAAE,0CAA0C,EAC5D,iBAAiB,EAAE,+BAA+B,GAClD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

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

@@ -4,10 +4,11 @@ import BasicForm from "../Forms/BasicForm";
 import FormFieldSchemaType from "../Forms/Types/FormFieldSchemaType";
 import ComponentValuePickerModal from "./ComponentValuePickerModal";
 import CronScheduleField from "./CronScheduleField";
+import ModelColumnEditor, { ModelColumnEditorMode } from "./ModelColumnEditor";
 import ModelFieldPicker from "./ModelFieldPicker";
-import { componentInputTypeToFormFieldType } from "./Utils";
+import { componentInputTypeToFormFieldType, parseStringDictionaryValue, } from "./Utils";
 import VariableModal from "./VariableModal";
-import { ComponentInputType, } from "../../../Types/Workflow/Component";
+import { ComponentInputType, isJSON5ToleratedInputType, } from "../../../Types/Workflow/Component";
 import { LIMIT_PER_PROJECT } from "../../../Types/Database/LimitMax";
 import ModelAPI from "../../Utils/ModelAPI/ModelAPI";
 import Workflow from "../../../Models/DatabaseModels/Workflow";
@@ -20,6 +21,71 @@ const ArgumentsForm = (props) => {
     const [showComponentPickerModal, setShowComponentPickerModal] = useState(false);
     const [hasFormValidationErrors, setHasFormValidationErrors] = useState({});
     const [selectedArgId, setSelectedArgId] = useState("");
+    /*
+     * Arguments flagged isAdvanced are collapsed behind a disclosure, so the
+     * settings panel opens on the two or three fields that actually decide what
+     * the step does rather than on every knob it has. A required argument is
+     * never collapsed no matter how it is flagged: BasicForm skips validation
+     * for a field hidden by showIf, so hiding a required one would let an
+     * incomplete step save cleanly.
+     */
+    const collapsibleAdvancedArguments = (component.metadata.arguments || []).filter((arg) => {
+        return Boolean(arg.isAdvanced) && !arg.required;
+    });
+    const hasValueForArgument = (arg) => {
+        const value = component.arguments
+            ? component.arguments[arg.id]
+            : undefined;
+        if (value === undefined || value === null) {
+            return false;
+        }
+        if (typeof value === "string") {
+            return value.trim() !== "";
+        }
+        if (typeof value === "object") {
+            return Object.keys(value).length > 0;
+        }
+        return true;
+    };
+    /*
+     * Open on load when something down there is already set, so an existing
+     * configuration is never hidden from the person who comes back to read it.
+     */
+    const [showAdvanced, setShowAdvanced] = useState(collapsibleAdvancedArguments.some(hasValueForArgument));
+    const isCollapsibleAdvanced = (arg) => {
+        return collapsibleAdvancedArguments.some((advancedArg) => {
+            return advancedArg.id === arg.id;
+        });
+    };
+    /*
+     * StringDictionary arguments render as key/value rows, and the row editor
+     * needs a real object. Every workflow written before that change stored a
+     * JSON string, so parse those on the way into the form. Anything
+     * parseStringDictionaryValue declines stays a string and keeps the JSON
+     * editor (see componentInputTypeToFormFieldType), so the two always agree.
+     */
+    const formInitialValues = Object.assign({}, (component.arguments || {}));
+    for (const arg of component.metadata.arguments || []) {
+        if (arg.type !== ComponentInputType.StringDictionary) {
+            continue;
+        }
+        const parsed = parseStringDictionaryValue(formInitialValues[arg.id]);
+        if (parsed !== null) {
+            formInitialValues[arg.id] = parsed;
+        }
+    }
+    /*
+     * Everyday settings first, collapsible ones last, each group keeping its
+     * declared order. Without this an advanced argument declared in the middle
+     * would pop into the middle of the form when the disclosure opens.
+     */
+    const orderedArguments = [
+        ...(component.metadata.arguments || []).filter((arg) => {
+            return !isCollapsibleAdvanced(arg);
+        }),
+        ...collapsibleAdvancedArguments,
+    ];
+    const firstAdvancedArgumentIndex = orderedArguments.length - collapsibleAdvancedArguments.length;
     /*
      * Workflows in the current project, used to populate dropdowns for any
      * argument of type WorkflowSelect (e.g. the "Workflow" field on the
@@ -104,14 +170,21 @@ const ArgumentsForm = (props) => {
             hasWorkflowSelectArg && isLoadingWorkflows && React.createElement(ComponentLoader, null),
             component.metadata.arguments &&
                 component.metadata.arguments.length > 0 &&
-                !(hasWorkflowSelectArg && isLoadingWorkflows) && (React.createElement(BasicForm, { hideSubmitButton: true, ref: formRef, initialValues: Object.assign({}, (component.arguments || {})), onChange: (values) => {
+                !(hasWorkflowSelectArg && isLoadingWorkflows) && (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) => {
-                    if (hasFormValidationErrors["id"] !== hasError) {
-                        setHasFormValidationErrors(Object.assign(Object.assign({}, hasFormValidationErrors), { id: hasError }));
+                    /*
+                     * Keyed "arguments", not "id": the Identifier field in the
+                     * settings modal reports into the same dictionary under "id",
+                     * so both forms were overwriting each other. Typing in the
+                     * Identifier box cleared an outstanding argument error and
+                     * re-enabled Save on a component that was still invalid.
+                     */
+                    if (hasFormValidationErrors["arguments"] !== hasError) {
+                        setHasFormValidationErrors(Object.assign(Object.assign({}, hasFormValidationErrors), { arguments: hasError }));
                     }
                 }, fields: component.metadata.arguments &&
-                    component.metadata.arguments.map((arg) => {
+                    orderedArguments.map((arg, argIndex) => {
                         const isWorkflowSelect = arg.type === ComponentInputType.WorkflowSelect;
                         /*
                          * Database Select args (the "Select Fields" / "Listen on"
@@ -128,8 +201,36 @@ const ArgumentsForm = (props) => {
                          * or a variable reference) instead of a bare dropdown.
                          */
                         const useCronPicker = arg.type === ComponentInputType.CronTab;
+                        /*
+                         * Query arguments (which records does this act on) and
+                         * BaseModel arguments (which values does it write) are both
+                         * keyed on the model's columns, so both get the row editor
+                         * backed by the model schema. Same tableName requirement as
+                         * the field picker.
+                         *
+                         * BaseModelArray is deliberately not included: it holds a
+                         * list of records, which rows cannot represent.
+                         */
+                        const columnEditorMode = !component.metadata.tableName
+                            ? undefined
+                            : arg.type === ComponentInputType.Query
+                                ? ModelColumnEditorMode.Query
+                                : arg.type === ComponentInputType.BaseModel
+                                    ? ModelColumnEditorMode.Record
+                                    : undefined;
                         let baseField;
-                        if (useFieldPicker) {
+                        if (columnEditorMode) {
+                            baseField = {
+                                fieldType: FormFieldSchemaType.CustomComponent,
+                                getCustomElement: (_values, customProps) => {
+                                    return (React.createElement(ModelColumnEditor, { tableName: component.metadata.tableName, mode: columnEditorMode, initialValue: customProps.initialValue, onChange: (value) => {
+                                            var _a;
+                                            void ((_a = customProps.onChange) === null || _a === void 0 ? void 0 : _a.call(customProps, value));
+                                        }, placeholder: customProps.placeholder, error: customProps.error, tabIndex: customProps.tabIndex }));
+                                },
+                            };
+                        }
+                        else if (useFieldPicker) {
                             baseField = {
                                 fieldType: FormFieldSchemaType.CustomComponent,
                                 getCustomElement: (_values, customProps) => {
@@ -170,8 +271,24 @@ const ArgumentsForm = (props) => {
                          * cron picker (which has its own built-in variable selector,
                          * and a schedule can't reference component return values).
                          */
-                        const showVariableFooter = !isWorkflowSelect && !useFieldPicker && !useCronPicker;
-                        return Object.assign({ title: `${arg.name}`, footerElement: showVariableFooter ? (React.createElement("div", { className: "text-gray-500" },
+                        const showVariableFooter = !isWorkflowSelect &&
+                            !useFieldPicker &&
+                            !useCronPicker &&
+                            !columnEditorMode;
+                        const isAdvanced = isCollapsibleAdvanced(arg);
+                        return Object.assign({ title: `${arg.name}`, 
+                            /*
+                             * The heading sits on the first advanced field, so the
+                             * disclosure reads as a labelled section rather than as a
+                             * run of extra inputs appearing out of nowhere.
+                             */
+                            sectionTitle: isAdvanced && argIndex === firstAdvancedArgumentIndex
+                                ? "Advanced"
+                                : undefined, showIf: isAdvanced
+                                ? () => {
+                                    return showAdvanced;
+                                }
+                                : undefined, footerElement: showVariableFooter ? (React.createElement("div", { className: "text-gray-500" },
                                 React.createElement("p", { className: "text-sm" },
                                     "Pick this value from other",
                                     " ",
@@ -187,8 +304,20 @@ const ArgumentsForm = (props) => {
                                             setShowVariableModal(true);
                                         } }, "variable.")))) : undefined, description: `${arg.required ? "Required" : "Optional"}. ${arg.description}`, field: {
                                 [arg.id]: true,
-                            }, required: arg.required, placeholder: arg.placeholder }, baseField);
-                    }) }))),
+                            }, required: arg.required, placeholder: arg.placeholder, 
+                            /*
+                             * Some argument types are read back with JSON5 rather than
+                             * JSON, so the check has to be no stricter than the parser
+                             * that will actually see the value.
+                             */
+                            allowJSON5: isJSON5ToleratedInputType(arg.type) }, baseField);
+                    }) })),
+            collapsibleAdvancedArguments.length > 0 && (React.createElement("div", { className: "mt-3" },
+                React.createElement("button", { type: "button", "aria-expanded": showAdvanced, className: "text-sm underline text-blue-500 hover:text-blue-600 cursor-pointer", onClick: () => {
+                        setShowAdvanced(!showAdvanced);
+                    } }, showAdvanced
+                    ? "Hide advanced settings"
+                    : `Show ${collapsibleAdvancedArguments.length} advanced setting${collapsibleAdvancedArguments.length === 1 ? "" : "s"}`)))),
         showVariableModal && (React.createElement(VariableModal, { workflowId: props.workflowId, onClose: () => {
                 setShowVariableModal(false);
             }, onSave: (variableId) => {

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

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

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

@@ -239,25 +239,26 @@ const Node = (props) => {
             props.data.metadata.inPorts.map((port, i) => {
                 return (React.createElement(Handle, { key: i, type: "target", id: port.id, onConnect: (_params) => { }, isConnectable: true, position: Position.Top, style: Object.assign({ background: colors.handleBg, height: "10px", width: "10px", border: `2px solid ${colors.handleBorder}`, top: "-5px", transition: "all 0.15s ease" }, getPortPosition(i + 1, props.data.metadata.inPorts.length, false)) }));
             }))),
-        !props.data.isPreview && hasError && (React.createElement("div", { style: {
-                position: "absolute",
-                top: "8px",
-                right: "8px",
-                zIndex: 10,
-                width: "22px",
-                height: "22px",
-                borderRadius: "50%",
-                backgroundColor: "color-mix(in srgb, #ef4444 15%, var(--ou-surface-primary, #ffffff))",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                border: "1px solid rgb(248 113 113 / 45%)",
-            } },
-            React.createElement(Icon, { icon: IconProp.Alert, style: {
-                    color: "#ef4444",
-                    width: "0.75rem",
-                    height: "0.75rem",
-                }, thick: ThickProp.Thick }))),
+        !props.data.isPreview && hasError && (React.createElement(Tooltip, { text: props.data.error },
+            React.createElement("div", { style: {
+                    position: "absolute",
+                    top: "8px",
+                    right: "8px",
+                    zIndex: 10,
+                    width: "22px",
+                    height: "22px",
+                    borderRadius: "50%",
+                    backgroundColor: "color-mix(in srgb, #ef4444 15%, var(--ou-surface-primary, #ffffff))",
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    border: "1px solid rgb(248 113 113 / 45%)",
+                } },
+                React.createElement(Icon, { icon: IconProp.Alert, style: {
+                        color: "#ef4444",
+                        width: "0.75rem",
+                        height: "0.75rem",
+                    }, thick: ThickProp.Thick })))),
         React.createElement("div", { style: {
                 background: colors.headerBg,
                 padding: "0.625rem 0.875rem",