Flowfile 0.3.9__py3-none-any.whl → 0.5.1__py3-none-any.whl

flowfile/web/static/assets/RecordCount-4e95f98e.js

@@ -1,122 +0,0 @@
-import { u as useNodeStore } from "./vue-codemirror.esm-dc5e3348.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-def5879b.js";
-import { d as defineComponent, r as ref, n as onMounted, R as nextTick, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, i as createCommentVNode, h as createBlock, a7 as Teleport } from "./index-683fc198.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a16db7c3.js";
-import "./designer-6c322d8e.js";
-const _hoisted_1$1 = {
-  key: 0,
-  class: "listbox-wrapper"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "RecordCount",
-  setup(__props, { expose: __expose }) {
-    const nodeStore = useNodeStore();
-    const dataLoaded = ref(false);
-    const nodeData = ref(null);
-    const nodeRecordCount = ref(null);
-    const loadNodeData = async (nodeId) => {
-      var _a;
-      nodeData.value = await nodeStore.getNodeData(nodeId, false);
-      nodeRecordCount.value = (_a = nodeData.value) == null ? void 0 : _a.setting_input;
-      dataLoaded.value = true;
-      nodeStore.isDrawerOpen = true;
-    };
-    const pushNodeData = async () => {
-      if (nodeRecordCount.value) {
-        nodeStore.updateSettings(nodeRecordCount);
-      }
-      nodeStore.isDrawerOpen = false;
-    };
-    __expose({
-      loadNodeData,
-      pushNodeData
-    });
-    onMounted(async () => {
-      await nextTick();
-    });
-    return (_ctx, _cache) => {
-      return dataLoaded.value && nodeRecordCount.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createVNode(GenericNodeSettings, {
-          modelValue: nodeRecordCount.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => nodeRecordCount.value = $event)
-        }, {
-          default: withCtx(() => _cache[1] || (_cache[1] = [
-            createBaseVNode("p", null, " This node helps you quickly retrieve the total number of records from the selected table. It's a simple yet powerful tool to keep track of the data volume as you work through your tasks. ", -1),
-            createBaseVNode("p", null, "This node does not need a setup", -1)
-          ])),
-          _: 1,
-          __: [1]
-        }, 8, ["modelValue"])
-      ])) : createCommentVNode("", true);
-    };
-  }
-});
-const _hoisted_1 = { ref: "el" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "RecordCount",
-  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": "record_count.png",
-          title: `${__props.nodeId}: Count records`,
-          onClick: openDrawer
-        }, null, 8, ["node-id", "title"]),
-        drawer.value ? (openBlock(), createBlock(Teleport, {
-          key: 0,
-          to: "#nodesettings"
-        }, [
-          createVNode(NodeTitle, {
-            title: "Count records",
-            intro: "Get the count of the number of reocrds"
-          }),
-          createVNode(_sfc_main$1, {
-            ref_key: "childComp",
-            ref: childComp,
-            "node-id": __props.nodeId
-          }, null, 8, ["node-id"])
-        ])) : createCommentVNode("", true)
-      ], 512);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

flowfile/web/static/assets/Union-89fd73dc.js

@@ -1,146 +0,0 @@
-import { u as useNodeStore } from "./vue-codemirror.esm-dc5e3348.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-def5879b.js";
-import { d as defineComponent, r as ref, n as onMounted, R as nextTick, o as onUnmounted, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, g as createTextVNode, i as createCommentVNode, _ as _export_sfc, h as createBlock, a7 as Teleport } from "./index-683fc198.js";
-import { N as NodeButton, a as NodeTitle } from "./nodeTitle-a16db7c3.js";
-import "./designer-6c322d8e.js";
-const _hoisted_1$1 = {
-  key: 0,
-  class: "listbox-wrapper"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "Union",
-  setup(__props, { expose: __expose }) {
-    const nodeStore = useNodeStore();
-    const showContextMenu = ref(false);
-    const dataLoaded = ref(false);
-    const nodeData = ref(null);
-    const unionInput = ref({ mode: "relaxed" });
-    const nodeUnion = ref(null);
-    const loadNodeData = async (nodeId) => {
-      var _a;
-      console.log("loadNodeData from union ");
-      nodeData.value = await nodeStore.getNodeData(nodeId, false);
-      nodeUnion.value = (_a = nodeData.value) == null ? void 0 : _a.setting_input;
-      if (nodeData.value) {
-        if (nodeUnion.value) {
-          if (nodeUnion.value.union_input) {
-            unionInput.value = nodeUnion.value.union_input;
-          } else {
-            nodeUnion.value.union_input = unionInput.value;
-          }
-        }
-      }
-      dataLoaded.value = true;
-      nodeStore.isDrawerOpen = true;
-      console.log("loadNodeData from groupby");
-    };
-    const handleClickOutside = (event) => {
-      const targetEvent = event.target;
-      if (targetEvent.id === "pivot-context-menu")
-        return;
-      showContextMenu.value = false;
-    };
-    const pushNodeData = async () => {
-      if (unionInput.value) {
-        nodeStore.updateSettings(nodeUnion);
-      }
-      nodeStore.isDrawerOpen = false;
-    };
-    __expose({
-      loadNodeData,
-      pushNodeData
-    });
-    onMounted(async () => {
-      await nextTick();
-      window.addEventListener("click", handleClickOutside);
-    });
-    onUnmounted(() => {
-      window.removeEventListener("click", handleClickOutside);
-    });
-    return (_ctx, _cache) => {
-      return dataLoaded.value && nodeUnion.value ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createVNode(GenericNodeSettings, {
-          modelValue: nodeUnion.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => nodeUnion.value = $event)
-        }, {
-          default: withCtx(() => _cache[1] || (_cache[1] = [
-            createTextVNode(" 'Union multiple tables into one table, this node does not have settings' ")
-          ])),
-          _: 1,
-          __: [1]
-        }, 8, ["modelValue"])
-      ])) : createCommentVNode("", true);
-    };
-  }
-});
-const Union_vue_vue_type_style_index_0_scoped_beb191a2_lang = "";
-const readInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-beb191a2"]]);
-const _hoisted_1 = { ref: "el" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Union",
-  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": "union.png",
-          title: `${__props.nodeId}: Union data`,
-          onClick: openDrawer
-        }, null, 8, ["node-id", "title"]),
-        drawer.value ? (openBlock(), createBlock(Teleport, {
-          key: 0,
-          to: "#nodesettings"
-        }, [
-          createVNode(NodeTitle, {
-            title: "Union data",
-            intro: "Union data into multiple tables. This node does not have settings"
-          }),
-          createVNode(readInput, {
-            ref_key: "childComp",
-            ref: childComp,
-            "node-id": __props.nodeId
-          }, null, 8, ["node-id"])
-        ])) : createCommentVNode("", true)
-      ], 512);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

flowfile/web/static/assets/Unpivot-246e9bbd.css

@@ -1,77 +0,0 @@
-
-.context-menu[data-v-4f9e01e5] {
-  position: fixed;
-  z-index: 1000;
-  border: 1px solid #ccc;
-  background-color: white;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
-  border-radius: 4px;
-  user-select: none;
-}
-.context-menu ul[data-v-4f9e01e5] {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-.context-menu li[data-v-4f9e01e5] {
-  padding: 8px 16px;
-  cursor: pointer;
-}
-.context-menu li.disabled[data-v-4f9e01e5] {
-  color: #ccc;
-  cursor: not-allowed;
-}
-.context-menu li[data-v-4f9e01e5]:hover:not(.disabled) {
-  background-color: #f0f0f0;
-}
-
-.items-container[data-v-fd7e6af1] {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px; /* Space between items */
-}
-.item-box[data-v-fd7e6af1] {
-  display: flex;
-  align-items: center;
-  padding: 5px 10px;
-  background-color: #f0f0f0;
-  border-radius: 4px;
-  font-size: 12px; /* Font size set to 12px */
-  position: relative;
-}
-.remove-btn[data-v-fd7e6af1] {
-  margin-left: 8px;
-  cursor: pointer;
-  color: #100f0f72;
-  font-weight: bold;
-}
-
-.context-menu[data-v-9746d208] {
-  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-9746d208] {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-.context-menu li[data-v-9746d208] {
-  padding: 8px 16px;
-  cursor: pointer;
-}
-.context-menu li[data-v-9746d208]:hover {
-  background-color: #f0f0f0;
-}
-.switch-container[data-v-9746d208] {
-  display: flex;
-  align-items: center;
-  margin: 12px;
-}
-.switch-container span[data-v-9746d208] {
-  margin-right: 10px;
-}

flowfile/web/static/assets/nodeTitle-a16db7c3.js

@@ -1,227 +0,0 @@
-import { g as getImageUrl } from "./designer-6c322d8e.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-dc5e3348.js";
-import { d as defineComponent, r as ref, l as computed, n as onMounted, m as watch, R as nextTick, c as openBlock, e as createElementBlock, p as createBaseVNode, t as toDisplayString, s as normalizeClass, u as unref, _ as _export_sfc, b as resolveComponent, h as createBlock, w as withCtx, f as createVNode } from "./index-683fc198.js";
-const _hoisted_1$1 = { class: "component-wrapper" };
-const _hoisted_2$1 = { class: "tooltip-text" };
-const _hoisted_3$1 = ["src", "alt"];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "nodeButton",
-  props: {
-    nodeId: { type: Number, required: true },
-    imageSrc: { type: String, required: true },
-    title: { type: String, required: true }
-  },
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    const description = ref("");
-    const mouseX = ref(0);
-    const mouseY = ref(0);
-    const nodeStore = useNodeStore();
-    const props = __props;
-    const isSelected = computed(() => {
-      return nodeStore.node_id == props.nodeId;
-    });
-    computed(() => {
-      const overlayWidth = 400;
-      const overlayHeight = 200;
-      const buffer = 100;
-      let left = mouseX.value + buffer;
-      let top = mouseY.value + buffer;
-      if (left + overlayWidth > window.innerWidth) {
-        left -= overlayWidth + 2 * buffer;
-      }
-      if (top + overlayHeight > window.innerHeight) {
-        top -= overlayHeight + 2 * buffer;
-      }
-      left = Math.max(left, buffer);
-      top = Math.max(top, buffer);
-      return {
-        top: `${top}px`,
-        left: `${left}px`
-      };
-    });
-    const nodeResult = computed(() => {
-      const nodeResult2 = nodeStore.getNodeResult(props.nodeId);
-      const nodeValidation = nodeStore.getNodeValidation(props.nodeId);
-      if (nodeResult2 && nodeResult2.is_running) {
-        return {
-          success: void 0,
-          statusIndicator: "running",
-          hasRun: false,
-          error: void 0
-        };
-      }
-      if (nodeResult2 && !nodeResult2.is_running) {
-        if (nodeValidation) {
-          if (nodeResult2.success === true && !nodeValidation.isValid && nodeValidation.validationTime > nodeResult2.start_timestamp) {
-            return {
-              success: true,
-              statusIndicator: "warning",
-              error: nodeValidation.error,
-              hasRun: true
-            };
-          }
-          if (nodeResult2.success === true && nodeValidation.isValid) {
-            return {
-              success: true,
-              statusIndicator: "success",
-              error: nodeResult2.error || nodeValidation.error,
-              hasRun: true
-            };
-          }
-          if (nodeResult2.success === false && nodeValidation.isValid && nodeValidation.validationTime > nodeResult2.start_timestamp) {
-            return {
-              success: false,
-              statusIndicator: "unknown",
-              error: nodeResult2.error || nodeValidation.error,
-              hasRun: true
-            };
-          }
-          if (nodeResult2.success === false && (!nodeValidation.isValid || !nodeValidation.validationTime)) {
-            return {
-              success: false,
-              statusIndicator: "failure",
-              error: nodeResult2.error || nodeValidation.error,
-              hasRun: true
-            };
-          }
-        }
-        return {
-          success: nodeResult2.success ?? false,
-          statusIndicator: nodeResult2.success ? "success" : "failure",
-          error: nodeResult2.error,
-          hasRun: true
-        };
-      }
-      if (nodeValidation) {
-        if (!nodeValidation.isValid) {
-          return {
-            success: false,
-            statusIndicator: "warning",
-            error: nodeValidation.error,
-            hasRun: false
-          };
-        }
-        if (nodeValidation.isValid) {
-          return {
-            success: true,
-            statusIndicator: "unknown",
-            error: nodeValidation.error,
-            hasRun: false
-          };
-        }
-      }
-      return void 0;
-    });
-    const tooltipContent = computed(() => {
-      var _a, _b, _c;
-      switch ((_a = nodeResult.value) == null ? void 0 : _a.statusIndicator) {
-        case "success":
-          return "Operation successful";
-        case "failure":
-          return "Operation failed: \n" + (((_b = nodeResult.value) == null ? void 0 : _b.error) || "No error message available");
-        case "warning":
-          return "Operation warning: \n" + (((_c = nodeResult.value) == null ? void 0 : _c.error) || "No warning message available");
-        case "running":
-          return "Operation in progress...";
-        case "unknown":
-        default:
-          return "Status unknown";
-      }
-    });
-    const getNodeDescription = async () => {
-      description.value = await nodeStore.getNodeDescription(props.nodeId);
-    };
-    const emits = __emit;
-    const onClick = () => {
-      emits("click");
-    };
-    onMounted(() => {
-      watch(
-        () => props.nodeId,
-        async (newVal) => {
-          if (newVal !== -1) {
-            await nextTick();
-            getNodeDescription();
-          }
-        }
-      );
-    });
-    return (_ctx, _cache) => {
-      var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createBaseVNode("div", {
-          class: normalizeClass(["status-indicator", (_a = nodeResult.value) == null ? void 0 : _a.statusIndicator])
-        }, [
-          createBaseVNode("span", _hoisted_2$1, toDisplayString(tooltipContent.value), 1)
-        ], 2),
-        createBaseVNode("button", {
-          class: normalizeClass(["node-button", { selected: isSelected.value }]),
-          onClick
-        }, [
-          createBaseVNode("img", {
-            src: unref(getImageUrl)(props.imageSrc),
-            alt: props.title,
-            width: "50"
-          }, null, 8, _hoisted_3$1)
-        ], 2)
-      ]);
-    };
-  }
-});
-const nodeButton_vue_vue_type_style_index_0_scoped_a984e3d6_lang = "";
-const NodeButton = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-a984e3d6"]]);
-const _hoisted_1 = { class: "listbox-wrapper" };
-const _hoisted_2 = { class: "listbox-title" };
-const _hoisted_3 = { class: "intro-content" };
-const _hoisted_4 = {
-  key: 1,
-  class: "title"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "nodeTitle",
-  props: {
-    title: {
-      type: String,
-      required: true
-    },
-    intro: {
-      type: String,
-      required: false,
-      default: ""
-      // Add default value to resolve warning
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      const _component_el_collapse_item = resolveComponent("el-collapse-item");
-      const _component_el_collapse = resolveComponent("el-collapse");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        props.intro ? (openBlock(), createBlock(_component_el_collapse, {
-          key: 0,
-          class: "listbox-expandable"
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_el_collapse_item, null, {
-              title: withCtx(() => [
-                createBaseVNode("div", _hoisted_2, toDisplayString(props.title), 1)
-              ]),
-              default: withCtx(() => [
-                createBaseVNode("div", _hoisted_3, toDisplayString(props.intro), 1)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })) : (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(props.title), 1))
-      ]);
-    };
-  }
-});
-const nodeTitle_vue_vue_type_style_index_0_scoped_0db5c358_lang = "";
-const NodeTitle = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0db5c358"]]);
-export {
-  NodeButton as N,
-  NodeTitle as a
-};

flowfile/web/static/assets/nodeTitle-f4b12bcb.css

@@ -1,134 +0,0 @@
-
-.status-indicator[data-v-a984e3d6] {
-  position: relative;
-  display: flex;
-  align-items: center;
-  margin-right: 8px;
-}
-.status-indicator[data-v-a984e3d6]::before {
-  content: "";
-  display: block;
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-}
-.status-indicator.success[data-v-a984e3d6]::before {
-  background-color: #4caf50;
-}
-.status-indicator.failure[data-v-a984e3d6]::before {
-  background-color: #f44336;
-}
-.status-indicator.warning[data-v-a984e3d6]::before {
-  background-color: #f09f5dd1;
-}
-.status-indicator.unknown[data-v-a984e3d6]::before {
-  background-color: #ffffff;
-}
-.status-indicator.running[data-v-a984e3d6]::before {
-  background-color: #0909ca;
-  animation: pulse-a984e3d6 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-  box-shadow: 0 0 10px #0909ca;
-}
-@keyframes pulse-a984e3d6 {
-0% {
-    transform: scale(1);
-    opacity: 1;
-    box-shadow: 0 0 5px #0909ca;
-}
-50% {
-    transform: scale(1.3);
-    opacity: 0.6;
-    box-shadow: 0 0 15px #0909ca;
-}
-100% {
-    transform: scale(1);
-    opacity: 1;
-    box-shadow: 0 0 5px #0909ca;
-}
-}
-.tooltip-text[data-v-a984e3d6] {
-  visibility: hidden;
-  width: 120px;
-  background-color: black;
-  color: #fff;
-  text-align: center;
-  border-radius: 6px;
-  padding: 5px 0;
-  position: absolute;
-  z-index: 1;
-  bottom: 100%;
-  left: 50%;
-  margin-left: -60px;
-  opacity: 0;
-  transition: opacity 0.3s;
-}
-.status-indicator:hover .tooltip-text[data-v-a984e3d6] {
-  visibility: visible;
-  opacity: 1;
-}
-.description-input[data-v-a984e3d6]:hover,
-.description-input[data-v-a984e3d6]:focus {
-  background-color: #e7e7e7; /* Slightly darker on hover/focus */
-  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); /* More pronounced shadow on hover/focus */
-}
-.component-wrapper[data-v-a984e3d6] {
-  position: relative; /* This makes the absolute positioning of the child relative to this container */
-  max-width: 60px;
-  overflow: visible; /* Allows children to visually overflow */
-}
-.description-display[data-v-a984e3d6] {
-  padding: 8px;
-  width: 200px !important;
-  max-height: 8px !important;
-  background-color: #ffffff; /* Light grey background */
-  border-radius: 4px; /* Rounded corners for a modern look */
-  cursor: pointer; /* Indicates the text can be clicked */
-}
-.overlay[data-v-a984e3d6] {
-  position: fixed; /* This is key for viewport-level positioning */
-  width: 200px; /* Or whatever width you prefer */
-  height: 200px; /* Or whatever height you prefer */
-  left: 50%; /* Center horizontally */
-  top: 50%; /* Center vertically */
-  transform: translate(-50%, -50%); /* Adjust based on its own dimensions */
-  z-index: 1000; /* High enough to float above everything else */
-  /* Your existing styles for background, padding, etc. */
-}
-.node-button[data-v-a984e3d6] {
-  background-color: #ffffff;
-  border-radius: 10px;
-  border-width: 0.5px;
-}
-.node-button[data-v-a984e3d6]:hover {
-  background-color: #f5f5f5;
-  transform: translateY(-1px);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-.overlay-content[data-v-a984e3d6] {
-  padding: 20px;
-  border-radius: 10px;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-}
-.overlay-prompt[data-v-a984e3d6] {
-  margin-bottom: 10px;
-  color: #333;
-  font-size: 16px;
-}
-.description-input[data-v-a984e3d6] {
-  margin-bottom: 10px;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  padding: 10px;
-  font-size: 14px;
-  height: 100px; /* Adjust based on your needs */
-}
-.selected[data-v-a984e3d6] {
-  border: 2px solid #828282;
-}
-
-.intro-content[data-v-0db5c358] {
-  white-space: pre-wrap; /* Preserves whitespace and line breaks */
-}