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

flowfile/web/static/assets/ContextMenu-70ae0c79.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_d0286fd2_lang = "";
+const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d0286fd2"]]);
+export {
+  ContextMenu as default
+};

flowfile/web/static/assets/ContextMenu-c13f91d0.css

@@ -0,0 +1,26 @@
+
+.context-menu[data-v-4f9e01e5] {
+  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-4f9e01e5] {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.context-menu li[data-v-4f9e01e5] {
+  padding: 8px 16px;
+  cursor: pointer;
+}
+.context-menu li.disabled[data-v-4f9e01e5] {
+  color: #ccc;
+  cursor: not-allowed;
+}
+.context-menu li[data-v-4f9e01e5]:hover:not(.disabled) {
+  background-color: #f0f0f0;
+}

flowfile/web/static/assets/ContextMenu-f149cf7c.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_a562ba5e_lang = "";
+const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a562ba5e"]]);
+export {
+  ContextMenu as default
+};

flowfile/web/static/assets/{CrossJoin-41efa4cb.css → CrossJoin-1119d18e.css}

@@ -1,10 +1,10 @@
 
-.selectors-row[data-v-de068ad8] {
+.selectors-row[data-v-e594e542] {
   display: flex;
   justify-content: space-between;
   margin-bottom: 10px; /* Spacing between rows */
 }
-.context-menu[data-v-de068ad8] {
+.context-menu[data-v-e594e542] {
   position: fixed;
   z-index: 1000;
   border: 1px solid #ccc;
@@ -14,7 +14,7 @@
   border-radius: 4px;
   user-select: none;
 }
-.context-menu button[data-v-de068ad8] {
+.context-menu button[data-v-e594e542] {
   display: block;
   background: none;
   border: none;
@@ -24,17 +24,17 @@
   cursor: pointer;
   z-index: 100;
 }
-.context-menu button[data-v-de068ad8]:hover {
+.context-menu button[data-v-e594e542]:hover {
   background-color: #f0f0f0;
 }
-.table-wrapper[data-v-de068ad8] {
+.table-wrapper[data-v-e594e542] {
   max-height: 250px; /* 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-de068ad8] {
+.context-menu[data-v-e594e542] {
   position: fixed;
   z-index: 1000;
   border: 1px solid #ccc;
@@ -42,39 +42,39 @@
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
   border-radius: 4px;
 }
-.context-menu ul[data-v-de068ad8] {
+.context-menu ul[data-v-e594e542] {
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.context-menu li[data-v-de068ad8] {
+.context-menu li[data-v-e594e542] {
   padding: 8px 16px;
   cursor: pointer;
 }
-.context-menu li[data-v-de068ad8]:hover {
+.context-menu li[data-v-e594e542]:hover {
   background-color: #f0f0f0;
 }
-.selectors-container[data-v-de068ad8] {
+.selectors-container[data-v-e594e542] {
   display: flex;
   flex-direction: column;
 }
-.selectors-row[data-v-de068ad8] {
+.selectors-row[data-v-e594e542] {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.add-button-container[data-v-de068ad8] {
+.add-button-container[data-v-e594e542] {
   padding-left: 20px; /* Adjust as needed */
   display: flex;
   align-items: center;
 }
-.action-buttons[data-v-de068ad8] {
+.action-buttons[data-v-e594e542] {
   display: flex;
   align-items: center;
   justify-content: flex-end; /* Adjust if needed */
 }
-.remove-join-button[data-v-de068ad8],
-.add-join-button[data-v-de068ad8] {
+.remove-join-button[data-v-e594e542],
+.add-join-button[data-v-e594e542] {
   cursor: pointer;
   margin-left: 10px; /* Space between buttons */
   padding: 0 6px; /* Adjust padding */
@@ -83,17 +83,17 @@
   min-width: 30px; /* Minimum width to ensure buttons don't shrink */
   text-align: center; /* Ensure the symbols are centered */
 }
-.selectors-header[data-v-de068ad8] {
+.selectors-header[data-v-e594e542] {
   display: flex;
   justify-content: space-between;
   padding: 0 15px; /* Adjust padding for finer control */
 }
-.selectors-title[data-v-de068ad8] {
+.selectors-title[data-v-e594e542] {
   flex: 1; /* Adjust this based on your needs */
   text-align: center; /* Center the titles */
   padding: 0 10px; /* Add padding to ensure alignment with the columns below */
 }
-.action-buttons[data-v-de068ad8] {
+.action-buttons[data-v-e594e542] {
   flex-basis: 60px; /* Adjust according to the width of your buttons */
   display: flex;
   justify-content: center; /* Center the buttons within the action column */

flowfile/web/static/assets/{CrossJoin-9e156ebe.js → CrossJoin-702a3edd.js}

@@ -1,15 +1,14 @@
-import { C as CodeLoader } from "./vue-content-loader.es-ba94b82f.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-dc5e3348.js";
-import { s as selectDynamic } from "./selectDynamic-de91449a.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-def5879b.js";
-import { d as defineComponent, r as ref, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, h as createBlock, u as unref, _ as _export_sfc, n as onMounted, R as nextTick, a7 as Teleport, i as createCommentVNode } from "./index-683fc198.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a16db7c3.js";
-import "./UnavailableFields-8b0cb48e.js";
-import "./designer-6c322d8e.js";
-const _hoisted_1$1 = { key: 0 };
+import { C as CodeLoader } from "./vue-content-loader.es-2c8e608f.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-41b0e0d7.js";
+import { s as selectDynamic } from "./selectDynamic-92e25ee3.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-4fe5f36b.js";
+import { d as defineComponent, r as ref, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, h as createBlock, u as unref, _ as _export_sfc } from "./index-5429bbf8.js";
+import "./UnavailableFields-a03f512c.js";
+import "./designer-9633482a.js";
+const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { class: "listbox-wrapper" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "crossJoin",
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CrossJoin",
   setup(__props, { expose: __expose }) {
     const result = ref(null);
     const nodeStore = useNodeStore();
@@ -31,19 +30,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         console.log("Data loaded");
         dataLoaded.value = true;
       }
-      nodeStore.isDrawerOpen = true;
     };
     const pushNodeData = async () => {
       console.log("Pushing node data");
       nodeStore.updateSettings(nodeCrossJoin);
-      nodeStore.isDrawerOpen = false;
     };
     __expose({
       loadNodeData,
       pushNodeData
     });
     return (_ctx, _cache) => {
-      return dataLoaded.value && nodeCrossJoin.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return dataLoaded.value && nodeCrossJoin.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeCrossJoin.value,
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => nodeCrossJoin.value = $event)
@@ -79,75 +76,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const crossJoin_vue_vue_type_style_index_0_scoped_de068ad8_lang = "";
-const joinInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-de068ad8"]]);
-const _hoisted_1 = { ref: "el" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "CrossJoin",
-  props: {
-    nodeId: {
-      type: Number,
-      required: true
-    }
-  },
-  setup(__props) {
-    const nodeStore = useNodeStore();
-    const childComp = ref(null);
-    const drawer = ref(false);
-    const props = __props;
-    const closeOnDrawer = () => {
-      var _a;
-      (_a = childComp.value) == null ? void 0 : _a.pushNodeData();
-      drawer.value = false;
-      nodeStore.isDrawerOpen = false;
-    };
-    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": "cross_join.png",
-          title: `${__props.nodeId}: Join`,
-          onClick: openDrawer
-        }, null, 8, ["node-id", "title"]),
-        drawer.value ? (openBlock(), createBlock(Teleport, {
-          key: 0,
-          to: "#nodesettings"
-        }, [
-          createVNode(NodeTitle, {
-            title: "Join",
-            intro: "Combine datasets based on one or more columns."
-          }),
-          createVNode(joinInput, {
-            ref_key: "childComp",
-            ref: childComp,
-            "node-id": __props.nodeId
-          }, null, 8, ["node-id"])
-        ])) : createCommentVNode("", true)
-      ], 512);
-    };
-  }
-});
+const CrossJoin_vue_vue_type_style_index_0_scoped_e594e542_lang = "";
+const CrossJoin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e594e542"]]);
 export {
-  _sfc_main as default
+  CrossJoin as default
 };

flowfile/web/static/assets/CustomNode-74a37f74.css

@@ -0,0 +1,32 @@
+
+.custom-node-wrapper[data-v-d7137248] {
+  padding: 1.5rem;
+  background-color: #f9fafb; /* bg-gray-50 */
+}
+.node-header[data-v-d7137248] {
+  padding-bottom: 1rem;
+  border-bottom: 1px solid #e5e7eb; /* border-gray-200 */
+  margin-bottom: 1.5rem;
+}
+.node-title[data-v-d7137248] {
+  font-size: 1.25rem; /* text-xl */
+  font-weight: 700; /* font-bold */
+  color: #1f2937; /* text-gray-800 */
+}
+.node-category[data-v-d7137248] {
+  font-size: 0.875rem; /* text-sm */
+  color: #6b7280; /* text-gray-500 */
+  margin-top: 0.25rem;
+}
+.section-description[data-v-d7137248] {
+  font-size: 0.875rem;
+  color: #6b7280; /* text-gray-500 */
+  margin-top: 0.25rem;
+  margin-bottom: 1.25rem;
+  padding-left: 0.5rem;
+}
+.components-container[data-v-d7137248] {
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem; /* space-y-5 */
+}

flowfile/web/static/assets/CustomNode-b1519993.js

@@ -0,0 +1,211 @@
+import { a as axios, d as defineComponent, r as ref, c as openBlock, e as createElementBlock, p as createBaseVNode, g as createTextVNode, t as toDisplayString, f as createVNode, w as withCtx, F as Fragment, q as renderList, a8 as withDirectives, af as vShow, i as createCommentVNode, h as createBlock, _ as _export_sfc } from "./index-5429bbf8.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-41b0e0d7.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-4fe5f36b.js";
+import { _ as _sfc_main$3 } from "./MultiSelect.vue_vue_type_script_setup_true_lang-b0e538c2.js";
+import { _ as _sfc_main$5 } from "./ToggleSwitch.vue_vue_type_script_setup_true_lang-38478c20.js";
+import { _ as _sfc_main$1 } from "./TextInput.vue_vue_type_script_setup_true_lang-5896c375.js";
+import { _ as _sfc_main$2 } from "./NumericInput.vue_vue_type_script_setup_true_lang-e0edeccc.js";
+import SliderInput from "./SliderInput-7cb93e62.js";
+import { _ as _sfc_main$4 } from "./SingleSelect.vue_vue_type_script_setup_true_lang-33e3ff9b.js";
+import ColumnSelector from "./ColumnSelector-4685e75d.js";
+import "./designer-9633482a.js";
+async function getCustomNodeSchema(flowId, nodeId) {
+  const response = await axios.get(
+    `/user_defined_components/custom-node-schema`,
+    {
+      params: { flow_id: flowId, node_id: nodeId },
+      headers: { accept: "application/json" }
+    }
+  );
+  return response.data;
+}
+const _hoisted_1 = {
+  key: 0,
+  class: "p-4 text-center text-gray-500"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "p-4 text-red-600 bg-red-100 rounded-md"
+};
+const _hoisted_3 = {
+  key: 2,
+  class: "custom-node-wrapper"
+};
+const _hoisted_4 = { class: "listbox-subtitle" };
+const _hoisted_5 = {
+  key: 0,
+  class: "section-description"
+};
+const _hoisted_6 = { class: "components-container" };
+const _hoisted_7 = {
+  key: 7,
+  class: "text-red-500 text-xs"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CustomNode",
+  setup(__props, { expose: __expose }) {
+    const schema = ref(null);
+    const formData = ref(null);
+    const loading = ref(true);
+    const error = ref("");
+    const nodeStore = useNodeStore();
+    const nodeData = ref(null);
+    const availableColumns = ref([]);
+    const currentNodeId = ref(null);
+    const nodeUserDefined = ref(null);
+    const columnTypes = ref([]);
+    const loadNodeData = async (nodeId) => {
+      var _a, _b, _c;
+      loading.value = true;
+      error.value = "";
+      currentNodeId.value = nodeId;
+      try {
+        const inputNodeData = await nodeStore.getNodeData(nodeId, false);
+        if (!inputNodeData) {
+          return;
+        }
+        const [schemaData] = await Promise.all([getCustomNodeSchema(nodeStore.flow_id, nodeId)]);
+        console.log("schemaData", schemaData);
+        schema.value = schemaData;
+        nodeData.value = inputNodeData;
+        nodeUserDefined.value = (_a = nodeData.value) == null ? void 0 : _a.setting_input;
+        if (!((_b = nodeData.value) == null ? void 0 : _b.setting_input.is_setup) && nodeUserDefined.value) {
+          nodeUserDefined.value.settings = {};
+        }
+        if ((_c = inputNodeData == null ? void 0 : inputNodeData.main_input) == null ? void 0 : _c.columns) {
+          availableColumns.value = inputNodeData.main_input.columns;
+          columnTypes.value = inputNodeData.main_input.table_schema;
+        } else {
+          console.warn(
+            `No main_input or columns found for node ${nodeId}. Select components may be empty.`
+          );
+        }
+        initializeFormData(schemaData, inputNodeData == null ? void 0 : inputNodeData.setting_input);
+      } catch (err) {
+        error.value = err.message || "An unknown error occurred while loading node data.";
+      } finally {
+        loading.value = false;
+      }
+    };
+    const pushNodeData = async () => {
+      if (!nodeData.value || currentNodeId.value === null) {
+        console.warn("Cannot push data: node data or ID is not available.");
+        return;
+      }
+      if (nodeUserDefined.value) {
+        nodeUserDefined.value.settings = formData.value;
+        nodeUserDefined.value.is_user_defined = true;
+        nodeUserDefined.value.is_setup = true;
+      }
+      console.log(JSON.stringify(formData.value, null, 2));
+      nodeStore.updateUserDefinedSettings(nodeUserDefined);
+    };
+    function initializeFormData(schemaData, savedSettings) {
+      var _a;
+      const data = {};
+      for (const sectionKey in schemaData.settings_schema) {
+        data[sectionKey] = {};
+        const section = schemaData.settings_schema[sectionKey];
+        for (const componentKey in section.components) {
+          const component = section.components[componentKey];
+          const savedValue = (_a = savedSettings == null ? void 0 : savedSettings[sectionKey]) == null ? void 0 : _a[componentKey];
+          if (savedValue !== void 0) {
+            data[sectionKey][componentKey] = savedValue;
+          } else if (component.value !== void 0) {
+            data[sectionKey][componentKey] = component.value;
+          } else {
+            let defaultValue = component.default ?? null;
+            if (component.input_type === "array" && defaultValue === null) {
+              defaultValue = [];
+            }
+            data[sectionKey][componentKey] = defaultValue;
+          }
+        }
+      }
+      formData.value = data;
+    }
+    __expose({
+      loadNodeData,
+      pushNodeData
+    });
+    return (_ctx, _cache) => {
+      return loading.value ? (openBlock(), createElementBlock("div", _hoisted_1, "Loading Node UI...")) : error.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        _cache[1] || (_cache[1] = createBaseVNode("strong", null, "Error:", -1)),
+        createTextVNode(" " + toDisplayString(error.value), 1)
+      ])) : schema.value && formData.value && nodeUserDefined.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        createVNode(GenericNodeSettings, {
+          modelValue: nodeUserDefined.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => nodeUserDefined.value = $event)
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(schema.value.settings_schema, (section, sectionKey) => {
+              return withDirectives((openBlock(), createElementBlock("div", {
+                key: sectionKey,
+                class: "listbox-wrapper"
+              }, [
+                createBaseVNode("div", _hoisted_4, toDisplayString(section.title || sectionKey.toString().replace(/_/g, " ")), 1),
+                section.description ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(section.description), 1)) : createCommentVNode("", true),
+                createBaseVNode("div", _hoisted_6, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(section.components, (component, componentKey) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: componentKey,
+                      class: "component-item"
+                    }, [
+                      component.component_type === "TextInput" ? (openBlock(), createBlock(_sfc_main$1, {
+                        key: 0,
+                        modelValue: formData.value[sectionKey][componentKey],
+                        "onUpdate:modelValue": ($event) => formData.value[sectionKey][componentKey] = $event,
+                        schema: component
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"])) : component.component_type === "NumericInput" ? (openBlock(), createBlock(_sfc_main$2, {
+                        key: 1,
+                        modelValue: formData.value[sectionKey][componentKey],
+                        "onUpdate:modelValue": ($event) => formData.value[sectionKey][componentKey] = $event,
+                        schema: component
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"])) : component.component_type === "SliderInput" ? (openBlock(), createBlock(SliderInput, {
+                        key: 2,
+                        modelValue: formData.value[sectionKey][componentKey],
+                        "onUpdate:modelValue": ($event) => formData.value[sectionKey][componentKey] = $event,
+                        schema: component
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"])) : component.component_type === "MultiSelect" ? (openBlock(), createBlock(_sfc_main$3, {
+                        key: 3,
+                        modelValue: formData.value[sectionKey][componentKey],
+                        "onUpdate:modelValue": ($event) => formData.value[sectionKey][componentKey] = $event,
+                        schema: component,
+                        "incoming-columns": availableColumns.value
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "incoming-columns"])) : component.component_type === "SingleSelect" ? (openBlock(), createBlock(_sfc_main$4, {
+                        key: 4,
+                        modelValue: formData.value[sectionKey][componentKey],
+                        "onUpdate:modelValue": ($event) => formData.value[sectionKey][componentKey] = $event,
+                        schema: component,
+                        "incoming-columns": availableColumns.value
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "incoming-columns"])) : component.component_type === "ToggleSwitch" ? (openBlock(), createBlock(_sfc_main$5, {
+                        key: 5,
+                        modelValue: formData.value[sectionKey][componentKey],
+                        "onUpdate:modelValue": ($event) => formData.value[sectionKey][componentKey] = $event,
+                        schema: component
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"])) : component.component_type === "ColumnSelector" ? (openBlock(), createBlock(ColumnSelector, {
+                        key: 6,
+                        modelValue: formData.value[sectionKey][componentKey],
+                        "onUpdate:modelValue": ($event) => formData.value[sectionKey][componentKey] = $event,
+                        schema: component,
+                        "incoming-columns": columnTypes.value
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "incoming-columns"])) : (openBlock(), createElementBlock("div", _hoisted_7, " Unknown component type: " + toDisplayString(component.component_type), 1))
+                    ]);
+                  }), 128))
+                ])
+              ])), [
+                [vShow, !section.hidden]
+              ]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const CustomNode_vue_vue_type_style_index_0_scoped_d7137248_lang = "";
+const CustomNode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d7137248"]]);
+export {
+  CustomNode as default
+};

flowfile/web/static/assets/{DatabaseConnectionSettings-d5c625b3.js → DatabaseConnectionSettings-6f3e4ea5.js}

@@ -1,5 +1,5 @@
-import { f as fetchSecretsApi } from "./secretApi-baceb6f9.js";
-import { d as defineComponent, r as ref, n as onMounted, c as openBlock, e as createElementBlock, p as createBaseVNode, t as toDisplayString, F as Fragment, q as renderList, i as createCommentVNode, _ as _export_sfc } from "./index-683fc198.js";
+import { f as fetchSecretsApi } from "./secretApi-68435402.js";
+import { d as defineComponent, r as ref, n as onMounted, c as openBlock, e as createElementBlock, p as createBaseVNode, t as toDisplayString, F as Fragment, q as renderList, i as createCommentVNode, _ as _export_sfc } from "./index-5429bbf8.js";
 const _hoisted_1 = { class: "connection-settings-container" };
 const _hoisted_2 = { class: "toggle-button" };
 const _hoisted_3 = {
@@ -147,5 +147,5 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 const DatabaseConnectionSettings_vue_vue_type_style_index_0_scoped_2fd11b08_lang = "";
 const DatabaseConnectionSettings = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2fd11b08"]]);
 export {
-  DatabaseConnectionSettings as D
+  DatabaseConnectionSettings as default
 };

flowfile/web/static/assets/{DatabaseManager-265adc5e.js → DatabaseManager-cf5ef661.js}

@@ -1,5 +1,5 @@
-import { f as fetchDatabaseConnectionsInterfaces, c as createDatabaseConnectionApi, d as deleteDatabaseConnectionApi } from "./api-023d1733.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, ah as vModelDynamic, s as normalizeClass, ai as vModelCheckbox, t as toDisplayString, v as withModifiers, n as onMounted, g as createTextVNode, F as Fragment, q as renderList, 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 fetchDatabaseConnectionsInterfaces, c as createDatabaseConnectionApi, d as deleteDatabaseConnectionApi } from "./api-cf1221f0.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, al as vModelDynamic, s as normalizeClass, am as vModelCheckbox, t as toDisplayString, v as withModifiers, n as onMounted, g as createTextVNode, F as Fragment, q as renderList, 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/{DatabaseReader-f50c6558.css → DatabaseReader-ae61773c.css}

@@ -1,31 +1,4 @@
 
-.query-section[data-v-29602f2f] {
-  margin-top: 1rem;
-  padding-top: 1rem;
-  border-top: 1px solid #edf2f7;
-}
-.section-subtitle[data-v-29602f2f] {
-  margin: 0 0 0.75rem 0;
-  font-size: 0.95rem;
-  font-weight: 600;
-  color: #4a5568;
-}
-.form-group[data-v-29602f2f] {
-  margin-bottom: 1rem;
-}
-.form-control[data-v-29602f2f] {
-  width: 100%;
-  padding: 0.5rem;
-  border: 1px solid #e2e8f0;
-  border-radius: 4px;
-  font-size: 0.875rem;
-}
-.textarea[data-v-29602f2f] {
-  resize: vertical;
-  min-height: 100px;
-  font-family: monospace;
-}
-
 .db-container[data-v-ae4d7dc5] {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
   max-width: 100%;