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

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

@@ -1,4 +1,4 @@
-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-246f201c.js";
+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";
 const _hoisted_1 = { class: "component-container" };
 const _hoisted_2 = { class: "listbox-subtitle" };
 const _hoisted_3 = {
@@ -26,8 +26,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   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;
       }
@@ -76,8 +74,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ColumnSelector_vue_vue_type_style_index_0_scoped_ee9d221e_lang = "";
-const ColumnSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ee9d221e"]]);
+const ColumnSelector_vue_vue_type_style_index_0_scoped_1ae42a66_lang = "";
+const ColumnSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1ae42a66"]]);
 export {
   ColumnSelector as default
 };

flowfile/web/static/assets/{ContextMenu-c13f91d0.css → ContextMenu-26d4dd27.css}

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

flowfile/web/static/assets/{ContextMenu-11a4652a.js → ContextMenu-31ee57f0.js}

@@ -1,4 +1,4 @@
-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-246f201c.js";
+import { d as defineComponent, o as openBlock, c as createElementBlock, b as createBaseVNode, F as Fragment, D as renderList, n as normalizeClass, t as toDisplayString, Z as normalizeStyle, i as _export_sfc } from "./index-fb6493ae.js";
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ContextMenu",
@@ -34,8 +34,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ContextMenu_vue_vue_type_style_index_0_scoped_a562ba5e_lang = "";
-const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a562ba5e"]]);
+const ContextMenu_vue_vue_type_style_index_0_scoped_f6c94f99_lang = "";
+const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f6c94f99"]]);
 export {
   ContextMenu as default
 };

flowfile/web/static/assets/{ContextMenu-160afb08.js → ContextMenu-69a74055.js}

@@ -1,4 +1,4 @@
-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-246f201c.js";
+import { d as defineComponent, o as openBlock, c as createElementBlock, b as createBaseVNode, F as Fragment, D as renderList, n as normalizeClass, t as toDisplayString, Z as normalizeStyle, i as _export_sfc } from "./index-fb6493ae.js";
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ContextMenu",
@@ -34,8 +34,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ContextMenu_vue_vue_type_style_index_0_scoped_d0286fd2_lang = "";
-const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d0286fd2"]]);
+const ContextMenu_vue_vue_type_style_index_0_scoped_6b361c01_lang = "";
+const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b361c01"]]);
 export {
   ContextMenu as default
 };

flowfile/web/static/assets/{ContextMenu-cf18d2cc.js → ContextMenu-8e2051c6.js}

@@ -1,4 +1,4 @@
-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-246f201c.js";
+import { d as defineComponent, o as openBlock, c as createElementBlock, b as createBaseVNode, F as Fragment, D as renderList, n as normalizeClass, t as toDisplayString, Z as normalizeStyle, i as _export_sfc } from "./index-fb6493ae.js";
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ContextMenu",
@@ -34,8 +34,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ContextMenu_vue_vue_type_style_index_0_scoped_4f9e01e5_lang = "";
-const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4f9e01e5"]]);
+const ContextMenu_vue_vue_type_style_index_0_scoped_5437ad46_lang = "";
+const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5437ad46"]]);
 export {
   ContextMenu as default
 };

flowfile/web/static/assets/{ContextMenu-4c74eef1.css → ContextMenu-8ec1729e.css}

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

flowfile/web/static/assets/{ContextMenu-63cfa99b.css → ContextMenu-9b310c60.css}

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

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

@@ -1,10 +1,12 @@
-import { C as CodeLoader } from "./vue-content-loader.es-b5f3ac30.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-db9b8936.js";
-import { s as selectDynamic } from "./selectDynamic-b38de2ba.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-0476ba4e.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-246f201c.js";
-import "./UnavailableFields-1bab97cb.js";
-import "./designer-f3656d8c.js";
+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";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { class: "listbox-wrapper" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -65,7 +67,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "show-title": true,
                   "show-data": true,
                   title: "Right data",
-                  onUpdateSelectInputs: _cache[1] || (_cache[1] = (updatedInputs) => updateSelectInputsHandler(updatedInputs, true))
+                  onUpdateSelectInputs: _cache[1] || (_cache[1] = (updatedInputs) => updateSelectInputsHandler(updatedInputs, false))
                 }, null, 8, ["select-inputs"])
               ])
             ];
@@ -76,8 +78,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CrossJoin_vue_vue_type_style_index_0_scoped_e594e542_lang = "";
-const CrossJoin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e594e542"]]);
+const CrossJoin_vue_vue_type_style_index_0_scoped_46e97305_lang = "";
+const CrossJoin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-46e97305"]]);
 export {
   CrossJoin as default
 };

flowfile/web/static/assets/{CrossJoin-1119d18e.css → CrossJoin-71b4cc10.css}

@@ -1,20 +1,20 @@
 
-.selectors-row[data-v-e594e542] {
+.selectors-row[data-v-46e97305] {
   display: flex;
   justify-content: space-between;
   margin-bottom: 10px; /* Spacing between rows */
 }
-.context-menu[data-v-e594e542] {
+.context-menu[data-v-46e97305] {
   position: fixed;
   z-index: 1000;
   border: 1px solid #ccc;
-  background-color: white;
+  background-color: var(--color-background-primary);
   padding: 8px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
   border-radius: 4px;
   user-select: none;
 }
-.context-menu button[data-v-e594e542] {
+.context-menu button[data-v-46e97305] {
   display: block;
   background: none;
   border: none;
@@ -24,57 +24,57 @@
   cursor: pointer;
   z-index: 100;
 }
-.context-menu button[data-v-e594e542]:hover {
+.context-menu button[data-v-46e97305]:hover {
   background-color: #f0f0f0;
 }
-.table-wrapper[data-v-e594e542] {
+.table-wrapper[data-v-46e97305] {
   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-e594e542] {
+.context-menu[data-v-46e97305] {
   position: fixed;
   z-index: 1000;
   border: 1px solid #ccc;
-  background-color: white;
+  background-color: var(--color-background-primary);
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
   border-radius: 4px;
 }
-.context-menu ul[data-v-e594e542] {
+.context-menu ul[data-v-46e97305] {
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.context-menu li[data-v-e594e542] {
+.context-menu li[data-v-46e97305] {
   padding: 8px 16px;
   cursor: pointer;
 }
-.context-menu li[data-v-e594e542]:hover {
+.context-menu li[data-v-46e97305]:hover {
   background-color: #f0f0f0;
 }
-.selectors-container[data-v-e594e542] {
+.selectors-container[data-v-46e97305] {
   display: flex;
   flex-direction: column;
 }
-.selectors-row[data-v-e594e542] {
+.selectors-row[data-v-46e97305] {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.add-button-container[data-v-e594e542] {
+.add-button-container[data-v-46e97305] {
   padding-left: 20px; /* Adjust as needed */
   display: flex;
   align-items: center;
 }
-.action-buttons[data-v-e594e542] {
+.action-buttons[data-v-46e97305] {
   display: flex;
   align-items: center;
   justify-content: flex-end; /* Adjust if needed */
 }
-.remove-join-button[data-v-e594e542],
-.add-join-button[data-v-e594e542] {
+.remove-join-button[data-v-46e97305],
+.add-join-button[data-v-46e97305] {
   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-e594e542] {
+.selectors-header[data-v-46e97305] {
   display: flex;
   justify-content: space-between;
   padding: 0 15px; /* Adjust padding for finer control */
 }
-.selectors-title[data-v-e594e542] {
+.selectors-title[data-v-46e97305] {
   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-e594e542] {
+.action-buttons[data-v-46e97305] {
   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/CustomNode-59e99a86.css

@@ -0,0 +1,32 @@
+
+.custom-node-wrapper[data-v-04422d4f] {
+  padding: 1.5rem;
+  background-color: var(--color-background-primary);
+}
+.node-header[data-v-04422d4f] {
+  padding-bottom: 1rem;
+  border-bottom: 1px solid var(--color-border-primary);
+  margin-bottom: 1.5rem;
+}
+.node-title[data-v-04422d4f] {
+  font-size: 1.25rem;
+  font-weight: 700;
+  color: var(--color-text-primary);
+}
+.node-category[data-v-04422d4f] {
+  font-size: 0.875rem;
+  color: var(--color-text-secondary);
+  margin-top: 0.25rem;
+}
+.section-description[data-v-04422d4f] {
+  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-04422d4f] {
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+}

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

@@ -1,14 +1,18 @@
-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-246f201c.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-db9b8936.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-0476ba4e.js";
-import { _ as _sfc_main$3 } from "./MultiSelect.vue_vue_type_script_setup_true_lang-6ffe088a.js";
-import { _ as _sfc_main$5 } from "./ToggleSwitch.vue_vue_type_script_setup_true_lang-c6dc3029.js";
-import { _ as _sfc_main$1 } from "./TextInput.vue_vue_type_script_setup_true_lang-000e1178.js";
-import { _ as _sfc_main$2 } from "./NumericInput.vue_vue_type_script_setup_true_lang-90eb2cba.js";
-import SliderInput from "./SliderInput-6a05ab61.js";
-import { _ as _sfc_main$4 } from "./SingleSelect.vue_vue_type_script_setup_true_lang-6093741c.js";
-import ColumnSelector from "./ColumnSelector-cce661cf.js";
-import "./designer-f3656d8c.js";
+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";
 async function getCustomNodeSchema(flowId, nodeId) {
   const response = await axios.get(
     `/user_defined_components/custom-node-schema`,
@@ -31,14 +35,18 @@ const _hoisted_3 = {
   key: 2,
   class: "custom-node-wrapper"
 };
-const _hoisted_4 = { class: "listbox-subtitle" };
-const _hoisted_5 = {
+const _hoisted_4 = {
+  key: 0,
+  class: "listbox-subtitle"
+};
+const _hoisted_5 = { class: "listbox-subtitle" };
+const _hoisted_6 = {
   key: 0,
   class: "section-description"
 };
-const _hoisted_6 = { class: "components-container" };
-const _hoisted_7 = {
-  key: 7,
+const _hoisted_7 = { class: "components-container" };
+const _hoisted_8 = {
+  key: 8,
   class: "text-red-500 text-xs"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -65,7 +73,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           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;
@@ -97,7 +104,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         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) {
@@ -133,6 +139,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _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, [
+        schema.value.intro ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(schema.value.intro), 1)) : createCommentVNode("", true),
         createVNode(GenericNodeSettings, {
           modelValue: nodeUserDefined.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => nodeUserDefined.value = $event)
@@ -143,9 +150,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 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, [
+                createBaseVNode("div", _hoisted_5, toDisplayString(section.title || sectionKey.toString().replace(/_/g, " ")), 1),
+                section.description ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(section.description), 1)) : createCommentVNode("", true),
+                createBaseVNode("div", _hoisted_7, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(section.components, (component, componentKey) => {
                     return openBlock(), createElementBlock("div", {
                       key: componentKey,
@@ -189,7 +196,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         "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))
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "schema", "incoming-columns"])) : component.component_type === "SecretSelector" ? (openBlock(), createBlock(SecretSelector, {
+                        key: 7,
+                        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))
                     ]);
                   }), 128))
                 ])
@@ -204,8 +216,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CustomNode_vue_vue_type_style_index_0_scoped_d7137248_lang = "";
-const CustomNode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d7137248"]]);
+const CustomNode_vue_vue_type_style_index_0_scoped_04422d4f_lang = "";
+const CustomNode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-04422d4f"]]);
 export {
   CustomNode as default
 };

flowfile/web/static/assets/{DatabaseConnectionSettings-7000bf2c.js → DatabaseConnectionSettings-869e3efd.js}

@@ -1,5 +1,5 @@
-import { f as fetchSecretsApi } from "./secretApi-538058f3.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-246f201c.js";
+import { d as defineComponent, r as ref, C as onMounted, o as openBlock, c as createElementBlock, b as createBaseVNode, t as toDisplayString, F as Fragment, D as renderList, f as createCommentVNode, i as _export_sfc } from "./index-fb6493ae.js";
+import { S as SecretsApi } from "./secrets.api-002e7d7e.js";
 const _hoisted_1 = { class: "connection-settings-container" };
 const _hoisted_2 = { class: "toggle-button" };
 const _hoisted_3 = {
@@ -27,6 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
+    const fetchSecretsApi = SecretsApi.getAll;
     const props = __props;
     const emit = __emit;
     const isExpanded = ref(false);
@@ -144,8 +145,8 @@ 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"]]);
+const DatabaseConnectionSettings_vue_vue_type_style_index_0_scoped_3cfba70e_lang = "";
+const DatabaseConnectionSettings = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3cfba70e"]]);
 export {
   DatabaseConnectionSettings as default
 };

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

@@ -1,11 +1,11 @@
 
-.connection-settings-container[data-v-2fd11b08] {
+.connection-settings-container[data-v-3cfba70e] {
   border: 1px solid #e2e8f0;
   border-radius: 6px;
   margin-bottom: 1rem;
   overflow: hidden;
 }
-.connection-header[data-v-2fd11b08] {
+.connection-header[data-v-3cfba70e] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -15,16 +15,16 @@
   user-select: none;
   border-bottom: 1px solid #e2e8f0;
 }
-.connection-header[data-v-2fd11b08]:hover {
+.connection-header[data-v-3cfba70e]:hover {
   background-color: #edf2f7;
 }
-.connection-title[data-v-2fd11b08] {
+.connection-title[data-v-3cfba70e] {
   margin: 0;
   font-size: 0.95rem;
   font-weight: 600;
   color: #4a5568;
 }
-.toggle-button[data-v-2fd11b08] {
+.toggle-button[data-v-3cfba70e] {
   background: none;
   border: none;
   color: #718096;
@@ -32,23 +32,23 @@
   cursor: pointer;
   padding: 0;
 }
-.connection-content[data-v-2fd11b08] {
+.connection-content[data-v-3cfba70e] {
   padding: 1rem;
-  background-color: #ffffff;
+  background-color: var(--color-background-primary);
 }
-.form-row[data-v-2fd11b08] {
+.form-row[data-v-3cfba70e] {
   display: flex;
   gap: 0.75rem;
   margin-bottom: 0.75rem;
   width: 100%;
   box-sizing: border-box;
 }
-.half[data-v-2fd11b08] {
+.half[data-v-3cfba70e] {
   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-2fd11b08] {
+.form-control[data-v-3cfba70e] {
   width: 100%;
   padding: 0.5rem;
   border: 1px solid #e2e8f0;
@@ -56,18 +56,18 @@
   font-size: 0.875rem;
   box-sizing: border-box;
 }
-.form-group[data-v-2fd11b08] {
+.form-group[data-v-3cfba70e] {
   margin-bottom: 0.75rem;
   width: 100%;
 }
-label[data-v-2fd11b08] {
+label[data-v-3cfba70e] {
   display: block;
   margin-bottom: 0.25rem;
   font-size: 0.875rem;
   font-weight: 500;
   color: #4a5568;
 }
-select.form-control[data-v-2fd11b08] {
+select.form-control[data-v-3cfba70e] {
   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;