pollination-react-io 1.21.0 → 1.22.0

package/build/index.esm.js

@@ -618,7 +618,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$j = ":root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n  --success: #46A758;\n  --warning: #F76809;\n  --danger: #FF4616;\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@keyframes Animation {\n  0% {\n    background-position: 200%;\n  }\n  50% {\n    background-position: 100%;\n  }\n  100% {\n    background-position: 0%;\n  }\n}\n.loading {\n  background: linear-gradient(45deg, transparent, var(--primary), 12%, transparent);\n  background-size: 200%;\n  animation: Animation 3s ease infinite;\n}\n\n@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}\n\n.poll-button {\n  z-index: 10;\n  display: flex;\n  background-color: var(--primary);\n  border: 1px solid var(--primary);\n  color: white;\n  padding: 8px 16px;\n  line-height: 1.5rem;\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: 280px;\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}";
+var css_248z$j = ":root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n  --success: #46A758;\n  --warning: #F76809;\n  --danger: #FF4616;\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@keyframes Animation {\n  0% {\n    background-position: 200%;\n  }\n  50% {\n    background-position: 100%;\n  }\n  100% {\n    background-position: 0%;\n  }\n}\n.loading {\n  background: linear-gradient(45deg, transparent, var(--primary), 12%, transparent);\n  background-size: 200%;\n  animation: Animation 3s ease infinite;\n}\n\n@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}\n\n.poll-button {\n  z-index: 10;\n  display: flex;\n  background-color: var(--primary);\n  border: 1px solid var(--primary);\n  color: white;\n  padding: 8px 16px;\n  line-height: 1.5rem;\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  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$j);
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -8650,8 +8650,8 @@ var ComboBox = React__default.forwardRef(function ComboBox(_a, ref) {
     var items = _a.items, renderItem = _a.renderItem, setSelected = _a.setSelected, onClear = _a.onClear, onScrollReachEnd = _a.onScrollReachEnd, _b = _a.stateReducer, stateReducer = _b === void 0 ? function (state, _a) {
         _a.type; var changes = _a.changes;
         return changes;
-    } : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, hidden = _a.hidden, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.icon, icon = _e === void 0 ? React__default.createElement(CursorText$1, null) : _e, inputStyle = _a.inputStyle, menuStyle = _a.menuStyle, _f = _a.maxHeight, maxHeight = _f === void 0 ? 180 : _f, inputProps = _a.inputProps, header = _a.header, footer = _a.footer, _g = _a.noMatchText, noMatchText = _g === void 0 ? 'No matching items' : _g;
-    var _h = useState(items), inputItems = _h[0], setInputItems = _h[1];
+    } : _b, header = _a.header, footer = _a.footer, inputStyle = _a.inputStyle, menuStyle = _a.menuStyle, inputProps = _a.inputProps, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.hidden, hidden = _d === void 0 ? false : _d, _e = _a.loading, loading = _e === void 0 ? false : _e, _f = _a.icon, icon = _f === void 0 ? React__default.createElement(CursorText$1, null) : _f, _g = _a.maxHeight, maxHeight = _g === void 0 ? 180 : _g, _h = _a.noMatchText, noMatchText = _h === void 0 ? 'No matching items' : _h;
+    var _j = useState(items), inputItems = _j[0], setInputItems = _j[1];
     useEffect(function () {
         setInputItems(items);
     }, [items]);
@@ -8660,7 +8660,7 @@ var ComboBox = React__default.forwardRef(function ComboBox(_a, ref) {
             lodash_debounce(onScrollReachEnd, 1000, { leading: true, trailing: false })
             : undefined;
     }, [onScrollReachEnd]);
-    var _j = useCombobox({
+    var _k = useCombobox({
         items: inputItems,
         onInputValueChange: function (_a) {
             var inputValue = _a.inputValue;
@@ -8675,7 +8675,7 @@ var ComboBox = React__default.forwardRef(function ComboBox(_a, ref) {
         stateReducer: stateReducer
         // to what extent is this necessary?
         // environment: environment ? environment : undefined
-    }), isOpen = _j.isOpen, getToggleButtonProps = _j.getToggleButtonProps, getMenuProps = _j.getMenuProps, getInputProps = _j.getInputProps, getComboboxProps = _j.getComboboxProps, highlightedIndex = _j.highlightedIndex, getItemProps = _j.getItemProps, openMenu = _j.openMenu, closeMenu = _j.closeMenu, selectItem = _j.selectItem, selectedItem = _j.selectedItem, inputValue = _j.inputValue, setInputValue = _j.setInputValue;
+    }), isOpen = _k.isOpen, getToggleButtonProps = _k.getToggleButtonProps, getMenuProps = _k.getMenuProps, getInputProps = _k.getInputProps, getComboboxProps = _k.getComboboxProps, highlightedIndex = _k.highlightedIndex, getItemProps = _k.getItemProps, openMenu = _k.openMenu, closeMenu = _k.closeMenu, selectItem = _k.selectItem, selectedItem = _k.selectedItem, inputValue = _k.inputValue, setInputValue = _k.setInputValue;
     useImperativeHandle(ref, function () { return ({
         selectItem: selectItem,
         selectedItem: selectedItem,
@@ -8684,10 +8684,14 @@ var ComboBox = React__default.forwardRef(function ComboBox(_a, ref) {
     }); });
     useEffect(function () {
         var _a;
-        if (!selectedItem)
-            return;
-        // @ts-ignore
-        setInputValue((_a = selectedItem.name) !== null && _a !== void 0 ? _a : selectedItem.file_name);
+        console.log(selectedItem);
+        if (!selectedItem) {
+            setInputValue('');
+        }
+        else {
+            // @ts-ignore
+            setInputValue((_a = selectedItem.key) !== null && _a !== void 0 ? _a : selectedItem.name);
+        }
         setSelected && setSelected(selectedItem);
         closeMenu();
     }, [closeMenu, selectedItem, setInputValue, setSelected]);
@@ -13293,7 +13297,7 @@ const $d08ef79370b62062$export$371ab307eab489c0 = $d08ef79370b62062$export$e4f69
 const $d08ef79370b62062$export$c3468e2714d175fa = $d08ef79370b62062$export$42355ae145153fb6;
 const $d08ef79370b62062$export$21b07c8f274aebd5 = $d08ef79370b62062$export$34b8980744021ec5;
 
-var css_248z$e = ":root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n  --success: #46A758;\n  --warning: #F76809;\n  --danger: #FF4616;\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@keyframes Animation {\n  0% {\n    background-position: 200%;\n  }\n  50% {\n    background-position: 100%;\n  }\n  100% {\n    background-position: 0%;\n  }\n}\n.loading {\n  background: linear-gradient(45deg, transparent, var(--primary), 12%, transparent);\n  background-size: 200%;\n  animation: Animation 3s ease infinite;\n}\n\n@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}\n\n.poll-select-content {\n  display: flex;\n  flex-direction: column;\n  width: fit-content;\n  background-color: white;\n  border: 1px solid var(--slate8);\n  border-radius: 4px;\n  padding: 6px 4px;\n  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;\n  gap: 2px;\n  z-index: 1000;\n}\n\n.poll-select-item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 6px;\n  border-radius: 2px;\n  padding: 4px 8px 4px 30px;\n  transition: background-color 0.15s linear, color 0.15s linear;\n  cursor: pointer;\n}\n\n.poll-select-item[data-state=checked] {\n  background-color: var(--primary2);\n  color: white;\n}\n\n.poll-select-item[data-state=checked] > svg {\n  fill: white;\n}\n\n.poll-select-item[data-disabled] {\n  cursor: default;\n  color: var(--slate9);\n}\n\n.poll-select-item[data-disabled]:hover {\n  background-color: white;\n  color: var(--slate9);\n}\n\n.poll-select-item:focus-visible {\n  background-color: var(--primary0);\n  outline: solid 1px var(--primary);\n  color: unset;\n  outline-color: var(--primary);\n}\n\n.poll-select-item:hover {\n  background-color: var(--primary0);\n  color: unset;\n  fill: unset;\n}\n\n.poll-separator {\n  background-color: #d0d7de;\n  height: 1px;\n  width: 100%;\n  margin: 4px 0;\n}";
+var css_248z$e = ":root {\n  --background: #FFFAEE;\n  --primary: #1890ff;\n  --primary2: #40a9ff;\n  --primary1: #cceefe;\n  --primary0: #e6f7ff;\n  --secondary: #fff566;\n  --success: #46A758;\n  --warning: #F76809;\n  --danger: #FF4616;\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@keyframes Animation {\n  0% {\n    background-position: 200%;\n  }\n  50% {\n    background-position: 100%;\n  }\n  100% {\n    background-position: 0%;\n  }\n}\n.loading {\n  background: linear-gradient(45deg, transparent, var(--primary), 12%, transparent);\n  background-size: 200%;\n  animation: Animation 3s ease infinite;\n}\n\n@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}\n\n.poll-select-content {\n  display: flex;\n  flex-direction: column;\n  width: fit-content;\n  background-color: white;\n  border: 1px solid var(--slate8);\n  border-radius: 4px;\n  padding: 10px 8px;\n  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 6px 2px;\n  z-index: 1000;\n}\n\n.poll-select-item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 6px;\n  border-radius: 2px;\n  padding: 2px 4px 2px 30px;\n  transition: background-color 0.15s linear, color 0.15s linear;\n  cursor: pointer;\n}\n\n.poll-select-item[data-state=checked] {\n  background-color: var(--primary2);\n  color: white;\n}\n\n.poll-select-item[data-state=checked] > svg {\n  fill: white;\n}\n\n.poll-select-item[data-disabled] {\n  cursor: default;\n  color: var(--slate9);\n}\n\n.poll-select-item[data-disabled]:hover {\n  background-color: white;\n  color: var(--slate9);\n}\n\n.poll-select-item:focus-visible {\n  background-color: var(--primary0);\n  outline: solid 1px var(--primary);\n  color: unset;\n  outline-color: var(--primary);\n}\n\n.poll-select-item:hover {\n  background-color: var(--primary0);\n  color: unset;\n  fill: unset;\n}\n\n.poll-separator {\n  background-color: #d0d7de;\n  height: 1px;\n  width: 100%;\n  margin: 4px 0;\n}";
 styleInject(css_248z$e);
 
 var Dropdown = function (_a) {
@@ -13350,8 +13354,14 @@ var Dropdown = function (_a) {
         React__default.createElement($d08ef79370b62062$export$41fb9f06171c75f4, { asChild: true, disabled: disabled }, trigger),
         React__default.createElement($d08ef79370b62062$export$7c6e2c02157bb7d2, __assign({ className: "poll-select-content" }, contentProps),
             optionGroups.map(function (group, i, a) { return (React__default.createElement(ConditionalWrapper, { condition: typeof group.type !== 'undefined', wrapper: function (children) { return (group.type === 'radio'
-                    ? React__default.createElement($d08ef79370b62062$export$a98f0dcb43a68a25, { value: group.value }, children)
-                    : React__default.createElement($d08ef79370b62062$export$eb2fcfdbd7ba97d4, null, children)); }, key: "".concat(group.type, "-").concat(i) },
+                    ?
+                        React__default.createElement($d08ef79370b62062$export$a98f0dcb43a68a25, { value: group.value }, children)
+                    :
+                        React__default.createElement($d08ef79370b62062$export$eb2fcfdbd7ba97d4, { style: {
+                                display: 'flex',
+                                flexDirection: 'column',
+                                gap: 2
+                            } }, children)); }, key: "".concat(group.type, "-").concat(i) },
                 group.options.map(renderItem),
                 i !== a.length - 1 && React__default.createElement($89eedd556c436f6a$export$be92b6f5f03c0fe9, { key: "dropdown-separator-".concat(i), className: "poll-separator" }))); }),
             arrow && (React__default.createElement($d08ef79370b62062$export$21b07c8f274aebd5, { style: {
@@ -37921,27 +37931,19 @@ var useCreateStudy = function (accountName, projectName, client) {
                 });
             }
             // true for files selected via SelectCloudArtifacts
-            if (typeof value.pollination_cloud_path === 'string') {
+            if (typeof value.key === 'string') {
                 resolve({
                     name: name,
                     type: 'JobPathArgument',
                     source: {
                         type: 'ProjectFolder',
-                        path: value.pollination_cloud_path
+                        path: value.key
                     }
                 });
             }
             // true for files selected via SelectLocalArtifactNative
             if (typeof value.pollination_local_path === 'string') {
-                reject('Running cloud simulations with local artifacts not yet supported.');
-                // resolve({
-                //   name,
-                //   type: 'JobPathArgument',
-                //   source: {
-                //     type: 'ProjectFolder',
-                //     path: value.pollination_local_path
-                //   }
-                // }) 
+                reject('Running cloud simulations with local artifacts is not supported.');
             }
             // true for file uploaders
             if (value instanceof File) {
@@ -37965,8 +37967,6 @@ var useCreateStudy = function (accountName, projectName, client) {
     var processEntryLocal = useCallback(function (_a, input, cloudProjectName) {
         var name = _a[0], value = _a[1];
         return new Promise(function (resolve, reject) {
-            console.log('name: ', name);
-            console.log('value: ', value);
             var type = input.type;
             if (type !== 'DAGFileInput') {
                 resolve({
@@ -37988,8 +37988,8 @@ var useCreateStudy = function (accountName, projectName, client) {
             // first download artifact and turn it into a blob
             // then save it to the users machine and provide  
             // the name to the jobInfo object
-            if (typeof value.pollination_cloud_path === 'string') {
-                downloadArtifact(value.pollination_cloud_path)
+            if (typeof value.key === 'string') {
+                downloadArtifact(value.key)
                     .then(function (url) {
                     fetch(url)
                         .then(function (response) { return response.blob().then(function (blob) {
@@ -38068,9 +38068,9 @@ var useCreateStudy = function (accountName, projectName, client) {
             });
         });
     }, [accountName, client, processEntryCloud, projectName]);
-    var createLocalStudy = useCallback(function (_a, data, _b, key) {
+    var createLocalStudy = useCallback(function (_a, data, _b, onSuccess, key) {
         var name = _a.name, description = _a.description, recipe = _a.recipe;
-        var localCPUCount = _b.localCPUCount, localRunFolder = _b.localRunFolder, isLocalJob = _b.isLocalJob, cloudProjectName = _b.cloudProjectName;
+        var localCPUCount = _b.localCPUCount, localRunFolder = _b.localRunFolder, isLocalJob = _b.isLocalJob, cloudProjectName = _b.cloudProjectName, cloudProjectOwner = _b.cloudProjectOwner;
         if (key === void 0) { key = performance.now().toString(); }
         return __awaiter$1(void 0, void 0, void 0, function () {
             var job, jobInfo, response;
@@ -38099,13 +38099,20 @@ var useCreateStudy = function (accountName, projectName, client) {
                             Job: job,
                             IsLocalJob: isLocalJob,
                             LocalCPUNumber: localCPUCount,
-                            LocalRunFolder: localRunFolder
+                            LocalRunFolder: localRunFolder,
+                            CloudProject: cloudProjectName,
+                            ProjectOwner: cloudProjectOwner,
+                            SubFolderPath: ''
                         };
+                        console.log(jobInfo);
                         response = sendMessageDotNet({
                             action: 'AddStudy',
                             data: jobInfo,
                             uniqueId: key
                         });
+                        if (response) {
+                            onSuccess && onSuccess(cloudProjectOwner, cloudProjectName, localRunFolder);
+                        }
                         return [2 /*return*/, response];
                 }
             });
@@ -40604,17 +40611,20 @@ var getFileIcon$1 = function (type, disabled) {
 
 var SelectCloudArtifacts = function (_a) {
     var _b, _c;
-    var projectOwner = _a.projectOwner, projectName = _a.projectName, jobId = _a.jobId, defaultValue = _a.defaultValue, hidden = _a.hidden, _d = _a.fileNameMatch, fileNameMatch = _d === void 0 ? '.*' : _d, onChange = _a.onChange, client = _a.client;
-    var host = getHost();
+    var projectOwner = _a.projectOwner, projectName = _a.projectName, jobId = _a.jobId, value = _a.value, hidden = _a.hidden, _d = _a.fileNameMatch, fileNameMatch = _d === void 0 ? '.*' : _d, onChange = _a.onChange, client = _a.client;
     var comboBoxRef = useRef(null);
     var listArtifacts = useArtifacts(projectOwner, projectName, client).listArtifacts;
-    var _e = useState(false), loading = _e[0], setLoading = _e[1];
-    var _f = useState({ folders: [], files: [] }), artifacts = _f[0], setArtifacts = _f[1];
-    // Support default values
-    var defaultValueRef = useRef(defaultValue ? defaultValue.split('/').splice(-1)[0] : undefined);
-    var _g = useState(defaultValue ? defaultValue.split('/').slice(0, -1) : []), path = _g[0], setPath = _g[1];
-    var pathRef = useRef(defaultValue ? defaultValue.split('/').slice(0, -1) : []);
-    var _h = useState(), selArtifact = _h[0], setSelArtifact = _h[1];
+    var valueRef = useRef();
+    var _e = useState(), selArtifact = _e[0], setSelArtifact = _e[1];
+    var _f = useState(false), loading = _f[0], setLoading = _f[1];
+    var _g = useState({ folders: [], files: [] }), artifacts = _g[0], setArtifacts = _g[1];
+    var _h = useState(value ?
+        [value.key.split('/').slice(0, -1).join('/')]
+        :
+            []), path = _h[0], setPath = _h[1];
+    var handleClear = useCallback(function () {
+        setPath([]);
+    }, []);
     useEffect(function () {
         setLoading(true);
         listArtifacts(path, jobId)
@@ -40622,41 +40632,33 @@ var SelectCloudArtifacts = function (_a) {
             var folders = facts.filter(function (f) { return f.file_type === 'folder'; });
             var files = facts.filter(function (f) { return f.file_type === 'file'; });
             setArtifacts({ folders: folders, files: files });
-            // Support default selections
-            if (comboBoxRef.current && defaultValueRef.current) {
-                var defaultFile = files.find(function (f) { return f.file_name === defaultValueRef.current; });
-                if (defaultFile) {
-                    comboBoxRef.current.selectItem(defaultFile);
-                    defaultValueRef.current = undefined;
-                    setSelArtifact(defaultFile);
-                }
-            }
         })
             .finally(function () { return setLoading(false); });
-    }, [
-        client,
-        defaultValue,
-        fileNameMatch,
-        host,
-        jobId,
-        listArtifacts,
-        onChange,
-        path,
-    ]);
+    }, [jobId, listArtifacts, path]);
     useEffect(function () {
         if (!selArtifact || selArtifact.file_type !== 'folder')
             return;
         setPath(function (path) {
             var newPath = ["".concat(path, "/").concat(selArtifact.file_name)];
-            pathRef.current = ["".concat(path, "/").concat(selArtifact.file_name)];
             return newPath;
         });
-    }, [onChange, selArtifact]);
+    }, [selArtifact]);
     useEffect(function () {
-        if (!selArtifact || selArtifact.file_type !== 'file')
+        // nonmemoized value from react-hook-form or other parent causes infinite rerendering
+        if (lodash_isequal(valueRef.current, selArtifact)) {
             return;
-        onChange && onChange(__assign(__assign({}, selArtifact), { pollination_cloud_path: "".concat(pathRef.current, "/").concat(selArtifact.file_name) }));
+        }
+        // if selection is a folder instead of an artifact
+        if (selArtifact && selArtifact.file_type !== 'file')
+            return;
+        comboBoxRef.current.selectItem(selArtifact);
+        valueRef.current = selArtifact;
+        // don't call onChange for undefined values
+        onChange && selArtifact && onChange(selArtifact);
     }, [onChange, selArtifact]);
+    useEffect(function () {
+        setSelArtifact(value);
+    }, [value]);
     var stateReducer = useCallback(function (state, actionAndChanges) {
         var type = actionAndChanges.type, changes = actionAndChanges.changes;
         switch (type) {
@@ -40694,7 +40696,7 @@ var SelectCloudArtifacts = function (_a) {
                 } },
                 icon,
                 item.name));
-        }, setSelected: setSelArtifact, onClear: function () { return setPath([]); }, loading: loading, disabled: !projectName || !projectOwner, hidden: hidden, icon: React__default.createElement(CloudPlus$1, null), header: path.length > 0 &&
+        }, setSelected: setSelArtifact, onClear: handleClear, loading: loading, disabled: !projectName || !projectOwner, hidden: hidden, icon: React__default.createElement(CloudPlus$1, null), header: path.length > 0 &&
             React__default.createElement("div", { key: "header", style: {
                     width: '100%',
                     display: 'flex',
@@ -40715,9 +40717,7 @@ var SelectCloudArtifacts = function (_a) {
                         cursor: 'pointer',
                         alignItems: 'center',
                         gap: 8,
-                    }, onClick: function (e) {
-                        setPath([]);
-                    } },
+                    }, onClick: handleClear },
                     React__default.createElement(FolderFill$1, null),
                     "Root"),
                 React__default.createElement(ChevronRight$1, null),
@@ -40756,12 +40756,9 @@ styleInject(css_248z$5);
 // separate multiple extensions in a filter pattern with a semicolon. Example: 
 // "Image files (*.bmp, *.jpg)|*.bmp;*.jpg|All files (*.*)|*.*"
 var SelectLocalArtifactNative = function (_a) {
-    var onChange = _a.onChange, defaultKey = _a.defaultKey, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.buttonLabel, buttonLabel = _c === void 0 ? 'Select File' : _c, _d = _a.fileMatchPattern, fileMatchPattern = _d === void 0 ? 'All Files (*.*)|*.*' : _d, _e = _a.mode, mode = _e === void 0 ? 'file' : _e;
-    var _f = useState(defaultKey !== null && defaultKey !== void 0 ? defaultKey : performance.now().toString()), key = _f[0], setKey = _f[1];
+    var _b = _a.key, key = _b === void 0 ? performance.now().toString() : _b, value = _a.value, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.buttonLabel, buttonLabel = _d === void 0 ? 'Select File' : _d, _e = _a.fileMatchPattern, fileMatchPattern = _e === void 0 ? 'All Files (*.*)|*.*' : _e, _f = _a.mode, mode = _f === void 0 ? 'file' : _f, onChange = _a.onChange;
+    var valueRef = useRef();
     var _g = useState(), selPath = _g[0], setSelPath = _g[1];
-    useEffect(function () {
-        setKey(defaultKey);
-    }, [defaultKey]);
     var handleSelectNative = useCallback(function () {
         if (!checkDotNet())
             ;
@@ -40781,11 +40778,20 @@ var SelectLocalArtifactNative = function (_a) {
             console.log(error);
         }
         if (res && typeof res.data === 'string') {
-            onChange(res.data);
             setSelPath(res.data);
         }
-    }, [fileMatchPattern, key, mode, onChange]);
-    return (React__default.createElement(Button, { onClick: handleSelectNative, disabled: disabled },
+    }, [fileMatchPattern, key, mode]);
+    useEffect(function () {
+        if (valueRef.current === selPath) {
+            return;
+        }
+        valueRef.current = selPath;
+        onChange && selPath && onChange(selPath);
+    }, [onChange, selPath]);
+    useEffect(function () {
+        setSelPath(value);
+    }, [value]);
+    return (React__default.createElement(Button, { onClick: handleSelectNative, disabled: disabled || !checkPollinationPanel() },
         React__default.createElement("div", { style: {
                 display: 'flex',
             } }, selPath ? React__default.createElement(CheckCircle$1, { size: 16 }) : mode === 'file' ? React__default.createElement(FileEarmark$1, { size: 16 }) : React__default.createElement(FolderPlus$1, { size: 16 })),
@@ -40793,9 +40799,9 @@ var SelectLocalArtifactNative = function (_a) {
 };
 
 var ComboFileSelector = function (_a) {
-    var projectOwner = _a.projectOwner, projectName = _a.projectName, defaultValue = _a.defaultValue, hidden = _a.hidden, defaultOption = _a.defaultOption, _b = _a.mode, mode = _b === void 0 ? 'cloud' : _b, onChange = _a.onChange, _c = _a.disabled, disabled = _c === void 0 ? false : _c, client = _a.client, inputProps = _a.inputProps;
+    var projectOwner = _a.projectOwner, projectName = _a.projectName, value = _a.value, _b = _a.hidden, hidden = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, defaultOption = _a.defaultOption, optionsConfig = _a.optionsConfig, _d = _a.mode, mode = _d === void 0 ? 'cloud' : _d, onChange = _a.onChange, client = _a.client, inputProps = _a.inputProps;
     var host = getHost();
-    var _d = useState(function () {
+    var _e = useState(function () {
         if (typeof defaultOption !== 'undefined') {
             return defaultOption;
         }
@@ -40813,7 +40819,7 @@ var ComboFileSelector = function (_a) {
             // web, cloud
             return 'get_cloud';
         }
-    }), option = _d[0], setOption = _d[1];
+    }), option = _e[0], setOption = _e[1];
     useEffect(function () {
         setOption(defaultOption);
     }, [defaultOption]);
@@ -40827,21 +40833,24 @@ var ComboFileSelector = function (_a) {
         } },
         !hidden &&
             React__default.createElement(ButtonGroup, null,
-                React__default.createElement("button", { type: 'button', disabled: disabled, onClick: function () { return setOption('get_file'); }, style: {
-                        display: 'flex',
-                        boxShadow: !disabled && option === 'get_file' ?
-                            'inset 0px 0px 9px 4px #096dd9' : undefined
-                    } },
-                    React__default.createElement(FileEarmarkArrowUp$1, null),
-                    "Upload"),
-                React__default.createElement("button", { type: 'button', disabled: disabled, onClick: function () { return setOption('get_cloud'); }, style: {
-                        display: 'flex',
-                        boxShadow: !disabled && option === 'get_cloud' ?
-                            'inset 0px 0px 9px 4px #096dd9' : undefined
-                    } },
-                    React__default.createElement(CloudPlus$1, null),
-                    "Cloud"),
+                (typeof optionsConfig['get_file'] === 'undefined' || optionsConfig['get_file']) &&
+                    React__default.createElement("button", { type: 'button', disabled: disabled, onClick: function () { return setOption('get_file'); }, style: {
+                            display: 'flex',
+                            boxShadow: !disabled && option === 'get_file' ?
+                                'inset 0px 0px 9px 4px #096dd9' : undefined
+                        } },
+                        React__default.createElement(FileEarmarkArrowUp$1, null),
+                        "Upload"),
+                (typeof optionsConfig['get_cloud'] === 'undefined' || optionsConfig['get_cloud']) &&
+                    React__default.createElement("button", { type: 'button', disabled: disabled, onClick: function () { return setOption('get_cloud'); }, style: {
+                            display: 'flex',
+                            boxShadow: !disabled && option === 'get_cloud' ?
+                                'inset 0px 0px 9px 4px #096dd9' : undefined
+                        } },
+                        React__default.createElement(CloudPlus$1, null),
+                        "Cloud"),
                 (host !== 'web' || option === 'get_model') &&
+                    (typeof optionsConfig['get_model'] === 'undefined' || optionsConfig['get_model']) &&
                     React__default.createElement("button", { type: 'button', disabled: disabled, onClick: function () { return setOption('get_model'); }, style: {
                             display: 'flex',
                             boxShadow: !disabled && option === 'get_model' ?
@@ -40850,6 +40859,7 @@ var ComboFileSelector = function (_a) {
                         React__default.createElement(ArrowUpSquare$1, null),
                         "CAD"),
                 (host !== 'web' || option === 'get_local') &&
+                    (typeof optionsConfig['get_local'] === 'undefined' || optionsConfig['get_local']) &&
                     React__default.createElement("button", { type: 'button', disabled: disabled, onClick: function () { return setOption('get_local'); }, style: {
                             display: 'flex',
                             boxShadow: !disabled && option === 'get_local' ?
@@ -40865,7 +40875,7 @@ var ComboFileSelector = function (_a) {
                 case 'get_model':
                     return (React__default.createElement(GetModel, { onChange: onChange, inputProps: inputProps, showHelpText: false }));
                 case 'get_cloud':
-                    return (React__default.createElement(SelectCloudArtifacts, { projectOwner: projectOwner, projectName: projectName, defaultValue: defaultValue, hidden: hidden, fileNameMatch: typeof inputProps.accept === 'string' ?
+                    return (React__default.createElement(SelectCloudArtifacts, { projectOwner: projectOwner, projectName: projectName, value: value, hidden: hidden, fileNameMatch: typeof inputProps.accept === 'string' ?
                             ".*(".concat(inputProps.accept.replace(/\./g, '').split(', ').join('$|'), "$)") : undefined, onChange: onChange, client: client }));
                 case 'get_local':
                     return (React__default.createElement(SelectLocalArtifactNative, { onChange: handleLocalArtifactSelect, buttonLabel: "Select ".concat(inputProps.accept.split(',').length > 1 ?
@@ -40880,7 +40890,8 @@ var _defaultConfig = {
     localCPUCount: 1,
     localRunFolder: 'C:',
     isLocalJob: false,
-    cloudProjectName: undefined
+    cloudProjectName: undefined,
+    cloudProjectOwner: undefined
 };
 var ConfigureLocalRun = function (_a) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, defaultVal = _a.defaultVal, onChange = _a.onChange;
@@ -41720,11 +41731,12 @@ TabPanel.defaultProps = defaultProps;
 
 var SelectProject = function (_a) {
     var _b, _c;
-    var authUser = _a.authUser, client = _a.client, projectOwner = _a.projectOwner, _defaultValue = _a.defaultValue, setSelProject = _a.setSelProject;
+    var authUser = _a.authUser, client = _a.client, projectOwner = _a.projectOwner, value = _a.value, onChange = _a.onChange;
     var comboBoxRef = useRef();
-    var _d = useState(_defaultValue ? [_defaultValue] : undefined), defaultValue = _d[0], setDefaultValue = _d[1];
-    var _e = useState([]), projects = _e[0], setProjects = _e[1];
-    var _f = useState(false), loading = _f[0], setLoading = _f[1];
+    var valueRef = useRef();
+    var _d = useState(), selProject = _d[0], setSelProject = _d[1];
+    var _e = useState(false), loading = _e[0], setLoading = _e[1];
+    var _f = useState([]), projects = _f[0], setProjects = _f[1];
     var totalProjectsRef = useRef({
         loaded: 0,
         total: undefined
@@ -41734,7 +41746,6 @@ var SelectProject = function (_a) {
         owner: (_b = [projectOwner]) !== null && _b !== void 0 ? _b : (authUser && [authUser.username]),
         page: 1,
         perPage: 10,
-        ids: defaultValue
     }), queryConfig = _h[0], setQueryConfig = _h[1];
     // resetting query
     useEffect(function () {
@@ -41745,11 +41756,11 @@ var SelectProject = function (_a) {
         };
         // deselect items
         if (comboBoxRef.current) {
-            comboBoxRef.current.selectItem(null);
+            comboBoxRef.current.selectItem(value);
         }
         setProjects([]);
-        setQueryConfig(function (q) { return (__assign(__assign({}, q), { owner: [projectOwner], ids: defaultValue, page: 1 })); });
-    }, [defaultValue, projectOwner]);
+        setQueryConfig(function (q) { return (__assign(__assign({}, q), { owner: [projectOwner], page: 1 })); });
+    }, [projectOwner, value]);
     var fetchProjects = useCallback(function (queryConfig) {
         if (!authUser || !client || !client.projects)
             return;
@@ -41775,17 +41786,19 @@ var SelectProject = function (_a) {
         fetchProjects(queryConfig);
     }, [fetchProjects, queryConfig]);
     useEffect(function () {
-        if (!defaultValue || !projects.length)
-            return;
-        // if this were to become a multiselect could use defaultValue.includes(p.id)
-        // other things would have to change
-        var selDefault = projects.find(function (p) { return p.id === defaultValue[0]; });
-        if (selDefault) {
-            setSelProject(selDefault);
-            comboBoxRef.current.selectItem(selDefault);
+        // nonmemoized value from react-hook-form or other parent causes infinite rerendering
+        if (lodash_isequal(valueRef.current, selProject)) {
             return;
         }
-    }, [defaultValue, projects, setSelProject]);
+        comboBoxRef.current.selectItem(selProject);
+        valueRef.current = selProject;
+        // don't call onChange for undefined values
+        onChange && selProject && onChange(selProject);
+    }, [selProject, onChange]);
+    useEffect(function () {
+        setSelProject(value);
+        console.log(value);
+    }, [value]);
     var onScrollReachEnd = useCallback(function () {
         // already loaded all runs
         var _a = totalProjectsRef.current, total = _a.total, loaded = _a.loaded;
@@ -41793,7 +41806,7 @@ var SelectProject = function (_a) {
             return;
         setQueryConfig(function (q) { return (__assign(__assign({}, q), { page: q.page ? q.page + 1 : 1 })); });
     }, []);
-    return (React__default.createElement(ComboBox, { ref: comboBoxRef, items: projects !== null && projects !== void 0 ? projects : [], setSelected: setSelProject, onClear: function () { return setDefaultValue(undefined); }, inputProps: {
+    return (React__default.createElement(ComboBox, { ref: comboBoxRef, items: projects !== null && projects !== void 0 ? projects : [], setSelected: setSelProject, onClear: function () { return setSelProject(undefined); }, inputProps: {
             placeholder: 'Select a project...',
         }, loading: loading, disabled: !authUser || !queryConfig.owner, footer: (React__default.createElement("div", { key: "footer", style: {
                 width: '100%',
@@ -41805,19 +41818,20 @@ var SelectProject = function (_a) {
 
 var SelectAccount = function (_a) {
     var _b;
-    var authUser = _a.authUser, client = _a.client, defaultValue = _a.defaultValue, setSelAccount = _a.setSelAccount;
+    var authUser = _a.authUser, client = _a.client, value = _a.value, onChange = _a.onChange;
     var comboBoxRef = useRef();
-    var _c = useState(function () { return authUser ? [authUser] : []; }), accounts = _c[0], setAccounts = _c[1];
-    var _d = useState(false), loading = _d[0], setLoading = _d[1];
+    var _c = useState(value), selAccount = _c[0], setSelAccount = _c[1];
+    var _d = useState(function () { return authUser ? [authUser] : []; }), accounts = _d[0], setAccounts = _d[1];
+    var _e = useState(false), loading = _e[0], setLoading = _e[1];
     var totalAccountsRef = useRef({
         loaded: 0,
         total: undefined
     });
-    var _e = useState(0), total = _e[0], setTotal = _e[1];
-    var _f = useState({
+    var _f = useState(0), total = _f[0], setTotal = _f[1];
+    var _g = useState({
         page: 1,
         perPage: 25,
-    }), queryConfig = _f[0], setQueryConfig = _f[1];
+    }), queryConfig = _g[0], setQueryConfig = _g[1];
     // resetting query
     useEffect(function () {
         if (!authUser)
@@ -41827,13 +41841,9 @@ var SelectAccount = function (_a) {
             loaded: 0,
             total: undefined
         };
-        // deselect items
-        if (comboBoxRef.current) {
-            comboBoxRef.current.selectItem(null);
-        }
         setAccounts([authUser]);
         setQueryConfig(function (q) { return (__assign(__assign({}, q), { member: [authUser === null || authUser === void 0 ? void 0 : authUser.username], page: 1 })); });
-    }, [authUser, defaultValue, setSelAccount]);
+    }, [authUser, onChange, value]);
     var fetchOrganizations = useCallback(function (queryConfig) {
         if (!authUser || !client || !client.orgs)
             return;
@@ -41860,16 +41870,13 @@ var SelectAccount = function (_a) {
         fetchOrganizations(queryConfig);
     }, [fetchOrganizations, queryConfig]);
     useEffect(function () {
-        if (!defaultValue || !accounts.length)
-            return;
-        // @ts-ignore
-        var selDefault = accounts.find(function (a) { return typeof a.username !== 'undefined' ? a.username === defaultValue : a.account_name === defaultValue; });
-        if (selDefault) {
-            setSelAccount(selDefault);
-            comboBoxRef.current.selectItem(selDefault);
-            return;
-        }
-    }, [defaultValue, accounts, setSelAccount, authUser]);
+        comboBoxRef.current.selectItem(selAccount);
+        // comboBoxRef.current.setInputValue( selAccount.name  )
+        onChange && onChange(selAccount);
+    }, [onChange, selAccount]);
+    useEffect(function () {
+        setSelAccount(value);
+    }, [value]);
     var onScrollReachEnd = useCallback(function () {
         // already loaded all runs
         var _a = totalAccountsRef.current, total = _a.total, loaded = _a.loaded;
@@ -41908,21 +41915,23 @@ var SelectAccount = function (_a) {
 
 var SelectRecipe = function (_a) {
     var _b, _c;
-    var authUser = _a.authUser, client = _a.client, projectName = _a.projectName, projectOwner = _a.projectOwner, setSelRecipe = _a.setSelRecipe;
+    var authUser = _a.authUser, client = _a.client, projectName = _a.projectName, projectOwner = _a.projectOwner, value = _a.value, onChange = _a.onChange;
     var comboBoxRef = useRef();
-    var _d = useState(), recipes = _d[0], setRecipes = _d[1];
+    var valueRef = useRef();
+    var _d = useState(), selRecipe = _d[0], setSelRecipe = _d[1];
     var _e = useState(false), loading = _e[0], setLoading = _e[1];
+    var _f = useState(), recipes = _f[0], setRecipes = _f[1];
     var totalRecipesRef = useRef({
         loaded: 0,
         total: undefined
     });
-    var _f = useState(0), total = _f[0], setTotal = _f[1];
-    var _g = useState({
+    var _g = useState(0), total = _g[0], setTotal = _g[1];
+    var _h = useState({
         owner: projectOwner !== null && projectOwner !== void 0 ? projectOwner : (authUser && authUser.username),
         name: projectName,
         page: 1,
         perPage: 10,
-    }), queryConfig = _g[0], setQueryConfig = _g[1];
+    }), queryConfig = _h[0], setQueryConfig = _h[1];
     // resetting query
     useEffect(function () {
         // reset total loaded
@@ -41932,11 +41941,11 @@ var SelectRecipe = function (_a) {
         };
         // deselect items
         if (comboBoxRef.current) {
-            comboBoxRef.current.selectItem(null);
+            comboBoxRef.current.selectItem(value);
         }
         setRecipes([]);
         setQueryConfig(function (q) { return (__assign(__assign({}, q), { owner: projectOwner, name: projectName, page: 1 })); });
-    }, [projectOwner, projectName]);
+    }, [projectOwner, projectName, value]);
     var fetchRecipes = useCallback(function (queryConfig) {
         if (!authUser || !client || !client.projects)
             return;
@@ -41962,6 +41971,18 @@ var SelectRecipe = function (_a) {
     useEffect(function () {
         fetchRecipes(queryConfig);
     }, [fetchRecipes, queryConfig]);
+    useEffect(function () {
+        // nonmemoized value from react-hook-form or other parent causes infinite rerendering
+        if (lodash_isequal(valueRef.current, selRecipe)) {
+            return;
+        }
+        comboBoxRef.current.selectItem(selRecipe);
+        valueRef.current = selRecipe;
+        onChange && selRecipe && onChange(selRecipe);
+    }, [selRecipe, onChange]);
+    useEffect(function () {
+        setSelRecipe(value);
+    }, [value]);
     var onScrollReachEnd = useCallback(function () {
         var _a = totalRecipesRef.current, total = _a.total, loaded = _a.loaded;
         if (total && loaded >= total)
@@ -44002,7 +44023,7 @@ var RecipeInputsForm = function (_a) {
     var _b, _c;
     var recipe = _a.recipe, controlledValues = _a.controlledValues, onSubmit = _a.onSubmit, projectName = _a.projectName, projectOwner = _a.projectOwner, client = _a.client;
     var _d = useState(false), loading = _d[0], setLoading = _d[1];
-    var _e = useState(__assign(__assign({}, _defaultConfig), { cloudProjectName: projectName })), localConfig = _e[0], setLocalConfig = _e[1];
+    var _e = useState(__assign(__assign({}, _defaultConfig), { cloudProjectName: projectName, cloudProjectOwner: projectOwner })), localConfig = _e[0], setLocalConfig = _e[1];
     var schema = generateSchema(recipe.inputs);
     var host = getHost();
     var _f = useForm({
@@ -44050,9 +44071,7 @@ var RecipeInputsForm = function (_a) {
             gap: 20
         } },
         React__default.createElement(FormInput, { name: 'study-name', description: 'Study name is a required field.', errorMessage: errors['study-name'] ? (_b = errors['study-name']) === null || _b === void 0 ? void 0 : _b.message : undefined },
-            React__default.createElement(TextInput, { inputProps: __assign({ form: recipe.metadata.name }, register('study-name')), 
-                // @ts-ignore
-                reset: function () { return resetField('study-name'); } })),
+            React__default.createElement(TextInput, { inputProps: __assign({ form: recipe.metadata.name }, register('study-name')), reset: function () { return resetField('study-name'); } })),
         host !== 'web' &&
             React__default.createElement(ConfigureLocalRun, { onChange: function (localConfig) { return setLocalConfig(localConfig); }, defaultVal: localConfig }),
         React__default.createElement(Tabs, { forceRenderTabPanel: true },
@@ -44076,8 +44095,8 @@ var RecipeInputsForm = function (_a) {
                             gap: 8
                         } }, g.map(function (input, i) {
                         var _a;
-                        var hidden = controlledValues && controlledValues[input.name] ? controlledValues[input.name].hidden : false;
                         var defaultValue = controlledValues && controlledValues[input.name] ? controlledValues[input.name].value : input.default;
+                        var hidden = controlledValues && controlledValues[input.name] ? controlledValues[input.name].hidden : false;
                         var inputProps = __assign({}, register(input.name, {
                             valueAsNumber: ['DAGIntegerInput', 'DAGNumberInput'].includes(input.type)
                         }));
@@ -44090,11 +44109,15 @@ var RecipeInputsForm = function (_a) {
                                     // @ts-ignore
                                     , { 
                                         // @ts-ignore
-                                        name: input.name, control: control, render: function (_a) {
-                                            var _b = _a.field; _b.value; var onChange = _b.onChange, field = __rest(_b, ["value", "onChange"]);
+                                        name: input.name, control: control, defaultValue: defaultValue, render: function (_a) {
+                                            var _b = _a.field, value = _b.value, onChange = _b.onChange, field = __rest(_b, ["value", "onChange"]);
                                             return (React__default.createElement(ComboFileSelector, { projectOwner: projectOwner, projectName: projectName, defaultOption: input.extensions &&
                                                     input.extensions.includes('hbjson') &&
-                                                    host !== 'web' ? 'get_model' : 'get_cloud', defaultValue: defaultValue, onChange: onChange, client: client, inputProps: __assign(__assign({}, field), { accept: input.extensions.map(function (e) { return ".".concat(e); }).join(', ') }), hidden: hidden }));
+                                                    host !== 'web' ? 'get_model' : 'get_cloud', optionsConfig: {
+                                                    get_model: input.extensions.includes('hbjson') && host !== 'web',
+                                                    get_local: host !== 'web',
+                                                    get_file: host === 'web'
+                                                }, value: value, onChange: onChange, client: client, inputProps: __assign(__assign({}, field), { accept: input.extensions.map(function (e) { return ".".concat(e); }).join(', ') }), hidden: hidden }));
                                         } });
                                 case 'DAGStringInput':
                                     return typeof ((_a = input.spec) === null || _a === void 0 ? void 0 : _a.enum) !== 'undefined' ?
@@ -44151,7 +44174,7 @@ var defaultStyle = {
 };
 var CreateStudy = function (_a) {
     var _b;
-    var authUser = _a.authUser, client = _a.client, style = _a.style;
+    var authUser = _a.authUser, client = _a.client, style = _a.style, controlledRecipeInputs = _a.controlledRecipeInputs, createStudySuccess = _a.createStudySuccess;
     var _c = useState(0), activeTabIndex = _c[0], setActiveTabIndex = _c[1];
     var _d = useState(initialState), state = _d[0], setState = _d[1];
     var setSelAccount = useCallback(function (account) {
@@ -44182,16 +44205,16 @@ var CreateStudy = function (_a) {
         window.open("".concat(basePath, "/").concat(accountName, "/projects/").concat(projectName, "/studies/").concat(studyId));
     }, [basePath]);
     var handleCreateStudy = useCallback(function (name, data, description, localConfig) {
-        if (!state.recipe || !state.recipe.source) {
+        if (!state || !state.recipe || !state.recipe.source) {
             return new Promise(function (resolve, reject) { return resolve(); });
         }
         if (host !== 'web') {
-            return createLocalStudy({ name: name, recipe: state.recipe, description: description }, data, localConfig);
+            return createLocalStudy({ name: name, recipe: state.recipe, description: description }, data, localConfig, createStudySuccess);
         }
         else {
-            return createStudy({ name: name, recipe: state.recipe, description: description }, data, handleCreateStudySuccess);
+            return createStudy({ name: name, recipe: state.recipe, description: description }, data, createStudySuccess !== null && createStudySuccess !== void 0 ? createStudySuccess : handleCreateStudySuccess);
         }
-    }, [createStudy, createLocalStudy, handleCreateStudySuccess, host, state.recipe]);
+    }, [state, host, createLocalStudy, createStudy, createStudySuccess, handleCreateStudySuccess]);
     return (React__default.createElement("div", { "data-testid": "CreateProject", style: __assign(__assign({}, defaultStyle), style) },
         React__default.createElement(Tabs, { selectedIndex: activeTabIndex, onSelect: function (index) { return setActiveTabIndex(index); }, forceRenderTabPanel: true },
             React__default.createElement("div", { style: {
@@ -44215,12 +44238,12 @@ var CreateStudy = function (_a) {
                         gap: 8
                     } },
                     React__default.createElement(Label, { label: state.account ? state.account.name : 'Account' },
-                        React__default.createElement(SelectAccount, { authUser: authUser, client: client, setSelAccount: setSelAccount })),
+                        React__default.createElement(SelectAccount, { authUser: authUser, client: client, onChange: setSelAccount })),
                     React__default.createElement(Label, { label: state.project ? state.project.name : 'Project' },
-                        React__default.createElement(SelectProject, { authUser: authUser, client: client, setSelProject: setSelProject, projectOwner: projectOwner })),
+                        React__default.createElement(SelectProject, { authUser: authUser, client: client, onChange: setSelProject, projectOwner: projectOwner })),
                     React__default.createElement(Label, { label: state.recipe && state.recipe.metadata ?
                             state.recipe.metadata.name : 'Recipe' },
-                        React__default.createElement(SelectRecipe, { authUser: authUser, client: client, projectOwner: projectOwner, projectName: state.project ? state === null || state === void 0 ? void 0 : state.project.name : undefined, setSelRecipe: setSelRecipe })))),
+                        React__default.createElement(SelectRecipe, { authUser: authUser, client: client, projectOwner: projectOwner, projectName: state.project ? state === null || state === void 0 ? void 0 : state.project.name : undefined, onChange: setSelRecipe })))),
             state.recipe &&
                 React__default.createElement(React__default.Fragment, null,
                     React__default.createElement(TabPanel, { style: {
@@ -44238,7 +44261,7 @@ var CreateStudy = function (_a) {
                                     .split('-')
                                     .map(function (v) { return v.charAt(0).toUpperCase() + v.slice(1); })
                                     .join(' ')),
-                            React__default.createElement(RecipeInputsForm, { client: client, projectOwner: projectOwner, projectName: projectSlug, recipe: state.recipe, onSubmit: handleCreateStudy })))))));
+                            React__default.createElement(RecipeInputsForm, { client: client, projectOwner: projectOwner, projectName: projectSlug, recipe: state.recipe, onSubmit: handleCreateStudy, controlledValues: controlledRecipeInputs })))))));
 };
 
 // Generated with util/create-component.js
@@ -45942,11 +45965,12 @@ var SelectLocalArtifacts = function (_a) {
 
 var SelectRun = function (_a) {
     var _b, _c;
-    var authUser = _a.authUser, client = _a.client, projectOwner = _a.projectOwner, projectName = _a.projectName, jobId = _a.jobId, _defaultValue = _a.defaultValue, setSelRun = _a.setSelRun;
+    var authUser = _a.authUser, client = _a.client, projectOwner = _a.projectOwner, projectName = _a.projectName, jobId = _a.jobId, value = _a.value, onChange = _a.onChange;
     var comboBoxRef = useRef();
-    var _d = useState(_defaultValue), defaultValue = _d[0], setDefaultValue = _d[1];
-    var _e = useState(), runs = _e[0], setRuns = _e[1];
-    var _f = useState(false), loading = _f[0], setLoading = _f[1];
+    var valueRef = useRef();
+    var _d = useState(), selRun = _d[0], setSelRun = _d[1];
+    var _e = useState(false), loading = _e[0], setLoading = _e[1];
+    var _f = useState(), runs = _f[0], setRuns = _f[1];
     var totalRunsRef = useRef({
         loaded: 0,
         total: undefined
@@ -46006,27 +46030,18 @@ var SelectRun = function (_a) {
         fetchRuns(queryConfig);
     }, [fetchRuns, queryConfig]);
     useEffect(function () {
-        if (!defaultValue || !client || !client.runs)
+        // nonmemoized value from react-hook-form or other parent causes infinite rerendering
+        if (lodash_isequal(valueRef.current, selRun)) {
             return;
-        client.runs.getRun({
-            owner: projectOwner,
-            name: projectName,
-            runId: defaultValue
-        }).then(function (_a) {
-            var data = _a.data;
-            if (!data)
-                return;
-            setRuns(function (state) {
-                if (!state)
-                    return [data];
-                var newRuns = __spreadArray(__spreadArray([], state, true), [data], false);
-                var uniqueRuns = newRuns.filter(function (run, i, arr) { return arr.findIndex(function (v) { return v.id === run.id; }) === i; });
-                return uniqueRuns;
-            });
-            setSelRun(data);
-            comboBoxRef.current.selectItem(__assign(__assign({}, data), { name: "".concat(data.recipe.metadata.name, " : ").concat(data.status.status) }));
-        });
-    }, [client, defaultValue, projectName, projectOwner, setSelRun]);
+        }
+        comboBoxRef.current.selectItem(selRun);
+        valueRef.current = selRun;
+        // don't call onChange for undefined values
+        onChange && selRun && onChange(selRun);
+    }, [selRun, onChange]);
+    useEffect(function () {
+        setSelRun(value);
+    }, [value]);
     var onScrollReachEnd = useCallback(function () {
         // already loaded all runs
         var _a = totalRunsRef.current, total = _a.total, loaded = _a.loaded;
@@ -46051,7 +46066,7 @@ var SelectRun = function (_a) {
                     width: 24,
                     display: 'flex',
                     justifyContent: 'flex-end'
-                }, className: 'secondary' }, "".concat(i)))); }, setSelected: setSelRun, onClear: function () { return setDefaultValue(undefined); }, inputProps: {
+                }, className: 'secondary' }, "".concat(i)))); }, setSelected: setSelRun, onClear: function () { return setSelRun(undefined); }, inputProps: {
             placeholder: 'Select a run...',
         }, loading: loading, disabled: !authUser || !queryConfig.name || !queryConfig.owner, footer: (React__default.createElement("div", { key: "footer", style: {
                 width: '100%',
@@ -46076,11 +46091,12 @@ var formatStudy = function (study) {
 };
 var SelectStudy = function (_a) {
     var _b, _c;
-    var authUser = _a.authUser, client = _a.client, projectName = _a.projectName, projectOwner = _a.projectOwner, _defaultValue = _a.defaultValue, setSelStudy = _a.setSelStudy;
+    var authUser = _a.authUser, client = _a.client, projectName = _a.projectName, projectOwner = _a.projectOwner, value = _a.value, onChange = _a.onChange;
     var comboBoxRef = useRef();
-    var _d = useState(_defaultValue), defaultValue = _d[0], setDefaultValue = _d[1];
-    var _e = useState([]), studies = _e[0], setStudies = _e[1];
-    var _f = useState(false), loading = _f[0], setLoading = _f[1];
+    var valueRef = useRef();
+    var _d = useState(), selStudy = _d[0], setSelStudy = _d[1];
+    var _e = useState(false), loading = _e[0], setLoading = _e[1];
+    var _f = useState([]), studies = _f[0], setStudies = _f[1];
     var totalRunsRef = useRef({
         loaded: 0,
         total: undefined
@@ -46101,11 +46117,11 @@ var SelectStudy = function (_a) {
         };
         // deselect items
         if (comboBoxRef.current) {
-            comboBoxRef.current.selectItem(null);
+            comboBoxRef.current.selectItem(value);
         }
         setStudies([]);
         setQueryConfig(function (q) { return (__assign(__assign({}, q), { owner: projectOwner, name: projectName, page: 1 })); });
-    }, [projectOwner, projectName]);
+    }, [projectOwner, projectName, value]);
     var fetchStudies = useCallback(function (queryConfig) {
         if (!authUser || !client || !client.jobs)
             return;
@@ -46138,27 +46154,18 @@ var SelectStudy = function (_a) {
         fetchStudies(queryConfig);
     }, [fetchStudies, queryConfig]);
     useEffect(function () {
-        if (!defaultValue || !client || !client.jobs)
+        // nonmemoized value from react-hook-form or other parent causes infinite rerendering
+        if (lodash_isequal(valueRef.current, selStudy)) {
             return;
-        client.jobs.getJob({
-            owner: projectOwner,
-            name: projectName,
-            jobId: defaultValue
-        }).then(function (_a) {
-            var data = _a.data;
-            if (!data)
-                return;
-            setStudies(function (state) {
-                if (!state)
-                    return [data];
-                var newStudies = __spreadArray(__spreadArray([], state, true), [data], false);
-                var uniqueStudies = newStudies.filter(function (study, i, arr) { return arr.findIndex(function (v) { return v.id === study.id; }) === i; });
-                return uniqueStudies;
-            });
-            setSelStudy(data);
-            comboBoxRef.current.selectItem(formatStudy(data));
-        });
-    }, [client, defaultValue, projectName, projectOwner, setSelStudy]);
+        }
+        comboBoxRef.current.selectItem(selStudy);
+        valueRef.current = selStudy;
+        // don't call onChange for undefined values
+        onChange && selStudy && onChange(selStudy);
+    }, [selStudy, onChange]);
+    useEffect(function () {
+        setSelStudy(value);
+    }, [value]);
     var onScrollReachEnd = useCallback(function () {
         // already loaded all runs
         var _a = totalRunsRef.current, total = _a.total, loaded = _a.loaded;
@@ -46166,7 +46173,7 @@ var SelectStudy = function (_a) {
             return;
         setQueryConfig(function (q) { return (__assign(__assign({}, q), { page: q.page ? q.page + 1 : 1 })); });
     }, []);
-    return (React__default.createElement(ComboBox, { ref: comboBoxRef, items: (_b = studies === null || studies === void 0 ? void 0 : studies.map(formatStudy)) !== null && _b !== void 0 ? _b : [], setSelected: setSelStudy, onClear: function () { return setDefaultValue(undefined); }, inputProps: {
+    return (React__default.createElement(ComboBox, { ref: comboBoxRef, items: (_b = studies === null || studies === void 0 ? void 0 : studies.map(formatStudy)) !== null && _b !== void 0 ? _b : [], setSelected: setSelStudy, onClear: function () { return setSelStudy(undefined); }, inputProps: {
             placeholder: 'Select a study...',
         }, loading: loading, disabled: !authUser || !queryConfig.name || !queryConfig.owner, footer: (React__default.createElement("div", { key: "footer", style: {
                 width: '100%',