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

flowfile/web/static/assets/PopOver-d96599db.css

@@ -0,0 +1,33 @@
+
+.popover-container[data-v-8b5d0b86] {
+  position: relative;
+  display: inline-block;
+}
+.popover[data-v-8b5d0b86] {
+  position: fixed;
+  padding: 10px;
+  background-color: var(--color-background-primary);
+  border: 0.5px solid var(--color-border-primary);
+  border-radius: 4px;
+  box-shadow: var(--shadow-lg);
+  min-width: var(--355ab648);
+  color: var(--color-text-primary);
+}
+.popover--left[data-v-8b5d0b86] {
+  min-width: 200px;
+}
+.popover-reference[data-v-8b5d0b86] {
+  cursor: pointer;
+}
+.popover h3[data-v-8b5d0b86] {
+  margin: 0 0 2px;
+  font-size: 16px;
+  font-family: var(--font-family-base);
+}
+.popover p[data-v-8b5d0b86] {
+  margin: 0;
+  font-family: var(--font-family-base);
+}
+.content[data-v-8b5d0b86] {
+  white-space: pre-wrap;
+}

flowfile/web/static/assets/{Read-e808b239.css → Read-36e7bd51.css}

@@ -1,14 +1,14 @@
 
-.context-menu[data-v-f404e0dc] {
+.context-menu[data-v-91a12890] {
   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;
 }
-.context-menu button[data-v-f404e0dc] {
+.context-menu button[data-v-91a12890] {
   display: block;
   background: none;
   border: none;
@@ -17,38 +17,38 @@
   width: 100%;
   cursor: pointer;
 }
-.context-menu button[data-v-f404e0dc]:hover {
+.context-menu button[data-v-91a12890]:hover {
   background-color: #f0f0f0;
 }
-.file-upload-wrapper[data-v-f404e0dc] {
+.file-upload-wrapper[data-v-91a12890] {
   position: relative;
   width: 100%;
 }
-.file-upload-label[data-v-f404e0dc] {
+.file-upload-label[data-v-91a12890] {
   display: flex;
   align-items: center;
   background-color: #f5f5f5;
   border: 1px solid #ddd;
   border-radius: 4px;
   padding: 10px 15px;
-  color: #333;
+  color: var(--color-text-primary);
   font-size: 16px;
   font-weight: 500;
   cursor: pointer;
   transition: background-color 0.3s ease;
 }
-.file-upload-label[data-v-f404e0dc]:hover {
+.file-upload-label[data-v-91a12890]:hover {
   background-color: #e4e4e4;
 }
-.file-icon[data-v-f404e0dc] {
+.file-icon[data-v-91a12890] {
   margin-right: 10px;
   font-size: 20px;
 }
-.file-label-text[data-v-f404e0dc] {
+.file-label-text[data-v-91a12890] {
   flex-grow: 1;
   margin-left: 10px;
 }
-input[type="text"][data-v-f404e0dc] {
+input[type="text"][data-v-91a12890] {
   width: 100%;
   padding: 8px;
   border: 1px solid #ddd;
@@ -56,7 +56,7 @@ input[type="text"][data-v-f404e0dc] {
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
   transition: border-color 0.2s ease;
 }
-input[type="text"][data-v-f404e0dc]:focus {
+input[type="text"][data-v-91a12890]:focus {
   border-color: #3498db;
   outline: none;
 }

flowfile/web/static/assets/{Read-64a3f259.js → Read-aec2e377.js}

@@ -1,12 +1,15 @@
-import { C as CodeLoader } from "./vue-content-loader.es-2c8e608f.js";
-import ExcelTableConfig from "./readExcel-67b4aee0.js";
-import CsvTableConfig from "./readCsv-a8bb8b61.js";
-import ParquetTableConfig from "./readParquet-92ce1dbc.js";
-import { c as isInputExcelTable, d as isInputCsvTable, e as isInputParquetTable } from "./nodeInput-5d0d6b79.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-41b0e0d7.js";
-import { F as FileBrowser } from "./designer-9633482a.js";
-import { d as defineComponent, r as ref, l as computed, b as resolveComponent, c as openBlock, e as createElementBlock, p as createBaseVNode, t as toDisplayString, u as unref, h as createBlock, i as createCommentVNode, f as createVNode, w as withCtx, _ as _export_sfc } from "./index-5429bbf8.js";
-import "./dropDown-614b998d.js";
+import { C as CodeLoader } from "./vue-content-loader.es-c506ad97.js";
+import ExcelTableConfig from "./readExcel-ed69bc8f.js";
+import CsvTableConfig from "./readCsv-07f6d9ad.js";
+import ParquetTableConfig from "./readParquet-e3ed4528.js";
+import "./nodeInput-0eb13f1a.js";
+import { u as useNodeStore } from "./PopOver-b22f049e.js";
+import { d as defineComponent, r as ref, A as computed, l as resolveComponent, o as openBlock, c as createElementBlock, b as createBaseVNode, t as toDisplayString, s as unref, x as createBlock, f as createCommentVNode, m as createVNode, p as withCtx, i as _export_sfc } from "./index-fb6493ae.js";
+import { F as FileBrowser } from "./DesignerView-e6f5c0e8.js";
+import { d as isInputExcelTable, e as isInputCsvTable, f as isInputParquetTable } from "./node.types-2c15bb7e.js";
+import "./dropDown-ac0fda9d.js";
+import "./index-3ba44389.js";
+import "./vue-codemirror.esm-0965f39f.js";
 const _hoisted_1 = {
   key: 0,
   class: "listbox-wrapper"
@@ -211,8 +214,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Read_vue_vue_type_style_index_0_scoped_f404e0dc_lang = "";
-const Read = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f404e0dc"]]);
+const Read_vue_vue_type_style_index_0_scoped_91a12890_lang = "";
+const Read = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-91a12890"]]);
 export {
   Read as default
 };

flowfile/web/static/assets/{RecordCount-3d5039be.js → RecordCount-78ed6845.js}

@@ -1,7 +1,9 @@
-import { u as useNodeStore } from "./vue-codemirror.esm-41b0e0d7.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-4fe5f36b.js";
-import { d as defineComponent, r as ref, n as onMounted, R as nextTick, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, i as createCommentVNode } from "./index-5429bbf8.js";
-import "./designer-9633482a.js";
+import { u as useNodeStore } from "./PopOver-b22f049e.js";
+import { d as defineComponent, r as ref, C as onMounted, X as nextTick, o as openBlock, c as createElementBlock, m as createVNode, p as withCtx, b as createBaseVNode, f as createCommentVNode } from "./index-fb6493ae.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-99014e1d.js";
+import "./DesignerView-e6f5c0e8.js";
+import "./index-3ba44389.js";
+import "./vue-codemirror.esm-0965f39f.js";
 const _hoisted_1 = {
   key: 0,
   class: "listbox-wrapper"

flowfile/web/static/assets/{RecordId-597510e0.js → RecordId-2156e890.js}

@@ -1,9 +1,11 @@
-import { d as defineComponent, r as ref, n as onMounted, R as nextTick, o as onUnmounted, b as resolveComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, g as createTextVNode, a8 as withDirectives, a9 as vModelText, F as Fragment, q as renderList, s as normalizeClass, v as withModifiers, t as toDisplayString, h as createBlock, i as createCommentVNode } from "./index-5429bbf8.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-41b0e0d7.js";
-import ContextMenu from "./ContextMenu-f149cf7c.js";
-import SettingsSection from "./SettingsSection-e1e9c953.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-4fe5f36b.js";
-import "./designer-9633482a.js";
+import { d as defineComponent, r as ref, C as onMounted, X as nextTick, k as onUnmounted, l as resolveComponent, o as openBlock, c as createElementBlock, m as createVNode, p as withCtx, b as createBaseVNode, q as createTextVNode, g as withDirectives, v as vModelText, F as Fragment, D as renderList, n as normalizeClass, w as withModifiers, t as toDisplayString, x as createBlock, f as createCommentVNode } from "./index-fb6493ae.js";
+import { u as useNodeStore } from "./PopOver-b22f049e.js";
+import ContextMenu from "./ContextMenu-31ee57f0.js";
+import SettingsSection from "./SettingsSection-cd341bb6.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-99014e1d.js";
+import "./DesignerView-e6f5c0e8.js";
+import "./index-3ba44389.js";
+import "./vue-codemirror.esm-0965f39f.js";
 const _hoisted_1 = {
   key: 0,
   class: "listbox-wrapper"

flowfile/web/static/assets/{SQLQueryComponent-36cef432.css → SQLQueryComponent-1c2f26b4.css}

@@ -1,26 +1,26 @@
 
-.query-section[data-v-29602f2f] {
+.query-section[data-v-3bdbfe3d] {
   margin-top: 1rem;
   padding-top: 1rem;
   border-top: 1px solid #edf2f7;
 }
-.section-subtitle[data-v-29602f2f] {
+.section-subtitle[data-v-3bdbfe3d] {
   margin: 0 0 0.75rem 0;
   font-size: 0.95rem;
   font-weight: 600;
   color: #4a5568;
 }
-.form-group[data-v-29602f2f] {
+.form-group[data-v-3bdbfe3d] {
   margin-bottom: 1rem;
 }
-.form-control[data-v-29602f2f] {
+.form-control[data-v-3bdbfe3d] {
   width: 100%;
   padding: 0.5rem;
   border: 1px solid #e2e8f0;
   border-radius: 4px;
   font-size: 0.875rem;
 }
-.textarea[data-v-29602f2f] {
+.textarea[data-v-3bdbfe3d] {
   resize: vertical;
   min-height: 100px;
   font-family: monospace;

flowfile/web/static/assets/{SQLQueryComponent-df51adbe.js → SQLQueryComponent-48c72f5b.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, c as openBlock, e as createElementBlock, p as createBaseVNode, _ as _export_sfc } from "./index-5429bbf8.js";
+import { d as defineComponent, o as openBlock, c as createElementBlock, b as createBaseVNode, i as _export_sfc } from "./index-fb6493ae.js";
 const _hoisted_1 = { class: "query-section" };
 const _hoisted_2 = { class: "form-group" };
 const _hoisted_3 = ["value"];
@@ -31,8 +31,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SQLQueryComponent_vue_vue_type_style_index_0_scoped_29602f2f_lang = "";
-const SqlQueryComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-29602f2f"]]);
+const SQLQueryComponent_vue_vue_type_style_index_0_scoped_3bdbfe3d_lang = "";
+const SqlQueryComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3bdbfe3d"]]);
 export {
   SqlQueryComponent as default
 };

flowfile/web/static/assets/{Sample-4be0a507.js → Sample-1352ca74.js}

@@ -1,7 +1,9 @@
-import { d as defineComponent, r as ref, n as onMounted, R as nextTick, o as onUnmounted, b as resolveComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, g as createTextVNode, a8 as withDirectives, a9 as vModelText, i as createCommentVNode } from "./index-5429bbf8.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-41b0e0d7.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-4fe5f36b.js";
-import "./designer-9633482a.js";
+import { d as defineComponent, r as ref, C as onMounted, X as nextTick, k as onUnmounted, l as resolveComponent, o as openBlock, c as createElementBlock, m as createVNode, p as withCtx, b as createBaseVNode, q as createTextVNode, g as withDirectives, v as vModelText, f as createCommentVNode } from "./index-fb6493ae.js";
+import { u as useNodeStore } from "./PopOver-b22f049e.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-99014e1d.js";
+import "./DesignerView-e6f5c0e8.js";
+import "./index-3ba44389.js";
+import "./vue-codemirror.esm-0965f39f.js";
 const _hoisted_1 = {
   key: 0,
   class: "listbox-wrapper"

flowfile/web/static/assets/SecretSelector-22b5ff89.js

@@ -0,0 +1,113 @@
+import { d as defineComponent, r as ref, A as computed, C as onMounted, 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 { S as SecretsApi } from "./secrets.api-002e7d7e.js";
+const _hoisted_1 = { class: "component-container" };
+const _hoisted_2 = { class: "listbox-subtitle" };
+const _hoisted_3 = {
+  key: 0,
+  class: "required-indicator"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "field-description"
+};
+const _hoisted_5 = { class: "secret-option" };
+const _hoisted_6 = {
+  key: 1,
+  class: "no-secrets-hint"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SecretSelector",
+  props: {
+    schema: {
+      type: Object,
+      required: true
+    },
+    modelValue: {
+      type: String,
+      default: null
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const secrets = ref([]);
+    const loading = ref(true);
+    const filteredSecrets = computed(() => {
+      if (!props.schema.name_prefix) {
+        return secrets.value;
+      }
+      return secrets.value.filter(
+        (secret) => secret.name.toLowerCase().startsWith(props.schema.name_prefix.toLowerCase())
+      );
+    });
+    const loadSecrets = async () => {
+      loading.value = true;
+      try {
+        secrets.value = await SecretsApi.getAll();
+      } catch (error) {
+        console.error("Failed to load secrets:", error);
+        secrets.value = [];
+      } finally {
+        loading.value = false;
+      }
+    };
+    const openSecretsManager = () => {
+      window.open("/#/secrets", "_blank");
+    };
+    onMounted(() => {
+      loadSecrets();
+    });
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createBaseVNode("label", _hoisted_2, [
+          createTextVNode(toDisplayString(__props.schema.label) + " ", 1),
+          __props.schema.required ? (openBlock(), createElementBlock("span", _hoisted_3, "*")) : createCommentVNode("", true)
+        ]),
+        __props.schema.description ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.schema.description), 1)) : createCommentVNode("", true),
+        createVNode(_component_el_select, {
+          "model-value": __props.modelValue,
+          filterable: "",
+          clearable: "",
+          placeholder: "Select a secret",
+          style: { "width": "100%" },
+          size: "large",
+          loading: loading.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(filteredSecrets.value, (secret) => {
+              return openBlock(), createBlock(_component_el_option, {
+                key: secret.name,
+                label: secret.name,
+                value: secret.name
+              }, {
+                default: withCtx(() => [
+                  createBaseVNode("div", _hoisted_5, [
+                    _cache[1] || (_cache[1] = createBaseVNode("i", { class: "fa-solid fa-key secret-icon" }, null, -1)),
+                    createBaseVNode("span", null, toDisplayString(secret.name), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["label", "value"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value", "loading"]),
+        !loading.value && filteredSecrets.value.length === 0 ? (openBlock(), createElementBlock("p", _hoisted_6, [
+          _cache[2] || (_cache[2] = createTextVNode(" No secrets available. ")),
+          createBaseVNode("span", {
+            class: "hint-link",
+            onClick: openSecretsManager
+          }, "Add secrets")
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const SecretSelector_vue_vue_type_style_index_0_scoped_c7dfd4de_lang = "";
+const SecretSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c7dfd4de"]]);
+export {
+  SecretSelector as default
+};

flowfile/web/static/assets/SecretSelector-6329f743.css

@@ -0,0 +1,43 @@
+
+.component-container[data-v-c7dfd4de] {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+.listbox-subtitle[data-v-c7dfd4de] {
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #374151;
+}
+.required-indicator[data-v-c7dfd4de] {
+  color: #ef4444;
+  margin-left: 0.25rem;
+}
+.field-description[data-v-c7dfd4de] {
+  font-size: 0.75rem;
+  color: #6b7280;
+  margin: 0;
+  margin-bottom: 0.25rem;
+}
+.secret-option[data-v-c7dfd4de] {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.secret-icon[data-v-c7dfd4de] {
+  color: #6b7280;
+  font-size: 0.75rem;
+}
+.no-secrets-hint[data-v-c7dfd4de] {
+  font-size: 0.75rem;
+  color: #6b7280;
+  margin: 0.25rem 0 0 0;
+}
+.hint-link[data-v-c7dfd4de] {
+  color: #3b82f6;
+  cursor: pointer;
+  text-decoration: underline;
+}
+.hint-link[data-v-c7dfd4de]:hover {
+  color: #2563eb;
+}

flowfile/web/static/assets/{SecretManager-4839be57.js → SecretsView-17df66ee.js}

@@ -1,5 +1,5 @@
-import { r as ref, l as computed, d as defineComponent, n as onMounted, e as createElementBlock, p as createBaseVNode, v as withModifiers, a8 as withDirectives, a9 as vModelText, al as vModelDynamic, s as normalizeClass, g as createTextVNode, t as toDisplayString, u as unref, O as isRef, i as createCommentVNode, F as Fragment, q as renderList, c as openBlock } from "./index-5429bbf8.js";
-import { f as fetchSecretsApi, a as addSecretApi, g as getSecretValueApi, d as deleteSecretApi } from "./secretApi-68435402.js";
+import { r as ref, A as computed, d as defineComponent, C as onMounted, c as createElementBlock, b as createBaseVNode, w as withModifiers, g as withDirectives, v as vModelText, h as vModelDynamic, n as normalizeClass, q as createTextVNode, t as toDisplayString, s as unref, U as isRef, f as createCommentVNode, F as Fragment, D as renderList, o as openBlock, i as _export_sfc } from "./index-fb6493ae.js";
+import { f as fetchSecretsApi, a as addSecretApi, g as getSecretValueApi, d as deleteSecretApi } from "./secrets.api-002e7d7e.js";
 function useSecretManager() {
   const secrets = ref([]);
   const isLoading = ref(true);
@@ -119,25 +119,24 @@ const _hoisted_17 = {
 };
 const _hoisted_18 = {
   key: 2,
-  class: "flex-col gap-2"
+  class: "secrets-list"
 };
-const _hoisted_19 = { class: "secret-info" };
-const _hoisted_20 = { class: "secret-name" };
-const _hoisted_21 = { class: "secret-actions" };
-const _hoisted_22 = ["aria-label", "onClick"];
-const _hoisted_23 = {
+const _hoisted_19 = { class: "secret-name" };
+const _hoisted_20 = { class: "secret-actions" };
+const _hoisted_21 = ["aria-label", "onClick"];
+const _hoisted_22 = {
   key: 3,
   class: "empty-state"
 };
-const _hoisted_24 = { class: "modal-content" };
-const _hoisted_25 = { class: "modal-actions" };
-const _hoisted_26 = ["disabled"];
-const _hoisted_27 = {
+const _hoisted_23 = { class: "modal-content" };
+const _hoisted_24 = { class: "modal-actions" };
+const _hoisted_25 = ["disabled"];
+const _hoisted_26 = {
   key: 0,
   class: "fas fa-spinner fa-spin"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SecretManager",
+  __name: "SecretsView",
   setup(__props) {
     const { secrets, filteredSecrets, isLoading, searchTerm, loadSecrets, addSecret, deleteSecret } = useSecretManager();
     const newSecret = ref({ name: "", value: "" });
@@ -187,7 +186,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     onMounted(() => {
-      loadSecrets().catch((error) => {
+      loadSecrets().catch(() => {
         alert("Failed to load secrets. Please try again.");
       });
     });
@@ -296,34 +295,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   class: "secret-item"
                 }, [
                   createBaseVNode("div", _hoisted_19, [
-                    createBaseVNode("div", _hoisted_20, [
-                      _cache[12] || (_cache[12] = createBaseVNode("i", { class: "fa-solid fa-key" }, null, -1)),
-                      createBaseVNode("span", null, toDisplayString(secret.name), 1)
-                    ]),
-                    _cache[13] || (_cache[13] = createBaseVNode("div", { class: "secret-value" }, [
-                      createBaseVNode("input", {
-                        type: "password",
-                        value: "••••••••••••••••",
-                        readonly: "",
-                        class: "form-input",
-                        "aria-label": "Masked secret value"
-                      })
-                    ], -1))
+                    _cache[12] || (_cache[12] = createBaseVNode("i", { class: "fa-solid fa-key" }, null, -1)),
+                    createBaseVNode("span", null, toDisplayString(secret.name), 1)
                   ]),
-                  createBaseVNode("div", _hoisted_21, [
+                  _cache[14] || (_cache[14] = createBaseVNode("div", { class: "secret-value" }, [
+                    createBaseVNode("input", {
+                      type: "password",
+                      value: "••••••••••••••••",
+                      readonly: "",
+                      class: "form-input",
+                      "aria-label": "Masked secret value"
+                    })
+                  ], -1)),
+                  createBaseVNode("div", _hoisted_20, [
                     createBaseVNode("button", {
                       type: "button",
                       class: "btn btn-danger",
                       "aria-label": `Delete secret ${secret.name}`,
                       onClick: ($event) => handleConfirmDelete(secret.name)
-                    }, _cache[14] || (_cache[14] = [
+                    }, _cache[13] || (_cache[13] = [
                       createBaseVNode("i", { class: "fa-solid fa-trash-alt" }, null, -1),
                       createBaseVNode("span", null, "Delete", -1)
-                    ]), 8, _hoisted_22)
+                    ]), 8, _hoisted_21)
                   ])
                 ]);
               }), 128))
-            ])) : (openBlock(), createElementBlock("div", _hoisted_23, [
+            ])) : (openBlock(), createElementBlock("div", _hoisted_22, [
               _cache[15] || (_cache[15] = createBaseVNode("i", { class: "fa-solid fa-search" }, null, -1)),
               createBaseVNode("p", null, 'No secrets found matching "' + toDisplayString(unref(searchTerm)) + '"', 1)
             ]))
@@ -349,7 +346,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createBaseVNode("i", { class: "fa-solid fa-times" }, null, -1)
               ]))
             ]),
-            createBaseVNode("div", _hoisted_24, [
+            createBaseVNode("div", _hoisted_23, [
               createBaseVNode("p", null, [
                 _cache[18] || (_cache[18] = createTextVNode(" Are you sure you want to delete the secret ")),
                 createBaseVNode("strong", null, toDisplayString(secretToDelete.value), 1),
@@ -357,7 +354,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _cache[20] || (_cache[20] = createBaseVNode("p", { class: "warning-text" }, " This action cannot be undone and may break any flows that use this secret. ", -1))
             ]),
-            createBaseVNode("div", _hoisted_25, [
+            createBaseVNode("div", _hoisted_24, [
               createBaseVNode("button", {
                 class: "btn btn-secondary",
                 onClick: cancelDelete
@@ -367,9 +364,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 disabled: isDeleting.value,
                 onClick: handleDeleteSecret
               }, [
-                isDeleting.value ? (openBlock(), createElementBlock("i", _hoisted_27)) : createCommentVNode("", true),
+                isDeleting.value ? (openBlock(), createElementBlock("i", _hoisted_26)) : createCommentVNode("", true),
                 createTextVNode(" " + toDisplayString(isDeleting.value ? "Deleting..." : "Delete Secret"), 1)
-              ], 8, _hoisted_26)
+              ], 8, _hoisted_25)
             ])
           ])
         ])) : createCommentVNode("", true)
@@ -377,6 +374,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const SecretsView_vue_vue_type_style_index_0_scoped_120c4aad_lang = "";
+const SecretsView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-120c4aad"]]);
 export {
-  _sfc_main as default
+  SecretsView as default
 };

flowfile/web/static/assets/SecretsView-aa291340.css

@@ -0,0 +1,38 @@
+
+/* Override global styles to ensure horizontal layout */
+.secret-item[data-v-120c4aad] {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: var(--spacing-2) var(--spacing-4);
+  background-color: var(--color-background-primary);
+  border: 1px solid var(--color-border-light);
+  border-radius: var(--border-radius-md);
+  gap: var(--spacing-4);
+}
+.secret-name[data-v-120c4aad] {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2);
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-medium);
+  color: var(--color-text-primary);
+  width: 350px;
+  flex-shrink: 0;
+}
+.secret-name i[data-v-120c4aad] {
+  color: var(--color-accent);
+}
+.secret-value[data-v-120c4aad] {
+  flex: 1;
+  min-width: 100px;
+  max-width: 250px;
+}
+.secret-value .form-input[data-v-120c4aad] {
+  background-color: var(--color-background-muted);
+  height: 32px;
+}
+.secret-actions[data-v-120c4aad] {
+  flex-shrink: 0;
+  margin-left: auto;
+}

flowfile/web/static/assets/{Select-9b72f201.js → Select-0aee4c54.js}

@@ -1,10 +1,12 @@
-import { r as ref, d as defineComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, h as createBlock, u as unref } 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 { s as selectDynamic } from "./selectDynamic-92e25ee3.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-4fe5f36b.js";
-import "./UnavailableFields-a03f512c.js";
-import "./designer-9633482a.js";
+import { r as ref, d as defineComponent, o as openBlock, c as createElementBlock, m as createVNode, p as withCtx, x as createBlock, s as unref } from "./index-fb6493ae.js";
+import { C as CodeLoader } from "./vue-content-loader.es-c506ad97.js";
+import { u as useNodeStore } from "./PopOver-b22f049e.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 createSelectInput = (column_name, data_type = void 0, position = void 0, original_position = void 0) => {
   const selectInput = {
     old_name: column_name,

flowfile/web/static/assets/{SettingsSection-f0f75a42.js → SettingsSection-0784e157.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, c as openBlock, e as createElementBlock, p as createBaseVNode, T as normalizeStyle, t as toDisplayString, F as Fragment, q as renderList, g as createTextVNode, i as createCommentVNode, _ as _export_sfc } from "./index-5429bbf8.js";
+import { d as defineComponent, o as openBlock, c as createElementBlock, b as createBaseVNode, Z as normalizeStyle, t as toDisplayString, F as Fragment, D as renderList, q as createTextVNode, f as createCommentVNode, i as _export_sfc } from "./index-fb6493ae.js";
 const _hoisted_1 = { class: "listbox-wrapper" };
 const _hoisted_2 = { class: "listbox-row" };
 const _hoisted_3 = { class: "items-container" };
@@ -46,8 +46,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SettingsSection_vue_vue_type_style_index_0_scoped_fd7e6af1_lang = "";
-const SettingsSection = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fd7e6af1"]]);
+const SettingsSection_vue_vue_type_style_index_0_scoped_1a44e29e_lang = "";
+const SettingsSection = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1a44e29e"]]);
 export {
   SettingsSection as default
 };

flowfile/web/static/assets/{SettingsSection-71e6b7e3.css → SettingsSection-07fbbc39.css}

@@ -1,10 +1,10 @@
 
-.items-container[data-v-89e3a043] {
+.items-container[data-v-b9db7ed5] {
   display: flex;
   flex-wrap: wrap;
   gap: 10px; /* Space between items */
 }
-.item-box[data-v-89e3a043] {
+.item-box[data-v-b9db7ed5] {
   display: flex;
   align-items: center;
   padding: 5px 10px;
@@ -13,9 +13,9 @@
   font-size: 12px; /* Font size set to 12px */
   position: relative;
 }
-.remove-btn[data-v-89e3a043] {
+.remove-btn[data-v-b9db7ed5] {
   margin-left: 8px;
   cursor: pointer;
-  color: #100f0f72;
+  color: var(--color-text-secondary);
   font-weight: bold;
 }