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

flowfile/web/static/assets/{NodeDesigner-5036c392.js → NodeDesigner-D39yzr2k.js}

@@ -1,6 +1,6 @@
-import { d as defineComponent, o as openBlock, c as createElementBlock, a as createBaseVNode, K as Fragment, L as renderList, n as normalizeClass, t as toDisplayString, B as unref, g as _export_sfc, w as withModifiers, e as createCommentVNode, r as ref, f as createTextVNode, b as createStaticVNode, z as createVNode, J as onMounted, k as axios, Y as reactive, G as computed, H as watch, i as withDirectives, v as vModelText, $ as isRef, C as createBlock } from "./index-ca6799de.js";
-import { T, k as keymap, a as acceptCompletion, i as indentMore, b as indentLess, c as EditorState, d as autocompletion, P as Prec, E as EditorView } from "./vue-codemirror.esm-8f46fb36.js";
-import { g as getImageUrl, _ as __vite_glob_0_0, a as __vite_glob_0_1, b as __vite_glob_0_2, c as __vite_glob_0_3, d as __vite_glob_0_4, e as __vite_glob_0_5, h as __vite_glob_0_6, i as __vite_glob_0_7, j as __vite_glob_0_8, k as __vite_glob_0_9, l as __vite_glob_0_10, m as __vite_glob_0_11, n as __vite_glob_0_12, q as __vite_glob_0_13, r as __vite_glob_0_14, s as __vite_glob_0_15, t as __vite_glob_0_16, u as __vite_glob_0_17, v as __vite_glob_0_18, w as __vite_glob_0_19, x as __vite_glob_0_20, y as __vite_glob_0_21, z as __vite_glob_0_22, A as __vite_glob_0_23, B as __vite_glob_0_24, C as __vite_glob_0_25, D as __vite_glob_0_26, E as __vite_glob_0_27, F as __vite_glob_0_28, G as __vite_glob_0_29, H as __vite_glob_0_30, I as __vite_glob_0_31, J as __vite_glob_0_32, K as __vite_glob_0_33, L as getDefaultIconUrl, M as getCustomIconUrl, p as python, o as oneDark } from "./index-057d770d.js";
+import { d as defineComponent, c as createElementBlock, a as createBaseVNode, K as Fragment, L as renderList, A as unref, n as normalizeClass, t as toDisplayString, o as openBlock, g as _export_sfc, w as withModifiers, e as createCommentVNode, r as ref, f as createTextVNode, b as createStaticVNode, z as createVNode, J as onMounted, k as axios, G as computed, a5 as reactive, H as watch, h as withDirectives, v as vModelText, a6 as isRef, C as createBlock } from "./index-bcuE0Z0p.js";
+import { T, k as keymap, a as acceptCompletion, i as indentMore, b as indentLess, c as EditorState, d as autocompletion, P as Prec, E as EditorView } from "./vue-codemirror.esm-CwaYwln0.js";
+import { g as getImageUrl, _ as __vite_glob_0_33, a as __vite_glob_0_32, b as __vite_glob_0_31, c as __vite_glob_0_30, d as __vite_glob_0_29, e as __vite_glob_0_28, h as __vite_glob_0_27, i as __vite_glob_0_26, j as __vite_glob_0_25, k as __vite_glob_0_24, l as __vite_glob_0_23, m as __vite_glob_0_22, n as __vite_glob_0_21, q as __vite_glob_0_20, r as __vite_glob_0_19, s as __vite_glob_0_18, t as __vite_glob_0_17, u as __vite_glob_0_16, v as __vite_glob_0_15, w as __vite_glob_0_14, x as __vite_glob_0_13, y as __vite_glob_0_12, z as __vite_glob_0_11, A as __vite_glob_0_10, B as __vite_glob_0_9, C as __vite_glob_0_8, D as __vite_glob_0_7, E as __vite_glob_0_6, F as __vite_glob_0_5, G as __vite_glob_0_4, H as __vite_glob_0_3, I as __vite_glob_0_2, J as __vite_glob_0_1, K as __vite_glob_0_0, L as getDefaultIconUrl, M as getCustomIconUrl, o as oneDark, p as python } from "./index-CHPMUR0d.js";
 const STORAGE_KEY = "nodeDesigner_state";
 const availableComponents = [
   { type: "TextInput", label: "Text Input", icon: "fa-solid fa-font" },
@@ -71,7 +71,6 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ComponentPalette_vue_vue_type_style_index_0_scoped_7eeb4ea6_lang = "";
 const ComponentPalette = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-7eeb4ea6"]]);
 const _hoisted_1$9 = { class: "section-header" };
 const _hoisted_2$9 = { class: "section-fields" };
@@ -111,7 +110,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["section-card", { selected: _ctx.isSelected }]),
+        class: normalizeClass(["section-card", { selected: __props.isSelected }]),
         onClick: _cache[4] || (_cache[4] = ($event) => emit("select"))
       }, [
         createBaseVNode("div", _hoisted_1$9, [
@@ -119,7 +118,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             createBaseVNode("div", _hoisted_3$8, [
               _cache[5] || (_cache[5] = createBaseVNode("label", null, "Variable Name", -1)),
               createBaseVNode("input", {
-                value: _ctx.section.name,
+                value: __props.section.name,
                 type: "text",
                 class: "section-name-input",
                 placeholder: "section_name",
@@ -131,7 +130,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             createBaseVNode("div", _hoisted_5$5, [
               _cache[6] || (_cache[6] = createBaseVNode("label", null, "Display Title", -1)),
               createBaseVNode("input", {
-                value: _ctx.section.title,
+                value: __props.section.title,
                 type: "text",
                 class: "section-title-input",
                 placeholder: "Section Title",
@@ -144,9 +143,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           createBaseVNode("button", {
             class: "btn-icon",
             onClick: _cache[2] || (_cache[2] = withModifiers(($event) => emit("remove"), ["stop"]))
-          }, _cache[7] || (_cache[7] = [
+          }, [..._cache[7] || (_cache[7] = [
             createBaseVNode("i", { class: "fa-solid fa-trash" }, null, -1)
-          ]))
+          ])])
         ]),
         createBaseVNode("div", {
           class: "section-components",
@@ -154,10 +153,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           }, ["prevent"])),
           onDrop: handleDrop
         }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.section.components, (component, compIndex) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.section.components, (component, compIndex) => {
             return openBlock(), createElementBlock("div", {
               key: compIndex,
-              class: normalizeClass(["component-card", { selected: _ctx.isSelected && _ctx.selectedComponentIndex === compIndex }]),
+              class: normalizeClass(["component-card", { selected: __props.isSelected && __props.selectedComponentIndex === compIndex }]),
               onClick: withModifiers(($event) => emit("selectComponent", compIndex), ["stop"])
             }, [
               createBaseVNode("div", _hoisted_8$5, [
@@ -170,21 +169,20 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               createBaseVNode("button", {
                 class: "btn-icon btn-remove",
                 onClick: withModifiers(($event) => emit("removeComponent", compIndex), ["stop"])
-              }, _cache[8] || (_cache[8] = [
+              }, [..._cache[8] || (_cache[8] = [
                 createBaseVNode("i", { class: "fa-solid fa-times" }, null, -1)
-              ]), 8, _hoisted_11$5)
+              ])], 8, _hoisted_11$5)
             ], 10, _hoisted_7$5);
           }), 128)),
-          _ctx.section.components.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_12$4, _cache[9] || (_cache[9] = [
+          __props.section.components.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_12$4, [..._cache[9] || (_cache[9] = [
             createBaseVNode("i", { class: "fa-solid fa-plus" }, null, -1),
             createBaseVNode("span", null, "Drop components here", -1)
-          ]))) : createCommentVNode("", true)
+          ])])) : createCommentVNode("", true)
         ], 32)
       ], 2);
     };
   }
 });
-const SectionCard_vue_vue_type_style_index_0_scoped_17318956_lang = "";
 const SectionCard = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-17318956"]]);
 function toSnakeCase(str) {
   return str.replace(/\s+/g, "_").replace(/([a-z])([A-Z])/g, "$1_$2").toLowerCase().replace(/[^a-z0-9_]/g, "");
@@ -228,15 +226,12 @@ function useCodeGeneration() {
         sectionsCode += `        label="${comp.label || fieldName}",
 `;
         if (comp.component_type === "TextInput") {
-          if (comp.default)
-            sectionsCode += `        default="${comp.default}",
+          if (comp.default) sectionsCode += `        default="${comp.default}",
 `;
-          if (comp.placeholder)
-            sectionsCode += `        placeholder="${comp.placeholder}",
+          if (comp.placeholder) sectionsCode += `        placeholder="${comp.placeholder}",
 `;
         } else if (comp.component_type === "NumericInput") {
-          if (comp.default !== void 0)
-            sectionsCode += `        default=${comp.default},
+          if (comp.default !== void 0) sectionsCode += `        default=${comp.default},
 `;
           if (comp.min_value !== void 0)
             sectionsCode += `        min_value=${comp.min_value},
@@ -247,8 +242,7 @@ function useCodeGeneration() {
         } else if (comp.component_type === "ToggleSwitch") {
           sectionsCode += `        default=${comp.default ? "True" : "False"},
 `;
-          if (comp.description)
-            sectionsCode += `        description="${comp.description}",
+          if (comp.description) sectionsCode += `        description="${comp.description}",
 `;
         } else if (comp.component_type === "SingleSelect" || comp.component_type === "MultiSelect") {
           if (comp.options_source === "incoming_columns") {
@@ -260,11 +254,9 @@ function useCodeGeneration() {
 `;
           }
         } else if (comp.component_type === "ColumnSelector") {
-          if (comp.required)
-            sectionsCode += `        required=True,
+          if (comp.required) sectionsCode += `        required=True,
 `;
-          if (comp.multiple)
-            sectionsCode += `        multiple=True,
+          if (comp.multiple) sectionsCode += `        multiple=True,
 `;
           if (comp.data_types && comp.data_types !== "ALL") {
             sectionsCode += `        data_types="${comp.data_types}",
@@ -275,18 +267,14 @@ function useCodeGeneration() {
 `;
           sectionsCode += `        max_value=${comp.max_value ?? 100},
 `;
-          if (comp.step)
-            sectionsCode += `        step=${comp.step},
+          if (comp.step) sectionsCode += `        step=${comp.step},
 `;
         } else if (comp.component_type === "SecretSelector") {
-          if (comp.required)
-            sectionsCode += `        required=True,
+          if (comp.required) sectionsCode += `        required=True,
 `;
-          if (comp.description)
-            sectionsCode += `        description="${comp.description}",
+          if (comp.description) sectionsCode += `        description="${comp.description}",
 `;
-          if (comp.name_prefix)
-            sectionsCode += `        name_prefix="${comp.name_prefix}",
+          if (comp.name_prefix) sectionsCode += `        name_prefix="${comp.name_prefix}",
 `;
         } else if (comp.component_type === "ColumnActionInput") {
           if (comp.actions_string) {
@@ -298,11 +286,9 @@ function useCodeGeneration() {
             sectionsCode += `        output_name_template="${comp.output_name_template}",
 `;
           }
-          if (comp.show_group_by)
-            sectionsCode += `        show_group_by=True,
+          if (comp.show_group_by) sectionsCode += `        show_group_by=True,
 `;
-          if (comp.show_order_by)
-            sectionsCode += `        show_order_by=True,
+          if (comp.show_order_by) sectionsCode += `        show_order_by=True,
 `;
           if (comp.data_types && comp.data_types !== "ALL") {
             sectionsCode += `        data_types="${comp.data_types}",
@@ -544,8 +530,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       }
     }
     function insertVariable() {
-      if (!props.component || !props.sectionName)
-        return;
+      if (!props.component || !props.sectionName) return;
       const fieldName = toSnakeCase(props.component.field_name);
       const sectionName = toSnakeCase(props.sectionName);
       const pyType = getTypeForComponent(props.component.component_type, props.component.multiple);
@@ -563,12 +548,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           createBaseVNode("h3", null, "Properties")
         ], -1)),
         createBaseVNode("div", _hoisted_2$8, [
-          _ctx.component ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
+          __props.component ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
             createBaseVNode("div", _hoisted_4$6, [
               createBaseVNode("i", {
-                class: normalizeClass(unref(getComponentIcon)(_ctx.component.component_type))
+                class: normalizeClass(unref(getComponentIcon)(__props.component.component_type))
               }, null, 2),
-              createBaseVNode("span", null, toDisplayString(_ctx.component.component_type), 1)
+              createBaseVNode("span", null, toDisplayString(__props.component.component_type), 1)
             ]),
             createBaseVNode("div", _hoisted_5$4, [
               _cache[29] || (_cache[29] = createBaseVNode("div", { class: "property-group-title" }, "Basic", -1)),
@@ -578,7 +563,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   createBaseVNode("span", { class: "required" }, "*")
                 ], -1)),
                 createBaseVNode("input", {
-                  value: _ctx.component.field_name,
+                  value: __props.component.field_name,
                   type: "text",
                   class: "property-input",
                   placeholder: "field_name",
@@ -588,7 +573,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               createBaseVNode("div", _hoisted_8$4, [
                 _cache[28] || (_cache[28] = createBaseVNode("label", { class: "property-label" }, "Label", -1)),
                 createBaseVNode("input", {
-                  value: _ctx.component.label,
+                  value: __props.component.label,
                   type: "text",
                   class: "property-input",
                   placeholder: "Display Label",
@@ -596,12 +581,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 }, null, 40, _hoisted_9$4)
               ])
             ]),
-            _ctx.component.component_type === "TextInput" ? (openBlock(), createElementBlock("div", _hoisted_10$4, [
+            __props.component.component_type === "TextInput" ? (openBlock(), createElementBlock("div", _hoisted_10$4, [
               _cache[32] || (_cache[32] = createBaseVNode("div", { class: "property-group-title" }, "Text Options", -1)),
               createBaseVNode("div", _hoisted_11$4, [
                 _cache[30] || (_cache[30] = createBaseVNode("label", { class: "property-label" }, "Default Value", -1)),
                 createBaseVNode("input", {
-                  value: _ctx.component.default,
+                  value: __props.component.default,
                   type: "text",
                   class: "property-input",
                   placeholder: "Default value",
@@ -611,7 +596,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               createBaseVNode("div", _hoisted_13$3, [
                 _cache[31] || (_cache[31] = createBaseVNode("label", { class: "property-label" }, "Placeholder", -1)),
                 createBaseVNode("input", {
-                  value: _ctx.component.placeholder,
+                  value: __props.component.placeholder,
                   type: "text",
                   class: "property-input",
                   placeholder: "Placeholder text",
@@ -619,12 +604,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 }, null, 40, _hoisted_14$3)
               ])
             ])) : createCommentVNode("", true),
-            _ctx.component.component_type === "NumericInput" ? (openBlock(), createElementBlock("div", _hoisted_15$3, [
+            __props.component.component_type === "NumericInput" ? (openBlock(), createElementBlock("div", _hoisted_15$3, [
               _cache[36] || (_cache[36] = createBaseVNode("div", { class: "property-group-title" }, "Number Options", -1)),
               createBaseVNode("div", _hoisted_16$3, [
                 _cache[33] || (_cache[33] = createBaseVNode("label", { class: "property-label" }, "Default Value", -1)),
                 createBaseVNode("input", {
-                  value: _ctx.component.default,
+                  value: __props.component.default,
                   type: "number",
                   class: "property-input",
                   onInput: _cache[4] || (_cache[4] = ($event) => updateField("default", Number($event.target.value)))
@@ -633,7 +618,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               createBaseVNode("div", _hoisted_18$2, [
                 _cache[34] || (_cache[34] = createBaseVNode("label", { class: "property-label" }, "Min Value", -1)),
                 createBaseVNode("input", {
-                  value: _ctx.component.min_value,
+                  value: __props.component.min_value,
                   type: "number",
                   class: "property-input",
                   onInput: _cache[5] || (_cache[5] = ($event) => updateField("min_value", Number($event.target.value)))
@@ -642,19 +627,19 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               createBaseVNode("div", _hoisted_20, [
                 _cache[35] || (_cache[35] = createBaseVNode("label", { class: "property-label" }, "Max Value", -1)),
                 createBaseVNode("input", {
-                  value: _ctx.component.max_value,
+                  value: __props.component.max_value,
                   type: "number",
                   class: "property-input",
                   onInput: _cache[6] || (_cache[6] = ($event) => updateField("max_value", Number($event.target.value)))
                 }, null, 40, _hoisted_21)
               ])
             ])) : createCommentVNode("", true),
-            _ctx.component.component_type === "ToggleSwitch" ? (openBlock(), createElementBlock("div", _hoisted_22, [
+            __props.component.component_type === "ToggleSwitch" ? (openBlock(), createElementBlock("div", _hoisted_22, [
               _cache[39] || (_cache[39] = createBaseVNode("div", { class: "property-group-title" }, "Toggle Options", -1)),
               createBaseVNode("div", _hoisted_23, [
                 _cache[37] || (_cache[37] = createBaseVNode("label", { class: "property-label" }, "Default Value", -1)),
                 createBaseVNode("input", {
-                  checked: _ctx.component.default,
+                  checked: __props.component.default,
                   type: "checkbox",
                   class: "property-checkbox",
                   onChange: _cache[7] || (_cache[7] = ($event) => updateField("default", $event.target.checked))
@@ -663,7 +648,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               createBaseVNode("div", _hoisted_25, [
                 _cache[38] || (_cache[38] = createBaseVNode("label", { class: "property-label" }, "Description", -1)),
                 createBaseVNode("input", {
-                  value: _ctx.component.description,
+                  value: __props.component.description,
                   type: "text",
                   class: "property-input",
                   placeholder: "Toggle description",
@@ -671,23 +656,23 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 }, null, 40, _hoisted_26)
               ])
             ])) : createCommentVNode("", true),
-            _ctx.component.component_type === "SingleSelect" ? (openBlock(), createElementBlock("div", _hoisted_27, [
+            __props.component.component_type === "SingleSelect" ? (openBlock(), createElementBlock("div", _hoisted_27, [
               _cache[43] || (_cache[43] = createBaseVNode("div", { class: "property-group-title" }, "Select Options", -1)),
               createBaseVNode("div", _hoisted_28, [
                 _cache[41] || (_cache[41] = createBaseVNode("label", { class: "property-label" }, "Options Source", -1)),
                 createBaseVNode("select", {
-                  value: _ctx.component.options_source,
+                  value: __props.component.options_source,
                   class: "property-input",
                   onChange: _cache[9] || (_cache[9] = ($event) => updateField("options_source", $event.target.value))
-                }, _cache[40] || (_cache[40] = [
+                }, [..._cache[40] || (_cache[40] = [
                   createBaseVNode("option", { value: "static" }, "Static Options", -1),
                   createBaseVNode("option", { value: "incoming_columns" }, "Incoming Columns", -1)
-                ]), 40, _hoisted_29)
+                ])], 40, _hoisted_29)
               ]),
-              _ctx.component.options_source === "static" ? (openBlock(), createElementBlock("div", _hoisted_30, [
+              __props.component.options_source === "static" ? (openBlock(), createElementBlock("div", _hoisted_30, [
                 _cache[42] || (_cache[42] = createBaseVNode("label", { class: "property-label" }, "Options (comma-separated)", -1)),
                 createBaseVNode("input", {
-                  value: _ctx.component.options_string,
+                  value: __props.component.options_string,
                   type: "text",
                   class: "property-input",
                   placeholder: "option1, option2, option3",
@@ -695,23 +680,23 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 }, null, 40, _hoisted_31)
               ])) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
-            _ctx.component.component_type === "MultiSelect" ? (openBlock(), createElementBlock("div", _hoisted_32, [
+            __props.component.component_type === "MultiSelect" ? (openBlock(), createElementBlock("div", _hoisted_32, [
               _cache[47] || (_cache[47] = createBaseVNode("div", { class: "property-group-title" }, "Select Options", -1)),
               createBaseVNode("div", _hoisted_33, [
                 _cache[45] || (_cache[45] = createBaseVNode("label", { class: "property-label" }, "Options Source", -1)),
                 createBaseVNode("select", {
-                  value: _ctx.component.options_source,
+                  value: __props.component.options_source,
                   class: "property-input",
                   onChange: _cache[11] || (_cache[11] = ($event) => updateField("options_source", $event.target.value))
-                }, _cache[44] || (_cache[44] = [
+                }, [..._cache[44] || (_cache[44] = [
                   createBaseVNode("option", { value: "static" }, "Static Options", -1),
                   createBaseVNode("option", { value: "incoming_columns" }, "Incoming Columns", -1)
-                ]), 40, _hoisted_34)
+                ])], 40, _hoisted_34)
               ]),
-              _ctx.component.options_source === "static" ? (openBlock(), createElementBlock("div", _hoisted_35, [
+              __props.component.options_source === "static" ? (openBlock(), createElementBlock("div", _hoisted_35, [
                 _cache[46] || (_cache[46] = createBaseVNode("label", { class: "property-label" }, "Options (comma-separated)", -1)),
                 createBaseVNode("input", {
-                  value: _ctx.component.options_string,
+                  value: __props.component.options_string,
                   type: "text",
                   class: "property-input",
                   placeholder: "option1, option2, option3",
@@ -719,12 +704,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 }, null, 40, _hoisted_36)
               ])) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
-            _ctx.component.component_type === "ColumnSelector" ? (openBlock(), createElementBlock("div", _hoisted_37, [
+            __props.component.component_type === "ColumnSelector" ? (openBlock(), createElementBlock("div", _hoisted_37, [
               _cache[52] || (_cache[52] = createBaseVNode("div", { class: "property-group-title" }, "Column Options", -1)),
               createBaseVNode("div", _hoisted_38, [
                 _cache[48] || (_cache[48] = createBaseVNode("label", { class: "property-label" }, "Required", -1)),
                 createBaseVNode("input", {
-                  checked: _ctx.component.required,
+                  checked: __props.component.required,
                   type: "checkbox",
                   class: "property-checkbox",
                   onChange: _cache[13] || (_cache[13] = ($event) => updateField("required", $event.target.checked))
@@ -733,7 +718,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               createBaseVNode("div", _hoisted_40, [
                 _cache[49] || (_cache[49] = createBaseVNode("label", { class: "property-label" }, "Multiple Selection", -1)),
                 createBaseVNode("input", {
-                  checked: _ctx.component.multiple,
+                  checked: __props.component.multiple,
                   type: "checkbox",
                   class: "property-checkbox",
                   onChange: _cache[14] || (_cache[14] = ($event) => updateField("multiple", $event.target.checked))
@@ -742,18 +727,18 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               createBaseVNode("div", _hoisted_42, [
                 _cache[51] || (_cache[51] = createBaseVNode("label", { class: "property-label" }, "Data Types Filter", -1)),
                 createBaseVNode("select", {
-                  value: _ctx.component.data_types,
+                  value: __props.component.data_types,
                   class: "property-input",
                   onChange: _cache[15] || (_cache[15] = ($event) => updateField("data_types", $event.target.value))
-                }, _cache[50] || (_cache[50] = [
+                }, [..._cache[50] || (_cache[50] = [
                   createBaseVNode("option", { value: "ALL" }, "All Types", -1),
                   createBaseVNode("option", { value: "numeric" }, "Numeric", -1),
                   createBaseVNode("option", { value: "string" }, "String", -1),
                   createBaseVNode("option", { value: "temporal" }, "Temporal", -1)
-                ]), 40, _hoisted_43)
+                ])], 40, _hoisted_43)
               ])
             ])) : createCommentVNode("", true),
-            _ctx.component.component_type === "SliderInput" ? (openBlock(), createElementBlock("div", _hoisted_44, [
+            __props.component.component_type === "SliderInput" ? (openBlock(), createElementBlock("div", _hoisted_44, [
               _cache[56] || (_cache[56] = createBaseVNode("div", { class: "property-group-title" }, "Slider Options", -1)),
               createBaseVNode("div", _hoisted_45, [
                 _cache[53] || (_cache[53] = createBaseVNode("label", { class: "property-label" }, [
@@ -761,7 +746,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   createBaseVNode("span", { class: "required" }, "*")
                 ], -1)),
                 createBaseVNode("input", {
-                  value: _ctx.component.min_value,
+                  value: __props.component.min_value,
                   type: "number",
                   class: "property-input",
                   onInput: _cache[16] || (_cache[16] = ($event) => updateField("min_value", Number($event.target.value)))
@@ -773,7 +758,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   createBaseVNode("span", { class: "required" }, "*")
                 ], -1)),
                 createBaseVNode("input", {
-                  value: _ctx.component.max_value,
+                  value: __props.component.max_value,
                   type: "number",
                   class: "property-input",
                   onInput: _cache[17] || (_cache[17] = ($event) => updateField("max_value", Number($event.target.value)))
@@ -782,14 +767,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               createBaseVNode("div", _hoisted_49, [
                 _cache[55] || (_cache[55] = createBaseVNode("label", { class: "property-label" }, "Step", -1)),
                 createBaseVNode("input", {
-                  value: _ctx.component.step,
+                  value: __props.component.step,
                   type: "number",
                   class: "property-input",
                   onInput: _cache[18] || (_cache[18] = ($event) => updateField("step", Number($event.target.value)))
                 }, null, 40, _hoisted_50)
               ])
             ])) : createCommentVNode("", true),
-            _ctx.component.component_type === "ColumnActionInput" ? (openBlock(), createElementBlock("div", _hoisted_51, [
+            __props.component.component_type === "ColumnActionInput" ? (openBlock(), createElementBlock("div", _hoisted_51, [
               _cache[65] || (_cache[65] = createBaseVNode("div", { class: "property-group-title" }, "Column Action Options", -1)),
               createBaseVNode("div", _hoisted_52, [
                 _cache[57] || (_cache[57] = createBaseVNode("label", { class: "property-label" }, [
@@ -797,7 +782,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                   createBaseVNode("span", { class: "required" }, "*")
                 ], -1)),
                 createBaseVNode("input", {
-                  value: _ctx.component.actions_string,
+                  value: __props.component.actions_string,
                   type: "text",
                   class: "property-input",
                   placeholder: "sum, mean, min, max",
@@ -808,7 +793,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               createBaseVNode("div", _hoisted_54, [
                 _cache[59] || (_cache[59] = createBaseVNode("label", { class: "property-label" }, "Output Name Template", -1)),
                 createBaseVNode("input", {
-                  value: _ctx.component.output_name_template,
+                  value: __props.component.output_name_template,
                   type: "text",
                   class: "property-input",
                   placeholder: "{column}_{action}",
@@ -819,20 +804,20 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               createBaseVNode("div", _hoisted_56, [
                 _cache[62] || (_cache[62] = createBaseVNode("label", { class: "property-label" }, "Data Types Filter", -1)),
                 createBaseVNode("select", {
-                  value: _ctx.component.data_types,
+                  value: __props.component.data_types,
                   class: "property-input",
                   onChange: _cache[21] || (_cache[21] = ($event) => updateField("data_types", $event.target.value))
-                }, _cache[61] || (_cache[61] = [
+                }, [..._cache[61] || (_cache[61] = [
                   createBaseVNode("option", { value: "ALL" }, "All Types", -1),
                   createBaseVNode("option", { value: "Numeric" }, "Numeric", -1),
                   createBaseVNode("option", { value: "String" }, "String", -1),
                   createBaseVNode("option", { value: "Date" }, "Date/Time", -1)
-                ]), 40, _hoisted_57)
+                ])], 40, _hoisted_57)
               ]),
               createBaseVNode("div", _hoisted_58, [
                 _cache[63] || (_cache[63] = createBaseVNode("label", { class: "property-label" }, "Show Group By", -1)),
                 createBaseVNode("input", {
-                  checked: _ctx.component.show_group_by,
+                  checked: __props.component.show_group_by,
                   type: "checkbox",
                   class: "property-checkbox",
                   onChange: _cache[22] || (_cache[22] = ($event) => updateField("show_group_by", $event.target.checked))
@@ -841,19 +826,19 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               createBaseVNode("div", _hoisted_60, [
                 _cache[64] || (_cache[64] = createBaseVNode("label", { class: "property-label" }, "Show Order By", -1)),
                 createBaseVNode("input", {
-                  checked: _ctx.component.show_order_by,
+                  checked: __props.component.show_order_by,
                   type: "checkbox",
                   class: "property-checkbox",
                   onChange: _cache[23] || (_cache[23] = ($event) => updateField("show_order_by", $event.target.checked))
                 }, null, 40, _hoisted_61)
               ])
             ])) : createCommentVNode("", true),
-            _ctx.component.component_type === "SecretSelector" ? (openBlock(), createElementBlock("div", _hoisted_62, [
+            __props.component.component_type === "SecretSelector" ? (openBlock(), createElementBlock("div", _hoisted_62, [
               _cache[70] || (_cache[70] = createBaseVNode("div", { class: "property-group-title" }, "Secret Options", -1)),
               createBaseVNode("div", _hoisted_63, [
                 _cache[66] || (_cache[66] = createBaseVNode("label", { class: "property-label" }, "Required", -1)),
                 createBaseVNode("input", {
-                  checked: _ctx.component.required,
+                  checked: __props.component.required,
                   type: "checkbox",
                   class: "property-checkbox",
                   onChange: _cache[24] || (_cache[24] = ($event) => updateField("required", $event.target.checked))
@@ -862,7 +847,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               createBaseVNode("div", _hoisted_65, [
                 _cache[67] || (_cache[67] = createBaseVNode("label", { class: "property-label" }, "Description", -1)),
                 createBaseVNode("input", {
-                  value: _ctx.component.description,
+                  value: __props.component.description,
                   type: "text",
                   class: "property-input",
                   placeholder: "Help text for the user",
@@ -872,7 +857,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               createBaseVNode("div", _hoisted_67, [
                 _cache[68] || (_cache[68] = createBaseVNode("label", { class: "property-label" }, "Name Prefix Filter", -1)),
                 createBaseVNode("input", {
-                  value: _ctx.component.name_prefix,
+                  value: __props.component.name_prefix,
                   type: "text",
                   class: "property-input",
                   placeholder: "e.g. API_KEY_",
@@ -885,22 +870,21 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               createBaseVNode("button", {
                 class: "action-btn",
                 onClick: insertVariable
-              }, _cache[71] || (_cache[71] = [
+              }, [..._cache[71] || (_cache[71] = [
                 createBaseVNode("i", { class: "fa-solid fa-code" }, null, -1),
-                createTextVNode(" Insert Variable ")
-              ])),
+                createTextVNode(" Insert Variable ", -1)
+              ])]),
               _cache[72] || (_cache[72] = createBaseVNode("span", { class: "field-hint" }, "Add typed variable to process method", -1))
             ])
-          ])) : (openBlock(), createElementBlock("div", _hoisted_69, _cache[73] || (_cache[73] = [
+          ])) : (openBlock(), createElementBlock("div", _hoisted_69, [..._cache[73] || (_cache[73] = [
             createBaseVNode("i", { class: "fa-solid fa-mouse-pointer" }, null, -1),
             createBaseVNode("p", null, "Select a component to edit its properties", -1)
-          ])))
+          ])]))
         ])
       ]);
     };
   }
 });
-const PropertyEditor_vue_vue_type_style_index_0_scoped_30942683_lang = "";
 const PropertyEditor = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-30942683"]]);
 const _hoisted_1$7 = { class: "modal-header" };
 const _hoisted_2$7 = { class: "modal-actions" };
@@ -913,7 +897,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     return (_ctx, _cache) => {
-      return _ctx.show ? (openBlock(), createElementBlock("div", {
+      return __props.show ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: "modal-overlay",
         onClick: _cache[3] || (_cache[3] = ($event) => emit("close"))
@@ -931,9 +915,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             createBaseVNode("button", {
               class: "modal-close",
               onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-            }, _cache[4] || (_cache[4] = [
+            }, [..._cache[4] || (_cache[4] = [
               createBaseVNode("i", { class: "fa-solid fa-times" }, null, -1)
-            ]))
+            ])])
           ]),
           _cache[6] || (_cache[6] = createStaticVNode('<div class="modal-content" data-v-3a89a078><div class="help-section" data-v-3a89a078><h4 data-v-3a89a078>Overview</h4><p data-v-3a89a078> The process method is where you write your data transformation logic. It receives input LazyFrames from connected nodes and returns a transformed LazyFrame. </p></div><div class="help-section" data-v-3a89a078><h4 data-v-3a89a078>Method Signature</h4><pre class="help-code" data-v-3a89a078><code data-v-3a89a078>def process(self, *inputs: pl.LazyFrame) -&gt; pl.LazyFrame:</code></pre><ul class="help-list" data-v-3a89a078><li data-v-3a89a078><code data-v-3a89a078>inputs</code> - Tuple of input LazyFrames from connected nodes</li><li data-v-3a89a078><code data-v-3a89a078>inputs[0]</code> - First input (most common)</li><li data-v-3a89a078><code data-v-3a89a078>inputs[1]</code> - Second input (for joins, etc.)</li></ul></div><div class="help-section" data-v-3a89a078><h4 data-v-3a89a078>Accessing Settings</h4><p data-v-3a89a078>Access user-configured values from your UI components:</p><pre class="help-code" data-v-3a89a078><code data-v-3a89a078>self.settings_schema.section_name.component_name.value</code></pre><p class="help-note" data-v-3a89a078><i class="fa-solid fa-lightbulb" data-v-3a89a078></i> Use autocomplete by typing <code data-v-3a89a078>self.</code> to navigate the settings schema. </p></div><div class="help-section" data-v-3a89a078><h4 data-v-3a89a078>Working with Secrets</h4><p data-v-3a89a078>For SecretSelector components, access the decrypted value:</p><pre class="help-code" data-v-3a89a078><code data-v-3a89a078># Get the SecretStr object\nsecret = self.settings_schema.section.api_key.secret_value\n\n# Get the actual decrypted string value\napi_key = secret.get_secret_value()</code></pre></div><div class="help-section" data-v-3a89a078><h4 data-v-3a89a078>Common Patterns</h4><div class="pattern-grid" data-v-3a89a078><div class="pattern-item" data-v-3a89a078><h5 data-v-3a89a078>Filter Rows</h5><pre class="help-code-small" data-v-3a89a078><code data-v-3a89a078>lf = inputs[0]\nreturn lf.filter(pl.col(&quot;column&quot;) &gt; 10)</code></pre></div><div class="pattern-item" data-v-3a89a078><h5 data-v-3a89a078>Select Columns</h5><pre class="help-code-small" data-v-3a89a078><code data-v-3a89a078>lf = inputs[0]\nreturn lf.select([&quot;col1&quot;, &quot;col2&quot;])</code></pre></div><div class="pattern-item" data-v-3a89a078><h5 data-v-3a89a078>Add New Column</h5><pre class="help-code-small" data-v-3a89a078><code data-v-3a89a078>lf = inputs[0]\nreturn lf.with_columns(\n    pl.col(&quot;a&quot;).alias(&quot;new_col&quot;)\n)</code></pre></div><div class="pattern-item" data-v-3a89a078><h5 data-v-3a89a078>Group &amp; Aggregate</h5><pre class="help-code-small" data-v-3a89a078><code data-v-3a89a078>lf = inputs[0]\nreturn lf.group_by(&quot;category&quot;).agg(\n    pl.col(&quot;value&quot;).sum()\n)</code></pre></div></div></div><div class="help-section" data-v-3a89a078><h4 data-v-3a89a078>Using Settings in Code</h4><pre class="help-code" data-v-3a89a078><code data-v-3a89a078># Example: Using a TextInput value\ncolumn_name = self.settings_schema.options.column_name.value\nlf = inputs[0]\nreturn lf.select(pl.col(column_name))\n\n# Example: Using a ColumnSelector value\nselected_columns = self.settings_schema.columns.selected.value\nreturn lf.select(selected_columns)</code></pre></div></div>', 1)),
           createBaseVNode("div", _hoisted_2$7, [
@@ -947,7 +931,6 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ProcessCodeHelpModal_vue_vue_type_style_index_0_scoped_3a89a078_lang = "";
 const ProcessCodeHelpModal = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-3a89a078"]]);
 const _hoisted_1$6 = { class: "code-editor-section" };
 const _hoisted_2$6 = { class: "code-editor-header" };
@@ -970,10 +953,10 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             class: "help-btn",
             title: "Show help",
             onClick: _cache[0] || (_cache[0] = ($event) => showHelp.value = true)
-          }, _cache[3] || (_cache[3] = [
+          }, [..._cache[3] || (_cache[3] = [
             createBaseVNode("i", { class: "fa-solid fa-circle-question" }, null, -1),
             createBaseVNode("span", null, "Help", -1)
-          ]))
+          ])])
         ]),
         _cache[5] || (_cache[5] = createBaseVNode("p", { class: "code-hint" }, [
           createTextVNode(" Write your data transformation logic. Access settings via "),
@@ -981,13 +964,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         ], -1)),
         createBaseVNode("div", _hoisted_3$6, [
           createVNode(unref(T), {
-            "model-value": _ctx.modelValue,
+            "model-value": __props.modelValue,
             placeholder: "# Write your process logic here...",
             style: { height: "300px" },
             autofocus: false,
             "indent-with-tab": false,
             "tab-size": 4,
-            extensions: _ctx.extensions,
+            extensions: __props.extensions,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", $event))
           }, null, 8, ["model-value", "extensions"])
         ]),
@@ -999,7 +982,6 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ProcessCodeEditor_vue_vue_type_style_index_0_scoped_7bd9927f_lang = "";
 const ProcessCodeEditor = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-7bd9927f"]]);
 const _hoisted_1$5 = { class: "modal-header" };
 const _hoisted_2$5 = { class: "modal-content" };
@@ -1019,7 +1001,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       alert("Code copied to clipboard!");
     }
     return (_ctx, _cache) => {
-      return _ctx.show ? (openBlock(), createElementBlock("div", {
+      return __props.show ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: "modal-overlay",
         onClick: _cache[3] || (_cache[3] = ($event) => emit("close"))
@@ -1034,14 +1016,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             createBaseVNode("button", {
               class: "modal-close",
               onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-            }, _cache[4] || (_cache[4] = [
+            }, [..._cache[4] || (_cache[4] = [
               createBaseVNode("i", { class: "fa-solid fa-times" }, null, -1)
-            ]))
+            ])])
           ]),
           createBaseVNode("div", _hoisted_2$5, [
             createBaseVNode("div", _hoisted_3$5, [
               createBaseVNode("pre", null, [
-                createBaseVNode("code", null, toDisplayString(_ctx.code), 1)
+                createBaseVNode("code", null, toDisplayString(__props.code), 1)
               ])
             ])
           ]),
@@ -1049,10 +1031,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             createBaseVNode("button", {
               class: "btn btn-secondary",
               onClick: copyCode
-            }, _cache[6] || (_cache[6] = [
+            }, [..._cache[6] || (_cache[6] = [
               createBaseVNode("i", { class: "fa-solid fa-copy" }, null, -1),
-              createTextVNode(" Copy Code ")
-            ])),
+              createTextVNode(" Copy Code ", -1)
+            ])]),
             createBaseVNode("button", {
               class: "btn btn-primary",
               onClick: _cache[1] || (_cache[1] = ($event) => emit("close"))
@@ -1063,7 +1045,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CodePreviewModal_vue_vue_type_style_index_0_scoped_f74c8de3_lang = "";
 const CodePreviewModal = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-f74c8de3"]]);
 const _hoisted_1$4 = { class: "modal-header modal-header-error" };
 const _hoisted_2$4 = { class: "modal-content" };
@@ -1079,7 +1060,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     return (_ctx, _cache) => {
-      return _ctx.show ? (openBlock(), createElementBlock("div", {
+      return __props.show ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: "modal-overlay",
         onClick: _cache[3] || (_cache[3] = ($event) => emit("close"))
@@ -1097,14 +1078,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             createBaseVNode("button", {
               class: "modal-close",
               onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-            }, _cache[4] || (_cache[4] = [
+            }, [..._cache[4] || (_cache[4] = [
               createBaseVNode("i", { class: "fa-solid fa-times" }, null, -1)
-            ]))
+            ])])
           ]),
           createBaseVNode("div", _hoisted_2$4, [
             _cache[7] || (_cache[7] = createBaseVNode("p", { class: "validation-intro" }, "Please fix the following issues before saving:", -1)),
             createBaseVNode("ul", _hoisted_3$4, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.errors, (error, index) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.errors, (error, index) => {
                 return openBlock(), createElementBlock("li", {
                   key: index,
                   class: "validation-error-item"
@@ -1126,7 +1107,6 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ValidationModal_vue_vue_type_style_index_0_scoped_bf9df753_lang = "";
 const ValidationModal = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-bf9df753"]]);
 const _hoisted_1$3 = { class: "modal-header" };
 const _hoisted_2$3 = { class: "modal-title" };
@@ -1175,7 +1155,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        _ctx.show ? (openBlock(), createElementBlock("div", {
+        __props.show ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "modal-overlay",
           onClick: _cache[5] || (_cache[5] = ($event) => emit("close"))
@@ -1188,35 +1168,35 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             createBaseVNode("div", _hoisted_1$3, [
               createBaseVNode("h3", _hoisted_2$3, [
                 _cache[11] || (_cache[11] = createBaseVNode("i", { class: "fa-solid fa-folder-open" }, null, -1)),
-                createTextVNode(" " + toDisplayString(_ctx.viewingNodeCode ? _ctx.viewingNodeName : "Browse Custom Nodes"), 1)
+                createTextVNode(" " + toDisplayString(__props.viewingNodeCode ? __props.viewingNodeName : "Browse Custom Nodes"), 1)
               ]),
               createBaseVNode("button", {
                 class: "modal-close",
                 onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-              }, _cache[12] || (_cache[12] = [
+              }, [..._cache[12] || (_cache[12] = [
                 createBaseVNode("i", { class: "fa-solid fa-times" }, null, -1)
-              ]))
+              ])])
             ]),
             createBaseVNode("div", _hoisted_3$3, [
-              _ctx.viewingNodeCode ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+              __props.viewingNodeCode ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
                 createVNode(unref(T), {
-                  "model-value": _ctx.viewingNodeCode,
+                  "model-value": __props.viewingNodeCode,
                   style: { height: "auto", maxHeight: "calc(80vh - 180px)" },
                   autofocus: false,
                   "indent-with-tab": false,
                   "tab-size": 4,
-                  extensions: _ctx.readOnlyExtensions
+                  extensions: __props.readOnlyExtensions
                 }, null, 8, ["model-value", "extensions"])
               ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_5$3, _cache[13] || (_cache[13] = [
+                __props.loading ? (openBlock(), createElementBlock("div", _hoisted_5$3, [..._cache[13] || (_cache[13] = [
                   createBaseVNode("i", { class: "fa-solid fa-spinner fa-spin" }, null, -1),
-                  createTextVNode(" Loading custom nodes... ")
-                ]))) : _ctx.nodes.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_6$3, _cache[14] || (_cache[14] = [
+                  createTextVNode(" Loading custom nodes... ", -1)
+                ])])) : __props.nodes.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_6$3, [..._cache[14] || (_cache[14] = [
                   createBaseVNode("i", { class: "fa-solid fa-folder-open" }, null, -1),
                   createBaseVNode("p", null, "No custom nodes found", -1),
                   createBaseVNode("p", { class: "empty-hint" }, "Save a node to see it here", -1)
-                ]))) : (openBlock(), createElementBlock("div", _hoisted_7$3, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.nodes, (node) => {
+                ])])) : (openBlock(), createElementBlock("div", _hoisted_7$3, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(__props.nodes, (node) => {
                     return openBlock(), createElementBlock("div", {
                       key: node.file_name,
                       class: "node-card",
@@ -1239,30 +1219,30 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               ], 64))
             ]),
             createBaseVNode("div", _hoisted_16$2, [
-              _ctx.viewingNodeCode ? (openBlock(), createElementBlock("button", {
+              __props.viewingNodeCode ? (openBlock(), createElementBlock("button", {
                 key: 0,
                 class: "btn btn-secondary",
                 onClick: _cache[1] || (_cache[1] = ($event) => emit("back"))
-              }, _cache[16] || (_cache[16] = [
+              }, [..._cache[16] || (_cache[16] = [
                 createBaseVNode("i", { class: "fa-solid fa-arrow-left" }, null, -1),
-                createTextVNode(" Back ")
-              ]))) : createCommentVNode("", true),
-              _ctx.viewingNodeCode ? (openBlock(), createElementBlock("button", {
+                createTextVNode(" Back ", -1)
+              ])])) : createCommentVNode("", true),
+              __props.viewingNodeCode ? (openBlock(), createElementBlock("button", {
                 key: 1,
                 class: "btn btn-danger",
                 onClick: _cache[2] || (_cache[2] = ($event) => emit("confirmDelete"))
-              }, _cache[17] || (_cache[17] = [
+              }, [..._cache[17] || (_cache[17] = [
                 createBaseVNode("i", { class: "fa-solid fa-trash" }, null, -1),
-                createTextVNode(" Delete ")
-              ]))) : createCommentVNode("", true),
+                createTextVNode(" Delete ", -1)
+              ])])) : createCommentVNode("", true),
               createBaseVNode("button", {
                 class: "btn btn-secondary",
                 onClick: _cache[3] || (_cache[3] = ($event) => emit("close"))
-              }, toDisplayString(_ctx.viewingNodeCode ? "Close" : "Cancel"), 1)
+              }, toDisplayString(__props.viewingNodeCode ? "Close" : "Cancel"), 1)
             ])
           ])
         ])) : createCommentVNode("", true),
-        _ctx.showDeleteConfirm ? (openBlock(), createElementBlock("div", {
+        __props.showDeleteConfirm ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: "modal-overlay",
           onClick: _cache[10] || (_cache[10] = ($event) => emit("cancelDelete"))
@@ -1280,15 +1260,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               createBaseVNode("button", {
                 class: "modal-close",
                 onClick: _cache[6] || (_cache[6] = ($event) => emit("cancelDelete"))
-              }, _cache[18] || (_cache[18] = [
+              }, [..._cache[18] || (_cache[18] = [
                 createBaseVNode("i", { class: "fa-solid fa-times" }, null, -1)
-              ]))
+              ])])
             ]),
             createBaseVNode("div", _hoisted_18$1, [
               createBaseVNode("p", null, [
-                _cache[20] || (_cache[20] = createTextVNode(" Are you sure you want to delete ")),
-                createBaseVNode("strong", null, toDisplayString(_ctx.viewingNodeName), 1),
-                _cache[21] || (_cache[21] = createTextVNode("? "))
+                _cache[20] || (_cache[20] = createTextVNode(" Are you sure you want to delete ", -1)),
+                createBaseVNode("strong", null, toDisplayString(__props.viewingNodeName), 1),
+                _cache[21] || (_cache[21] = createTextVNode("? ", -1))
               ]),
               _cache[22] || (_cache[22] = createBaseVNode("p", { class: "delete-warning" }, "This action cannot be undone.", -1))
             ]),
@@ -1300,10 +1280,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               createBaseVNode("button", {
                 class: "btn btn-danger",
                 onClick: _cache[8] || (_cache[8] = ($event) => emit("delete"))
-              }, _cache[23] || (_cache[23] = [
+              }, [..._cache[23] || (_cache[23] = [
                 createBaseVNode("i", { class: "fa-solid fa-trash" }, null, -1),
-                createTextVNode(" Delete ")
-              ]))
+                createTextVNode(" Delete ", -1)
+              ])])
             ])
           ])
         ])) : createCommentVNode("", true)
@@ -1311,7 +1291,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NodeBrowserModal_vue_vue_type_style_index_0_scoped_fca09e8f_lang = "";
 const NodeBrowserModal = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-fca09e8f"]]);
 const _hoisted_1$2 = { class: "modal-header" };
 const _hoisted_2$2 = { class: "modal-content" };
@@ -1356,7 +1335,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       { id: "tips", label: "Tips", icon: "fa-solid fa-lightbulb" }
     ];
     return (_ctx, _cache) => {
-      return _ctx.show ? (openBlock(), createElementBlock("div", {
+      return __props.show ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: "modal-overlay",
         onClick: _cache[3] || (_cache[3] = ($event) => emit("close"))
@@ -1374,9 +1353,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             createBaseVNode("button", {
               class: "modal-close",
               onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
-            }, _cache[4] || (_cache[4] = [
+            }, [..._cache[4] || (_cache[4] = [
               createBaseVNode("i", { class: "fa-solid fa-times" }, null, -1)
-            ]))
+            ])])
           ]),
           createBaseVNode("div", _hoisted_2$2, [
             createBaseVNode("div", _hoisted_3$2, [
@@ -1394,21 +1373,21 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               }), 64))
             ]),
             createBaseVNode("div", _hoisted_5$2, [
-              activeTab.value === "overview" ? (openBlock(), createElementBlock("div", _hoisted_6$2, _cache[6] || (_cache[6] = [
+              activeTab.value === "overview" ? (openBlock(), createElementBlock("div", _hoisted_6$2, [..._cache[6] || (_cache[6] = [
                 createStaticVNode('<h4 data-v-865a257f>What is the Node Designer?</h4><p data-v-865a257f> The Node Designer allows you to create custom data transformation nodes without writing boilerplate code. Design your node&#39;s UI visually, then write only the transformation logic. </p><div class="feature-grid" data-v-865a257f><div class="feature-card" data-v-865a257f><div class="feature-icon" data-v-865a257f><i class="fa-solid fa-palette" data-v-865a257f></i></div><h5 data-v-865a257f>Visual UI Design</h5><p data-v-865a257f>Drag and drop components to create your node&#39;s settings interface</p></div><div class="feature-card" data-v-865a257f><div class="feature-icon" data-v-865a257f><i class="fa-solid fa-code" data-v-865a257f></i></div><h5 data-v-865a257f>Python Processing</h5><p data-v-865a257f>Write Polars transformation code with full autocomplete support</p></div><div class="feature-card" data-v-865a257f><div class="feature-icon" data-v-865a257f><i class="fa-solid fa-plug" data-v-865a257f></i></div><h5 data-v-865a257f>Instant Integration</h5><p data-v-865a257f>Your custom nodes appear immediately in the flow editor</p></div></div><h4 data-v-865a257f>Quick Start</h4><ol class="steps-list" data-v-865a257f><li data-v-865a257f><strong data-v-865a257f>Set metadata</strong> - Name your node and choose a category</li><li data-v-865a257f><strong data-v-865a257f>Add sections</strong> - Create UI sections to organize your settings</li><li data-v-865a257f><strong data-v-865a257f>Add components</strong> - Drag components from the palette into sections </li><li data-v-865a257f><strong data-v-865a257f>Configure properties</strong> - Select a component to edit its properties </li><li data-v-865a257f><strong data-v-865a257f>Write process code</strong> - Implement your transformation logic</li><li data-v-865a257f><strong data-v-865a257f>Save</strong> - Your node is ready to use!</li></ol>', 5)
-              ]))) : createCommentVNode("", true),
-              activeTab.value === "layout" ? (openBlock(), createElementBlock("div", _hoisted_7$2, _cache[7] || (_cache[7] = [
+              ])])) : createCommentVNode("", true),
+              activeTab.value === "layout" ? (openBlock(), createElementBlock("div", _hoisted_7$2, [..._cache[7] || (_cache[7] = [
                 createStaticVNode('<h4 data-v-865a257f>Page Layout</h4><div class="layout-diagram" data-v-865a257f><div class="layout-box palette" data-v-865a257f><span class="layout-label" data-v-865a257f>Component Palette</span><p data-v-865a257f>Drag components from here</p></div><div class="layout-box canvas" data-v-865a257f><span class="layout-label" data-v-865a257f>Design Canvas</span><p data-v-865a257f>Build your node UI here</p></div><div class="layout-box properties" data-v-865a257f><span class="layout-label" data-v-865a257f>Properties</span><p data-v-865a257f>Edit selected component</p></div></div><h4 data-v-865a257f>Component Palette (Left)</h4><p data-v-865a257f> Contains all available UI components. Drag them into a section on the Design Canvas to add them to your node. </p><h4 data-v-865a257f>Design Canvas (Center)</h4><ul class="help-list" data-v-865a257f><li data-v-865a257f><strong data-v-865a257f>Node Metadata</strong> - Set your node&#39;s name, category, title, description, and number of inputs/outputs </li><li data-v-865a257f><strong data-v-865a257f>UI Sections</strong> - Organize your components into collapsible sections </li><li data-v-865a257f><strong data-v-865a257f>Process Method</strong> - Write your Python transformation code</li></ul><h4 data-v-865a257f>Property Editor (Right)</h4><p data-v-865a257f> When you select a component, its properties appear here. Configure labels, defaults, validation rules, and more. </p>', 8)
-              ]))) : createCommentVNode("", true),
-              activeTab.value === "components" ? (openBlock(), createElementBlock("div", _hoisted_8$2, _cache[8] || (_cache[8] = [
+              ])])) : createCommentVNode("", true),
+              activeTab.value === "components" ? (openBlock(), createElementBlock("div", _hoisted_8$2, [..._cache[8] || (_cache[8] = [
                 createStaticVNode('<h4 data-v-865a257f>Available Components</h4><div class="component-list" data-v-865a257f><div class="component-item" data-v-865a257f><div class="component-icon" data-v-865a257f><i class="fa-solid fa-font" data-v-865a257f></i></div><div class="component-info" data-v-865a257f><h5 data-v-865a257f>Text Input</h5><p data-v-865a257f>Single-line text entry for strings, names, or patterns</p><code data-v-865a257f>value: str</code></div></div><div class="component-item" data-v-865a257f><div class="component-icon" data-v-865a257f><i class="fa-solid fa-hashtag" data-v-865a257f></i></div><div class="component-info" data-v-865a257f><h5 data-v-865a257f>Numeric Input</h5><p data-v-865a257f>Number entry with optional min/max validation</p><code data-v-865a257f>value: int | float</code></div></div><div class="component-item" data-v-865a257f><div class="component-icon" data-v-865a257f><i class="fa-solid fa-toggle-on" data-v-865a257f></i></div><div class="component-info" data-v-865a257f><h5 data-v-865a257f>Toggle Switch</h5><p data-v-865a257f>Boolean on/off switch for feature flags</p><code data-v-865a257f>value: bool</code></div></div><div class="component-item" data-v-865a257f><div class="component-icon" data-v-865a257f><i class="fa-solid fa-list" data-v-865a257f></i></div><div class="component-info" data-v-865a257f><h5 data-v-865a257f>Single Select</h5><p data-v-865a257f>Dropdown to select one option from a list</p><code data-v-865a257f>value: str</code></div></div><div class="component-item" data-v-865a257f><div class="component-icon" data-v-865a257f><i class="fa-solid fa-list-check" data-v-865a257f></i></div><div class="component-info" data-v-865a257f><h5 data-v-865a257f>Multi Select</h5><p data-v-865a257f>Select multiple options from a list</p><code data-v-865a257f>value: list[str]</code></div></div><div class="component-item" data-v-865a257f><div class="component-icon" data-v-865a257f><i class="fa-solid fa-table-columns" data-v-865a257f></i></div><div class="component-info" data-v-865a257f><h5 data-v-865a257f>Column Selector</h5><p data-v-865a257f>Select columns from input data (single or multiple)</p><code data-v-865a257f>value: str | list[str]</code></div></div><div class="component-item" data-v-865a257f><div class="component-icon" data-v-865a257f><i class="fa-solid fa-sliders" data-v-865a257f></i></div><div class="component-info" data-v-865a257f><h5 data-v-865a257f>Slider</h5><p data-v-865a257f>Numeric slider with min/max/step</p><code data-v-865a257f>value: int | float</code></div></div><div class="component-item" data-v-865a257f><div class="component-icon" data-v-865a257f><i class="fa-solid fa-key" data-v-865a257f></i></div><div class="component-info" data-v-865a257f><h5 data-v-865a257f>Secret Selector</h5><p data-v-865a257f>Securely access stored secrets (API keys, passwords)</p><code data-v-865a257f>secret_value: SecretStr</code></div></div></div>', 2)
-              ]))) : createCommentVNode("", true),
-              activeTab.value === "code" ? (openBlock(), createElementBlock("div", _hoisted_9$2, _cache[9] || (_cache[9] = [
+              ])])) : createCommentVNode("", true),
+              activeTab.value === "code" ? (openBlock(), createElementBlock("div", _hoisted_9$2, [..._cache[9] || (_cache[9] = [
                 createStaticVNode('<h4 data-v-865a257f>Process Method</h4><p data-v-865a257f>The process method receives input data and returns transformed output:</p><pre class="help-code" data-v-865a257f><code data-v-865a257f>def process(self, *inputs: pl.LazyFrame) -&gt; pl.LazyFrame:\n    lf = inputs[0]  # First input\n    # Your transformation logic here\n    return lf</code></pre><h4 data-v-865a257f>Accessing Settings</h4><p data-v-865a257f>Access user-configured values from your UI components:</p><pre class="help-code" data-v-865a257f><code data-v-865a257f># Pattern: self.settings_schema.section_name.component_name.value\ncolumn = self.settings_schema.options.column_name.value\nthreshold = self.settings_schema.filters.min_value.value</code></pre><h4 data-v-865a257f>Working with Secrets</h4><pre class="help-code" data-v-865a257f><code data-v-865a257f># Get SecretStr, then extract the actual value\napi_key: SecretStr = self.settings_schema.auth.api_key.secret_value\nactual_key = api_key.get_secret_value()</code></pre><h4 data-v-865a257f>Keyboard Shortcuts</h4><div class="shortcuts-grid" data-v-865a257f><div class="shortcut" data-v-865a257f><kbd data-v-865a257f>Tab</kbd><span data-v-865a257f>Accept autocomplete / Indent</span></div><div class="shortcut" data-v-865a257f><kbd data-v-865a257f>Shift</kbd>+<kbd data-v-865a257f>Tab</kbd><span data-v-865a257f>Outdent selected lines</span></div><div class="shortcut" data-v-865a257f><kbd data-v-865a257f>Arrow Up/Down</kbd><span data-v-865a257f>Navigate autocomplete suggestions</span></div><div class="shortcut" data-v-865a257f><kbd data-v-865a257f>Escape</kbd><span data-v-865a257f>Close autocomplete menu</span></div><div class="shortcut" data-v-865a257f><kbd data-v-865a257f>Shift</kbd>+<kbd data-v-865a257f>Arrow</kbd><span data-v-865a257f>Extend selection</span></div><div class="shortcut" data-v-865a257f><kbd data-v-865a257f>Ctrl</kbd>+<kbd data-v-865a257f>Shift</kbd>+<kbd data-v-865a257f>Arrow</kbd><span data-v-865a257f>Select by word</span></div></div>', 10)
-              ]))) : createCommentVNode("", true),
-              activeTab.value === "tips" ? (openBlock(), createElementBlock("div", _hoisted_10$2, _cache[10] || (_cache[10] = [
+              ])])) : createCommentVNode("", true),
+              activeTab.value === "tips" ? (openBlock(), createElementBlock("div", _hoisted_10$2, [..._cache[10] || (_cache[10] = [
                 createStaticVNode('<h4 data-v-865a257f>Best Practices</h4><div class="tip-card" data-v-865a257f><div class="tip-icon success" data-v-865a257f><i class="fa-solid fa-check" data-v-865a257f></i></div><div class="tip-content" data-v-865a257f><h5 data-v-865a257f>Use descriptive names</h5><p data-v-865a257f> Choose clear variable names in sections (e.g., &quot;filters&quot;, &quot;options&quot;) and components (e.g., &quot;column_name&quot;, &quot;threshold&quot;) </p></div></div><div class="tip-card" data-v-865a257f><div class="tip-icon success" data-v-865a257f><i class="fa-solid fa-check" data-v-865a257f></i></div><div class="tip-content" data-v-865a257f><h5 data-v-865a257f>Group related settings</h5><p data-v-865a257f> Use sections to organize related components together. This creates a better user experience. </p></div></div><div class="tip-card" data-v-865a257f><div class="tip-icon success" data-v-865a257f><i class="fa-solid fa-check" data-v-865a257f></i></div><div class="tip-content" data-v-865a257f><h5 data-v-865a257f>Use Column Selector for dynamic columns</h5><p data-v-865a257f> Instead of hardcoding column names, use ColumnSelector to let users pick columns from their data. </p></div></div><div class="tip-card" data-v-865a257f><div class="tip-icon warning" data-v-865a257f><i class="fa-solid fa-exclamation" data-v-865a257f></i></div><div class="tip-content" data-v-865a257f><h5 data-v-865a257f>Keep process code simple</h5><p data-v-865a257f> Focus on transformation logic. Complex operations should be broken into multiple nodes. </p></div></div><div class="tip-card" data-v-865a257f><div class="tip-icon warning" data-v-865a257f><i class="fa-solid fa-exclamation" data-v-865a257f></i></div><div class="tip-content" data-v-865a257f><h5 data-v-865a257f>Use secrets for sensitive data</h5><p data-v-865a257f> Never hardcode API keys or passwords. Use the Secret Selector component for secure credential access. </p></div></div><h4 data-v-865a257f>Common Patterns</h4><pre class="help-code" data-v-865a257f><code data-v-865a257f># Filter rows\nreturn lf.filter(pl.col(column) &gt; threshold)\n\n# Select and rename\nreturn lf.select([\n    pl.col(old_name).alias(new_name)\n])\n\n# Add computed column\nreturn lf.with_columns(\n    (pl.col(&quot;a&quot;) + pl.col(&quot;b&quot;)).alias(&quot;sum&quot;)\n)\n\n# Group and aggregate\nreturn lf.group_by(group_col).agg(\n    pl.col(value_col).sum().alias(&quot;total&quot;)\n)</code></pre>', 8)
-              ]))) : createCommentVNode("", true)
+              ])])) : createCommentVNode("", true)
             ])
           ]),
           createBaseVNode("div", _hoisted_11$2, [
@@ -1422,7 +1401,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NodeDesignerHelpModal_vue_vue_type_style_index_0_scoped_865a257f_lang = "";
 const NodeDesignerHelpModal = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-865a257f"]]);
 const _hoisted_1$1 = { class: "icon-selector" };
 const _hoisted_2$1 = { class: "icon-selector-content" };
@@ -1483,8 +1461,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       var _a, _b, _c;
       const target = event.target;
       const file = (_a = target.files) == null ? void 0 : _a[0];
-      if (!file)
-        return;
+      if (!file) return;
       const formData = new FormData();
       formData.append("file", file);
       try {
@@ -1503,8 +1480,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }
     async function deleteIcon(iconName) {
       var _a, _b;
-      if (!confirm(`Are you sure you want to delete "${iconName}"?`))
-        return;
+      if (!confirm(`Are you sure you want to delete "${iconName}"?`)) return;
       try {
         await axios.delete(`/user_defined_components/delete-icon/${iconName}`);
         if (props.modelValue === iconName) {
@@ -1523,7 +1499,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return getCustomIconUrl(iconName);
     }
     function getBuiltinIconUrl(iconName) {
-      return new URL((/* @__PURE__ */ Object.assign({ "../../features/designer/assets/icons/Output2.png": __vite_glob_0_0, "../../features/designer/assets/icons/airbyte.png": __vite_glob_0_1, "../../features/designer/assets/icons/cloud_storage_reader.png": __vite_glob_0_2, "../../features/designer/assets/icons/cloud_storage_writer.png": __vite_glob_0_3, "../../features/designer/assets/icons/cross_join.png": __vite_glob_0_4, "../../features/designer/assets/icons/database_reader.svg": __vite_glob_0_5, "../../features/designer/assets/icons/database_writer.svg": __vite_glob_0_6, "../../features/designer/assets/icons/explore_data.png": __vite_glob_0_7, "../../features/designer/assets/icons/external_source.png": __vite_glob_0_8, "../../features/designer/assets/icons/filter.png": __vite_glob_0_9, "../../features/designer/assets/icons/formula.png": __vite_glob_0_10, "../../features/designer/assets/icons/fuzzy_match.png": __vite_glob_0_11, "../../features/designer/assets/icons/google_sheet.png": __vite_glob_0_12, "../../features/designer/assets/icons/graph_solver.png": __vite_glob_0_13, "../../features/designer/assets/icons/group_by.png": __vite_glob_0_14, "../../features/designer/assets/icons/input_data.png": __vite_glob_0_15, "../../features/designer/assets/icons/join.png": __vite_glob_0_16, "../../features/designer/assets/icons/manual_input.png": __vite_glob_0_17, "../../features/designer/assets/icons/old_join.png": __vite_glob_0_18, "../../features/designer/assets/icons/output.png": __vite_glob_0_19, "../../features/designer/assets/icons/pivot.png": __vite_glob_0_20, "../../features/designer/assets/icons/polars_code.png": __vite_glob_0_21, "../../features/designer/assets/icons/record_count.png": __vite_glob_0_22, "../../features/designer/assets/icons/record_id.png": __vite_glob_0_23, "../../features/designer/assets/icons/sample.png": __vite_glob_0_24, "../../features/designer/assets/icons/select.png": __vite_glob_0_25, "../../features/designer/assets/icons/sort.png": __vite_glob_0_26, "../../features/designer/assets/icons/summarize.png": __vite_glob_0_27, "../../features/designer/assets/icons/text_to_rows.png": __vite_glob_0_28, "../../features/designer/assets/icons/union.png": __vite_glob_0_29, "../../features/designer/assets/icons/unique.png": __vite_glob_0_30, "../../features/designer/assets/icons/unpivot.png": __vite_glob_0_31, "../../features/designer/assets/icons/user-defined-icon.png": __vite_glob_0_32, "../../features/designer/assets/icons/view.png": __vite_glob_0_33 }))[`../../features/designer/assets/icons/${iconName}`], self.location).href;
+      return new URL((/* @__PURE__ */ Object.assign({ "../../features/designer/assets/icons/Output2.png": __vite_glob_0_0, "../../features/designer/assets/icons/airbyte.png": __vite_glob_0_1, "../../features/designer/assets/icons/cloud_storage_reader.png": __vite_glob_0_2, "../../features/designer/assets/icons/cloud_storage_writer.png": __vite_glob_0_3, "../../features/designer/assets/icons/cross_join.png": __vite_glob_0_4, "../../features/designer/assets/icons/database_reader.svg": __vite_glob_0_5, "../../features/designer/assets/icons/database_writer.svg": __vite_glob_0_6, "../../features/designer/assets/icons/explore_data.png": __vite_glob_0_7, "../../features/designer/assets/icons/external_source.png": __vite_glob_0_8, "../../features/designer/assets/icons/filter.png": __vite_glob_0_9, "../../features/designer/assets/icons/formula.png": __vite_glob_0_10, "../../features/designer/assets/icons/fuzzy_match.png": __vite_glob_0_11, "../../features/designer/assets/icons/google_sheet.png": __vite_glob_0_12, "../../features/designer/assets/icons/graph_solver.png": __vite_glob_0_13, "../../features/designer/assets/icons/group_by.png": __vite_glob_0_14, "../../features/designer/assets/icons/input_data.png": __vite_glob_0_15, "../../features/designer/assets/icons/join.png": __vite_glob_0_16, "../../features/designer/assets/icons/manual_input.png": __vite_glob_0_17, "../../features/designer/assets/icons/old_join.png": __vite_glob_0_18, "../../features/designer/assets/icons/output.png": __vite_glob_0_19, "../../features/designer/assets/icons/pivot.png": __vite_glob_0_20, "../../features/designer/assets/icons/polars_code.png": __vite_glob_0_21, "../../features/designer/assets/icons/record_count.png": __vite_glob_0_22, "../../features/designer/assets/icons/record_id.png": __vite_glob_0_23, "../../features/designer/assets/icons/sample.png": __vite_glob_0_24, "../../features/designer/assets/icons/select.png": __vite_glob_0_25, "../../features/designer/assets/icons/sort.png": __vite_glob_0_26, "../../features/designer/assets/icons/summarize.png": __vite_glob_0_27, "../../features/designer/assets/icons/text_to_rows.png": __vite_glob_0_28, "../../features/designer/assets/icons/union.png": __vite_glob_0_29, "../../features/designer/assets/icons/unique.png": __vite_glob_0_30, "../../features/designer/assets/icons/unpivot.png": __vite_glob_0_31, "../../features/designer/assets/icons/user-defined-icon.png": __vite_glob_0_32, "../../features/designer/assets/icons/view.png": __vite_glob_0_33 }))[`../../features/designer/assets/icons/${iconName}`], import.meta.url).href;
     }
     function handleImageError(event) {
       const img = event.target;
@@ -1541,19 +1517,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             onClick: toggleDropdown
           }, [
             createBaseVNode("img", {
-              src: getDisplayUrl(_ctx.modelValue),
-              alt: _ctx.modelValue,
+              src: getDisplayUrl(__props.modelValue),
+              alt: __props.modelValue,
               class: "icon-preview",
               onError: handleImageError
             }, null, 40, _hoisted_3$1),
-            createBaseVNode("span", _hoisted_4$1, toDisplayString(_ctx.modelValue || "Select icon..."), 1),
+            createBaseVNode("span", _hoisted_4$1, toDisplayString(__props.modelValue || "Select icon..."), 1),
             _cache[2] || (_cache[2] = createBaseVNode("i", { class: "fa-solid fa-chevron-down dropdown-arrow" }, null, -1))
           ]),
           showDropdown.value ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
             createBaseVNode("div", _hoisted_6$1, [
               createBaseVNode("label", _hoisted_7$1, [
                 _cache[3] || (_cache[3] = createBaseVNode("i", { class: "fa-solid fa-upload" }, null, -1)),
-                _cache[4] || (_cache[4] = createTextVNode(" Upload Icon ")),
+                _cache[4] || (_cache[4] = createTextVNode(" Upload Icon ", -1)),
                 createBaseVNode("input", {
                   type: "file",
                   accept: ".png,.jpg,.jpeg,.svg,.gif,.webp",
@@ -1568,7 +1544,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 (openBlock(true), createElementBlock(Fragment, null, renderList(customIcons.value, (icon) => {
                   return openBlock(), createElementBlock("div", {
                     key: icon.file_name,
-                    class: normalizeClass(["icon-option", { selected: _ctx.modelValue === icon.file_name }]),
+                    class: normalizeClass(["icon-option", { selected: __props.modelValue === icon.file_name }]),
                     onClick: ($event) => selectIcon(icon.file_name)
                   }, [
                     createBaseVNode("img", {
@@ -1582,9 +1558,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       class: "delete-icon-btn",
                       title: "Delete icon",
                       onClick: withModifiers(($event) => deleteIcon(icon.file_name), ["stop"])
-                    }, _cache[5] || (_cache[5] = [
+                    }, [..._cache[5] || (_cache[5] = [
                       createBaseVNode("i", { class: "fa-solid fa-times" }, null, -1)
-                    ]), 8, _hoisted_13$1)
+                    ])], 8, _hoisted_13$1)
                   ], 10, _hoisted_10$1);
                 }), 128))
               ])
@@ -1593,7 +1569,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               _cache[8] || (_cache[8] = createBaseVNode("div", { class: "section-title" }, "Default", -1)),
               createBaseVNode("div", _hoisted_15$1, [
                 createBaseVNode("div", {
-                  class: normalizeClass(["icon-option", { selected: _ctx.modelValue === "user-defined-icon.png" }]),
+                  class: normalizeClass(["icon-option", { selected: __props.modelValue === "user-defined-icon.png" }]),
                   onClick: _cache[0] || (_cache[0] = ($event) => selectIcon("user-defined-icon.png"))
                 }, [
                   createBaseVNode("img", {
@@ -1616,8 +1592,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const IconSelector_vue_vue_type_style_index_0_scoped_638bee77_lang = "";
-const IconSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-638bee77"]]);
+const IconSelector = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-24b16154"]]);
 function useNodeDesignerState() {
   const nodeMetadata = reactive({ ...defaultNodeMetadata });
   const sections = ref([]);
@@ -1891,8 +1866,7 @@ function useNodeBrowser() {
   }
   async function deleteNode() {
     var _a, _b;
-    if (!viewingNodeFileName.value)
-      return;
+    if (!viewingNodeFileName.value) return;
     try {
       await axios.delete(
         `/user_defined_components/delete-custom-node/${viewingNodeFileName.value}`
@@ -2282,8 +2256,7 @@ function usePolarsAutocompletion(getSections) {
       };
     }
     const wordMatch = context.matchBefore(/\w+/);
-    if (!wordMatch && !context.explicit)
-      return null;
+    if (!wordMatch && !context.explicit) return null;
     return {
       from: wordMatch ? wordMatch.from : context.pos,
       options: polarsCompletions,
@@ -2416,8 +2389,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function handleDrop(event, sectionIndex) {
       var _a;
       const componentType = (_a = event.dataTransfer) == null ? void 0 : _a.getData("component_type");
-      if (!componentType)
-        return;
+      if (!componentType) return;
       const compCount = sections.value[sectionIndex].components.length + 1;
       const newComponent = {
         component_type: componentType,
@@ -2456,8 +2428,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     const selectedSectionName = computed(() => {
-      if (selectedSectionIndex.value === null)
-        return "";
+      if (selectedSectionIndex.value === null) return "";
       const section = sections.value[selectedSectionIndex.value];
       return (section == null ? void 0 : section.name) || (section == null ? void 0 : section.title) || "";
     });
@@ -2488,38 +2459,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createBaseVNode("button", {
               class: "btn btn-secondary",
               onClick: _cache[0] || (_cache[0] = ($event) => showHelpModal.value = true)
-            }, _cache[20] || (_cache[20] = [
+            }, [..._cache[20] || (_cache[20] = [
               createBaseVNode("i", { class: "fa-solid fa-circle-question" }, null, -1),
-              createTextVNode(" Help ")
-            ])),
+              createTextVNode(" Help ", -1)
+            ])]),
             createBaseVNode("button", {
               class: "btn btn-secondary",
               onClick: _cache[1] || (_cache[1] = ($event) => unref(nodeBrowser).openNodeBrowser())
-            }, _cache[21] || (_cache[21] = [
+            }, [..._cache[21] || (_cache[21] = [
               createBaseVNode("i", { class: "fa-solid fa-folder-open" }, null, -1),
-              createTextVNode(" Browse ")
-            ])),
+              createTextVNode(" Browse ", -1)
+            ])]),
             createBaseVNode("button", {
               class: "btn btn-secondary",
               onClick: handleNew
-            }, _cache[22] || (_cache[22] = [
+            }, [..._cache[22] || (_cache[22] = [
               createBaseVNode("i", { class: "fa-solid fa-file" }, null, -1),
-              createTextVNode(" New ")
-            ])),
+              createTextVNode(" New ", -1)
+            ])]),
             createBaseVNode("button", {
               class: "btn btn-secondary",
               onClick: handlePreview
-            }, _cache[23] || (_cache[23] = [
+            }, [..._cache[23] || (_cache[23] = [
               createBaseVNode("i", { class: "fa-solid fa-code" }, null, -1),
-              createTextVNode(" Preview ")
-            ])),
+              createTextVNode(" Preview ", -1)
+            ])]),
             createBaseVNode("button", {
               class: "btn btn-primary",
               onClick: handleSave
-            }, _cache[24] || (_cache[24] = [
+            }, [..._cache[24] || (_cache[24] = [
               createBaseVNode("i", { class: "fa-solid fa-save" }, null, -1),
-              createTextVNode(" Save ")
-            ]))
+              createTextVNode(" Save ", -1)
+            ])])
           ])
         ]),
         createBaseVNode("div", _hoisted_4, [
@@ -2630,10 +2601,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createBaseVNode("button", {
                     class: "add-section-btn",
                     onClick: _cache[9] || (_cache[9] = ($event) => unref(addSection)())
-                  }, _cache[33] || (_cache[33] = [
+                  }, [..._cache[33] || (_cache[33] = [
                     createBaseVNode("i", { class: "fa-solid fa-plus" }, null, -1),
-                    createTextVNode(" Add Section ")
-                  ]))
+                    createTextVNode(" Add Section ", -1)
+                  ])])
                 ]),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(unref(sections), (section, sectionIndex) => {
                   return openBlock(), createBlock(SectionCard, {
@@ -2653,10 +2624,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onUpdateTitle: ($event) => section.title = $event
                   }, null, 8, ["section", "is-selected", "selected-component-index", "onSelect", "onRemove", "onSelectComponent", "onRemoveComponent", "onDrop", "onUpdateName", "onUpdateTitle"]);
                 }), 128)),
-                unref(sections).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_18, _cache[35] || (_cache[35] = [
+                unref(sections).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_18, [..._cache[35] || (_cache[35] = [
                   createBaseVNode("i", { class: "fa-solid fa-layer-group" }, null, -1),
                   createBaseVNode("p", null, "No sections yet. Add a section to start designing your node UI.", -1)
-                ]))) : createCommentVNode("", true)
+                ])])) : createCommentVNode("", true)
               ]),
               createVNode(ProcessCodeEditor, {
                 modelValue: unref(processCode),
@@ -2705,7 +2676,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NodeDesigner_vue_vue_type_style_index_0_scoped_3db2802e_lang = "";
 const NodeDesigner = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3db2802e"]]);
 export {
   NodeDesigner as default