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

flowfile/web/static/assets/CloudConnectionView-cf85f943.css

@@ -0,0 +1,72 @@
+
+.description-text[data-v-0a624123] {
+  color: var(--color-text-secondary);
+  margin-top: var(--spacing-2);
+  font-size: var(--font-size-sm);
+}
+.info-box[data-v-0a624123] {
+  display: flex;
+  gap: var(--spacing-4);
+  padding: var(--spacing-4);
+  background-color: var(--color-background-muted);
+  border-left: 4px solid var(--color-accent);
+  border-radius: var(--border-radius-md);
+}
+.info-box i[data-v-0a624123] {
+  color: var(--color-accent);
+  font-size: var(--font-size-2xl);
+  margin-top: var(--spacing-2);
+}
+.info-box p[data-v-0a624123] {
+  margin: 0;
+  margin-bottom: var(--spacing-2);
+  font-size: var(--font-size-sm);
+  color: var(--color-text-secondary);
+}
+.info-box p[data-v-0a624123]:last-child {
+  margin-bottom: 0;
+}
+.info-box p strong[data-v-0a624123] {
+  color: var(--color-text-primary);
+}
+.modal-description[data-v-0a624123] {
+  color: var(--color-text-secondary);
+  font-size: var(--font-size-sm);
+}
+.badge[data-v-0a624123] {
+  background-color: var(--color-accent-subtle);
+  color: var(--color-accent);
+  border-radius: var(--border-radius-full);
+  padding: var(--spacing-1) var(--spacing-3);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-medium);
+  margin-left: var(--spacing-2);
+}
+.auth-badge[data-v-0a624123] {
+  background-color: var(--color-info-light);
+  color: var(--color-info);
+}
+.connection-details[data-v-0a624123] {
+  font-size: var(--font-size-xs);
+  color: var(--color-text-tertiary);
+  margin-top: var(--spacing-1);
+}
+.separator[data-v-0a624123] {
+  margin: 0 var(--spacing-2);
+}
+.hint-text[data-v-0a624123] {
+  color: var(--color-text-tertiary);
+  font-size: var(--font-size-sm);
+  margin-top: var(--spacing-2);
+}
+
+/* Cloud-specific styles */
+.fa-brands[data-v-0a624123] {
+  font-size: var(--font-size-xl);
+}
+.fa-aws[data-v-0a624123] {
+  color: var(--color-brand-aws);
+}
+.fa-microsoft[data-v-0a624123] {
+  color: var(--color-brand-microsoft);
+}

flowfile/web/static/assets/{CloudConnectionManager-0dfba9f2.js → CloudConnectionView-faace55b.js}

@@ -1,5 +1,5 @@
-import { f as fetchCloudStorageConnectionsInterfaces, c as createCloudStorageConnectionApi, d as deleteCloudStorageConnectionApi } from "./api-c1bad5ca.js";
-import { d as defineComponent, r as ref, m as watch, l as computed, c as openBlock, e as createElementBlock, p as createBaseVNode, a8 as withDirectives, a9 as vModelText, ak as vModelSelect, F as Fragment, q as renderList, t as toDisplayString, i as createCommentVNode, al as vModelDynamic, s as normalizeClass, am as vModelCheckbox, v as withModifiers, n as onMounted, g as createTextVNode, f as createVNode, w as withCtx, u as unref, z as ElMessage, an as ElDialog, ao as ElButton, _ as _export_sfc } from "./index-5429bbf8.js";
+import { f as fetchCloudStorageConnectionsInterfaces, c as createCloudStorageConnectionApi, d as deleteCloudStorageConnectionApi } from "./api-f75042b0.js";
+import { d as defineComponent, r as ref, C as watch, B as computed, o as openBlock, c as createElementBlock, a as createBaseVNode, i as withDirectives, v as vModelText, ao as vModelSelect, G as Fragment, H as renderList, t as toDisplayString, e as createCommentVNode, j as vModelDynamic, n as normalizeClass, ap as vModelCheckbox, w as withModifiers, F as onMounted, f as createTextVNode, p as createVNode, q as withCtx, x as unref, J as ElMessage, aq as ElDialog, ar as ElButton, g as _export_sfc } from "./index-387a6f18.js";
 const _hoisted_1$1 = { class: "form-grid" };
 const _hoisted_2$1 = { class: "form-field" };
 const _hoisted_3$1 = { class: "form-field" };
@@ -466,10 +466,10 @@ const _hoisted_7 = {
 };
 const _hoisted_8 = {
   key: 2,
-  class: "flex-col gap-2"
+  class: "connections-list"
 };
-const _hoisted_9 = { class: "secret-info" };
-const _hoisted_10 = { class: "secret-name" };
+const _hoisted_9 = { class: "connection-info" };
+const _hoisted_10 = { class: "connection-name" };
 const _hoisted_11 = { class: "badge" };
 const _hoisted_12 = { class: "badge auth-badge" };
 const _hoisted_13 = { class: "connection-details" };
@@ -477,12 +477,12 @@ const _hoisted_14 = { key: 0 };
 const _hoisted_15 = { key: 1 };
 const _hoisted_16 = { key: 2 };
 const _hoisted_17 = { key: 3 };
-const _hoisted_18 = { class: "secret-actions" };
+const _hoisted_18 = { class: "connection-actions" };
 const _hoisted_19 = ["onClick"];
 const _hoisted_20 = ["onClick"];
 const _hoisted_21 = { class: "dialog-footer" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "CloudConnectionManager",
+  __name: "CloudConnectionView",
   setup(__props) {
     const connectionInterfaces = ref([]);
     const isLoading = ref(true);
@@ -662,7 +662,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(Fragment, null, renderList(connectionInterfaces.value, (connection) => {
                 return openBlock(), createElementBlock("div", {
                   key: connection.connectionName,
-                  class: "secret-item"
+                  class: "connection-item"
                 }, [
                   createBaseVNode("div", _hoisted_9, [
                     createBaseVNode("div", _hoisted_10, [
@@ -776,8 +776,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CloudConnectionManager_vue_vue_type_style_index_0_scoped_23359c71_lang = "";
-const CloudConnectionManager = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-23359c71"]]);
+const CloudConnectionView_vue_vue_type_style_index_0_scoped_0a624123_lang = "";
+const CloudConnectionView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0a624123"]]);
 export {
-  CloudConnectionManager as default
+  CloudConnectionView as default
 };

flowfile/web/static/assets/{CloudStorageReader-29d14fcc.css → CloudStorageReader-24c54524.css}

@@ -1,41 +1,41 @@
 
-.cloud-storage-container[data-v-8f1c7f30] {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+.cloud-storage-container[data-v-6e26efc5] {
+  font-family: var(--font-family-base);
   max-width: 100%;
-  color: #333;
+  color: var(--color-text-primary);
 }
-.section-subtitle[data-v-8f1c7f30] {
+.section-subtitle[data-v-6e26efc5] {
   margin: 0 0 0.75rem 0;
   font-size: 0.95rem;
   font-weight: 600;
   color: #4a5568;
 }
-.subsection-title[data-v-8f1c7f30] {
+.subsection-title[data-v-6e26efc5] {
   margin: 0.5rem 0 0.5rem 0;
   font-size: 0.875rem;
   font-weight: 600;
   color: #718096;
 }
-.format-options[data-v-8f1c7f30] {
+.format-options[data-v-6e26efc5] {
   margin-top: 1rem;
   padding: 1rem;
   background-color: #f7fafc;
   border-radius: 4px;
   border: 1px solid #e2e8f0;
 }
-.form-row[data-v-8f1c7f30] {
+.form-row[data-v-6e26efc5] {
   display: flex;
   gap: 0.75rem;
   margin-bottom: 0.75rem;
   width: 100%;
   box-sizing: border-box;
 }
-.half[data-v-8f1c7f30] {
+.half[data-v-6e26efc5] {
   flex: 1;
   min-width: 0;
   max-width: calc(50% - 0.375rem);
 }
-.form-control[data-v-8f1c7f30] {
+.form-control[data-v-6e26efc5] {
   width: 100%;
   padding: 0.5rem;
   border: 1px solid #e2e8f0;
@@ -43,18 +43,18 @@
   font-size: 0.875rem;
   box-sizing: border-box;
 }
-.form-group[data-v-8f1c7f30] {
+.form-group[data-v-6e26efc5] {
   margin-bottom: 0.75rem;
   width: 100%;
 }
-label[data-v-8f1c7f30] {
+label[data-v-6e26efc5] {
   display: block;
   margin-bottom: 0.25rem;
   font-size: 0.875rem;
   font-weight: 500;
   color: #4a5568;
 }
-select.form-control[data-v-8f1c7f30] {
+select.form-control[data-v-6e26efc5] {
   appearance: none;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
@@ -62,21 +62,21 @@ select.form-control[data-v-8f1c7f30] {
   background-size: 1em;
   padding-right: 2rem;
 }
-.checkbox-container[data-v-8f1c7f30] {
+.checkbox-container[data-v-6e26efc5] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-.checkbox-input[data-v-8f1c7f30] {
+.checkbox-input[data-v-6e26efc5] {
   width: 1rem;
   height: 1rem;
   cursor: pointer;
 }
-.checkbox-label[data-v-8f1c7f30] {
+.checkbox-label[data-v-6e26efc5] {
   margin: 0;
   cursor: pointer;
 }
-.info-box[data-v-8f1c7f30] {
+.info-box[data-v-6e26efc5] {
   display: flex;
   gap: 0.75rem;
   padding: 0.75rem;
@@ -86,16 +86,16 @@ select.form-control[data-v-8f1c7f30] {
   margin-top: 1rem;
   font-size: 0.875rem;
 }
-.info-box i[data-v-8f1c7f30] {
+.info-box i[data-v-6e26efc5] {
   color: #1890ff;
   font-size: 1.25rem;
   flex-shrink: 0;
 }
-.info-box p[data-v-8f1c7f30] {
+.info-box p[data-v-6e26efc5] {
   margin: 0;
   color: #4a5568;
 }
-.helper-text[data-v-8f1c7f30] {
+.helper-text[data-v-6e26efc5] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -103,41 +103,41 @@ select.form-control[data-v-8f1c7f30] {
   font-size: 0.8125rem;
   color: #718096;
 }
-.helper-text i[data-v-8f1c7f30] {
+.helper-text i[data-v-6e26efc5] {
   color: #4299e1;
   font-size: 0.875rem;
 }
-.loading-state[data-v-8f1c7f30] {
+.loading-state[data-v-6e26efc5] {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.5rem;
   padding: 1rem;
 }
-.loading-state p[data-v-8f1c7f30] {
+.loading-state p[data-v-6e26efc5] {
   margin: 0;
   color: #718096;
   font-size: 0.875rem;
 }
-.loading-spinner[data-v-8f1c7f30] {
+.loading-spinner[data-v-6e26efc5] {
   width: 2rem;
   height: 2rem;
   border: 2px solid #e2e8f0;
   border-top-color: #4299e1;
   border-radius: 50%;
-  animation: spin-8f1c7f30 0.8s linear infinite;
+  animation: spin-6e26efc5 0.8s linear infinite;
 }
-@keyframes spin-8f1c7f30 {
+@keyframes spin-6e26efc5 {
 to {
     transform: rotate(360deg);
 }
 }
 @media (max-width: 640px) {
-.form-row[data-v-8f1c7f30] {
+.form-row[data-v-6e26efc5] {
     flex-direction: column;
     gap: 0.5rem;
 }
-.half[data-v-8f1c7f30] {
+.half[data-v-6e26efc5] {
     max-width: 100%;
 }
 }

flowfile/web/static/assets/{CloudStorageReader-d5b1b6c9.js → CloudStorageReader-d86ecaa7.js}

@@ -1,9 +1,11 @@
-import { d as defineComponent, r as ref, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, a8 as withDirectives, ak as vModelSelect, F as Fragment, q as renderList, t as toDisplayString, g as createTextVNode, i as createCommentVNode, a9 as vModelText, am as vModelCheckbox, h as createBlock, u as unref, z as ElMessage, _ 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 { f as fetchCloudStorageConnectionsInterfaces } from "./api-c1bad5ca.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-4fe5f36b.js";
-import "./designer-9633482a.js";
+import { d as defineComponent, r as ref, o as openBlock, c as createElementBlock, p as createVNode, q as withCtx, a as createBaseVNode, i as withDirectives, ao as vModelSelect, G as Fragment, H as renderList, t as toDisplayString, f as createTextVNode, e as createCommentVNode, v as vModelText, ap as vModelCheckbox, y as createBlock, x as unref, J as ElMessage, g as _export_sfc } from "./index-387a6f18.js";
+import { C as CodeLoader } from "./vue-content-loader.es-4469c8ff.js";
+import { u as useNodeStore } from "./PopOver-862d7e28.js";
+import { f as fetchCloudStorageConnectionsInterfaces } from "./api-f75042b0.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-14eac1c3.js";
+import "./DesignerView-f64749fb.js";
+import "./index-f0a6e5a5.js";
+import "./vue-codemirror.esm-31ba0e0b.js";
 const createNodeCloudStorageReader = (flowId, nodeId) => {
   const cloudStorageReadSettings = {
     auth_mode: "aws-cli",
@@ -363,8 +365,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CloudStorageReader_vue_vue_type_style_index_0_scoped_8f1c7f30_lang = "";
-const CloudStorageReader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8f1c7f30"]]);
+const CloudStorageReader_vue_vue_type_style_index_0_scoped_6e26efc5_lang = "";
+const CloudStorageReader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6e26efc5"]]);
 export {
   CloudStorageReader as default
 };

flowfile/web/static/assets/{CloudStorageWriter-00d87aad.js → CloudStorageWriter-0f4d9a44.js}

@@ -1,9 +1,11 @@
-import { d as defineComponent, r as ref, c as openBlock, e as createElementBlock, f as createVNode, w as withCtx, p as createBaseVNode, a8 as withDirectives, ak as vModelSelect, F as Fragment, q as renderList, t as toDisplayString, g as createTextVNode, i as createCommentVNode, a9 as vModelText, h as createBlock, u as unref, z as ElMessage, _ 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 { f as fetchCloudStorageConnectionsInterfaces } from "./api-c1bad5ca.js";
-import { G as GenericNodeSettings } from "./genericNodeSettings-4fe5f36b.js";
-import "./designer-9633482a.js";
+import { d as defineComponent, r as ref, o as openBlock, c as createElementBlock, p as createVNode, q as withCtx, a as createBaseVNode, i as withDirectives, ao as vModelSelect, G as Fragment, H as renderList, t as toDisplayString, f as createTextVNode, e as createCommentVNode, v as vModelText, y as createBlock, x as unref, J as ElMessage, g as _export_sfc } from "./index-387a6f18.js";
+import { C as CodeLoader } from "./vue-content-loader.es-4469c8ff.js";
+import { u as useNodeStore } from "./PopOver-862d7e28.js";
+import { f as fetchCloudStorageConnectionsInterfaces } from "./api-f75042b0.js";
+import { G as GenericNodeSettings } from "./genericNodeSettings-14eac1c3.js";
+import "./DesignerView-f64749fb.js";
+import "./index-f0a6e5a5.js";
+import "./vue-codemirror.esm-31ba0e0b.js";
 const createNodeCloudStorageWriter = (flowId, nodeId) => {
   const cloudStorageWriteSettings = {
     auth_mode: "aws-cli",
@@ -356,8 +358,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CloudStorageWriter_vue_vue_type_style_index_0_scoped_9ee12e64_lang = "";
-const CloudStorageWriter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9ee12e64"]]);
+const CloudStorageWriter_vue_vue_type_style_index_0_scoped_372ff5dd_lang = "";
+const CloudStorageWriter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-372ff5dd"]]);
 export {
   CloudStorageWriter as default
 };

flowfile/web/static/assets/{CloudStorageWriter-b0ee067f.css → CloudStorageWriter-60547855.css}

@@ -1,42 +1,42 @@
 
 /* Copied styles from the reader component for consistency */
-.cloud-storage-container[data-v-9ee12e64] {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+.cloud-storage-container[data-v-372ff5dd] {
+  font-family: var(--font-family-base);
   max-width: 100%;
-  color: #333;
+  color: var(--color-text-primary);
 }
-.section-subtitle[data-v-9ee12e64] {
+.section-subtitle[data-v-372ff5dd] {
   margin: 0 0 0.75rem 0;
   font-size: 0.95rem;
   font-weight: 600;
   color: #4a5568;
 }
-.subsection-title[data-v-9ee12e64] {
+.subsection-title[data-v-372ff5dd] {
   margin: 0.5rem 0 0.5rem 0;
   font-size: 0.875rem;
   font-weight: 600;
   color: #718096;
 }
-.format-options[data-v-9ee12e64] {
+.format-options[data-v-372ff5dd] {
   margin-top: 1rem;
   padding: 1rem;
   background-color: #f7fafc;
   border-radius: 4px;
   border: 1px solid #e2e8f0;
 }
-.form-row[data-v-9ee12e64] {
+.form-row[data-v-372ff5dd] {
   display: flex;
   gap: 0.75rem;
   margin-bottom: 0.75rem;
   width: 100%;
   box-sizing: border-box;
 }
-.half[data-v-9ee12e64] {
+.half[data-v-372ff5dd] {
   flex: 1;
   min-width: 0;
   max-width: calc(50% - 0.375rem);
 }
-.form-control[data-v-9ee12e64] {
+.form-control[data-v-372ff5dd] {
   width: 100%;
   padding: 0.5rem;
   border: 1px solid #e2e8f0;
@@ -44,18 +44,18 @@
   font-size: 0.875rem;
   box-sizing: border-box;
 }
-.form-group[data-v-9ee12e64] {
+.form-group[data-v-372ff5dd] {
   margin-bottom: 0.75rem;
   width: 100%;
 }
-label[data-v-9ee12e64] {
+label[data-v-372ff5dd] {
   display: block;
   margin-bottom: 0.25rem;
   font-size: 0.875rem;
   font-weight: 500;
   color: #4a5568;
 }
-select.form-control[data-v-9ee12e64] {
+select.form-control[data-v-372ff5dd] {
   appearance: none;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
@@ -63,7 +63,7 @@ select.form-control[data-v-9ee12e64] {
   background-size: 1em;
   padding-right: 2rem;
 }
-.info-box[data-v-9ee12e64] {
+.info-box[data-v-372ff5dd] {
   display: flex;
   gap: 0.75rem;
   padding: 0.75rem;
@@ -73,24 +73,24 @@ select.form-control[data-v-9ee12e64] {
   margin-top: 1rem;
   font-size: 0.875rem;
 }
-.info-box.info-warn[data-v-9ee12e64] {
+.info-box.info-warn[data-v-372ff5dd] {
   background-color: #fffbe6;
   border-left-color: #faad14;
 }
-.info-box.info-warn i[data-v-9ee12e64] {
+.info-box.info-warn i[data-v-372ff5dd] {
   color: #faad14;
 }
-.info-box i[data-v-9ee12e64] {
+.info-box i[data-v-372ff5dd] {
   color: #1890ff;
   font-size: 1.25rem;
   flex-shrink: 0;
   padding-top: 2px;
 }
-.info-box p[data-v-9ee12e64] {
+.info-box p[data-v-372ff5dd] {
   margin: 0;
   color: #4a5568;
 }
-.helper-text[data-v-9ee12e64] {
+.helper-text[data-v-372ff5dd] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -98,41 +98,41 @@ select.form-control[data-v-9ee12e64] {
   font-size: 0.8125rem;
   color: #718096;
 }
-.helper-text i[data-v-9ee12e64] {
+.helper-text i[data-v-372ff5dd] {
   color: #4299e1;
   font-size: 0.875rem;
 }
-.loading-state[data-v-9ee12e64] {
+.loading-state[data-v-372ff5dd] {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.5rem;
   padding: 1rem;
 }
-.loading-state p[data-v-9ee12e64] {
+.loading-state p[data-v-372ff5dd] {
   margin: 0;
   color: #718096;
   font-size: 0.875rem;
 }
-.loading-spinner[data-v-9ee12e64] {
+.loading-spinner[data-v-372ff5dd] {
   width: 2rem;
   height: 2rem;
   border: 2px solid #e2e8f0;
   border-top-color: #4299e1;
   border-radius: 50%;
-  animation: spin-9ee12e64 0.8s linear infinite;
+  animation: spin-372ff5dd 0.8s linear infinite;
 }
-@keyframes spin-9ee12e64 {
+@keyframes spin-372ff5dd {
 to {
     transform: rotate(360deg);
 }
 }
 @media (max-width: 640px) {
-.form-row[data-v-9ee12e64] {
+.form-row[data-v-372ff5dd] {
     flex-direction: column;
     gap: 0.5rem;
 }
-.half[data-v-9ee12e64] {
+.half[data-v-372ff5dd] {
     max-width: 100%;
 }
 }

flowfile/web/static/assets/ColumnActionInput-c44b7aee.css

@@ -0,0 +1,159 @@
+
+.component-container[data-v-d3070256] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-4);
+}
+.config-section[data-v-d3070256] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-3);
+  padding: var(--spacing-4);
+  background-color: var(--color-background-secondary);
+  border-radius: var(--border-radius-lg);
+}
+.config-row[data-v-d3070256] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-1);
+}
+.config-label[data-v-d3070256] {
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-medium);
+  color: var(--color-text-secondary);
+}
+.column-list-wrapper[data-v-d3070256] {
+  margin-top: var(--spacing-2);
+}
+.listbox-subtitle[data-v-d3070256] {
+  font-size: var(--font-size-base);
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-text-primary);
+  margin-bottom: var(--spacing-2);
+}
+.listbox[data-v-d3070256] {
+  max-height: 200px;
+  overflow-y: auto;
+  border: 1px solid var(--color-border-primary);
+  border-radius: var(--border-radius-lg);
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  background-color: var(--color-background-primary);
+}
+.listbox li[data-v-d3070256] {
+  padding: var(--spacing-2) var(--spacing-3);
+  cursor: pointer;
+  transition: background-color var(--transition-normal) var(--transition-timing);
+  color: var(--color-text-primary);
+}
+.listbox li[data-v-d3070256]:hover {
+  background-color: var(--color-background-hover);
+}
+.listbox li.is-selected[data-v-d3070256] {
+  background-color: var(--color-background-selected);
+  color: var(--color-accent);
+}
+.column-type[data-v-d3070256] {
+  font-size: var(--font-size-sm);
+  color: var(--color-text-tertiary);
+  margin-left: var(--spacing-2);
+}
+.context-menu[data-v-d3070256] {
+  position: fixed;
+  z-index: var(--z-index-dropdown);
+  border: 1px solid var(--color-border-primary);
+  background-color: var(--color-background-primary);
+  padding: var(--spacing-2);
+  box-shadow: var(--shadow-lg);
+  border-radius: var(--border-radius-sm);
+  user-select: none;
+}
+.context-menu button[data-v-d3070256] {
+  display: block;
+  background: none;
+  border: none;
+  padding: var(--spacing-1-5) var(--spacing-3);
+  text-align: left;
+  width: 100%;
+  cursor: pointer;
+  border-radius: var(--border-radius-sm);
+  font-size: var(--font-size-base);
+  color: var(--color-text-primary);
+  transition: background-color var(--transition-fast) var(--transition-timing);
+}
+.context-menu button[data-v-d3070256]:hover {
+  background-color: var(--color-background-hover);
+}
+.table-wrapper[data-v-d3070256] {
+  max-height: 300px;
+  box-shadow: var(--shadow-sm);
+  border-radius: var(--border-radius-lg);
+  overflow: auto;
+  border: 1px solid var(--color-border-primary);
+}
+.styled-table[data-v-d3070256] {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: var(--font-size-base);
+  background-color: var(--color-background-primary);
+}
+.styled-table thead[data-v-d3070256] {
+  background-color: var(--table-header-bg);
+  position: sticky;
+  top: 0;
+}
+.styled-table th[data-v-d3070256],
+.styled-table td[data-v-d3070256] {
+  padding: var(--spacing-2-5) var(--spacing-3);
+  text-align: left;
+  border-bottom: 1px solid var(--table-border);
+}
+.styled-table th[data-v-d3070256] {
+  font-weight: var(--font-weight-semibold);
+  color: var(--color-text-secondary);
+}
+.styled-table td[data-v-d3070256] {
+  color: var(--color-text-primary);
+}
+.styled-table tbody tr[data-v-d3070256]:hover {
+  background-color: var(--table-row-hover);
+}
+.styled-table th[data-v-d3070256]:nth-child(1),
+.styled-table td[data-v-d3070256]:nth-child(1) {
+  width: 25%;
+}
+.styled-table th[data-v-d3070256]:nth-child(2),
+.styled-table td[data-v-d3070256]:nth-child(2) {
+  width: 25%;
+}
+.styled-table th[data-v-d3070256]:nth-child(3),
+.styled-table td[data-v-d3070256]:nth-child(3) {
+  width: 40%;
+}
+.styled-table th[data-v-d3070256]:nth-child(4),
+.styled-table td[data-v-d3070256]:nth-child(4) {
+  width: 10%;
+  text-align: center;
+}
+.action-cell[data-v-d3070256] {
+  text-align: center;
+}
+.action-cell .el-button[data-v-d3070256] {
+  padding: var(--spacing-1);
+}
+.empty-state[data-v-d3070256] {
+  padding: var(--spacing-8);
+  text-align: center;
+  color: var(--color-text-secondary);
+  background-color: var(--color-background-secondary);
+  border-radius: var(--border-radius-lg);
+}
+.empty-state p[data-v-d3070256] {
+  margin: 0;
+}
+.empty-state .hint[data-v-d3070256] {
+  font-size: var(--font-size-base);
+  margin-top: var(--spacing-2);
+  color: var(--color-text-tertiary);
+}