Flowfile 0.3.8__tar.gz → 0.3.10__tar.gz

{flowfile-0.3.8 → flowfile-0.3.10}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.3
 Name: Flowfile
-Version: 0.3.8
+Version: 0.3.10
 Summary: Project combining flowfile core (backend) and flowfile_worker (compute offloader) and flowfile_frame (api)
 Author: Edward van Eechoud
 Author-email: evaneechoud@gmail.com
@@ -26,6 +26,7 @@ Requires-Dist: methodtools (>=0.4.7,<0.5.0)
 Requires-Dist: openpyxl (>=3.1.2,<3.2.0)
 Requires-Dist: passlib (>=1.7.4,<1.8.0)
 Requires-Dist: pendulum (==2.1.2) ; python_version < "3.12"
+Requires-Dist: pl-fuzzy-frame-match (>=0.4.0)
 Requires-Dist: polars (>=1.8.2,<1.32) ; sys_platform != "win32"
 Requires-Dist: polars (>=1.8.2,<=1.25.2) ; sys_platform == "win32"
 Requires-Dist: polars-distance (>=0.4.3,<0.5.0)

{flowfile-0.3.8 → flowfile-0.3.10}/flowfile/flowfile/__init__.py

@@ -7,7 +7,7 @@ This package ties together the FlowFile ecosystem components:
 - flowfile_worker: Computation engine
 """
 
-__version__ = "0.3.8"
+__version__ = "0.3.10"
 
 import os
 import logging
@@ -36,7 +36,8 @@ from flowfile_frame import (read_csv, read_parquet, from_dict, concat, scan_csv,
                             get_all_available_cloud_storage_connections,
                             create_cloud_storage_connection,
                             del_cloud_storage_connection,
-                            create_cloud_storage_connection_if_not_exists)
+                            create_cloud_storage_connection_if_not_exists,
+                            FuzzyMapping)
 from flowfile_frame.expr import (
     col, lit, column, cum_count, len,
     sum, min, max, mean, count, when
@@ -71,7 +72,7 @@ __all__ = [
     'scan_csv_from_cloud_storage', 'get_all_available_cloud_storage_connections', 'create_cloud_storage_connection',
     'del_cloud_storage_connection', 'create_cloud_storage_connection_if_not_exists',
     'FlowGraph', 'FlowDataEngine', 'node_interface', 'FlowSettings', 'transform_schema',
-    'FlowNode', 'FlowfileColumn', 'FlowInformation',
+    'FlowNode', 'FlowfileColumn', 'FlowInformation', "FuzzyMapping",
 
     # Expression API
     'col', 'lit', 'column', 'cum_count', 'len',

{flowfile-0.3.8 → flowfile-0.3.10}/flowfile/flowfile/api.py

@@ -17,6 +17,7 @@ from typing import Optional, Dict, Any, Union, Tuple, List
 from subprocess import Popen
 from flowfile_core.flowfile.flow_graph import FlowGraph
 from tempfile import TemporaryDirectory
+import flowfile as ff
 
 # Configuration
 FLOWFILE_HOST: str = os.environ.get("FLOWFILE_HOST", "127.0.0.1")
@@ -454,7 +455,6 @@ def open_graph_in_editor(flow_graph: FlowGraph, storage_location: Optional[str]
             return False
 
         flow_id = import_flow_to_editor(flow_file_path, auth_token)
-        print(flow_id, "flow_id", flow_in_single_mode, automatically_open_browser)
         if flow_id is not None:
             if flow_in_single_mode and automatically_open_browser:
                 _open_flow_in_browser(flow_id)

flowfile-0.3.8/flowfile/flowfile/web/static/assets/CloudConnectionManager-c20a740f.js → flowfile-0.3.10/flowfile/flowfile/web/static/assets/CloudConnectionManager-d7c2c028.js

@@ -1,5 +1,5 @@
-import { f as fetchCloudStorageConnectionsInterfaces, c as createCloudStorageConnectionApi, d as deleteCloudStorageConnectionApi } from "./api-6ef0dcef.js";
-import { d as defineComponent, r as ref, m as watch, l as computed, c as openBlock, e as createElementBlock, p as createBaseVNode, a5 as withDirectives, a6 as vModelText, ag as vModelSelect, F as Fragment, q as renderList, t as toDisplayString, i as createCommentVNode, ah as vModelDynamic, s as normalizeClass, ai as vModelCheckbox, v as withModifiers, n as onMounted, g as createTextVNode, f as createVNode, w as withCtx, u as unref, z as ElMessage, aj as ElDialog, ak as ElButton, _ as _export_sfc } from "./index-f6c15e76.js";
+import { f as fetchCloudStorageConnectionsInterfaces, c as createCloudStorageConnectionApi, d as deleteCloudStorageConnectionApi } from "./api-271ed117.js";
+import { d as defineComponent, r as ref, m as watch, l as computed, c as openBlock, e as createElementBlock, p as createBaseVNode, a8 as withDirectives, a9 as vModelText, ak as vModelSelect, F as Fragment, q as renderList, t as toDisplayString, i as createCommentVNode, al as vModelDynamic, s as normalizeClass, am as vModelCheckbox, v as withModifiers, n as onMounted, g as createTextVNode, f as createVNode, w as withCtx, u as unref, z as ElMessage, an as ElDialog, ao as ElButton, _ as _export_sfc } from "./index-d0518598.js";
 const _hoisted_1$1 = { class: "form-grid" };
 const _hoisted_2$1 = { class: "form-field" };
 const _hoisted_3$1 = { class: "form-field" };

flowfile-0.3.8/flowfile/flowfile/web/static/assets/CloudStorageReader-960b400a.js → flowfile-0.3.10/flowfile/flowfile/web/static/assets/CloudStorageReader-d467329f.js

@@ -1,10 +1,9 @@
-import { d as defineComponent, r as ref, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, a5 as withDirectives, F as Fragment, q as renderList, t as toDisplayString, ag as vModelSelect, g as createTextVNode, i as createCommentVNode, a6 as vModelText, ai as vModelCheckbox, h as createBlock, u as unref, z as ElMessage, _ as _export_sfc, n as onMounted, R as nextTick, a7 as Teleport } from "./index-f6c15e76.js";
-import { C as CodeLoader } from "./vue-content-loader.es-0371da73.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-2847001e.js";
-import { f as fetchCloudStorageConnectionsInterfaces } from "./api-6ef0dcef.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-71e11604.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-988d9efe.js";
-import "./designer-13eabd83.js";
+import { d as defineComponent, r as ref, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, a8 as withDirectives, ak as vModelSelect, F as Fragment, q as renderList, t as toDisplayString, g as createTextVNode, i as createCommentVNode, a9 as vModelText, am as vModelCheckbox, h as createBlock, u as unref, z as ElMessage, _ as _export_sfc } from "./index-d0518598.js";
+import { C as CodeLoader } from "./vue-content-loader.es-7bca2d9b.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-9ed00d50.js";
+import { f as fetchCloudStorageConnectionsInterfaces } from "./api-271ed117.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-d3b2b2ac.js";
+import "./designer-bf3d9487.js";
 const createNodeCloudStorageReader = (flowId, nodeId) => {
   const cloudStorageReadSettings = {
     auth_mode: "aws-cli",
@@ -26,7 +25,7 @@ const createNodeCloudStorageReader = (flowId, nodeId) => {
   };
   return nodePolarsCode;
 };
-const _hoisted_1$1 = {
+const _hoisted_1 = {
   key: 0,
   class: "cloud-storage-container"
 };
@@ -67,7 +66,7 @@ const _hoisted_20 = {
   key: 3,
   class: "info-box"
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CloudStorageReader",
   props: {
     nodeId: {}
@@ -202,7 +201,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       pushNodeData
     });
     return (_ctx, _cache) => {
-      return dataLoaded.value && nodeCloudStorageReader.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return dataLoaded.value && nodeCloudStorageReader.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeCloudStorageReader.value,
           "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => nodeCloudStorageReader.value = $event)
@@ -365,73 +364,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 const CloudStorageReader_vue_vue_type_style_index_0_scoped_8f1c7f30_lang = "";
-const CloudStorageReader = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-8f1c7f30"]]);
-const _hoisted_1 = { ref: "el" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "CloudStorageReader",
-  props: {
-    nodeId: {
-      type: Number,
-      required: true
-    }
-  },
-  setup(__props) {
-    const nodeStore = useNodeStore();
-    const childComp = ref(null);
-    const props = __props;
-    const drawer = ref(false);
-    const closeOnDrawer = () => {
-      var _a;
-      drawer.value = false;
-      (_a = childComp.value) == null ? void 0 : _a.pushNodeData();
-    };
-    const openDrawer = async () => {
-      if (nodeStore.node_id === props.nodeId) {
-        return;
-      }
-      nodeStore.closeDrawer();
-      drawer.value = true;
-      const drawerOpen = nodeStore.isDrawerOpen;
-      nodeStore.isDrawerOpen = true;
-      await nextTick();
-      if (nodeStore.node_id === props.nodeId && drawerOpen) {
-        return;
-      }
-      if (childComp.value) {
-        childComp.value.loadNodeData(props.nodeId);
-        nodeStore.openDrawer(closeOnDrawer);
-      }
-    };
-    onMounted(async () => {
-      await nextTick();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(NodeButton, {
-          ref: "nodeButton",
-          "node-id": __props.nodeId,
-          "image-src": "cloud_storage_reader.png",
-          title: `${__props.nodeId}: Cloud storage reader`,
-          onClick: openDrawer
-        }, null, 8, ["node-id", "title"]),
-        drawer.value ? (openBlock(), createBlock(Teleport, {
-          key: 0,
-          to: "#nodesettings"
-        }, [
-          createVNode(NodeTitle, {
-            title: "Read data from cloud provider",
-            intro: "Read data from cloud provider"
-          }),
-          createVNode(CloudStorageReader, {
-            ref_key: "childComp",
-            ref: childComp,
-            "node-id": __props.nodeId
-          }, null, 8, ["node-id"])
-        ])) : createCommentVNode("", true)
-      ], 512);
-    };
-  }
-});
+const CloudStorageReader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8f1c7f30"]]);
 export {
-  _sfc_main as default
+  CloudStorageReader as default
 };

flowfile-0.3.8/flowfile/flowfile/web/static/assets/CloudStorageWriter-e3decbdd.js → flowfile-0.3.10/flowfile/flowfile/web/static/assets/CloudStorageWriter-071b8b00.js

@@ -1,10 +1,9 @@
-import { d as defineComponent, r as ref, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, a5 as withDirectives, F as Fragment, q as renderList, t as toDisplayString, ag as vModelSelect, g as createTextVNode, i as createCommentVNode, a6 as vModelText, h as createBlock, u as unref, z as ElMessage, _ as _export_sfc, n as onMounted, R as nextTick, a7 as Teleport } from "./index-f6c15e76.js";
-import { C as CodeLoader } from "./vue-content-loader.es-0371da73.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-2847001e.js";
-import { f as fetchCloudStorageConnectionsInterfaces } from "./api-6ef0dcef.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-71e11604.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-988d9efe.js";
-import "./designer-13eabd83.js";
+import { d as defineComponent, r as ref, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, a8 as withDirectives, ak as vModelSelect, F as Fragment, q as renderList, t as toDisplayString, g as createTextVNode, i as createCommentVNode, a9 as vModelText, h as createBlock, u as unref, z as ElMessage, _ as _export_sfc } from "./index-d0518598.js";
+import { C as CodeLoader } from "./vue-content-loader.es-7bca2d9b.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-9ed00d50.js";
+import { f as fetchCloudStorageConnectionsInterfaces } from "./api-271ed117.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-d3b2b2ac.js";
+import "./designer-bf3d9487.js";
 const createNodeCloudStorageWriter = (flowId, nodeId) => {
   const cloudStorageWriteSettings = {
     auth_mode: "aws-cli",
@@ -28,7 +27,7 @@ const createNodeCloudStorageWriter = (flowId, nodeId) => {
   };
   return nodeWriter;
 };
-const _hoisted_1$1 = {
+const _hoisted_1 = {
   key: 0,
   class: "cloud-storage-container"
 };
@@ -72,7 +71,7 @@ const _hoisted_20 = {
   key: 3,
   class: "info-box"
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CloudStorageWriter",
   props: {
     nodeId: {}
@@ -202,7 +201,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       pushNodeData
     });
     return (_ctx, _cache) => {
-      return dataLoaded.value && nodeCloudStorageWriter.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return dataLoaded.value && nodeCloudStorageWriter.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeCloudStorageWriter.value,
           "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => nodeCloudStorageWriter.value = $event)
@@ -357,74 +356,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CloudStorageWriter_vue_vue_type_style_index_0_scoped_55743049_lang = "";
-const CloudStorageReader = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-55743049"]]);
-const _hoisted_1 = { ref: "el" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "CloudStorageWriter",
-  props: {
-    nodeId: {
-      type: Number,
-      required: true
-    }
-  },
-  setup(__props) {
-    const nodeStore = useNodeStore();
-    const childComp = ref(null);
-    const props = __props;
-    const drawer = ref(false);
-    const closeOnDrawer = () => {
-      var _a;
-      drawer.value = false;
-      (_a = childComp.value) == null ? void 0 : _a.pushNodeData();
-    };
-    const openDrawer = async () => {
-      if (nodeStore.node_id === props.nodeId) {
-        return;
-      }
-      nodeStore.closeDrawer();
-      drawer.value = true;
-      const drawerOpen = nodeStore.isDrawerOpen;
-      nodeStore.isDrawerOpen = true;
-      await nextTick();
-      if (nodeStore.node_id === props.nodeId && drawerOpen) {
-        return;
-      }
-      if (childComp.value) {
-        childComp.value.loadNodeData(props.nodeId);
-        nodeStore.openDrawer(closeOnDrawer);
-      }
-    };
-    onMounted(async () => {
-      await nextTick();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(NodeButton, {
-          ref: "nodeButton",
-          "node-id": __props.nodeId,
-          "image-src": "cloud_storage_writer.png",
-          title: `${__props.nodeId}: Cloud storage writer`,
-          onClick: openDrawer
-        }, null, 8, ["node-id", "title"]),
-        drawer.value ? (openBlock(), createBlock(Teleport, {
-          key: 0,
-          to: "#nodesettings"
-        }, [
-          createVNode(NodeTitle, {
-            title: "Write data to cloud provider",
-            intro: "Write data to cloud provider"
-          }),
-          createVNode(CloudStorageReader, {
-            ref_key: "childComp",
-            ref: childComp,
-            "node-id": __props.nodeId
-          }, null, 8, ["node-id"])
-        ])) : createCommentVNode("", true)
-      ], 512);
-    };
-  }
-});
+const CloudStorageWriter_vue_vue_type_style_index_0_scoped_9ee12e64_lang = "";
+const CloudStorageWriter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9ee12e64"]]);
 export {
-  _sfc_main as default
+  CloudStorageWriter as default
 };

flowfile-0.3.8/flowfile/flowfile/web/static/assets/CloudStorageWriter-49c9a4b2.css → flowfile-0.3.10/flowfile/flowfile/web/static/assets/CloudStorageWriter-b0ee067f.css

@@ -1,42 +1,42 @@
 
 /* Copied styles from the reader component for consistency */
-.cloud-storage-container[data-v-55743049] {
+.cloud-storage-container[data-v-9ee12e64] {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
   max-width: 100%;
   color: #333;
 }
-.section-subtitle[data-v-55743049] {
+.section-subtitle[data-v-9ee12e64] {
   margin: 0 0 0.75rem 0;
   font-size: 0.95rem;
   font-weight: 600;
   color: #4a5568;
 }
-.subsection-title[data-v-55743049] {
+.subsection-title[data-v-9ee12e64] {
   margin: 0.5rem 0 0.5rem 0;
   font-size: 0.875rem;
   font-weight: 600;
   color: #718096;
 }
-.format-options[data-v-55743049] {
+.format-options[data-v-9ee12e64] {
   margin-top: 1rem;
   padding: 1rem;
   background-color: #f7fafc;
   border-radius: 4px;
   border: 1px solid #e2e8f0;
 }
-.form-row[data-v-55743049] {
+.form-row[data-v-9ee12e64] {
   display: flex;
   gap: 0.75rem;
   margin-bottom: 0.75rem;
   width: 100%;
   box-sizing: border-box;
 }
-.half[data-v-55743049] {
+.half[data-v-9ee12e64] {
   flex: 1;
   min-width: 0;
   max-width: calc(50% - 0.375rem);
 }
-.form-control[data-v-55743049] {
+.form-control[data-v-9ee12e64] {
   width: 100%;
   padding: 0.5rem;
   border: 1px solid #e2e8f0;
@@ -44,18 +44,18 @@
   font-size: 0.875rem;
   box-sizing: border-box;
 }
-.form-group[data-v-55743049] {
+.form-group[data-v-9ee12e64] {
   margin-bottom: 0.75rem;
   width: 100%;
 }
-label[data-v-55743049] {
+label[data-v-9ee12e64] {
   display: block;
   margin-bottom: 0.25rem;
   font-size: 0.875rem;
   font-weight: 500;
   color: #4a5568;
 }
-select.form-control[data-v-55743049] {
+select.form-control[data-v-9ee12e64] {
   appearance: none;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
@@ -63,7 +63,7 @@ select.form-control[data-v-55743049] {
   background-size: 1em;
   padding-right: 2rem;
 }
-.info-box[data-v-55743049] {
+.info-box[data-v-9ee12e64] {
   display: flex;
   gap: 0.75rem;
   padding: 0.75rem;
@@ -73,24 +73,24 @@ select.form-control[data-v-55743049] {
   margin-top: 1rem;
   font-size: 0.875rem;
 }
-.info-box.info-warn[data-v-55743049] {
+.info-box.info-warn[data-v-9ee12e64] {
   background-color: #fffbe6;
   border-left-color: #faad14;
 }
-.info-box.info-warn i[data-v-55743049] {
+.info-box.info-warn i[data-v-9ee12e64] {
   color: #faad14;
 }
-.info-box i[data-v-55743049] {
+.info-box i[data-v-9ee12e64] {
   color: #1890ff;
   font-size: 1.25rem;
   flex-shrink: 0;
   padding-top: 2px;
 }
-.info-box p[data-v-55743049] {
+.info-box p[data-v-9ee12e64] {
   margin: 0;
   color: #4a5568;
 }
-.helper-text[data-v-55743049] {
+.helper-text[data-v-9ee12e64] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -98,41 +98,41 @@ select.form-control[data-v-55743049] {
   font-size: 0.8125rem;
   color: #718096;
 }
-.helper-text i[data-v-55743049] {
+.helper-text i[data-v-9ee12e64] {
   color: #4299e1;
   font-size: 0.875rem;
 }
-.loading-state[data-v-55743049] {
+.loading-state[data-v-9ee12e64] {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.5rem;
   padding: 1rem;
 }
-.loading-state p[data-v-55743049] {
+.loading-state p[data-v-9ee12e64] {
   margin: 0;
   color: #718096;
   font-size: 0.875rem;
 }
-.loading-spinner[data-v-55743049] {
+.loading-spinner[data-v-9ee12e64] {
   width: 2rem;
   height: 2rem;
   border: 2px solid #e2e8f0;
   border-top-color: #4299e1;
   border-radius: 50%;
-  animation: spin-55743049 0.8s linear infinite;
+  animation: spin-9ee12e64 0.8s linear infinite;
 }
-@keyframes spin-55743049 {
+@keyframes spin-9ee12e64 {
 to {
     transform: rotate(360deg);
 }
 }
 @media (max-width: 640px) {
-.form-row[data-v-55743049] {
+.form-row[data-v-9ee12e64] {
     flex-direction: column;
     gap: 0.5rem;
 }
-.half[data-v-55743049] {
+.half[data-v-9ee12e64] {
     max-width: 100%;
 }
 }

flowfile-0.3.10/flowfile/flowfile/web/static/assets/ContextMenu-2dea5e27.js

@@ -0,0 +1,41 @@
+import { d as defineComponent, c as openBlock, e as createElementBlock, p as createBaseVNode, F as Fragment, q as renderList, s as normalizeClass, t as toDisplayString, T as normalizeStyle, _ as _export_sfc } from "./index-d0518598.js";
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenu",
+  props: {
+    position: { type: Object, required: true },
+    options: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ["select", "close"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const selectOption = (action) => {
+      emit("select", action);
+      emit("close");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "context-menu",
+        style: normalizeStyle({ top: __props.position.y + "px", left: __props.position.x + "px" })
+      }, [
+        createBaseVNode("ul", null, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+            return openBlock(), createElementBlock("li", {
+              key: option.action,
+              class: normalizeClass({ disabled: option.disabled }),
+              onClick: ($event) => !option.disabled && selectOption(option.action)
+            }, toDisplayString(option.label), 11, _hoisted_1);
+          }), 128))
+        ])
+      ], 4);
+    };
+  }
+});
+const ContextMenu_vue_vue_type_style_index_0_scoped_d0286fd2_lang = "";
+const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d0286fd2"]]);
+export {
+  ContextMenu as default
+};

flowfile-0.3.8/flowfile/flowfile/web/static/assets/SettingsSection-9c836ecc.css → flowfile-0.3.10/flowfile/flowfile/web/static/assets/ContextMenu-4c74eef1.css

@@ -24,24 +24,3 @@
 .context-menu li[data-v-a562ba5e]:hover:not(.disabled) {
   background-color: #f0f0f0;
 }
-
-.items-container[data-v-89e3a043] {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px; /* Space between items */
-}
-.item-box[data-v-89e3a043] {
-  display: flex;
-  align-items: center;
-  padding: 5px 10px;
-  background-color: #f0f0f0;
-  border-radius: 4px;
-  font-size: 12px; /* Font size set to 12px */
-  position: relative;
-}
-.remove-btn[data-v-89e3a043] {
-  margin-left: 8px;
-  cursor: pointer;
-  color: #100f0f72;
-  font-weight: bold;
-}

flowfile-0.3.10/flowfile/flowfile/web/static/assets/ContextMenu-63cfa99b.css

@@ -0,0 +1,26 @@
+
+.context-menu[data-v-d0286fd2] {
+  position: fixed;
+  z-index: 1000;
+  border: 1px solid #ccc;
+  background-color: white;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
+  user-select: none;
+}
+.context-menu ul[data-v-d0286fd2] {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.context-menu li[data-v-d0286fd2] {
+  padding: 8px 16px;
+  cursor: pointer;
+}
+.context-menu li.disabled[data-v-d0286fd2] {
+  color: #ccc;
+  cursor: not-allowed;
+}
+.context-menu li[data-v-d0286fd2]:hover:not(.disabled) {
+  background-color: #f0f0f0;
+}

flowfile-0.3.10/flowfile/flowfile/web/static/assets/ContextMenu-785554c4.js

@@ -0,0 +1,41 @@
+import { d as defineComponent, c as openBlock, e as createElementBlock, p as createBaseVNode, F as Fragment, q as renderList, s as normalizeClass, t as toDisplayString, T as normalizeStyle, _ as _export_sfc } from "./index-d0518598.js";
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenu",
+  props: {
+    position: { type: Object, required: true },
+    options: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ["select", "close"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const selectOption = (action) => {
+      emit("select", action);
+      emit("close");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "context-menu",
+        style: normalizeStyle({ top: __props.position.y + "px", left: __props.position.x + "px" })
+      }, [
+        createBaseVNode("ul", null, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+            return openBlock(), createElementBlock("li", {
+              key: option.action,
+              class: normalizeClass({ disabled: option.disabled }),
+              onClick: ($event) => !option.disabled && selectOption(option.action)
+            }, toDisplayString(option.label), 11, _hoisted_1);
+          }), 128))
+        ])
+      ], 4);
+    };
+  }
+});
+const ContextMenu_vue_vue_type_style_index_0_scoped_4f9e01e5_lang = "";
+const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4f9e01e5"]]);
+export {
+  ContextMenu as default
+};

flowfile-0.3.10/flowfile/flowfile/web/static/assets/ContextMenu-a51e19ea.js

@@ -0,0 +1,41 @@
+import { d as defineComponent, c as openBlock, e as createElementBlock, p as createBaseVNode, F as Fragment, q as renderList, s as normalizeClass, t as toDisplayString, T as normalizeStyle, _ as _export_sfc } from "./index-d0518598.js";
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenu",
+  props: {
+    position: { type: Object, required: true },
+    options: {
+      type: Array,
+      required: true
+    }
+  },
+  emits: ["select", "close"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const selectOption = (action) => {
+      emit("select", action);
+      emit("close");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "context-menu",
+        style: normalizeStyle({ top: __props.position.y + "px", left: __props.position.x + "px" })
+      }, [
+        createBaseVNode("ul", null, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+            return openBlock(), createElementBlock("li", {
+              key: option.action,
+              class: normalizeClass({ disabled: option.disabled }),
+              onClick: ($event) => !option.disabled && selectOption(option.action)
+            }, toDisplayString(option.label), 11, _hoisted_1);
+          }), 128))
+        ])
+      ], 4);
+    };
+  }
+});
+const ContextMenu_vue_vue_type_style_index_0_scoped_a562ba5e_lang = "";
+const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a562ba5e"]]);
+export {
+  ContextMenu as default
+};