Flowfile 0.5.4__py3-none-any.whl → 0.6.1__py3-none-any.whl

flowfile/web/static/assets/{RecordId-a70bb8df.js → RecordId-C2UEGlCf.js}

@@ -1,11 +1,12 @@
-import { d as defineComponent, r as ref, F as onMounted, Z as nextTick, l as onUnmounted, m as resolveComponent, o as openBlock, c as createElementBlock, p as createVNode, q as withCtx, a as createBaseVNode, f as createTextVNode, i as withDirectives, v as vModelText, G as Fragment, H as renderList, n as normalizeClass, w as withModifiers, t as toDisplayString, y as createBlock, e as createCommentVNode } from "./index-387a6f18.js";
-import { u as useNodeStore } from "./PopOver-862d7e28.js";
-import "./DesignerView-f64749fb.js";
-import { _ as _sfc_main$1 } from "./ContextMenu.vue_vue_type_script_setup_true_lang-a1bd6314.js";
-import SettingsSection from "./SettingsSection-9f0d1725.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-14eac1c3.js";
-import "./index-f0a6e5a5.js";
-import "./vue-codemirror.esm-31ba0e0b.js";
+import { d as defineComponent, l as useNodeStore, J as onMounted, a1 as nextTick, x as onUnmounted, c as createElementBlock, z as createVNode, B as withCtx, a as createBaseVNode, f as createTextVNode, h as withDirectives, v as vModelText, K as Fragment, L as renderList, w as withModifiers, n as normalizeClass, t as toDisplayString, C as createBlock, e as createCommentVNode, A as unref, r as ref, D as resolveComponent, o as openBlock } from "./index-bcuE0Z0p.js";
+import { u as useNodeSettings } from "./useNodeSettings-dMS9zmh_.js";
+import "./DesignerView-DemDevTQ.js";
+import { _ as _sfc_main$1 } from "./ContextMenu.vue_vue_type_script_setup_true_lang-I4rXXd6G.js";
+import SettingsSection from "./SettingsSection-B39ulIiI.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-BBtW_Cpz.js";
+import "./PopOver-BHpt5rsj.js";
+import "./index-CHPMUR0d.js";
+import "./vue-codemirror.esm-CwaYwln0.js";
 const _hoisted_1 = {
   key: 0,
   class: "listbox-wrapper"
@@ -20,11 +21,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "RecordId",
   setup(__props, { expose: __expose }) {
     const nodeStore = useNodeStore();
+    const nodeRecordId = ref(null);
+    const { saveSettings, pushNodeData, handleGenericSettingsUpdate } = useNodeSettings({
+      nodeRef: nodeRecordId
+    });
     const showContextMenu = ref(false);
     const contextMenuPosition = ref({ x: 0, y: 0 });
     const dataLoaded = ref(false);
     const contextMenuRef = ref(null);
-    const nodeRecordId = ref(null);
     const nodeData = ref(null);
     const contextMenuOptions = ref([]);
     const draggedColumnName = ref(null);
@@ -35,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const onDropInSection = (section) => {
       var _a, _b;
       if (draggedColumnName.value) {
-        if (section === "add" && !((_a = nodeRecordId.value) == null ? void 0 : _a.record_id_input.group_by_columns.includes(draggedColumnName.value))) {
+        if (!((_a = nodeRecordId.value) == null ? void 0 : _a.record_id_input.group_by_columns.includes(draggedColumnName.value))) {
           (_b = nodeRecordId.value) == null ? void 0 : _b.record_id_input.group_by_columns.push(draggedColumnName.value);
         }
         draggedColumnName.value = null;
@@ -48,20 +52,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       selectedColumns.value = [columnName];
     };
     const loadNodeData = async (nodeId) => {
-      var _a, _b, _c;
+      var _a;
       nodeData.value = await nodeStore.getNodeData(nodeId, false);
       nodeRecordId.value = (_a = nodeData.value) == null ? void 0 : _a.setting_input;
-      if (!((_b = nodeData.value) == null ? void 0 : _b.setting_input.is_setup) && nodeRecordId.value) {
-        nodeRecordId.value.record_id_input = {
-          offset: 1,
-          output_column_name: "record_id",
-          group_by: false,
-          group_by_columns: []
-        };
-      }
-      dataLoaded.value = true;
-      if ((_c = nodeRecordId.value) == null ? void 0 : _c.is_setup) {
-        nodeRecordId.value.is_setup = true;
+      if (nodeRecordId.value) {
+        if (!nodeRecordId.value.is_setup) {
+          nodeRecordId.value.record_id_input = {
+            offset: 1,
+            output_column_name: "record_id",
+            group_by: false,
+            group_by_columns: []
+          };
+        }
+        dataLoaded.value = true;
       }
     };
     const onDragStart = (columnName, event) => {
@@ -117,17 +120,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const removeColumn = (type, column) => {
       if (nodeRecordId.value) {
-        if (type === "add") {
+        {
           nodeRecordId.value.record_id_input.group_by_columns = nodeRecordId.value.record_id_input.group_by_columns.filter((col) => col !== column);
         }
       }
     };
-    const pushNodeData = async () => {
-      nodeStore.updateSettings(nodeRecordId);
-    };
     __expose({
       loadNodeData,
-      pushNodeData
+      pushNodeData,
+      saveSettings
     });
     onMounted(async () => {
       await nextTick();
@@ -143,7 +144,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return dataLoaded.value && nodeRecordId.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeRecordId.value,
-          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => nodeRecordId.value = $event)
+          "onUpdate:modelValue": [
+            _cache[7] || (_cache[7] = ($event) => nodeRecordId.value = $event),
+            unref(handleGenericSettingsUpdate)
+          ],
+          onRequestSave: unref(saveSettings)
         }, {
           default: withCtx(() => {
             var _a, _b;
@@ -156,11 +161,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       span: 10,
                       class: "grid-content"
                     }, {
-                      default: withCtx(() => _cache[8] || (_cache[8] = [
-                        createTextVNode("Offset")
-                      ])),
-                      _: 1,
-                      __: [8]
+                      default: withCtx(() => [..._cache[8] || (_cache[8] = [
+                        createTextVNode("Offset", -1)
+                      ])]),
+                      _: 1
                     }),
                     createVNode(_component_el_col, {
                       span: 8,
@@ -187,11 +191,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       span: 10,
                       class: "grid-content"
                     }, {
-                      default: withCtx(() => _cache[9] || (_cache[9] = [
-                        createTextVNode("Output name")
-                      ])),
-                      _: 1,
-                      __: [9]
+                      default: withCtx(() => [..._cache[9] || (_cache[9] = [
+                        createTextVNode("Output name", -1)
+                      ])]),
+                      _: 1
                     }),
                     createVNode(_component_el_col, {
                       span: 8,
@@ -261,7 +264,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ];
           }),
           _: 1
-        }, 8, ["modelValue"])
+        }, 8, ["modelValue", "onUpdate:modelValue", "onRequestSave"])
       ])) : createCommentVNode("", true);
     };
   }

flowfile/web/static/assets/{SQLQueryComponent-15a421f5.js → SQLQueryComponent-Dr5KMoD3.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, o as openBlock, c as createElementBlock, a as createBaseVNode, g as _export_sfc } from "./index-387a6f18.js";
+import { d as defineComponent, c as createElementBlock, a as createBaseVNode, o as openBlock, g as _export_sfc } from "./index-bcuE0Z0p.js";
 const _hoisted_1 = { class: "query-section" };
 const _hoisted_2 = { class: "form-group" };
 const _hoisted_3 = ["value"];
@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createBaseVNode("div", _hoisted_2, [
           createBaseVNode("textarea", {
             id: "query",
-            value: _ctx.modelValue,
+            value: __props.modelValue,
             class: "form-control textarea",
             placeholder: "Enter SQL query",
             rows: "4",
@@ -31,7 +31,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SQLQueryComponent_vue_vue_type_style_index_0_scoped_10f7cdfb_lang = "";
 const SqlQueryComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-10f7cdfb"]]);
 export {
   SqlQueryComponent as default

flowfile/web/static/assets/{Sample-6c26afc7.js → Sample-Cb3eQNmd.js}

@@ -1,9 +1,6 @@
-import { d as defineComponent, r as ref, F as onMounted, Z as nextTick, l as onUnmounted, m as resolveComponent, o as openBlock, c as createElementBlock, p as createVNode, q as withCtx, a as createBaseVNode, f as createTextVNode, i as withDirectives, v as vModelText, e as createCommentVNode } from "./index-387a6f18.js";
-import { u as useNodeStore } from "./PopOver-862d7e28.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-14eac1c3.js";
-import "./DesignerView-f64749fb.js";
-import "./index-f0a6e5a5.js";
-import "./vue-codemirror.esm-31ba0e0b.js";
+import { d as defineComponent, l as useNodeStore, J as onMounted, a1 as nextTick, x as onUnmounted, c as createElementBlock, z as createVNode, B as withCtx, a as createBaseVNode, f as createTextVNode, h as withDirectives, v as vModelText, A as unref, e as createCommentVNode, r as ref, D as resolveComponent, o as openBlock } from "./index-bcuE0Z0p.js";
+import { u as useNodeSettings } from "./useNodeSettings-dMS9zmh_.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-BBtW_Cpz.js";
 const _hoisted_1 = {
   key: 0,
   class: "listbox-wrapper"
@@ -21,20 +18,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const nodeSample = ref(null);
     const nodeData = ref(null);
     const sampleSize = ref(1e3);
+    const { saveSettings, pushNodeData, handleGenericSettingsUpdate } = useNodeSettings({
+      nodeRef: nodeSample,
+      onBeforeSave: () => {
+        if (nodeSample.value) {
+          nodeSample.value.sample_size = sampleSize.value;
+        }
+        return true;
+      }
+    });
     const loadNodeData = async (nodeId) => {
-      var _a, _b, _c;
+      var _a;
       nodeData.value = await nodeStore.getNodeData(nodeId, false);
       nodeSample.value = (_a = nodeData.value) == null ? void 0 : _a.setting_input;
-      if (!((_b = nodeData.value) == null ? void 0 : _b.setting_input.is_setup) && nodeSample.value) {
-        nodeSample.value.sample_size = sampleSize.value;
-      } else {
-        if (nodeSample.value) {
+      if (nodeSample.value) {
+        if (!nodeSample.value.is_setup) {
+          nodeSample.value.sample_size = sampleSize.value;
+        } else {
           sampleSize.value = nodeSample.value.sample_size;
         }
-      }
-      dataLoaded.value = true;
-      if ((_c = nodeSample.value) == null ? void 0 : _c.is_setup) {
-        nodeSample.value.is_setup = true;
+        dataLoaded.value = true;
       }
     };
     const handleClickOutside = (event) => {
@@ -45,16 +48,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         showContextMenuRemove.value = false;
       }
     };
-    const pushNodeData = async () => {
-      if (nodeSample.value) {
-        nodeSample.value.sample_size = sampleSize.value;
-      }
-      nodeStore.updateSettings(nodeSample);
-      dataLoaded.value = false;
-    };
     __expose({
       loadNodeData,
-      pushNodeData
+      pushNodeData,
+      saveSettings
     });
     onMounted(async () => {
       await nextTick();
@@ -69,7 +66,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return dataLoaded.value && nodeSample.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeSample.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => nodeSample.value = $event)
+          "onUpdate:modelValue": [
+            _cache[1] || (_cache[1] = ($event) => nodeSample.value = $event),
+            unref(handleGenericSettingsUpdate)
+          ],
+          onRequestSave: unref(saveSettings)
         }, {
           default: withCtx(() => [
             createBaseVNode("div", _hoisted_2, [
@@ -80,11 +81,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     span: 10,
                     class: "grid-content"
                   }, {
-                    default: withCtx(() => _cache[2] || (_cache[2] = [
-                      createTextVNode("Offset")
-                    ])),
-                    _: 1,
-                    __: [2]
+                    default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                      createTextVNode("Offset", -1)
+                    ])]),
+                    _: 1
                   }),
                   createVNode(_component_el_col, {
                     span: 8,
@@ -108,7 +108,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ]),
           _: 1
-        }, 8, ["modelValue"])
+        }, 8, ["modelValue", "onUpdate:modelValue", "onRequestSave"])
       ])) : createCommentVNode("", true);
     };
   }

flowfile/web/static/assets/{SecretSelector-ceed9496.js → SecretSelector-De2L2bSx.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, r as ref, B as computed, F as onMounted, m as resolveComponent, o as openBlock, c as createElementBlock, a as createBaseVNode, f as createTextVNode, t as toDisplayString, e as createCommentVNode, p as createVNode, q as withCtx, G as Fragment, H as renderList, y as createBlock, g as _export_sfc } from "./index-387a6f18.js";
-import { S as SecretsApi } from "./secrets.api-ae198c5c.js";
+import { d as defineComponent, J as onMounted, c as createElementBlock, a as createBaseVNode, f as createTextVNode, t as toDisplayString, e as createCommentVNode, z as createVNode, B as withCtx, K as Fragment, L as renderList, C as createBlock, r as ref, G as computed, D as resolveComponent, o as openBlock, g as _export_sfc } from "./index-bcuE0Z0p.js";
+import { S as SecretsApi } from "./secrets.api-C9o2KE5V.js";
 const _hoisted_1 = { class: "component-container" };
 const _hoisted_2 = { class: "listbox-subtitle" };
 const _hoisted_3 = {
@@ -96,7 +96,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           _: 1
         }, 8, ["model-value", "loading"]),
         !loading.value && filteredSecrets.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_6, [
-          _cache[2] || (_cache[2] = createTextVNode(" No secrets available. ")),
+          _cache[2] || (_cache[2] = createTextVNode(" No secrets available. ", -1)),
           createBaseVNode("span", {
             class: "hint-link",
             onClick: openSecretsManager
@@ -106,7 +106,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SecretSelector_vue_vue_type_style_index_0_scoped_c7dfd4de_lang = "";
 const SecretSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c7dfd4de"]]);
 export {
   SecretSelector as default

flowfile/web/static/assets/{SecretsView-214d255a.js → SecretsView-CheC9BPV.js}

@@ -1,5 +1,5 @@
-import { r as ref, B as computed, d as defineComponent, F as onMounted, c as createElementBlock, a as createBaseVNode, w as withModifiers, i as withDirectives, v as vModelText, j as vModelDynamic, n as normalizeClass, f as createTextVNode, t as toDisplayString, x as unref, W as isRef, e as createCommentVNode, G as Fragment, H as renderList, o as openBlock, g as _export_sfc } from "./index-387a6f18.js";
-import { f as fetchSecretsApi, a as addSecretApi, g as getSecretValueApi, d as deleteSecretApi } from "./secrets.api-ae198c5c.js";
+import { r as ref, G as computed, d as defineComponent, J as onMounted, c as createElementBlock, a as createBaseVNode, w as withModifiers, h as withDirectives, v as vModelText, i as vModelDynamic, n as normalizeClass, f as createTextVNode, t as toDisplayString, A as unref, a6 as isRef, e as createCommentVNode, K as Fragment, L as renderList, o as openBlock, g as _export_sfc } from "./index-bcuE0Z0p.js";
+import { d as deleteSecretApi, g as getSecretValueApi, a as addSecretApi, f as fetchSecretsApi } from "./secrets.api-C9o2KE5V.js";
 function useSecretManager() {
   const secrets = ref([]);
   const isLoading = ref(true);
@@ -146,8 +146,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const showDeleteModal = ref(false);
     const secretToDelete = ref("");
     const handleAddSecret = async () => {
-      if (!newSecret.value.name || !newSecret.value.value)
-        return;
+      if (!newSecret.value.name || !newSecret.value.value) return;
       isSubmitting.value = true;
       try {
         const secretName = await addSecret(newSecret.value);
@@ -170,8 +169,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       secretToDelete.value = "";
     };
     const handleDeleteSecret = async () => {
-      if (!secretToDelete.value)
-        return;
+      if (!secretToDelete.value) return;
       isDeleting.value = true;
       try {
         const nameToDelete = secretToDelete.value;
@@ -281,14 +279,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])) : createCommentVNode("", true)
           ]),
           createBaseVNode("div", _hoisted_15, [
-            unref(isLoading) ? (openBlock(), createElementBlock("div", _hoisted_16, _cache[10] || (_cache[10] = [
+            unref(isLoading) ? (openBlock(), createElementBlock("div", _hoisted_16, [..._cache[10] || (_cache[10] = [
               createBaseVNode("div", { class: "loading-spinner" }, null, -1),
               createBaseVNode("p", null, "Loading secrets...", -1)
-            ]))) : !unref(isLoading) && unref(secrets).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_17, _cache[11] || (_cache[11] = [
+            ])])) : !unref(isLoading) && unref(secrets).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_17, [..._cache[11] || (_cache[11] = [
               createBaseVNode("i", { class: "fa-solid fa-lock" }, null, -1),
               createBaseVNode("p", null, "You haven't added any secrets yet", -1),
               createBaseVNode("p", null, "Secrets are securely stored and can be used in your flows", -1)
-            ]))) : unref(filteredSecrets).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_18, [
+            ])])) : unref(filteredSecrets).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_18, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredSecrets), (secret) => {
                 return openBlock(), createElementBlock("div", {
                   key: secret.name,
@@ -313,10 +311,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       class: "btn btn-danger",
                       "aria-label": `Delete secret ${secret.name}`,
                       onClick: ($event) => handleConfirmDelete(secret.name)
-                    }, _cache[13] || (_cache[13] = [
+                    }, [..._cache[13] || (_cache[13] = [
                       createBaseVNode("i", { class: "fa-solid fa-trash-alt" }, null, -1),
                       createBaseVNode("span", null, "Delete", -1)
-                    ]), 8, _hoisted_21)
+                    ])], 8, _hoisted_21)
                   ])
                 ]);
               }), 128))
@@ -342,15 +340,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: "modal-close",
                 "aria-label": "Close delete confirmation",
                 onClick: cancelDelete
-              }, _cache[16] || (_cache[16] = [
+              }, [..._cache[16] || (_cache[16] = [
                 createBaseVNode("i", { class: "fa-solid fa-times" }, null, -1)
-              ]))
+              ])])
             ]),
             createBaseVNode("div", _hoisted_23, [
               createBaseVNode("p", null, [
-                _cache[18] || (_cache[18] = createTextVNode(" Are you sure you want to delete the secret ")),
+                _cache[18] || (_cache[18] = createTextVNode(" Are you sure you want to delete the secret ", -1)),
                 createBaseVNode("strong", null, toDisplayString(secretToDelete.value), 1),
-                _cache[19] || (_cache[19] = createTextVNode("? "))
+                _cache[19] || (_cache[19] = createTextVNode("? ", -1))
               ]),
               _cache[20] || (_cache[20] = createBaseVNode("p", { class: "warning-text" }, " This action cannot be undone and may break any flows that use this secret. ", -1))
             ]),
@@ -374,7 +372,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SecretsView_vue_vue_type_style_index_0_scoped_120c4aad_lang = "";
 const SecretsView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-120c4aad"]]);
 export {
   SecretsView as default

flowfile/web/static/assets/{Select-8fc29999.js → Select-CI8TloRs.js}

@@ -1,12 +1,10 @@
-import { r as ref, d as defineComponent, o as openBlock, c as createElementBlock, p as createVNode, q as withCtx, y as createBlock, x as unref } from "./index-387a6f18.js";
-import { C as CodeLoader } from "./vue-content-loader.es-4469c8ff.js";
-import { u as useNodeStore } from "./PopOver-862d7e28.js";
-import { s as selectDynamic } from "./selectDynamic-6b4b0767.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-14eac1c3.js";
-import "./UnavailableFields-b72a2c72.js";
-import "./DesignerView-f64749fb.js";
-import "./index-f0a6e5a5.js";
-import "./vue-codemirror.esm-31ba0e0b.js";
+import { r as ref, d as defineComponent, l as useNodeStore, c as createElementBlock, z as createVNode, B as withCtx, A as unref, C as createBlock, o as openBlock } from "./index-bcuE0Z0p.js";
+import { C as CodeLoader } from "./vue-content-loader.es-CMoRXo7N.js";
+import { u as useNodeSettings } from "./useNodeSettings-dMS9zmh_.js";
+import { s as selectDynamic } from "./selectDynamic-Bl5FVsME.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-BBtW_Cpz.js";
+import "./UnavailableFields-Yf6XSqFB.js";
+import "./PopOver-BHpt5rsj.js";
 const createSelectInput = (column_name, data_type = void 0, position = void 0, original_position = void 0) => {
   const selectInput = {
     old_name: column_name,
@@ -23,8 +21,7 @@ const createSelectInput = (column_name, data_type = void 0, position = void 0, o
   return selectInput;
 };
 const updateNodeSelect = (nodeTable, nodeSelectRef) => {
-  if (!(nodeTable == null ? void 0 : nodeTable.table_schema) || !nodeSelectRef.value)
-    return;
+  if (!(nodeTable == null ? void 0 : nodeTable.table_schema) || !nodeSelectRef.value) return;
   const existingInputMap = /* @__PURE__ */ new Map();
   nodeSelectRef.value.select_input.forEach((input) => {
     existingInputMap.set(input.old_name, input);
@@ -72,6 +69,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const nodeStore = useNodeStore();
     const nodeSelect = ref(createNodeSelect().value);
     const dataLoaded = ref(false);
+    const { saveSettings, pushNodeData, handleGenericSettingsUpdate } = useNodeSettings({
+      nodeRef: nodeSelect,
+      onBeforeSave: () => {
+        nodeSelect.value.select_input.sort((a, b) => a.position - b.position);
+        const originalData = nodeStore.getCurrentNodeData();
+        const newColumnSettings = nodeSelect.value.select_input;
+        nodeSelect.value.keep_missing = keepMissing.value;
+        if (originalData) {
+          newColumnSettings.forEach((newColumnSetting, index) => {
+            var _a, _b;
+            let original_index = (_a = originalData.main_input) == null ? void 0 : _a.table_schema.findIndex(
+              (column) => column.name === newColumnSetting.old_name
+            );
+            let original_object = index !== -1 ? (_b = originalData.main_input) == null ? void 0 : _b.table_schema[index] : void 0;
+            if (original_object) {
+              newColumnSetting.is_altered = (original_object == null ? void 0 : original_object.data_type) !== newColumnSetting.data_type;
+              newColumnSetting.data_type_change = newColumnSetting.is_altered;
+              newColumnSetting.position = index;
+              newColumnSetting.original_position = original_index || index;
+            }
+          });
+        }
+        return true;
+      }
+    });
     const loadNodeData = async (nodeId) => {
       const result = await nodeStore.getNodeData(nodeId, false);
       if (result) {
@@ -97,40 +119,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       dataLoaded.value = true;
     };
-    const pushNodeData = async () => {
-      nodeSelect.value.select_input.sort((a, b) => a.position - b.position);
-      const originalData = nodeStore.getCurrentNodeData();
-      const newColumnSettings = nodeSelect.value.select_input;
-      nodeSelect.value.keep_missing = keepMissing.value;
-      if (originalData) {
-        newColumnSettings.forEach((newColumnSetting, index) => {
-          var _a, _b;
-          let original_index = (_a = originalData.main_input) == null ? void 0 : _a.table_schema.findIndex(
-            (column) => column.name === newColumnSetting.old_name
-          );
-          let original_object = index !== -1 ? (_b = originalData.main_input) == null ? void 0 : _b.table_schema[index] : void 0;
-          if (original_object) {
-            newColumnSetting.is_altered = (original_object == null ? void 0 : original_object.data_type) !== newColumnSetting.data_type;
-            newColumnSetting.data_type_change = newColumnSetting.is_altered;
-            newColumnSetting.position = index;
-            newColumnSetting.original_position = original_index || index;
-          }
-        });
-      }
-      await nodeStore.updateSettings(nodeSelect);
-    };
     const updateSelectInputsHandler = (updatedInputs) => {
       nodeSelect.value.select_input = updatedInputs;
     };
     __expose({
       loadNodeData,
-      pushNodeData
+      pushNodeData,
+      saveSettings
     });
     return (_ctx, _cache) => {
       return dataLoaded.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeSelect.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => nodeSelect.value = $event)
+          "onUpdate:modelValue": [
+            _cache[1] || (_cache[1] = ($event) => nodeSelect.value = $event),
+            unref(handleGenericSettingsUpdate)
+          ],
+          onRequestSave: unref(saveSettings)
         }, {
           default: withCtx(() => [
             createVNode(selectDynamic, {
@@ -149,7 +154,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["sortedBy", "select-inputs"])
           ]),
           _: 1
-        }, 8, ["modelValue"])
+        }, 8, ["modelValue", "onUpdate:modelValue", "onRequestSave"])
       ])) : (openBlock(), createBlock(unref(CodeLoader), { key: 1 }));
     };
   }

flowfile/web/static/assets/{SettingsSection-9f0d1725.js → SettingsSection-B39ulIiI.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, o as openBlock, c as createElementBlock, a as createBaseVNode, t as toDisplayString, G as Fragment, H as renderList, f as createTextVNode, e as createCommentVNode, g as _export_sfc } from "./index-387a6f18.js";
+import { d as defineComponent, c as createElementBlock, a as createBaseVNode, t as toDisplayString, K as Fragment, L as renderList, f as createTextVNode, e as createCommentVNode, o as openBlock, g as _export_sfc } from "./index-bcuE0Z0p.js";
 const _hoisted_1 = { class: "listbox-wrapper" };
 const _hoisted_2 = { class: "listbox-row" };
 const _hoisted_3 = { class: "listbox-subtitle" };
@@ -42,7 +42,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SettingsSection_vue_vue_type_style_index_0_scoped_b9db7ed5_lang = "";
 const SettingsSection = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b9db7ed5"]]);
 export {
   SettingsSection as default

flowfile/web/static/assets/{SettingsSection-83090218.js → SettingsSection-BiCc7S9h.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, o as openBlock, c as createElementBlock, a as createBaseVNode, a0 as normalizeStyle, t as toDisplayString, G as Fragment, H as renderList, f as createTextVNode, e as createCommentVNode, g as _export_sfc } from "./index-387a6f18.js";
+import { d as defineComponent, c as createElementBlock, a as createBaseVNode, a0 as normalizeStyle, t as toDisplayString, K as Fragment, L as renderList, f as createTextVNode, e as createCommentVNode, o as openBlock, g as _export_sfc } from "./index-bcuE0Z0p.js";
 const _hoisted_1 = { class: "listbox-wrapper" };
 const _hoisted_2 = { class: "listbox-row" };
 const _hoisted_3 = { class: "items-container" };
@@ -46,7 +46,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SettingsSection_vue_vue_type_style_index_0_scoped_1a44e29e_lang = "";
 const SettingsSection = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1a44e29e"]]);
 export {
   SettingsSection as default

flowfile/web/static/assets/{SettingsSection-3f70e4c3.js → SettingsSection-CITK_R7o.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, o as openBlock, c as createElementBlock, a as createBaseVNode, t as toDisplayString, f as createTextVNode, e as createCommentVNode, g as _export_sfc } from "./index-387a6f18.js";
+import { d as defineComponent, c as createElementBlock, a as createBaseVNode, t as toDisplayString, f as createTextVNode, e as createCommentVNode, o as openBlock, g as _export_sfc } from "./index-bcuE0Z0p.js";
 const _hoisted_1 = { class: "listbox-wrapper" };
 const _hoisted_2 = { class: "listbox-row" };
 const _hoisted_3 = { class: "listbox-subtitle" };
@@ -38,8 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SettingsSection_vue_vue_type_style_index_0_scoped_61b02a99_lang = "";
-const SettingsSection = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-61b02a99"]]);
+const SettingsSection = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-87244f65"]]);
 export {
   SettingsSection as default
 };

flowfile/web/static/assets/{SettingsSection-26fe48d4.css → SettingsSection-D2GgY-Aq.css}

@@ -1,18 +1,18 @@
 
-.items-container[data-v-61b02a99] {
+.items-container[data-v-87244f65] {
   display: flex;
   gap: 10px; /* Space between items */
 }
-.item-box[data-v-61b02a99] {
+.item-box[data-v-87244f65] {
   display: flex;
   align-items: center;
   padding: 5px 10px;
-  background-color: #f0f0f0;
+  background-color: var(--color-bg-secondary);
   border-radius: 4px;
   font-size: 12px; /* Font size set to 12px */
   position: relative;
 }
-.remove-btn[data-v-61b02a99] {
+.remove-btn[data-v-87244f65] {
   margin-left: 8px;
   cursor: pointer;
   color: var(--color-text-secondary);

flowfile/web/static/assets/{SetupView-3fa0aa03.js → SetupView-C1aXRDvp.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, r as ref, c as createElementBlock, a as createBaseVNode, b as createStaticVNode, t as toDisplayString, e as createCommentVNode, n as normalizeClass, f as createTextVNode, s as setupService, o as openBlock, _ as _imports_1, g as _export_sfc } from "./index-387a6f18.js";
+import { d as defineComponent, c as createElementBlock, a as createBaseVNode, b as createStaticVNode, t as toDisplayString, e as createCommentVNode, n as normalizeClass, f as createTextVNode, r as ref, s as setupService, o as openBlock, _ as _imports_1, g as _export_sfc } from "./index-bcuE0Z0p.js";
 const _hoisted_1 = { class: "setup-container" };
 const _hoisted_2 = { class: "setup-card" };
 const _hoisted_3 = { class: "setup-content" };
@@ -73,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createBaseVNode("div", _hoisted_2, [
-          _cache[7] || (_cache[7] = createStaticVNode('<div class="setup-header" data-v-04875383><div class="logo-container" data-v-04875383><img src="' + _imports_1 + '" alt="Flowfile" class="logo" data-v-04875383></div><h1 class="setup-title" data-v-04875383>Initial Setup Required</h1><p class="setup-subtitle" data-v-04875383>Configure your master encryption key to get started</p></div>', 1)),
+          _cache[7] || (_cache[7] = createStaticVNode('<div class="setup-header" data-v-0c48ff2a><div class="logo-container" data-v-0c48ff2a><img src="' + _imports_1 + '" alt="Flowfile" class="logo" data-v-0c48ff2a></div><h1 class="setup-title" data-v-0c48ff2a>Initial Setup Required</h1><p class="setup-subtitle" data-v-0c48ff2a>Configure your master encryption key to get started</p></div>', 1)),
           createBaseVNode("div", _hoisted_3, [
             _cache[6] || (_cache[6] = createBaseVNode("div", { class: "info-box" }, [
               createBaseVNode("i", { class: "fa-solid fa-shield-halved info-icon" }),
@@ -153,8 +153,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SetupView_vue_vue_type_style_index_0_scoped_04875383_lang = "";
-const SetupView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04875383"]]);
+const SetupView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0c48ff2a"]]);
 export {
   SetupView as default
 };