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

flowfile/web/static/assets/{ColumnActionInput-f4189ae0.js → ColumnActionInput-BpiCApw9.js}

@@ -1,8 +1,4 @@
-import { d as defineComponent, r as ref, B as computed, C as watch, F as onMounted, l as onUnmounted, m as resolveComponent, o as openBlock, c as createElementBlock, a as createBaseVNode, t as toDisplayString, p as createVNode, q as withCtx, G as Fragment, H as renderList, y as createBlock, e as createCommentVNode, n as normalizeClass, w as withModifiers, a0 as normalizeStyle, x as unref, at as ElIcon, g as _export_sfc } from "./index-387a6f18.js";
-import { d as delete_default } from "./DesignerView-f64749fb.js";
-import "./PopOver-862d7e28.js";
-import "./index-f0a6e5a5.js";
-import "./vue-codemirror.esm-31ba0e0b.js";
+import { d as defineComponent, H as watch, J as onMounted, x as onUnmounted, c as createElementBlock, a as createBaseVNode, t as toDisplayString, z as createVNode, B as withCtx, K as Fragment, L as renderList, C as createBlock, e as createCommentVNode, w as withModifiers, n as normalizeClass, a0 as normalizeStyle, A as unref, aC as ElIcon, aD as delete_default, r as ref, G as computed, D as resolveComponent, o as openBlock, g as _export_sfc } from "./index-bcuE0Z0p.js";
 const _hoisted_1 = { class: "component-container" };
 const _hoisted_2 = { class: "listbox-subtitle" };
 const _hoisted_3 = {
@@ -283,8 +279,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           }, null, 8, ["label", "value"]);
                         }), 128))
                       ]),
-                      _: 2
-                    }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])
+                      _: 1
+                    }, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
                   ]),
                   createBaseVNode("td", null, [
                     createVNode(_component_el_input, {
@@ -308,22 +304,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           _: 1
                         })
                       ]),
-                      _: 2
-                    }, 1032, ["onClick"])
+                      _: 1
+                    }, 8, ["onClick"])
                   ])
                 ]);
               }), 128))
             ])
           ])
-        ])) : (openBlock(), createElementBlock("div", _hoisted_15, _cache[6] || (_cache[6] = [
+        ])) : (openBlock(), createElementBlock("div", _hoisted_15, [..._cache[6] || (_cache[6] = [
           createBaseVNode("p", null, "No rows configured.", -1),
           createBaseVNode("p", { class: "hint" }, "Right-click on a column above to add a row.", -1)
-        ])))
+        ])]))
       ]);
     };
   }
 });
-const ColumnActionInput_vue_vue_type_style_index_0_scoped_d3070256_lang = "";
 const ColumnActionInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d3070256"]]);
 export {
   ColumnActionInput as default

flowfile/web/static/assets/{ColumnSelector-e66b33da.js → ColumnSelector-CEAwedI7.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, B as computed, m as resolveComponent, 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, y as createBlock, g as _export_sfc } from "./index-387a6f18.js";
+import { d as defineComponent, c as createElementBlock, a as createBaseVNode, f as createTextVNode, t as toDisplayString, e as createCommentVNode, z as createVNode, B as withCtx, K as Fragment, L as renderList, C as createBlock, G as computed, D as resolveComponent, o as openBlock, g as _export_sfc } from "./index-bcuE0Z0p.js";
 const _hoisted_1 = { class: "component-container" };
 const _hoisted_2 = { class: "listbox-subtitle" };
 const _hoisted_3 = {
@@ -74,7 +74,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ColumnSelector_vue_vue_type_style_index_0_scoped_1ae42a66_lang = "";
 const ColumnSelector = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1ae42a66"]]);
 export {
   ColumnSelector as default

flowfile/web/static/assets/ContextMenu-CdojQu0w.js

@@ -0,0 +1,9 @@
+import "./index-bcuE0Z0p.js";
+import "./DesignerView-DemDevTQ.js";
+import { _ as _sfc_main } from "./ContextMenu.vue_vue_type_script_setup_true_lang-I4rXXd6G.js";
+import "./PopOver-BHpt5rsj.js";
+import "./index-CHPMUR0d.js";
+import "./vue-codemirror.esm-CwaYwln0.js";
+export {
+  _sfc_main as default
+};

flowfile/web/static/assets/ContextMenu-D12mhsy1.js

@@ -0,0 +1,9 @@
+import "./index-bcuE0Z0p.js";
+import "./DesignerView-DemDevTQ.js";
+import { _ as _sfc_main } from "./ContextMenu.vue_vue_type_script_setup_true_lang-I4rXXd6G.js";
+import "./PopOver-BHpt5rsj.js";
+import "./index-CHPMUR0d.js";
+import "./vue-codemirror.esm-CwaYwln0.js";
+export {
+  _sfc_main as default
+};

flowfile/web/static/assets/ContextMenu-EWUR98va.js

@@ -0,0 +1,9 @@
+import "./index-bcuE0Z0p.js";
+import "./DesignerView-DemDevTQ.js";
+import { _ as _sfc_main } from "./ContextMenu.vue_vue_type_script_setup_true_lang-I4rXXd6G.js";
+import "./PopOver-BHpt5rsj.js";
+import "./index-CHPMUR0d.js";
+import "./vue-codemirror.esm-CwaYwln0.js";
+export {
+  _sfc_main as default
+};

flowfile/web/static/assets/{ContextMenu.vue_vue_type_script_setup_true_lang-a1bd6314.js → ContextMenu.vue_vue_type_script_setup_true_lang-I4rXXd6G.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, r as ref, F as onMounted, l as onUnmounted, o as openBlock, c as createElementBlock, a as createBaseVNode, G as Fragment, H as renderList, n as normalizeClass, t as toDisplayString, a0 as normalizeStyle } from "./index-387a6f18.js";
+import { d as defineComponent, J as onMounted, x as onUnmounted, c as createElementBlock, a0 as normalizeStyle, a as createBaseVNode, K as Fragment, L as renderList, n as normalizeClass, t as toDisplayString, r as ref, o as openBlock } from "./index-bcuE0Z0p.js";
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ContextMenu",
@@ -11,8 +11,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const menuRef = ref(null);
     const selectOption = (option) => {
-      if (option.disabled)
-        return;
+      if (option.disabled) return;
       emit("select", option.action);
       emit("close");
     };
@@ -39,10 +38,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref_key: "menuRef",
         ref: menuRef,
         class: "context-menu",
-        style: normalizeStyle({ top: _ctx.position.y + "px", left: _ctx.position.x + "px" })
+        style: normalizeStyle({ top: __props.position.y + "px", left: __props.position.x + "px" })
       }, [
         createBaseVNode("ul", null, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
             return openBlock(), createElementBlock("li", {
               key: option.action,
               class: normalizeClass({ disabled: option.disabled, danger: option.danger }),

flowfile/web/static/assets/{CrossJoin-24694b8f.js → CrossJoin-BOFfxkJO.js}

@@ -1,12 +1,10 @@
-import { C as CodeLoader } from "./vue-content-loader.es-4469c8ff.js";
-import { u as useNodeStore } from "./PopOver-862d7e28.js";
-import { d as defineComponent, r as ref, o as openBlock, c as createElementBlock, p as createVNode, q as withCtx, a as createBaseVNode, y as createBlock, x as unref, g as _export_sfc } from "./index-387a6f18.js";
-import { s as selectDynamic } from "./selectDynamic-6b4b0767.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-14eac1c3.js";
-import "./UnavailableFields-b72a2c72.js";
-import "./DesignerView-f64749fb.js";
-import "./index-f0a6e5a5.js";
-import "./vue-codemirror.esm-31ba0e0b.js";
+import { C as CodeLoader } from "./vue-content-loader.es-CMoRXo7N.js";
+import { d as defineComponent, l as useNodeStore, c as createElementBlock, z as createVNode, B as withCtx, a as createBaseVNode, A as unref, C as createBlock, r as ref, o as openBlock, g as _export_sfc } from "./index-bcuE0Z0p.js";
+import { u as useNodeSettings } from "./useNodeSettings-dMS9zmh_.js";
+import { s as selectDynamic } from "./selectDynamic-Bl5FVsME.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-BBtW_Cpz.js";
+import "./UnavailableFields-Yf6XSqFB.js";
+import "./PopOver-BHpt5rsj.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { class: "listbox-wrapper" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -16,6 +14,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const nodeStore = useNodeStore();
     const dataLoaded = ref(false);
     const nodeCrossJoin = ref(null);
+    const { saveSettings, pushNodeData, handleGenericSettingsUpdate } = useNodeSettings({
+      nodeRef: nodeCrossJoin
+    });
     const updateSelectInputsHandler = (updatedInputs, isLeft) => {
       if (isLeft && nodeCrossJoin.value) {
         nodeCrossJoin.value.cross_join_input.left_select.renames = updatedInputs;
@@ -33,19 +34,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         dataLoaded.value = true;
       }
     };
-    const pushNodeData = async () => {
-      console.log("Pushing node data");
-      nodeStore.updateSettings(nodeCrossJoin);
-    };
     __expose({
       loadNodeData,
-      pushNodeData
+      pushNodeData,
+      saveSettings
     });
     return (_ctx, _cache) => {
       return dataLoaded.value && nodeCrossJoin.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeCrossJoin.value,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => nodeCrossJoin.value = $event)
+          "onUpdate:modelValue": [
+            _cache[2] || (_cache[2] = ($event) => nodeCrossJoin.value = $event),
+            unref(handleGenericSettingsUpdate)
+          ],
+          onRequestSave: unref(saveSettings)
         }, {
           default: withCtx(() => {
             var _a, _b;
@@ -73,13 +75,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ];
           }),
           _: 1
-        }, 8, ["modelValue"])
+        }, 8, ["modelValue", "onUpdate:modelValue", "onRequestSave"])
       ])) : (openBlock(), createBlock(unref(CodeLoader), { key: 1 }));
     };
   }
 });
-const CrossJoin_vue_vue_type_style_index_0_scoped_46e97305_lang = "";
-const CrossJoin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-46e97305"]]);
+const CrossJoin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-789bbdab"]]);
 export {
   CrossJoin as default
 };

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

@@ -1,10 +1,10 @@
 
-.selectors-row[data-v-46e97305] {
+.selectors-row[data-v-789bbdab] {
   display: flex;
   justify-content: space-between;
   margin-bottom: 10px; /* Spacing between rows */
 }
-.context-menu[data-v-46e97305] {
+.context-menu[data-v-789bbdab] {
   position: fixed;
   z-index: 1000;
   border: 1px solid #ccc;
@@ -14,7 +14,7 @@
   border-radius: 4px;
   user-select: none;
 }
-.context-menu button[data-v-46e97305] {
+.context-menu button[data-v-789bbdab] {
   display: block;
   background: none;
   border: none;
@@ -24,17 +24,17 @@
   cursor: pointer;
   z-index: 100;
 }
-.context-menu button[data-v-46e97305]:hover {
+.context-menu button[data-v-789bbdab]:hover {
   background-color: #f0f0f0;
 }
-.table-wrapper[data-v-46e97305] {
+.table-wrapper[data-v-789bbdab] {
   max-height: 250px; /* Adjust this value as needed */
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* subtle shadow for depth */
   border-radius: 8px; /* rounded corners */
   overflow: auto; /* ensures the rounded corners are applied to the child elements */
   margin: 5px; /* adds a small margin around the table */
 }
-.context-menu[data-v-46e97305] {
+.context-menu[data-v-789bbdab] {
   position: fixed;
   z-index: 1000;
   border: 1px solid #ccc;
@@ -42,39 +42,39 @@
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
   border-radius: 4px;
 }
-.context-menu ul[data-v-46e97305] {
+.context-menu ul[data-v-789bbdab] {
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.context-menu li[data-v-46e97305] {
+.context-menu li[data-v-789bbdab] {
   padding: 8px 16px;
   cursor: pointer;
 }
-.context-menu li[data-v-46e97305]:hover {
+.context-menu li[data-v-789bbdab]:hover {
   background-color: #f0f0f0;
 }
-.selectors-container[data-v-46e97305] {
+.selectors-container[data-v-789bbdab] {
   display: flex;
   flex-direction: column;
 }
-.selectors-row[data-v-46e97305] {
+.selectors-row[data-v-789bbdab] {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.add-button-container[data-v-46e97305] {
+.add-button-container[data-v-789bbdab] {
   padding-left: 20px; /* Adjust as needed */
   display: flex;
   align-items: center;
 }
-.action-buttons[data-v-46e97305] {
+.action-buttons[data-v-789bbdab] {
   display: flex;
   align-items: center;
   justify-content: flex-end; /* Adjust if needed */
 }
-.remove-join-button[data-v-46e97305],
-.add-join-button[data-v-46e97305] {
+.remove-join-button[data-v-789bbdab],
+.add-join-button[data-v-789bbdab] {
   cursor: pointer;
   margin-left: 10px; /* Space between buttons */
   padding: 0 6px; /* Adjust padding */
@@ -83,17 +83,17 @@
   min-width: 30px; /* Minimum width to ensure buttons don't shrink */
   text-align: center; /* Ensure the symbols are centered */
 }
-.selectors-header[data-v-46e97305] {
+.selectors-header[data-v-789bbdab] {
   display: flex;
   justify-content: space-between;
   padding: 0 15px; /* Adjust padding for finer control */
 }
-.selectors-title[data-v-46e97305] {
+.selectors-title[data-v-789bbdab] {
   flex: 1; /* Adjust this based on your needs */
   text-align: center; /* Center the titles */
   padding: 0 10px; /* Add padding to ensure alignment with the columns below */
 }
-.action-buttons[data-v-46e97305] {
+.action-buttons[data-v-789bbdab] {
   flex-basis: 60px; /* Adjust according to the width of your buttons */
   display: flex;
   justify-content: center; /* Center the buttons within the action column */

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

@@ -1,19 +1,15 @@
-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";
+import { k as axios, d as defineComponent, l as useNodeStore, c as createElementBlock, a as createBaseVNode, f as createTextVNode, t as toDisplayString, e as createCommentVNode, z as createVNode, B as withCtx, K as Fragment, L as renderList, h as withDirectives, at as vShow, C as createBlock, r as ref, o as openBlock, g as _export_sfc } from "./index-bcuE0Z0p.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-BBtW_Cpz.js";
+import { _ as _sfc_main$3 } from "./MultiSelect.vue_vue_type_script_setup_true_lang-BefHfqTI.js";
+import { _ as _sfc_main$5 } from "./ToggleSwitch.vue_vue_type_script_setup_true_lang-Cj8LqT-b.js";
+import { _ as _sfc_main$1 } from "./TextInput.vue_vue_type_script_setup_true_lang-Bcj3ywzv.js";
+import { _ as _sfc_main$2 } from "./NumericInput.vue_vue_type_script_setup_true_lang-d0YlVHAl.js";
+import SliderInput from "./SliderInput-CLqpCxCb.js";
+import { _ as _sfc_main$4 } from "./SingleSelect.vue_vue_type_script_setup_true_lang-Rxht5Z5N.js";
+import ColumnSelector from "./ColumnSelector-CEAwedI7.js";
+import SecretSelector from "./SecretSelector-De2L2bSx.js";
+import ColumnActionInput from "./ColumnActionInput-BpiCApw9.js";
+import "./secrets.api-C9o2KE5V.js";
 async function getCustomNodeSchema(flowId, nodeId) {
   const response = await axios.get(
     `/user_defined_components/custom-node-schema`,
@@ -223,7 +219,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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/{DatabaseConnectionSettings-cfc08938.js → DatabaseConnectionSettings-Dw3bSJKB.js}

@@ -1,5 +1,5 @@
-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";
+import { d as defineComponent, J as onMounted, c as createElementBlock, a as createBaseVNode, t as toDisplayString, K as Fragment, L as renderList, e as createCommentVNode, r as ref, o as openBlock, g as _export_sfc } from "./index-bcuE0Z0p.js";
+import { S as SecretsApi } from "./secrets.api-C9o2KE5V.js";
 const _hoisted_1 = { class: "connection-settings-container" };
 const _hoisted_2 = { class: "toggle-button" };
 const _hoisted_3 = {
@@ -70,18 +70,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _cache[8] || (_cache[8] = createBaseVNode("label", { for: "database-type" }, "Database Type", -1)),
             createBaseVNode("select", {
               id: "database-type",
-              value: _ctx.modelValue.database_type,
+              value: __props.modelValue.database_type,
               class: "form-control",
               onChange: _cache[0] || (_cache[0] = (e) => updateField("database_type", e.target.value))
-            }, _cache[7] || (_cache[7] = [
+            }, [..._cache[7] || (_cache[7] = [
               createBaseVNode("option", { value: "postgresql" }, "PostgreSQL", -1)
-            ]), 40, _hoisted_5)
+            ])], 40, _hoisted_5)
           ]),
           createBaseVNode("div", _hoisted_6, [
             _cache[9] || (_cache[9] = createBaseVNode("label", { for: "username" }, "Username", -1)),
             createBaseVNode("input", {
               id: "username",
-              value: _ctx.modelValue.username,
+              value: __props.modelValue.username,
               type: "text",
               class: "form-control",
               placeholder: "Enter username",
@@ -92,7 +92,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _cache[11] || (_cache[11] = createBaseVNode("label", { for: "password-ref" }, "Password Reference", -1)),
             createBaseVNode("select", {
               id: "password-ref",
-              value: _ctx.modelValue.password_ref,
+              value: __props.modelValue.password_ref,
               class: "form-control",
               onChange: _cache[2] || (_cache[2] = (e) => updateField("password_ref", e.target.value))
             }, [
@@ -109,7 +109,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _cache[12] || (_cache[12] = createBaseVNode("label", { for: "host" }, "Host", -1)),
             createBaseVNode("input", {
               id: "host",
-              value: _ctx.modelValue.host,
+              value: __props.modelValue.host,
               type: "text",
               class: "form-control",
               placeholder: "Enter host",
@@ -121,7 +121,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _cache[13] || (_cache[13] = createBaseVNode("label", { for: "port" }, "Port", -1)),
               createBaseVNode("input", {
                 id: "port",
-                value: _ctx.modelValue.port,
+                value: __props.modelValue.port,
                 type: "number",
                 class: "form-control",
                 placeholder: "Enter port",
@@ -132,7 +132,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _cache[14] || (_cache[14] = createBaseVNode("label", { for: "database" }, "Database", -1)),
               createBaseVNode("input", {
                 id: "database",
-                value: _ctx.modelValue.database,
+                value: __props.modelValue.database,
                 type: "text",
                 class: "form-control",
                 placeholder: "Enter database name",
@@ -145,7 +145,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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-5bf8c75b.css → DatabaseReader-D6pUNUCs.css}

@@ -1,33 +1,33 @@
 
-.db-container[data-v-5433b2ea] {
+.db-container[data-v-a46e24bd] {
   font-family: var(--font-family-base);
   max-width: 100%;
   color: var(--color-text-primary);
 }
-.section-subtitle[data-v-5433b2ea] {
+.section-subtitle[data-v-a46e24bd] {
   margin: 0 0 0.75rem 0;
   font-size: 0.95rem;
   font-weight: 600;
   color: var(--color-text-secondary);
 }
-.query-section[data-v-5433b2ea] {
+.query-section[data-v-a46e24bd] {
   margin-top: 1rem;
   padding-top: 1rem;
   border-top: 1px solid var(--color-border-light);
 }
-.form-row[data-v-5433b2ea] {
+.form-row[data-v-a46e24bd] {
   display: flex;
   gap: 0.75rem;
   margin-bottom: 0.75rem;
   width: 100%;
   box-sizing: border-box;
 }
-.half[data-v-5433b2ea] {
+.half[data-v-a46e24bd] {
   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-5433b2ea] {
+.form-control[data-v-a46e24bd] {
   width: 100%;
   padding: 0.5rem;
   border: 1px solid var(--color-border-primary);
@@ -37,18 +37,18 @@
   background-color: var(--color-background-primary);
   color: var(--color-text-primary);
 }
-.form-group[data-v-5433b2ea] {
+.form-group[data-v-a46e24bd] {
   margin-bottom: 0.75rem;
   width: 100%;
 }
-label[data-v-5433b2ea] {
+label[data-v-a46e24bd] {
   display: block;
   margin-bottom: 0.25rem;
   font-size: 0.875rem;
   font-weight: 500;
   color: var(--color-text-secondary);
 }
-select.form-control[data-v-5433b2ea] {
+select.form-control[data-v-a46e24bd] {
   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;
@@ -58,12 +58,12 @@ select.form-control[data-v-5433b2ea] {
 }
 
 /* Validation section styling */
-.validation-section[data-v-5433b2ea] {
+.validation-section[data-v-a46e24bd] {
   margin-top: 1.5rem;
   padding-top: 1rem;
   border-top: 1px solid var(--color-border-light);
 }
-.validate-button[data-v-5433b2ea] {
+.validate-button[data-v-a46e24bd] {
   background-color: var(--color-info);
   color: var(--color-text-inverse);
   border: none;
@@ -74,53 +74,53 @@ select.form-control[data-v-5433b2ea] {
   cursor: pointer;
   transition: background-color 0.2s;
 }
-.validate-button[data-v-5433b2ea]:hover {
+.validate-button[data-v-a46e24bd]:hover {
   background-color: var(--color-info-hover);
 }
-.validate-button[data-v-5433b2ea]:disabled {
+.validate-button[data-v-a46e24bd]:disabled {
   background-color: var(--color-text-muted);
   cursor: not-allowed;
 }
-.error-box[data-v-5433b2ea] {
+.error-box[data-v-a46e24bd] {
   margin-top: 1rem;
   padding: 0.75rem;
   border-radius: 4px;
   background-color: var(--color-danger-light);
   border: 1px solid var(--color-danger);
 }
-.error-title[data-v-5433b2ea] {
+.error-title[data-v-a46e24bd] {
   color: var(--color-danger);
   font-weight: 600;
   margin-bottom: 0.25rem;
 }
-.error-message[data-v-5433b2ea] {
+.error-message[data-v-a46e24bd] {
   color: var(--color-danger-hover);
   font-size: 0.875rem;
   white-space: pre-wrap;
   overflow-wrap: break-word;
 }
-.success-box[data-v-5433b2ea] {
+.success-box[data-v-a46e24bd] {
   margin-top: 1rem;
   padding: 0.75rem;
   border-radius: 4px;
   background-color: var(--color-success-light);
   border: 1px solid var(--color-success);
 }
-.success-message[data-v-5433b2ea] {
+.success-message[data-v-a46e24bd] {
   color: var(--color-success);
   font-size: 0.875rem;
 }
 @media (max-width: 640px) {
-.form-row[data-v-5433b2ea] {
+.form-row[data-v-a46e24bd] {
     flex-direction: column;
     gap: 0.5rem;
 }
 }
-.el-radio-group[data-v-5433b2ea] {
+.el-radio-group[data-v-a46e24bd] {
   display: flex !important;
   flex-direction: row !important;
   gap: 1rem;
 }
-.el-radio[data-v-5433b2ea] {
+.el-radio[data-v-a46e24bd] {
   margin-right: 0 !important; /* Override any existing margins */
 }