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

flowfile/web/static/assets/{index-e6289dd0.css → index-d60c9dd4.css}

@@ -158,6 +158,317 @@
 .password-requirements li.valid i[data-v-79657dc0] {
   color: var(--color-success);
 }
+
+.tutorial-tooltip[data-v-4c5588cd] {
+  width: 380px;
+  max-width: calc(100vw - 40px);
+  background: var(--color-background-primary, #ffffff);
+  border-radius: 12px;
+  box-shadow:
+    0 20px 40px rgba(0, 0, 0, 0.2),
+    0 0 0 1px rgba(0, 0, 0, 0.05);
+  z-index: 100000;
+  overflow: hidden;
+  animation: tooltip-appear-4c5588cd 0.3s ease-out;
+  pointer-events: auto;
+}
+@keyframes tooltip-appear-4c5588cd {
+from {
+    opacity: 0;
+}
+to {
+    opacity: 1;
+}
+}
+.tooltip-progress[data-v-4c5588cd] {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px 16px;
+  background: var(--color-background-muted, #f5f5f5);
+  border-bottom: 1px solid var(--color-border-light, #e0e0e0);
+}
+.progress-bar[data-v-4c5588cd] {
+  flex: 1;
+  height: 4px;
+  background: var(--color-border-light, #e0e0e0);
+  border-radius: 2px;
+  overflow: hidden;
+}
+.progress-fill[data-v-4c5588cd] {
+  height: 100%;
+  background: var(--color-accent, #3b82f6);
+  border-radius: 2px;
+  transition: width 0.3s ease;
+}
+.progress-text[data-v-4c5588cd] {
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--color-text-secondary, #666);
+  white-space: nowrap;
+}
+.tooltip-content[data-v-4c5588cd] {
+  padding: 20px;
+}
+.tooltip-title[data-v-4c5588cd] {
+  margin: 0 0 12px;
+  font-size: 18px;
+  font-weight: 600;
+  color: var(--color-text-primary, #1a1a1a);
+  line-height: 1.3;
+}
+.tooltip-description[data-v-4c5588cd] {
+  margin: 0;
+  font-size: 14px;
+  line-height: 1.6;
+  color: var(--color-text-secondary, #666);
+}
+.tooltip-description[data-v-4c5588cd] strong {
+  color: var(--color-text-primary, #1a1a1a);
+  font-weight: 600;
+}
+.tooltip-description[data-v-4c5588cd] code {
+  background: var(--color-background-muted, #f5f5f5);
+  padding: 2px 6px;
+  border-radius: 4px;
+  font-family: var(--font-family-mono, monospace);
+  font-size: 13px;
+}
+.tooltip-action-hint[data-v-4c5588cd] {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 16px 0 0;
+  padding: 10px 12px;
+  background: var(--color-accent-subtle, rgba(59, 130, 246, 0.1));
+  border-radius: 8px;
+  font-size: 13px;
+  color: var(--color-accent, #3b82f6);
+  font-weight: 500;
+}
+.action-icon[data-v-4c5588cd] {
+  font-size: 18px;
+}
+.tooltip-navigation[data-v-4c5588cd] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  background: var(--color-background-muted, #f5f5f5);
+  border-top: 1px solid var(--color-border-light, #e0e0e0);
+}
+.nav-btn[data-v-4c5588cd] {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 8px 16px;
+  border: none;
+  border-radius: 8px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+.skip-btn[data-v-4c5588cd] {
+  background: transparent;
+  color: var(--color-text-secondary, #666);
+}
+.skip-btn[data-v-4c5588cd]:hover {
+  background: var(--color-background-tertiary, #eee);
+  color: var(--color-text-primary, #1a1a1a);
+}
+.nav-main[data-v-4c5588cd] {
+  display: flex;
+  gap: 8px;
+}
+.prev-btn[data-v-4c5588cd] {
+  background: var(--color-background-primary, #fff);
+  color: var(--color-text-primary, #1a1a1a);
+  border: 1px solid var(--color-border-primary, #ddd);
+}
+.prev-btn[data-v-4c5588cd]:hover {
+  background: var(--color-background-tertiary, #eee);
+}
+.next-btn[data-v-4c5588cd] {
+  background: var(--color-accent, #3b82f6);
+  color: white;
+}
+.next-btn[data-v-4c5588cd]:hover {
+  background: var(--color-accent-hover, #2563eb);
+}
+.nav-btn .material-icons[data-v-4c5588cd] {
+  font-size: 18px;
+}
+
+.tutorial-overlay[data-v-cfeb3afc] {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  z-index: 10000;
+  /* Allow clicks to pass through to the page */
+  pointer-events: none;
+}
+.tutorial-backdrop[data-v-cfeb3afc] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+}
+.tutorial-backdrop-full[data-v-cfeb3afc] {
+  background: rgba(0, 0, 0, 0.7);
+}
+.tutorial-mask[data-v-cfeb3afc] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.tutorial-spotlight[data-v-cfeb3afc] {
+  position: fixed;
+  pointer-events: none;
+  z-index: 10001;
+  transition: all 0.3s ease-out;
+}
+.spotlight-border[data-v-cfeb3afc] {
+  position: absolute;
+  top: -2px;
+  left: -2px;
+  right: -2px;
+  bottom: -2px;
+  border: 2px solid var(--color-accent);
+  border-radius: inherit;
+  box-shadow:
+    0 0 0 4px color-mix(in srgb, var(--color-accent) 30%, transparent),
+    0 0 20px color-mix(in srgb, var(--color-accent) 40%, transparent);
+  animation: spotlight-pulse-cfeb3afc 2s ease-in-out infinite;
+}
+@keyframes spotlight-pulse-cfeb3afc {
+0%,
+  100% {
+    box-shadow:
+      0 0 0 4px color-mix(in srgb, var(--color-accent) 30%, transparent),
+      0 0 20px color-mix(in srgb, var(--color-accent) 40%, transparent);
+}
+50% {
+    box-shadow:
+      0 0 0 6px color-mix(in srgb, var(--color-accent) 40%, transparent),
+      0 0 30px color-mix(in srgb, var(--color-accent) 50%, transparent);
+}
+}
+
+/* Transition animations */
+.tutorial-fade-enter-active[data-v-cfeb3afc],
+.tutorial-fade-leave-active[data-v-cfeb3afc] {
+  transition: opacity 0.3s ease;
+}
+.tutorial-fade-enter-from[data-v-cfeb3afc],
+.tutorial-fade-leave-to[data-v-cfeb3afc] {
+  opacity: 0;
+}
+
+.tutorial-start-container[data-v-36f83d99] {
+  position: fixed;
+  bottom: 24px;
+  right: 24px;
+  z-index: 1000;
+}
+.tutorial-dismiss-btn[data-v-36f83d99] {
+  position: absolute;
+  top: -8px;
+  right: -8px;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--color-background-primary);
+  border: 1px solid var(--color-border-primary);
+  border-radius: 50%;
+  color: var(--color-text-secondary);
+  cursor: pointer;
+  transition: all 0.2s ease;
+  z-index: 1;
+}
+.tutorial-dismiss-btn[data-v-36f83d99]:hover {
+  background: var(--color-background-tertiary);
+  color: var(--color-text-primary);
+}
+.tutorial-dismiss-btn .material-icons[data-v-36f83d99] {
+  font-size: 16px;
+}
+.tutorial-start-btn[data-v-36f83d99] {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 16px 20px;
+  background: var(--color-accent);
+  border: none;
+  border-radius: 12px;
+  color: var(--color-text-on-accent, #fff);
+  cursor: pointer;
+  box-shadow:
+    0 4px 12px rgba(0, 0, 0, 0.15),
+    0 0 0 1px rgba(255, 255, 255, 0.1) inset;
+  transition: all 0.2s ease;
+}
+.tutorial-start-btn[data-v-36f83d99]:hover {
+  transform: translateY(-2px);
+  box-shadow:
+    0 8px 20px rgba(0, 0, 0, 0.2),
+    0 0 0 1px rgba(255, 255, 255, 0.15) inset;
+}
+.tutorial-start-btn[data-v-36f83d99]:active {
+  transform: translateY(0);
+}
+.btn-icon[data-v-36f83d99] {
+  font-size: 28px;
+  opacity: 0.9;
+}
+.btn-content[data-v-36f83d99] {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  text-align: left;
+}
+.btn-title[data-v-36f83d99] {
+  font-size: 15px;
+  font-weight: 600;
+  line-height: 1.2;
+}
+.btn-subtitle[data-v-36f83d99] {
+  font-size: 12px;
+  opacity: 0.85;
+  font-weight: 400;
+}
+.btn-arrow[data-v-36f83d99] {
+  font-size: 20px;
+  opacity: 0.7;
+  margin-left: 4px;
+}
+
+/* Animation */
+.float-in-enter-active[data-v-36f83d99] {
+  animation: float-in-36f83d99 0.4s ease-out;
+}
+.float-in-leave-active[data-v-36f83d99] {
+  animation: float-in-36f83d99 0.3s ease-in reverse;
+}
+@keyframes float-in-36f83d99 {
+from {
+    opacity: 0;
+    transform: translateY(20px) scale(0.95);
+}
+to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+}
+}
 .app-layout {
   height: 100vh;
   display: flex;
@@ -8200,12 +8511,70 @@ readers do not read off random characters that represent icons */
   /* Status colors */
   --color-success: #10b981;
   --color-success-light: #d1fae5;
+  --color-success-hover: #059669;
   --color-danger: #ef4444;
   --color-danger-light: #fee2e2;
+  --color-danger-hover: #dc2626;
+  --color-danger-dark: #b91c1c;
   --color-warning: #f59e0b;
   --color-warning-light: #fef3c7;
+  --color-warning-hover: #d97706;
+  --color-warning-dark: #92400e;
+  --color-warning-darker: #78350f;
   --color-info: #3b82f6;
   --color-info-light: #dbeafe;
+  --color-info-hover: #2563eb;
+
+  /* Button primary colors (interactive elements) */
+  --color-button-primary: #4a6cf7;
+  --color-button-primary-hover: #3d5bd9;
+  --color-button-secondary: #3498db;
+  --color-button-secondary-hover: #2980b9;
+  --color-button-secondary-light: #93c5fd;
+
+  /* Code editor colors */
+  --color-code-bg: #282c34;
+  --color-code-text: #abb2bf;
+  --color-code-keyword: #f08d49;
+  --color-code-string: #8ec07c;
+  --color-code-function: #b8bb26;
+
+  /* Overlay/Modal colors */
+  --color-overlay: rgba(0, 0, 0, 0.5);
+  --color-overlay-dark: rgba(0, 0, 0, 0.7);
+
+  /* Brand provider colors */
+  --color-brand-aws: #ff9900;
+  --color-brand-microsoft: #0078d4;
+
+  /* Gradient decorative colors */
+  --color-gradient-purple-start: #667eea;
+  --color-gradient-purple-end: #764ba2;
+  --color-gradient-canvas-1: #6f3381;
+  --color-gradient-canvas-2: #81c7d4;
+  --color-gradient-canvas-3: #fedfe1;
+  --color-gradient-canvas-4: #fffffb;
+
+  /* Focus ring colors */
+  --color-focus-ring: rgba(44, 116, 179, 0.1);
+  --color-focus-ring-error: rgba(239, 68, 68, 0.1);
+  --color-focus-ring-primary: rgba(0, 123, 255, 0.5);
+  --color-focus-ring-accent: rgba(8, 145, 178, 0.15);
+  --color-focus-ring-accent-strong: rgba(8, 145, 178, 0.25);
+  --color-focus-ring-button: rgba(74, 108, 247, 0.1);
+  --color-focus-ring-secondary: rgba(52, 152, 219, 0.3);
+  --color-focus-ring-purple: rgba(102, 126, 234, 0.4);
+  --color-focus-ring-purple-light: rgba(102, 126, 234, 0.1);
+
+  /* Utility transparent colors */
+  --color-white-alpha-20: rgba(255, 255, 255, 0.2);
+  --color-white-alpha-40: rgba(255, 255, 255, 0.4);
+  --color-black-alpha-10: rgba(0, 0, 0, 0.1);
+  --color-black-alpha-20: rgba(0, 0, 0, 0.2);
+
+  /* Node/Component specific */
+  --color-node-error-bg: #ffcccc;
+  --color-file-browser-bg: rgb(92, 92, 92);
 
   /* Gray scale */
   --color-gray-50: #f9fafb;
@@ -8298,6 +8667,9 @@ readers do not read off random characters that represent icons */
   --z-index-popover: 1075;
   --z-index-tooltip: 1100;
   --z-index-notification: 1200;
+  /* Canvas-specific z-index values - must be high to appear above canvas panels */
+  --z-index-canvas-dropdown: 100001;  /* Above DraggableItem panels (100000) */
+  --z-index-canvas-context-menu: 100002;  /* Above dropdowns */
 
   /* ========== Component-Specific Tokens ========== */
   /* Table */
@@ -8589,8 +8961,8 @@ readers do not read off random characters that represent icons */
 }
 
 .btn-danger-filled:hover:not(:disabled) {
-  background-color: #dc2626;
-  border-color: #dc2626;
+  background-color: var(--color-danger-hover);
+  border-color: var(--color-danger-hover);
   box-shadow: var(--shadow-sm);
 }
 
@@ -8601,8 +8973,8 @@ readers do not read off random characters that represent icons */
 }
 
 .btn-success:hover:not(:disabled) {
-  background-color: #059669;
-  border-color: #059669;
+  background-color: var(--color-success-hover);
+  border-color: var(--color-success-hover);
   box-shadow: var(--shadow-sm);
 }
 
@@ -9096,7 +9468,7 @@ readers do not read off random characters that represent icons */
 
 .form-input:focus {
   border-color: var(--input-border-focus);
-  box-shadow: 0 0 0 3px rgba(44, 116, 179, 0.1);
+  box-shadow: 0 0 0 3px var(--color-focus-ring);
 }
 
 .form-input:disabled {
@@ -9185,7 +9557,7 @@ readers do not read off random characters that represent icons */
 }
 
 .form-input.is-error:focus {
-  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
+  box-shadow: 0 0 0 3px var(--color-focus-ring-error);
 }
 
 .form-error {
@@ -9205,7 +9577,7 @@ readers do not read off random characters that represent icons */
 .modal-overlay {
   position: fixed;
   inset: 0;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: var(--color-overlay);
   backdrop-filter: blur(2px);
   display: flex;
   justify-content: center;
@@ -9526,6 +9898,163 @@ readers do not read off random characters that represent icons */
   visibility: visible;
 }
 
+/* ========== High Z-Index Dialogs ========== */
+
+/* Ensure dialogs appear above all other UI elements (draggable items, context menus, etc.) */
+
+.el-overlay:has(.high-z-index-dialog),
+.el-overlay:has(.overwrite-confirm-dialog) {
+  z-index: 200000 !important;
+}
+
+.high-z-index-dialog,
+.overwrite-confirm-dialog {
+  z-index: 200001 !important;
+}
+
+/* styles/components/_context-menu.css - Centralized Context Menu Styles */
+
+/* Base context menu container */
+
+.context-menu {
+  position: fixed;
+  min-width: 120px;
+  background-color: var(--color-background-primary);
+  border: 1px solid var(--color-border-primary);
+  border-radius: var(--border-radius-md);
+  box-shadow: var(--shadow-lg);
+  z-index: var(--z-index-canvas-context-menu, 100002);
+  overflow: hidden;
+  user-select: none;
+}
+
+/* Context menu with header variant */
+
+.context-menu-header {
+  padding: var(--spacing-2) var(--spacing-3);
+  font-weight: var(--font-weight-semibold);
+  background-color: var(--color-background-secondary);
+  border-bottom: 1px solid var(--color-border-primary);
+  font-size: var(--font-size-sm);
+  color: var(--color-text-primary);
+}
+
+/* Container for menu items */
+
+.context-menu-items {
+  max-height: 300px;
+  overflow-y: auto;
+}
+
+/* List-based context menu (ul/li pattern) */
+
+.context-menu ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.context-menu li {
+  padding: var(--spacing-2) var(--spacing-4);
+  cursor: pointer;
+  font-size: var(--font-size-sm);
+  color: var(--color-text-primary);
+  transition: background-color var(--transition-fast);
+}
+
+.context-menu li:hover:not(.disabled) {
+  background-color: var(--color-background-tertiary);
+}
+
+.context-menu li.disabled {
+  color: var(--color-text-muted);
+  cursor: not-allowed;
+}
+
+/* Button-based context menu (button pattern) */
+
+.context-menu button {
+  display: block;
+  width: 100%;
+  padding: var(--spacing-2) var(--spacing-3);
+  background: none;
+  border: none;
+  text-align: left;
+  cursor: pointer;
+  font-size: var(--font-size-sm);
+  color: var(--color-text-primary);
+  transition: background-color var(--transition-fast);
+}
+
+.context-menu button:hover {
+  background-color: var(--color-background-tertiary);
+}
+
+.context-menu button:disabled {
+  color: var(--color-text-muted);
+  cursor: not-allowed;
+}
+
+.context-menu button:disabled:hover {
+  background-color: transparent;
+}
+
+/* Individual menu item (div-based pattern) */
+
+.context-menu-item {
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-2) var(--spacing-3);
+  cursor: pointer;
+  font-size: var(--font-size-sm);
+  color: var(--color-text-primary);
+  transition: background-color var(--transition-fast);
+}
+
+.context-menu-item:hover {
+  background-color: var(--color-background-tertiary);
+}
+
+.context-menu-item.disabled {
+  color: var(--color-text-muted);
+  cursor: not-allowed;
+}
+
+.context-menu-item.disabled:hover {
+  background-color: transparent;
+}
+
+/* Icon support for menu items */
+
+.context-menu-icon {
+  margin-right: var(--spacing-2);
+  width: 20px;
+  text-align: center;
+  color: var(--color-text-secondary);
+}
+
+/* Separator/divider between menu sections */
+
+.context-menu-divider {
+  height: 1px;
+  margin: var(--spacing-1) 0;
+  background-color: var(--color-border-primary);
+}
+
+/* Danger/destructive action styling */
+
+.context-menu-item.danger,
+.context-menu button.danger,
+.context-menu li.danger {
+  color: var(--color-danger);
+}
+
+.context-menu-item.danger:hover,
+.context-menu button.danger:hover,
+.context-menu li.danger:hover:not(.disabled) {
+  background-color: var(--color-danger-light);
+}
+
 .p-default {
     margin: var(--spacing-xs);
     margin-bottom: var(--spacing-sm);
@@ -10083,6 +10612,27 @@ button {
   color: var(--color-text-primary);
 }
 
+/* ========== Element Plus Popper Z-Index Fix ========== */
+
+/* Fix for el-select dropdowns appearing behind dialogs and canvas elements.
+   Element Plus poppers are teleported to body and need high z-index to appear above:
+   - Canvas panels (DraggableItem panels at z-index 100000)
+   - High z-index dialogs (at z-index 200001)
+   Set to 200010 to ensure dropdowns always appear above modal dialogs */
+
+.el-popper,
+.el-select-dropdown,
+.el-select__popper,
+.el-autocomplete-suggestion,
+.el-cascader__dropdown,
+.el-color-dropdown,
+.el-date-editor .el-picker-panel,
+.el-picker__popper,
+.el-tooltip__popper,
+.el-popover.el-popper {
+  z-index: 200010 !important;
+}
+
 /* ========== CodeMirror Dark Mode Styling ========== */
 
 /* These styles must be global because CodeMirror tooltips are rendered as portals */
@@ -10118,11 +10668,11 @@ button {
 }
 
 .cm-editor .cm-selectionBackground {
-  background-color: rgba(8, 145, 178, 0.15) !important;
+  background-color: var(--color-focus-ring-accent) !important;
 }
 
 .cm-editor.cm-focused .cm-selectionBackground {
-  background-color: rgba(8, 145, 178, 0.25) !important;
+  background-color: var(--color-focus-ring-accent-strong) !important;
 }
 
 /* Placeholder styling */
@@ -10160,7 +10710,7 @@ button {
 .cm-tooltip-autocomplete > ul > li[aria-selected],
 .cm-tooltip-autocomplete > ul > li[aria-selected="true"] {
   background-color: var(--color-accent) !important;
-  color: white !important;
+  color: var(--color-text-inverse) !important;
 }
 
 /* Completion label and detail */

flowfile/web/static/assets/nodeInput-d478b9ac.js

@@ -0,0 +1,2 @@
+import { r as ref } from "./index-ca6799de.js";
+ref(null);

flowfile/web/static/assets/{outputCsv-8f8ba42d.js → outputCsv-c492b15e.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, r as ref, B as watch, o as openBlock, c as createElementBlock, b as createBaseVNode, m as createVNode, p as withCtx, F as Fragment, D as renderList, x as createBlock, s as unref, aw as ElOption, ax as ElSelect, i as _export_sfc } from "./index-fb6493ae.js";
+import { d as defineComponent, r as ref, H as watch, o as openBlock, c as createElementBlock, a as createBaseVNode, z as createVNode, A as withCtx, K as Fragment, L as renderList, C as createBlock, B as unref, aD as ElOption, aE as ElSelect, g as _export_sfc } from "./index-ca6799de.js";
 const _hoisted_1 = { class: "csv-table-settings" };
 const _hoisted_2 = { class: "input-group" };
 const _hoisted_3 = { class: "input-group" };
@@ -79,8 +79,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const outputCsv_vue_vue_type_style_index_0_scoped_d331dc14_lang = "";
-const CsvTableConfig = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d331dc14"]]);
+const outputCsv_vue_vue_type_style_index_0_scoped_87df83cb_lang = "";
+const CsvTableConfig = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-87df83cb"]]);
 export {
   CsvTableConfig as default
 };