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

flowfile/web/static/assets/{documentation-ca400224.js → DocumentationView-61bd2990.js}

@@ -1,8 +1,8 @@
-import { d as defineComponent, l as computed, e as createElementBlock, p as createBaseVNode, c as openBlock, _ as _export_sfc } from "./index-5429bbf8.js";
+import { d as defineComponent, B as computed, c as createElementBlock, a as createBaseVNode, o as openBlock, g as _export_sfc } from "./index-387a6f18.js";
 const _hoisted_1 = { class: "doc-wrapper" };
 const _hoisted_2 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "documentation",
+  __name: "DocumentationView",
   setup(__props) {
     const docsUrl = computed(
       () => "https://edwardvaneechoud.github.io/Flowfile/"
@@ -26,8 +26,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const documentation_vue_vue_type_style_index_0_scoped_3ea9235d_lang = "";
-const documentation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3ea9235d"]]);
+const DocumentationView_vue_vue_type_style_index_0_scoped_93c4b98d_lang = "";
+const DocumentationView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-93c4b98d"]]);
 export {
-  documentation as default
+  DocumentationView as default
 };

flowfile/web/static/assets/{documentation-12216a74.css → DocumentationView-9ea6e871.css}

@@ -1,14 +1,14 @@
 
-.doc-wrapper[data-v-3ea9235d] {
+.doc-wrapper[data-v-93c4b98d] {
   width: 100%;
   height: 99vh;
 }
-.iframe-docs[data-v-3ea9235d] {
+.iframe-docs[data-v-93c4b98d] {
   width: 100%;
   height: 100%;
   border: none;
 }
-.flowfile-button[data-v-3ea9235d] {
+.flowfile-button[data-v-93c4b98d] {
   background-color: var(--color-primary);
   color: var(--color-background);
   border: none;
@@ -24,7 +24,7 @@
   bottom: 20px; /* Distance from bottom */
   right: 20px; /* Distance from right */
   z-index: 1000; /* Make sure it’s above the iframe */
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: var(--shadow-lg);
   transition:
     background-color 0.3s ease,
     transform 0.2s ease,
@@ -32,19 +32,19 @@
 }
 
 /* Hover & Active effects */
-.flowfile-button[data-v-3ea9235d]:hover {
+.flowfile-button[data-v-93c4b98d]:hover {
   background-color: var(--color-primary-dark);
   transform: scale(1.1);
 }
-.flowfile-button[data-v-3ea9235d]:active {
+.flowfile-button[data-v-93c4b98d]:active {
   transform: scale(1);
 }
-.flowfile-button[data-v-3ea9235d]:focus {
+.flowfile-button[data-v-93c4b98d]:focus {
   outline: none;
-  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5);
+  box-shadow: 0 0 0 3px var(--color-focus-ring-primary);
 }
 
 /* Adjust icon size */
-.flowfile-button i[data-v-3ea9235d] {
+.flowfile-button i[data-v-93c4b98d] {
   font-size: 20px;
 }

flowfile/web/static/assets/{ExploreData-2d0cf4db.css → ExploreData-10c5acc8.css}

@@ -1,39 +1,40 @@
 
-.explore-data-container[data-v-1a3f5721] {
+.explore-data-container[data-v-b6998854] {
   height: 100%;
   display: flex;
   flex-direction: column;
+  background-color: var(--color-background-primary);
 }
-.graphic-walker-wrapper[data-v-1a3f5721] {
+.graphic-walker-wrapper[data-v-b6998854] {
   flex-grow: 1; /* Allow wrapper to fill space */
   min-height: 300px; /* Ensure minimum size */
   overflow: hidden; /* Prevent content spillover if needed */
 }
 /* Ensure the child fills the wrapper if necessary */
-[data-v-1a3f5721] .graphic-walker-wrapper > div {
+[data-v-b6998854] .graphic-walker-wrapper > div {
   height: 100%;
 }
-.error-display[data-v-1a3f5721] {
+.error-display[data-v-b6998854] {
   padding: 1rem;
-  color: #a94442; /* Dark red */
-  border: 1px solid #ebccd1; /* Light red border */
-  background-color: #f2dede; /* Light red background */
+  color: var(--color-danger);
+  border: 1px solid var(--color-danger-light);
+  background-color: var(--color-danger-light);
   margin: 1rem;
   border-radius: 4px;
 }
-.empty-data-message[data-v-1a3f5721],
-.fallback-message[data-v-1a3f5721] {
+.empty-data-message[data-v-b6998854],
+.fallback-message[data-v-b6998854] {
   padding: 1rem;
   text-align: center;
-  color: #777; /* Grey */
+  color: var(--color-text-secondary);
 }
 /* Add styles for the button if needed */
-button[data-v-1a3f5721] {
+button[data-v-b6998854] {
   margin: 0.5rem 1rem;
   padding: 0.5rem 1rem;
   cursor: pointer;
 }
-button[data-v-1a3f5721]:disabled {
+button[data-v-b6998854]:disabled {
   cursor: not-allowed;
   opacity: 0.6;
 }

flowfile/web/static/assets/{ExploreData-5fa10ed8.js → ExploreData-e2735b13.js}

@@ -1,8 +1,10 @@
-import { C as CodeLoader } from "./vue-content-loader.es-2c8e608f.js";
-import VueGraphicWalker from "./VueGraphicWalker-e51b9924.js";
-import { a as axios, d as defineComponent, r as ref, l as computed, c as openBlock, e as createElementBlock, h as createBlock, u as unref, p as createBaseVNode, t as toDisplayString, _ as _export_sfc } from "./index-5429bbf8.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-41b0e0d7.js";
-import { u as useItemStore } from "./designer-9633482a.js";
+import { C as CodeLoader } from "./vue-content-loader.es-4469c8ff.js";
+import VueGraphicWalker from "./VueGraphicWalker-d9ab70a3.js";
+import { k as axios, d as defineComponent, r as ref, av as useThemeStore, B as computed, o as openBlock, c as createElementBlock, y as createBlock, x as unref, a as createBaseVNode, t as toDisplayString, g as _export_sfc } from "./index-387a6f18.js";
+import { u as useNodeStore } from "./PopOver-862d7e28.js";
+import { u as useItemStore } from "./DesignerView-f64749fb.js";
+import "./index-f0a6e5a5.js";
+import "./vue-codemirror.esm-31ba0e0b.js";
 const fetchGraphicWalkerData = async (flowId, nodeId) => {
   var _a, _b;
   console.log(`[GraphicWalker] Fetching data for flow ${flowId}, node ${nodeId}`);
@@ -60,7 +62,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const nodeStore = useNodeStore();
     const globalNodeId = ref(-1);
     const windowStore = useItemStore();
+    const themeStore = useThemeStore();
     const vueGraphicWalkerRef = ref(null);
+    const graphicWalkerAppearance = computed(() => {
+      const theme = themeStore.mode;
+      if (theme === "system")
+        return "media";
+      return theme;
+    });
     const canDisplayVisualization = computed(() => !isLoading.value && !errorMessage.value);
     const loadNodeData = async (nodeId) => {
       var _a, _b;
@@ -175,18 +184,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             ref_key: "vueGraphicWalkerRef",
             ref: vueGraphicWalkerRef,
-            appearance: "light",
+            appearance: graphicWalkerAppearance.value,
             data: data.value,
             fields: fields.value,
             "spec-list": chartList.value
-          }, null, 8, ["data", "fields", "spec-list"])) : (openBlock(), createElementBlock("div", _hoisted_4, " Data loaded, but the dataset appears to be empty or lacks defined fields. "))
+          }, null, 8, ["appearance", "data", "fields", "spec-list"])) : (openBlock(), createElementBlock("div", _hoisted_4, " Data loaded, but the dataset appears to be empty or lacks defined fields. "))
         ])) : (openBlock(), createElementBlock("div", _hoisted_5, "Please load data for the node."))
       ]);
     };
   }
 });
-const ExploreData_vue_vue_type_style_index_0_scoped_1a3f5721_lang = "";
-const ExploreData = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1a3f5721"]]);
+const ExploreData_vue_vue_type_style_index_0_scoped_b6998854_lang = "";
+const ExploreData = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b6998854"]]);
 export {
   ExploreData as default
 };

flowfile/web/static/assets/{ExternalSource-d39af878.js → ExternalSource-2535c3b2.js}

@@ -1,8 +1,10 @@
-import { C as CodeLoader } from "./vue-content-loader.es-2c8e608f.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-41b0e0d7.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-4fe5f36b.js";
-import { d as defineComponent, r as ref, a3 as watchEffect, b as resolveComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, F as Fragment, q as renderList, i as createCommentVNode, h as createBlock, u as unref, _ as _export_sfc } from "./index-5429bbf8.js";
-import "./designer-9633482a.js";
+import { C as CodeLoader } from "./vue-content-loader.es-4469c8ff.js";
+import { u as useNodeStore } from "./PopOver-862d7e28.js";
+import { d as defineComponent, r as ref, ab as watchEffect, m as resolveComponent, o as openBlock, c as createElementBlock, p as createVNode, q as withCtx, a as createBaseVNode, G as Fragment, H as renderList, e as createCommentVNode, y as createBlock, x as unref, g as _export_sfc } from "./index-387a6f18.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-14eac1c3.js";
+import "./DesignerView-f64749fb.js";
+import "./index-f0a6e5a5.js";
+import "./vue-codemirror.esm-31ba0e0b.js";
 function get_template_source_type(type, options) {
   switch (type) {
     case "SAMPLE_USERS":
@@ -134,8 +136,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ExternalSource_vue_vue_type_style_index_0_scoped_62f1d8e0_lang = "";
-const ExternalSource = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-62f1d8e0"]]);
+const ExternalSource_vue_vue_type_style_index_0_scoped_c95ed46a_lang = "";
+const ExternalSource = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c95ed46a"]]);
 export {
   ExternalSource as default
 };

flowfile/web/static/assets/{ExternalSource-e37b6275.css → ExternalSource-7ac7373f.css}

@@ -1,15 +1,15 @@
 
-.context-menu[data-v-62f1d8e0] {
+.context-menu[data-v-c95ed46a] {
   position: fixed;
   z-index: 1000;
   border: 1px solid #ccc;
-  background-color: white;
+  background-color: var(--color-background-primary);
   padding: 8px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
   border-radius: 4px;
   user-select: none;
 }
-.context-menu button[data-v-62f1d8e0] {
+.context-menu button[data-v-c95ed46a] {
   display: block;
   background: none;
   border: none;
@@ -19,41 +19,41 @@
   cursor: pointer;
   z-index: 100;
 }
-.context-menu button[data-v-62f1d8e0]:hover {
+.context-menu button[data-v-c95ed46a]:hover {
   background-color: #f0f0f0;
 }
-.table-wrapper[data-v-62f1d8e0] {
+.table-wrapper[data-v-c95ed46a] {
   max-height: 300px; /* Adjust this value as needed */
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* subtle shadow for depth */
   border-radius: 8px; /* rounded corners */
   overflow: auto; /* ensures the rounded corners are applied to the child elements */
   margin: 5px; /* adds a small margin around the table */
 }
-.context-menu[data-v-62f1d8e0] {
+.context-menu[data-v-c95ed46a] {
   position: fixed;
   z-index: 1000;
   border: 1px solid #ccc;
-  background-color: white;
+  background-color: var(--color-background-primary);
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
   border-radius: 4px;
 }
-.context-menu ul[data-v-62f1d8e0] {
+.context-menu ul[data-v-c95ed46a] {
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.context-menu li[data-v-62f1d8e0] {
+.context-menu li[data-v-c95ed46a] {
   padding: 8px 16px;
   cursor: pointer;
 }
-.context-menu li[data-v-62f1d8e0]:hover {
-  background-color: #f0f0f0;
+.context-menu li[data-v-c95ed46a]:hover {
+  background-color: var(--color-background-secondary);
 }
-.file-upload-wrapper[data-v-62f1d8e0] {
+.file-upload-wrapper[data-v-c95ed46a] {
   position: relative;
   width: 100%;
 }
-.file-upload-input[data-v-62f1d8e0] {
+.file-upload-input[data-v-c95ed46a] {
   width: 100%;
   height: 40px;
   opacity: 0;
@@ -63,15 +63,15 @@
   z-index: 1;
   cursor: pointer;
 }
-.file-upload-label[data-v-62f1d8e0] {
+.file-upload-label[data-v-c95ed46a] {
   display: flex;
   align-items: center;
   justify-content: flex-start;
-  background-color: #f5f5f5;
+  background-color: var(--color-background-secondary);
   border: 1px solid #ddd;
   border-radius: 4px;
   padding: 10px 15px;
-  color: #333;
+  color: var(--color-text-primary);
   font-size: 16px;
   font-weight: 500;
   text-align: left;
@@ -79,14 +79,14 @@
   cursor: pointer;
   transition: background-color 0.3s ease;
 }
-.file-upload-label[data-v-62f1d8e0]:hover {
-  background-color: #e4e4e4;
+.file-upload-label[data-v-c95ed46a]:hover {
+  background-color: var(--color-background-secondary);
 }
-.file-icon[data-v-62f1d8e0] {
+.file-icon[data-v-c95ed46a] {
   margin-right: 10px;
   font-size: 20px; /* Slightly larger icon for better visual balance */
 }
-.file-label-text[data-v-62f1d8e0] {
+.file-label-text[data-v-c95ed46a] {
   flex-grow: 1; /* Ensures text takes the available space */
   margin-left: 10px; /* Spacing between icon and text */
 }

flowfile/web/static/assets/Filter-2cdbc93c.js

@@ -0,0 +1,287 @@
+import { d as defineComponent, r as ref, B as computed, m as resolveComponent, o as openBlock, c as createElementBlock, p as createVNode, q as withCtx, a as createBaseVNode, f as createTextVNode, e as createCommentVNode, x as unref, i as withDirectives, v as vModelText, t as toDisplayString, y as createBlock, g as _export_sfc } from "./index-387a6f18.js";
+import { C as CodeLoader } from "./vue-content-loader.es-4469c8ff.js";
+import { C as ColumnSelector } from "./dropDown-2798a109.js";
+import { u as useNodeStore } from "./PopOver-862d7e28.js";
+import mainEditorRef from "./fullEditor-cf7d7d93.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-14eac1c3.js";
+import { F as FILTER_OPERATOR_LABELS, g as getFilterOperatorLabel, O as OPERATORS_NO_VALUE, a as OPERATORS_WITH_VALUE2 } from "./node.types-2c15bb7e.js";
+import "./vue-codemirror.esm-31ba0e0b.js";
+import "./DesignerView-f64749fb.js";
+import "./index-f0a6e5a5.js";
+const _hoisted_1 = { key: 0 };
+const _hoisted_2 = { class: "listbox-wrapper" };
+const _hoisted_3 = { style: { "border-radius": "20px" } };
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = { key: 1 };
+const _hoisted_6 = { class: "filter-section" };
+const _hoisted_7 = {
+  key: 0,
+  class: "filter-row"
+};
+const _hoisted_8 = { class: "filter-field" };
+const _hoisted_9 = { class: "filter-field" };
+const _hoisted_10 = {
+  key: 0,
+  class: "filter-field"
+};
+const _hoisted_11 = ["placeholder"];
+const _hoisted_12 = {
+  key: 1,
+  class: "filter-field"
+};
+const _hoisted_13 = {
+  key: 1,
+  class: "help-text"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Filter",
+  setup(__props, { expose: __expose }) {
+    const editorString = ref("");
+    const isLoaded = ref(false);
+    const isAdvancedFilter = ref(false);
+    const nodeStore = useNodeStore();
+    const nodeFilter = ref(null);
+    const nodeData = ref(null);
+    const editorChild = ref(null);
+    const operatorLabels = Object.keys(FILTER_OPERATOR_LABELS);
+    const currentOperator = computed(() => {
+      var _a, _b, _c;
+      const op = (_c = (_b = (_a = nodeFilter.value) == null ? void 0 : _a.filter_input) == null ? void 0 : _b.basic_filter) == null ? void 0 : _c.operator;
+      if (!op)
+        return "equals";
+      if (typeof op === "string") {
+        if (Object.values(FILTER_OPERATOR_LABELS).includes(op)) {
+          return op;
+        }
+        return convertLegacyOperator(op);
+      }
+      return op;
+    });
+    const operatorDisplayValue = computed({
+      get: () => {
+        var _a, _b, _c;
+        return getOperatorLabel((_c = (_b = (_a = nodeFilter.value) == null ? void 0 : _a.filter_input) == null ? void 0 : _b.basic_filter) == null ? void 0 : _c.operator);
+      },
+      set: (val) => handleOperatorChange(val)
+    });
+    function convertLegacyOperator(symbol) {
+      const legacyMapping = {
+        "=": "equals",
+        "==": "equals",
+        "!=": "not_equals",
+        "<>": "not_equals",
+        ">": "greater_than",
+        ">=": "greater_than_or_equals",
+        "<": "less_than",
+        "<=": "less_than_or_equals",
+        contains: "contains",
+        not_contains: "not_contains",
+        starts_with: "starts_with",
+        ends_with: "ends_with",
+        is_null: "is_null",
+        is_not_null: "is_not_null",
+        in: "in",
+        not_in: "not_in",
+        between: "between",
+        not_equals: "not_equals",
+        greater_than: "greater_than",
+        greater_than_or_equals: "greater_than_or_equals",
+        less_than: "less_than",
+        less_than_or_equals: "less_than_or_equals"
+      };
+      return legacyMapping[symbol] || "equals";
+    }
+    function getOperatorLabel(operator) {
+      if (!operator)
+        return "Equals";
+      const op = typeof operator === "string" ? convertLegacyOperator(operator) : operator;
+      return getFilterOperatorLabel(op);
+    }
+    const showValueInput = computed(() => {
+      return !OPERATORS_NO_VALUE.includes(currentOperator.value);
+    });
+    const showValue2Input = computed(() => {
+      return OPERATORS_WITH_VALUE2.includes(currentOperator.value);
+    });
+    const valuePlaceholder = computed(() => {
+      switch (currentOperator.value) {
+        case "in":
+        case "not_in":
+          return "value1, value2, value3";
+        case "between":
+          return "Start value";
+        default:
+          return "Enter value";
+      }
+    });
+    const operatorHelpText = computed(() => {
+      switch (currentOperator.value) {
+        case "in":
+        case "not_in":
+          return "Enter comma-separated values";
+        case "between":
+          return "Enter the range boundaries (inclusive)";
+        case "is_null":
+          return "Filters rows where the column value is null";
+        case "is_not_null":
+          return "Filters rows where the column value is not null";
+        default:
+          return "";
+      }
+    });
+    const handleFieldChange = (newValue) => {
+      var _a;
+      if ((_a = nodeFilter.value) == null ? void 0 : _a.filter_input.basic_filter) {
+        nodeFilter.value.filter_input.basic_filter.field = newValue;
+      }
+    };
+    const handleOperatorChange = (newLabel) => {
+      var _a;
+      if ((_a = nodeFilter.value) == null ? void 0 : _a.filter_input.basic_filter) {
+        const operator = FILTER_OPERATOR_LABELS[newLabel];
+        if (operator) {
+          nodeFilter.value.filter_input.basic_filter.operator = operator;
+          if (!OPERATORS_WITH_VALUE2.includes(operator)) {
+            nodeFilter.value.filter_input.basic_filter.value2 = void 0;
+          }
+          if (OPERATORS_NO_VALUE.includes(operator)) {
+            nodeFilter.value.filter_input.basic_filter.value = "";
+          }
+        }
+      }
+    };
+    const loadNodeData = async (nodeId) => {
+      var _a, _b, _c, _d, _e;
+      nodeData.value = await nodeStore.getNodeData(nodeId, false);
+      if (nodeData.value) {
+        nodeFilter.value = nodeData.value.setting_input;
+        if ((_a = nodeFilter.value) == null ? void 0 : _a.filter_input.advanced_filter) {
+          editorString.value = (_b = nodeFilter.value) == null ? void 0 : _b.filter_input.advanced_filter;
+        }
+        const mode = ((_c = nodeFilter.value) == null ? void 0 : _c.filter_input.mode) || ((_d = nodeFilter.value) == null ? void 0 : _d.filter_input.filter_type);
+        isAdvancedFilter.value = mode === "advanced";
+        if ((_e = nodeFilter.value) == null ? void 0 : _e.filter_input.basic_filter) {
+          const bf = nodeFilter.value.filter_input.basic_filter;
+          if (bf.filter_type && !bf.operator) {
+            bf.operator = convertLegacyOperator(bf.filter_type);
+          }
+          if (bf.filter_value && !bf.value) {
+            bf.value = bf.filter_value;
+          }
+          if (!bf.operator) {
+            bf.operator = "equals";
+          }
+        }
+      }
+      isLoaded.value = true;
+    };
+    const updateAdvancedFilter = () => {
+      if (nodeFilter.value) {
+        nodeFilter.value.filter_input.advanced_filter = nodeStore.inputCode;
+      }
+    };
+    const pushNodeData = async () => {
+      if (nodeFilter.value) {
+        if (isAdvancedFilter.value) {
+          updateAdvancedFilter();
+          nodeFilter.value.filter_input.mode = "advanced";
+          nodeFilter.value.filter_input.filter_type = "advanced";
+        } else {
+          nodeFilter.value.filter_input.mode = "basic";
+          nodeFilter.value.filter_input.filter_type = "basic";
+        }
+        nodeStore.updateSettings(nodeFilter);
+      }
+    };
+    __expose({ loadNodeData, pushNodeData });
+    return (_ctx, _cache) => {
+      const _component_el_switch = resolveComponent("el-switch");
+      return isLoaded.value && nodeFilter.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(GenericNodeSettings, {
+          modelValue: nodeFilter.value,
+          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => nodeFilter.value = $event)
+        }, {
+          default: withCtx(() => {
+            var _a, _b, _c;
+            return [
+              createBaseVNode("div", _hoisted_2, [
+                createBaseVNode("div", _hoisted_3, [
+                  createVNode(_component_el_switch, {
+                    modelValue: isAdvancedFilter.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isAdvancedFilter.value = $event),
+                    class: "mb-2",
+                    "active-text": "Advanced filter options",
+                    "inactive-text": "Basic filter"
+                  }, null, 8, ["modelValue"])
+                ]),
+                isAdvancedFilter.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                  _cache[8] || (_cache[8] = createTextVNode(" Advanced filter ")),
+                  createVNode(mainEditorRef, {
+                    ref_key: "editorChild",
+                    ref: editorChild,
+                    "editor-string": editorString.value
+                  }, null, 8, ["editor-string"])
+                ])) : createCommentVNode("", true),
+                !isAdvancedFilter.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                  createBaseVNode("div", _hoisted_6, [
+                    ((_a = nodeFilter.value) == null ? void 0 : _a.filter_input.basic_filter) ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                      createBaseVNode("div", _hoisted_8, [
+                        _cache[9] || (_cache[9] = createBaseVNode("label", { class: "filter-label" }, "Column", -1)),
+                        createVNode(ColumnSelector, {
+                          modelValue: nodeFilter.value.filter_input.basic_filter.field,
+                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => nodeFilter.value.filter_input.basic_filter.field = $event),
+                          value: nodeFilter.value.filter_input.basic_filter.field,
+                          "column-options": (_c = (_b = nodeData.value) == null ? void 0 : _b.main_input) == null ? void 0 : _c.columns,
+                          "onUpdate:value": _cache[2] || (_cache[2] = (value) => handleFieldChange(value))
+                        }, null, 8, ["modelValue", "value", "column-options"])
+                      ]),
+                      createBaseVNode("div", _hoisted_9, [
+                        _cache[10] || (_cache[10] = createBaseVNode("label", { class: "filter-label" }, "Operator", -1)),
+                        createVNode(ColumnSelector, {
+                          modelValue: operatorDisplayValue.value,
+                          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => operatorDisplayValue.value = $event),
+                          value: getOperatorLabel(nodeFilter.value.filter_input.basic_filter.operator),
+                          "column-options": unref(operatorLabels),
+                          "onUpdate:value": _cache[4] || (_cache[4] = (value) => handleOperatorChange(value))
+                        }, null, 8, ["modelValue", "value", "column-options"])
+                      ]),
+                      showValueInput.value ? (openBlock(), createElementBlock("div", _hoisted_10, [
+                        _cache[11] || (_cache[11] = createBaseVNode("label", { class: "filter-label" }, "Value", -1)),
+                        withDirectives(createBaseVNode("input", {
+                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => nodeFilter.value.filter_input.basic_filter.value = $event),
+                          type: "text",
+                          class: "input-field",
+                          placeholder: valuePlaceholder.value
+                        }, null, 8, _hoisted_11), [
+                          [vModelText, nodeFilter.value.filter_input.basic_filter.value]
+                        ])
+                      ])) : createCommentVNode("", true),
+                      showValue2Input.value ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                        _cache[12] || (_cache[12] = createBaseVNode("label", { class: "filter-label" }, "And", -1)),
+                        withDirectives(createBaseVNode("input", {
+                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => nodeFilter.value.filter_input.basic_filter.value2 = $event),
+                          type: "text",
+                          class: "input-field",
+                          placeholder: "End value"
+                        }, null, 512), [
+                          [vModelText, nodeFilter.value.filter_input.basic_filter.value2]
+                        ])
+                      ])) : createCommentVNode("", true)
+                    ])) : createCommentVNode("", true),
+                    operatorHelpText.value ? (openBlock(), createElementBlock("div", _hoisted_13, toDisplayString(operatorHelpText.value), 1)) : createCommentVNode("", true)
+                  ])
+                ])) : createCommentVNode("", true)
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["modelValue"])
+      ])) : (openBlock(), createBlock(unref(CodeLoader), { key: 1 }));
+    };
+  }
+});
+const Filter_vue_vue_type_style_index_0_scoped_f2933c98_lang = "";
+const Filter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f2933c98"]]);
+export {
+  Filter as default
+};

flowfile/web/static/assets/Filter-7494ea97.css

@@ -0,0 +1,48 @@
+.filter-section[data-v-f2933c98] {
+  padding: 10px 0;
+}
+.filter-row[data-v-f2933c98] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  align-items: flex-end;
+}
+.filter-field[data-v-f2933c98] {
+  flex: 1;
+  min-width: 150px;
+  max-width: 250px;
+}
+.filter-label[data-v-f2933c98] {
+  display: block;
+  font-size: 12px;
+  font-weight: 500;
+  color: #606266;
+  margin-bottom: 4px;
+}
+.input-field[data-v-f2933c98] {
+  width: 100%;
+  padding: 8px 12px;
+  font-size: 14px;
+  line-height: 1.4;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  box-shadow: none;
+  outline: none;
+  transition: border-color 0.2s, box-shadow 0.2s;
+}
+.input-field[data-v-f2933c98]:focus {
+  border-color: #409eff;
+  box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.1);
+}
+.input-field[data-v-f2933c98]::placeholder {
+  color: #c0c4cc;
+}
+.help-text[data-v-f2933c98] {
+  margin-top: 8px;
+  font-size: 12px;
+  color: #909399;
+  font-style: italic;
+}
+.x-flip[data-v-f2933c98] {
+  transform: scaleX(-100%);
+}