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

flowfile/web/static/assets/{index-e96ab018.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;

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-3c1757e8.js → outputCsv-c492b15e.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, r as ref, C as watch, o as openBlock, c as createElementBlock, a as createBaseVNode, p as createVNode, q as withCtx, G as Fragment, H as renderList, y as createBlock, x as unref, ay as ElOption, az as ElSelect, g as _export_sfc } from "./index-387a6f18.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
 };