Flowfile 0.4.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-6b17491f.css → Read-36e7bd51.css}

@@ -1,14 +1,14 @@
 
-.context-menu[data-v-41ef044d] {
+.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-41ef044d] {
+.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-41ef044d]:hover {
+.context-menu button[data-v-91a12890]:hover {
   background-color: #f0f0f0;
 }
-.file-upload-wrapper[data-v-41ef044d] {
+.file-upload-wrapper[data-v-91a12890] {
   position: relative;
   width: 100%;
 }
-.file-upload-label[data-v-41ef044d] {
+.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-41ef044d]:hover {
+.file-upload-label[data-v-91a12890]:hover {
   background-color: #e4e4e4;
 }
-.file-icon[data-v-41ef044d] {
+.file-icon[data-v-91a12890] {
   margin-right: 10px;
   font-size: 20px;
 }
-.file-label-text[data-v-41ef044d] {
+.file-label-text[data-v-91a12890] {
   flex-grow: 1;
   margin-left: 10px;
 }
-input[type="text"][data-v-41ef044d] {
+input[type="text"][data-v-91a12890] {
   width: 100%;
   padding: 8px;
   border: 1px solid #ddd;
@@ -56,7 +56,7 @@ input[type="text"][data-v-41ef044d] {
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
   transition: border-color 0.2s ease;
 }
-input[type="text"][data-v-41ef044d]:focus {
+input[type="text"][data-v-91a12890]:focus {
   border-color: #3498db;
   outline: none;
 }

flowfile/web/static/assets/{Read-637b72a7.js → Read-aec2e377.js}

@@ -1,11 +1,15 @@
-import { C as CodeLoader } from "./vue-content-loader.es-b5f3ac30.js";
-import ExcelTableConfig from "./readExcel-ad531eab.js";
-import CsvTableConfig from "./readCsv-053bf97b.js";
-import ParquetTableConfig from "./readParquet-58e899a1.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-db9b8936.js";
-import { F as FileBrowser } from "./designer-f3656d8c.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, h as createBlock, i as createCommentVNode, f as createVNode, w as withCtx, u as unref, _ as _export_sfc } from "./index-246f201c.js";
-import "./dropDown-1bca8a74.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"
@@ -24,55 +28,52 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { expose: __expose }) {
     const nodeStore = useNodeStore();
     const selectedFile = ref(null);
-    const isExcelFile = ref(false);
-    const isCsvFile = ref(false);
-    const isParquetFile = ref(false);
     const nodeRead = ref(null);
+    const receivedTable = ref(null);
     const dataLoaded = ref(false);
-    const selectedPath = ref("");
     const modalVisibleForOpen = ref(false);
     const getDisplayFileName = computed(() => {
-      var _a, _b, _c;
+      var _a, _b;
       if ((_a = selectedFile.value) == null ? void 0 : _a.name) {
         return selectedFile.value.name;
       }
-      if ((_c = (_b = nodeRead.value) == null ? void 0 : _b.received_file) == null ? void 0 : _c.name) {
-        return nodeRead.value.received_file.name;
+      if ((_b = receivedTable.value) == null ? void 0 : _b.name) {
+        return receivedTable.value.name;
       }
       return "Choose a file...";
     });
-    const receivedExcelTable = ref({
-      name: "",
-      path: "",
-      file_type: "excel",
-      sheet_name: "",
-      start_row: 0,
-      start_column: 0,
-      end_row: 0,
-      end_column: 0,
-      has_headers: true,
-      type_inference: false
-    });
-    const receivedCsvTable = ref({
-      name: "",
-      path: "",
-      file_type: "csv",
-      reference: "",
-      starting_from_line: 0,
-      delimiter: ",",
-      has_headers: true,
-      encoding: "utf-8",
-      row_delimiter: "",
-      quote_char: "",
-      infer_schema_length: 1e3,
-      truncate_ragged_lines: false,
-      ignore_errors: false
-    });
-    const receivedParquetTable = ref({
-      name: "",
-      path: "",
-      file_type: "parquet"
-    });
+    function createDefaultCsvSettings() {
+      return {
+        file_type: "csv",
+        reference: "",
+        starting_from_line: 0,
+        delimiter: ",",
+        has_headers: true,
+        encoding: "utf-8",
+        row_delimiter: "\n",
+        quote_char: '"',
+        infer_schema_length: 1e3,
+        truncate_ragged_lines: false,
+        ignore_errors: false
+      };
+    }
+    function createDefaultExcelSettings() {
+      return {
+        file_type: "excel",
+        sheet_name: "",
+        start_row: 0,
+        start_column: 0,
+        end_row: 0,
+        end_column: 0,
+        has_headers: true,
+        type_inference: false
+      };
+    }
+    function createDefaultParquetSettings() {
+      return {
+        file_type: "parquet"
+      };
+    }
     const handleFileChange = (fileInfo) => {
       var _a;
       try {
@@ -80,37 +81,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           console.warn("No file info provided");
           return;
         }
-        const fileType = (_a = fileInfo.name.split(".").pop()) == null ? void 0 : _a.toLowerCase();
-        if (!fileType) {
+        const ext = (_a = fileInfo.name.split(".").pop()) == null ? void 0 : _a.toLowerCase();
+        if (!ext) {
           console.warn("No file type detected");
           return;
         }
-        isExcelFile.value = false;
-        isCsvFile.value = false;
-        isParquetFile.value = false;
-        switch (fileType) {
+        let fileType;
+        let tableSettings;
+        switch (ext) {
           case "xlsx":
-            isExcelFile.value = true;
-            receivedExcelTable.value.path = fileInfo.path;
-            receivedExcelTable.value.name = fileInfo.name;
+            fileType = "excel";
+            tableSettings = createDefaultExcelSettings();
             break;
           case "csv":
           case "txt":
-            isCsvFile.value = true;
-            receivedCsvTable.value.path = fileInfo.path;
-            receivedCsvTable.value.name = fileInfo.name;
+            fileType = "csv";
+            tableSettings = createDefaultCsvSettings();
             break;
           case "parquet":
-            isParquetFile.value = true;
-            receivedParquetTable.value.path = fileInfo.path;
-            receivedParquetTable.value.name = fileInfo.name;
+            fileType = "parquet";
+            tableSettings = createDefaultParquetSettings();
             break;
           default:
-            console.warn("Unsupported file type:", fileType);
+            console.warn("Unsupported file type:", ext);
             return;
         }
+        receivedTable.value = {
+          name: fileInfo.name,
+          path: fileInfo.path,
+          file_type: fileType,
+          table_settings: tableSettings
+        };
         selectedFile.value = fileInfo;
-        selectedPath.value = fileInfo.path;
         modalVisibleForOpen.value = false;
       } catch (error) {
         console.error("Error handling file change:", error);
@@ -127,25 +129,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
         nodeRead.value = nodeResult.setting_input;
         if (((_a = nodeResult.setting_input) == null ? void 0 : _a.is_setup) && nodeResult.setting_input.received_file) {
-          const { file_type } = nodeResult.setting_input.received_file;
-          isExcelFile.value = false;
-          isCsvFile.value = false;
-          isParquetFile.value = false;
-          switch (file_type) {
-            case "excel":
-              isExcelFile.value = true;
-              receivedExcelTable.value = nodeResult.setting_input.received_file;
-              break;
-            case "csv":
-              isCsvFile.value = true;
-              receivedCsvTable.value = nodeResult.setting_input.received_file;
-              break;
-            case "parquet":
-              isParquetFile.value = true;
-              receivedParquetTable.value = nodeResult.setting_input.received_file;
-              break;
-          }
-          selectedPath.value = nodeResult.setting_input.received_file.path;
+          receivedTable.value = nodeResult.setting_input.received_file;
         }
         dataLoaded.value = true;
       } catch (error) {
@@ -156,20 +140,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const pushNodeData = async () => {
       try {
         dataLoaded.value = false;
-        if (!nodeRead.value) {
+        if (!nodeRead.value || !receivedTable.value) {
           console.warn("No node read value available");
           dataLoaded.value = true;
           return;
         }
         nodeRead.value.is_setup = true;
-        if (isExcelFile.value) {
-          nodeRead.value.received_file = receivedExcelTable.value;
-        } else if (isCsvFile.value) {
-          nodeRead.value.received_file = receivedCsvTable.value;
-        } else if (isParquetFile.value) {
-          nodeRead.value.cache_results = false;
-          nodeRead.value.received_file = receivedParquetTable.value;
-        }
+        nodeRead.value.received_file = receivedTable.value;
         await nodeStore.updateSettings(nodeRead);
       } catch (error) {
         console.error("Error pushing node data:", error);
@@ -197,23 +174,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ])
         ]),
-        isCsvFile.value || isExcelFile.value || isParquetFile.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
+        receivedTable.value ? (openBlock(), createElementBlock("div", _hoisted_6, [
           createBaseVNode("div", _hoisted_7, [
             _cache[6] || (_cache[6] = createBaseVNode("div", { class: "listbox-subtitle" }, "File Specs", -1)),
-            isExcelFile.value ? (openBlock(), createBlock(ExcelTableConfig, {
+            unref(isInputExcelTable)(receivedTable.value.table_settings) ? (openBlock(), createBlock(ExcelTableConfig, {
               key: 0,
-              modelValue: receivedExcelTable.value,
-              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => receivedExcelTable.value = $event)
-            }, null, 8, ["modelValue"])) : createCommentVNode("", true),
-            isCsvFile.value ? (openBlock(), createBlock(CsvTableConfig, {
+              modelValue: receivedTable.value.table_settings,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => receivedTable.value.table_settings = $event),
+              path: receivedTable.value.path
+            }, null, 8, ["modelValue", "path"])) : createCommentVNode("", true),
+            unref(isInputCsvTable)(receivedTable.value.table_settings) ? (openBlock(), createBlock(CsvTableConfig, {
               key: 1,
-              modelValue: receivedCsvTable.value,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => receivedCsvTable.value = $event)
+              modelValue: receivedTable.value.table_settings,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => receivedTable.value.table_settings = $event)
             }, null, 8, ["modelValue"])) : createCommentVNode("", true),
-            isParquetFile.value ? (openBlock(), createBlock(ParquetTableConfig, {
+            unref(isInputParquetTable)(receivedTable.value.table_settings) ? (openBlock(), createBlock(ParquetTableConfig, {
               key: 2,
-              modelValue: receivedParquetTable.value,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => receivedParquetTable.value = $event)
+              modelValue: receivedTable.value.table_settings,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => receivedTable.value.table_settings = $event)
             }, null, 8, ["modelValue"])) : createCommentVNode("", true)
           ])
         ])) : createCommentVNode("", true),
@@ -236,8 +214,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Read_vue_vue_type_style_index_0_scoped_41ef044d_lang = "";
-const Read = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-41ef044d"]]);
+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-2b050c41.js → RecordCount-78ed6845.js}

@@ -1,7 +1,9 @@
-import { u as useNodeStore } from "./vue-codemirror.esm-db9b8936.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-0476ba4e.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-246f201c.js";
-import "./designer-f3656d8c.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-81df7784.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-246f201c.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-db9b8936.js";
-import ContextMenu from "./ContextMenu-11a4652a.js";
-import SettingsSection from "./SettingsSection-0e8d9123.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-0476ba4e.js";
-import "./designer-f3656d8c.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-88dcfe53.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-246f201c.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-258ad2a9.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-246f201c.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-db9b8936.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-0476ba4e.js";
-import "./designer-f3656d8c.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;
+}