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

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

@@ -1,14 +1,19 @@
-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";
+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`,
@@ -31,14 +36,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: "section-title" };
+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: 9,
   class: "text-red-500 text-xs"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -65,7 +74,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 +105,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 +140,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 +151,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 +197,18 @@ 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"])) : 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))
                 ])
@@ -204,8 +223,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_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-0c04b2e5.css → DatabaseConnectionSettings-c20a1e16.css}

@@ -1,73 +1,75 @@
 
-.connection-settings-container[data-v-2fd11b08] {
-  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-2fd11b08] {
+.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-2fd11b08]:hover {
-  background-color: #edf2f7;
+.connection-header[data-v-62ec37a1]:hover {
+  background-color: var(--color-background-tertiary);
 }
-.connection-title[data-v-2fd11b08] {
+.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-2fd11b08] {
+.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-2fd11b08] {
+.connection-content[data-v-62ec37a1] {
   padding: 1rem;
-  background-color: #ffffff;
+  background-color: var(--color-background-primary);
 }
-.form-row[data-v-2fd11b08] {
+.form-row[data-v-62ec37a1] {
   display: flex;
   gap: 0.75rem;
   margin-bottom: 0.75rem;
   width: 100%;
   box-sizing: border-box;
 }
-.half[data-v-2fd11b08] {
+.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-2fd11b08] {
+.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-2fd11b08] {
+.form-group[data-v-62ec37a1] {
   margin-bottom: 0.75rem;
   width: 100%;
 }
-label[data-v-2fd11b08] {
+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-2fd11b08] {
+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;

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

@@ -1,5 +1,5 @@
-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";
+import { d as defineComponent, r as ref, F as onMounted, o as openBlock, c as createElementBlock, a as createBaseVNode, t as toDisplayString, G as Fragment, H as renderList, e as createCommentVNode, g as _export_sfc } from "./index-387a6f18.js";
+import { S as SecretsApi } from "./secrets.api-ae198c5c.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_62ec37a1_lang = "";
+const DatabaseConnectionSettings = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-62ec37a1"]]);
 export {
   DatabaseConnectionSettings as default
 };

flowfile/web/static/assets/{DatabaseReader-ae61773c.css → DatabaseReader-5bf8c75b.css}

@@ -1,59 +1,54 @@
 
-.db-container[data-v-ae4d7dc5] {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+.db-container[data-v-5433b2ea] {
+  font-family: var(--font-family-base);
   max-width: 100%;
-  color: #333;
+  color: var(--color-text-primary);
 }
-.section-subtitle[data-v-ae4d7dc5] {
+.section-subtitle[data-v-5433b2ea] {
   margin: 0 0 0.75rem 0;
   font-size: 0.95rem;
   font-weight: 600;
-  color: #4a5568;
+  color: var(--color-text-secondary);
 }
-.query-section[data-v-ae4d7dc5] {
+.query-section[data-v-5433b2ea] {
   margin-top: 1rem;
   padding-top: 1rem;
-  border-top: 1px solid #edf2f7;
+  border-top: 1px solid var(--color-border-light);
 }
-.form-row[data-v-ae4d7dc5] {
+.form-row[data-v-5433b2ea] {
   display: flex;
   gap: 0.75rem;
   margin-bottom: 0.75rem;
   width: 100%;
   box-sizing: border-box;
 }
-.half[data-v-ae4d7dc5] {
+.half[data-v-5433b2ea] {
   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-ae4d7dc5] {
+.form-control[data-v-5433b2ea] {
   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-ae4d7dc5] {
+.form-group[data-v-5433b2ea] {
   margin-bottom: 0.75rem;
   width: 100%;
 }
-label[data-v-ae4d7dc5] {
+label[data-v-5433b2ea] {
   display: block;
   margin-bottom: 0.25rem;
   font-size: 0.875rem;
   font-weight: 500;
-  color: #4a5568;
+  color: var(--color-text-secondary);
 }
-.form-control[data-v-ae4d7dc5] {
-  width: 100%;
-  padding: 0.5rem;
-  border: 1px solid #e2e8f0;
-  border-radius: 4px;
-  font-size: 0.875rem;
-}
-select.form-control[data-v-ae4d7dc5] {
+select.form-control[data-v-5433b2ea] {
   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,14 +58,14 @@ select.form-control[data-v-ae4d7dc5] {
 }
 
 /* Validation section styling */
-.validation-section[data-v-ae4d7dc5] {
+.validation-section[data-v-5433b2ea] {
   margin-top: 1.5rem;
   padding-top: 1rem;
-  border-top: 1px solid #edf2f7;
+  border-top: 1px solid var(--color-border-light);
 }
-.validate-button[data-v-ae4d7dc5] {
-  background-color: #4299e1;
-  color: white;
+.validate-button[data-v-5433b2ea] {
+  background-color: var(--color-info);
+  color: var(--color-text-inverse);
   border: none;
   border-radius: 4px;
   padding: 0.5rem 1rem;
@@ -79,53 +74,53 @@ select.form-control[data-v-ae4d7dc5] {
   cursor: pointer;
   transition: background-color 0.2s;
 }
-.validate-button[data-v-ae4d7dc5]:hover {
-  background-color: #3182ce;
+.validate-button[data-v-5433b2ea]:hover {
+  background-color: var(--color-info-hover);
 }
-.validate-button[data-v-ae4d7dc5]:disabled {
-  background-color: #a0aec0;
+.validate-button[data-v-5433b2ea]:disabled {
+  background-color: var(--color-text-muted);
   cursor: not-allowed;
 }
-.error-box[data-v-ae4d7dc5] {
+.error-box[data-v-5433b2ea] {
   margin-top: 1rem;
   padding: 0.75rem;
   border-radius: 4px;
-  background-color: #fff5f5;
-  border: 1px solid #fed7d7;
+  background-color: var(--color-danger-light);
+  border: 1px solid var(--color-danger);
 }
-.error-title[data-v-ae4d7dc5] {
-  color: #e53e3e;
+.error-title[data-v-5433b2ea] {
+  color: var(--color-danger);
   font-weight: 600;
   margin-bottom: 0.25rem;
 }
-.error-message[data-v-ae4d7dc5] {
-  color: #c53030;
+.error-message[data-v-5433b2ea] {
+  color: var(--color-danger-hover);
   font-size: 0.875rem;
   white-space: pre-wrap;
   overflow-wrap: break-word;
 }
-.success-box[data-v-ae4d7dc5] {
+.success-box[data-v-5433b2ea] {
   margin-top: 1rem;
   padding: 0.75rem;
   border-radius: 4px;
-  background-color: #f0fff4;
-  border: 1px solid #c6f6d5;
+  background-color: var(--color-success-light);
+  border: 1px solid var(--color-success);
 }
-.success-message[data-v-ae4d7dc5] {
-  color: #38a169;
+.success-message[data-v-5433b2ea] {
+  color: var(--color-success);
   font-size: 0.875rem;
 }
 @media (max-width: 640px) {
-.form-row[data-v-ae4d7dc5] {
+.form-row[data-v-5433b2ea] {
     flex-direction: column;
     gap: 0.5rem;
 }
 }
-.el-radio-group[data-v-ae4d7dc5] {
+.el-radio-group[data-v-5433b2ea] {
   display: flex !important;
   flex-direction: row !important;
   gap: 1rem;
 }
-.el-radio[data-v-ae4d7dc5] {
+.el-radio[data-v-5433b2ea] {
   margin-right: 0 !important; /* Override any existing margins */
 }

flowfile/web/static/assets/{DatabaseReader-d38c7295.js → DatabaseReader-701feabb.js}

@@ -1,12 +1,14 @@
-import { d as defineComponent, r as ref, n as onMounted, b as resolveComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, F as Fragment, q as renderList, h as createBlock, g as createTextVNode, t as toDisplayString, u as unref, ap as ElRadio, a8 as withDirectives, ak as vModelSelect, a9 as vModelText, i as createCommentVNode, a as axios, 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 fetchDatabaseConnectionsInterfaces } from "./api-cf1221f0.js";
-import DatabaseConnectionSettings from "./DatabaseConnectionSettings-6f3e4ea5.js";
-import SqlQueryComponent from "./SQLQueryComponent-df51adbe.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-4fe5f36b.js";
-import "./secretApi-68435402.js";
-import "./designer-9633482a.js";
+import { d as defineComponent, r as ref, F as onMounted, m as resolveComponent, o as openBlock, c as createElementBlock, p as createVNode, q as withCtx, a as createBaseVNode, G as Fragment, H as renderList, y as createBlock, f as createTextVNode, t as toDisplayString, x as unref, au as ElRadio, i as withDirectives, ao as vModelSelect, v as vModelText, e as createCommentVNode, k as axios, J as ElMessage, g as _export_sfc } from "./index-387a6f18.js";
+import { C as CodeLoader } from "./vue-content-loader.es-4469c8ff.js";
+import { u as useNodeStore } from "./PopOver-862d7e28.js";
+import { f as fetchDatabaseConnectionsInterfaces } from "./api-a2102880.js";
+import DatabaseConnectionSettings from "./DatabaseConnectionSettings-cfc08938.js";
+import SqlQueryComponent from "./SQLQueryComponent-15a421f5.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-14eac1c3.js";
+import "./secrets.api-ae198c5c.js";
+import "./DesignerView-f64749fb.js";
+import "./index-f0a6e5a5.js";
+import "./vue-codemirror.esm-31ba0e0b.js";
 const createNodeDatabaseReader = (flowId, nodeId) => {
   const databaseSettings = {
     query_mode: "table",
@@ -137,10 +139,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isValidating.value = true;
       resetFields();
       try {
-        const response = await axios.post(
-          "/validate_db_settings",
-          nodeDatabaseReader.value.database_settings
-        );
+        const settings = { ...nodeDatabaseReader.value.database_settings };
+        if (settings.connection_mode === "reference") {
+          settings.database_connection = void 0;
+        } else {
+          settings.database_connection_name = void 0;
+        }
+        const response = await axios.post("/validate_db_settings", settings);
         validationSuccess.value = response.data.message || "Settings are valid";
       } catch (error) {
         if (error.response && error.response.data && error.response.data.detail) {
@@ -157,6 +162,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!nodeDatabaseReader.value || !nodeDatabaseReader.value.database_settings) {
         return;
       }
+      if (nodeDatabaseReader.value.database_settings.connection_mode === "reference") {
+        nodeDatabaseReader.value.database_settings.database_connection = void 0;
+      } else {
+        nodeDatabaseReader.value.database_settings.database_connection_name = void 0;
+      }
       nodeDatabaseReader.value.is_setup = true;
       nodeStore.updateSettings(nodeDatabaseReader);
       dataLoaded.value = false;
@@ -319,8 +329,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DatabaseReader_vue_vue_type_style_index_0_scoped_ae4d7dc5_lang = "";
-const DatabaseReader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ae4d7dc5"]]);
+const DatabaseReader_vue_vue_type_style_index_0_scoped_5433b2ea_lang = "";
+const DatabaseReader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5433b2ea"]]);
 export {
   DatabaseReader as default
 };

flowfile/web/static/assets/{DatabaseManager-cf5ef661.js → DatabaseView-0482e5b5.js}

@@ -1,5 +1,5 @@
-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";
+import { f as fetchDatabaseConnectionsInterfaces, c as createDatabaseConnectionApi, d as deleteDatabaseConnectionApi } from "./api-a2102880.js";
+import { d as defineComponent, r as ref, C as watch, B as computed, o as openBlock, c as createElementBlock, a as createBaseVNode, i as withDirectives, v as vModelText, ao as vModelSelect, j as vModelDynamic, n as normalizeClass, ap as vModelCheckbox, t as toDisplayString, w as withModifiers, F as onMounted, f as createTextVNode, G as Fragment, H as renderList, p as createVNode, q as withCtx, x as unref, J as ElMessage, aq as ElDialog, ar as ElButton, g as _export_sfc } from "./index-387a6f18.js";
 const _hoisted_1$1 = { class: "form-grid" };
 const _hoisted_2$1 = { class: "form-field" };
 const _hoisted_3$1 = { class: "form-field" };
@@ -237,18 +237,18 @@ const _hoisted_7 = {
 };
 const _hoisted_8 = {
   key: 2,
-  class: "flex-col gap-2"
+  class: "connections-list"
 };
-const _hoisted_9 = { class: "secret-info" };
-const _hoisted_10 = { class: "secret-name" };
+const _hoisted_9 = { class: "connection-info" };
+const _hoisted_10 = { class: "connection-name" };
 const _hoisted_11 = { class: "badge" };
 const _hoisted_12 = { class: "connection-details" };
-const _hoisted_13 = { class: "secret-actions" };
+const _hoisted_13 = { class: "connection-actions" };
 const _hoisted_14 = ["onClick"];
 const _hoisted_15 = ["onClick"];
 const _hoisted_16 = { class: "dialog-footer" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "DatabaseManager",
+  __name: "DatabaseView",
   setup(__props) {
     const connectionInterfaces = ref([]);
     const isLoading = ref(true);
@@ -377,7 +377,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(Fragment, null, renderList(connectionInterfaces.value, (connection) => {
                 return openBlock(), createElementBlock("div", {
                   key: connection.connectionName,
-                  class: "secret-item"
+                  class: "connection-item"
                 }, [
                   createBaseVNode("div", _hoisted_9, [
                     createBaseVNode("div", _hoisted_10, [
@@ -481,8 +481,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DatabaseManager_vue_vue_type_style_index_0_scoped_87a64956_lang = "";
-const DatabaseManager = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-87a64956"]]);
+const DatabaseView_vue_vue_type_style_index_0_scoped_40d7248e_lang = "";
+const DatabaseView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-40d7248e"]]);
 export {
-  DatabaseManager as default
+  DatabaseView as default
 };

flowfile/web/static/assets/DatabaseView-6655afd6.css

@@ -0,0 +1,57 @@
+
+.description-text[data-v-40d7248e] {
+  color: var(--color-text-secondary);
+  margin-top: var(--spacing-2);
+  font-size: var(--font-size-sm);
+}
+.info-box[data-v-40d7248e] {
+  display: flex;
+  gap: var(--spacing-4);
+  padding: var(--spacing-4);
+  background-color: var(--color-background-muted);
+  border-left: 4px solid var(--color-accent);
+  border-radius: var(--border-radius-md);
+}
+.info-box i[data-v-40d7248e] {
+  color: var(--color-accent);
+  font-size: var(--font-size-2xl);
+  margin-top: var(--spacing-2);
+}
+.info-box p[data-v-40d7248e] {
+  margin: 0;
+  margin-bottom: var(--spacing-2);
+  font-size: var(--font-size-sm);
+  color: var(--color-text-secondary);
+}
+.info-box p[data-v-40d7248e]:last-child {
+  margin-bottom: 0;
+}
+.info-box p strong[data-v-40d7248e] {
+  color: var(--color-text-primary);
+}
+.modal-description[data-v-40d7248e] {
+  color: var(--color-text-secondary);
+  font-size: var(--font-size-sm);
+}
+.badge[data-v-40d7248e] {
+  background-color: var(--color-accent-subtle);
+  color: var(--color-accent);
+  border-radius: var(--border-radius-full);
+  padding: var(--spacing-1) var(--spacing-3);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-medium);
+  margin-left: var(--spacing-2);
+}
+.connection-details[data-v-40d7248e] {
+  font-size: var(--font-size-xs);
+  color: var(--color-text-tertiary);
+  margin-top: var(--spacing-1);
+}
+.separator[data-v-40d7248e] {
+  margin: 0 var(--spacing-2);
+}
+.hint-text[data-v-40d7248e] {
+  color: var(--color-text-tertiary);
+  font-size: var(--font-size-sm);
+  margin-top: var(--spacing-2);
+}