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

flowfile/web/static/assets/{FuzzyMatch-ad6361d6.css → FuzzyMatch-BGJAwgd0.css}

@@ -1,13 +1,13 @@
 
 /* Modern styling for an AI app */
-.fuzzy-join-container[data-v-bbf294d7] {
+.fuzzy-join-container[data-v-ef7e83bb] {
   font-family: var(--font-family-base);
   color: var(--color-text-primary);
   max-width: 100%;
 }
 
 /* Tabs Navigation */
-.tabs-navigation[data-v-bbf294d7] {
+.tabs-navigation[data-v-ef7e83bb] {
   display: flex;
   border-bottom: 1px solid var(--color-border-light);
   margin-bottom: 1.25rem;
@@ -15,7 +15,7 @@
   border-radius: 8px 8px 0 0;
   overflow: hidden;
 }
-.tab-button[data-v-bbf294d7] {
+.tab-button[data-v-ef7e83bb] {
   background: none;
   border: none;
   padding: 0.75rem 1.25rem;
@@ -29,20 +29,20 @@
   flex: 1;
   text-align: center;
 }
-.tab-button[data-v-bbf294d7]:hover {
+.tab-button[data-v-ef7e83bb]:hover {
   color: var(--color-text-primary);
 }
-.tab-button.active[data-v-bbf294d7] {
+.tab-button.active[data-v-ef7e83bb] {
   border-bottom-color: var(--color-accent-subtle);
   color: var(--color-accent);
   background-color: var(--color-accent-subtle);
 }
-.tab-content[data-v-bbf294d7] {
+.tab-content[data-v-ef7e83bb] {
   min-height: 300px;
 }
 
 /* Card styling */
-.settings-card[data-v-bbf294d7] {
+.settings-card[data-v-ef7e83bb] {
   background-color: var(--color-background-primary);
   border-radius: 8px;
   box-shadow: 0 1px 3px rgba(125, 107, 107, 0.05);
@@ -50,28 +50,28 @@
   border: 1px solid var(--color-border-primary);
   overflow: hidden;
 }
-.card-header[data-v-bbf294d7] {
+.card-header[data-v-ef7e83bb] {
   padding: 1rem 1.25rem;
   border-bottom: 1px solid var(--color-border-light);
   background-color: var(--color-background-secondary);
 }
-.section-title[data-v-bbf294d7] {
+.section-title[data-v-ef7e83bb] {
   margin: 0;
   font-size: 1rem;
   font-weight: 600;
   color: var(--color-text-primary);
 }
-.card-content[data-v-bbf294d7] {
+.card-content[data-v-ef7e83bb] {
   padding: 1rem 1.25rem;
 }
 
 /* Join Settings */
-.join-settings[data-v-bbf294d7] {
+.join-settings[data-v-ef7e83bb] {
   display: flex;
   flex-direction: column;
   gap: 1.25rem;
 }
-.setting-panel[data-v-bbf294d7] {
+.setting-panel[data-v-ef7e83bb] {
   background-color: var(--color-background-secondary);
   border-radius: 6px;
   padding: 1rem;
@@ -79,17 +79,17 @@
   transition: all 0.2s ease;
   color: var(--color-text-secondary);
 }
-.setting-panel[data-v-bbf294d7]:hover {
+.setting-panel[data-v-ef7e83bb]:hover {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
   border-color: var(--color-border-light);
 }
-.setting-header[data-v-bbf294d7] {
+.setting-header[data-v-ef7e83bb] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 1rem;
 }
-.setting-title[data-v-bbf294d7] {
+.setting-title[data-v-ef7e83bb] {
   font-size: 0.95rem;
   font-weight: 600;
   color: var(--color-text-primary);
@@ -97,54 +97,54 @@
   display: flex;
   align-items: center;
 }
-.unavailable-field[data-v-bbf294d7] {
+.unavailable-field[data-v-ef7e83bb] {
   margin-right: 0.5rem;
 }
 
 /* Column Selection Grid */
-.columns-grid[data-v-bbf294d7] {
+.columns-grid[data-v-ef7e83bb] {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 1rem;
   margin-bottom: 1rem;
 }
-.column-field[data-v-bbf294d7] {
+.column-field[data-v-ef7e83bb] {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 }
-.column-field label[data-v-bbf294d7] {
+.column-field label[data-v-ef7e83bb] {
   font-size: 0.875rem;
   font-weight: 500;
   color: var(--color-text-secondary);
 }
 
 /* Settings Grid */
-.settings-grid[data-v-bbf294d7] {
+.settings-grid[data-v-ef7e83bb] {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 1rem;
 }
-.threshold-field[data-v-bbf294d7],
-.select-field[data-v-bbf294d7] {
+.threshold-field[data-v-ef7e83bb],
+.select-field[data-v-ef7e83bb] {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 }
-.threshold-field label[data-v-bbf294d7],
-.select-field label[data-v-bbf294d7] {
+.threshold-field label[data-v-ef7e83bb],
+.select-field label[data-v-ef7e83bb] {
   font-size: 0.875rem;
   font-weight: 500;
   color: var(--color-text-secondary);
 }
 
 /* Range Input */
-.range-container[data-v-bbf294d7] {
+.range-container[data-v-ef7e83bb] {
   display: flex;
   align-items: center;
   gap: 1rem;
 }
-.range-slider[data-v-bbf294d7] {
+.range-slider[data-v-ef7e83bb] {
   flex: 1;
   width: 100%;
   height: 6px;
@@ -152,7 +152,7 @@
   background: var(--color-background-secondary);
   outline: none;
 }
-.range-slider[data-v-bbf294d7]::-webkit-slider-thumb {
+.range-slider[data-v-ef7e83bb]::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   width: 16px;
@@ -163,7 +163,7 @@
   border: 2px solid var(--color-accent);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 }
-.range-slider[data-v-bbf294d7]::-moz-range-thumb {
+.range-slider[data-v-ef7e83bb]::-moz-range-thumb {
   width: 16px;
   height: 16px;
   border-radius: 50%;
@@ -172,7 +172,7 @@
   border: 2px solid white;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 }
-.range-value[data-v-bbf294d7] {
+.range-value[data-v-ef7e83bb] {
   min-width: 3rem;
   text-align: right;
   font-size: 0.875rem;
@@ -181,10 +181,10 @@
 }
 
 /* Select Input */
-.select-wrapper[data-v-bbf294d7] {
+.select-wrapper[data-v-ef7e83bb] {
   position: relative;
 }
-.select-input[data-v-bbf294d7] {
+.select-input[data-v-ef7e83bb] {
   width: 100%;
   padding: 0.5rem 0.75rem;
   font-size: 0.875rem;
@@ -196,14 +196,14 @@
   outline: none;
   transition: all 0.2s ease;
 }
-.select-input[data-v-bbf294d7]:focus {
+.select-input[data-v-ef7e83bb]:focus {
   border-color: #3182ce;
   box-shadow: 0 0 0 2px rgba(49, 130, 206, 0.15);
 }
 
 /* Buttons */
-.add-button[data-v-bbf294d7],
-.remove-button[data-v-bbf294d7] {
+.add-button[data-v-ef7e83bb],
+.remove-button[data-v-ef7e83bb] {
   padding: 0.5rem 0.75rem;
   border: 1px solid #e2e8f0;
   border-radius: 6px;
@@ -214,7 +214,7 @@
   cursor: pointer;
   transition: all 0.2s ease;
 }
-.add-button[data-v-bbf294d7] {
+.add-button[data-v-ef7e83bb] {
   background-color: #ebf8ff;
   color: #3182ce;
   margin-top: 0.5rem;
@@ -223,22 +223,22 @@
   justify-content: center;
   align-items: center;
 }
-.add-button[data-v-bbf294d7]:hover {
+.add-button[data-v-ef7e83bb]:hover {
   background-color: #bee3f8;
 }
-.remove-button[data-v-bbf294d7] {
+.remove-button[data-v-ef7e83bb] {
   background-color: transparent;
   border: 1px solid #e2e8f0;
 }
-.remove-button[data-v-bbf294d7]:hover {
+.remove-button[data-v-ef7e83bb]:hover {
   background-color: #fee2e2;
   color: #e53e3e;
   border-color: #fbd5d5;
 }
-.select-section[data-v-bbf294d7] {
+.select-section[data-v-ef7e83bb] {
   margin-top: 1rem;
 }
-.select-section + .select-section[data-v-bbf294d7] {
+.select-section + .select-section[data-v-ef7e83bb] {
   margin-top: 2rem;
   padding-top: 1.5rem;
   border-top: 1px solid #edf2f7;
@@ -246,8 +246,8 @@
 
 /* Responsive adjustments */
 @media (max-width: 768px) {
-.columns-grid[data-v-bbf294d7],
-  .settings-grid[data-v-bbf294d7] {
+.columns-grid[data-v-ef7e83bb],
+  .settings-grid[data-v-ef7e83bb] {
     grid-template-columns: 1fr;
 }
 }

flowfile/web/static/assets/{FuzzyMatch-cc01bb04.js → FuzzyMatch-BOHODq3h.js}

@@ -1,13 +1,11 @@
-import { d as defineComponent, r as ref, l as useNodeStore, G as computed, J as onMounted, a2 as nextTick, o as openBlock, c as createElementBlock, z as createVNode, A as withCtx, a as createBaseVNode, n as normalizeClass, K as Fragment, L as renderList, C as createBlock, e as createCommentVNode, f as createTextVNode, t as toDisplayString, i as withDirectives, v as vModelText, at as vModelSelect, B as unref, g as _export_sfc } from "./index-ca6799de.js";
-import { C as ColumnSelector } from "./dropDown-7576a76a.js";
-import { s as selectDynamic } from "./selectDynamic-5754a2b1.js";
-import { u as unavailableField } from "./UnavailableFields-f6147968.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-0155288b.js";
-import { C as CodeLoader } from "./vue-content-loader.es-808fe33a.js";
-import "./PopOver-ddcfe4f6.js";
-import "./DesignerView-a4466dab.js";
-import "./index-057d770d.js";
-import "./vue-codemirror.esm-8f46fb36.js";
+import { d as defineComponent, l as useNodeStore, J as onMounted, a1 as nextTick, c as createElementBlock, z as createVNode, B as withCtx, a as createBaseVNode, n as normalizeClass, K as Fragment, L as renderList, C as createBlock, e as createCommentVNode, f as createTextVNode, t as toDisplayString, h as withDirectives, v as vModelText, ax as vModelSelect, A as unref, r as ref, G as computed, o as openBlock, g as _export_sfc } from "./index-bcuE0Z0p.js";
+import { u as useNodeSettings } from "./useNodeSettings-dMS9zmh_.js";
+import { C as ColumnSelector } from "./dropDown-D5YXaPRR.js";
+import { s as selectDynamic } from "./selectDynamic-Bl5FVsME.js";
+import { u as unavailableField } from "./UnavailableFields-Yf6XSqFB.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-BBtW_Cpz.js";
+import { C as CodeLoader } from "./vue-content-loader.es-CMoRXo7N.js";
+import "./PopOver-BHpt5rsj.js";
 const _hoisted_1 = {
   key: 0,
   class: "fuzzy-join-container"
@@ -55,6 +53,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const nodeStore = useNodeStore();
     const isLoaded = ref(false);
     const nodeFuzzyJoin = ref(null);
+    const { saveSettings, pushNodeData, handleGenericSettingsUpdate } = useNodeSettings({
+      nodeRef: nodeFuzzyJoin,
+      onAfterSave: () => {
+        if (hasInvalidFields.value && nodeFuzzyJoin.value) {
+          nodeStore.setNodeValidation(nodeFuzzyJoin.value.node_id, {
+            isValid: false,
+            error: "Join fields are not valid"
+          });
+        } else if (nodeFuzzyJoin.value) {
+          nodeStore.setNodeValidation(nodeFuzzyJoin.value.node_id, {
+            isValid: true,
+            error: ""
+          });
+        }
+      }
+    });
     const createSelectInput = (field) => {
       return {
         old_name: field,
@@ -115,23 +129,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
     };
     const loadNodeData = async (nodeId) => {
-      var _a, _b, _c, _d, _e, _f;
+      var _a, _b, _c;
       result.value = await nodeStore.getNodeData(nodeId, false);
       nodeFuzzyJoin.value = (_a = result.value) == null ? void 0 : _a.setting_input;
-      if (!((_b = nodeFuzzyJoin.value) == null ? void 0 : _b.is_setup) && ((_c = result.value) == null ? void 0 : _c.main_input)) {
-        if (nodeFuzzyJoin.value) {
-          if (((_d = result.value) == null ? void 0 : _d.main_input.columns) && ((_f = (_e = result.value) == null ? void 0 : _e.right_input) == null ? void 0 : _f.columns)) {
+      if (nodeFuzzyJoin.value) {
+        if (!nodeFuzzyJoin.value.is_setup && ((_b = result.value) == null ? void 0 : _b.main_input)) {
+          if (result.value.main_input.columns && ((_c = result.value.right_input) == null ? void 0 : _c.columns)) {
             nodeFuzzyJoin.value.join_input = getEmptySetup(
               result.value.main_input.columns,
               result.value.right_input.columns
             );
-            isLoaded.value = true;
           }
         }
-      } else {
         isLoaded.value = true;
       }
-      isLoaded.value = true;
     };
     const addJoinCondition = () => {
       var _a, _b;
@@ -160,26 +171,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     };
-    const pushNodeData = async () => {
-      if (nodeFuzzyJoin.value) {
-        nodeFuzzyJoin.value.is_setup = true;
-      }
-      nodeStore.updateSettings(nodeFuzzyJoin);
-      if (hasInvalidFields.value && nodeFuzzyJoin.value) {
-        nodeStore.setNodeValidation(nodeFuzzyJoin.value.node_id, {
-          isValid: false,
-          error: "Join fields are not valid"
-        });
-      } else if (nodeFuzzyJoin.value) {
-        nodeStore.setNodeValidation(nodeFuzzyJoin.value.node_id, {
-          isValid: true,
-          error: ""
-        });
-      }
-    };
     __expose({
       loadNodeData,
       pushNodeData,
+      saveSettings,
       hasInvalidFields
     });
     onMounted(async () => {
@@ -189,7 +184,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return isLoaded.value && nodeFuzzyJoin.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeFuzzyJoin.value,
-          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => nodeFuzzyJoin.value = $event)
+          "onUpdate:modelValue": [
+            _cache[5] || (_cache[5] = ($event) => nodeFuzzyJoin.value = $event),
+            unref(handleGenericSettingsUpdate)
+          ],
+          onRequestSave: unref(saveSettings)
         }, {
           default: withCtx(() => {
             var _a, _b, _c, _d, _e, _f;
@@ -341,13 +340,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ];
           }),
           _: 1
-        }, 8, ["modelValue"])
+        }, 8, ["modelValue", "onUpdate:modelValue", "onRequestSave"])
       ])) : (openBlock(), createBlock(unref(CodeLoader), { key: 1 }));
     };
   }
 });
-const FuzzyMatch_vue_vue_type_style_index_0_scoped_bbf294d7_lang = "";
-const FuzzyMatch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bbf294d7"]]);
+const FuzzyMatch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ef7e83bb"]]);
 export {
   FuzzyMatch as default
 };

flowfile/web/static/assets/{GraphSolver-4fb98f3b.js → GraphSolver-B6ZzpNGO.js}

@@ -1,11 +1,12 @@
-import { d as defineComponent, l as useNodeStore, r as ref, G as computed, J as onMounted, a2 as nextTick, q as onUnmounted, y as resolveComponent, o as openBlock, c as createElementBlock, z as createVNode, A as withCtx, a as createBaseVNode, K as Fragment, L as renderList, n as normalizeClass, w as withModifiers, t as toDisplayString, C as createBlock, e as createCommentVNode, g as _export_sfc } from "./index-ca6799de.js";
-import "./DesignerView-a4466dab.js";
-import { _ as _sfc_main$1 } from "./ContextMenu.vue_vue_type_script_setup_true_lang-774c517c.js";
-import SettingsSection from "./SettingsSection-cebb91d5.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-0155288b.js";
-import "./PopOver-ddcfe4f6.js";
-import "./index-057d770d.js";
-import "./vue-codemirror.esm-8f46fb36.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, 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, G as computed, o as openBlock, g as _export_sfc } 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-CITK_R7o.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,6 +21,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: { nodeId: { type: Number, required: true } },
   setup(__props, { expose: __expose }) {
     const nodeStore = useNodeStore();
+    const nodeGraphSolver = ref(null);
+    const { saveSettings, pushNodeData, handleGenericSettingsUpdate } = useNodeSettings({
+      nodeRef: nodeGraphSolver
+    });
     const showContextMenu = ref(false);
     const dataLoaded = ref(false);
     const contextMenuPosition = ref({ x: 0, y: 0 });
@@ -33,7 +38,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       col_to: "",
       output_column_name: "group_column"
     });
-    const nodeGraphSolver = ref(null);
     const singleColumnSelected = computed(() => selectedColumns.value.length === 1);
     const getColumnClass = (columnName) => {
       return selectedColumns.value.includes(columnName) ? "is-selected" : "";
@@ -134,21 +138,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const handleClickOutside = (event) => {
       const targetEvent = event.target;
-      if (targetEvent.id === "pivot-context-menu")
-        return;
+      if (targetEvent.id === "pivot-context-menu") return;
       showContextMenu.value = false;
     };
     const closeContextMenu = () => {
       showContextMenu.value = false;
     };
-    const pushNodeData = async () => {
-      if (nodeGraphSolver.value) {
-        nodeStore.updateSettings(nodeGraphSolver);
-      }
-    };
     __expose({
       loadNodeData,
-      pushNodeData
+      pushNodeData,
+      saveSettings
     });
     onMounted(async () => {
       await nextTick();
@@ -162,7 +161,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return dataLoaded.value && nodeGraphSolver.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeGraphSolver.value,
-          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => nodeGraphSolver.value = $event)
+          "onUpdate:modelValue": [
+            _cache[8] || (_cache[8] = ($event) => nodeGraphSolver.value = $event),
+            unref(handleGenericSettingsUpdate)
+          ],
+          onRequestSave: unref(saveSettings)
         }, {
           default: withCtx(() => {
             var _a, _b;
@@ -226,13 +229,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ];
           }),
           _: 1
-        }, 8, ["modelValue"])
+        }, 8, ["modelValue", "onUpdate:modelValue", "onRequestSave"])
       ])) : createCommentVNode("", true);
     };
   }
 });
-const GraphSolver_vue_vue_type_style_index_0_scoped_723eb420_lang = "";
-const GraphSolver = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-723eb420"]]);
+const GraphSolver = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-72a426cf"]]);
 export {
   GraphSolver as default
 };

flowfile/web/static/assets/{GraphSolver-4b4d7db9.css → GraphSolver-DFN83sj3.css}

@@ -1,5 +1,5 @@
 
-.context-menu[data-v-723eb420] {
+.context-menu[data-v-72a426cf] {
   position: fixed;
   z-index: 1000;
   border: 1px solid #ccc;
@@ -8,15 +8,15 @@
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
   border-radius: 4px;
 }
-.context-menu ul[data-v-723eb420] {
+.context-menu ul[data-v-72a426cf] {
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.context-menu li[data-v-723eb420] {
+.context-menu li[data-v-72a426cf] {
   padding: 8px 16px;
   cursor: pointer;
 }
-.context-menu li[data-v-723eb420]:hover {
+.context-menu li[data-v-72a426cf]:hover {
   background-color: #f0f0f0;
 }

flowfile/web/static/assets/{GroupBy-b3c8f429.js → GroupBy-B9BRNcfe.js}

@@ -1,10 +1,7 @@
-import { d as defineComponent, l as useNodeStore, r as ref, G as computed, J as onMounted, a2 as nextTick, q as onUnmounted, y as resolveComponent, o as openBlock, c as createElementBlock, z as createVNode, A as withCtx, a as createBaseVNode, K as Fragment, L as renderList, n as normalizeClass, t as toDisplayString, e as createCommentVNode, a4 as normalizeStyle, w as withModifiers, C as createBlock, B as unref, g as _export_sfc } from "./index-ca6799de.js";
-import { C as CodeLoader } from "./vue-content-loader.es-808fe33a.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-0155288b.js";
-import "./DesignerView-a4466dab.js";
-import "./PopOver-ddcfe4f6.js";
-import "./index-057d770d.js";
-import "./vue-codemirror.esm-8f46fb36.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, K as Fragment, L as renderList, n as normalizeClass, t as toDisplayString, e as createCommentVNode, a0 as normalizeStyle, w as withModifiers, A as unref, C as createBlock, r as ref, G as computed, D as resolveComponent, o as openBlock, g as _export_sfc } from "./index-bcuE0Z0p.js";
+import { C as CodeLoader } from "./vue-content-loader.es-CMoRXo7N.js";
+import { u as useNodeSettings } from "./useNodeSettings-dMS9zmh_.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-BBtW_Cpz.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { class: "listbox-wrapper" };
 const _hoisted_3 = {
@@ -23,6 +20,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "GroupBy",
   setup(__props, { expose: __expose }) {
     const nodeStore = useNodeStore();
+    const nodeGroupBy = ref(null);
+    const { saveSettings, pushNodeData, handleGenericSettingsUpdate } = useNodeSettings({
+      nodeRef: nodeGroupBy,
+      onAfterSave: async () => {
+        await instantValidate();
+      },
+      getValidationFunc: () => {
+        var _a;
+        if ((_a = nodeGroupBy.value) == null ? void 0 : _a.groupby_input) {
+          return validateNode;
+        }
+        return void 0;
+      }
+    });
     const showContextMenu = ref(false);
     const showContextMenuRemove = ref(false);
     const dataLoaded = ref(false);
@@ -30,7 +41,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const contextMenuColumn = ref(null);
     const contextMenuRef = ref(null);
     const selectedColumns = ref([]);
-    const nodeGroupBy = ref(null);
     const nodeData = ref(null);
     const aggOptions = [
       "groupby",
@@ -208,21 +218,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         });
       }
     };
-    const pushNodeData = async () => {
-      var _a, _b, _c;
-      dataLoaded.value = false;
-      if ((_a = nodeGroupBy.value) == null ? void 0 : _a.is_setup) {
-        nodeGroupBy.value.is_setup = true;
-      }
-      nodeStore.updateSettings(nodeGroupBy);
-      await instantValidate();
-      if ((_b = nodeGroupBy.value) == null ? void 0 : _b.groupby_input) {
-        nodeStore.setNodeValidateFunc((_c = nodeGroupBy.value) == null ? void 0 : _c.node_id, validateNode);
-      }
-    };
     __expose({
       loadNodeData,
-      pushNodeData
+      pushNodeData,
+      saveSettings
     });
     onMounted(async () => {
       await nextTick();
@@ -238,7 +237,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return dataLoaded.value && nodeGroupBy.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeGroupBy.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => nodeGroupBy.value = $event)
+          "onUpdate:modelValue": [
+            _cache[1] || (_cache[1] = ($event) => nodeGroupBy.value = $event),
+            unref(handleGenericSettingsUpdate)
+          ],
+          onRequestSave: unref(saveSettings)
         }, {
           default: withCtx(() => {
             var _a, _b;
@@ -311,8 +314,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                 }, null, 8, ["label", "value"]);
                               }), 64))
                             ]),
-                            _: 2
-                          }, 1032, ["modelValue", "onUpdate:modelValue"])
+                            _: 1
+                          }, 8, ["modelValue", "onUpdate:modelValue"])
                         ]),
                         createBaseVNode("td", null, [
                           createVNode(_component_el_input, {
@@ -339,15 +342,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ], 4)) : createCommentVNode("", true)
             ];
           }),
-          _: 1,
-          __: [3]
-        }, 8, ["modelValue"])
+          _: 1
+        }, 8, ["modelValue", "onUpdate:modelValue", "onRequestSave"])
       ])) : (openBlock(), createBlock(unref(CodeLoader), { key: 1 }));
     };
   }
 });
-const GroupBy_vue_vue_type_style_index_0_scoped_d7b3d915_lang = "";
-const GroupBy = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d7b3d915"]]);
+const GroupBy = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-61753653"]]);
 export {
   GroupBy as default
 };

flowfile/web/static/assets/{Sort-4abb7fae.css → GroupBy-x4ooP5np.css}

@@ -1,6 +1,6 @@
 
 /* Context menu styles are now centralized in styles/components/_context-menu.css */
-.table-wrapper[data-v-bcf69c5f] {
+.table-wrapper[data-v-61753653] {
   max-height: 300px;
   box-shadow: var(--shadow-sm);
   border-radius: var(--border-radius-lg);