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

flowfile/web/static/assets/{CloudStorageReader-24c54524.css → CloudStorageReader-BDByiqPI.css}

@@ -1,41 +1,41 @@
 
-.cloud-storage-container[data-v-6e26efc5] {
+.cloud-storage-container[data-v-dd49ef6c] {
   font-family: var(--font-family-base);
   max-width: 100%;
   color: var(--color-text-primary);
 }
-.section-subtitle[data-v-6e26efc5] {
+.section-subtitle[data-v-dd49ef6c] {
   margin: 0 0 0.75rem 0;
   font-size: 0.95rem;
   font-weight: 600;
   color: #4a5568;
 }
-.subsection-title[data-v-6e26efc5] {
+.subsection-title[data-v-dd49ef6c] {
   margin: 0.5rem 0 0.5rem 0;
   font-size: 0.875rem;
   font-weight: 600;
   color: #718096;
 }
-.format-options[data-v-6e26efc5] {
+.format-options[data-v-dd49ef6c] {
   margin-top: 1rem;
   padding: 1rem;
   background-color: #f7fafc;
   border-radius: 4px;
   border: 1px solid #e2e8f0;
 }
-.form-row[data-v-6e26efc5] {
+.form-row[data-v-dd49ef6c] {
   display: flex;
   gap: 0.75rem;
   margin-bottom: 0.75rem;
   width: 100%;
   box-sizing: border-box;
 }
-.half[data-v-6e26efc5] {
+.half[data-v-dd49ef6c] {
   flex: 1;
   min-width: 0;
   max-width: calc(50% - 0.375rem);
 }
-.form-control[data-v-6e26efc5] {
+.form-control[data-v-dd49ef6c] {
   width: 100%;
   padding: 0.5rem;
   border: 1px solid #e2e8f0;
@@ -43,18 +43,18 @@
   font-size: 0.875rem;
   box-sizing: border-box;
 }
-.form-group[data-v-6e26efc5] {
+.form-group[data-v-dd49ef6c] {
   margin-bottom: 0.75rem;
   width: 100%;
 }
-label[data-v-6e26efc5] {
+label[data-v-dd49ef6c] {
   display: block;
   margin-bottom: 0.25rem;
   font-size: 0.875rem;
   font-weight: 500;
   color: #4a5568;
 }
-select.form-control[data-v-6e26efc5] {
+select.form-control[data-v-dd49ef6c] {
   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;
@@ -62,21 +62,21 @@ select.form-control[data-v-6e26efc5] {
   background-size: 1em;
   padding-right: 2rem;
 }
-.checkbox-container[data-v-6e26efc5] {
+.checkbox-container[data-v-dd49ef6c] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-.checkbox-input[data-v-6e26efc5] {
+.checkbox-input[data-v-dd49ef6c] {
   width: 1rem;
   height: 1rem;
   cursor: pointer;
 }
-.checkbox-label[data-v-6e26efc5] {
+.checkbox-label[data-v-dd49ef6c] {
   margin: 0;
   cursor: pointer;
 }
-.info-box[data-v-6e26efc5] {
+.info-box[data-v-dd49ef6c] {
   display: flex;
   gap: 0.75rem;
   padding: 0.75rem;
@@ -86,16 +86,16 @@ select.form-control[data-v-6e26efc5] {
   margin-top: 1rem;
   font-size: 0.875rem;
 }
-.info-box i[data-v-6e26efc5] {
+.info-box i[data-v-dd49ef6c] {
   color: #1890ff;
   font-size: 1.25rem;
   flex-shrink: 0;
 }
-.info-box p[data-v-6e26efc5] {
+.info-box p[data-v-dd49ef6c] {
   margin: 0;
   color: #4a5568;
 }
-.helper-text[data-v-6e26efc5] {
+.helper-text[data-v-dd49ef6c] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -103,41 +103,41 @@ select.form-control[data-v-6e26efc5] {
   font-size: 0.8125rem;
   color: #718096;
 }
-.helper-text i[data-v-6e26efc5] {
+.helper-text i[data-v-dd49ef6c] {
   color: #4299e1;
   font-size: 0.875rem;
 }
-.loading-state[data-v-6e26efc5] {
+.loading-state[data-v-dd49ef6c] {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.5rem;
   padding: 1rem;
 }
-.loading-state p[data-v-6e26efc5] {
+.loading-state p[data-v-dd49ef6c] {
   margin: 0;
   color: #718096;
   font-size: 0.875rem;
 }
-.loading-spinner[data-v-6e26efc5] {
+.loading-spinner[data-v-dd49ef6c] {
   width: 2rem;
   height: 2rem;
   border: 2px solid #e2e8f0;
   border-top-color: #4299e1;
   border-radius: 50%;
-  animation: spin-6e26efc5 0.8s linear infinite;
+  animation: spin-dd49ef6c 0.8s linear infinite;
 }
-@keyframes spin-6e26efc5 {
+@keyframes spin-dd49ef6c {
 to {
     transform: rotate(360deg);
 }
 }
 @media (max-width: 640px) {
-.form-row[data-v-6e26efc5] {
+.form-row[data-v-dd49ef6c] {
     flex-direction: column;
     gap: 0.5rem;
 }
-.half[data-v-6e26efc5] {
+.half[data-v-dd49ef6c] {
     max-width: 100%;
 }
 }

flowfile/web/static/assets/{CloudStorageReader-d86ecaa7.js → CloudStorageReader-DLVukNJ7.js}

@@ -1,11 +1,8 @@
-import { d as defineComponent, r as ref, o as openBlock, c as createElementBlock, p as createVNode, q as withCtx, a as createBaseVNode, i as withDirectives, ao as vModelSelect, G as Fragment, H as renderList, t as toDisplayString, f as createTextVNode, e as createCommentVNode, v as vModelText, ap as vModelCheckbox, y as createBlock, x as unref, 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 fetchCloudStorageConnectionsInterfaces } from "./api-f75042b0.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-14eac1c3.js";
-import "./DesignerView-f64749fb.js";
-import "./index-f0a6e5a5.js";
-import "./vue-codemirror.esm-31ba0e0b.js";
+import { d as defineComponent, l as useNodeStore, c as createElementBlock, z as createVNode, B as withCtx, a as createBaseVNode, h as withDirectives, ax as vModelSelect, K as Fragment, L as renderList, t as toDisplayString, f as createTextVNode, e as createCommentVNode, v as vModelText, ay as vModelCheckbox, A as unref, C as createBlock, r as ref, N as ElMessage, o as openBlock, g as _export_sfc } from "./index-bcuE0Z0p.js";
+import { C as CodeLoader } from "./vue-content-loader.es-CMoRXo7N.js";
+import { u as useNodeSettings } from "./useNodeSettings-dMS9zmh_.js";
+import { f as fetchCloudStorageConnectionsInterfaces } from "./api-DaC83EO_.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-BBtW_Cpz.js";
 const createNodeCloudStorageReader = (flowId, nodeId) => {
   const cloudStorageReadSettings = {
     auth_mode: "aws-cli",
@@ -77,6 +74,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const nodeStore = useNodeStore();
     const dataLoaded = ref(false);
     const nodeCloudStorageReader = ref(null);
+    const { saveSettings, pushNodeData, handleGenericSettingsUpdate } = useNodeSettings({
+      nodeRef: nodeCloudStorageReader
+    });
     const connectionInterfaces = ref([]);
     const connectionsAreLoading = ref(false);
     const selectedConnection = ref(null);
@@ -178,15 +178,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         dataLoaded.value = false;
       }
     };
-    const pushNodeData = async () => {
-      if (!nodeCloudStorageReader.value || !nodeCloudStorageReader.value.cloud_storage_settings) {
-        console.log("Returning without pushing");
-        return;
-      }
-      nodeCloudStorageReader.value.is_setup = true;
-      nodeStore.updateSettings(nodeCloudStorageReader);
-      dataLoaded.value = false;
-    };
     const fetchConnections = async () => {
       connectionsAreLoading.value = true;
       try {
@@ -200,22 +191,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     __expose({
       loadNodeData,
-      pushNodeData
+      pushNodeData,
+      saveSettings
     });
     return (_ctx, _cache) => {
       return dataLoaded.value && nodeCloudStorageReader.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeCloudStorageReader.value,
-          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => nodeCloudStorageReader.value = $event)
+          "onUpdate:modelValue": [
+            _cache[8] || (_cache[8] = ($event) => nodeCloudStorageReader.value = $event),
+            unref(handleGenericSettingsUpdate)
+          ],
+          onRequestSave: unref(saveSettings)
         }, {
           default: withCtx(() => [
             createBaseVNode("div", _hoisted_2, [
               createBaseVNode("div", _hoisted_3, [
                 _cache[12] || (_cache[12] = createBaseVNode("label", { for: "connection-select" }, "Cloud Storage Connection", -1)),
-                connectionsAreLoading.value ? (openBlock(), createElementBlock("div", _hoisted_4, _cache[9] || (_cache[9] = [
+                connectionsAreLoading.value ? (openBlock(), createElementBlock("div", _hoisted_4, [..._cache[9] || (_cache[9] = [
                   createBaseVNode("div", { class: "loading-spinner" }, null, -1),
                   createBaseVNode("p", null, "Loading connections...", -1)
-                ]))) : (openBlock(), createElementBlock("div", _hoisted_5, [
+                ])])) : (openBlock(), createElementBlock("div", _hoisted_5, [
                   withDirectives(createBaseVNode("select", {
                     id: "connection-select",
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedConnection.value = $event),
@@ -232,10 +228,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ], 544), [
                     [vModelSelect, selectedConnection.value]
                   ]),
-                  !nodeCloudStorageReader.value.cloud_storage_settings.connection_name ? (openBlock(), createElementBlock("div", _hoisted_7, _cache[11] || (_cache[11] = [
+                  !nodeCloudStorageReader.value.cloud_storage_settings.connection_name ? (openBlock(), createElementBlock("div", _hoisted_7, [..._cache[11] || (_cache[11] = [
                     createBaseVNode("i", { class: "fa-solid fa-info-circle" }, null, -1),
-                    createTextVNode(" Will use local AWS CLI credentials or environment variables ")
-                  ]))) : createCommentVNode("", true)
+                    createTextVNode(" Will use local AWS CLI credentials or environment variables ", -1)
+                  ])])) : createCommentVNode("", true)
                 ]))
               ])
             ]),
@@ -261,12 +257,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => nodeCloudStorageReader.value.cloud_storage_settings.file_format = $event),
                   class: "form-control",
                   onChange: handleFileFormatChange
-                }, _cache[14] || (_cache[14] = [
+                }, [..._cache[14] || (_cache[14] = [
                   createBaseVNode("option", { value: "csv" }, "CSV", -1),
                   createBaseVNode("option", { value: "parquet" }, "Parquet", -1),
                   createBaseVNode("option", { value: "json" }, "JSON", -1),
                   createBaseVNode("option", { value: "delta" }, "Delta Lake", -1)
-                ]), 544), [
+                ])], 544), [
                   [vModelSelect, nodeCloudStorageReader.value.cloud_storage_settings.file_format]
                 ])
               ]),
@@ -276,10 +272,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   id: "scan-mode",
                   "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => nodeCloudStorageReader.value.cloud_storage_settings.scan_mode = $event),
                   class: "form-control"
-                }, _cache[16] || (_cache[16] = [
+                }, [..._cache[16] || (_cache[16] = [
                   createBaseVNode("option", { value: "single_file" }, "Single File", -1),
                   createBaseVNode("option", { value: "directory" }, "Directory", -1)
-                ]), 512), [
+                ])], 512), [
                   [vModelSelect, nodeCloudStorageReader.value.cloud_storage_settings.scan_mode]
                 ])
               ])) : createCommentVNode("", true),
@@ -321,10 +317,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       id: "csv-encoding",
                       "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => nodeCloudStorageReader.value.cloud_storage_settings.csv_encoding = $event),
                       class: "form-control"
-                    }, _cache[20] || (_cache[20] = [
+                    }, [..._cache[20] || (_cache[20] = [
                       createBaseVNode("option", { value: "utf8" }, "UTF-8", -1),
                       createBaseVNode("option", { value: "utf8-lossy" }, "UTF-8 Lossy", -1)
-                    ]), 512), [
+                    ])], 512), [
                       [vModelSelect, nodeCloudStorageReader.value.cloud_storage_settings.csv_encoding]
                     ])
                   ])
@@ -351,22 +347,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])
                 ])
               ])) : createCommentVNode("", true),
-              nodeCloudStorageReader.value.cloud_storage_settings.scan_mode === "directory" ? (openBlock(), createElementBlock("div", _hoisted_20, _cache[25] || (_cache[25] = [
+              nodeCloudStorageReader.value.cloud_storage_settings.scan_mode === "directory" ? (openBlock(), createElementBlock("div", _hoisted_20, [..._cache[25] || (_cache[25] = [
                 createBaseVNode("i", { class: "fa-solid fa-info-circle" }, null, -1),
                 createBaseVNode("div", null, [
                   createBaseVNode("p", null, " Directory scan will read all files matching the selected format in the specified path. ")
                 ], -1)
-              ]))) : createCommentVNode("", true)
+              ])])) : createCommentVNode("", true)
             ])
           ]),
           _: 1
-        }, 8, ["modelValue"])
+        }, 8, ["modelValue", "onUpdate:modelValue", "onRequestSave"])
       ])) : (openBlock(), createBlock(unref(CodeLoader), { key: 1 }));
     };
   }
 });
-const CloudStorageReader_vue_vue_type_style_index_0_scoped_6e26efc5_lang = "";
-const CloudStorageReader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6e26efc5"]]);
+const CloudStorageReader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dd49ef6c"]]);
 export {
   CloudStorageReader as default
 };

flowfile/web/static/assets/{CloudStorageWriter-0f4d9a44.js → CloudStorageWriter-Bfi-C1QW.js}

@@ -1,11 +1,8 @@
-import { d as defineComponent, r as ref, o as openBlock, c as createElementBlock, p as createVNode, q as withCtx, a as createBaseVNode, i as withDirectives, ao as vModelSelect, G as Fragment, H as renderList, t as toDisplayString, f as createTextVNode, e as createCommentVNode, v as vModelText, y as createBlock, x as unref, 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 fetchCloudStorageConnectionsInterfaces } from "./api-f75042b0.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-14eac1c3.js";
-import "./DesignerView-f64749fb.js";
-import "./index-f0a6e5a5.js";
-import "./vue-codemirror.esm-31ba0e0b.js";
+import { d as defineComponent, l as useNodeStore, c as createElementBlock, z as createVNode, B as withCtx, a as createBaseVNode, h as withDirectives, ax as vModelSelect, K as Fragment, L as renderList, t as toDisplayString, f as createTextVNode, e as createCommentVNode, v as vModelText, A as unref, C as createBlock, r as ref, N as ElMessage, o as openBlock, g as _export_sfc } from "./index-bcuE0Z0p.js";
+import { C as CodeLoader } from "./vue-content-loader.es-CMoRXo7N.js";
+import { u as useNodeSettings } from "./useNodeSettings-dMS9zmh_.js";
+import { f as fetchCloudStorageConnectionsInterfaces } from "./api-DaC83EO_.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-BBtW_Cpz.js";
 const createNodeCloudStorageWriter = (flowId, nodeId) => {
   const cloudStorageWriteSettings = {
     auth_mode: "aws-cli",
@@ -82,6 +79,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const nodeStore = useNodeStore();
     const dataLoaded = ref(false);
     const nodeCloudStorageWriter = ref(null);
+    const { saveSettings, pushNodeData, handleGenericSettingsUpdate } = useNodeSettings({
+      nodeRef: nodeCloudStorageWriter
+    });
     const connectionInterfaces = ref([]);
     const connectionsAreLoading = ref(false);
     const selectedConnection = ref(null);
@@ -178,15 +178,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         dataLoaded.value = false;
       }
     };
-    const pushNodeData = async () => {
-      if (!nodeCloudStorageWriter.value || !nodeCloudStorageWriter.value.cloud_storage_settings) {
-        return;
-      }
-      console.log(nodeCloudStorageWriter);
-      nodeCloudStorageWriter.value.is_setup = true;
-      nodeStore.updateSettings(nodeCloudStorageWriter);
-      dataLoaded.value = false;
-    };
     const fetchConnections = async () => {
       connectionsAreLoading.value = true;
       try {
@@ -200,22 +191,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     __expose({
       loadNodeData,
-      pushNodeData
+      pushNodeData,
+      saveSettings
     });
     return (_ctx, _cache) => {
       return dataLoaded.value && nodeCloudStorageWriter.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeCloudStorageWriter.value,
-          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => nodeCloudStorageWriter.value = $event)
+          "onUpdate:modelValue": [
+            _cache[7] || (_cache[7] = ($event) => nodeCloudStorageWriter.value = $event),
+            unref(handleGenericSettingsUpdate)
+          ],
+          onRequestSave: unref(saveSettings)
         }, {
           default: withCtx(() => [
             createBaseVNode("div", _hoisted_2, [
               createBaseVNode("div", _hoisted_3, [
                 _cache[11] || (_cache[11] = createBaseVNode("label", { for: "connection-select" }, "Cloud Storage Connection", -1)),
-                connectionsAreLoading.value ? (openBlock(), createElementBlock("div", _hoisted_4, _cache[8] || (_cache[8] = [
+                connectionsAreLoading.value ? (openBlock(), createElementBlock("div", _hoisted_4, [..._cache[8] || (_cache[8] = [
                   createBaseVNode("div", { class: "loading-spinner" }, null, -1),
                   createBaseVNode("p", null, "Loading connections...", -1)
-                ]))) : (openBlock(), createElementBlock("div", _hoisted_5, [
+                ])])) : (openBlock(), createElementBlock("div", _hoisted_5, [
                   withDirectives(createBaseVNode("select", {
                     id: "connection-select",
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedConnection.value = $event),
@@ -232,10 +228,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ], 544), [
                     [vModelSelect, selectedConnection.value]
                   ]),
-                  !nodeCloudStorageWriter.value.cloud_storage_settings.connection_name ? (openBlock(), createElementBlock("div", _hoisted_7, _cache[10] || (_cache[10] = [
+                  !nodeCloudStorageWriter.value.cloud_storage_settings.connection_name ? (openBlock(), createElementBlock("div", _hoisted_7, [..._cache[10] || (_cache[10] = [
                     createBaseVNode("i", { class: "fa-solid fa-info-circle" }, null, -1),
-                    createTextVNode(" Will use local AWS CLI credentials or environment variables ")
-                  ]))) : createCommentVNode("", true)
+                    createTextVNode(" Will use local AWS CLI credentials or environment variables ", -1)
+                  ])])) : createCommentVNode("", true)
                 ]))
               ])
             ]),
@@ -260,12 +256,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => nodeCloudStorageWriter.value.cloud_storage_settings.file_format = $event),
                   class: "form-control",
                   onChange: handleFileFormatChange
-                }, _cache[13] || (_cache[13] = [
+                }, [..._cache[13] || (_cache[13] = [
                   createBaseVNode("option", { value: "parquet" }, "Parquet", -1),
                   createBaseVNode("option", { value: "csv" }, "CSV", -1),
                   createBaseVNode("option", { value: "json" }, "JSON", -1),
                   createBaseVNode("option", { value: "delta" }, "Delta Lake", -1)
-                ]), 544), [
+                ])], 544), [
                   [vModelSelect, nodeCloudStorageWriter.value.cloud_storage_settings.file_format]
                 ])
               ]),
@@ -304,10 +300,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       id: "csv-encoding",
                       "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => nodeCloudStorageWriter.value.cloud_storage_settings.csv_encoding = $event),
                       class: "form-control"
-                    }, _cache[18] || (_cache[18] = [
+                    }, [..._cache[18] || (_cache[18] = [
                       createBaseVNode("option", { value: "utf8" }, "UTF-8", -1),
                       createBaseVNode("option", { value: "utf8-lossy" }, "UTF-8 Lossy", -1)
-                    ]), 512), [
+                    ])], 512), [
                       [vModelSelect, nodeCloudStorageWriter.value.cloud_storage_settings.csv_encoding]
                     ])
                   ])
@@ -321,18 +317,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     id: "parquet-compression",
                     "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => nodeCloudStorageWriter.value.cloud_storage_settings.parquet_compression = $event),
                     class: "form-control"
-                  }, _cache[21] || (_cache[21] = [
+                  }, [..._cache[21] || (_cache[21] = [
                     createBaseVNode("option", { value: "snappy" }, "Snappy", -1),
                     createBaseVNode("option", { value: "gzip" }, "Gzip", -1),
                     createBaseVNode("option", { value: "brotli" }, "Brotli", -1),
                     createBaseVNode("option", { value: "lz4" }, "LZ4", -1),
                     createBaseVNode("option", { value: "zstd" }, "Zstd", -1)
-                  ]), 512), [
+                  ])], 512), [
                     [vModelSelect, nodeCloudStorageWriter.value.cloud_storage_settings.parquet_compression]
                   ])
                 ])
               ])) : createCommentVNode("", true),
-              nodeCloudStorageWriter.value.cloud_storage_settings.write_mode === "overwrite" ? (openBlock(), createElementBlock("div", _hoisted_19, _cache[24] || (_cache[24] = [
+              nodeCloudStorageWriter.value.cloud_storage_settings.write_mode === "overwrite" ? (openBlock(), createElementBlock("div", _hoisted_19, [..._cache[24] || (_cache[24] = [
                 createBaseVNode("i", { class: "fa-solid fa-triangle-exclamation" }, null, -1),
                 createBaseVNode("div", null, [
                   createBaseVNode("p", null, [
@@ -340,8 +336,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     createTextVNode(" If a file or data at the target path exists, it will be replaced. ")
                   ])
                 ], -1)
-              ]))) : createCommentVNode("", true),
-              nodeCloudStorageWriter.value.cloud_storage_settings.write_mode === "append" ? (openBlock(), createElementBlock("div", _hoisted_20, _cache[25] || (_cache[25] = [
+              ])])) : createCommentVNode("", true),
+              nodeCloudStorageWriter.value.cloud_storage_settings.write_mode === "append" ? (openBlock(), createElementBlock("div", _hoisted_20, [..._cache[25] || (_cache[25] = [
                 createBaseVNode("i", { class: "fa-solid fa-info-circle" }, null, -1),
                 createBaseVNode("div", null, [
                   createBaseVNode("p", null, [
@@ -349,17 +345,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     createTextVNode(" New data will be added. The schema of the new data must match the existing data. ")
                   ])
                 ], -1)
-              ]))) : createCommentVNode("", true)
+              ])])) : createCommentVNode("", true)
             ])
           ]),
           _: 1
-        }, 8, ["modelValue"])
+        }, 8, ["modelValue", "onUpdate:modelValue", "onRequestSave"])
       ])) : (openBlock(), createBlock(unref(CodeLoader), { key: 1 }));
     };
   }
 });
-const CloudStorageWriter_vue_vue_type_style_index_0_scoped_372ff5dd_lang = "";
-const CloudStorageWriter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-372ff5dd"]]);
+const CloudStorageWriter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2a517b2c"]]);
 export {
   CloudStorageWriter as default
 };

flowfile/web/static/assets/{CloudStorageWriter-60547855.css → CloudStorageWriter-y8jL8yjG.css}

@@ -1,42 +1,42 @@
 
 /* Copied styles from the reader component for consistency */
-.cloud-storage-container[data-v-372ff5dd] {
+.cloud-storage-container[data-v-2a517b2c] {
   font-family: var(--font-family-base);
   max-width: 100%;
   color: var(--color-text-primary);
 }
-.section-subtitle[data-v-372ff5dd] {
+.section-subtitle[data-v-2a517b2c] {
   margin: 0 0 0.75rem 0;
   font-size: 0.95rem;
   font-weight: 600;
   color: #4a5568;
 }
-.subsection-title[data-v-372ff5dd] {
+.subsection-title[data-v-2a517b2c] {
   margin: 0.5rem 0 0.5rem 0;
   font-size: 0.875rem;
   font-weight: 600;
   color: #718096;
 }
-.format-options[data-v-372ff5dd] {
+.format-options[data-v-2a517b2c] {
   margin-top: 1rem;
   padding: 1rem;
   background-color: #f7fafc;
   border-radius: 4px;
   border: 1px solid #e2e8f0;
 }
-.form-row[data-v-372ff5dd] {
+.form-row[data-v-2a517b2c] {
   display: flex;
   gap: 0.75rem;
   margin-bottom: 0.75rem;
   width: 100%;
   box-sizing: border-box;
 }
-.half[data-v-372ff5dd] {
+.half[data-v-2a517b2c] {
   flex: 1;
   min-width: 0;
   max-width: calc(50% - 0.375rem);
 }
-.form-control[data-v-372ff5dd] {
+.form-control[data-v-2a517b2c] {
   width: 100%;
   padding: 0.5rem;
   border: 1px solid #e2e8f0;
@@ -44,18 +44,18 @@
   font-size: 0.875rem;
   box-sizing: border-box;
 }
-.form-group[data-v-372ff5dd] {
+.form-group[data-v-2a517b2c] {
   margin-bottom: 0.75rem;
   width: 100%;
 }
-label[data-v-372ff5dd] {
+label[data-v-2a517b2c] {
   display: block;
   margin-bottom: 0.25rem;
   font-size: 0.875rem;
   font-weight: 500;
   color: #4a5568;
 }
-select.form-control[data-v-372ff5dd] {
+select.form-control[data-v-2a517b2c] {
   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,7 +63,7 @@ select.form-control[data-v-372ff5dd] {
   background-size: 1em;
   padding-right: 2rem;
 }
-.info-box[data-v-372ff5dd] {
+.info-box[data-v-2a517b2c] {
   display: flex;
   gap: 0.75rem;
   padding: 0.75rem;
@@ -73,24 +73,24 @@ select.form-control[data-v-372ff5dd] {
   margin-top: 1rem;
   font-size: 0.875rem;
 }
-.info-box.info-warn[data-v-372ff5dd] {
+.info-box.info-warn[data-v-2a517b2c] {
   background-color: #fffbe6;
   border-left-color: #faad14;
 }
-.info-box.info-warn i[data-v-372ff5dd] {
+.info-box.info-warn i[data-v-2a517b2c] {
   color: #faad14;
 }
-.info-box i[data-v-372ff5dd] {
+.info-box i[data-v-2a517b2c] {
   color: #1890ff;
   font-size: 1.25rem;
   flex-shrink: 0;
   padding-top: 2px;
 }
-.info-box p[data-v-372ff5dd] {
+.info-box p[data-v-2a517b2c] {
   margin: 0;
   color: #4a5568;
 }
-.helper-text[data-v-372ff5dd] {
+.helper-text[data-v-2a517b2c] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -98,41 +98,41 @@ select.form-control[data-v-372ff5dd] {
   font-size: 0.8125rem;
   color: #718096;
 }
-.helper-text i[data-v-372ff5dd] {
+.helper-text i[data-v-2a517b2c] {
   color: #4299e1;
   font-size: 0.875rem;
 }
-.loading-state[data-v-372ff5dd] {
+.loading-state[data-v-2a517b2c] {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.5rem;
   padding: 1rem;
 }
-.loading-state p[data-v-372ff5dd] {
+.loading-state p[data-v-2a517b2c] {
   margin: 0;
   color: #718096;
   font-size: 0.875rem;
 }
-.loading-spinner[data-v-372ff5dd] {
+.loading-spinner[data-v-2a517b2c] {
   width: 2rem;
   height: 2rem;
   border: 2px solid #e2e8f0;
   border-top-color: #4299e1;
   border-radius: 50%;
-  animation: spin-372ff5dd 0.8s linear infinite;
+  animation: spin-2a517b2c 0.8s linear infinite;
 }
-@keyframes spin-372ff5dd {
+@keyframes spin-2a517b2c {
 to {
     transform: rotate(360deg);
 }
 }
 @media (max-width: 640px) {
-.form-row[data-v-372ff5dd] {
+.form-row[data-v-2a517b2c] {
     flex-direction: column;
     gap: 0.5rem;
 }
-.half[data-v-372ff5dd] {
+.half[data-v-2a517b2c] {
     max-width: 100%;
 }
 }