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

flowfile/__init__.py

@@ -7,7 +7,9 @@ This package ties together the FlowFile ecosystem components:
 - flowfile_worker: Computation engine
 """
 
-__version__ = "0.3.9"
+from importlib.metadata import version
+
+__version__ = version("Flowfile")
 
 import os
 import logging
@@ -62,6 +64,9 @@ from polars.datatypes import (
     DataType, DataTypeClass, Field
 )
 
+from flowfile_core.flowfile import node_designer
+
+
 __all__ = [
     # Core FlowFrame classes
     'FlowFrame', 'GroupByFrame', 'FullCloudStorageConnection',
@@ -84,6 +89,8 @@ __all__ = [
     'categorical', 'object_', 'list_', 'struct', 'all_',
     'by_dtype', 'contains', 'starts_with', 'ends_with', 'matches',
 
+    "node_designer",
+
     # Utilities
     'create_flow_graph', 'open_graph_in_editor',
 

flowfile/api.py

@@ -331,7 +331,6 @@ def import_flow_to_editor(flow_path: Path, auth_token: str) -> Optional[int]:
     try:
         headers: Dict[str, str] = {"Authorization": f"Bearer {auth_token}"}
         params: Dict[str, str] = {"flow_path": str(flow_path)}
-
         response: requests.Response = requests.get(
             f"{FLOWFILE_BASE_URL}/import_flow/",
             params=params,
@@ -440,7 +439,7 @@ def open_graph_in_editor(flow_graph: FlowGraph, storage_location: Optional[str]
     temp_dir_obj: Optional[TemporaryDirectory] = None
     try:
         original_execution_settings = flow_graph.flow_settings.model_copy()
-        flow_graph.flow_settings.execution_location = "auto"
+        flow_graph.flow_settings.execution_location = "local"
         flow_graph.flow_settings.execution_mode = "Development"
         flow_file_path, temp_dir_obj = _save_flow_to_location(flow_graph, storage_location)
         if not flow_file_path:
@@ -455,7 +454,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/web/static/assets/{CloudConnectionManager-c97c25f8.js → CloudConnectionManager-0dfba9f2.js}

@@ -1,5 +1,5 @@
-import { f as fetchCloudStorageConnectionsInterfaces, c as createCloudStorageConnectionApi, d as deleteCloudStorageConnectionApi } from "./api-cb00cce6.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-683fc198.js";
+import { f as fetchCloudStorageConnectionsInterfaces, c as createCloudStorageConnectionApi, d as deleteCloudStorageConnectionApi } from "./api-c1bad5ca.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-5429bbf8.js";
 const _hoisted_1$1 = { class: "form-grid" };
 const _hoisted_2$1 = { class: "form-field" };
 const _hoisted_3$1 = { class: "form-field" };

flowfile/web/static/assets/{CloudStorageReader-f1ff509e.js → CloudStorageReader-d5b1b6c9.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-683fc198.js";
-import { C as CodeLoader } from "./vue-content-loader.es-ba94b82f.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-dc5e3348.js";
-import { f as fetchCloudStorageConnectionsInterfaces } from "./api-cb00cce6.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-def5879b.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a16db7c3.js";
-import "./designer-6c322d8e.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-5429bbf8.js";
+import { C as CodeLoader } from "./vue-content-loader.es-2c8e608f.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-41b0e0d7.js";
+import { f as fetchCloudStorageConnectionsInterfaces } from "./api-c1bad5ca.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-4fe5f36b.js";
+import "./designer-9633482a.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/web/static/assets/{CloudStorageWriter-034f8b78.js → CloudStorageWriter-00d87aad.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-683fc198.js";
-import { C as CodeLoader } from "./vue-content-loader.es-ba94b82f.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-dc5e3348.js";
-import { f as fetchCloudStorageConnectionsInterfaces } from "./api-cb00cce6.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-def5879b.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a16db7c3.js";
-import "./designer-6c322d8e.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-5429bbf8.js";
+import { C as CodeLoader } from "./vue-content-loader.es-2c8e608f.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-41b0e0d7.js";
+import { f as fetchCloudStorageConnectionsInterfaces } from "./api-c1bad5ca.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-4fe5f36b.js";
+import "./designer-9633482a.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/web/static/assets/{CloudStorageWriter-49c9a4b2.css → 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/web/static/assets/ColumnSelector-4685e75d.js

@@ -0,0 +1,83 @@
+import { d as defineComponent, l as computed, b as resolveComponent, c as openBlock, e as createElementBlock, p as createBaseVNode, g as createTextVNode, t as toDisplayString, i as createCommentVNode, f as createVNode, w as withCtx, F as Fragment, q as renderList, h as createBlock, _ as _export_sfc } from "./index-5429bbf8.js";
+const _hoisted_1 = { class: "component-container" };
+const _hoisted_2 = { class: "listbox-subtitle" };
+const _hoisted_3 = {
+  key: 0,
+  class: "required-indicator"
+};
+const _hoisted_4 = { class: "column-type" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ColumnSelector",
+  props: {
+    schema: {
+      type: Object,
+      required: true
+    },
+    modelValue: {
+      type: [String, Array],
+      default: () => []
+    },
+    incomingColumns: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const filteredColumns = computed(() => {
+      console.log("props.schem.data_types", props.schema);
+      console.log("incoming columns", props.incomingColumns);
+      if (!props.schema.data_types || props.schema.data_types === "ALL") {
+        return props.incomingColumns;
+      }
+      if (Array.isArray(props.schema.data_types)) {
+        return props.incomingColumns.filter((column) => {
+          return props.schema.data_types.includes(column.data_type);
+        });
+      }
+      return props.incomingColumns;
+    });
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createBaseVNode("label", _hoisted_2, [
+          createTextVNode(toDisplayString(__props.schema.label) + " ", 1),
+          __props.schema.required ? (openBlock(), createElementBlock("span", _hoisted_3, "*")) : createCommentVNode("", true)
+        ]),
+        createVNode(_component_el_select, {
+          "model-value": __props.modelValue,
+          multiple: __props.schema.multiple,
+          filterable: "",
+          placeholder: __props.schema.multiple ? "Select columns..." : "Select a column...",
+          style: { "width": "100%" },
+          size: "large",
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(filteredColumns.value, (column) => {
+              return openBlock(), createBlock(_component_el_option, {
+                key: column.name,
+                label: column.name,
+                value: column.name
+              }, {
+                default: withCtx(() => [
+                  createBaseVNode("span", null, toDisplayString(column.name), 1),
+                  createBaseVNode("span", _hoisted_4, toDisplayString(column.data_type), 1)
+                ]),
+                _: 2
+              }, 1032, ["label", "value"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value", "multiple", "placeholder"])
+      ]);
+    };
+  }
+});
+const ColumnSelector_vue_vue_type_style_index_0_scoped_ee9d221e_lang = "";
+const ColumnSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ee9d221e"]]);
+export {
+  ColumnSelector as default
+};

flowfile/web/static/assets/ColumnSelector-47996a16.css

@@ -0,0 +1,10 @@
+
+.required-indicator[data-v-ee9d221e] {
+  color: #f56c6c;
+  margin-left: 4px;
+}
+.column-type[data-v-ee9d221e] {
+  font-size: 0.75rem;
+  color: #909399;
+  margin-left: 8px;
+}

flowfile/web/static/assets/ContextMenu-23e909da.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-5429bbf8.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/web/static/assets/{SettingsSection-9c836ecc.css → 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/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;
+}