Flowfile 0.3.8__py3-none-any.whl → 0.3.10__py3-none-any.whl

flowfile/web/static/assets/{Sort-7ccfa0fe.css → Unique-f9fb0809.css}

@@ -1,5 +1,5 @@
 
-.context-menu[data-v-001e3d98] {
+.context-menu[data-v-c7455058] {
   position: fixed;
   z-index: 1000;
   border: 1px solid #ccc;
@@ -9,7 +9,7 @@
   border-radius: 4px;
   user-select: none;
 }
-.context-menu button[data-v-001e3d98] {
+.context-menu button[data-v-c7455058] {
   display: block;
   background: none;
   border: none;
@@ -19,17 +19,17 @@
   cursor: pointer;
   z-index: 100;
 }
-.context-menu button[data-v-001e3d98]:hover {
+.context-menu button[data-v-c7455058]:hover {
   background-color: #f0f0f0;
 }
-.table-wrapper[data-v-001e3d98] {
+.table-wrapper[data-v-c7455058] {
   max-height: 300px; /* 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-001e3d98] {
+.context-menu[data-v-c7455058] {
   position: fixed;
   z-index: 1000;
   border: 1px solid #ccc;
@@ -37,15 +37,15 @@
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
   border-radius: 4px;
 }
-.context-menu ul[data-v-001e3d98] {
+.context-menu ul[data-v-c7455058] {
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.context-menu li[data-v-001e3d98] {
+.context-menu li[data-v-c7455058] {
   padding: 8px 16px;
   cursor: pointer;
 }
-.context-menu li[data-v-001e3d98]:hover {
+.context-menu li[data-v-c7455058]:hover {
   background-color: #f0f0f0;
 }

flowfile/web/static/assets/Unpivot-1e422df3.css

@@ -0,0 +1,30 @@
+
+.context-menu[data-v-e713e710] {
+  position: fixed;
+  z-index: 1000;
+  border: 1px solid #ccc;
+  background-color: white;
+  padding: 8px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
+}
+.context-menu ul[data-v-e713e710] {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.context-menu li[data-v-e713e710] {
+  padding: 8px 16px;
+  cursor: pointer;
+}
+.context-menu li[data-v-e713e710]:hover {
+  background-color: #f0f0f0;
+}
+.switch-container[data-v-e713e710] {
+  display: flex;
+  align-items: center;
+  margin: 12px;
+}
+.switch-container span[data-v-e713e710] {
+  margin-right: 10px;
+}

flowfile/web/static/assets/{Unpivot-25ac84cc.js → Unpivot-4668595c.js}

@@ -1,95 +1,10 @@
-import { d as defineComponent, c as openBlock, e as createElementBlock, p as createBaseVNode, F as Fragment, q as renderList, s as normalizeClass, t as toDisplayString, T as normalizeStyle, _ as _export_sfc, g as createTextVNode, i as createCommentVNode, r as ref, n as onMounted, R as nextTick, o as onUnmounted, b as resolveComponent, f as createVNode, w as withCtx, v as withModifiers, h as createBlock, a7 as Teleport } from "./index-f6c15e76.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-2847001e.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-71e11604.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-988d9efe.js";
-import "./designer-13eabd83.js";
-const _hoisted_1$3 = ["onClick"];
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "ContextMenu",
-  props: {
-    position: { type: Object, required: true },
-    options: {
-      type: Array,
-      required: true
-    }
-  },
-  emits: ["select", "close"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const selectOption = (action) => {
-      emit("select", action);
-      emit("close");
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "context-menu",
-        style: normalizeStyle({ top: __props.position.y + "px", left: __props.position.x + "px" })
-      }, [
-        createBaseVNode("ul", null, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
-            return openBlock(), createElementBlock("li", {
-              key: option.action,
-              class: normalizeClass({ disabled: option.disabled }),
-              onClick: ($event) => !option.disabled && selectOption(option.action)
-            }, toDisplayString(option.label), 11, _hoisted_1$3);
-          }), 128))
-        ])
-      ], 4);
-    };
-  }
-});
-const ContextMenu_vue_vue_type_style_index_0_scoped_4f9e01e5_lang = "";
-const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-4f9e01e5"]]);
-const _hoisted_1$2 = { class: "listbox-wrapper" };
-const _hoisted_2$1 = { class: "listbox-row" };
-const _hoisted_3$1 = { class: "items-container" };
-const _hoisted_4$1 = { key: 0 };
-const _hoisted_5$1 = ["onClick"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "SettingsSection",
-  props: {
-    title: { type: String, required: true },
-    titleFontSize: { type: String, default: "15px" },
-    items: { type: Array, required: true }
-  },
-  emits: ["removeItem"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const emitRemove = (item) => {
-      emit("removeItem", item);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        createBaseVNode("div", _hoisted_2$1, [
-          createBaseVNode("div", {
-            class: "listbox-title",
-            style: normalizeStyle({ fontSize: props.titleFontSize })
-          }, toDisplayString(__props.title), 5),
-          createBaseVNode("div", _hoisted_3$1, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
-              return openBlock(), createElementBlock("div", {
-                key: index,
-                class: "item-box"
-              }, [
-                item !== "" ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
-                  createTextVNode(toDisplayString(item) + " ", 1),
-                  createBaseVNode("span", {
-                    class: "remove-btn",
-                    onClick: ($event) => emitRemove(item)
-                  }, "x", 8, _hoisted_5$1)
-                ])) : createCommentVNode("", true)
-              ]);
-            }), 128))
-          ])
-        ])
-      ]);
-    };
-  }
-});
-const SettingsSection_vue_vue_type_style_index_0_scoped_fd7e6af1_lang = "";
-const SettingsSection = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-fd7e6af1"]]);
-const _hoisted_1$1 = {
+import { d as defineComponent, r as ref, n as onMounted, R as nextTick, o as onUnmounted, b as resolveComponent, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, F as Fragment, q as renderList, s as normalizeClass, v as withModifiers, t as toDisplayString, h as createBlock, i as createCommentVNode, _ as _export_sfc } from "./index-d0518598.js";
+import { u as useNodeStore } from "./vue-codemirror.esm-9ed00d50.js";
+import ContextMenu from "./ContextMenu-785554c4.js";
+import SettingsSection from "./SettingsSection-70e5a7b1.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-d3b2b2ac.js";
+import "./designer-bf3d9487.js";
+const _hoisted_1 = {
   key: 0,
   class: "listbox-wrapper"
 };
@@ -104,7 +19,7 @@ const _hoisted_8 = {
   class: "listbox-wrapper"
 };
 const _hoisted_9 = { class: "listbox-wrapper" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Unpivot",
   setup(__props, { expose: __expose }) {
     const nodeStore = useNodeStore();
@@ -216,7 +131,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       console.log("loadNodeData from unpivot ");
       nodeData.value = await nodeStore.getNodeData(nodeId, false);
       nodeUnpivot.value = (_a = nodeData.value) == null ? void 0 : _a.setting_input;
-      console.log(nodeUnpivot.value);
       if (nodeData.value) {
         if (nodeUnpivot.value) {
           if (nodeUnpivot.value.unpivot_input) {
@@ -227,7 +141,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         }
       }
       dataLoaded.value = true;
-      nodeStore.isDrawerOpen = true;
       console.log("loadNodeData from groupby");
     };
     const handleClickOutside = (event) => {
@@ -249,7 +162,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         nodeUnpivot.value.unpivot_input = unpivotInput.value;
         nodeStore.updateSettings(nodeUnpivot);
       }
-      nodeStore.isDrawerOpen = false;
     };
     __expose({
       loadNodeData,
@@ -266,7 +178,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const _component_el_switch = resolveComponent("el-switch");
       const _component_el_option = resolveComponent("el-option");
       const _component_el_select = resolveComponent("el-select");
-      return dataLoaded.value && nodeUnpivot.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return dataLoaded.value && nodeUnpivot.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(GenericNodeSettings, {
           modelValue: nodeUnpivot.value,
           "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => nodeUnpivot.value = $event)
@@ -368,74 +280,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Unpivot_vue_vue_type_style_index_0_scoped_9746d208_lang = "";
-const readInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-9746d208"]]);
-const _hoisted_1 = { ref: "el" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Unpivot",
-  props: {
-    nodeId: {
-      type: Number,
-      required: true
-    }
-  },
-  setup(__props) {
-    const nodeStore = useNodeStore();
-    const childComp = ref(null);
-    const props = __props;
-    const drawer = ref(false);
-    const closeOnDrawer = () => {
-      var _a;
-      drawer.value = false;
-      (_a = childComp.value) == null ? void 0 : _a.pushNodeData();
-    };
-    const openDrawer = async () => {
-      if (nodeStore.node_id === props.nodeId) {
-        return;
-      }
-      nodeStore.closeDrawer();
-      drawer.value = true;
-      const drawerOpen = nodeStore.isDrawerOpen;
-      nodeStore.isDrawerOpen = true;
-      await nextTick();
-      if (nodeStore.node_id === props.nodeId && drawerOpen) {
-        return;
-      }
-      if (childComp.value) {
-        childComp.value.loadNodeData(props.nodeId);
-        nodeStore.openDrawer(closeOnDrawer);
-      }
-    };
-    onMounted(async () => {
-      await nextTick();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(NodeButton, {
-          ref: "nodeButton",
-          "node-id": __props.nodeId,
-          "image-src": "unpivot.png",
-          title: `${__props.nodeId}: Unpivot data`,
-          onClick: openDrawer
-        }, null, 8, ["node-id", "title"]),
-        drawer.value ? (openBlock(), createBlock(Teleport, {
-          key: 0,
-          to: "#nodesettings"
-        }, [
-          createVNode(NodeTitle, {
-            title: "Unpivot data",
-            intro: "Pivot columns to rows"
-          }),
-          createVNode(readInput, {
-            ref_key: "childComp",
-            ref: childComp,
-            "node-id": __props.nodeId
-          }, null, 8, ["node-id"])
-        ])) : createCommentVNode("", true)
-      ], 512);
-    };
-  }
-});
+const Unpivot_vue_vue_type_style_index_0_scoped_e713e710_lang = "";
+const Unpivot = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e713e710"]]);
 export {
-  _sfc_main as default
+  Unpivot as default
 };

flowfile/web/static/assets/UnpivotValidation-0d240eeb.css

@@ -0,0 +1,13 @@
+
+.validation-wrapper[data-v-1575257f] {
+  background-color: #ffffff;
+}
+.error-message[data-v-1575257f] {
+  color: #991b1b;
+  margin: 5px 0;
+  font-size: 12px;
+}
+.warning-icon[data-v-1575257f] {
+  cursor: pointer;
+  font-size: 24px;
+}

flowfile/web/static/assets/UnpivotValidation-d4f0e0e8.js

@@ -0,0 +1,51 @@
+import { d as defineComponent, l as computed, c as openBlock, h as createBlock, w as withCtx, f as createVNode, p as createBaseVNode, u as unref, ar as ElIcon, e as createElementBlock, i as createCommentVNode, as as ElPopover, _ as _export_sfc } from "./index-d0518598.js";
+const _hoisted_1 = { class: "validation-wrapper" };
+const _hoisted_2 = {
+  key: 0,
+  class: "error-message"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "UnpivotValidation",
+  props: {
+    unpivotInput: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const showValidationMessages = computed(() => {
+      return !(props.unpivotInput.index_columns.length === 0);
+    });
+    return (_ctx, _cache) => {
+      return showValidationMessages.value ? (openBlock(), createBlock(unref(ElPopover), {
+        key: 0,
+        placement: "top",
+        width: "200",
+        trigger: "hover",
+        content: "Some required fields are missing"
+      }, {
+        reference: withCtx(() => [
+          createVNode(unref(ElIcon), {
+            color: "#FF6B6B",
+            class: "warning-icon"
+          }, {
+            default: withCtx(() => _cache[0] || (_cache[0] = [
+              createBaseVNode("i", { class: "el-icon-warning" }, null, -1)
+            ])),
+            _: 1,
+            __: [0]
+          })
+        ]),
+        default: withCtx(() => [
+          createBaseVNode("div", _hoisted_1, [
+            !_ctx.unpivotInput.index_columns ? (openBlock(), createElementBlock("p", _hoisted_2, "Index Column cannot be empty.")) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 1
+      })) : createCommentVNode("", true);
+    };
+  }
+});
+const UnpivotValidation_vue_vue_type_style_index_0_scoped_1575257f_lang = "";
+const UnpivotValidation = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1575257f"]]);
+export {
+  UnpivotValidation as default
+};

flowfile/web/static/assets/{ExploreData-40476474.js → VueGraphicWalker-5324d566.js}

@@ -1,8 +1,4 @@
-import { C as CodeLoader } from "./vue-content-loader.es-0371da73.js";
-import { k as getDefaultExportFromCjs, d as defineComponent, r as ref, n as onMounted, o as onUnmounted, c as openBlock, e as createElementBlock, af as toRaw, _ as _export_sfc, a as axios, l as computed, h as createBlock, u as unref, p as createBaseVNode, t as toDisplayString, f as createVNode, a7 as Teleport, i as createCommentVNode, R as nextTick } from "./index-f6c15e76.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-2847001e.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-988d9efe.js";
-import { u as useItemStore } from "./designer-13eabd83.js";
+import { k as getDefaultExportFromCjs, d as defineComponent, r as ref, n as onMounted, o as onUnmounted, c as openBlock, e as createElementBlock, aj as toRaw, _ as _export_sfc } from "./index-d0518598.js";
 function _mergeNamespaces(n10, m10) {
   for (var i = 0; i < m10.length; i++) {
     const e19 = m10[i];
@@ -121401,7 +121397,7 @@ Xn((e19) => {
   );
 });
 reactExports.createContext(null);
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "VueGraphicWalker",
   props: {
     data: {},
@@ -121498,263 +121494,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 const VueGraphicWalker_vue_vue_type_style_index_0_scoped_5af75af4_lang = "";
-const VueGraphicWalker = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-5af75af4"]]);
-const fetchGraphicWalkerData = async (flowId, nodeId) => {
-  var _a2, _b2;
-  console.log(`[GraphicWalker] Fetching data for flow ${flowId}, node ${nodeId}`);
-  try {
-    const response = await axios.get("/analysis_data/graphic_walker_input", {
-      params: { flow_id: flowId, node_id: nodeId },
-      headers: { Accept: "application/json" },
-      timeout: 3e4
-      // Add timeout
-    });
-    if (!response.data || !response.data.graphic_walker_input) {
-      throw new Error("Invalid response data structure");
-    }
-    console.log(
-      `[GraphicWalker] Data fetched successfully with ${((_b2 = (_a2 = response.data.graphic_walker_input.dataModel) == null ? void 0 : _a2.data) == null ? void 0 : _b2.length) || 0} rows`
-    );
-    return response.data;
-  } catch (error) {
-    if (error.response) {
-      console.error(`[GraphicWalker] Server error ${error.response.status}:`, error.response.data);
-    } else if (error.request) {
-      console.error("[GraphicWalker] No response received:", error.request);
-    } else {
-      console.error("[GraphicWalker] Request error:", error.message);
-    }
-    throw error;
-  }
-};
-const _hoisted_1$1 = { class: "explore-data-container" };
-const _hoisted_2 = {
-  key: 1,
-  class: "error-display"
-};
-const _hoisted_3 = {
-  key: 2,
-  class: "graphic-walker-wrapper"
-};
-const _hoisted_4 = {
-  key: 1,
-  class: "empty-data-message"
-};
-const _hoisted_5 = {
-  key: 3,
-  class: "fallback-message"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "exploreData",
-  setup(__props, { expose: __expose }) {
-    const isLoading = ref(false);
-    const nodeData = ref(null);
-    const chartList = ref([]);
-    const data = ref([]);
-    const fields = ref([]);
-    const errorMessage = ref(null);
-    const nodeStore = useNodeStore();
-    const globalNodeId = ref(-1);
-    const vueGraphicWalkerRef = ref(null);
-    const canDisplayVisualization = computed(() => !isLoading.value && !errorMessage.value);
-    const loadNodeData = async (nodeId) => {
-      var _a2, _b2;
-      isLoading.value = true;
-      errorMessage.value = null;
-      globalNodeId.value = nodeId;
-      nodeData.value = null;
-      data.value = [];
-      fields.value = [];
-      chartList.value = [];
-      try {
-        const fetchedNodeData = await fetchGraphicWalkerData(nodeStore.flow_id, nodeId);
-        if (!(fetchedNodeData == null ? void 0 : fetchedNodeData.graphic_walker_input))
-          throw new Error("Received invalid data structure from backend.");
-        nodeData.value = fetchedNodeData;
-        const inputData = fetchedNodeData.graphic_walker_input;
-        fields.value = ((_a2 = inputData.dataModel) == null ? void 0 : _a2.fields) || [];
-        data.value = ((_b2 = inputData.dataModel) == null ? void 0 : _b2.data) || [];
-        chartList.value = inputData.specList || [];
-      } catch (error) {
-        console.error("Error loading GraphicWalker data:", error);
-        if (error.response && error.response.status === 422) {
-          errorMessage.value = "The analysis flow has not been run yet.";
-        } else if (error instanceof Error) {
-          errorMessage.value = `Failed to load data: ${error.message}`;
-        } else {
-          errorMessage.value = "An unknown error occurred while loading data.";
-        }
-      } finally {
-        isLoading.value = false;
-      }
-    };
-    const getCurrentSpec = async () => {
-      if (!vueGraphicWalkerRef.value) {
-        console.error("Cannot get spec: GraphicWalker component reference is missing.");
-        errorMessage.value = "Cannot get spec: Component reference missing.";
-        return null;
-      }
-      try {
-        const exportedCharts = await vueGraphicWalkerRef.value.exportCode();
-        if (exportedCharts === null) {
-          console.error("Failed to export chart specification (method returned null or failed).");
-          errorMessage.value = "Failed to retrieve current chart configuration.";
-          return null;
-        }
-        if (exportedCharts.length === 0) {
-          console.log("No charts were exported from Graphic Walker.");
-          return [];
-        }
-        return exportedCharts;
-      } catch (error) {
-        console.error("Error calling getCurrentSpec or processing result:", error);
-        errorMessage.value = `Failed to process configuration: ${error.message || "Unknown error"}`;
-        return null;
-      }
-    };
-    const saveSpecToNodeStore = async (specsToSave) => {
-      if (!nodeData.value) {
-        console.error("Cannot save: Original node data context is missing.");
-        errorMessage.value = "Cannot save: Missing original node data.";
-        return false;
-      }
-      try {
-        const saveData = {
-          ...nodeData.value,
-          graphic_walker_input: {
-            ...nodeData.value.graphic_walker_input,
-            specList: specsToSave,
-            dataModel: { data: [], fields: [] }
-          }
-        };
-        nodeStore.node_id = globalNodeId.value;
-        await nodeStore.updateSettingsDirectly(saveData);
-        console.log("Node settings updated successfully.");
-        return true;
-      } catch (error) {
-        console.error("Error saving spec to node store:", error);
-        errorMessage.value = `Failed to save configuration: ${error.message || "Unknown error"}`;
-        return false;
-      }
-    };
-    const pushNodeData = async () => {
-      errorMessage.value = null;
-      const currentSpec = await getCurrentSpec();
-      if (currentSpec === null) {
-        console.log("Spec retrieval failed, skipping save.");
-        return;
-      }
-      if (currentSpec.length === 0) {
-        console.log("No chart configurations exported, skipping save.");
-        return;
-      }
-      const saveSuccess = await saveSpecToNodeStore(currentSpec);
-      if (saveSuccess) {
-        console.log("Save process completed successfully.");
-      } else {
-        console.log("Save process failed.");
-      }
-      nodeStore.isDrawerOpen = false;
-    };
-    __expose({
-      loadNodeData,
-      pushNodeData
-      // Expose the main save action
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        isLoading.value ? (openBlock(), createBlock(unref(CodeLoader), { key: 0 })) : errorMessage.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createBaseVNode("p", null, "⚠️ Error: " + toDisplayString(errorMessage.value), 1)
-        ])) : canDisplayVisualization.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          data.value.length > 0 && fields.value.length > 0 ? (openBlock(), createBlock(VueGraphicWalker, {
-            key: 0,
-            ref_key: "vueGraphicWalkerRef",
-            ref: vueGraphicWalkerRef,
-            appearance: "light",
-            data: data.value,
-            fields: fields.value,
-            "spec-list": chartList.value
-          }, null, 8, ["data", "fields", "spec-list"])) : (openBlock(), createElementBlock("div", _hoisted_4, " Data loaded, but the dataset appears to be empty or lacks defined fields. "))
-        ])) : (openBlock(), createElementBlock("div", _hoisted_5, "Please load data for the node."))
-      ]);
-    };
-  }
-});
-const exploreData_vue_vue_type_style_index_0_scoped_669bd025_lang = "";
-const graphicWalker = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-669bd025"]]);
-const _hoisted_1 = { style: { "display": "flex", "flex-direction": "column", "height": "100%" } };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ExploreData",
-  props: {
-    nodeId: {
-      type: Number,
-      required: true
-    }
-  },
-  setup(__props) {
-    const nodeStore = useNodeStore();
-    const itemStore = useItemStore();
-    const props = __props;
-    const childComp = ref(null);
-    const el2 = ref(null);
-    const drawer = ref(false);
-    const closeOnDrawer = () => {
-      if (childComp.value) {
-        childComp.value.pushNodeData();
-      }
-      drawer.value = false;
-      itemStore.setFullScreen("nodeSettings", false);
-    };
-    const openDrawer = async () => {
-      const isDifferentNode = nodeStore.node_id !== props.nodeId;
-      if (nodeStore.isDrawerOpen && isDifferentNode) {
-        nodeStore.closeDrawer();
-        await nextTick();
-      } else if (nodeStore.isDrawerOpen && !isDifferentNode) {
-        return;
-      }
-      drawer.value = true;
-      nodeStore.openDrawer(closeOnDrawer);
-      nodeStore.node_id = props.nodeId;
-      await nextTick();
-      if (childComp.value) {
-        childComp.value.loadNodeData(props.nodeId);
-      }
-      itemStore.setFullScreen("nodeSettings", true);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "el",
-        ref: el2
-      }, [
-        createVNode(NodeButton, {
-          ref: "nodeButton",
-          "node-id": __props.nodeId,
-          "image-src": "explore_data.png",
-          title: `${__props.nodeId}: Explore data`,
-          onClick: openDrawer
-        }, null, 8, ["node-id", "title"]),
-        drawer.value ? (openBlock(), createBlock(Teleport, {
-          key: 0,
-          to: "#nodesettings"
-        }, [
-          createBaseVNode("div", _hoisted_1, [
-            createVNode(NodeTitle, {
-              title: "explore data",
-              intro: "Explore data and creating interactig graphs. The flow must have run for the data to be populated"
-            }),
-            createVNode(graphicWalker, {
-              ref_key: "childComp",
-              ref: childComp,
-              "node-id": __props.nodeId,
-              style: { "flex-grow": "1", "overflow": "auto" }
-            }, null, 8, ["node-id"])
-          ])
-        ])) : createCommentVNode("", true)
-      ], 512);
-    };
-  }
-});
+const VueGraphicWalker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5af75af4"]]);
 export {
-  _sfc_main as default
+  VueGraphicWalker as default
 };

flowfile/web/static/assets/VueGraphicWalker-ed5ab88b.css

@@ -0,0 +1,6 @@
+
+div[data-v-5af75af4] {
+  width: 100%;
+  min-height: 500px;
+  height: 100%;
+}

flowfile/web/static/assets/{api-6ef0dcef.js → api-271ed117.js}

@@ -1,4 +1,4 @@
-import { a as axios } from "./index-f6c15e76.js";
+import { a as axios } from "./index-d0518598.js";
 const API_BASE_URL = "/cloud_connections";
 const toPythonFormat = (connection) => {
   return {

flowfile/web/static/assets/{api-a0abbdc7.js → api-31e4fea6.js}

@@ -1,4 +1,4 @@
-import { a as axios } from "./index-f6c15e76.js";
+import { a as axios } from "./index-d0518598.js";
 const API_BASE_URL = "/db_connection_lib";
 const toPythonFormat = (connection) => {
   return {