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

flowfile/web/static/assets/{Formula-6b04fb1d.js → Formula-aac42b1e.js}

@@ -1,10 +1,12 @@
-import { C as CodeLoader } from "./vue-content-loader.es-2c8e608f.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-41b0e0d7.js";
-import mainEditorRef from "./fullEditor-f7971590.js";
-import { C as ColumnSelector } from "./dropDown-614b998d.js";
-import { d as defineComponent, r as ref, m as watch, c as openBlock, e as createElementBlock, t as toDisplayString, i as createCommentVNode, p as createBaseVNode, f as createVNode, _ as _export_sfc, w as withCtx, u as unref, h as createBlock } from "./index-5429bbf8.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-4fe5f36b.js";
-import "./designer-9633482a.js";
+import { C as CodeLoader } from "./vue-content-loader.es-c506ad97.js";
+import { u as useNodeStore } from "./PopOver-b22f049e.js";
+import { d as defineComponent, r as ref, B as watch, o as openBlock, c as createElementBlock, t as toDisplayString, f as createCommentVNode, b as createBaseVNode, m as createVNode, i as _export_sfc, p as withCtx, s as unref, x as createBlock } from "./index-fb6493ae.js";
+import mainEditorRef from "./fullEditor-5497a84a.js";
+import { C as ColumnSelector } from "./dropDown-ac0fda9d.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-99014e1d.js";
+import "./vue-codemirror.esm-0965f39f.js";
+import "./DesignerView-e6f5c0e8.js";
+import "./index-3ba44389.js";
 const _hoisted_1$1 = {
   key: 0,
   class: "label"
@@ -70,8 +72,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const dropDownGeneric_vue_vue_type_style_index_0_scoped_f2958f57_lang = "";
-const DropDownGeneric = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f2958f57"]]);
+const dropDownGeneric_vue_vue_type_style_index_0_scoped_11dc3ea7_lang = "";
+const DropDownGeneric = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-11dc3ea7"]]);
 const createFormulaInput = (field_name = "", data_type = "Auto", function_def = "") => {
   const fieldInput = {
     name: field_name,
@@ -188,8 +190,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Formula_vue_vue_type_style_index_0_scoped_eac276b3_lang = "";
-const Formula = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-eac276b3"]]);
+const Formula_vue_vue_type_style_index_0_scoped_9864af13_lang = "";
+const Formula = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9864af13"]]);
 export {
   Formula as default
 };

flowfile/web/static/assets/{FuzzyMatch-1010f966.css → FuzzyMatch-ad6361d6.css}

@@ -1,21 +1,21 @@
 
 /* Modern styling for an AI app */
-.fuzzy-join-container[data-v-3c562315] {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-  color: #1a202c;
+.fuzzy-join-container[data-v-bbf294d7] {
+  font-family: var(--font-family-base);
+  color: var(--color-text-primary);
   max-width: 100%;
 }
 
 /* Tabs Navigation */
-.tabs-navigation[data-v-3c562315] {
+.tabs-navigation[data-v-bbf294d7] {
   display: flex;
-  border-bottom: 1px solid #e2e8f0;
+  border-bottom: 1px solid var(--color-border-light);
   margin-bottom: 1.25rem;
-  background-color: #f8fafc;
+  background-color: var(--color-background-secondary);
   border-radius: 8px 8px 0 0;
   overflow: hidden;
 }
-.tab-button[data-v-3c562315] {
+.tab-button[data-v-bbf294d7] {
   background: none;
   border: none;
   padding: 0.75rem 1.25rem;
@@ -29,151 +29,150 @@
   flex: 1;
   text-align: center;
 }
-.tab-button[data-v-3c562315]:hover {
-  color: #4a5568;
-  background-color: #edf2f7;
+.tab-button[data-v-bbf294d7]:hover {
+  color: var(--color-text-primary);
 }
-.tab-button.active[data-v-3c562315] {
-  border-bottom-color: #3182ce;
-  color: #3182ce;
-  background-color: #ebf8ff;
+.tab-button.active[data-v-bbf294d7] {
+  border-bottom-color: var(--color-accent-subtle);
+  color: var(--color-accent);
+  background-color: var(--color-accent-subtle);
 }
-.tab-content[data-v-3c562315] {
+.tab-content[data-v-bbf294d7] {
   min-height: 300px;
 }
 
 /* Card styling */
-.settings-card[data-v-3c562315] {
-  background-color: #ffffff;
+.settings-card[data-v-bbf294d7] {
+  background-color: var(--color-background-primary);
   border-radius: 8px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 1px 3px rgba(125, 107, 107, 0.05);
   margin-bottom: 1.5rem;
-  border: 1px solid #edf2f7;
+  border: 1px solid var(--color-border-primary);
   overflow: hidden;
 }
-.card-header[data-v-3c562315] {
+.card-header[data-v-bbf294d7] {
   padding: 1rem 1.25rem;
-  border-bottom: 1px solid #edf2f7;
-  background-color: #fafafa;
+  border-bottom: 1px solid var(--color-border-light);
+  background-color: var(--color-background-secondary);
 }
-.section-title[data-v-3c562315] {
+.section-title[data-v-bbf294d7] {
   margin: 0;
   font-size: 1rem;
   font-weight: 600;
-  color: #2d3748;
+  color: var(--color-text-primary);
 }
-.card-content[data-v-3c562315] {
+.card-content[data-v-bbf294d7] {
   padding: 1rem 1.25rem;
 }
 
 /* Join Settings */
-.join-settings[data-v-3c562315] {
+.join-settings[data-v-bbf294d7] {
   display: flex;
   flex-direction: column;
   gap: 1.25rem;
 }
-.setting-panel[data-v-3c562315] {
-  background-color: #f8fafc;
+.setting-panel[data-v-bbf294d7] {
+  background-color: var(--color-background-secondary);
   border-radius: 6px;
   padding: 1rem;
-  border: 1px solid #edf2f7;
+  border: 1px solid var(--color-border-secondary);
   transition: all 0.2s ease;
+  color: var(--color-text-secondary);
 }
-.setting-panel[data-v-3c562315]:hover {
+.setting-panel[data-v-bbf294d7]:hover {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
-  border-color: #e2e8f0;
+  border-color: var(--color-border-light);
 }
-.setting-header[data-v-3c562315] {
+.setting-header[data-v-bbf294d7] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 1rem;
 }
-.setting-title[data-v-3c562315] {
+.setting-title[data-v-bbf294d7] {
   font-size: 0.95rem;
   font-weight: 600;
-  color: #4a5568;
+  color: var(--color-text-primary);
   margin: 0;
   display: flex;
   align-items: center;
 }
-.unavailable-field[data-v-3c562315] {
+.unavailable-field[data-v-bbf294d7] {
   margin-right: 0.5rem;
 }
 
 /* Column Selection Grid */
-.columns-grid[data-v-3c562315] {
+.columns-grid[data-v-bbf294d7] {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 1rem;
   margin-bottom: 1rem;
 }
-.column-field[data-v-3c562315] {
+.column-field[data-v-bbf294d7] {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 }
-.column-field label[data-v-3c562315] {
+.column-field label[data-v-bbf294d7] {
   font-size: 0.875rem;
   font-weight: 500;
-  color: #4a5568;
+  color: var(--color-text-secondary);
 }
 
 /* Settings Grid */
-.settings-grid[data-v-3c562315] {
+.settings-grid[data-v-bbf294d7] {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 1rem;
 }
-.threshold-field[data-v-3c562315],
-.select-field[data-v-3c562315] {
+.threshold-field[data-v-bbf294d7],
+.select-field[data-v-bbf294d7] {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 }
-.threshold-field label[data-v-3c562315],
-.select-field label[data-v-3c562315] {
+.threshold-field label[data-v-bbf294d7],
+.select-field label[data-v-bbf294d7] {
   font-size: 0.875rem;
   font-weight: 500;
-  color: #4a5568;
+  color: var(--color-text-secondary);
 }
 
 /* Range Input */
-.range-container[data-v-3c562315] {
+.range-container[data-v-bbf294d7] {
   display: flex;
   align-items: center;
   gap: 1rem;
 }
-.range-slider[data-v-3c562315] {
+.range-slider[data-v-bbf294d7] {
   flex: 1;
-  -webkit-appearance: none;
   width: 100%;
   height: 6px;
   border-radius: 3px;
-  background: #e2e8f0;
+  background: var(--color-background-secondary);
   outline: none;
 }
-.range-slider[data-v-3c562315]::-webkit-slider-thumb {
+.range-slider[data-v-bbf294d7]::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   width: 16px;
   height: 16px;
   border-radius: 50%;
-  background: #3182ce;
+  background: var(--color-accent);
   cursor: pointer;
-  border: 2px solid white;
+  border: 2px solid var(--color-accent);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 }
-.range-slider[data-v-3c562315]::-moz-range-thumb {
+.range-slider[data-v-bbf294d7]::-moz-range-thumb {
   width: 16px;
   height: 16px;
   border-radius: 50%;
-  background: #3182ce;
+  background: var(--color-accent);
   cursor: pointer;
   border: 2px solid white;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 }
-.range-value[data-v-3c562315] {
+.range-value[data-v-bbf294d7] {
   min-width: 3rem;
   text-align: right;
   font-size: 0.875rem;
@@ -182,29 +181,29 @@
 }
 
 /* Select Input */
-.select-wrapper[data-v-3c562315] {
+.select-wrapper[data-v-bbf294d7] {
   position: relative;
 }
-.select-input[data-v-3c562315] {
+.select-input[data-v-bbf294d7] {
   width: 100%;
   padding: 0.5rem 0.75rem;
   font-size: 0.875rem;
   border: 1px solid #e2e8f0;
   border-radius: 6px;
-  background-color: #fff;
+  background-color: var(--color-background-primary);
   color: #4a5568;
   appearance: none;
   outline: none;
   transition: all 0.2s ease;
 }
-.select-input[data-v-3c562315]:focus {
+.select-input[data-v-bbf294d7]:focus {
   border-color: #3182ce;
   box-shadow: 0 0 0 2px rgba(49, 130, 206, 0.15);
 }
 
 /* Buttons */
-.add-button[data-v-3c562315],
-.remove-button[data-v-3c562315] {
+.add-button[data-v-bbf294d7],
+.remove-button[data-v-bbf294d7] {
   padding: 0.5rem 0.75rem;
   border: 1px solid #e2e8f0;
   border-radius: 6px;
@@ -215,7 +214,7 @@
   cursor: pointer;
   transition: all 0.2s ease;
 }
-.add-button[data-v-3c562315] {
+.add-button[data-v-bbf294d7] {
   background-color: #ebf8ff;
   color: #3182ce;
   margin-top: 0.5rem;
@@ -224,22 +223,22 @@
   justify-content: center;
   align-items: center;
 }
-.add-button[data-v-3c562315]:hover {
+.add-button[data-v-bbf294d7]:hover {
   background-color: #bee3f8;
 }
-.remove-button[data-v-3c562315] {
+.remove-button[data-v-bbf294d7] {
   background-color: transparent;
   border: 1px solid #e2e8f0;
 }
-.remove-button[data-v-3c562315]:hover {
+.remove-button[data-v-bbf294d7]:hover {
   background-color: #fee2e2;
   color: #e53e3e;
   border-color: #fbd5d5;
 }
-.select-section[data-v-3c562315] {
+.select-section[data-v-bbf294d7] {
   margin-top: 1rem;
 }
-.select-section + .select-section[data-v-3c562315] {
+.select-section + .select-section[data-v-bbf294d7] {
   margin-top: 2rem;
   padding-top: 1.5rem;
   border-top: 1px solid #edf2f7;
@@ -247,8 +246,8 @@
 
 /* Responsive adjustments */
 @media (max-width: 768px) {
-.columns-grid[data-v-3c562315],
-  .settings-grid[data-v-3c562315] {
+.columns-grid[data-v-bbf294d7],
+  .settings-grid[data-v-bbf294d7] {
     grid-template-columns: 1fr;
 }
 }

flowfile/web/static/assets/{FuzzyMatch-999521f4.js → FuzzyMatch-cd9bbfca.js}

@@ -1,11 +1,13 @@
-import { d as defineComponent, r as ref, l as computed, n as onMounted, R as nextTick, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, s as normalizeClass, F as Fragment, q as renderList, h as createBlock, i as createCommentVNode, g as createTextVNode, t as toDisplayString, a8 as withDirectives, a9 as vModelText, ak as vModelSelect, u as unref, _ as _export_sfc } from "./index-5429bbf8.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-41b0e0d7.js";
-import { C as ColumnSelector } from "./dropDown-614b998d.js";
-import { s as selectDynamic } from "./selectDynamic-92e25ee3.js";
-import { u as unavailableField } from "./UnavailableFields-a03f512c.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-4fe5f36b.js";
-import { C as CodeLoader } from "./vue-content-loader.es-2c8e608f.js";
-import "./designer-9633482a.js";
+import { d as defineComponent, r as ref, A as computed, C as onMounted, X as nextTick, o as openBlock, c as createElementBlock, m as createVNode, p as withCtx, b as createBaseVNode, n as normalizeClass, F as Fragment, D as renderList, x as createBlock, f as createCommentVNode, q as createTextVNode, t as toDisplayString, g as withDirectives, v as vModelText, am as vModelSelect, s as unref, i as _export_sfc } from "./index-fb6493ae.js";
+import { u as useNodeStore } from "./PopOver-b22f049e.js";
+import { C as ColumnSelector } from "./dropDown-ac0fda9d.js";
+import { s as selectDynamic } from "./selectDynamic-80b92899.js";
+import { u as unavailableField } from "./UnavailableFields-bdad6144.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-99014e1d.js";
+import { C as CodeLoader } from "./vue-content-loader.es-c506ad97.js";
+import "./DesignerView-e6f5c0e8.js";
+import "./index-3ba44389.js";
+import "./vue-codemirror.esm-0965f39f.js";
 const _hoisted_1 = {
   key: 0,
   class: "fuzzy-join-container"
@@ -344,8 +346,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FuzzyMatch_vue_vue_type_style_index_0_scoped_3c562315_lang = "";
-const FuzzyMatch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3c562315"]]);
+const FuzzyMatch_vue_vue_type_style_index_0_scoped_bbf294d7_lang = "";
+const FuzzyMatch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bbf294d7"]]);
 export {
   FuzzyMatch as default
 };

flowfile/web/static/assets/{Pivot-cf333e3d.css → GraphSolver-c24dec17.css}

@@ -1,22 +1,22 @@
 
-.context-menu[data-v-868bfce8] {
+.context-menu[data-v-71590603] {
   position: fixed;
   z-index: 1000;
   border: 1px solid #ccc;
-  background-color: white;
+  background-color: var(--color-background-primary);
   padding: 8px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
   border-radius: 4px;
 }
-.context-menu ul[data-v-868bfce8] {
+.context-menu ul[data-v-71590603] {
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.context-menu li[data-v-868bfce8] {
+.context-menu li[data-v-71590603] {
   padding: 8px 16px;
   cursor: pointer;
 }
-.context-menu li[data-v-868bfce8]:hover {
+.context-menu li[data-v-71590603]:hover {
   background-color: #f0f0f0;
 }

flowfile/web/static/assets/{GraphSolver-17dd2198.js → GraphSolver-c7e6780e.js}

@@ -1,9 +1,11 @@
-import { d as defineComponent, r as ref, l as computed, 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-5429bbf8.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-41b0e0d7.js";
-import ContextMenu from "./ContextMenu-70ae0c79.js";
-import SettingsSection from "./SettingsSection-7ded385d.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-4fe5f36b.js";
-import "./designer-9633482a.js";
+import { d as defineComponent, r as ref, A as computed, C as onMounted, X as nextTick, k as onUnmounted, l as resolveComponent, o as openBlock, c as createElementBlock, m as createVNode, p as withCtx, b as createBaseVNode, F as Fragment, D as renderList, n as normalizeClass, w as withModifiers, t as toDisplayString, x as createBlock, f as createCommentVNode, i as _export_sfc } from "./index-fb6493ae.js";
+import { u as useNodeStore } from "./PopOver-b22f049e.js";
+import ContextMenu from "./ContextMenu-69a74055.js";
+import SettingsSection from "./SettingsSection-f2002a6d.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-99014e1d.js";
+import "./DesignerView-e6f5c0e8.js";
+import "./index-3ba44389.js";
+import "./vue-codemirror.esm-0965f39f.js";
 const _hoisted_1 = {
   key: 0,
   class: "listbox-wrapper"
@@ -104,7 +106,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         graphSolverInput.value.col_to = "";
       }
     };
-    const removeColumn = (type, _) => {
+    const removeColumn = (type) => {
       if (type === "from") {
         graphSolverInput.value.col_from = "";
       } else if (type === "to") {
@@ -197,7 +199,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   title: "From Column",
                   item: graphSolverInput.value.col_from ?? "",
                   droppable: "true",
-                  onRemoveItem: _cache[1] || (_cache[1] = ($event) => removeColumn("from", $event)),
+                  onRemoveItem: _cache[1] || (_cache[1] = ($event) => removeColumn("from")),
                   onDragover: _cache[2] || (_cache[2] = withModifiers(() => {
                   }, ["prevent"])),
                   onDrop: _cache[3] || (_cache[3] = ($event) => onDropInSection("from"))
@@ -206,7 +208,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   title: "To Column",
                   item: graphSolverInput.value.col_to ?? "",
                   droppable: "true",
-                  onRemoveItem: _cache[4] || (_cache[4] = ($event) => removeColumn("to", $event)),
+                  onRemoveItem: _cache[4] || (_cache[4] = ($event) => removeColumn("to")),
                   onDragover: _cache[5] || (_cache[5] = withModifiers(() => {
                   }, ["prevent"])),
                   onDrop: _cache[6] || (_cache[6] = ($event) => onDropInSection("to"))
@@ -229,8 +231,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GraphSolver_vue_vue_type_style_index_0_scoped_b4673e65_lang = "";
-const GraphSolver = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b4673e65"]]);
+const GraphSolver_vue_vue_type_style_index_0_scoped_71590603_lang = "";
+const GraphSolver = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-71590603"]]);
 export {
   GraphSolver as default
 };

flowfile/web/static/assets/{GroupBy-6b039e18.js → GroupBy-93c5d22b.js}

@@ -1,8 +1,10 @@
-import { d as defineComponent, r as ref, l as computed, 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, t as toDisplayString, i as createCommentVNode, T as normalizeStyle, v as withModifiers, h as createBlock, u as unref, _ as _export_sfc } from "./index-5429bbf8.js";
-import { C as CodeLoader } from "./vue-content-loader.es-2c8e608f.js";
-import { u as useNodeStore } from "./vue-codemirror.esm-41b0e0d7.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-4fe5f36b.js";
-import "./designer-9633482a.js";
+import { d as defineComponent, r as ref, A as computed, C as onMounted, X as nextTick, k as onUnmounted, l as resolveComponent, o as openBlock, c as createElementBlock, m as createVNode, p as withCtx, b as createBaseVNode, F as Fragment, D as renderList, n as normalizeClass, t as toDisplayString, f as createCommentVNode, Z as normalizeStyle, w as withModifiers, x as createBlock, s as unref, i as _export_sfc } from "./index-fb6493ae.js";
+import { C as CodeLoader } from "./vue-content-loader.es-c506ad97.js";
+import { u as useNodeStore } from "./PopOver-b22f049e.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-99014e1d.js";
+import "./DesignerView-e6f5c0e8.js";
+import "./index-3ba44389.js";
+import "./vue-codemirror.esm-0965f39f.js";
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { class: "listbox-wrapper" };
 const _hoisted_3 = {
@@ -344,8 +346,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GroupBy_vue_vue_type_style_index_0_scoped_734437d8_lang = "";
-const GroupBy = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-734437d8"]]);
+const GroupBy_vue_vue_type_style_index_0_scoped_9d79e03b_lang = "";
+const GroupBy = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9d79e03b"]]);
 export {
   GroupBy as default
 };

flowfile/web/static/assets/{GroupBy-b9505323.css → GroupBy-be7ac0bf.css}

@@ -1,15 +1,15 @@
 
-.context-menu[data-v-734437d8] {
+.context-menu[data-v-9d79e03b] {
   position: fixed;
   z-index: 1000;
   border: 1px solid #ccc;
-  background-color: white;
+  background-color: var(--color-background-primary);
   padding: 8px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
   border-radius: 4px;
   user-select: none;
 }
-.context-menu button[data-v-734437d8] {
+.context-menu button[data-v-9d79e03b] {
   display: block;
   background: none;
   border: none;
@@ -19,33 +19,33 @@
   cursor: pointer;
   z-index: 100;
 }
-.context-menu button[data-v-734437d8]:hover {
+.context-menu button[data-v-9d79e03b]:hover {
   background-color: #f0f0f0;
 }
-.table-wrapper[data-v-734437d8] {
+.table-wrapper[data-v-9d79e03b] {
   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-734437d8] {
+.context-menu[data-v-9d79e03b] {
   position: fixed;
   z-index: 1000;
   border: 1px solid #ccc;
-  background-color: white;
+  background-color: var(--color-background-primary);
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
   border-radius: 4px;
 }
-.context-menu ul[data-v-734437d8] {
+.context-menu ul[data-v-9d79e03b] {
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.context-menu li[data-v-734437d8] {
+.context-menu li[data-v-9d79e03b] {
   padding: 8px 16px;
   cursor: pointer;
 }
-.context-menu li[data-v-734437d8]:hover {
+.context-menu li[data-v-9d79e03b]:hover {
   background-color: #f0f0f0;
 }