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

flowfile/web/static/assets/ColumnActionInput-f4189ae0.js

@@ -0,0 +1,330 @@
+import { d as defineComponent, r as ref, B as computed, C as watch, F as onMounted, l as onUnmounted, m as resolveComponent, o as openBlock, c as createElementBlock, a as createBaseVNode, t as toDisplayString, p as createVNode, q as withCtx, G as Fragment, H as renderList, y as createBlock, e as createCommentVNode, n as normalizeClass, w as withModifiers, a0 as normalizeStyle, x as unref, at as ElIcon, g as _export_sfc } from "./index-387a6f18.js";
+import { d as delete_default } from "./DesignerView-f64749fb.js";
+import "./PopOver-862d7e28.js";
+import "./index-f0a6e5a5.js";
+import "./vue-codemirror.esm-31ba0e0b.js";
+const _hoisted_1 = { class: "component-container" };
+const _hoisted_2 = { class: "listbox-subtitle" };
+const _hoisted_3 = {
+  key: 0,
+  class: "config-section"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "config-row"
+};
+const _hoisted_5 = { class: "column-type" };
+const _hoisted_6 = {
+  key: 1,
+  class: "config-row"
+};
+const _hoisted_7 = { class: "column-type" };
+const _hoisted_8 = { class: "column-list-wrapper" };
+const _hoisted_9 = { class: "listbox" };
+const _hoisted_10 = ["onClick", "onContextmenu"];
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = {
+  key: 2,
+  class: "table-wrapper"
+};
+const _hoisted_13 = { class: "styled-table" };
+const _hoisted_14 = { class: "action-cell" };
+const _hoisted_15 = {
+  key: 3,
+  class: "empty-state"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ColumnActionInput",
+  props: {
+    schema: {
+      type: Object,
+      required: true
+    },
+    modelValue: {
+      type: Object,
+      default: () => ({
+        rows: [],
+        group_by_columns: [],
+        order_by_column: null
+      })
+    },
+    incomingColumns: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const localValue = ref({
+      rows: [],
+      group_by_columns: [],
+      order_by_column: null
+    });
+    const selectedColumns = ref([]);
+    const showContextMenu = ref(false);
+    const contextMenuPosition = ref({ x: 0, y: 0 });
+    const contextMenuRef = ref(null);
+    const firstSelectedIndex = ref(null);
+    const allColumns = computed(() => props.incomingColumns);
+    const filteredColumns = computed(() => {
+      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) => props.schema.data_types.includes(column.data_type)
+        );
+      }
+      return props.incomingColumns;
+    });
+    watch(
+      () => props.modelValue,
+      (newValue) => {
+        if (newValue) {
+          localValue.value = {
+            rows: newValue.rows || [],
+            group_by_columns: newValue.group_by_columns || [],
+            order_by_column: newValue.order_by_column || null
+          };
+        }
+      },
+      { immediate: true, deep: true }
+    );
+    const emitUpdate = () => {
+      emit("update:modelValue", { ...localValue.value });
+    };
+    const generateOutputName = (column, action) => {
+      return props.schema.output_name_template.replace("{column}", column).replace("{action}", action);
+    };
+    const handleColumnClick = (clickedIndex, columnName, event) => {
+      if (event.shiftKey && firstSelectedIndex.value !== null) {
+        const start = Math.min(firstSelectedIndex.value, clickedIndex);
+        const end = Math.max(firstSelectedIndex.value, clickedIndex);
+        selectedColumns.value = filteredColumns.value.slice(start, end + 1).map((col) => col.name);
+      } else {
+        if (selectedColumns.value.length === 1 && selectedColumns.value[0] === columnName) {
+          selectedColumns.value = [];
+          firstSelectedIndex.value = null;
+        } else {
+          firstSelectedIndex.value = clickedIndex;
+          selectedColumns.value = [columnName];
+        }
+      }
+    };
+    const openContextMenu = (columnName, event) => {
+      event.preventDefault();
+      if (!selectedColumns.value.includes(columnName)) {
+        selectedColumns.value = [columnName];
+      }
+      contextMenuPosition.value = { x: event.clientX, y: event.clientY };
+      showContextMenu.value = true;
+    };
+    const addRow = (action) => {
+      selectedColumns.value.forEach((column) => {
+        const newRow = {
+          column,
+          action,
+          output_name: generateOutputName(column, action)
+        };
+        localValue.value.rows.push(newRow);
+      });
+      showContextMenu.value = false;
+      selectedColumns.value = [];
+      emitUpdate();
+    };
+    const removeRow = (index) => {
+      localValue.value.rows.splice(index, 1);
+      emitUpdate();
+    };
+    const updateOutputName = (index) => {
+      const row = localValue.value.rows[index];
+      row.output_name = generateOutputName(row.column, row.action);
+      emitUpdate();
+    };
+    const handleClickOutside = (event) => {
+      var _a;
+      if (!((_a = contextMenuRef.value) == null ? void 0 : _a.contains(event.target))) {
+        showContextMenu.value = false;
+      }
+    };
+    onMounted(() => {
+      window.addEventListener("click", handleClickOutside);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("click", handleClickOutside);
+    });
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_button = resolveComponent("el-button");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createBaseVNode("label", _hoisted_2, toDisplayString(__props.schema.label), 1),
+        __props.schema.show_group_by || __props.schema.show_order_by ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          __props.schema.show_group_by ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            _cache[2] || (_cache[2] = createBaseVNode("label", { class: "config-label" }, "Group By (optional)", -1)),
+            createVNode(_component_el_select, {
+              modelValue: localValue.value.group_by_columns,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localValue.value.group_by_columns = $event),
+              multiple: "",
+              filterable: "",
+              placeholder: "Select columns to group by...",
+              style: { "width": "100%" },
+              onChange: emitUpdate
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(allColumns.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_5, toDisplayString(column.data_type), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])) : createCommentVNode("", true),
+          __props.schema.show_order_by ? (openBlock(), createElementBlock("div", _hoisted_6, [
+            _cache[3] || (_cache[3] = createBaseVNode("label", { class: "config-label" }, "Order By (optional)", -1)),
+            createVNode(_component_el_select, {
+              modelValue: localValue.value.order_by_column,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => localValue.value.order_by_column = $event),
+              filterable: "",
+              clearable: "",
+              placeholder: "Select column to order by...",
+              style: { "width": "100%" },
+              onChange: emitUpdate
+            }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(allColumns.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_7, toDisplayString(column.data_type), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        createBaseVNode("div", _hoisted_8, [
+          _cache[4] || (_cache[4] = createBaseVNode("div", { class: "listbox-subtitle" }, "Available Columns", -1)),
+          createBaseVNode("ul", _hoisted_9, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(filteredColumns.value, (column, index) => {
+              return openBlock(), createElementBlock("li", {
+                key: column.name,
+                class: normalizeClass({ "is-selected": selectedColumns.value.includes(column.name) }),
+                onClick: ($event) => handleColumnClick(index, column.name, $event),
+                onContextmenu: withModifiers(($event) => openContextMenu(column.name, $event), ["prevent"])
+              }, toDisplayString(column.name) + " (" + toDisplayString(column.data_type) + ") ", 43, _hoisted_10);
+            }), 128))
+          ])
+        ]),
+        showContextMenu.value ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          ref_key: "contextMenuRef",
+          ref: contextMenuRef,
+          class: "context-menu",
+          style: normalizeStyle({
+            top: contextMenuPosition.value.y + "px",
+            left: contextMenuPosition.value.x + "px"
+          })
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.schema.actions, (action) => {
+            return openBlock(), createElementBlock("button", {
+              key: action.value,
+              onClick: ($event) => addRow(action.value)
+            }, toDisplayString(action.label), 9, _hoisted_11);
+          }), 128))
+        ], 4)) : createCommentVNode("", true),
+        _cache[7] || (_cache[7] = createBaseVNode("div", { class: "listbox-subtitle" }, "Settings", -1)),
+        localValue.value.rows.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_12, [
+          createBaseVNode("table", _hoisted_13, [
+            _cache[5] || (_cache[5] = createBaseVNode("thead", null, [
+              createBaseVNode("tr", null, [
+                createBaseVNode("th", null, "Field"),
+                createBaseVNode("th", null, "Action"),
+                createBaseVNode("th", null, "Output Field Name"),
+                createBaseVNode("th")
+              ])
+            ], -1)),
+            createBaseVNode("tbody", null, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(localValue.value.rows, (row, index) => {
+                return openBlock(), createElementBlock("tr", { key: index }, [
+                  createBaseVNode("td", null, toDisplayString(row.column), 1),
+                  createBaseVNode("td", null, [
+                    createVNode(_component_el_select, {
+                      modelValue: row.action,
+                      "onUpdate:modelValue": ($event) => row.action = $event,
+                      size: "small",
+                      onChange: ($event) => updateOutputName(index)
+                    }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.schema.actions, (action) => {
+                          return openBlock(), createBlock(_component_el_option, {
+                            key: action.value,
+                            label: action.label,
+                            value: action.value
+                          }, null, 8, ["label", "value"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])
+                  ]),
+                  createBaseVNode("td", null, [
+                    createVNode(_component_el_input, {
+                      modelValue: row.output_name,
+                      "onUpdate:modelValue": ($event) => row.output_name = $event,
+                      size: "small",
+                      onChange: emitUpdate
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                  ]),
+                  createBaseVNode("td", _hoisted_14, [
+                    createVNode(_component_el_button, {
+                      type: "danger",
+                      circle: "",
+                      onClick: ($event) => removeRow(index)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(ElIcon), null, {
+                          default: withCtx(() => [
+                            createVNode(unref(delete_default))
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])
+                  ])
+                ]);
+              }), 128))
+            ])
+          ])
+        ])) : (openBlock(), createElementBlock("div", _hoisted_15, _cache[6] || (_cache[6] = [
+          createBaseVNode("p", null, "No rows configured.", -1),
+          createBaseVNode("p", { class: "hint" }, "Right-click on a column above to add a row.", -1)
+        ])))
+      ]);
+    };
+  }
+});
+const ColumnActionInput_vue_vue_type_style_index_0_scoped_d3070256_lang = "";
+const ColumnActionInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d3070256"]]);
+export {
+  ColumnActionInput as default
+};

flowfile/web/static/assets/{ColumnSelector-8ad68ea9.js → ColumnSelector-e66b33da.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, A as computed, l as resolveComponent, o as openBlock, c as createElementBlock, b as createBaseVNode, q as createTextVNode, t as toDisplayString, f as createCommentVNode, m as createVNode, p as withCtx, F as Fragment, D as renderList, x as createBlock, i as _export_sfc } from "./index-fb6493ae.js";
+import { d as defineComponent, B as computed, m as resolveComponent, o as openBlock, c as createElementBlock, a as createBaseVNode, f as createTextVNode, t as toDisplayString, e as createCommentVNode, p as createVNode, q as withCtx, G as Fragment, H as renderList, y as createBlock, g as _export_sfc } from "./index-387a6f18.js";
 const _hoisted_1 = { class: "component-container" };
 const _hoisted_2 = { class: "listbox-subtitle" };
 const _hoisted_3 = {

flowfile/web/static/assets/ContextMenu-49463352.js

@@ -0,0 +1,9 @@
+import "./index-387a6f18.js";
+import "./DesignerView-f64749fb.js";
+import { _ as _sfc_main } from "./ContextMenu.vue_vue_type_script_setup_true_lang-a1bd6314.js";
+import "./PopOver-862d7e28.js";
+import "./index-f0a6e5a5.js";
+import "./vue-codemirror.esm-31ba0e0b.js";
+export {
+  _sfc_main as default
+};

flowfile/web/static/assets/ContextMenu-dd5f3f25.js

@@ -0,0 +1,9 @@
+import "./index-387a6f18.js";
+import "./DesignerView-f64749fb.js";
+import { _ as _sfc_main } from "./ContextMenu.vue_vue_type_script_setup_true_lang-a1bd6314.js";
+import "./PopOver-862d7e28.js";
+import "./index-f0a6e5a5.js";
+import "./vue-codemirror.esm-31ba0e0b.js";
+export {
+  _sfc_main as default
+};

flowfile/web/static/assets/ContextMenu-f709b884.js

@@ -0,0 +1,9 @@
+import "./index-387a6f18.js";
+import "./DesignerView-f64749fb.js";
+import { _ as _sfc_main } from "./ContextMenu.vue_vue_type_script_setup_true_lang-a1bd6314.js";
+import "./PopOver-862d7e28.js";
+import "./index-f0a6e5a5.js";
+import "./vue-codemirror.esm-31ba0e0b.js";
+export {
+  _sfc_main as default
+};

flowfile/web/static/assets/ContextMenu.vue_vue_type_script_setup_true_lang-a1bd6314.js

@@ -0,0 +1,59 @@
+import { d as defineComponent, r as ref, F as onMounted, l as onUnmounted, o as openBlock, c as createElementBlock, a as createBaseVNode, G as Fragment, H as renderList, n as normalizeClass, t as toDisplayString, a0 as normalizeStyle } from "./index-387a6f18.js";
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ContextMenu",
+  props: {
+    position: {},
+    options: {}
+  },
+  emits: ["select", "close"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const menuRef = ref(null);
+    const selectOption = (option) => {
+      if (option.disabled)
+        return;
+      emit("select", option.action);
+      emit("close");
+    };
+    const handleClickOutside = (event) => {
+      if (menuRef.value && !menuRef.value.contains(event.target)) {
+        emit("close");
+      }
+    };
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") {
+        emit("close");
+      }
+    };
+    onMounted(() => {
+      document.addEventListener("mousedown", handleClickOutside);
+      document.addEventListener("keydown", handleKeyDown);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("keydown", handleKeyDown);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "menuRef",
+        ref: menuRef,
+        class: "context-menu",
+        style: normalizeStyle({ top: _ctx.position.y + "px", left: _ctx.position.x + "px" })
+      }, [
+        createBaseVNode("ul", null, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option) => {
+            return openBlock(), createElementBlock("li", {
+              key: option.action,
+              class: normalizeClass({ disabled: option.disabled, danger: option.danger }),
+              onClick: ($event) => selectOption(option)
+            }, toDisplayString(option.label), 11, _hoisted_1);
+          }), 128))
+        ])
+      ], 4);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

flowfile/web/static/assets/{CrossJoin-03df6938.js → CrossJoin-24694b8f.js}

@@ -1,12 +1,12 @@
-import { C as CodeLoader } from "./vue-content-loader.es-c506ad97.js";
-import { u as useNodeStore } from "./PopOver-b22f049e.js";
-import { d as defineComponent, r as ref, o as openBlock, c as createElementBlock, m as createVNode, p as withCtx, b as createBaseVNode, x as createBlock, s as unref, i as _export_sfc } from "./index-fb6493ae.js";
-import { s as selectDynamic } from "./selectDynamic-80b92899.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-99014e1d.js";
-import "./UnavailableFields-bdad6144.js";
-import "./DesignerView-e6f5c0e8.js";
-import "./index-3ba44389.js";
-import "./vue-codemirror.esm-0965f39f.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, o as openBlock, c as createElementBlock, p as createVNode, q as withCtx, a as createBaseVNode, y as createBlock, x as unref, g as _export_sfc } from "./index-387a6f18.js";
+import { s as selectDynamic } from "./selectDynamic-6b4b0767.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-14eac1c3.js";
+import "./UnavailableFields-b72a2c72.js";
+import "./DesignerView-f64749fb.js";
+import "./index-f0a6e5a5.js";
+import "./vue-codemirror.esm-31ba0e0b.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { class: "listbox-wrapper" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

flowfile/web/static/assets/{CustomNode-8479239b.js → CustomNode-569d45ff.js}

@@ -1,18 +1,19 @@
-import { j as axios, d as defineComponent, r as ref, o as openBlock, c as createElementBlock, b as createBaseVNode, q as createTextVNode, t as toDisplayString, f as createCommentVNode, m as createVNode, p as withCtx, F as Fragment, D as renderList, g as withDirectives, ai as vShow, x as createBlock, i as _export_sfc } from "./index-fb6493ae.js";
-import { u as useNodeStore } from "./PopOver-b22f049e.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-99014e1d.js";
-import { _ as _sfc_main$3 } from "./MultiSelect.vue_vue_type_script_setup_true_lang-e278950d.js";
-import { _ as _sfc_main$5 } from "./ToggleSwitch.vue_vue_type_script_setup_true_lang-5605c793.js";
-import { _ as _sfc_main$1 } from "./TextInput.vue_vue_type_script_setup_true_lang-abad1ca2.js";
-import { _ as _sfc_main$2 } from "./NumericInput.vue_vue_type_script_setup_true_lang-5130219f.js";
-import SliderInput from "./SliderInput-5d926864.js";
-import { _ as _sfc_main$4 } from "./SingleSelect.vue_vue_type_script_setup_true_lang-30741bb2.js";
-import ColumnSelector from "./ColumnSelector-8ad68ea9.js";
-import SecretSelector from "./SecretSelector-22b5ff89.js";
-import "./DesignerView-e6f5c0e8.js";
-import "./index-3ba44389.js";
-import "./vue-codemirror.esm-0965f39f.js";
-import "./secrets.api-002e7d7e.js";
+import { k as axios, d as defineComponent, r as ref, o as openBlock, c as createElementBlock, a as createBaseVNode, f as createTextVNode, t as toDisplayString, e as createCommentVNode, p as createVNode, q as withCtx, G as Fragment, H as renderList, i as withDirectives, ak as vShow, y as createBlock, g as _export_sfc } from "./index-387a6f18.js";
+import { u as useNodeStore } from "./PopOver-862d7e28.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-14eac1c3.js";
+import { _ as _sfc_main$3 } from "./MultiSelect.vue_vue_type_script_setup_true_lang-83b3bbfd.js";
+import { _ as _sfc_main$5 } from "./ToggleSwitch.vue_vue_type_script_setup_true_lang-00f2580e.js";
+import { _ as _sfc_main$1 } from "./TextInput.vue_vue_type_script_setup_true_lang-e86510d0.js";
+import { _ as _sfc_main$2 } from "./NumericInput.vue_vue_type_script_setup_true_lang-7775f83e.js";
+import SliderInput from "./SliderInput-be533e71.js";
+import { _ as _sfc_main$4 } from "./SingleSelect.vue_vue_type_script_setup_true_lang-c8ebdd33.js";
+import ColumnSelector from "./ColumnSelector-e66b33da.js";
+import SecretSelector from "./SecretSelector-ceed9496.js";
+import ColumnActionInput from "./ColumnActionInput-f4189ae0.js";
+import "./DesignerView-f64749fb.js";
+import "./index-f0a6e5a5.js";
+import "./vue-codemirror.esm-31ba0e0b.js";
+import "./secrets.api-ae198c5c.js";
 async function getCustomNodeSchema(flowId, nodeId) {
   const response = await axios.get(
     `/user_defined_components/custom-node-schema`,
@@ -39,14 +40,14 @@ const _hoisted_4 = {
   key: 0,
   class: "listbox-subtitle"
 };
-const _hoisted_5 = { class: "listbox-subtitle" };
+const _hoisted_5 = { class: "section-title" };
 const _hoisted_6 = {
   key: 0,
   class: "section-description"
 };
 const _hoisted_7 = { class: "components-container" };
 const _hoisted_8 = {
-  key: 8,
+  key: 9,
   class: "text-red-500 text-xs"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -201,7 +202,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         modelValue: formData.value[sectionKey][componentKey],
                         "onUpdate:modelValue": ($event) => formData.value[sectionKey][componentKey] = $event,
                         schema: component
-                      }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"])) : (openBlock(), createElementBlock("div", _hoisted_8, " Unknown component type: " + toDisplayString(component.component_type), 1))
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"])) : component.component_type === "ColumnActionInput" ? (openBlock(), createBlock(ColumnActionInput, {
+                        key: 8,
+                        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_8, " Unknown component type: " + toDisplayString(component.component_type), 1))
                     ]);
                   }), 128))
                 ])
@@ -216,8 +223,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CustomNode_vue_vue_type_style_index_0_scoped_04422d4f_lang = "";
-const CustomNode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04422d4f"]]);
+const CustomNode_vue_vue_type_style_index_0_scoped_69093399_lang = "";
+const CustomNode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-69093399"]]);
 export {
   CustomNode as default
 };

flowfile/web/static/assets/CustomNode-edb9b939.css

@@ -0,0 +1,42 @@
+
+.custom-node-wrapper[data-v-69093399] {
+  padding: 1.5rem;
+  background-color: var(--color-background-primary);
+}
+.node-header[data-v-69093399] {
+  padding-bottom: 1rem;
+  border-bottom: 1px solid var(--color-border-primary);
+  margin-bottom: 1.5rem;
+}
+.node-title[data-v-69093399] {
+  font-size: 1.25rem;
+  font-weight: 700;
+  color: var(--color-text-primary);
+}
+.node-category[data-v-69093399] {
+  font-size: 0.875rem;
+  color: var(--color-text-secondary);
+  margin-top: 0.25rem;
+}
+.section-description[data-v-69093399] {
+  font-size: 0.875rem;
+  color: var(--color-text-secondary);
+  margin-top: 0.25rem;
+  margin-bottom: 1.25rem;
+  padding-left: 0.5rem;
+}
+.components-container[data-v-69093399] {
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+}
+.section-title[data-v-69093399] {
+  font-size: var(--font-size-lg, 15px);
+  font-weight: var(--font-weight-semibold, 600);
+  color: var(--color-text-primary);
+  padding: var(--spacing-3, 12px) var(--spacing-4, 16px);
+  margin-bottom: var(--spacing-3, 12px);
+  background-color: var(--color-background-tertiary, #f1f3f5);
+  border-radius: var(--border-radius-md, 6px);
+  border-left: 3px solid var(--color-accent, #0891b2);
+}

flowfile/web/static/assets/{DatabaseConnectionSettings-e91df89a.css → DatabaseConnectionSettings-c20a1e16.css}

@@ -1,73 +1,75 @@
 
-.connection-settings-container[data-v-3cfba70e] {
-  border: 1px solid #e2e8f0;
+.connection-settings-container[data-v-62ec37a1] {
+  border: 1px solid var(--color-border-primary);
   border-radius: 6px;
   margin-bottom: 1rem;
   overflow: hidden;
 }
-.connection-header[data-v-3cfba70e] {
+.connection-header[data-v-62ec37a1] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 0.75rem 1rem;
-  background-color: #f8fafc;
+  background-color: var(--color-background-secondary);
   cursor: pointer;
   user-select: none;
-  border-bottom: 1px solid #e2e8f0;
+  border-bottom: 1px solid var(--color-border-primary);
 }
-.connection-header[data-v-3cfba70e]:hover {
-  background-color: #edf2f7;
+.connection-header[data-v-62ec37a1]:hover {
+  background-color: var(--color-background-tertiary);
 }
-.connection-title[data-v-3cfba70e] {
+.connection-title[data-v-62ec37a1] {
   margin: 0;
   font-size: 0.95rem;
   font-weight: 600;
-  color: #4a5568;
+  color: var(--color-text-secondary);
 }
-.toggle-button[data-v-3cfba70e] {
+.toggle-button[data-v-62ec37a1] {
   background: none;
   border: none;
-  color: #718096;
+  color: var(--color-text-tertiary);
   font-size: 0.9rem;
   cursor: pointer;
   padding: 0;
 }
-.connection-content[data-v-3cfba70e] {
+.connection-content[data-v-62ec37a1] {
   padding: 1rem;
   background-color: var(--color-background-primary);
 }
-.form-row[data-v-3cfba70e] {
+.form-row[data-v-62ec37a1] {
   display: flex;
   gap: 0.75rem;
   margin-bottom: 0.75rem;
   width: 100%;
   box-sizing: border-box;
 }
-.half[data-v-3cfba70e] {
+.half[data-v-62ec37a1] {
   flex: 1;
   min-width: 0; /* Allow fields to shrink below their content size */
   max-width: calc(50% - 0.375rem); /* Account for the gap between items */
 }
-.form-control[data-v-3cfba70e] {
+.form-control[data-v-62ec37a1] {
   width: 100%;
   padding: 0.5rem;
-  border: 1px solid #e2e8f0;
+  border: 1px solid var(--color-border-primary);
   border-radius: 4px;
   font-size: 0.875rem;
   box-sizing: border-box;
+  background-color: var(--color-background-primary);
+  color: var(--color-text-primary);
 }
-.form-group[data-v-3cfba70e] {
+.form-group[data-v-62ec37a1] {
   margin-bottom: 0.75rem;
   width: 100%;
 }
-label[data-v-3cfba70e] {
+label[data-v-62ec37a1] {
   display: block;
   margin-bottom: 0.25rem;
   font-size: 0.875rem;
   font-weight: 500;
-  color: #4a5568;
+  color: var(--color-text-secondary);
 }
-select.form-control[data-v-3cfba70e] {
+select.form-control[data-v-62ec37a1] {
   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;