pollination-react-io 1.11.0 → 1.12.0

package/build/index.js

@@ -44,18 +44,18 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
-var __assign$3 = function() {
-    __assign$3 = Object.assign || function __assign(t) {
+var __assign = function() {
+    __assign = Object.assign || function __assign(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$3.apply(this, arguments);
+    return __assign.apply(this, arguments);
 };
 
-function __rest$2(s, e) {
+function __rest(s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
@@ -134,7 +134,7 @@ function __read(o, n) {
     return ar;
 }
 
-function __spreadArray$1(to, from, pack) {
+function __spreadArray(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);
@@ -21621,11 +21621,11 @@ var basePath = process.env.REACT_APP_API_BASE_PATH || 'https://api.pollination.c
 var useAPIClient = function (config) {
     var _a = React.useState(), authUser = _a[0], setAuthUser = _a[1];
     var _b = React.useState(false), loading = _b[0], setLoading = _b[1];
-    var client = React.useRef(new APIClient(__assign$3({ basePath: basePath }, config)));
+    var client = React.useRef(new APIClient(__assign({ basePath: basePath }, config)));
     React.useEffect(function () {
         if (!config)
             return;
-        client.current.configure(__assign$3({ basePath: basePath }, config));
+        client.current.configure(__assign({ basePath: basePath }, config));
         setLoading(true);
         client.current.user.getMe()
             .then(function (_a) {
@@ -21813,7 +21813,18 @@ var useCreateStudy = function (accountName, projectName, client) {
     var processEntry = React.useCallback(function (_a) {
         var name = _a[0], value = _a[1];
         return new Promise(function (resolve, reject) {
-            if (!(value instanceof File)) {
+            // true for files selected via SelectCloudArtifacts
+            if (typeof value.pollination_cloud_path === 'string') {
+                resolve({
+                    name: name,
+                    type: 'JobPathArgument',
+                    source: {
+                        type: 'ProjectFolder',
+                        path: value.pollination_cloud_path
+                    }
+                });
+            }
+            else if (!(value instanceof File)) {
                 resolve({
                     name: name,
                     type: 'JobArgument',
@@ -21821,7 +21832,8 @@ var useCreateStudy = function (accountName, projectName, client) {
                 });
             }
             else {
-                resolve(uploadArtifact(undefined, value).then(function (data) { return ({
+                resolve(uploadArtifact(undefined, value)
+                    .then(function (data) { return ({
                     name: name,
                     type: 'JobPathArgument',
                     source: {
@@ -21832,7 +21844,7 @@ var useCreateStudy = function (accountName, projectName, client) {
             }
         });
     }, [uploadArtifact]);
-    var webCreateJob = React.useCallback(function (_a, data) {
+    var createStudy = React.useCallback(function (_a, data) {
         var name = _a.name, source = _a.source, description = _a.description;
         if (!client)
             return;
@@ -21865,7 +21877,7 @@ var useCreateStudy = function (accountName, projectName, client) {
             });
         });
     }, [accountName, client, processEntry, projectName, uploadArtifact]);
-    var rhinoCreateJob = React.useCallback(function (_a, data, key) {
+    var createLocalStudy = React.useCallback(function (_a, data, key) {
         var name = _a.name, source = _a.source, description = _a.description;
         if (key === void 0) { key = performance.now().toString(); }
         return __awaiter(void 0, void 0, void 0, function () {
@@ -21894,19 +21906,10 @@ var useCreateStudy = function (accountName, projectName, client) {
             });
         });
     }, [client, processEntry, uploadArtifact]);
-    var createJob = React.useMemo(function () {
-        switch (host) {
-            case 'web':
-                return webCreateJob;
-            case 'rhino':
-                return rhinoCreateJob;
-            default:
-                return undefined;
-        }
-    }, [host, rhinoCreateJob, webCreateJob]);
     return {
         host: host,
-        createStudy: createJob
+        createStudy: createStudy,
+        createLocalStudy: createLocalStudy
     };
 };
 
@@ -23806,7 +23809,7 @@ var useGetHbjson = function () {
     var revitGetHbjson = React.useCallback(function () {
         if (!checkDotNet())
             return;
-        window.parent.chrome.webview.hostObjects.sync.hbjson.Get();
+        window.parent.chrome.webview.hostObjects.sync.hbjson.GetAsync();
     }, []);
     var getHbjson = React.useMemo(function () {
         switch (host) {
@@ -23815,7 +23818,7 @@ var useGetHbjson = function () {
             case 'revit':
                 return revitGetHbjson;
             case 'sketchup':
-                return revitGetHbjson;
+                return dotNetGetHbjson;
             default:
                 return undefined;
         }
@@ -23899,8 +23902,8 @@ var useSendHbjson = function () {
     var sendHbjson = React.useCallback(function (action, message) {
         if (!checkDotNet())
             return;
-        var response = sendMessageDotNet(__assign$3({ action: action }, message));
-        setState(function (state) { return (__assign$3(__assign$3({}, state), { response: response })); });
+        var response = sendMessageDotNet(__assign({ action: action }, message));
+        setState(function (state) { return (__assign(__assign({}, state), { response: response })); });
         return response;
     }, []);
     return ({
@@ -23914,8 +23917,8 @@ var useSendMessage = function () {
     var host = getHost();
     var _a = React.useState(), state = _a[0], setState = _a[1];
     var sendMessage = React.useCallback(function (action, message) {
-        var response = sendMessageDotNet(__assign$3({ action: action }, message));
-        setState(function (state) { return (__assign$3(__assign$3({}, state), { response: response })); });
+        var response = sendMessageDotNet(__assign({ action: action }, message));
+        setState(function (state) { return (__assign(__assign({}, state), { response: response })); });
         return response;
     }, []);
     return ({
@@ -23957,22 +23960,22 @@ var useRunCommand = function (defaultKey) {
 var useManageSettings = function () {
     var _a = useSendMessage(), host = _a.host, sendMessage = _a.sendMessage;
     var sendSettings = React.useCallback(function (settings) {
-        return sendMessage('SetModelSettings', { data: settings });
+        return sendMessage('AddSettings', { data: settings });
     }, [sendMessage]);
-    var getSettings = React.useCallback(function () {
+    var getSettings = React.useCallback(function (key) {
         // if (!checkDotNet()) return
+        if (key === void 0) { key = performance.now().toString(); }
         var settings;
         try {
             settings = window.parent.chrome.webview.hostObjects.sync.settings.GetModelSettings();
         }
         catch (_a) {
-            throw new Error('window.parent.chrome.webview.hostObjects.sync.settings.GetModelSettings() is not available on this platform or has been deprecated.');
-        }
-        try {
-            settings = window.parent.chrome.webview.hostObjects.sync.settings.Get();
-        }
-        catch (_b) {
-            throw new Error('window.parent.chrome.webview.hostObjects.sync.settings.Get() is not available on this platform or has been deprecated.');
+            try {
+                settings = window.parent.chrome.webview.hostObjects.sync.settings.Get(key).data;
+            }
+            catch (_b) {
+                throw new Error('Neither window.parent.chrome.webview.hostObjects.sync.settings.GetModelSettings() nor .Get() are available on this platform.');
+            }
         }
         return settings;
     }, []);
@@ -25567,32 +25570,6 @@ if (process.env.NODE_ENV === 'production') {
 
 function t$4(t){return "object"==typeof t&&null!=t&&1===t.nodeType}function e$4(t,e){return (!e||"hidden"!==t)&&"visible"!==t&&"clip"!==t}function n$5(t,n){if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){var r=getComputedStyle(t,null);return e$4(r.overflowY,n)||e$4(r.overflowX,n)||function(t){var e=function(t){if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}}(t);return !!e&&(e.clientHeight<t.scrollHeight||e.clientWidth<t.scrollWidth)}(t)}return !1}function r$5(t,e,n,r,i,o,l,d){return o<t&&l>e||o>t&&l<e?0:o<=t&&d<=n||l>=e&&d>=n?o-t-r:l>e&&d<n||o<t&&d>n?l-e+i:0}function computeScrollIntoView(e,i){var o=window,l=i.scrollMode,d=i.block,u=i.inline,h=i.boundary,a=i.skipOverflowHiddenElements,c="function"==typeof h?h:function(t){return t!==h};if(!t$4(e))throw new TypeError("Invalid target");for(var f=document.scrollingElement||document.documentElement,s=[],p=e;t$4(p)&&c(p);){if((p=p.parentElement)===f){s.push(p);break}null!=p&&p===document.body&&n$5(p)&&!n$5(document.documentElement)||null!=p&&n$5(p,a)&&s.push(p);}for(var m=o.visualViewport?o.visualViewport.width:innerWidth,g=o.visualViewport?o.visualViewport.height:innerHeight,w=window.scrollX||pageXOffset,v=window.scrollY||pageYOffset,W=e.getBoundingClientRect(),b=W.height,H=W.width,y=W.top,E=W.right,M=W.bottom,V=W.left,x="start"===d||"nearest"===d?y:"end"===d?M:y+b/2,I="center"===u?V+H/2:"end"===u?E:V,C=[],T=0;T<s.length;T++){var k=s[T],B=k.getBoundingClientRect(),D=B.height,O=B.width,R=B.top,X=B.right,Y=B.bottom,L=B.left;if("if-needed"===l&&y>=0&&V>=0&&M<=g&&E<=m&&y>=R&&M<=Y&&V>=L&&E<=X)return C;var S=getComputedStyle(k),j=parseInt(S.borderLeftWidth,10),q=parseInt(S.borderTopWidth,10),z=parseInt(S.borderRightWidth,10),A=parseInt(S.borderBottomWidth,10),F=0,G=0,J="offsetWidth"in k?k.offsetWidth-k.clientWidth-j-z:0,K="offsetHeight"in k?k.offsetHeight-k.clientHeight-q-A:0;if(f===k)F="start"===d?x:"end"===d?x-g:"nearest"===d?r$5(v,v+g,g,q,A,v+x,v+x+b,b):x-g/2,G="start"===u?I:"center"===u?I-m/2:"end"===u?I-m:r$5(w,w+m,m,j,z,w+I,w+I+H,H),F=Math.max(0,F+v),G=Math.max(0,G+w);else {F="start"===d?x-R-q:"end"===d?x-Y+A+K:"nearest"===d?r$5(R,Y,D,q,A+K,x,x+b,b):x-(R+D/2)+K/2,G="start"===u?I-L-j:"center"===u?I-(L+O/2)+J/2:"end"===u?I-X+z+J:r$5(L,X,O,j,z+J,I,I+H,H);var N=k.scrollLeft,P=k.scrollTop;x+=P-(F=Math.max(0,Math.min(P+F,k.scrollHeight-D+K))),I+=N-(G=Math.max(0,Math.min(N+G,k.scrollWidth-O+J)));}C.push({el:k,top:F,left:G});}return C}
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign$2 = function() {
-    __assign$2 = Object.assign || function __assign(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$2.apply(this, arguments);
-};
-
 var idCounter$1 = 0;
 /**
  * Accepts a parameter and returns it if it's a function
@@ -27862,7 +27839,7 @@ function getA11yStatusMessage(_a) {
     }
     return '';
 }
-__assign$2(__assign$2({}, defaultProps$3$1), { getA11yStatusMessage: getA11yStatusMessage });
+__assign(__assign({}, defaultProps$3$1), { getA11yStatusMessage: getA11yStatusMessage });
 /* istanbul ignore next */
 if (process.env.NODE_ENV !== 'production') ;
 
@@ -31877,7 +31854,7 @@ styleInject(css_248z$9);
 
 var ButtonGroup = function (_a) {
     var _b = _a.wrapperProps, wrapperProps = _b === void 0 ? {} : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, children = _a.children;
-    return (React__default["default"].createElement("div", __assign$3({ className: "btn-group ".concat(disabled && 'btn-group-disabled') }, wrapperProps), children));
+    return (React__default["default"].createElement("div", __assign({ className: "btn-group ".concat(disabled && 'btn-group-disabled') }, wrapperProps), children));
 };
 
 var ICON_SIZE$1 = 18;
@@ -31923,8 +31900,8 @@ var ComboBox = React__default["default"].forwardRef(function ComboBox(_a, ref) {
         closeMenu();
     }, [closeMenu, selectedItem, setSelected]);
     return (React__default["default"].createElement("div", { "data-testid": "ComboBoxSelect", className: "poll-combobox" },
-        React__default["default"].createElement(ButtonGroup, { wrapperProps: __assign$3(__assign$3({}, getComboboxProps()), { style: __assign$3(__assign$3({}, inputStyle), { position: 'relative', width: '100%' }) }), disabled: disabled },
-            React__default["default"].createElement("input", __assign$3({}, getInputProps(__assign$3(__assign$3({ placeholder: 'Search for something...' }, inputProps), { onFocus: function () {
+        React__default["default"].createElement(ButtonGroup, { wrapperProps: __assign(__assign({}, getComboboxProps()), { style: __assign(__assign({}, inputStyle), { position: 'relative', width: '100%' }) }), disabled: disabled },
+            React__default["default"].createElement("input", __assign({}, getInputProps(__assign(__assign({ placeholder: 'Search for something...' }, inputProps), { onFocus: function () {
                     openMenu();
                 } })), { spellCheck: false, disabled: disabled, style: {
                     paddingLeft: 34,
@@ -31956,7 +31933,7 @@ var ComboBox = React__default["default"].forwardRef(function ComboBox(_a, ref) {
                             borderBottomRightRadius: isOpen ? 0 : 4,
                         } },
                         React__default["default"].createElement(X$3, { size: ICON_SIZE$1 })))
-                    : (React__default["default"].createElement("button", __assign$3({ disabled: disabled }, getToggleButtonProps(), { style: {
+                    : (React__default["default"].createElement("button", __assign({ disabled: disabled }, getToggleButtonProps(), { style: {
                             borderBottomRightRadius: isOpen ? 0 : 4,
                         } }),
                         React__default["default"].createElement(ArrowDown$1, { size: ICON_SIZE$1 })))),
@@ -31979,10 +31956,16 @@ var ComboBox = React__default["default"].forwardRef(function ComboBox(_a, ref) {
                         return;
                     debouncedOnScrollReachEnd && debouncedOnScrollReachEnd();
                 } },
-                React__default["default"].createElement("ul", __assign$3({}, getMenuProps(), { style: __assign$3(__assign$3({}, menuStyle), { display: 'flex', width: '100%', boxSizing: 'border-box', zIndex: 100, padding: 0, flexDirection: 'column', margin: 0 }) }), inputItems.map(function (item, i, arr) { return (React__default["default"].createElement("li", __assign$3({ className: "poll-combobox-item", style: highlightedIndex === i ? { backgroundColor: '#bde4ff' } : {}, key: "".concat(item.name, "-").concat(i) }, getItemProps({
+                React__default["default"].createElement("ul", __assign({}, getMenuProps(), { style: __assign(__assign({}, menuStyle), { display: 'flex', width: '100%', boxSizing: 'border-box', zIndex: 100, padding: 0, flexDirection: 'column', margin: 0 }) }), inputItems.map(function (item, i, arr) { return (React__default["default"].createElement("li", __assign({ className: "poll-combobox-item", style: {
+                        backgroundColor: highlightedIndex === i ? '#bde4ff' : undefined,
+                        color: item.disabled ? 'var(--slate10)' : undefined,
+                        cursor: item.disabled ? 'default' : undefined,
+                        fill: item.disabled ? 'var(--slate10)' : undefined
+                    }, key: "".concat(item.name, "-").concat(i) }, getItemProps({
                     item: item,
                     index: i,
                     // isSelected: selectedItem && selectedItem.id === item.id, 
+                    disabled: typeof item.disabled === 'boolean' && item.disabled
                 })), renderItem ? renderItem(item, i, arr) : item.name)); }))),
             React__default["default"].createElement("div", { className: 'poll-combo-footer-container', style: {
                     opacity: isOpen ? 1 : 0
@@ -32132,54 +32115,6 @@ var hideOthers = function (originalTarget, parentNode, markerName) {
     };
 };
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign$1 = function() {
-    __assign$1 = Object.assign || function __assign(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$1.apply(this, arguments);
-};
-
-function __rest$1(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __spreadArray(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));
-}
-
 var zeroRightClassName = 'right-scroll-bar-position';
 var fullWidthClassName = 'width-before-scroll-bar';
 var noScrollbarsClassName = 'with-scroll-bars-hidden';
@@ -32269,44 +32204,6 @@ function useMergeRefs(refs, defaultValue) {
     return useCallbackRef(defaultValue || null, function (newValue) { return refs.forEach(function (ref) { return assignRef(ref, newValue); }); });
 }
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(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);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
 function ItoI(a) {
     return a;
 }
@@ -32413,13 +32310,13 @@ var RemoveScroll = React__namespace.forwardRef(function (props, parentRef) {
         onWheelCapture: nothing,
         onTouchMoveCapture: nothing,
     }), callbacks = _a[0], setCallbacks = _a[1];
-    var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? 'div' : _b, rest = __rest$1(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]);
+    var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? 'div' : _b, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as"]);
     var SideCar = sideCar;
     var containerRef = useMergeRefs([ref, parentRef]);
-    var containerProps = __assign$1(__assign$1({}, rest), callbacks);
+    var containerProps = __assign(__assign({}, rest), callbacks);
     return (React__namespace.createElement(React__namespace.Fragment, null,
         enabled && (React__namespace.createElement(SideCar, { sideCar: effectCar, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref })),
-        forwardProps ? (React__namespace.cloneElement(React__namespace.Children.only(children), __assign$1(__assign$1({}, containerProps), { ref: containerRef }))) : (React__namespace.createElement(Container, __assign$1({}, containerProps, { className: className, ref: containerRef }), children))));
+        forwardProps ? (React__namespace.cloneElement(React__namespace.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef }))) : (React__namespace.createElement(Container, __assign({}, containerProps, { className: className, ref: containerRef }), children))));
 });
 RemoveScroll.defaultProps = {
     enabled: true,
@@ -32837,7 +32734,7 @@ function RemoveScrollSideCar(props) {
 
 var SideCar = exportSidecar(effectCar, RemoveScrollSideCar);
 
-var ReactRemoveScroll = React__namespace.forwardRef(function (props, ref) { return (React__namespace.createElement(RemoveScroll, __assign$1({}, props, { ref: ref, sideCar: SideCar }))); });
+var ReactRemoveScroll = React__namespace.forwardRef(function (props, ref) { return (React__namespace.createElement(RemoveScroll, __assign({}, props, { ref: ref, sideCar: SideCar }))); });
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var C$1 = ReactRemoveScroll;
 
@@ -32854,7 +32751,7 @@ var Dropdown = function (_a) {
         var _a;
         switch (o.type) {
             case 'checkbox':
-                return (React__default["default"].createElement(CheckboxItem, __assign$3({ key: o.id, className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); }, checked: o.checked, disabled: o.disabled }, itemProps),
+                return (React__default["default"].createElement(CheckboxItem, __assign({ key: o.id, className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); }, checked: o.checked, disabled: o.disabled }, itemProps),
                     React__default["default"].createElement(ItemIndicator, { style: {
                             position: 'absolute',
                             display: 'inline-flex',
@@ -32863,7 +32760,7 @@ var Dropdown = function (_a) {
                         React__default["default"].createElement(CheckCircle$1, null)),
                     o.label));
             case 'radio':
-                return (React__default["default"].createElement(RadioItem, __assign$3({ key: o.id, className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); }, textValue: o.label, value: o.id, disabled: o.disabled }, itemProps),
+                return (React__default["default"].createElement(RadioItem, __assign({ key: o.id, className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); }, textValue: o.label, value: o.id, disabled: o.disabled }, itemProps),
                     React__default["default"].createElement(ItemIndicator, { style: {
                             position: 'absolute',
                             display: 'inline-flex',
@@ -32875,14 +32772,14 @@ var Dropdown = function (_a) {
                 return (React__default["default"].createElement(Label$1, { key: o.id }, o.label));
             case 'link':
                 return (React__default["default"].createElement("a", { href: (_a = o.to) !== null && _a !== void 0 ? _a : '/', key: o.id, style: { color: 'unset' } },
-                    React__default["default"].createElement(Item, __assign$3({ className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); } }, itemProps), o.label)));
+                    React__default["default"].createElement(Item, __assign({ className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); } }, itemProps), o.label)));
             default:
-                return (React__default["default"].createElement(Item, __assign$3({ key: o.id, className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); } }, itemProps), o.label));
+                return (React__default["default"].createElement(Item, __assign({ key: o.id, className: "poll-select-item", onSelect: function () { return o.onSelect && o.onSelect(o); } }, itemProps), o.label));
         }
     }, [itemProps]);
     return (React__default["default"].createElement(Root, { open: open && !disabled },
         React__default["default"].createElement(Trigger, { asChild: true, disabled: disabled }, trigger),
-        React__default["default"].createElement(Content, __assign$3({ className: "poll-select-content" }, contentProps),
+        React__default["default"].createElement(Content, __assign({ className: "poll-select-content" }, contentProps),
             optionGroups.map(function (group, i, a) { return (React__default["default"].createElement(ConditionalWrapper, { condition: typeof group.type !== 'undefined', wrapper: function (children) { return (group.type === 'radio'
                     ? React__default["default"].createElement(RadioGroup, { value: group.value }, children)
                     : React__default["default"].createElement(Group, null, children)); }, key: "".concat(group.type, "-").concat(i) },
@@ -33138,7 +33035,7 @@ function toFilePromises(item) {
     return fromDataTransferItem(item);
 }
 function flatten(items) {
-    return items.reduce(function (acc, files) { return __spreadArray$1(__spreadArray$1([], __read(acc), false), __read((Array.isArray(files) ? flatten(files) : [files])), false); }, []);
+    return items.reduce(function (acc, files) { return __spreadArray(__spreadArray([], __read(acc), false), __read((Array.isArray(files) ? flatten(files) : [files])), false); }, []);
 }
 function fromDataTransferItem(item) {
     var file = item.getAsFile();
@@ -34538,7 +34435,7 @@ var FileInput = function (_a) {
         var file = acceptedFiles[0];
         return file.name;
     }, [acceptedFiles]);
-    return (React__default["default"].createElement("div", __assign$3({}, getRootProps({ className: disabled ? 'poll-drop-zone-disabled' : 'poll-drop-zone' })),
+    return (React__default["default"].createElement("div", __assign({}, getRootProps({ className: disabled ? 'poll-drop-zone-disabled' : 'poll-drop-zone' })),
         React__default["default"].createElement("div", { style: {
                 display: 'flex',
                 gap: 16,
@@ -34580,7 +34477,7 @@ var FileInput = function (_a) {
                 maxWidth: 140,
                 cursor: disabled ? 'default' : 'pointer'
             }, className: "poll-file-input-button ".concat(disabled && 'poll-file-input-button-disabled') }, "Browse"),
-        React__default["default"].createElement("input", __assign$3({ type: "file", multiple: false }, inputProps, getInputProps()))));
+        React__default["default"].createElement("input", __assign({ type: "file", multiple: false }, inputProps, getInputProps()))));
 };
 
 var InputDescription = function (_a) {
@@ -35713,7 +35610,7 @@ var Label = function (_a) {
                 justifyContent: 'flex-start',
                 width: '100%',
             } },
-            React__default["default"].createElement("label", { htmlFor: name !== null && name !== void 0 ? name : (typeof label === 'string' ? slugify(label, { lower: true }) : 'undefined'), style: __assign$3({ background: 'var(--background)', borderRadius: 4, width: 'fit-content', zIndex: 100, fontSize: '0.8rem', color: disabled ? 'var(--slate11)' : 'var(--primary)', fill: disabled ? 'var(--slate11)' : 'var(--primary)', padding: '0px 4px', marginBottom: 0, backgroundColor: 'inherit' }, style) }, label)),
+            React__default["default"].createElement("label", { htmlFor: name !== null && name !== void 0 ? name : (typeof label === 'string' ? slugify(label, { lower: true }) : 'undefined'), style: __assign({ background: 'var(--background)', borderRadius: 4, width: 'fit-content', zIndex: 100, fontSize: '0.8rem', color: disabled ? 'var(--slate11)' : 'var(--primary)', fill: disabled ? 'var(--slate11)' : 'var(--primary)', padding: '0px 4px', marginBottom: 0, backgroundColor: 'inherit' }, style) }, label)),
         children));
 };
 
@@ -35742,7 +35639,7 @@ styleInject(css_248z$5);
 
 var NumberInput = function (_a) {
     var _b = _a.inputProps, inputProps = _b === void 0 ? { defaultValue: 0 } : _b, _c = _a.icon, icon = _c === void 0 ? React__default["default"].createElement(Hash$1, null) : _c, style = _a.style, reset = _a.reset;
-    return (React__default["default"].createElement("div", { style: __assign$3(__assign$3({ width: '100%' }, style), { position: 'relative' }), className: "".concat(inputProps.disabled && 'number-input-disabled', " number-input") },
+    return (React__default["default"].createElement("div", { style: __assign(__assign({ width: '100%' }, style), { position: 'relative' }), className: "".concat(inputProps.disabled && 'number-input-disabled', " number-input") },
         icon
             && (React__default["default"].createElement("i", { style: {
                     position: 'absolute',
@@ -35755,7 +35652,7 @@ var NumberInput = function (_a) {
                     zIndex: 20,
                     fill: inputProps.disabled ? 'var(--slate11)' : 'var(--primary)'
                 } }, icon)),
-        React__default["default"].createElement("input", __assign$3({ style: {
+        React__default["default"].createElement("input", __assign({ style: {
                 paddingLeft: 35,
                 borderRadius: 4,
                 flex: 12,
@@ -35780,7 +35677,7 @@ var SettingsButton = function (_a) {
                 label),
             options && options.length
                 && React__default["default"].createElement(React__default["default"].Fragment, null, asButtons ?
-                    React__default["default"].createElement(React__default["default"].Fragment, null, options.reduce(function (p, c) { return __spreadArray$1(__spreadArray$1([], p, true), c.options, true); }, []).map(function (o) {
+                    React__default["default"].createElement(React__default["default"].Fragment, null, options.reduce(function (p, c) { return __spreadArray(__spreadArray([], p, true), c.options, true); }, []).map(function (o) {
                         var _a;
                         return React__default["default"].createElement("button", { type: 'button', key: o.id, style: {
                                 boxShadow: !disabled && o.checked ? 'inset 0px 0px 9px 4px #096dd9' : undefined
@@ -35800,7 +35697,7 @@ styleInject(css_248z$4);
 
 var TextInput = function (_a) {
     var _b = _a.inputProps, inputProps = _b === void 0 ? { placeholder: 'Input some text...' } : _b, _c = _a.icon, icon = _c === void 0 ? React__default["default"].createElement(CursorText$1, null) : _c, style = _a.style, reset = _a.reset;
-    return (React__default["default"].createElement("div", { style: __assign$3(__assign$3({ width: '100%' }, style), { position: 'relative' }), className: "text-input" },
+    return (React__default["default"].createElement("div", { style: __assign(__assign({ width: '100%' }, style), { position: 'relative' }), className: "text-input" },
         icon && (React__default["default"].createElement("i", { style: {
                 position: 'absolute',
                 height: '100%',
@@ -35812,7 +35709,7 @@ var TextInput = function (_a) {
                 zIndex: 20,
                 fill: inputProps.disabled ? 'var(--slate11)' : 'var(--primary)'
             } }, icon)),
-        React__default["default"].createElement("input", __assign$3({ style: {
+        React__default["default"].createElement("input", __assign({ style: {
                 paddingLeft: 34,
                 borderRadius: 4,
                 flex: 12,
@@ -36645,7 +36542,7 @@ var SelectProject = function (_a) {
             comboBoxRef.current.selectItem(null);
         }
         setProjects([]);
-        setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { owner: [projectOwner], page: 1 })); });
+        setQueryConfig(function (q) { return (__assign(__assign({}, q), { owner: [projectOwner], page: 1 })); });
     }, [projectOwner]);
     var fetchProjects = React.useCallback(function (queryConfig) {
         if (!authUser)
@@ -36659,7 +36556,7 @@ var SelectProject = function (_a) {
         client.projects.listProjects(queryConfig)
             .then(function (_a) {
             var data = _a.data;
-            setProjects(function (state) { return state ? __spreadArray$1(__spreadArray$1([], state, true), data.resources, true) : __spreadArray$1([], data.resources, true); });
+            setProjects(function (state) { return state ? __spreadArray(__spreadArray([], state, true), data.resources, true) : __spreadArray([], data.resources, true); });
             setTotal(data.total_count);
             totalRunsRef.current.loaded += data.resources.length;
             totalRunsRef.current.total = data.total_count;
@@ -36676,7 +36573,7 @@ var SelectProject = function (_a) {
         var _a = totalRunsRef.current, total = _a.total, loaded = _a.loaded;
         if (total && loaded >= total)
             return;
-        setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { page: q.page ? q.page + 1 : 1 })); });
+        setQueryConfig(function (q) { return (__assign(__assign({}, q), { page: q.page ? q.page + 1 : 1 })); });
     }, []);
     return (React__default["default"].createElement(ComboBox, { ref: comboBoxRef, items: projects !== null && projects !== void 0 ? projects : [], setSelected: setSelProject, inputProps: {
             placeholder: 'Select a project...',
@@ -36715,7 +36612,7 @@ var SelectAccount = function (_a) {
             comboBoxRef.current.selectItem(null);
         }
         setAccounts(authUser ? [authUser] : []);
-        setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { member: authUser ? [authUser === null || authUser === void 0 ? void 0 : authUser.username] : undefined, page: 1 })); });
+        setQueryConfig(function (q) { return (__assign(__assign({}, q), { member: authUser ? [authUser === null || authUser === void 0 ? void 0 : authUser.username] : undefined, page: 1 })); });
     }, [authUser]);
     var fetchOrganizations = React.useCallback(function (queryConfig) {
         if (!authUser)
@@ -36727,10 +36624,10 @@ var SelectAccount = function (_a) {
         if (total && loaded >= total)
             return;
         setLoading(true);
-        client.orgs.listOrgs(__assign$3(__assign$3({}, queryConfig), { member: [authUser.username] }))
+        client.orgs.listOrgs(__assign(__assign({}, queryConfig), { member: [authUser.username] }))
             .then(function (_a) {
             var data = _a.data;
-            setAccounts(function (state) { return state ? __spreadArray$1(__spreadArray$1([], state, true), data.resources, true) : __spreadArray$1([], data.resources, true); });
+            setAccounts(function (state) { return state ? __spreadArray(__spreadArray([], state, true), data.resources, true) : __spreadArray([], data.resources, true); });
             setTotal(data.total_count);
             totalRunsRef.current.loaded += data.resources.length;
             totalRunsRef.current.total = data.total_count;
@@ -36747,13 +36644,13 @@ var SelectAccount = function (_a) {
         var _a = totalRunsRef.current, total = _a.total, loaded = _a.loaded;
         if (total && loaded >= total)
             return;
-        setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { page: q.page ? q.page + 1 : 1 })); });
+        setQueryConfig(function (q) { return (__assign(__assign({}, q), { page: q.page ? q.page + 1 : 1 })); });
     }, []);
     return (React__default["default"].createElement(ComboBox, { ref: comboBoxRef, 
         // @ts-ignore
         items: accounts ? accounts.map(function (a) {
             // @ts-ignore
-            return a.name ? a : (__assign$3(__assign$3({}, a), { name: a.account_name }));
+            return a.name ? a : (__assign(__assign({}, a), { name: a.account_name }));
         }) : [], renderItem: function (item) {
             var _a;
             return (React__default["default"].createElement("div", { style: {
@@ -36807,7 +36704,7 @@ var SelectRecipe = function (_a) {
             comboBoxRef.current.selectItem(null);
         }
         setRecipes([]);
-        setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { owner: projectOwner, name: projectName, page: 1 })); });
+        setQueryConfig(function (q) { return (__assign(__assign({}, q), { owner: projectOwner, name: projectName, page: 1 })); });
     }, [projectOwner, projectName]);
     var fetchRecipes = React.useCallback(function (queryConfig) {
         if (!authUser)
@@ -36822,7 +36719,7 @@ var SelectRecipe = function (_a) {
         client.projects.getProjectRecipes(queryConfig)
             .then(function (_a) {
             var data = _a.data;
-            setRecipes(function (state) { return state ? __spreadArray$1(__spreadArray$1([], state, true), data.resources, true) : __spreadArray$1([], data.resources, true); });
+            setRecipes(function (state) { return state ? __spreadArray(__spreadArray([], state, true), data.resources, true) : __spreadArray([], data.resources, true); });
             setTotal(data.total_count);
             totalRecipesRef.current.loaded += data.resources.length;
             totalRecipesRef.current.total = data.total_count;
@@ -36838,9 +36735,9 @@ var SelectRecipe = function (_a) {
         var _a = totalRecipesRef.current, total = _a.total, loaded = _a.loaded;
         if (total && loaded >= total)
             return;
-        setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { page: q.page ? q.page + 1 : 1 })); });
+        setQueryConfig(function (q) { return (__assign(__assign({}, q), { page: q.page ? q.page + 1 : 1 })); });
     }, []);
-    return (React__default["default"].createElement(ComboBox, { ref: comboBoxRef, items: (_b = recipes === null || recipes === void 0 ? void 0 : recipes.map(function (r, i) { return (__assign$3(__assign$3({}, r), { name: "".concat(r.metadata.name, "-").concat(r.metadata.tag), id: "".concat(r.metadata.name, "-").concat(r.metadata.tag) })); })) !== null && _b !== void 0 ? _b : [], renderItem: function (item) { return (React__default["default"].createElement("div", { style: {
+    return (React__default["default"].createElement(ComboBox, { ref: comboBoxRef, items: (_b = recipes === null || recipes === void 0 ? void 0 : recipes.map(function (r, i) { return (__assign(__assign({}, r), { name: "".concat(r.metadata.name, "-").concat(r.metadata.tag), id: "".concat(r.metadata.name, "-").concat(r.metadata.tag) })); })) !== null && _b !== void 0 ? _b : [], renderItem: function (item) { return (React__default["default"].createElement("div", { style: {
                 display: 'flex',
                 alignItems: 'center',
                 gap: 8,
@@ -39412,17 +39309,14 @@ const $409067139f391064$export$be92b6f5f03c0fe9 = $409067139f391064$export$6eb0f
 const $409067139f391064$export$41fb9f06171c75f4 = $409067139f391064$export$c135dce7b15bbbdc;
 const $409067139f391064$export$7c6e2c02157bb7d2 = $409067139f391064$export$aadde00976f34151;
 
-var css_248z$2 = "@keyframes open {\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-collapsible-content-height);\n  }\n}\n@keyframes close {\n  from {\n    height: var(--radix-collapsible-content-height);\n  }\n  to {\n    height: 0;\n  }\n}\n.collapse-content {\n  overflow: hidden;\n  font-size: inherit;\n  color: inherit;\n}\n\n.collapse-content[data-state=open] {\n  animation: open 300ms ease-out;\n}\n\n.collapse-content[data-state=closed] {\n  animation: close 300ms ease-out;\n}";
+var css_248z$2 = ":root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n  /* radix-ui/colors */\n  --slate1: hsl(206, 30.0%, 98.8%);\n  --slate2: hsl(210, 16.7%, 97.6%);\n  --slate3: hsl(209, 13.3%, 95.3%);\n  --slate4: hsl(209, 12.2%, 93.2%);\n  --slate5: hsl(208, 11.7%, 91.1%);\n  --slate6: hsl(208, 11.3%, 88.9%);\n  --slate7: hsl(207, 11.1%, 85.9%);\n  --slate8: hsl(205, 10.7%, 78.0%);\n  --slate9: hsl(206, 6.0%, 56.1%);\n  --slate10: hsl(206, 5.8%, 52.3%);\n  --slate11: hsl(206, 6.0%, 43.5%);\n  --slate12: hsl(206, 24.0%, 9.0%);\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n.spin {\n  animation: spin 1s linear 0s infinite;\n}\n\n.poll-button {\n  z-index: 10;\n  display: flex;\n  justify-content: center;\n  background-color: var(--primary);\n  border: 1px solid var(--primary);\n  color: white;\n  padding: 8px 16px;\n  float: left;\n  align-items: center;\n  gap: 8px;\n  border-radius: 4px;\n  transition: background-color 0.25s, border-color 0.25s, color 0.25s, box-shadow 0.25s, color 0.25s;\n  text-overflow: ellipsis;\n  max-width: 200px;\n  overflow: hidden;\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n.poll-button:active {\n  box-shadow: inset 0px 0px 9px 4px #096dd9;\n}\n\n.poll-button:disabled {\n  background-color: var(--slate3);\n  color: var(--slate11);\n  cursor: default;\n  border-color: var(--slate11);\n  cursor: default;\n  box-shadow: none;\n}";
 styleInject(css_248z$2);
 
-var css_248z$1 = ":root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n  /* radix-ui/colors */\n  --slate1: hsl(206, 30.0%, 98.8%);\n  --slate2: hsl(210, 16.7%, 97.6%);\n  --slate3: hsl(209, 13.3%, 95.3%);\n  --slate4: hsl(209, 12.2%, 93.2%);\n  --slate5: hsl(208, 11.7%, 91.1%);\n  --slate6: hsl(208, 11.3%, 88.9%);\n  --slate7: hsl(207, 11.1%, 85.9%);\n  --slate8: hsl(205, 10.7%, 78.0%);\n  --slate9: hsl(206, 6.0%, 56.1%);\n  --slate10: hsl(206, 5.8%, 52.3%);\n  --slate11: hsl(206, 6.0%, 43.5%);\n  --slate12: hsl(206, 24.0%, 9.0%);\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n.spin {\n  animation: spin 1s linear 0s infinite;\n}\n\n.poll-button {\n  z-index: 10;\n  display: flex;\n  justify-content: center;\n  background-color: var(--primary);\n  border: 1px solid var(--primary);\n  color: white;\n  padding: 8px 16px;\n  float: left;\n  align-items: center;\n  gap: 8px;\n  border-radius: 4px;\n  transition: background-color 0.25s, border-color 0.25s, color 0.25s, box-shadow 0.25s, color 0.25s;\n  text-overflow: ellipsis;\n  max-width: 200px;\n  overflow: hidden;\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n.poll-button:active {\n  box-shadow: inset 0px 0px 9px 4px #096dd9;\n}\n\n.poll-button:disabled {\n  background-color: var(--slate3);\n  color: var(--slate11);\n  cursor: default;\n  border-color: var(--slate11);\n  cursor: default;\n  box-shadow: none;\n}";
-styleInject(css_248z$1);
-
 var ICON_SIZE = 18;
 var Button = function (_a) {
-    var children = _a.children, loading = _a.loading, props = __rest$2(_a, ["children", "loading"]);
-    return (React__default["default"].createElement("button", __assign$3({ "data-testid": "Button", className: "poll-button" }, props),
-        loading && !props.disabled && React__default["default"].createElement(ArrowClockwise$1, { className: "spin", size: ICON_SIZE, style: { fill: 'white' } }),
+    var children = _a.children, loading = _a.loading, props = __rest(_a, ["children", "loading"]);
+    return (React__default["default"].createElement("button", __assign({ "data-testid": "Button", className: "poll-button" }, props),
+        loading && React__default["default"].createElement(ArrowClockwise$1, { className: "spin", size: ICON_SIZE, style: { fill: props.disabled ? 'var(--slate10)' : 'white' } }),
         children));
 };
 
@@ -39546,7 +39440,7 @@ var GetModel = function (_a) {
                 }] : undefined, asButtons: true, label: buttonLabel, helpText: showHelpText && "Get ".concat(selection ? 'selected ' : '', " model").concat(subscribe ? ' continuously' : '', "."), icon: hbjson ? React__default["default"].createElement(CheckCircle$1, null) : undefined })));
 };
 
-var getFileIcon$1 = function (type) {
+var getFileIcon$1 = function (type, disabled) {
     var size = 12;
     switch (type === null || type === void 0 ? void 0 : type.toLowerCase()) {
         case 'txt':
@@ -39578,23 +39472,23 @@ var getFileIcon$1 = function (type) {
         case 'cda':
         case 'udi':
         case 'res':
-            return React__default["default"].createElement(FileEarmarkBarGraph$1, { size: size, style: { fill: '#A61E4E' } });
+            return React__default["default"].createElement(FileEarmarkBarGraph$1, { size: size, style: { fill: disabled ? 'inherit' : '#A61E4E' } });
         case 'csv':
-            return React__default["default"].createElement(FiletypeCsv$1, { size: size, style: { fill: '#2B8A3E' } });
+            return React__default["default"].createElement(FiletypeCsv$1, { size: size, style: { fill: disabled ? 'inherit' : '#2B8A3E' } });
         case 'json':
         case 'osw':
-            return React__default["default"].createElement(FiletypeJson$1, { size: size, style: { fill: '#1D64AB' } });
+            return React__default["default"].createElement(FiletypeJson$1, { size: size, style: { fill: disabled ? 'inherit' : '#1D64AB' } });
         case 'hbjson':
-            return React__default["default"].createElement(Building$1, { size: size, style: { fill: '#F5B34C' } });
+            return React__default["default"].createElement(Building$1, { size: size, style: { fill: disabled ? 'inherit' : '#F5B34C' } });
         case '3dm':
         case 'vtkjs':
         case 'vtp':
-            return React__default["default"].createElement(Building$1, { size: size, style: { fill: '#F08C00' } });
+            return React__default["default"].createElement(Building$1, { size: size, style: { fill: disabled ? 'inherit' : '#F08C00' } });
         case 'jpg':
         case 'png':
         case 'svg':
         case 'hdr':
-            return React__default["default"].createElement(FileEarmarkImage$1, { size: size, style: { fill: '#862E9C' } });
+            return React__default["default"].createElement(FileEarmarkImage$1, { size: size, style: { fill: disabled ? 'inherit' : '#862E9C' } });
         case 'zip':
             return React__default["default"].createElement(FileZip$1, { size: size });
         default:
@@ -39604,33 +39498,34 @@ var getFileIcon$1 = function (type) {
 
 var SelectCloudArtifacts = function (_a) {
     var _b, _c;
-    var projectOwner = _a.projectOwner, projectName = _a.projectName, fileNameMatch = _a.fileNameMatch, onChange = _a.onChange, client = _a.client;
+    var projectOwner = _a.projectOwner, projectName = _a.projectName, _d = _a.fileNameMatch, fileNameMatch = _d === void 0 ? '.*' : _d, onChange = _a.onChange, client = _a.client;
     var host = getHost();
     var listArtifacts = useArtifacts(projectOwner, projectName, client).listArtifacts;
-    var _d = React.useState(false), loading = _d[0], setLoading = _d[1];
-    var _e = React.useState({ folders: [], files: [] }), artifacts = _e[0], setArtifacts = _e[1];
-    var _f = React.useState([]), path = _f[0], setPath = _f[1];
-    var _g = React.useState(), selArtifact = _g[0], setSelArtifact = _g[1];
+    var _e = React.useState(false), loading = _e[0], setLoading = _e[1];
+    var _f = React.useState({ folders: [], files: [] }), artifacts = _f[0], setArtifacts = _f[1];
+    var _g = React.useState([]), path = _g[0], setPath = _g[1];
+    var _h = React.useState(), selArtifact = _h[0], setSelArtifact = _h[1];
     React.useEffect(function () {
         setLoading(true);
         listArtifacts(path)
             .then(function (facts) {
             var folders = facts.filter(function (f) { return f.file_type === 'folder'; });
-            var files = facts.filter(function (f) { return f.file_type === 'file' && (f.file_name.match(fileNameMatch) || !fileNameMatch); });
+            var files = facts.filter(function (f) { return f.file_type === 'file'; });
+            // const files = facts.filter(f => f.file_type === 'file' && f.file_name.match(fileNameMatch))
             setArtifacts({ folders: folders, files: files });
         })
             .finally(function () { return setLoading(false); });
     }, [client, fileNameMatch, host, listArtifacts, path]);
     React.useEffect(function () {
-        if (!selArtifact)
+        if (!selArtifact || selArtifact.file_type !== 'folder')
             return;
-        if (selArtifact.file_type === 'file') {
-            onChange && onChange(selArtifact);
-        }
-        else {
-            setPath(function (path) { return ["".concat(path, "/").concat(selArtifact.file_name)]; });
-        }
+        setPath(function (path) { return ["".concat(path, "/").concat(selArtifact.file_name)]; });
     }, [onChange, selArtifact]);
+    React.useEffect(function () {
+        if (!selArtifact || selArtifact.file_type !== 'file')
+            return;
+        onChange && onChange(__assign(__assign({}, selArtifact), { pollination_cloud_path: "".concat(path, "/").concat(selArtifact.file_name) }));
+    }, [onChange, path, selArtifact]);
     var stateReducer = React.useCallback(function (state, actionAndChanges) {
         var type = actionAndChanges.type, changes = actionAndChanges.changes;
         switch (type) {
@@ -39638,7 +39533,7 @@ var SelectCloudArtifacts = function (_a) {
             case useCombobox.stateChangeTypes.InputBlur:
                 // @ts-ignore
                 if (changes.selectedItem && changes.selectedItem.file_type === 'folder') {
-                    return __assign$3(__assign$3({}, changes), { isOpen: true });
+                    return __assign(__assign({}, changes), { isOpen: true });
                 }
                 else
                     return changes;
@@ -39646,10 +39541,21 @@ var SelectCloudArtifacts = function (_a) {
                 return changes;
         }
     }, []);
-    return (React__default["default"].createElement(ComboBox, { items: __spreadArray$1(__spreadArray$1([], artifacts.folders, true), artifacts.files, true).map(function (a) { return (__assign$3(__assign$3({}, a), { name: a.file_name, id: a.key })); }).sort(function (a, b) { return a.file_type === 'folder' ? -1 : 1; }), renderItem: function (item) {
+    var fileMatchRegex = React.useMemo(function () {
+        return new RegExp(fileNameMatch);
+    }, [fileNameMatch]);
+    var items = React.useMemo(function () {
+        return __spreadArray(__spreadArray([], artifacts.folders, true), artifacts.files, true).map(function (a) {
+            var match = a.file_name.match(fileMatchRegex);
+            var disabled = match && match.length > 1 ? false : true;
+            return (__assign(__assign({}, a), { name: a.file_name, id: a.key, disabled: disabled }));
+        })
+            .sort(function (a, b) { return a.file_type === 'folder' ? -1 : 1; });
+    }, [artifacts.files, artifacts.folders, fileMatchRegex]);
+    return (React__default["default"].createElement(ComboBox, { items: items, renderItem: function (item) {
             var tokens = item.file_name.split('.');
             var extension = tokens[tokens.length - 1];
-            var icon = item.file_type === 'file' ? getFileIcon$1(extension) : React__default["default"].createElement(FolderFill$1, null);
+            var icon = item.file_type === 'file' ? getFileIcon$1(extension, item.disabled) : React__default["default"].createElement(FolderFill$1, null);
             return (React__default["default"].createElement("div", { style: {
                     display: 'flex',
                     gap: 12,
@@ -39876,7 +39782,7 @@ var SelectLocalArtifacts = function (_a) {
             case useCombobox.stateChangeTypes.InputBlur:
                 // @ts-ignore
                 if (changes.selectedItem && changes.selectedItem.kind === 'directory') {
-                    return __assign$3(__assign$3({}, changes), { isOpen: true });
+                    return __assign(__assign({}, changes), { isOpen: true });
                 }
                 else
                     return changes;
@@ -39888,7 +39794,7 @@ var SelectLocalArtifacts = function (_a) {
     // @ts-ignore
     , { 
         // @ts-ignore
-        items: __spreadArray$1(__spreadArray$1([], artifacts.folders, true), artifacts.files, true).filter(function (a) { return !a.name.startsWith('.'); }).map(function (a) {
+        items: __spreadArray(__spreadArray([], artifacts.folders, true), artifacts.files, true).filter(function (a) { return !a.name.startsWith('.'); }).map(function (a) {
             // @ts-ignore
             a.id = a.name;
             return a;
@@ -39916,7 +39822,7 @@ var SelectLocalArtifacts = function (_a) {
                         })
                             .then(function (ref) {
                             directoryRef.current.push(ref);
-                            setPath(function (path) { return __spreadArray$1(__spreadArray$1([], path, true), ["/".concat(ref.name)], false); });
+                            setPath(function (path) { return __spreadArray(__spreadArray([], path, true), ["/".concat(ref.name)], false); });
                         });
                     }
                     return [2 /*return*/];
@@ -40034,7 +39940,7 @@ var ComboFileSelector = function (_a) {
                 case 'get_model':
                     return (React__default["default"].createElement(GetModel, { onChange: onChange, inputProps: inputProps, showHelpText: false }));
                 case 'get_cloud':
-                    return (React__default["default"].createElement(SelectCloudArtifacts, { onChange: onChange, projectName: projectName, projectOwner: projectOwner, client: client }));
+                    return (React__default["default"].createElement(SelectCloudArtifacts, { onChange: onChange, projectName: projectName, projectOwner: projectOwner, client: client, fileNameMatch: typeof inputProps.accept === 'string' ? ".*(".concat(inputProps.accept.replace(/\./g, '').split(', ').join('$|'), "$)") : undefined }));
                 case 'get_local':
                     return (React__default["default"].createElement(SelectLocalArtifacts, { onChange: onChange }));
                 default:
@@ -40045,8 +39951,11 @@ var ComboFileSelector = function (_a) {
         })()));
 };
 
+var css_248z$1 = "@keyframes open {\n  from {\n    height: 0;\n  }\n  to {\n    height: var(--radix-collapsible-content-height);\n  }\n}\n@keyframes close {\n  from {\n    height: var(--radix-collapsible-content-height);\n  }\n  to {\n    height: 0;\n  }\n}\n.collapse-content {\n  overflow: hidden;\n  font-size: inherit;\n  color: inherit;\n}\n\n.collapse-content[data-state=open] {\n  animation: open 300ms ease-out;\n}\n\n.collapse-content[data-state=closed] {\n  animation: close 300ms ease-out;\n}";
+styleInject(css_248z$1);
+
 var generateSchema = function (inputs) {
-    var required = inputs.reduce(function (p, c) { return c.required ? __spreadArray$1(__spreadArray$1([], p, true), [c.name], false) : p; }, []);
+    var required = inputs.reduce(function (p, c) { return c.required ? __spreadArray(__spreadArray([], p, true), [c.name], false) : p; }, []);
     var properties = inputs.reduce(function (p, c) {
         var _a, _b, _c;
         if (!c.required && !c.spec) {
@@ -40054,16 +39963,18 @@ var generateSchema = function (inputs) {
         }
         else if (c.required && !c.spec && c.type === 'DAGFileInput') {
             // required field with no schema
-            return (__assign$3(__assign$3({}, p), (_a = {}, _a[c.name] = {
+            return (__assign(__assign({}, p), (_a = {}, _a[c.name] = {
                 'type': 'object',
             }, _a)));
         }
         else if (c.required && !c.spec) {
             // required field with no schema
-            return (__assign$3(__assign$3({}, p), (_b = {}, _b[c.name] = {}, _b)));
+            return (__assign(__assign({}, p), (_b = {}, _b[c.name] = {}, _b)));
         }
-        return (__assign$3(__assign$3({}, p), (_c = {}, _c[c.name] = c.spec, _c)));
+        return (__assign(__assign({}, p), (_c = {}, _c[c.name] = c.spec, _c)));
     }, {});
+    required.push('study-name');
+    properties['study-name'] = { 'type': 'string', minLength: 1 };
     return ({
         type: 'object',
         properties: properties,
@@ -40072,43 +39983,38 @@ var generateSchema = function (inputs) {
     });
 };
 var RecipeInputsForm = function (_a) {
-    var _b;
-    var recipe = _a.recipe, onSubmit = _a.onSubmit, disabled = _a.disabled, projectName = _a.projectName, projectOwner = _a.projectOwner; _a.mode; var client = _a.client;
-    var _d = React.useState(false), loading = _d[0], setLoading = _d[1];
+    var _b, _c, _d, _e, _f;
+    var recipe = _a.recipe, onSubmit = _a.onSubmit, projectName = _a.projectName, projectOwner = _a.projectOwner, client = _a.client;
+    var _g = React.useState(false), loading = _g[0], setLoading = _g[1];
     var schema = generateSchema(recipe.inputs);
-    var _e = useForm({
+    var _h = useForm({
         // @ts-ignore
         defaultValues: recipe.inputs.reduce(function (p, c) {
             var _a;
             var _b;
-            return (__assign$3(__assign$3({}, p), (_a = {}, _a[c.name] = (_b = c.default) !== null && _b !== void 0 ? _b : undefined, _a)));
+            return (__assign(__assign({}, p), (_a = {}, _a[c.name] = (_b = c.default) !== null && _b !== void 0 ? _b : undefined, _a)));
         }, {}),
         resolver: Oe(schema),
         mode: 'all'
-    }), control = _e.control, register = _e.register, handleSubmit = _e.handleSubmit, reset = _e.reset, resetField = _e.resetField; _e.setValue; var _f = _e.formState, errors = _f.errors, isValid = _f.isValid, isSubmitSuccessful = _f.isSubmitSuccessful;
-    React.useEffect(function () {
-        if (isSubmitSuccessful) {
-            reset();
-        }
-    }, [isSubmitSuccessful, reset]);
+    }), control = _h.control, register = _h.register, handleSubmit = _h.handleSubmit, resetField = _h.resetField, _j = _h.formState, errors = _j.errors, isValid = _j.isValid; _j.isSubmitting;
     var _onSubmit = function (_data) {
-        var data = __assign$3({}, _data);
-        // TODO: fix isTouched for controlled fields https://github.com/react-hook-form/react-hook-form/discussions/6824
-        // filter for non-default values
+        var data = __assign({}, _data);
+        var studyName = data['study-name'];
+        delete data['study-name'];
         // @ts-ignore
-        var inputMap = new Map(recipe.inputs.map(function (i) { return [i.name, i.default]; }));
+        var inputDefaults = new Map(recipe.inputs.map(function (i) { return [i.name, i.default]; }));
         Object.entries(data).forEach(function (_a) {
             var key = _a[0], val = _a[1];
-            if (val === inputMap.get(key)) {
+            if (val === inputDefaults.get(key)) {
                 delete data[key];
             }
-            if (!inputMap.get(key) && !data[key]) {
+            if (!inputDefaults.get(key) && !data[key]) {
                 delete data[key];
             }
         });
         if (typeof onSubmit !== 'undefined') {
             setLoading(true);
-            var submit = onSubmit(data);
+            var submit = onSubmit(studyName, data);
             if (!submit) {
                 setLoading(false);
                 return;
@@ -40127,115 +40033,147 @@ var RecipeInputsForm = function (_a) {
         }
         return p;
     }, [[], []]);
-    return (React__default["default"].createElement(Tabs, { forceRenderTabPanel: true },
-        React__default["default"].createElement(TabList, { style: {
-                flex: 1
-            } },
-            React__default["default"].createElement(Tab, { key: 'required-tab' }, "Required"),
-            React__default["default"].createElement(Tab, { key: 'optional-tab' }, "Optional")),
-        React__default["default"].createElement("form", { id: recipe.metadata.name, onSubmit: handleSubmit(_onSubmit), style: {
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement($409067139f391064$export$be92b6f5f03c0fe9, { style: {
                 display: 'flex',
                 flexDirection: 'column',
-                width: '100%',
-                justifyContent: 'center'
-            } }, groups.map(function (g, i) {
-            return React__default["default"].createElement(TabPanel, { key: "".concat(i === 0 ? 'required' : 'optional', "-tab"), style: {
-                    padding: '8px 8px'
-                } },
-                React__default["default"].createElement("div", { style: {
+                fontSize: 'inherit',
+                color: 'inherit',
+                gap: 2
+            }, key: 'study-name-collapsible' },
+            React__default["default"].createElement(Label, { label: React__default["default"].createElement("div", { style: {
                         display: 'flex',
-                        flexDirection: 'column',
-                        gap: 8
-                    } }, g.map(function (input, i) {
-                    var _a, _b, _c, _d;
-                    return (React__default["default"].createElement($409067139f391064$export$be92b6f5f03c0fe9, { style: {
+                        fontSize: 'inherit',
+                        alignItems: 'center',
+                        gap: 8,
+                        color: ((_b = errors['study-name']) === null || _b === void 0 ? void 0 : _b.message) ? 'red' : 'inherit',
+                    } },
+                    'Study Name',
+                    ((_c = errors['study-name']) === null || _c === void 0 ? void 0 : _c.message) &&
+                        React__default["default"].createElement(React__default["default"].Fragment, null, ' ' + ((_d = errors['study-name']) === null || _d === void 0 ? void 0 : _d.message) + '.'),
+                    React__default["default"].createElement($409067139f391064$export$41fb9f06171c75f4, { style: {
+                            backgroundColor: 'rgba(0,0,0,0)',
+                            borderRadius: 999,
+                            border: 'none',
+                            width: 12,
+                            height: 12,
+                            display: 'flex',
+                            justifyContent: 'center',
+                            alignItems: 'center',
+                            cursor: 'pointer',
+                            padding: 0,
+                        } },
+                        React__default["default"].createElement(InfoCircle$1, { style: { fill: ((_e = errors['study-name']) === null || _e === void 0 ? void 0 : _e.message) ? 'red' : 'var(--primary)' } }))) },
+                React__default["default"].createElement(InputDescription, { helpText: React__default["default"].createElement($409067139f391064$export$7c6e2c02157bb7d2, { className: 'collapse-content' }, 'Study name is a required field.') },
+                    React__default["default"].createElement(TextInput, { inputProps: __assign({ form: recipe.metadata.name }, register('study-name')), 
+                        // @ts-ignore
+                        reset: function () { return resetField('study-name'); } })))),
+        React__default["default"].createElement(Tabs, { forceRenderTabPanel: true },
+            React__default["default"].createElement(TabList, { style: {
+                    flex: 1
+                } },
+                React__default["default"].createElement(Tab, { key: 'required-tab' }, "Required"),
+                React__default["default"].createElement(Tab, { key: 'optional-tab' }, "Optional")),
+            React__default["default"].createElement("form", { id: recipe.metadata.name, onSubmit: handleSubmit(_onSubmit), style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    width: '100%',
+                    justifyContent: 'center'
+                } }, groups.map(function (g, i) {
+                return React__default["default"].createElement(TabPanel, { key: "".concat(i === 0 ? 'required' : 'optional', "-tab"), style: {
+                        padding: '8px 8px'
+                    } },
+                    React__default["default"].createElement("div", { style: {
                             display: 'flex',
                             flexDirection: 'column',
-                            fontSize: 'inherit',
-                            color: 'inherit',
-                            gap: 2
-                        }, key: input.name },
-                        React__default["default"].createElement(Label, { label: React__default["default"].createElement("div", { style: {
-                                    display: 'flex',
-                                    fontSize: 'inherit',
-                                    alignItems: 'center',
-                                    gap: 8,
-                                    color: ((_a = errors[input.name]) === null || _a === void 0 ? void 0 : _a.message) ? 'red' : 'inherit',
-                                } },
-                                (input.name.charAt(0).toUpperCase() + input.name.slice(1)).split('-').join(' '),
-                                ((_b = errors[input.name]) === null || _b === void 0 ? void 0 : _b.message) &&
-                                    React__default["default"].createElement(React__default["default"].Fragment, null, ' ' + ((_c = errors[input.name]) === null || _c === void 0 ? void 0 : _c.message) + '.'),
-                                React__default["default"].createElement($409067139f391064$export$41fb9f06171c75f4, { style: {
-                                        backgroundColor: 'rgba(0,0,0,0)',
-                                        borderRadius: 999,
-                                        border: 'none',
-                                        width: 12,
-                                        height: 12,
+                            gap: 8
+                        } }, g.map(function (input, i) {
+                        var _a, _b, _c, _d;
+                        return (
+                        // TODO: turn this into an "input with validation" component
+                        React__default["default"].createElement($409067139f391064$export$be92b6f5f03c0fe9, { style: {
+                                display: 'flex',
+                                flexDirection: 'column',
+                                fontSize: 'inherit',
+                                color: 'inherit',
+                                gap: 2
+                            }, key: input.name },
+                            React__default["default"].createElement(Label, { label: React__default["default"].createElement("div", { style: {
                                         display: 'flex',
-                                        justifyContent: 'center',
+                                        fontSize: 'inherit',
                                         alignItems: 'center',
-                                        cursor: 'pointer',
-                                        padding: 0,
+                                        gap: 8,
+                                        color: ((_a = errors[input.name]) === null || _a === void 0 ? void 0 : _a.message) ? 'red' : 'inherit',
                                     } },
-                                    React__default["default"].createElement(InfoCircle$1, { style: { fill: ((_d = errors[input.name]) === null || _d === void 0 ? void 0 : _d.message) ? 'red' : 'var(--primary)' } }))) },
-                            React__default["default"].createElement(InputDescription, { helpText: React__default["default"].createElement($409067139f391064$export$7c6e2c02157bb7d2, { className: 'collapse-content' }, input && input.description) }, (function () {
-                                var _a;
-                                var inputProps = __assign$3({}, register(input.name, {
-                                    required: input.required ? "Providing a ".concat(input.name, " is required.") : false,
-                                    min: input.spec && input.spec.minimum ? "".concat(input.name, " must be less than ").concat(input.spec.maximum) : undefined,
-                                    max: input.spec && input.spec.maximum ? "".concat(input.name, " must be at least ").concat(input.spec.minimum) : undefined,
-                                    valueAsNumber: input.type === 'DAGNumberInput' || input.type === 'DAGIntegerInput',
-                                }));
-                                // @ts-ignore
-                                var handleReset = function () { return resetField(input.name); };
-                                switch (input.type) {
-                                    case 'DAGFileInput':
-                                        return React__default["default"].createElement(Controller
-                                        // @ts-ignore
-                                        , { 
-                                            // @ts-ignore
-                                            name: input.name, control: control, render: function (_a) {
-                                                var _b = _a.field; _b.value; var onChange = _b.onChange, field = __rest$2(_b, ["value", "onChange"]);
-                                                return (React__default["default"].createElement(ComboFileSelector, { inputProps: __assign$3(__assign$3({}, field), { accept: input.extensions.map(function (e) { return ".".concat(e); }).join(', ') }), onChange: onChange, defaultOption: 'get_local', projectName: projectName, projectOwner: projectOwner, client: client }));
-                                            } });
-                                    case 'DAGStringInput':
-                                        return typeof ((_a = input.spec) === null || _a === void 0 ? void 0 : _a.enum) !== 'undefined' ?
-                                            React__default["default"].createElement(Controller
+                                    (input.name.charAt(0).toUpperCase() + input.name.slice(1)).split('-').join(' '),
+                                    ((_b = errors[input.name]) === null || _b === void 0 ? void 0 : _b.message) &&
+                                        React__default["default"].createElement(React__default["default"].Fragment, null, ' ' + ((_c = errors[input.name]) === null || _c === void 0 ? void 0 : _c.message) + '.'),
+                                    React__default["default"].createElement($409067139f391064$export$41fb9f06171c75f4, { style: {
+                                            backgroundColor: 'rgba(0,0,0,0)',
+                                            borderRadius: 999,
+                                            border: 'none',
+                                            width: 12,
+                                            height: 12,
+                                            display: 'flex',
+                                            justifyContent: 'center',
+                                            alignItems: 'center',
+                                            cursor: 'pointer',
+                                            padding: 0,
+                                        } },
+                                        React__default["default"].createElement(InfoCircle$1, { style: { fill: ((_d = errors[input.name]) === null || _d === void 0 ? void 0 : _d.message) ? 'red' : 'var(--primary)' } }))) },
+                                React__default["default"].createElement(InputDescription, { helpText: React__default["default"].createElement($409067139f391064$export$7c6e2c02157bb7d2, { className: 'collapse-content' }, input && input.description) }, (function () {
+                                    var _a;
+                                    var inputProps = __assign({}, register(input.name));
+                                    // @ts-ignore
+                                    var handleReset = function () { return resetField(input.name); };
+                                    switch (input.type) {
+                                        case 'DAGFileInput':
+                                            return React__default["default"].createElement(Controller
                                             // @ts-ignore
                                             , { 
                                                 // @ts-ignore
                                                 name: input.name, control: control, render: function (_a) {
-                                                    var onChange = _a.field.onChange;
-                                                    return (React__default["default"].createElement(RadioList, { items: input.spec.enum, name: input.name, defaultValue: input.default, onChange: onChange }));
-                                                } }) :
-                                            React__default["default"].createElement(TextInput, { inputProps: __assign$3(__assign$3({}, inputProps), { defaultValue: input.default }), reset: handleReset });
-                                    case 'DAGNumberInput':
-                                        return React__default["default"].createElement(NumberInput, { inputProps: __assign$3(__assign$3({}, inputProps), { defaultValue: input.default, min: input.spec && input.spec.minimum, max: input.spec && input.spec.maximum, step: 0.1 }), reset: handleReset });
-                                    case 'DAGIntegerInput':
-                                        return React__default["default"].createElement(NumberInput, { inputProps: __assign$3(__assign$3({}, inputProps), { defaultValue: input.default, min: input.spec && input.spec.minimum, max: input.spec && input.spec.maximum }), reset: handleReset });
-                                    default:
-                                        return React__default["default"].createElement(TextInput, { inputProps: __assign$3(__assign$3({}, inputProps), { defaultValue: input.default }), reset: handleReset });
-                                }
-                            })()))));
-                })));
-        })),
-        React__default["default"].createElement("div", { style: {
-                display: 'flex',
-                width: '100%',
-                padding: '16px 0px 0px 8px'
-            } },
-            React__default["default"].createElement(InputDescription, { helpText: isValid ? 'Recipe input is valid!' : ((_b = Object.values(errors)) === null || _b === void 0 ? void 0 : _b.length) > 0 ?
-                    React__default["default"].createElement("div", null,
-                        React__default["default"].createElement("ul", { style: { padding: 0 } }, Object.entries(errors).map(function (_a) {
-                            var key = _a[0], val = _a[1];
-                            return (
-                            // @ts-ignore
-                            React__default["default"].createElement("li", { key: key, style: { color: 'red', fontSize: '0.8rem', listStyle: 'none' } }, "".concat(key, " ").concat(val.message, ".")));
-                        }))) :
-                    'Recipe input isn\'t valid yet.' },
-                React__default["default"].createElement(Button, { type: 'submit', form: recipe.metadata.name, disabled: !isValid || disabled, style: {
-                        width: 'fit-content',
-                    }, loading: loading }, "Create Study")))));
+                                                    var _b = _a.field; _b.value; var onChange = _b.onChange, field = __rest(_b, ["value", "onChange"]);
+                                                    return (React__default["default"].createElement(ComboFileSelector, { inputProps: __assign(__assign({}, field), { accept: input.extensions.map(function (e) { return ".".concat(e); }).join(', ') }), onChange: onChange, defaultOption: getHost() === 'web' ? 'get_cloud' : 'get_file', projectName: projectName, projectOwner: projectOwner, client: client }));
+                                                } });
+                                        case 'DAGStringInput':
+                                            return typeof ((_a = input.spec) === null || _a === void 0 ? void 0 : _a.enum) !== 'undefined' ?
+                                                React__default["default"].createElement(Controller
+                                                // @ts-ignore
+                                                , { 
+                                                    // @ts-ignore
+                                                    name: input.name, control: control, render: function (_a) {
+                                                        var onChange = _a.field.onChange;
+                                                        return (React__default["default"].createElement(RadioList, { items: input.spec.enum, name: input.name, defaultValue: input.default, onChange: onChange }));
+                                                    } }) :
+                                                React__default["default"].createElement(TextInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: input.default }), reset: handleReset });
+                                        case 'DAGNumberInput':
+                                            return React__default["default"].createElement(NumberInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: input.default, min: input.spec && input.spec.minimum, max: input.spec && input.spec.maximum, step: 0.1 }), reset: handleReset });
+                                        case 'DAGIntegerInput':
+                                            return React__default["default"].createElement(NumberInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: input.default, min: input.spec && input.spec.minimum, max: input.spec && input.spec.maximum }), reset: handleReset });
+                                        default:
+                                            return React__default["default"].createElement(TextInput, { inputProps: __assign(__assign({}, inputProps), { defaultValue: input.default }), reset: handleReset });
+                                    }
+                                })()))));
+                    })));
+            })),
+            React__default["default"].createElement("div", { style: {
+                    display: 'flex',
+                    width: '100%',
+                    padding: '16px 0px 0px 8px'
+                } },
+                React__default["default"].createElement(InputDescription, { helpText: isValid ? 'Recipe input is valid!' : ((_f = Object.values(errors)) === null || _f === void 0 ? void 0 : _f.length) > 0 ?
+                        React__default["default"].createElement("div", null,
+                            React__default["default"].createElement("ul", { style: { padding: 0 } }, Object.entries(errors).map(function (_a) {
+                                var key = _a[0], val = _a[1];
+                                return (
+                                // @ts-ignore
+                                React__default["default"].createElement("li", { key: key, style: { color: 'red', fontSize: '0.8rem', listStyle: 'none' } }, "".concat(key, " ").concat(val.message, ".")));
+                            }))) :
+                        'Recipe input isn\'t valid yet.' },
+                    React__default["default"].createElement(Button, { type: 'submit', form: recipe.metadata.name, disabled: !isValid || loading, style: {
+                            width: 'fit-content',
+                        }, loading: loading }, "Create Study"))))));
 };
 
 var css_248z = ".react-tabs {\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-tabs__tab-list {\n  border-bottom: 1px solid #aaa;\n  margin: 0 0 10px;\n  padding: 0;\n}\n\n.react-tabs__tab {\n  display: inline-block;\n  border: 1px solid transparent;\n  border-bottom: none;\n  bottom: -1px;\n  position: relative;\n  list-style: none;\n  padding: 6px 12px;\n  cursor: pointer;\n}\n\n.react-tabs__tab--selected {\n  background: #fff;\n  border-color: #aaa;\n  color: black;\n  border-radius: 5px 5px 0 0;\n}\n\n.react-tabs__tab--disabled {\n  color: GrayText;\n  cursor: default;\n}\n\n.react-tabs__tab:focus {\n  outline: none;\n}\n\n.react-tabs__tab:focus:after {\n  content: '';\n  position: absolute;\n  height: 5px;\n  left: -4px;\n  right: -4px;\n  bottom: -5px;\n  background: #fff;\n}\n\n.react-tabs__tab-panel {\n  display: none;\n}\n\n.react-tabs__tab-panel--selected {\n  display: block;\n}\n";
@@ -40259,13 +40197,13 @@ var CreateStudy = function (_a) {
     var _c = React.useState(0), activeTabIndex = _c[0], setActiveTabIndex = _c[1];
     var _d = React.useState(initialState), state = _d[0], setState = _d[1];
     var setSelAccount = React.useCallback(function (account) {
-        setState(function (state) { return (__assign$3(__assign$3({}, state), { account: account, project: undefined })); });
+        setState(function (state) { return (__assign(__assign({}, state), { account: account, project: undefined })); });
     }, []);
     var setSelProject = React.useCallback(function (project) {
-        setState(function (state) { return (__assign$3(__assign$3({}, state), { project: project, recipe: undefined })); });
+        setState(function (state) { return (__assign(__assign({}, state), { project: project, recipe: undefined })); });
     }, []);
     var setSelRecipe = React.useCallback(function (recipe) {
-        setState(function (state) { return (__assign$3(__assign$3({}, state), { recipe: recipe })); });
+        setState(function (state) { return (__assign(__assign({}, state), { recipe: recipe })); });
     }, []);
     // @ts-ignore
     var projectOwner = !state || !state.account ? undefined : ((_b = state.account.username) !== null && _b !== void 0 ? _b : state.account.account_name);
@@ -40276,7 +40214,7 @@ var CreateStudy = function (_a) {
             return;
         setActiveTabIndex(1);
     }, [state.recipe]);
-    return (React__default["default"].createElement("div", { "data-testid": "CreateProject", style: __assign$3(__assign$3({}, defaultStyle), style) },
+    return (React__default["default"].createElement("div", { "data-testid": "CreateProject", style: __assign(__assign({}, defaultStyle), style) },
         React__default["default"].createElement(Tabs, { selectedIndex: activeTabIndex, onSelect: function (index) { return setActiveTabIndex(index); }, forceRenderTabPanel: true },
             React__default["default"].createElement("div", { style: {
                     display: 'flex',
@@ -40302,30 +40240,6 @@ var CreateStudy = function (_a) {
                         flexDirection: 'column',
                         gap: 8
                     } },
-                    React__default["default"].createElement(Label, { label: "Study Name" },
-                        React__default["default"].createElement(TextInput, { inputProps: {
-                                name: 'study-name',
-                                placeholder: 'A name for the study',
-                                onChange: function (e) {
-                                    // @ts-ignore
-                                    if (!e.target.value)
-                                        return;
-                                    // @ts-ignore
-                                    setState(function (state) { return (__assign$3(__assign$3({}, state), { name: e.target.value })); });
-                                }
-                            } })),
-                    React__default["default"].createElement(Label, { label: "Study Description" },
-                        React__default["default"].createElement(TextInput, { inputProps: {
-                                name: 'study-description',
-                                placeholder: 'A short description for the study',
-                                onChange: function (e) {
-                                    // @ts-ignore
-                                    if (!e.target.value)
-                                        return;
-                                    // @ts-ignore
-                                    setState(function (state) { return (__assign$3(__assign$3({}, state), { description: e.target.value })); });
-                                }
-                            } })),
                     React__default["default"].createElement(Label, { label: state.account ? state.account.name : 'Account' },
                         React__default["default"].createElement(SelectAccount, { authUser: authUser, client: client, setSelAccount: setSelAccount })),
                     React__default["default"].createElement(Label, { label: state.project ? state.project.name : 'Project' },
@@ -40341,7 +40255,7 @@ var CreateStudy = function (_a) {
                             flexDirection: 'column',
                             gap: 24
                         } },
-                        React__default["default"].createElement(RecipeInputsForm, { recipe: state.recipe, onSubmit: function (data) { return createStudy({ name: state === null || state === void 0 ? void 0 : state.name, source: state === null || state === void 0 ? void 0 : state.recipe.source, description: state === null || state === void 0 ? void 0 : state.description }, data); }, disabled: !state.name || !state.account || !state.project || !state.recipe, projectName: projectSlug, projectOwner: projectOwner, client: client }))))));
+                        React__default["default"].createElement(RecipeInputsForm, { client: client, projectOwner: projectOwner, projectName: projectSlug, recipe: state.recipe, onSubmit: function (name, data, description) { return createStudy({ name: name, source: state === null || state === void 0 ? void 0 : state.recipe.source, description: description }, data); } }))))));
 };
 
 var ConfigureLocalRun = function (_a) {
@@ -40519,7 +40433,7 @@ var SelectStudy = function (_a) {
             comboBoxRef.current.selectItem(null);
         }
         setStudies([]);
-        setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { owner: projectOwner, name: projectName, page: 1 })); });
+        setQueryConfig(function (q) { return (__assign(__assign({}, q), { owner: projectOwner, name: projectName, page: 1 })); });
     }, [projectOwner, projectName]);
     var fetchStudies = React.useCallback(function (queryConfig) {
         if (!authUser)
@@ -40534,7 +40448,7 @@ var SelectStudy = function (_a) {
         client.jobs.listJobs(queryConfig)
             .then(function (_a) {
             var data = _a.data;
-            setStudies(function (state) { return state ? __spreadArray$1(__spreadArray$1([], state, true), data.resources, true) : __spreadArray$1([], data.resources, true); });
+            setStudies(function (state) { return state ? __spreadArray(__spreadArray([], state, true), data.resources, true) : __spreadArray([], data.resources, true); });
             setTotal(data.total_count);
             totalRunsRef.current.loaded += data.resources.length;
             totalRunsRef.current.total = data.total_count;
@@ -40551,9 +40465,9 @@ var SelectStudy = function (_a) {
         var _a = totalRunsRef.current, total = _a.total, loaded = _a.loaded;
         if (total && loaded >= total)
             return;
-        setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { page: q.page ? q.page + 1 : 1 })); });
+        setQueryConfig(function (q) { return (__assign(__assign({}, q), { page: q.page ? q.page + 1 : 1 })); });
     }, []);
-    return (React__default["default"].createElement(ComboBox, { ref: comboBoxRef, items: (_b = studies === null || studies === void 0 ? void 0 : studies.map(function (r) { var _a; return (__assign$3(__assign$3({}, r), { name: (_a = r.spec.name) !== null && _a !== void 0 ? _a : "".concat(r.recipe.metadata.name, " : ").concat(r.status.id.slice(0, 5), "...") })); })) !== null && _b !== void 0 ? _b : [], setSelected: setSelStudy, inputProps: {
+    return (React__default["default"].createElement(ComboBox, { ref: comboBoxRef, items: (_b = studies === null || studies === void 0 ? void 0 : studies.map(function (r) { var _a; return (__assign(__assign({}, r), { name: (_a = r.spec.name) !== null && _a !== void 0 ? _a : "".concat(r.recipe.metadata.name, " : ").concat(r.status.id.slice(0, 5), "...") })); })) !== null && _b !== void 0 ? _b : [], setSelected: setSelStudy, inputProps: {
             placeholder: 'Select a study...',
         }, loading: loading, disabled: !authUser || !queryConfig.name || !queryConfig.owner, footer: (React__default["default"].createElement("div", { key: "footer", style: {
                 width: '100%',
@@ -40593,7 +40507,7 @@ var SelectRun = function (_a) {
             comboBoxRef.current.selectItem(null);
         }
         setRuns([]);
-        setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { jobId: jobId, owner: projectOwner, name: projectName, page: 1 })); });
+        setQueryConfig(function (q) { return (__assign(__assign({}, q), { jobId: jobId, owner: projectOwner, name: projectName, page: 1 })); });
     }, [jobId, projectOwner, projectName]);
     var fetchRuns = React.useCallback(function (queryConfig) {
         if (!authUser)
@@ -40608,7 +40522,7 @@ var SelectRun = function (_a) {
         client.runs.listRuns(queryConfig)
             .then(function (_a) {
             var data = _a.data;
-            setRuns(function (state) { return state ? __spreadArray$1(__spreadArray$1([], state, true), data.resources, true) : __spreadArray$1([], data.resources, true); });
+            setRuns(function (state) { return state ? __spreadArray(__spreadArray([], state, true), data.resources, true) : __spreadArray([], data.resources, true); });
             setTotal(data.total_count);
             totalRunsRef.current.loaded += data.resources.length;
             totalRunsRef.current.total = data.total_count;
@@ -40625,9 +40539,9 @@ var SelectRun = function (_a) {
         var _a = totalRunsRef.current, total = _a.total, loaded = _a.loaded;
         if (total && loaded >= total)
             return;
-        setQueryConfig(function (q) { return (__assign$3(__assign$3({}, q), { page: q.page ? q.page + 1 : 1 })); });
+        setQueryConfig(function (q) { return (__assign(__assign({}, q), { page: q.page ? q.page + 1 : 1 })); });
     }, []);
-    return (React__default["default"].createElement(ComboBox, { ref: comboBoxRef, items: (_b = runs === null || runs === void 0 ? void 0 : runs.map(function (r) { return (__assign$3(__assign$3({}, r), { name: "".concat(r.recipe.metadata.name, " : ").concat(r.status.status) })); })) !== null && _b !== void 0 ? _b : [], renderItem: function (item, i) { return (React__default["default"].createElement("div", { style: {
+    return (React__default["default"].createElement(ComboBox, { ref: comboBoxRef, items: (_b = runs === null || runs === void 0 ? void 0 : runs.map(function (r) { return (__assign(__assign({}, r), { name: "".concat(r.recipe.metadata.name, " : ").concat(r.status.status) })); })) !== null && _b !== void 0 ? _b : [], renderItem: function (item, i) { return (React__default["default"].createElement("div", { style: {
                 display: 'flex',
                 justifyContent: 'space-between',
                 paddingRight: 14
@@ -41055,6 +40969,7 @@ exports.ConfigureLocalRun = ConfigureLocalRun;
 exports.CreateStudy = CreateStudy;
 exports.GetGeometry = GetGeometry;
 exports.GetModel = GetModel;
+exports.RecipeInputsForm = RecipeInputsForm;
 exports.SelectAccount = SelectAccount;
 exports.SelectCloudArtifacts = SelectCloudArtifacts;
 exports.SelectLocalArtifacts = SelectLocalArtifacts;