@teamflojo/floimg-studio-ui 0.10.2 → 0.10.4

package/dist/index.js

@@ -1,9 +1,9 @@
-import { jsxs as l, jsx as e, Fragment as Y } from "react/jsx-runtime";
-import { memo as oe, useRef as Z, useCallback as M, useState as E, useEffect as U, useMemo as J, useContext as Ve, useLayoutEffect as ut, createContext as Ue, useDeferredValue as pt, useId as we } from "react";
-import ht, { Handle as B, Position as V, applyNodeChanges as ft, applyEdgeChanges as gt, MarkerType as xt, Background as bt, BackgroundVariant as vt, Controls as wt, MiniMap as kt, useReactFlow as He, ReactFlowProvider as yt } from "reactflow";
-import { create as Fe } from "zustand";
-import { useQuery as be } from "@tanstack/react-query";
-function Nt(t, o) {
+import { jsxs as l, jsx as e, Fragment as X } from "react/jsx-runtime";
+import { memo as de, useRef as re, useCallback as $, useState as E, useEffect as U, useMemo as Z, useContext as qe, useLayoutEffect as pt, createContext as Ge, useDeferredValue as ht, useId as Ce } from "react";
+import ft, { Handle as D, Position as O, applyNodeChanges as gt, applyEdgeChanges as xt, MarkerType as bt, Background as vt, BackgroundVariant as kt, Controls as wt, MiniMap as yt, useReactFlow as Je, ReactFlowProvider as Nt } from "reactflow";
+import { create as Ye } from "zustand";
+import { useQuery as Ne } from "@tanstack/react-query";
+function zt(t, o) {
   let n;
   try {
     n = t();
@@ -20,12 +20,12 @@ function Nt(t, o) {
     removeItem: (a) => n.removeItem(a)
   };
 }
-const Se = (t) => (o) => {
+const Ee = (t) => (o) => {
   try {
     const n = t(o);
     return n instanceof Promise ? n : {
       then(r) {
-        return Se(r)(n);
+        return Ee(r)(n);
       },
       catch(r) {
         return this;
@@ -37,17 +37,17 @@ const Se = (t) => (o) => {
         return this;
       },
       catch(r) {
-        return Se(r)(n);
+        return Ee(r)(n);
       }
     };
   }
-}, zt = (t, o) => (n, r, a) => {
+}, Ct = (t, o) => (n, r, a) => {
   let i = {
-    storage: Nt(() => localStorage),
+    storage: zt(() => localStorage),
     partialize: (x) => x,
     version: 0,
-    merge: (x, k) => ({
-      ...k,
+    merge: (x, w) => ({
+      ...w,
       ...x
     }),
     ...o
@@ -71,7 +71,7 @@ const Se = (t) => (o) => {
       version: i.version
     });
   }, s = a.setState;
-  a.setState = (x, k) => (s(x, k), u());
+  a.setState = (x, w) => (s(x, w), u());
   const h = t(
     (...x) => (n(...x), u()),
     r,
@@ -80,22 +80,22 @@ const Se = (t) => (o) => {
   a.getInitialState = () => h;
   let f;
   const v = () => {
-    var x, k;
+    var x, w;
     if (!m) return;
     d = !1, p.forEach((b) => {
-      var I;
-      return b((I = r()) != null ? I : h);
+      var C;
+      return b((C = r()) != null ? C : h);
     });
-    const S = ((k = i.onRehydrateStorage) == null ? void 0 : k.call(i, (x = r()) != null ? x : h)) || void 0;
-    return Se(m.getItem.bind(m))(i.name).then((b) => {
+    const I = ((w = i.onRehydrateStorage) == null ? void 0 : w.call(i, (x = r()) != null ? x : h)) || void 0;
+    return Ee(m.getItem.bind(m))(i.name).then((b) => {
       if (b)
         if (typeof b.version == "number" && b.version !== i.version) {
           if (i.migrate) {
-            const I = i.migrate(
+            const C = i.migrate(
               b.state,
               b.version
             );
-            return I instanceof Promise ? I.then((N) => [!0, N]) : [!0, I];
+            return C instanceof Promise ? C.then((N) => [!0, N]) : [!0, C];
           }
           console.error(
             "State loaded from storage couldn't be migrated since no migrate function was provided"
@@ -104,17 +104,17 @@ const Se = (t) => (o) => {
           return [!1, b.state];
       return [!1, void 0];
     }).then((b) => {
-      var I;
-      const [N, w] = b;
+      var C;
+      const [N, k] = b;
       if (f = i.merge(
-        w,
-        (I = r()) != null ? I : h
+        k,
+        (C = r()) != null ? C : h
       ), n(f, !0), N)
         return u();
     }).then(() => {
-      S == null || S(f, void 0), f = r(), d = !0, c.forEach((b) => b(f));
+      I == null || I(f, void 0), f = r(), d = !0, c.forEach((b) => b(f));
     }).catch((b) => {
-      S == null || S(void 0, b);
+      I == null || I(void 0, b);
     });
   };
   return a.persist = {
@@ -137,8 +137,8 @@ const Se = (t) => (o) => {
       c.delete(x);
     })
   }, i.skipHydration || v(), f || h;
-}, Ke = zt;
-function Ct(t, o) {
+}, Qe = Ct;
+function It(t, o) {
   var r;
   const n = /* @__PURE__ */ new Map();
   for (const a of t)
@@ -147,7 +147,7 @@ function Ct(t, o) {
     (r = n.get(a.target)) == null || r.add(a.source);
   return n;
 }
-function It(t, o) {
+function St(t, o) {
   const n = /* @__PURE__ */ new Map();
   for (const c of t)
     if (c.type === "fanout") {
@@ -157,7 +157,7 @@ function It(t, o) {
         mode: m.mode || "count"
       });
     }
-  const r = Ct(t, o), a = /* @__PURE__ */ new Set(), i = [];
+  const r = It(t, o), a = /* @__PURE__ */ new Set(), i = [];
   for (; i.length < t.length; ) {
     const c = t.filter((m) => {
       if (a.has(m.id))
@@ -178,15 +178,15 @@ function It(t, o) {
     const m = i[c], u = m.id;
     if (d.set(m.id, u), m.type !== "input") {
       if (m.type === "generator") {
-        const s = m.data, h = { ...s.params }, f = o.find((I) => I.target === m.id && I.targetHandle === "text"), v = f ? d.get(f.source) : void 0, x = f == null ? void 0 : f.sourceHandle, k = x == null ? void 0 : x.match(/^out\[(\d+)\]$/);
-        if (k && f && n.has(f.source) && f) {
-          const I = parseInt(k[1], 10), N = d.get(f.source);
-          h._promptFromVar = `${N}_${I}`;
+        const s = m.data, h = { ...s.params }, f = o.find((C) => C.target === m.id && C.targetHandle === "text"), v = f ? d.get(f.source) : void 0, x = f == null ? void 0 : f.sourceHandle, w = x == null ? void 0 : x.match(/^out\[(\d+)\]$/);
+        if (w && f && n.has(f.source) && f) {
+          const C = parseInt(w[1], 10), N = d.get(f.source);
+          h._promptFromVar = `${N}_${C}`;
         } else v && (h._promptFromVar = v, x != null && x.startsWith("output.") && (h._promptFromProperty = x.slice(7)));
-        const b = o.filter((I) => I.target === m.id && I.targetHandle === "references");
+        const b = o.filter((C) => C.target === m.id && C.targetHandle === "references");
         if (b.length > 0) {
-          const I = b.map((N) => d.get(N.source)).filter((N) => N !== void 0);
-          I.length > 0 && (h._referenceImageVars = I);
+          const C = b.map((N) => d.get(N.source)).filter((N) => N !== void 0);
+          C.length > 0 && (h._referenceImageVars = C);
         }
         p.push({
           kind: "generate",
@@ -198,29 +198,29 @@ function It(t, o) {
         const s = m.data, h = s.operation === "composite", f = o.find((N) => N.target !== m.id ? !1 : h ? N.targetHandle === "base" || N.targetHandle === "image" || !N.targetHandle : N.targetHandle === "image" || !N.targetHandle), v = f ? d.get(f.source) : void 0;
         if (!v)
           throw new Error("Transform node requires an input image connection");
-        const x = o.find((N) => N.target === m.id && N.targetHandle === "text"), k = x ? d.get(x.source) : void 0, S = x == null ? void 0 : x.sourceHandle, b = { ...s.params };
-        k && (b._promptFromVar = k, S != null && S.startsWith("output.") && (b._promptFromProperty = S.slice(7)));
-        const I = o.filter((N) => N.target === m.id && N.targetHandle === "references");
-        if (I.length > 0) {
-          const N = I.map((w) => d.get(w.source)).filter((w) => w !== void 0);
+        const x = o.find((N) => N.target === m.id && N.targetHandle === "text"), w = x ? d.get(x.source) : void 0, I = x == null ? void 0 : x.sourceHandle, b = { ...s.params };
+        w && (b._promptFromVar = w, I != null && I.startsWith("output.") && (b._promptFromProperty = I.slice(7)));
+        const C = o.filter((N) => N.target === m.id && N.targetHandle === "references");
+        if (C.length > 0) {
+          const N = C.map((k) => d.get(k.source)).filter((k) => k !== void 0);
           N.length > 0 && (b._referenceImageVars = N);
         }
         if (h) {
-          const N = o.filter((w) => {
-            var C;
-            return w.target === m.id && ((C = w.targetHandle) == null ? void 0 : C.startsWith("overlays["));
-          }).sort((w, C) => {
-            var _, W, R, O;
-            const L = parseInt(((W = (_ = w.targetHandle) == null ? void 0 : _.match(/\[(\d+)\]/)) == null ? void 0 : W[1]) || "0", 10), g = parseInt(((O = (R = C.targetHandle) == null ? void 0 : R.match(/\[(\d+)\]/)) == null ? void 0 : O[1]) || "0", 10);
-            return L - g;
+          const N = o.filter((k) => {
+            var z;
+            return k.target === m.id && ((z = k.targetHandle) == null ? void 0 : z.startsWith("overlays["));
+          }).sort((k, z) => {
+            var _, M, R, B;
+            const S = parseInt(((M = (_ = k.targetHandle) == null ? void 0 : _.match(/\[(\d+)\]/)) == null ? void 0 : M[1]) || "0", 10), g = parseInt(((B = (R = z.targetHandle) == null ? void 0 : R.match(/\[(\d+)\]/)) == null ? void 0 : B[1]) || "0", 10);
+            return S - g;
           });
           if (N.length > 0) {
-            const w = N.map((C) => {
-              var _, W;
-              const L = d.get(C.source), g = parseInt(((W = (_ = C.targetHandle) == null ? void 0 : _.match(/\[(\d+)\]/)) == null ? void 0 : W[1]) || "0", 10);
-              return L ? { varName: L, index: g } : null;
-            }).filter((C) => C !== null);
-            w.length > 0 && (b._overlayImageVars = w);
+            const k = N.map((z) => {
+              var _, M;
+              const S = d.get(z.source), g = parseInt(((M = (_ = z.targetHandle) == null ? void 0 : _.match(/\[(\d+)\]/)) == null ? void 0 : M[1]) || "0", 10);
+              return S ? { varName: S, index: g } : null;
+            }).filter((z) => z !== null);
+            k.length > 0 && (b._overlayImageVars = k);
           }
         }
         p.push({
@@ -242,15 +242,15 @@ function It(t, o) {
           provider: s.provider
         });
       } else if (m.type === "vision") {
-        const s = m.data, h = o.find((S) => S.target === m.id && (S.targetHandle === "image" || !S.targetHandle)), f = h ? d.get(h.source) : void 0;
+        const s = m.data, h = o.find((I) => I.target === m.id && (I.targetHandle === "image" || !I.targetHandle)), f = h ? d.get(h.source) : void 0;
         if (!f)
           throw new Error("Vision node requires an input image connection");
-        const v = o.find((S) => S.target === m.id && S.targetHandle === "context"), x = v ? d.get(v.source) : void 0, k = { ...s.params };
-        x && (k._contextFromVar = x), p.push({
+        const v = o.find((I) => I.target === m.id && I.targetHandle === "context"), x = v ? d.get(v.source) : void 0, w = { ...s.params };
+        x && (w._contextFromVar = x), p.push({
           kind: "vision",
           provider: s.providerName,
           in: f,
-          params: k,
+          params: w,
           out: u
         });
       } else if (m.type === "text") {
@@ -263,7 +263,7 @@ function It(t, o) {
           out: u
         });
       } else if (m.type === "fanout") {
-        const s = m.data, h = o.find((k) => k.target === m.id), f = h ? d.get(h.source) : void 0, v = s.count || 3, x = Array.from({ length: v }, (k, S) => `${u}_${S}`);
+        const s = m.data, h = o.find((w) => w.target === m.id), f = h ? d.get(h.source) : void 0, v = s.count || 3, x = Array.from({ length: v }, (w, I) => `${u}_${I}`);
         p.push({
           kind: "fan-out",
           in: f || "",
@@ -282,12 +282,12 @@ function It(t, o) {
           out: u
         });
       } else if (m.type === "router") {
-        const s = m.data, h = o.find((S) => S.target === m.id && S.targetHandle === "candidates"), f = o.find((S) => S.target === m.id && S.targetHandle === "selection"), v = h ? d.get(h.source) : void 0, x = f ? d.get(f.source) : void 0, k = s.selectionType === "value" ? "property" : s.selectionType || "index";
+        const s = m.data, h = o.find((I) => I.target === m.id && I.targetHandle === "candidates"), f = o.find((I) => I.target === m.id && I.targetHandle === "selection"), v = h ? d.get(h.source) : void 0, x = f ? d.get(f.source) : void 0, w = s.selectionType === "value" ? "property" : s.selectionType || "index";
         p.push({
           kind: "router",
           in: v || "",
           selectionIn: x || "",
-          selectionType: k,
+          selectionType: w,
           selectionProperty: s.selectionProperty || "winner",
           out: u
         });
@@ -302,8 +302,8 @@ function It(t, o) {
     nodeToVar: d
   };
 }
-const G = "/api";
-async function X(t, o) {
+const Q = "/api";
+async function ae(t, o) {
   const n = await fetch(t, {
     ...o,
     headers: {
@@ -317,28 +317,28 @@ async function X(t, o) {
   }
   return n.json();
 }
-async function St() {
-  return X(`${G}/nodes/generators`);
-}
 async function Lt() {
-  return X(`${G}/nodes/transforms`);
+  return ae(`${Q}/nodes/generators`);
 }
 async function _t() {
-  return X(`${G}/nodes/text`);
+  return ae(`${Q}/nodes/transforms`);
+}
+async function Mt() {
+  return ae(`${Q}/nodes/text`);
 }
 async function Wt() {
-  return X(`${G}/nodes/vision`);
+  return ae(`${Q}/nodes/vision`);
 }
-async function Mt(t, o) {
-  return X(`${G}/export/yaml`, {
+async function Et(t, o) {
+  return ae(`${Q}/export/yaml`, {
     method: "POST",
     body: JSON.stringify({ nodes: t, edges: o })
   });
 }
-async function Et(t) {
+async function Tt(t) {
   const o = new FormData();
   o.append("file", t);
-  const n = await fetch(`${G}/uploads`, {
+  const n = await fetch(`${Q}/uploads`, {
     method: "POST",
     body: o
   });
@@ -348,41 +348,41 @@ async function Et(t) {
   }
   return n.json();
 }
-async function Tt() {
-  return X(`${G}/uploads`);
+async function jt() {
+  return ae(`${Q}/uploads`);
 }
-async function jt(t) {
-  const o = await fetch(`${G}/uploads/${t}`, {
+async function $t(t) {
+  const o = await fetch(`${Q}/uploads/${t}`, {
     method: "DELETE"
   });
   if (!o.ok)
     throw new Error(`Failed to delete upload: ${o.status}`);
 }
-function qe(t) {
-  return `${G}/uploads/${t}/blob`;
+function Ze(t) {
+  return `${Q}/uploads/${t}/blob`;
 }
-async function $t(t) {
-  return X(`${G}/import`, {
+async function At(t) {
+  return ae(`${Q}/import`, {
     method: "POST",
     body: JSON.stringify({ yaml: t })
   });
 }
-async function At(t) {
-  return X(`${G}/import/validate`, {
+async function Rt(t) {
+  return ae(`${Q}/import/validate`, {
     method: "POST",
     body: JSON.stringify({ yaml: t })
   });
 }
-async function Rt(t, o) {
-  return X(`${G}/validate`, {
+async function Pt(t, o) {
+  return ae(`${Q}/validate`, {
     method: "POST",
     body: JSON.stringify({ nodes: t, edges: o })
   });
 }
-async function Pt() {
-  return X(`${G}/generate/status`);
+async function Dt() {
+  return ae(`${Q}/generate/status`);
 }
-function Ge(t, o, n) {
+function Xe(t, o, n) {
   const r = new AbortController();
   return (async () => {
     var a;
@@ -405,7 +405,7 @@ function Ge(t, o, n) {
       for (; ; ) {
         const { done: m, value: u } = await d.read();
         if (m) {
-          c.trim() && Ot(c, n);
+          c.trim() && Bt(c, n);
           break;
         }
         c += p.decode(u, { stream: !0 });
@@ -414,7 +414,7 @@ function Ge(t, o, n) {
 `);
         c = s.pop() || "";
         for (const h of s)
-          h.trim() && Dt(h, n);
+          h.trim() && Ot(h, n);
       }
       n.onClose();
     } catch (i) {
@@ -428,7 +428,7 @@ function Ge(t, o, n) {
     abort: () => r.abort()
   };
 }
-function Dt(t, o) {
+function Ot(t, o) {
   const n = t.split(`
 `);
   let r = "";
@@ -447,7 +447,7 @@ function Dt(t, o) {
       });
     }
 }
-function Ot(t, o) {
+function Bt(t, o) {
   const n = t.split(`
 `);
   let r = "";
@@ -466,7 +466,7 @@ function Ot(t, o) {
       });
     }
 }
-const Bt = [
+const Vt = [
   // Workflow
   "save",
   "execute",
@@ -493,7 +493,7 @@ const Bt = [
   // User-assignable (no default)
   "cancelExecution",
   "focusSearch"
-], he = [
+], ke = [
   // Workflow shortcuts
   {
     action: "save",
@@ -670,29 +670,29 @@ const Bt = [
     customizable: !0
   }
 ];
-function Vt() {
+function Ut() {
   const t = {};
-  for (const o of he)
+  for (const o of ke)
     t[o.action] = o.defaultBinding;
   return t;
 }
-function Ut() {
+function Ht() {
   const t = {
     workflow: [],
     editing: [],
     canvas: [],
     ui: []
   };
-  for (const o of he)
+  for (const o of ke)
     t[o.category].push(o);
   return t;
 }
-const Je = {
+const et = {
   workflow: "Workflow",
   editing: "Editing",
   canvas: "Canvas",
   ui: "Interface"
-}, Ht = [
+}, Ft = [
   "mod+w",
   // Close tab
   "mod+t",
@@ -725,27 +725,27 @@ const Je = {
   // DevTools
   "alt+f4"
   // Close window (Windows)
-], Ft = [
+], Kt = [
   "delete",
   // Delete selected
   "backspace"
   // Delete selected
 ];
-function Kt(t) {
+function qt(t) {
   const o = t.toLowerCase().replace(/\s+/g, "");
-  return Ht.includes(o);
+  return Ft.includes(o);
 }
-function qt(t) {
-  return t.toLowerCase().replace(/\s+/g, "").split(",").some((r) => Ft.includes(r));
+function Gt(t) {
+  return t.toLowerCase().replace(/\s+/g, "").split(",").some((r) => Kt.includes(r));
 }
-function Gt(t, o, n) {
-  if (Kt(t))
+function Jt(t, o, n) {
+  if (qt(t))
     return {
       hasConflict: !0,
       conflictType: "browser",
       message: "This shortcut is reserved by the browser and cannot be used"
     };
-  if (qt(t))
+  if (Gt(t))
     return {
       hasConflict: !0,
       conflictType: "reactflow",
@@ -758,7 +758,7 @@ function Gt(t, o, n) {
     for (const m of p)
       for (const u of c)
         if (m === u) {
-          const s = he.find((h) => h.action === a);
+          const s = ke.find((h) => h.action === a);
           return {
             hasConflict: !0,
             conflictType: "internal",
@@ -769,7 +769,7 @@ function Gt(t, o, n) {
   }
   return { hasConflict: !1 };
 }
-function Jt(t) {
+function Yt(t) {
   if (!t || t.trim() === "") return !1;
   const o = t.toLowerCase().split("+"), n = ["mod", "ctrl", "control", "alt", "option", "shift", "meta", "cmd", "command"], r = o.filter((i) => !n.includes(i));
   if (r.length === 0) return !1;
@@ -778,8 +778,8 @@ function Jt(t) {
     if (!a.test(i)) return !1;
   return !0;
 }
-const je = "http://localhost:11434", $e = "http://localhost:1234";
-function Yt(t) {
+const De = "http://localhost:11434", Oe = "http://localhost:1234";
+function Qt(t) {
   const o = {
     shortcuts: {},
     enabled: !0
@@ -790,7 +790,7 @@ function Yt(t) {
   if (n.shortcuts && typeof n.shortcuts == "object") {
     const i = n.shortcuts;
     for (const [d, p] of Object.entries(i)) {
-      if (!Bt.includes(d)) {
+      if (!Vt.includes(d)) {
         console.warn(`[Settings] Removing invalid shortcut action: ${d}`);
         continue;
       }
@@ -798,7 +798,7 @@ function Yt(t) {
         console.warn(`[Settings] Removing invalid binding for ${d}: ${p}`);
         continue;
       }
-      if (typeof p == "string" && !Jt(p)) {
+      if (typeof p == "string" && !Yt(p)) {
         console.warn(`[Settings] Removing invalid binding format for ${d}: ${p}`);
         continue;
       }
@@ -810,16 +810,16 @@ function Yt(t) {
     enabled: r
   };
 }
-const $ = Fe()(
-  Ke(
+const A = Ye()(
+  Qe(
     (t, o) => ({
       ai: {
         ollama: {
-          baseUrl: je,
+          baseUrl: De,
           enabled: !1
         },
         lmstudio: {
-          baseUrl: $e,
+          baseUrl: Oe,
           enabled: !1
         }
       },
@@ -882,12 +882,12 @@ const $ = Fe()(
         }));
       },
       isShortcutConflicting: (n, r) => {
-        const { keyboard: a } = o(), i = Vt(), d = {};
+        const { keyboard: a } = o(), i = Ut(), d = {};
         for (const [c, m] of Object.entries(i)) {
           const u = a.shortcuts[c];
           u !== void 0 ? d[c] = u : m && (d[c] = m);
         }
-        const p = Gt(n, d, r);
+        const p = Jt(n, d, r);
         return p.hasConflict ? p.message ?? "Conflict detected" : null;
       },
       // Modal controls
@@ -915,7 +915,7 @@ const $ = Fe()(
       getConfiguredProviders: () => {
         var a, i, d, p, c, m, u;
         const { ai: n } = o(), r = {};
-        return (a = n.openai) != null && a.enabled && n.openai.apiKey && (r.openai = { apiKey: n.openai.apiKey }), (i = n.anthropic) != null && i.enabled && n.anthropic.apiKey && (r.anthropic = { apiKey: n.anthropic.apiKey }), (d = n.gemini) != null && d.enabled && n.gemini.apiKey && (r.gemini = { apiKey: n.gemini.apiKey }), (p = n.grok) != null && p.enabled && n.grok.apiKey && (r.grok = { apiKey: n.grok.apiKey }), (c = n.openrouter) != null && c.enabled && n.openrouter.apiKey && (r.openrouter = { apiKey: n.openrouter.apiKey }), (m = n.ollama) != null && m.enabled && (r.ollama = { baseUrl: n.ollama.baseUrl || je }), (u = n.lmstudio) != null && u.enabled && (r.lmstudio = { baseUrl: n.lmstudio.baseUrl || $e }), r;
+        return (a = n.openai) != null && a.enabled && n.openai.apiKey && (r.openai = { apiKey: n.openai.apiKey }), (i = n.anthropic) != null && i.enabled && n.anthropic.apiKey && (r.anthropic = { apiKey: n.anthropic.apiKey }), (d = n.gemini) != null && d.enabled && n.gemini.apiKey && (r.gemini = { apiKey: n.gemini.apiKey }), (p = n.grok) != null && p.enabled && n.grok.apiKey && (r.grok = { apiKey: n.grok.apiKey }), (c = n.openrouter) != null && c.enabled && n.openrouter.apiKey && (r.openrouter = { apiKey: n.openrouter.apiKey }), (m = n.ollama) != null && m.enabled && (r.ollama = { baseUrl: n.ollama.baseUrl || De }), (u = n.lmstudio) != null && u.enabled && (r.lmstudio = { baseUrl: n.lmstudio.baseUrl || Oe }), r;
       }
     }),
     {
@@ -931,22 +931,22 @@ const $ = Fe()(
         return {
           ...o,
           ai: (n == null ? void 0 : n.ai) ?? o.ai,
-          keyboard: Yt(n == null ? void 0 : n.keyboard)
+          keyboard: Qt(n == null ? void 0 : n.keyboard)
         };
       }
     }
   )
 );
-let ge = null, me = null, Qt = 0;
-function ue() {
-  return `node_${++Qt}`;
+let we = null, xe = null, Zt = 0;
+function be() {
+  return `node_${++Zt}`;
 }
-function Ae() {
+function Be() {
   const t = Date.now(), o = Math.random().toString(36).substring(2, 8);
   return `wf_${t}_${o}`;
 }
-const y = Fe()(
-  Ke(
+const y = Ye()(
+  Qe(
     (t, o) => {
       const n = (r) => {
         if (r.type === "generator") {
@@ -1035,7 +1035,7 @@ const y = Fe()(
         },
         loadTemplate: (r) => {
           const a = /* @__PURE__ */ new Map(), i = r.workflow.nodes.map((p) => {
-            const c = ue();
+            const c = be();
             return a.set(p.id, c), {
               id: c,
               type: p.type,
@@ -1101,12 +1101,12 @@ const y = Fe()(
         setVisionProviders: (r) => t({ visionProviders: r }),
         addNode: (r, a) => {
           var c, m, u;
-          const i = ue();
+          const i = be();
           let d;
           if (r.type === "generator")
             d = {
               generatorName: r.name,
-              params: ve(r),
+              params: ze(r),
               isAI: r.isAI,
               // Track if this is an AI generator (can accept text input)
               acceptsReferenceImages: r.acceptsReferenceImages,
@@ -1119,7 +1119,7 @@ const y = Fe()(
               // Track which provider this transform belongs to
               isAI: r.isAI,
               // Track if this is an AI transform (can accept text input)
-              params: ve(r),
+              params: ze(r),
               acceptsReferenceImages: r.acceptsReferenceImages,
               maxReferenceImages: r.maxReferenceImages
             };
@@ -1134,14 +1134,14 @@ const y = Fe()(
               providerName: r.name,
               providerLabel: r.label,
               // Human-readable label (e.g., "Gemini Vision")
-              params: ve(r)
+              params: ze(r)
             };
           else if (r.type === "text")
             d = {
               providerName: r.name,
               providerLabel: r.label,
               // Human-readable label (e.g., "Gemini Text")
-              params: ve(r)
+              params: ze(r)
             };
           else {
             const s = ((c = r.params) == null ? void 0 : c.properties) || {}, h = ((m = s.provider) == null ? void 0 : m.default) || "filesystem";
@@ -1177,7 +1177,7 @@ const y = Fe()(
         duplicateNode: (r) => {
           const a = o(), i = a.nodes.find((c) => c.id === r);
           if (!i) return;
-          const d = ue(), p = {
+          const d = be(), p = {
             ...i,
             id: d,
             position: {
@@ -1230,7 +1230,7 @@ const y = Fe()(
             targetHandle: p.targetHandle ?? void 0
           }));
           try {
-            return (await Rt(i, d)).issues;
+            return (await Pt(i, d)).issues;
           } catch (p) {
             return console.warn("Pre-flight validation failed:", p), [];
           }
@@ -1265,16 +1265,16 @@ const y = Fe()(
             target: h.target,
             sourceHandle: h.sourceHandle ?? void 0,
             targetHandle: h.targetHandle ?? void 0
-          })), { pipeline: p, nodeToVar: c } = It(i, d), m = {};
+          })), { pipeline: p, nodeToVar: c } = St(i, d), m = {};
           for (const h of i)
             if (h.type === "input") {
               const f = h.data, v = c.get(h.id);
               f.uploadId && v && (m[v] = f.uploadId);
             }
-          const u = $.getState().getConfiguredProviders(), s = {};
+          const u = A.getState().getConfiguredProviders(), s = {};
           for (const h of r)
             s[h.id] = "pending";
-          return me = Date.now(), t({
+          return xe = Date.now(), t({
             execution: {
               status: "running",
               imageIds: [],
@@ -1292,7 +1292,7 @@ const y = Fe()(
               retryable: void 0
             }
           }), new Promise((h, f) => {
-            ge = Ge(
+            we = Xe(
               "/api/execute/stream",
               {
                 steps: p.steps,
@@ -1304,100 +1304,100 @@ const y = Fe()(
                 onMessage: (v) => {
                   const x = o();
                   if (v.type, v.type === "execution.step") {
-                    const k = v.data, S = {
+                    const w = v.data, I = {
                       ...x.execution.nodeStatus,
-                      [k.id]: k.status
-                    }, b = x.execution.nodeTiming[k.id] || {};
-                    let I = { ...x.execution.nodeTiming };
-                    if (k.status === "running")
-                      I[k.id] = { startTime: Date.now() };
-                    else if (k.status === "completed" || k.status === "error") {
-                      const C = b.startTime || Date.now();
-                      I[k.id] = {
+                      [w.id]: w.status
+                    }, b = x.execution.nodeTiming[w.id] || {};
+                    let C = { ...x.execution.nodeTiming };
+                    if (w.status === "running")
+                      C[w.id] = { startTime: Date.now() };
+                    else if (w.status === "completed" || w.status === "error") {
+                      const z = b.startTime || Date.now();
+                      C[w.id] = {
                         ...b,
-                        duration: Date.now() - C
+                        duration: Date.now() - z
                       };
                     }
-                    const N = k.preview ? { ...x.execution.previews, [k.id]: k.preview } : x.execution.previews, w = k.dataType && k.content ? {
+                    const N = w.preview ? { ...x.execution.previews, [w.id]: w.preview } : x.execution.previews, k = w.dataType && w.content ? {
                       ...x.execution.dataOutputs,
-                      [k.id]: {
-                        dataType: k.dataType,
-                        content: k.content,
-                        parsed: k.parsed
+                      [w.id]: {
+                        dataType: w.dataType,
+                        content: w.content,
+                        parsed: w.parsed
                       }
                     } : x.execution.dataOutputs;
                     t({
                       execution: {
                         ...x.execution,
-                        nodeStatus: S,
-                        nodeTiming: I,
+                        nodeStatus: I,
+                        nodeTiming: C,
                         previews: N,
-                        dataOutputs: w
+                        dataOutputs: k
                       }
                     });
                   }
                   if (v.type === "execution.completed") {
-                    const k = { ...x.execution.nodeStatus };
-                    for (const N of Object.keys(k))
-                      (k[N] === "pending" || k[N] === "running") && (k[N] = "completed");
-                    const S = me ? Date.now() - me : 0;
-                    me = null;
+                    const w = { ...x.execution.nodeStatus };
+                    for (const N of Object.keys(w))
+                      (w[N] === "pending" || w[N] === "running") && (w[N] = "completed");
+                    const I = xe ? Date.now() - xe : 0;
+                    xe = null;
                     const b = Object.entries(
                       x.execution.previews
-                    ).map(([N, w]) => {
-                      const C = x.nodes.find((_) => _.id === N), L = C == null ? void 0 : C.data;
+                    ).map(([N, k]) => {
+                      const z = x.nodes.find((_) => _.id === N), S = z == null ? void 0 : z.data;
                       let g = "Unknown Node";
-                      return L && "generatorName" in L ? g = L.generatorName : L && "operation" in L ? g = L.operation : C != null && C.type && (g = C.type.charAt(0).toUpperCase() + C.type.slice(1)), {
+                      return S && "generatorName" in S ? g = S.generatorName : S && "operation" in S ? g = S.operation : z != null && z.type && (g = z.type.charAt(0).toUpperCase() + z.type.slice(1)), {
                         nodeId: N,
                         nodeName: g,
-                        preview: w
+                        preview: k
                       };
-                    }), I = {
+                    }), C = {
                       id: `run_${Date.now()}_${Math.random().toString(36).substring(2, 8)}`,
                       timestamp: Date.now(),
                       status: "completed",
-                      duration: S,
+                      duration: I,
                       nodeCount: x.nodes.length,
                       outputs: b
                     };
-                    o().addExecutionRun(I), t({
+                    o().addExecutionRun(C), t({
                       execution: {
                         ...x.execution,
                         status: "completed",
                         imageIds: v.data.imageIds,
                         imageUrls: v.data.imageUrls,
-                        nodeStatus: k
+                        nodeStatus: w
                       }
                     }), h();
                   }
                   if (v.type === "execution.error") {
-                    const k = { ...x.execution.nodeStatus };
-                    v.data.id && (k[v.data.id] = "error");
-                    const S = me ? Date.now() - me : 0;
-                    me = null;
+                    const w = { ...x.execution.nodeStatus };
+                    v.data.id && (w[v.data.id] = "error");
+                    const I = xe ? Date.now() - xe : 0;
+                    xe = null;
                     const b = Object.entries(
                       x.execution.previews
-                    ).map(([w, C]) => {
-                      const L = x.nodes.find((W) => W.id === w), g = L == null ? void 0 : L.data;
+                    ).map(([k, z]) => {
+                      const S = x.nodes.find((M) => M.id === k), g = S == null ? void 0 : S.data;
                       let _ = "Unknown Node";
-                      return g && "generatorName" in g ? _ = g.generatorName : g && "operation" in g ? _ = g.operation : L != null && L.type && (_ = L.type.charAt(0).toUpperCase() + L.type.slice(1)), { nodeId: w, nodeName: _, preview: C };
-                    }), I = {
+                      return g && "generatorName" in g ? _ = g.generatorName : g && "operation" in g ? _ = g.operation : S != null && S.type && (_ = S.type.charAt(0).toUpperCase() + S.type.slice(1)), { nodeId: k, nodeName: _, preview: z };
+                    }), C = {
                       id: `run_${Date.now()}_${Math.random().toString(36).substring(2, 8)}`,
                       timestamp: Date.now(),
                       status: "error",
-                      duration: S,
+                      duration: I,
                       nodeCount: x.nodes.length,
                       outputs: b,
                       error: v.data.error,
                       errorNodeId: v.data.id
                     };
-                    o().addExecutionRun(I);
+                    o().addExecutionRun(C);
                     const N = v.data.id || x.selectedNodeId;
                     t({
                       execution: {
                         ...x.execution,
                         status: "error",
-                        nodeStatus: k,
+                        nodeStatus: w,
                         error: v.data.error,
                         errorNodeId: v.data.id,
                         // Structured error metadata from backend
@@ -1413,20 +1413,20 @@ const y = Fe()(
                   }
                 },
                 onError: (v) => {
-                  const x = o(), k = {};
-                  for (const S of Object.keys(x.execution.nodeStatus))
-                    k[S] = "error";
+                  const x = o(), w = {};
+                  for (const I of Object.keys(x.execution.nodeStatus))
+                    w[I] = "error";
                   t({
                     execution: {
                       ...x.execution,
                       status: "error",
-                      nodeStatus: k,
+                      nodeStatus: w,
                       error: v.message
                     }
                   }), f(v);
                 },
                 onClose: () => {
-                  ge = null;
+                  we = null;
                   const v = o();
                   v.execution.status === "running" && (t({
                     execution: {
@@ -1441,7 +1441,7 @@ const y = Fe()(
           });
         },
         cancelExecution: () => {
-          ge && (ge.abort(), ge = null), t({
+          we && (we.abort(), we = null), t({
             execution: {
               status: "idle",
               imageIds: [],
@@ -1466,11 +1466,11 @@ const y = Fe()(
             sourceHandle: c.sourceHandle ?? void 0,
             targetHandle: c.targetHandle ?? void 0
           }));
-          return (await Mt(i, d)).yaml;
+          return (await Et(i, d)).yaml;
         },
         importFromYaml: (r, a, i) => {
           const d = /* @__PURE__ */ new Map(), p = r.map((m) => {
-            const u = ue();
+            const u = be();
             return d.set(m.id, u), {
               id: u,
               type: m.type,
@@ -1551,7 +1551,7 @@ const y = Fe()(
               hasUnsavedChanges: !1
             }), d;
           } else {
-            const s = Ae(), h = {
+            const s = Be(), h = {
               id: s,
               name: r || p,
               nodes: a,
@@ -1635,7 +1635,7 @@ const y = Fe()(
         duplicateWorkflow: (r) => {
           const { savedWorkflows: a } = o(), i = a.find((m) => m.id === r);
           if (!i) return "";
-          const d = Date.now(), p = Ae(), c = {
+          const d = Date.now(), p = Be(), c = {
             ...i,
             id: p,
             name: `${i.name} (Copy)`,
@@ -1645,44 +1645,44 @@ const y = Fe()(
           return t({ savedWorkflows: [...a, c] }), p;
         },
         loadGeneratedWorkflow: (r) => {
-          var k, S;
+          var w, I;
           const a = /* @__PURE__ */ new Map(), i = 300, d = 180, p = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
           for (const b of r.nodes)
             p.set(b.id, []), c.set(b.id, []);
           for (const b of r.edges)
-            (k = p.get(b.target)) == null || k.push(b.source), (S = c.get(b.source)) == null || S.push(b.target);
+            (w = p.get(b.target)) == null || w.push(b.source), (I = c.get(b.source)) == null || I.push(b.target);
           const m = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Set();
           function s(b) {
             if (m.has(b)) return m.get(b);
             if (u.has(b)) return 0;
             u.add(b);
-            const I = p.get(b) || [];
-            if (I.length === 0)
+            const C = p.get(b) || [];
+            if (C.length === 0)
               return m.set(b, 0), 0;
-            const w = Math.max(...I.map(s)) + 1;
-            return m.set(b, w), w;
+            const k = Math.max(...C.map(s)) + 1;
+            return m.set(b, k), k;
           }
           for (const b of r.nodes)
             s(b.id);
           const h = /* @__PURE__ */ new Map();
           for (const b of r.nodes) {
-            const I = m.get(b.id) || 0;
-            h.has(I) || h.set(I, []), h.get(I).push(b.id);
+            const C = m.get(b.id) || 0;
+            h.has(C) || h.set(C, []), h.get(C).push(b.id);
           }
           const f = /* @__PURE__ */ new Map();
-          for (const [b, I] of h) {
-            const N = I.length * d, w = 100 + (N > d ? -N / 4 : 0);
-            I.forEach((C, L) => {
-              f.set(C, {
+          for (const [b, C] of h) {
+            const N = C.length * d, k = 100 + (N > d ? -N / 4 : 0);
+            C.forEach((z, S) => {
+              f.set(z, {
                 x: 100 + b * i,
-                y: w + L * d
+                y: k + S * d
               });
             });
           }
           const v = r.nodes.map((b) => {
-            const I = ue();
-            a.set(b.id, I);
-            const N = b.nodeType.split(":"), w = f.get(b.id) || { x: 100, y: 100 };
+            const C = be();
+            a.set(b.id, C);
+            const N = b.nodeType.split(":"), k = f.get(b.id) || { x: 100, y: 100 };
             if (N[0] === "flow") {
               const g = N[1];
               let _;
@@ -1699,17 +1699,17 @@ const y = Fe()(
                 outputCount: 1,
                 contextProperty: b.parameters.contextProperty
               }, {
-                id: I,
+                id: C,
                 type: g,
-                position: w,
+                position: k,
                 data: _
               };
             }
-            const C = N[0];
-            let L;
-            if (C === "generator") {
-              const g = N.slice(1).join(":"), _ = o().generators.find((W) => W.name === g);
-              L = {
+            const z = N[0];
+            let S;
+            if (z === "generator") {
+              const g = N.slice(1).join(":"), _ = o().generators.find((M) => M.name === g);
+              S = {
                 generatorName: g,
                 params: b.parameters,
                 isAI: (_ == null ? void 0 : _.isAI) ?? !0,
@@ -1717,63 +1717,63 @@ const y = Fe()(
                 acceptsReferenceImages: _ == null ? void 0 : _.acceptsReferenceImages,
                 maxReferenceImages: _ == null ? void 0 : _.maxReferenceImages
               };
-            } else if (C === "transform") {
-              const g = N[1], _ = N.slice(2).join(":"), W = o().transforms.find(
+            } else if (z === "transform") {
+              const g = N[1], _ = N.slice(2).join(":"), M = o().transforms.find(
                 (R) => R.providerName === g && R.name === _
               );
-              L = {
+              S = {
                 operation: _,
                 providerName: g,
                 params: b.parameters,
-                isAI: W == null ? void 0 : W.isAI,
-                acceptsReferenceImages: W == null ? void 0 : W.acceptsReferenceImages,
-                maxReferenceImages: W == null ? void 0 : W.maxReferenceImages
+                isAI: M == null ? void 0 : M.isAI,
+                acceptsReferenceImages: M == null ? void 0 : M.acceptsReferenceImages,
+                maxReferenceImages: M == null ? void 0 : M.maxReferenceImages
               };
-            } else if (C === "input")
-              L = {
+            } else if (z === "input")
+              S = {
                 uploadId: void 0,
                 filename: void 0,
                 mime: void 0
               };
-            else if (C === "vision")
-              L = {
+            else if (z === "vision")
+              S = {
                 providerName: N.slice(1).join(":"),
                 params: b.parameters
               };
-            else if (C === "text") {
-              const g = N.slice(1).join(":"), _ = b.parameters.jsonSchema, W = _ != null && _.properties ? {
+            else if (z === "text") {
+              const g = N.slice(1).join(":"), _ = b.parameters.jsonSchema, M = _ != null && _.properties ? {
                 type: "object",
                 properties: Object.fromEntries(
-                  Object.entries(_.properties).map(([R, O]) => [
+                  Object.entries(_.properties).map(([R, B]) => [
                     R,
                     {
-                      type: O.type || "string",
-                      description: O.description
+                      type: B.type || "string",
+                      description: B.description
                     }
                   ])
                 )
               } : void 0;
-              L = {
+              S = {
                 providerName: g,
                 params: b.parameters,
-                outputSchema: W
+                outputSchema: M
               };
             } else
-              L = {
+              S = {
                 destination: b.parameters.destination || "./output/image.png",
                 provider: b.parameters.provider || "filesystem"
               };
             return {
-              id: I,
-              type: C,
-              position: w,
-              data: L
+              id: C,
+              type: z,
+              position: k,
+              data: S
             };
           }), x = r.edges.map((b) => {
-            const I = a.get(b.source) || b.source, N = a.get(b.target) || b.target, w = [b.sourceHandle, b.targetHandle].filter(Boolean).join("_");
+            const C = a.get(b.source) || b.source, N = a.get(b.target) || b.target, k = [b.sourceHandle, b.targetHandle].filter(Boolean).join("_");
             return {
-              id: w ? `edge_${I}_${N}_${w}` : `edge_${I}_${N}`,
-              source: I,
+              id: k ? `edge_${C}_${N}_${k}` : `edge_${C}_${N}`,
+              source: C,
               target: N,
               sourceHandle: b.sourceHandle ?? void 0,
               targetHandle: b.targetHandle ?? void 0
@@ -1802,7 +1802,7 @@ const y = Fe()(
         },
         loadRemixImage: (r) => {
           const i = {
-            id: ue(),
+            id: be(),
             type: "input",
             position: { x: 200, y: 200 },
             data: {
@@ -1833,7 +1833,7 @@ const y = Fe()(
         },
         loadFromWorkflowJson: (r, a) => {
           const i = /* @__PURE__ */ new Map(), d = r.nodes.map((c) => {
-            const m = ue();
+            const m = be();
             return i.set(c.id, m), {
               id: m,
               type: c.type,
@@ -1883,7 +1883,7 @@ const y = Fe()(
     }
   )
 );
-function ve(t) {
+function ze(t) {
   var n;
   const o = {};
   if ((n = t.params) != null && n.properties)
@@ -1891,17 +1891,17 @@ function ve(t) {
       a.default !== void 0 && (o[r] = a.default);
   return o;
 }
-function ae(t) {
+function ce(t) {
   return t === "pending" ? "floimg-node--pending" : t === "running" ? "floimg-node--running" : t === "completed" ? "floimg-node--completed" : t === "error" ? "floimg-node--error" : "";
 }
-function ze(t) {
+function _e(t) {
   if (t < 1e3) return `${t}ms`;
   const o = t / 1e3;
   if (o < 60) return `${o.toFixed(1)}s`;
   const n = Math.floor(o / 60), r = Math.round(o % 60);
   return `${n}m ${r}s`;
 }
-function ie({ nodeId: t }) {
+function me({ nodeId: t }) {
   const o = y((i) => i.execution.nodeStatus[t]), n = y((i) => i.execution.nodeTiming[t]), [r, a] = E(0);
   if (U(() => {
     if (o !== "running" || !(n != null && n.startTime))
@@ -1912,21 +1912,21 @@ function ie({ nodeId: t }) {
     }, 100);
     return () => clearInterval(i);
   }, [o, n == null ? void 0 : n.startTime]), o === "running" && (n != null && n.startTime))
-    return /* @__PURE__ */ e("div", { className: "floimg-node__timing floimg-node__timing--running", title: "Running...", children: ze(r) });
+    return /* @__PURE__ */ e("div", { className: "floimg-node__timing floimg-node__timing--running", title: "Running...", children: _e(r) });
   if ((o === "completed" || o === "error") && (n != null && n.duration)) {
     const i = n.duration > 5e3;
     return /* @__PURE__ */ e(
       "div",
       {
         className: `floimg-node__timing ${i ? "floimg-node__timing--slow" : ""}`,
-        title: `Completed in ${ze(n.duration)}`,
-        children: ze(n.duration)
+        title: `Completed in ${_e(n.duration)}`,
+        children: _e(n.duration)
       }
     );
   }
   return null;
 }
-function Me({ nodeId: t, color: o }) {
+function Ae({ nodeId: t, color: o }) {
   const n = y((a) => a.previewVisible[t] !== !1), r = y((a) => a.togglePreview);
   return /* @__PURE__ */ e(
     "button",
@@ -1956,7 +1956,7 @@ function Me({ nodeId: t, color: o }) {
     }
   );
 }
-function se({ nodeId: t }) {
+function ue({ nodeId: t }) {
   const o = y((i) => i.execution.nodeStatus[t]), n = y((i) => i.execution.errorNodeId), r = y((i) => i.execution.error);
   return o !== "error" ? null : /* @__PURE__ */ e("div", { className: "floimg-node__error-badge", title: (n === t ? r : "Execution failed") || "Execution failed", children: /* @__PURE__ */ e("svg", { className: "w-3.5 h-3.5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e(
     "path",
@@ -1967,32 +1967,32 @@ function se({ nodeId: t }) {
     }
   ) }) });
 }
-const Zt = oe(function({
+const Xt = de(function({
   id: o,
   data: n,
   selected: r
 }) {
-  const a = y((u) => u.execution.previews[o]), i = y((u) => u.execution.nodeStatus[o]), d = y((u) => u.previewVisible[o] !== !1), p = ae(i), c = n.isAI, m = n.acceptsReferenceImages;
+  const a = y((u) => u.execution.previews[o]), i = y((u) => u.execution.nodeStatus[o]), d = y((u) => u.previewVisible[o] !== !1), p = ce(i), c = n.isAI, m = n.acceptsReferenceImages;
   return /* @__PURE__ */ l(
     "div",
     {
       className: `floimg-node floimg-node--generator relative min-w-[190px] overflow-hidden ${r ? "selected" : ""} ${p}`,
       children: [
         c && /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "target",
-            position: V.Top,
+            position: O.Top,
             id: "text",
             className: "!w-3 !h-3 !bg-pink-500 !border-2 !border-white dark:!border-zinc-800",
             title: "Text input (optional prompt from text/vision node)"
           }
         ),
         m && /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "target",
-            position: V.Left,
+            position: O.Left,
             id: "references",
             className: "!w-3 !h-3 !bg-violet-500 !border-2 !border-white dark:!border-zinc-800",
             style: { top: "50%" },
@@ -2000,13 +2000,13 @@ const Zt = oe(function({
           }
         ),
         a && d && /* @__PURE__ */ e("div", { className: "floimg-node__preview", children: /* @__PURE__ */ e("img", { src: a, alt: "Preview", className: "w-full h-20 object-contain rounded-md" }) }),
-        /* @__PURE__ */ e(se, { nodeId: o }),
-        /* @__PURE__ */ e(ie, { nodeId: o }),
+        /* @__PURE__ */ e(ue, { nodeId: o }),
+        /* @__PURE__ */ e(me, { nodeId: o }),
         /* @__PURE__ */ l("div", { className: "floimg-node__header", children: [
           /* @__PURE__ */ e("div", { className: "floimg-node__icon bg-blue-500/10", children: /* @__PURE__ */ e("div", { className: "w-2 h-2 rounded-full bg-blue-500" }) }),
           /* @__PURE__ */ e("span", { className: "floimg-node__title text-blue-600 dark:text-blue-400", children: n.generatorName }),
           /* @__PURE__ */ e(
-            Me,
+            Ae,
             {
               nodeId: o,
               color: "text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300"
@@ -2032,59 +2032,59 @@ const Zt = oe(function({
           ] }, u)) })
         ] }),
         /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "source",
-            position: V.Right,
+            position: O.Right,
             className: "!w-3 !h-3 !bg-blue-500 !border-2 !border-white dark:!border-zinc-800"
           }
         )
       ]
     }
   );
-}), Xt = oe(function({
+}), er = de(function({
   id: o,
   data: n,
   selected: r
 }) {
-  const a = y((s) => s.execution.previews[o]), i = y((s) => s.execution.nodeStatus[o]), d = y((s) => s.previewVisible[o] !== !1), p = ae(i), c = n.isAI, m = n.acceptsReferenceImages;
+  const a = y((s) => s.execution.previews[o]), i = y((s) => s.execution.nodeStatus[o]), d = y((s) => s.previewVisible[o] !== !1), p = ce(i), c = n.isAI, m = n.acceptsReferenceImages;
   return /* @__PURE__ */ l(
     "div",
     {
       className: `floimg-node ${c ? "floimg-node--ai-transform" : "floimg-node--transform"} relative min-w-[190px] overflow-hidden ${r ? "selected" : ""} ${p}`,
       children: [
         c && /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "target",
-            position: V.Top,
+            position: O.Top,
             id: "text",
             className: "!w-3 !h-3 !bg-pink-500 !border-2 !border-white dark:!border-zinc-800",
             title: "Text input (optional prompt from text/vision node)"
           }
         ),
         /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "target",
-            position: V.Left,
+            position: O.Left,
             id: "image",
             className: "!w-3 !h-3 !bg-teal-500 !border-2 !border-white dark:!border-zinc-800"
           }
         ),
         m && /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "target",
-            position: V.Bottom,
+            position: O.Bottom,
             id: "references",
             className: "!w-3 !h-3 !bg-violet-500 !border-2 !border-white dark:!border-zinc-800",
             title: `Reference images (up to ${n.maxReferenceImages || 13})`
           }
         ),
         a && d && /* @__PURE__ */ e("div", { className: "floimg-node__preview", children: /* @__PURE__ */ e("img", { src: a, alt: "Preview", className: "w-full h-20 object-contain rounded-md" }) }),
-        /* @__PURE__ */ e(se, { nodeId: o }),
-        /* @__PURE__ */ e(ie, { nodeId: o }),
+        /* @__PURE__ */ e(ue, { nodeId: o }),
+        /* @__PURE__ */ e(me, { nodeId: o }),
         /* @__PURE__ */ l("div", { className: "floimg-node__header", children: [
           /* @__PURE__ */ e("div", { className: `floimg-node__icon ${c ? "bg-indigo-500/10" : "bg-teal-500/10"}`, children: c ? /* @__PURE__ */ l("svg", { className: "w-2.5 h-2.5 text-indigo-500", fill: "currentColor", viewBox: "0 0 20 20", children: [
             /* @__PURE__ */ e("path", { d: "M13 7H7v6h6V7z" }),
@@ -2105,7 +2105,7 @@ const Zt = oe(function({
             }
           ),
           /* @__PURE__ */ e(
-            Me,
+            Ae,
             {
               nodeId: o,
               color: "text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300"
@@ -2131,33 +2131,33 @@ const Zt = oe(function({
           ] }, s)) })
         ] }),
         /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "source",
-            position: V.Right,
+            position: O.Right,
             className: `!w-3 !h-3 ${c ? "!bg-indigo-500" : "!bg-teal-500"} !border-2 !border-white dark:!border-zinc-800`
           }
         )
       ]
     }
   );
-}), er = oe(function({ id: o, data: n, selected: r }) {
-  const a = y((d) => d.execution.nodeStatus[o]), i = ae(a);
+}), tr = de(function({ id: o, data: n, selected: r }) {
+  const a = y((d) => d.execution.nodeStatus[o]), i = ce(a);
   return /* @__PURE__ */ l(
     "div",
     {
       className: `floimg-node floimg-node--save relative min-w-[190px] ${r ? "selected" : ""} ${i}`,
       children: [
         /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "target",
-            position: V.Left,
+            position: O.Left,
             className: "!w-3 !h-3 !bg-emerald-500 !border-2 !border-white dark:!border-zinc-800"
           }
         ),
-        /* @__PURE__ */ e(se, { nodeId: o }),
-        /* @__PURE__ */ e(ie, { nodeId: o }),
+        /* @__PURE__ */ e(ue, { nodeId: o }),
+        /* @__PURE__ */ e(me, { nodeId: o }),
         /* @__PURE__ */ l("div", { className: "floimg-node__header", children: [
           /* @__PURE__ */ e("div", { className: "floimg-node__icon bg-emerald-500/10", children: /* @__PURE__ */ e(
             "svg",
@@ -2175,38 +2175,38 @@ const Zt = oe(function({
       ]
     }
   );
-}), tr = oe(function({ id: o, data: n, selected: r }) {
-  const a = y((x) => x.execution.previews[o]), i = y((x) => x.execution.nodeStatus[o]), d = y((x) => x.previewVisible[o] !== !1), p = y((x) => x.updateNodeData), c = Z(null), m = ae(i), u = M(
+}), rr = de(function({ id: o, data: n, selected: r }) {
+  const a = y((x) => x.execution.previews[o]), i = y((x) => x.execution.nodeStatus[o]), d = y((x) => x.previewVisible[o] !== !1), p = y((x) => x.updateNodeData), c = re(null), m = ce(i), u = $(
     async (x) => {
       try {
-        const k = await Et(x);
+        const w = await Tt(x);
         p(o, {
-          uploadId: k.id,
-          filename: k.filename,
-          mime: k.mime
+          uploadId: w.id,
+          filename: w.filename,
+          mime: w.mime
         });
-      } catch (k) {
-        console.error("Upload failed:", k);
+      } catch (w) {
+        console.error("Upload failed:", w);
       }
     },
     [o, p]
-  ), s = M(
+  ), s = $(
     (x) => {
       x.preventDefault(), x.stopPropagation();
-      const k = x.dataTransfer.files[0];
-      k && k.type.startsWith("image/") && u(k);
+      const w = x.dataTransfer.files[0];
+      w && w.type.startsWith("image/") && u(w);
     },
     [u]
-  ), h = M((x) => {
+  ), h = $((x) => {
     x.preventDefault(), x.stopPropagation();
-  }, []), f = M(
+  }, []), f = $(
     (x) => {
-      var S;
-      const k = (S = x.target.files) == null ? void 0 : S[0];
-      k && u(k);
+      var I;
+      const w = (I = x.target.files) == null ? void 0 : I[0];
+      w && u(w);
     },
     [u]
-  ), v = a || (n.uploadId ? qe(n.uploadId) : null);
+  ), v = a || (n.uploadId ? Ze(n.uploadId) : null);
   return /* @__PURE__ */ l(
     "div",
     {
@@ -2218,9 +2218,9 @@ const Zt = oe(function({
           "div",
           {
             className: "h-20 flex items-center justify-center cursor-pointer bg-amber-50/50 dark:bg-amber-900/20 hover:bg-amber-100/50 dark:hover:bg-amber-900/30 transition-colors border-b border-amber-100/50 dark:border-amber-800/30",
-            onClick: () => {
-              var x;
-              return (x = c.current) == null ? void 0 : x.click();
+            onClick: (x) => {
+              var w;
+              x.stopPropagation(), (w = c.current) == null || w.click();
             },
             children: /* @__PURE__ */ l("div", { className: "text-center text-amber-500 dark:text-amber-400", children: [
               /* @__PURE__ */ e(
@@ -2255,8 +2255,8 @@ const Zt = oe(function({
             onChange: f
           }
         ),
-        /* @__PURE__ */ e(se, { nodeId: o }),
-        /* @__PURE__ */ e(ie, { nodeId: o }),
+        /* @__PURE__ */ e(ue, { nodeId: o }),
+        /* @__PURE__ */ e(me, { nodeId: o }),
         /* @__PURE__ */ l("div", { className: "floimg-node__header", children: [
           /* @__PURE__ */ e("div", { className: "floimg-node__icon bg-amber-500/10", children: /* @__PURE__ */ e(
             "svg",
@@ -2278,7 +2278,7 @@ const Zt = oe(function({
           ) }),
           /* @__PURE__ */ e("span", { className: "floimg-node__title text-amber-600 dark:text-amber-400", children: "Input" }),
           /* @__PURE__ */ e(
-            Me,
+            Ae,
             {
               nodeId: o,
               color: "text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300"
@@ -2287,17 +2287,17 @@ const Zt = oe(function({
         ] }),
         /* @__PURE__ */ e("div", { className: "floimg-node__content", children: /* @__PURE__ */ e("div", { className: "floimg-node__param truncate", children: n.filename || "No image selected" }) }),
         /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "source",
-            position: V.Right,
+            position: O.Right,
             className: "!w-3 !h-3 !bg-amber-500 !border-2 !border-white dark:!border-zinc-800"
           }
         )
       ]
     }
   );
-}), rr = oe(function({
+}), nr = de(function({
   id: o,
   data: n,
   selected: r
@@ -2306,27 +2306,27 @@ const Zt = oe(function({
   const a = y((f) => f.execution.nodeStatus[o]), i = y((f) => {
     var v;
     return (v = f.execution.dataOutputs) == null ? void 0 : v[o];
-  }), d = y((f) => f.openOutputInspector), p = ae(a), c = (u = n.outputSchema) != null && u.properties ? Object.entries(n.outputSchema.properties) : [], m = c.length > 0;
+  }), d = y((f) => f.openOutputInspector), p = ce(a), c = (u = n.outputSchema) != null && u.properties ? Object.entries(n.outputSchema.properties) : [], m = c.length > 0;
   return /* @__PURE__ */ l(
     "div",
     {
       className: `floimg-node floimg-node--vision relative min-w-[190px] overflow-hidden ${r ? "selected" : ""} ${p}`,
       children: [
         /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "target",
-            position: V.Top,
+            position: O.Top,
             id: "context",
             className: "!w-3 !h-3 !bg-pink-500 !border-2 !border-white dark:!border-zinc-800",
             title: "Context input (optional - from text/vision node for evaluation context)"
           }
         ),
         /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "target",
-            position: V.Left,
+            position: O.Left,
             id: "image",
             className: "!w-3 !h-3 !bg-cyan-500 !border-2 !border-white dark:!border-zinc-800",
             title: "Image input"
@@ -2348,8 +2348,8 @@ const Zt = oe(function({
             }
           )
         ] }),
-        /* @__PURE__ */ e(se, { nodeId: o }),
-        /* @__PURE__ */ e(ie, { nodeId: o }),
+        /* @__PURE__ */ e(ue, { nodeId: o }),
+        /* @__PURE__ */ e(me, { nodeId: o }),
         /* @__PURE__ */ l("div", { className: "floimg-node__header", children: [
           /* @__PURE__ */ e("div", { className: "floimg-node__icon bg-cyan-500/10", children: /* @__PURE__ */ l("svg", { className: "w-2.5 h-2.5 text-cyan-500", fill: "currentColor", viewBox: "0 0 20 20", children: [
             /* @__PURE__ */ e("path", { d: "M10 12a2 2 0 100-4 2 2 0 000 4z" }),
@@ -2389,12 +2389,12 @@ const Zt = oe(function({
             ] })
           ] })
         ] }),
-        m ? /* @__PURE__ */ l(Y, { children: [
+        m ? /* @__PURE__ */ l(X, { children: [
           /* @__PURE__ */ e(
-            B,
+            D,
             {
               type: "source",
-              position: V.Right,
+              position: O.Right,
               id: "output",
               className: "!w-3 !h-3 !bg-cyan-500 !border-2 !border-white dark:!border-zinc-800",
               style: { top: "50%" },
@@ -2402,10 +2402,10 @@ const Zt = oe(function({
             }
           ),
           c.map(([f, v], x) => /* @__PURE__ */ e(
-            B,
+            D,
             {
               type: "source",
-              position: V.Right,
+              position: O.Right,
               id: `output.${f}`,
               className: "!w-2.5 !h-2.5 !bg-cyan-400 !border-2 !border-white dark:!border-zinc-800",
               style: {
@@ -2416,32 +2416,32 @@ const Zt = oe(function({
             f
           ))
         ] }) : /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "source",
-            position: V.Right,
+            position: O.Right,
             className: "!w-3 !h-3 !bg-cyan-500 !border-2 !border-white dark:!border-zinc-800"
           }
         )
       ]
     }
   );
-}), nr = oe(function({ id: o, data: n, selected: r }) {
+}), or = de(function({ id: o, data: n, selected: r }) {
   var u, s, h;
   const a = y((f) => f.execution.nodeStatus[o]), i = y((f) => {
     var v;
     return (v = f.execution.dataOutputs) == null ? void 0 : v[o];
-  }), d = y((f) => f.openOutputInspector), p = ae(a), c = (u = n.outputSchema) != null && u.properties ? Object.entries(n.outputSchema.properties) : [], m = c.length > 0;
+  }), d = y((f) => f.openOutputInspector), p = ce(a), c = (u = n.outputSchema) != null && u.properties ? Object.entries(n.outputSchema.properties) : [], m = c.length > 0;
   return /* @__PURE__ */ l(
     "div",
     {
       className: `floimg-node floimg-node--text relative min-w-[190px] overflow-hidden ${r ? "selected" : ""} ${p}`,
       children: [
         /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "target",
-            position: V.Left,
+            position: O.Left,
             className: "!w-3 !h-3 !bg-pink-500 !border-2 !border-white dark:!border-zinc-800"
           }
         ),
@@ -2461,8 +2461,8 @@ const Zt = oe(function({
             }
           )
         ] }),
-        /* @__PURE__ */ e(se, { nodeId: o }),
-        /* @__PURE__ */ e(ie, { nodeId: o }),
+        /* @__PURE__ */ e(ue, { nodeId: o }),
+        /* @__PURE__ */ e(me, { nodeId: o }),
         /* @__PURE__ */ l("div", { className: "floimg-node__header", children: [
           /* @__PURE__ */ e("div", { className: "floimg-node__icon bg-pink-500/10", children: /* @__PURE__ */ e("svg", { className: "w-2.5 h-2.5 text-pink-500", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e(
             "path",
@@ -2499,12 +2499,12 @@ const Zt = oe(function({
             ] })
           ] })
         ] }),
-        m ? /* @__PURE__ */ l(Y, { children: [
+        m ? /* @__PURE__ */ l(X, { children: [
           /* @__PURE__ */ e(
-            B,
+            D,
             {
               type: "source",
-              position: V.Right,
+              position: O.Right,
               id: "output",
               className: "!w-3 !h-3 !bg-pink-500 !border-2 !border-white dark:!border-zinc-800",
               style: { top: "50%" },
@@ -2512,10 +2512,10 @@ const Zt = oe(function({
             }
           ),
           c.map(([f, v], x) => /* @__PURE__ */ e(
-            B,
+            D,
             {
               type: "source",
-              position: V.Right,
+              position: O.Right,
               id: `output.${f}`,
               className: "!w-2.5 !h-2.5 !bg-pink-400 !border-2 !border-white dark:!border-zinc-800",
               style: {
@@ -2526,39 +2526,39 @@ const Zt = oe(function({
             f
           ))
         ] }) : /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "source",
-            position: V.Right,
+            position: O.Right,
             className: "!w-3 !h-3 !bg-pink-500 !border-2 !border-white dark:!border-zinc-800"
           }
         )
       ]
     }
   );
-}), or = oe(function({
+}), ar = de(function({
   id: o,
   data: n,
   selected: r
 }) {
-  const a = y((p) => p.execution.nodeStatus[o]), i = ae(a), d = n.mode === "count" && n.count || 3;
+  const a = y((p) => p.execution.nodeStatus[o]), i = ce(a), d = n.mode === "count" && n.count || 3;
   return /* @__PURE__ */ l(
     "div",
     {
       className: `floimg-node floimg-node--iterative relative min-w-[170px] overflow-hidden ${r ? "selected" : ""} ${i}`,
       children: [
         /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "target",
-            position: V.Left,
+            position: O.Left,
             id: "input",
             className: "!w-3 !h-3 !bg-orange-500 !border-2 !border-white dark:!border-zinc-800",
             style: { top: "50%" }
           }
         ),
-        /* @__PURE__ */ e(se, { nodeId: o }),
-        /* @__PURE__ */ e(ie, { nodeId: o }),
+        /* @__PURE__ */ e(ue, { nodeId: o }),
+        /* @__PURE__ */ e(me, { nodeId: o }),
         /* @__PURE__ */ l("div", { className: "floimg-node__header", children: [
           /* @__PURE__ */ e("div", { className: "floimg-node__icon bg-orange-500/10", children: /* @__PURE__ */ e(
             "svg",
@@ -2593,10 +2593,10 @@ const Zt = oe(function({
           " copies"
         ] }) }) }),
         Array.from({ length: d }).map((p, c) => /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "source",
-            position: V.Right,
+            position: O.Right,
             id: `out[${c}]`,
             className: "!w-2.5 !h-2.5 !bg-orange-400 !border-2 !border-white dark:!border-zinc-800",
             style: {
@@ -2609,22 +2609,22 @@ const Zt = oe(function({
       ]
     }
   );
-}), ar = oe(function({
+}), ir = de(function({
   id: o,
   data: n,
   selected: r
 }) {
-  const a = y((p) => p.execution.nodeStatus[o]), i = ae(a), d = n.expectedInputs || 3;
+  const a = y((p) => p.execution.nodeStatus[o]), i = ce(a), d = n.expectedInputs || 3;
   return /* @__PURE__ */ l(
     "div",
     {
       className: `floimg-node floimg-node--iterative relative min-w-[170px] overflow-hidden ${r ? "selected" : ""} ${i}`,
       children: [
         Array.from({ length: d }).map((p, c) => /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "target",
-            position: V.Left,
+            position: O.Left,
             id: `in[${c}]`,
             className: "!w-2.5 !h-2.5 !bg-orange-400 !border-2 !border-white dark:!border-zinc-800",
             style: {
@@ -2634,8 +2634,8 @@ const Zt = oe(function({
           },
           c
         )),
-        /* @__PURE__ */ e(se, { nodeId: o }),
-        /* @__PURE__ */ e(ie, { nodeId: o }),
+        /* @__PURE__ */ e(ue, { nodeId: o }),
+        /* @__PURE__ */ e(me, { nodeId: o }),
         /* @__PURE__ */ l("div", { className: "floimg-node__header", children: [
           /* @__PURE__ */ e("div", { className: "floimg-node__icon bg-orange-500/10", children: /* @__PURE__ */ e(
             "svg",
@@ -2663,10 +2663,10 @@ const Zt = oe(function({
         ] }),
         /* @__PURE__ */ e("div", { className: "floimg-node__content", children: /* @__PURE__ */ e("div", { className: "floimg-node__param", children: n.waitMode === "all" ? "Wait for all" : "Use available" }) }),
         /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "source",
-            position: V.Right,
+            position: O.Right,
             id: "output",
             className: "!w-3 !h-3 !bg-orange-500 !border-2 !border-white dark:!border-zinc-800",
             style: { top: "50%" }
@@ -2675,22 +2675,22 @@ const Zt = oe(function({
       ]
     }
   );
-}), ir = oe(function({
+}), sr = de(function({
   id: o,
   data: n,
   selected: r
 }) {
-  const a = y((p) => p.execution.nodeStatus[o]), i = ae(a), d = !!n.contextProperty;
+  const a = y((p) => p.execution.nodeStatus[o]), i = ce(a), d = !!n.contextProperty;
   return /* @__PURE__ */ l(
     "div",
     {
       className: `floimg-node floimg-node--iterative relative min-w-[170px] overflow-hidden ${r ? "selected" : ""} ${i}`,
       children: [
         /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "target",
-            position: V.Left,
+            position: O.Left,
             id: "candidates",
             className: "!w-3 !h-3 !bg-amber-500 !border-2 !border-white dark:!border-zinc-800",
             style: { top: "35%" },
@@ -2698,18 +2698,18 @@ const Zt = oe(function({
           }
         ),
         /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "target",
-            position: V.Left,
+            position: O.Left,
             id: "selection",
             className: "!w-3 !h-3 !bg-cyan-500 !border-2 !border-white dark:!border-zinc-800",
             style: { top: "65%" },
             title: "Selection (from vision/text)"
           }
         ),
-        /* @__PURE__ */ e(se, { nodeId: o }),
-        /* @__PURE__ */ e(ie, { nodeId: o }),
+        /* @__PURE__ */ e(ue, { nodeId: o }),
+        /* @__PURE__ */ e(me, { nodeId: o }),
         /* @__PURE__ */ l("div", { className: "floimg-node__header", children: [
           /* @__PURE__ */ e("div", { className: "floimg-node__icon bg-amber-500/10", children: /* @__PURE__ */ e(
             "svg",
@@ -2749,10 +2749,10 @@ const Zt = oe(function({
           ] }) })
         ] }),
         /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "source",
-            position: V.Right,
+            position: O.Right,
             id: "winner",
             className: "!w-3 !h-3 !bg-amber-500 !border-2 !border-white dark:!border-zinc-800",
             style: { top: d ? "35%" : "50%" },
@@ -2760,10 +2760,10 @@ const Zt = oe(function({
           }
         ),
         d && /* @__PURE__ */ e(
-          B,
+          D,
           {
             type: "source",
-            position: V.Right,
+            position: O.Right,
             id: "context",
             className: "!w-3 !h-3 !bg-pink-500 !border-2 !border-white dark:!border-zinc-800",
             style: { top: "65%" },
@@ -2773,22 +2773,22 @@ const Zt = oe(function({
       ]
     }
   );
-}), sr = {
-  generator: Zt,
-  transform: Xt,
-  save: er,
-  input: tr,
-  vision: rr,
-  text: nr,
+}), lr = {
+  generator: Xt,
+  transform: er,
+  save: tr,
+  input: rr,
+  vision: nr,
+  text: or,
   // Iterative workflow nodes
-  fanout: or,
-  collect: ar,
-  router: ir
-}, lr = {
+  fanout: ar,
+  collect: ir,
+  router: sr
+}, dr = {
   type: "smoothstep",
   animated: !1,
   markerEnd: {
-    type: xt.ArrowClosed,
+    type: bt.ArrowClosed,
     color: "#71717a",
     width: 18,
     height: 18
@@ -2801,56 +2801,56 @@ const Zt = oe(function({
   // Make edges easier to select
   interactionWidth: 20
 };
-function dr() {
-  const t = y((f) => f.nodes), o = y((f) => f.edges), n = y((f) => f.setNodes), r = y((f) => f.setEdges), a = y((f) => f.addEdge), i = y((f) => f.setSelectedNode), d = J(() => sr, []), p = M(
+function cr() {
+  const t = y((f) => f.nodes), o = y((f) => f.edges), n = y((f) => f.setNodes), r = y((f) => f.setEdges), a = y((f) => f.addEdge), i = y((f) => f.setSelectedNode), d = Z(() => lr, []), p = $(
     (f) => {
-      const { source: v, target: x, targetHandle: k } = f;
+      const { source: v, target: x, targetHandle: w } = f;
       if (!v || !x) return !1;
-      const S = t.find((I) => I.id === v), b = t.find((I) => I.id === x);
-      if (!S || !b || S.type === "save") return !1;
+      const I = t.find((C) => C.id === v), b = t.find((C) => C.id === x);
+      if (!I || !b || I.type === "save") return !1;
       if (b.type === "generator") {
-        const I = b.data;
-        return !!(k === "text" && I.isAI || k === "references" && I.acceptsReferenceImages);
+        const C = b.data;
+        return !!(w === "text" && C.isAI || w === "references" && C.acceptsReferenceImages);
       }
       return !(b.type === "input" || v === x);
     },
     [t]
-  ), c = M(
+  ), c = $(
     (f) => {
-      n(ft(f, t));
+      n(gt(f, t));
     },
     [t, n]
-  ), m = M(
+  ), m = $(
     (f) => {
-      r(gt(f, o));
+      r(xt(f, o));
     },
     [o, r]
-  ), u = M(
+  ), u = $(
     (f) => {
       if (!(f.targetHandle === "references")) {
-        const x = o.filter((k) => {
-          if (k.target !== f.target) return !1;
-          const S = k.targetHandle || null, b = f.targetHandle || null;
-          return S === b || (f.targetHandle === "text" || f.targetHandle === "image") && !k.targetHandle || !f.targetHandle && k.targetHandle === "image";
+        const x = o.filter((w) => {
+          if (w.target !== f.target) return !1;
+          const I = w.targetHandle || null, b = f.targetHandle || null;
+          return I === b || (f.targetHandle === "text" || f.targetHandle === "image") && !w.targetHandle || !f.targetHandle && w.targetHandle === "image";
         });
         if (x.length > 0) {
-          const k = new Set(x.map((S) => S.id));
-          r(o.filter((S) => !k.has(S.id)));
+          const w = new Set(x.map((I) => I.id));
+          r(o.filter((I) => !w.has(I.id)));
         }
       }
       a(f);
     },
     [a, o, r]
-  ), s = M(
+  ), s = $(
     (f, v) => {
       i(v.id);
     },
     [i]
-  ), h = M(() => {
+  ), h = $(() => {
     i(null);
   }, [i]);
   return /* @__PURE__ */ e("div", { className: "h-full w-full", children: /* @__PURE__ */ l(
-    ht,
+    ft,
     {
       nodes: t,
       edges: o,
@@ -2860,7 +2860,7 @@ function dr() {
       onNodeClick: s,
       onPaneClick: h,
       nodeTypes: d,
-      defaultEdgeOptions: lr,
+      defaultEdgeOptions: dr,
       isValidConnection: p,
       nodesDraggable: !0,
       nodesConnectable: !0,
@@ -2872,10 +2872,10 @@ function dr() {
       snapToGrid: !0,
       snapGrid: [15, 15],
       children: [
-        /* @__PURE__ */ e(bt, { variant: vt.Dots, gap: 20, size: 1.5 }),
+        /* @__PURE__ */ e(vt, { variant: kt.Dots, gap: 20, size: 1.5 }),
         /* @__PURE__ */ e(wt, { showInteractive: !1 }),
         /* @__PURE__ */ e(
-          kt,
+          yt,
           {
             nodeStrokeWidth: 2,
             nodeColor: "#71717a",
@@ -2888,11 +2888,11 @@ function dr() {
     }
   ) });
 }
-function cr({ onSelect: t }) {
+function mr({ onSelect: t }) {
   const [o, n] = E([]), [r, a] = E(!0), [i, d] = E(null), p = async () => {
     try {
       a(!0);
-      const u = await Tt();
+      const u = await jt();
       n(u), d(null);
     } catch (u) {
       d(u instanceof Error ? u.message : "Failed to load uploads");
@@ -2906,7 +2906,7 @@ function cr({ onSelect: t }) {
   const c = async (u, s) => {
     if (s.stopPropagation(), !!confirm("Delete this upload?"))
       try {
-        await jt(u), n((h) => h.filter((f) => f.id !== u));
+        await $t(u), n((h) => h.filter((f) => f.id !== u));
       } catch (h) {
         console.error("Failed to delete:", h);
       }
@@ -2930,7 +2930,7 @@ function cr({ onSelect: t }) {
         /* @__PURE__ */ e(
           "img",
           {
-            src: qe(u.id),
+            src: Ze(u.id),
             alt: u.filename,
             className: "w-full h-20 object-cover"
           }
@@ -2950,7 +2950,7 @@ function cr({ onSelect: t }) {
     u.id
   )) }) });
 }
-function re({
+function se({
   definition: t,
   colorVariant: o,
   onDragStart: n,
@@ -2998,17 +2998,17 @@ function re({
     }
   );
 }
-function mr() {
-  const t = y((g) => g.setGenerators), o = y((g) => g.setTransforms), n = y((g) => g.setTextProviders), r = y((g) => g.setVisionProviders), a = y((g) => g.generators), i = y((g) => g.transforms), d = y((g) => g.textProviders), p = y((g) => g.visionProviders), c = y((g) => g.addNode), [m, u] = E(!1), { data: s } = be({
+function ur() {
+  const t = y((g) => g.setGenerators), o = y((g) => g.setTransforms), n = y((g) => g.setTextProviders), r = y((g) => g.setVisionProviders), a = y((g) => g.generators), i = y((g) => g.transforms), d = y((g) => g.textProviders), p = y((g) => g.visionProviders), c = y((g) => g.addNode), [m, u] = E(!1), { data: s } = Ne({
     queryKey: ["generators"],
-    queryFn: St
-  }), { data: h } = be({
-    queryKey: ["transforms"],
     queryFn: Lt
-  }), { data: f } = be({
-    queryKey: ["textProviders"],
+  }), { data: h } = Ne({
+    queryKey: ["transforms"],
     queryFn: _t
-  }), { data: v } = be({
+  }), { data: f } = Ne({
+    queryKey: ["textProviders"],
+    queryFn: Mt
+  }), { data: v } = Ne({
     queryKey: ["visionProviders"],
     queryFn: Wt
   });
@@ -3023,9 +3023,9 @@ function mr() {
   }, [v, r]);
   const x = (g, _) => {
     g.dataTransfer.setData("application/json", JSON.stringify(_)), g.dataTransfer.effectAllowed = "move";
-  }, k = (g) => {
+  }, w = (g) => {
     c(g, { x: 250, y: 150 + Math.random() * 100 });
-  }, S = {
+  }, I = {
     id: "input:upload",
     type: "input",
     name: "upload",
@@ -3057,7 +3057,7 @@ function mr() {
         }
       }
     }
-  }, I = {
+  }, C = {
     id: "fanout:default",
     type: "fanout",
     name: "fanout",
@@ -3116,7 +3116,7 @@ function mr() {
         }
       }
     }
-  }, w = {
+  }, k = {
     id: "router:default",
     type: "router",
     name: "router",
@@ -3154,16 +3154,16 @@ function mr() {
         }
       }
     }
-  }, C = a.reduce(
+  }, z = a.reduce(
     (g, _) => {
-      const W = _.category || "Other";
-      return g[W] || (g[W] = []), g[W].push(_), g;
+      const M = _.category || "Other";
+      return g[M] || (g[M] = []), g[M].push(_), g;
     },
     {}
-  ), L = i.reduce(
+  ), S = i.reduce(
     (g, _) => {
-      const W = _.category || "Other";
-      return g[W] || (g[W] = []), g[W].push(_), g;
+      const M = _.category || "Other";
+      return g[M] || (g[M] = []), g[M].push(_), g;
     },
     {}
   );
@@ -3186,57 +3186,57 @@ function mr() {
           )
         ] }),
         /* @__PURE__ */ e(
-          re,
+          se,
           {
-            definition: S,
+            definition: I,
             colorVariant: "amber",
             onDragStart: x,
-            onDoubleClick: k
+            onDoubleClick: w
           }
         ),
-        m && /* @__PURE__ */ e("div", { className: "mt-2 border border-amber-200 dark:border-amber-700 rounded bg-white dark:bg-zinc-900 max-h-64 overflow-y-auto", children: /* @__PURE__ */ e(cr, {}) })
+        m && /* @__PURE__ */ e("div", { className: "mt-2 border border-amber-200 dark:border-amber-700 rounded bg-white dark:bg-zinc-900 max-h-64 overflow-y-auto", children: /* @__PURE__ */ e(mr, {}) })
       ] }),
       /* @__PURE__ */ l("div", { className: "floimg-sidebar__section", children: [
         /* @__PURE__ */ e("h3", { className: "floimg-sidebar__header !text-blue-600 dark:!text-blue-400", children: "Generators" }),
-        Object.entries(C).map(([g, _]) => /* @__PURE__ */ l("div", { className: "mb-3", children: [
+        Object.entries(z).map(([g, _]) => /* @__PURE__ */ l("div", { className: "mb-3", children: [
           /* @__PURE__ */ e("div", { className: "floimg-sidebar__category", children: g }),
-          _.map((W) => /* @__PURE__ */ e(
-            re,
+          _.map((M) => /* @__PURE__ */ e(
+            se,
             {
-              definition: W,
+              definition: M,
               colorVariant: "blue",
               onDragStart: x,
-              onDoubleClick: k
+              onDoubleClick: w
             },
-            W.id
+            M.id
           ))
         ] }, g))
       ] }),
       /* @__PURE__ */ l("div", { className: "floimg-sidebar__section", children: [
         /* @__PURE__ */ e("h3", { className: "floimg-sidebar__header !text-teal-600 dark:!text-teal-400", children: "Transforms" }),
-        Object.entries(L).map(([g, _]) => /* @__PURE__ */ l("div", { className: "mb-3", children: [
+        Object.entries(S).map(([g, _]) => /* @__PURE__ */ l("div", { className: "mb-3", children: [
           /* @__PURE__ */ e("div", { className: "floimg-sidebar__category", children: g }),
-          _.map((W) => /* @__PURE__ */ e(
-            re,
+          _.map((M) => /* @__PURE__ */ e(
+            se,
             {
-              definition: W,
+              definition: M,
               colorVariant: "teal",
               onDragStart: x,
-              onDoubleClick: k
+              onDoubleClick: w
             },
-            W.id
+            M.id
           ))
         ] }, g))
       ] }),
       d.length > 0 && /* @__PURE__ */ l("div", { className: "floimg-sidebar__section", children: [
         /* @__PURE__ */ e("h3", { className: "floimg-sidebar__header !text-pink-600 dark:!text-pink-400", children: "AI Text" }),
         d.map((g) => /* @__PURE__ */ e(
-          re,
+          se,
           {
             definition: g,
             colorVariant: "pink",
             onDragStart: x,
-            onDoubleClick: k
+            onDoubleClick: w
           },
           g.id
         ))
@@ -3244,12 +3244,12 @@ function mr() {
       p.length > 0 && /* @__PURE__ */ l("div", { className: "floimg-sidebar__section", children: [
         /* @__PURE__ */ e("h3", { className: "floimg-sidebar__header !text-cyan-600 dark:!text-cyan-400", children: "AI Vision" }),
         p.map((g) => /* @__PURE__ */ e(
-          re,
+          se,
           {
             definition: g,
             colorVariant: "cyan",
             onDragStart: x,
-            onDoubleClick: k
+            onDoubleClick: w
           },
           g.id
         ))
@@ -3257,80 +3257,80 @@ function mr() {
       /* @__PURE__ */ l("div", { className: "floimg-sidebar__section", children: [
         /* @__PURE__ */ e("h3", { className: "floimg-sidebar__header !text-orange-600 dark:!text-orange-400", children: "Flow Control" }),
         /* @__PURE__ */ e(
-          re,
+          se,
           {
-            definition: I,
+            definition: C,
             colorVariant: "orange",
             onDragStart: x,
-            onDoubleClick: k
+            onDoubleClick: w
           }
         ),
         /* @__PURE__ */ e(
-          re,
+          se,
           {
             definition: N,
             colorVariant: "orange",
             onDragStart: x,
-            onDoubleClick: k
+            onDoubleClick: w
           }
         ),
         /* @__PURE__ */ e(
-          re,
+          se,
           {
-            definition: w,
+            definition: k,
             colorVariant: "amber",
             onDragStart: x,
-            onDoubleClick: k
+            onDoubleClick: w
           }
         )
       ] }),
       /* @__PURE__ */ l("div", { className: "floimg-sidebar__section", children: [
         /* @__PURE__ */ e("h3", { className: "floimg-sidebar__header !text-emerald-600 dark:!text-emerald-400", children: "Output" }),
         /* @__PURE__ */ e(
-          re,
+          se,
           {
             definition: b,
             colorVariant: "emerald",
             onDragStart: x,
-            onDoubleClick: k
+            onDoubleClick: w
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ e("div", { className: "px-4 py-2 mt-auto border-t border-gray-200 dark:border-zinc-700", children: /* @__PURE__ */ l("div", { className: "text-xs text-gray-400 dark:text-zinc-500", children: [
       "FloImg Studio v",
-      "0.10.2",
+      "0.10.4",
       !1
     ] }) })
   ] });
 }
-function ur() {
-  var k, S, b, I, N;
-  const t = y((w) => w.selectedNodeId), o = y((w) => w.nodes), n = y((w) => w.generators), r = y((w) => w.transforms), a = y((w) => w.textProviders), i = y((w) => w.visionProviders), d = y((w) => w.updateNodeData), p = y((w) => w.deleteNode), c = y((w) => w.execution), m = o.find((w) => w.id === t), u = ((k = c.validationIssues) == null ? void 0 : k.filter((w) => w.nodeId === t)) || [];
+function pr() {
+  var w, I, b, C, N;
+  const t = y((k) => k.selectedNodeId), o = y((k) => k.nodes), n = y((k) => k.generators), r = y((k) => k.transforms), a = y((k) => k.textProviders), i = y((k) => k.visionProviders), d = y((k) => k.updateNodeData), p = y((k) => k.deleteNode), c = y((k) => k.execution), m = o.find((k) => k.id === t), u = ((w = c.validationIssues) == null ? void 0 : w.filter((k) => k.nodeId === t)) || [];
   if (!m)
     return null;
   let s, h = "";
   if (m.type === "generator") {
-    const w = m.data, C = n.find((L) => L.name === w.generatorName);
-    s = (S = C == null ? void 0 : C.params) == null ? void 0 : S.properties, h = (C == null ? void 0 : C.label) || w.generatorName;
+    const k = m.data, z = n.find((S) => S.name === k.generatorName);
+    s = (I = z == null ? void 0 : z.params) == null ? void 0 : I.properties, h = (z == null ? void 0 : z.label) || k.generatorName;
   } else if (m.type === "transform") {
-    const w = m.data, C = r.find((L) => L.name === w.operation);
-    s = (b = C == null ? void 0 : C.params) == null ? void 0 : b.properties, h = (C == null ? void 0 : C.label) || w.operation;
+    const k = m.data, z = r.find((S) => S.name === k.operation);
+    s = (b = z == null ? void 0 : z.params) == null ? void 0 : b.properties, h = (z == null ? void 0 : z.label) || k.operation;
   } else if (m.type === "save") {
-    const C = m.data.provider === "cloud";
-    h = C ? "Save to FloImg Cloud" : "Save", s = {
+    const z = m.data.provider === "cloud";
+    h = z ? "Save to FloImg Cloud" : "Save", s = {
       destination: {
         type: "string",
-        title: C ? "Filename" : "Destination",
-        description: C ? "Filename for cloud storage" : "File path to save the image"
+        title: z ? "Filename" : "Destination",
+        description: z ? "Filename for cloud storage" : "File path to save the image"
       }
     };
   } else if (m.type === "text") {
-    const w = m.data, C = a.find((L) => L.name === w.providerName);
-    s = (I = C == null ? void 0 : C.params) == null ? void 0 : I.properties, h = (C == null ? void 0 : C.label) || w.providerName;
+    const k = m.data, z = a.find((S) => S.name === k.providerName);
+    s = (C = z == null ? void 0 : z.params) == null ? void 0 : C.properties, h = (z == null ? void 0 : z.label) || k.providerName;
   } else if (m.type === "vision") {
-    const w = m.data, C = i.find((L) => L.name === w.providerName);
-    s = (N = C == null ? void 0 : C.params) == null ? void 0 : N.properties, h = (C == null ? void 0 : C.label) || w.providerName;
+    const k = m.data, z = i.find((S) => S.name === k.providerName);
+    s = (N = z == null ? void 0 : z.params) == null ? void 0 : N.properties, h = (z == null ? void 0 : z.label) || k.providerName;
   } else m.type === "fanout" ? (h = "Fan-Out", s = {
     mode: {
       type: "string",
@@ -3389,63 +3389,63 @@ function ur() {
       description: "Optional property to pass through (e.g., 'refinement')"
     }
   });
-  const f = (w, C) => {
+  const f = (k, z) => {
     if (m.type === "generator") {
-      const L = m.data;
+      const S = m.data;
       d(m.id, {
-        params: { ...L.params, [w]: C }
+        params: { ...S.params, [k]: z }
       });
     } else if (m.type === "transform") {
-      const L = m.data;
+      const S = m.data;
       d(m.id, {
-        params: { ...L.params, [w]: C }
+        params: { ...S.params, [k]: z }
       });
     } else if (m.type === "save")
-      d(m.id, { [w]: C });
+      d(m.id, { [k]: z });
     else if (m.type === "text") {
-      const L = m.data;
+      const S = m.data;
       d(m.id, {
-        params: { ...L.params, [w]: C }
+        params: { ...S.params, [k]: z }
       });
     } else if (m.type === "vision") {
-      const L = m.data;
+      const S = m.data;
       d(m.id, {
-        params: { ...L.params, [w]: C }
+        params: { ...S.params, [k]: z }
       });
-    } else (m.type === "fanout" || m.type === "collect" || m.type === "router") && d(m.id, { [w]: C });
-  }, v = (w) => {
+    } else (m.type === "fanout" || m.type === "collect" || m.type === "router") && d(m.id, { [k]: z });
+  }, v = (k) => {
     if (m.type === "generator")
-      return m.data.params[w];
+      return m.data.params[k];
     if (m.type === "transform")
-      return m.data.params[w];
+      return m.data.params[k];
     if (m.type === "save")
-      return m.data[w];
+      return m.data[k];
     if (m.type === "text")
-      return m.data.params[w];
+      return m.data.params[k];
     if (m.type === "vision")
-      return m.data.params[w];
+      return m.data.params[k];
     if (m.type === "fanout")
-      return m.data[w];
+      return m.data[k];
     if (m.type === "collect")
-      return m.data[w];
+      return m.data[k];
     if (m.type === "router")
-      return m.data[w];
-  }, x = (w, C) => {
+      return m.data[k];
+  }, x = (k, z) => {
     if (m.type === "generator" && m.data.generatorName === "shapes") {
-      const L = v("shapeType") || "rectangle", g = v("fillType") || "solid";
-      if (w === "sides") return L === "polygon";
-      if (w === "points" || w === "innerRadius") return L === "star";
-      if (w === "cornerRadius") return L === "rectangle";
-      if (w === "fillColor") return g === "solid";
-      if (w === "gradientType" || w === "gradientColor1" || w === "gradientColor2" || w === "gradientAngle")
+      const S = v("shapeType") || "rectangle", g = v("fillType") || "solid";
+      if (k === "sides") return S === "polygon";
+      if (k === "points" || k === "innerRadius") return S === "star";
+      if (k === "cornerRadius") return S === "rectangle";
+      if (k === "fillColor") return g === "solid";
+      if (k === "gradientType" || k === "gradientColor1" || k === "gradientColor2" || k === "gradientAngle")
         return g === "gradient";
-      if (w === "patternType" || w === "patternColor" || w === "patternBackground" || w === "patternScale")
+      if (k === "patternType" || k === "patternColor" || k === "patternBackground" || k === "patternScale")
         return g === "pattern";
     }
     if (m.type === "fanout") {
-      const L = m.data.mode || "count";
-      if (w === "count") return L === "count";
-      if (w === "arrayProperty") return L === "array";
+      const S = m.data.mode || "count";
+      if (k === "count") return S === "count";
+      if (k === "arrayProperty") return S === "array";
     }
     return !0;
   };
@@ -3454,19 +3454,19 @@ function ur() {
       /* @__PURE__ */ e("h2", { className: "floimg-inspector__title", children: h }),
       /* @__PURE__ */ e("button", { onClick: () => p(m.id), className: "floimg-inspector__delete", children: "Delete" })
     ] }),
-    u.length > 0 && /* @__PURE__ */ e(fr, { issues: u }),
-    /* @__PURE__ */ e("div", { className: "space-y-4", children: s && Object.entries(s).filter(([w, C]) => x(w)).map(([w, C]) => /* @__PURE__ */ e(
-      pr,
+    u.length > 0 && /* @__PURE__ */ e(gr, { issues: u }),
+    /* @__PURE__ */ e("div", { className: "space-y-4", children: s && Object.entries(s).filter(([k, z]) => x(k)).map(([k, z]) => /* @__PURE__ */ e(
+      hr,
       {
-        name: w,
-        field: C,
-        value: v(w),
-        onChange: (L) => f(w, L)
+        name: k,
+        field: z,
+        value: v(k),
+        onChange: (S) => f(k, S)
       },
-      w
+      k
     )) }),
     (m.type === "text" || m.type === "vision") && /* @__PURE__ */ e(
-      hr,
+      fr,
       {
         nodeId: m.id,
         outputSchema: m.data.outputSchema,
@@ -3475,7 +3475,7 @@ function ur() {
     )
   ] }) });
 }
-function pr({ name: t, field: o, value: n, onChange: r }) {
+function hr({ name: t, field: o, value: n, onChange: r }) {
   const a = o.title || t;
   return o.enum ? /* @__PURE__ */ l("div", { className: "floimg-field", children: [
     /* @__PURE__ */ e("label", { className: "floimg-field__label", children: a }),
@@ -3578,7 +3578,7 @@ function pr({ name: t, field: o, value: n, onChange: r }) {
     o.description && /* @__PURE__ */ e("p", { className: "floimg-field__hint", children: o.description })
   ] });
 }
-function hr({ nodeId: t, outputSchema: o, updateNodeData: n }) {
+function fr({ nodeId: t, outputSchema: o, updateNodeData: n }) {
   const [r, a] = E(""), i = (o == null ? void 0 : o.properties) || {}, d = Object.entries(i), p = () => {
     if (!r.trim()) return;
     const s = {
@@ -3702,7 +3702,7 @@ function hr({ nodeId: t, outputSchema: o, updateNodeData: n }) {
     d.length > 0 && /* @__PURE__ */ e("p", { className: "mt-3 text-xs text-gray-500 dark:text-zinc-500", children: "Connect from the small pink handles on the right of the node to route individual properties." })
   ] });
 }
-function fr({ issues: t }) {
+function gr({ issues: t }) {
   const o = t.filter((r) => r.severity === "error"), n = t.filter((r) => r.severity === "warning");
   return /* @__PURE__ */ l("div", { className: "mb-4 space-y-2", children: [
     o.map((r, a) => /* @__PURE__ */ e(
@@ -3782,7 +3782,7 @@ function fr({ issues: t }) {
     ))
   ] });
 }
-const Ye = ["shift", "alt", "meta", "mod", "ctrl", "control"], gr = {
+const tt = ["shift", "alt", "meta", "mod", "ctrl", "control"], xr = {
   esc: "escape",
   return: "enter",
   left: "arrowleft",
@@ -3800,18 +3800,18 @@ const Ye = ["shift", "alt", "meta", "mod", "ctrl", "control"], gr = {
   ControlLeft: "ctrl",
   ControlRight: "ctrl"
 };
-function ce(t) {
-  return (gr[t.trim()] || t.trim()).toLowerCase().replace(/key|digit|numpad/, "");
+function fe(t) {
+  return (xr[t.trim()] || t.trim()).toLowerCase().replace(/key|digit|numpad/, "");
 }
-function Qe(t) {
-  return Ye.includes(t);
+function rt(t) {
+  return tt.includes(t);
 }
-function Ce(t, o = ",") {
+function Me(t, o = ",") {
   return t.toLowerCase().split(o);
 }
-function Ie(t, o = "+", n = ">", r = !1, a) {
+function We(t, o = "+", n = ">", r = !1, a) {
   let i = [], d = !1;
-  t = t.trim(), t.includes(n) ? (d = !0, i = t.toLocaleLowerCase().split(n).map((m) => ce(m))) : i = t.toLocaleLowerCase().split(o).map((m) => ce(m));
+  t = t.trim(), t.includes(n) ? (d = !0, i = t.toLocaleLowerCase().split(n).map((m) => fe(m))) : i = t.toLocaleLowerCase().split(o).map((m) => fe(m));
   const p = {
     alt: i.includes("alt"),
     ctrl: i.includes("ctrl") || i.includes("control"),
@@ -3819,7 +3819,7 @@ function Ie(t, o = "+", n = ">", r = !1, a) {
     meta: i.includes("meta"),
     mod: i.includes("mod"),
     useKey: r
-  }, c = i.filter((m) => !Ye.includes(m));
+  }, c = i.filter((m) => !tt.includes(m));
   return {
     ...p,
     keys: c,
@@ -3829,35 +3829,35 @@ function Ie(t, o = "+", n = ">", r = !1, a) {
   };
 }
 typeof document < "u" && (document.addEventListener("keydown", (t) => {
-  t.code !== void 0 && Ze([ce(t.code)]);
+  t.code !== void 0 && nt([fe(t.code)]);
 }), document.addEventListener("keyup", (t) => {
-  t.code !== void 0 && Xe([ce(t.code)]);
+  t.code !== void 0 && ot([fe(t.code)]);
 })), typeof window < "u" && (window.addEventListener("blur", () => {
-  ne.clear();
+  le.clear();
 }), window.addEventListener("contextmenu", () => {
   setTimeout(() => {
-    ne.clear();
+    le.clear();
   }, 0);
 }));
-const ne = /* @__PURE__ */ new Set();
-function Ee(t) {
+const le = /* @__PURE__ */ new Set();
+function Re(t) {
   return Array.isArray(t);
 }
-function xr(t, o = ",") {
-  return (Ee(t) ? t : t.split(o)).every((n) => ne.has(n.trim().toLowerCase()));
+function br(t, o = ",") {
+  return (Re(t) ? t : t.split(o)).every((n) => le.has(n.trim().toLowerCase()));
 }
-function Ze(t) {
+function nt(t) {
   const o = Array.isArray(t) ? t : [t];
-  ne.has("meta") && ne.forEach((n) => !Qe(n) && ne.delete(n.toLowerCase())), o.forEach((n) => ne.add(n.toLowerCase()));
+  le.has("meta") && le.forEach((n) => !rt(n) && le.delete(n.toLowerCase())), o.forEach((n) => le.add(n.toLowerCase()));
 }
-function Xe(t) {
+function ot(t) {
   const o = Array.isArray(t) ? t : [t];
-  t === "meta" ? ne.clear() : o.forEach((n) => ne.delete(n.toLowerCase()));
+  t === "meta" ? le.clear() : o.forEach((n) => le.delete(n.toLowerCase()));
 }
-function br(t, o, n) {
+function vr(t, o, n) {
   (typeof n == "function" && n(t, o) || n === !0) && t.preventDefault();
 }
-function vr(t, o, n) {
+function kr(t, o, n) {
   return typeof n == "function" ? n(t, o) : n === !0 || n === void 0;
 }
 const wr = [
@@ -3874,44 +3874,44 @@ const wr = [
   "radio",
   "textbox"
 ];
-function kr(t) {
-  return et(t, wr);
+function yr(t) {
+  return at(t, wr);
 }
-function et(t, o = !1) {
+function at(t, o = !1) {
   const { target: n, composed: r } = t;
   let a, i;
-  return yr(n) && r ? (a = t.composedPath()[0] && t.composedPath()[0].tagName, i = t.composedPath()[0] && t.composedPath()[0].role) : (a = n && n.tagName, i = n && n.role), Ee(o) ? !!(a && o && o.some((d) => d.toLowerCase() === a.toLowerCase() || d === i)) : !!(a && o && o);
+  return Nr(n) && r ? (a = t.composedPath()[0] && t.composedPath()[0].tagName, i = t.composedPath()[0] && t.composedPath()[0].role) : (a = n && n.tagName, i = n && n.role), Re(o) ? !!(a && o && o.some((d) => d.toLowerCase() === a.toLowerCase() || d === i)) : !!(a && o && o);
 }
-function yr(t) {
+function Nr(t) {
   return !!t.tagName && !t.tagName.startsWith("-") && t.tagName.includes("-");
 }
-function Nr(t, o) {
+function zr(t, o) {
   return t.length === 0 && o ? (console.warn(
     'A hotkey has the "scopes" option set, however no active scopes were found. If you want to use the global scopes feature, you need to wrap your app in a <HotkeysProvider>'
   ), !0) : o ? t.some((n) => o.includes(n)) || t.includes("*") : !0;
 }
-const zr = (t, o, n = !1) => {
-  const { alt: r, meta: a, mod: i, shift: d, ctrl: p, keys: c, useKey: m } = o, { code: u, key: s, ctrlKey: h, metaKey: f, shiftKey: v, altKey: x } = t, k = ce(u);
+const Cr = (t, o, n = !1) => {
+  const { alt: r, meta: a, mod: i, shift: d, ctrl: p, keys: c, useKey: m } = o, { code: u, key: s, ctrlKey: h, metaKey: f, shiftKey: v, altKey: x } = t, w = fe(u);
   if (m && (c == null ? void 0 : c.length) === 1 && c.includes(s))
     return !0;
-  if (!(c != null && c.includes(k)) && !["ctrl", "control", "unknown", "meta", "alt", "shift", "os"].includes(k))
+  if (!(c != null && c.includes(w)) && !["ctrl", "control", "unknown", "meta", "alt", "shift", "os"].includes(w))
     return !1;
   if (!n) {
-    if (r !== x && k !== "alt" || d !== v && k !== "shift")
+    if (r !== x && w !== "alt" || d !== v && w !== "shift")
       return !1;
     if (i) {
       if (!f && !h)
         return !1;
-    } else if (a !== f && k !== "meta" && k !== "os" || p !== h && k !== "ctrl" && k !== "control")
+    } else if (a !== f && w !== "meta" && w !== "os" || p !== h && w !== "ctrl" && w !== "control")
       return !1;
   }
-  return c && c.length === 1 && c.includes(k) ? !0 : c ? xr(c) : !c;
-}, Cr = Ue(void 0), Ir = () => Ve(Cr);
-function tt(t, o) {
+  return c && c.length === 1 && c.includes(w) ? !0 : c ? br(c) : !c;
+}, Ir = Ge(void 0), Sr = () => qe(Ir);
+function it(t, o) {
   return t && o && typeof t == "object" && typeof o == "object" ? Object.keys(t).length === Object.keys(o).length && // @ts-expect-error TS7053
-  Object.keys(t).reduce((n, r) => n && tt(t[r], o[r]), !0) : t === o;
+  Object.keys(t).reduce((n, r) => n && it(t[r], o[r]), !0) : t === o;
 }
-const Sr = Ue({
+const Lr = Ge({
   hotkeys: [],
   activeScopes: [],
   // This array has to be empty instead of containing '*' as default, to check if the provider is set or not
@@ -3921,42 +3921,42 @@ const Sr = Ue({
   },
   disableScope: () => {
   }
-}), Lr = () => Ve(Sr);
-function _r(t) {
-  const o = Z(void 0);
-  return tt(o.current, t) || (o.current = t), o.current;
+}), _r = () => qe(Lr);
+function Mr(t) {
+  const o = re(void 0);
+  return it(o.current, t) || (o.current = t), o.current;
 }
-const Re = (t) => {
+const Ve = (t) => {
   t.stopPropagation(), t.preventDefault(), t.stopImmediatePropagation();
-}, Wr = typeof window < "u" ? ut : U;
-function Mr(t, o, n, r) {
-  const a = Z(null), i = Z(!1), d = Array.isArray(n) ? Array.isArray(r) ? void 0 : r : n, p = Ee(t) ? t.join(d == null ? void 0 : d.delimiter) : t, c = Array.isArray(n) ? n : Array.isArray(r) ? r : void 0, m = M(o, c ?? []), u = Z(m);
+}, Wr = typeof window < "u" ? pt : U;
+function Er(t, o, n, r) {
+  const a = re(null), i = re(!1), d = Array.isArray(n) ? Array.isArray(r) ? void 0 : r : n, p = Re(t) ? t.join(d == null ? void 0 : d.delimiter) : t, c = Array.isArray(n) ? n : Array.isArray(r) ? r : void 0, m = $(o, c ?? []), u = re(m);
   c ? u.current = m : u.current = o;
-  const s = _r(d), { activeScopes: h } = Lr(), f = Ir();
+  const s = Mr(d), { activeScopes: h } = _r(), f = Sr();
   return Wr(() => {
-    if ((s == null ? void 0 : s.enabled) === !1 || !Nr(h, s == null ? void 0 : s.scopes))
+    if ((s == null ? void 0 : s.enabled) === !1 || !zr(h, s == null ? void 0 : s.scopes))
       return;
     let v = [], x;
-    const k = (N, w = !1) => {
-      var C;
-      if (!(kr(N) && !et(N, s == null ? void 0 : s.enableOnFormTags))) {
+    const w = (N, k = !1) => {
+      var z;
+      if (!(yr(N) && !at(N, s == null ? void 0 : s.enableOnFormTags))) {
         if (a.current !== null) {
-          const L = a.current.getRootNode();
-          if ((L instanceof Document || L instanceof ShadowRoot) && L.activeElement !== a.current && !a.current.contains(L.activeElement)) {
-            Re(N);
+          const S = a.current.getRootNode();
+          if ((S instanceof Document || S instanceof ShadowRoot) && S.activeElement !== a.current && !a.current.contains(S.activeElement)) {
+            Ve(N);
             return;
           }
         }
-        (C = N.target) != null && C.isContentEditable && !(s != null && s.enableOnContentEditable) || Ce(p, s == null ? void 0 : s.delimiter).forEach((L) => {
-          var _, W, R, O;
-          if (L.includes((s == null ? void 0 : s.splitKey) ?? "+") && L.includes((s == null ? void 0 : s.sequenceSplitKey) ?? ">")) {
+        (z = N.target) != null && z.isContentEditable && !(s != null && s.enableOnContentEditable) || Me(p, s == null ? void 0 : s.delimiter).forEach((S) => {
+          var _, M, R, B;
+          if (S.includes((s == null ? void 0 : s.splitKey) ?? "+") && S.includes((s == null ? void 0 : s.sequenceSplitKey) ?? ">")) {
             console.warn(
-              `Hotkey ${L} contains both ${(s == null ? void 0 : s.splitKey) ?? "+"} and ${(s == null ? void 0 : s.sequenceSplitKey) ?? ">"} which is not supported.`
+              `Hotkey ${S} contains both ${(s == null ? void 0 : s.splitKey) ?? "+"} and ${(s == null ? void 0 : s.sequenceSplitKey) ?? ">"} which is not supported.`
             );
             return;
           }
-          const g = Ie(
-            L,
+          const g = We(
+            S,
             s == null ? void 0 : s.splitKey,
             s == null ? void 0 : s.sequenceSplitKey,
             s == null ? void 0 : s.useKey,
@@ -3966,35 +3966,35 @@ function Mr(t, o, n, r) {
             x = setTimeout(() => {
               v = [];
             }, (s == null ? void 0 : s.sequenceTimeoutMs) ?? 1e3);
-            const K = g.useKey ? N.key : ce(N.code);
-            if (Qe(K.toLowerCase()))
+            const H = g.useKey ? N.key : fe(N.code);
+            if (rt(H.toLowerCase()))
               return;
-            v.push(K);
-            const Q = (_ = g.keys) == null ? void 0 : _[v.length - 1];
-            if (K !== Q) {
+            v.push(H);
+            const ee = (_ = g.keys) == null ? void 0 : _[v.length - 1];
+            if (H !== ee) {
               v = [], x && clearTimeout(x);
               return;
             }
-            v.length === ((W = g.keys) == null ? void 0 : W.length) && (u.current(N, g), x && clearTimeout(x), v = []);
-          } else if (zr(N, g, s == null ? void 0 : s.ignoreModifiers) || (R = g.keys) != null && R.includes("*")) {
-            if ((O = s == null ? void 0 : s.ignoreEventWhen) != null && O.call(s, N) || w && i.current)
+            v.length === ((M = g.keys) == null ? void 0 : M.length) && (u.current(N, g), x && clearTimeout(x), v = []);
+          } else if (Cr(N, g, s == null ? void 0 : s.ignoreModifiers) || (R = g.keys) != null && R.includes("*")) {
+            if ((B = s == null ? void 0 : s.ignoreEventWhen) != null && B.call(s, N) || k && i.current)
               return;
-            if (br(N, g, s == null ? void 0 : s.preventDefault), !vr(N, g, s == null ? void 0 : s.enabled)) {
-              Re(N);
+            if (vr(N, g, s == null ? void 0 : s.preventDefault), !kr(N, g, s == null ? void 0 : s.enabled)) {
+              Ve(N);
               return;
             }
-            u.current(N, g), w || (i.current = !0);
+            u.current(N, g), k || (i.current = !0);
           }
         });
       }
-    }, S = (N) => {
-      N.code !== void 0 && (Ze(ce(N.code)), ((s == null ? void 0 : s.keydown) === void 0 && (s == null ? void 0 : s.keyup) !== !0 || s != null && s.keydown) && k(N));
+    }, I = (N) => {
+      N.code !== void 0 && (nt(fe(N.code)), ((s == null ? void 0 : s.keydown) === void 0 && (s == null ? void 0 : s.keyup) !== !0 || s != null && s.keydown) && w(N));
     }, b = (N) => {
-      N.code !== void 0 && (Xe(ce(N.code)), i.current = !1, s != null && s.keyup && k(N, !0));
-    }, I = a.current || (d == null ? void 0 : d.document) || document;
-    return I.addEventListener("keyup", b, d == null ? void 0 : d.eventListenerOptions), I.addEventListener("keydown", S, d == null ? void 0 : d.eventListenerOptions), f && Ce(p, s == null ? void 0 : s.delimiter).forEach(
+      N.code !== void 0 && (ot(fe(N.code)), i.current = !1, s != null && s.keyup && w(N, !0));
+    }, C = a.current || (d == null ? void 0 : d.document) || document;
+    return C.addEventListener("keyup", b, d == null ? void 0 : d.eventListenerOptions), C.addEventListener("keydown", I, d == null ? void 0 : d.eventListenerOptions), f && Me(p, s == null ? void 0 : s.delimiter).forEach(
       (N) => f.addHotkey(
-        Ie(
+        We(
           N,
           s == null ? void 0 : s.splitKey,
           s == null ? void 0 : s.sequenceSplitKey,
@@ -4003,9 +4003,9 @@ function Mr(t, o, n, r) {
         )
       )
     ), () => {
-      I.removeEventListener("keyup", b, d == null ? void 0 : d.eventListenerOptions), I.removeEventListener("keydown", S, d == null ? void 0 : d.eventListenerOptions), f && Ce(p, s == null ? void 0 : s.delimiter).forEach(
+      C.removeEventListener("keyup", b, d == null ? void 0 : d.eventListenerOptions), C.removeEventListener("keydown", I, d == null ? void 0 : d.eventListenerOptions), f && Me(p, s == null ? void 0 : s.delimiter).forEach(
         (N) => f.removeHotkey(
-          Ie(
+          We(
             N,
             s == null ? void 0 : s.splitKey,
             s == null ? void 0 : s.sequenceSplitKey,
@@ -4017,112 +4017,112 @@ function Mr(t, o, n, r) {
     };
   }, [p, s, h]), a;
 }
-const Er = {
+const Tr = {
   enableOnFormTags: !1,
   preventDefault: !0
 };
-function rt(t) {
+function st(t) {
   var r;
-  const o = $((a) => a.keyboard), n = he.find((a) => a.action === t);
+  const o = A((a) => a.keyboard), n = ke.find((a) => a.action === t);
   return n ? ((r = o == null ? void 0 : o.shortcuts) == null ? void 0 : r[t]) !== void 0 ? o.shortcuts[t] ?? null : n.defaultBinding : null;
 }
 function F(t, o, n = {}) {
-  const r = rt(t), a = $((i) => {
+  const r = st(t), a = A((i) => {
     var d;
     return ((d = i.keyboard) == null ? void 0 : d.enabled) ?? !0;
   });
-  Mr(
+  Er(
     r || "",
     o,
     {
-      ...Er,
+      ...Tr,
       ...n,
       enabled: a && !!r
     },
     [o, r, a]
   );
 }
-function Tr(t = {}) {
-  const { onToggleAIChat: o } = t, n = He(), r = y((T) => T.nodes), a = y((T) => T.selectedNodeId), i = y((T) => T.execution), d = y((T) => T.hasUnsavedChanges), p = y((T) => T.saveWorkflow), c = y((T) => T.execute), m = y((T) => T.cancelExecution), u = y((T) => T.duplicateNode), s = y((T) => T.setSelectedNode), h = y((T) => T.toggleLibrary), f = y((T) => T.newWorkflow), v = $((T) => T.openSettings), x = $((T) => T.openShortcutsModal), k = $((T) => T.openCommandPalette), S = $((T) => T.closeCommandPalette), b = $((T) => T.closeShortcutsModal), I = $((T) => T.closeSettings), N = $((T) => T.showCommandPalette), w = $((T) => T.openExport), C = $((T) => T.openImport), L = $((T) => T.requestNewWorkflow), g = M(() => {
+function jr(t = {}) {
+  const { onToggleAIChat: o } = t, n = Je(), r = y((j) => j.nodes), a = y((j) => j.selectedNodeId), i = y((j) => j.execution), d = y((j) => j.hasUnsavedChanges), p = y((j) => j.saveWorkflow), c = y((j) => j.execute), m = y((j) => j.cancelExecution), u = y((j) => j.duplicateNode), s = y((j) => j.setSelectedNode), h = y((j) => j.toggleLibrary), f = y((j) => j.newWorkflow), v = A((j) => j.openSettings), x = A((j) => j.openShortcutsModal), w = A((j) => j.openCommandPalette), I = A((j) => j.closeCommandPalette), b = A((j) => j.closeShortcutsModal), C = A((j) => j.closeSettings), N = A((j) => j.showCommandPalette), k = A((j) => j.openExport), z = A((j) => j.openImport), S = A((j) => j.requestNewWorkflow), g = $(() => {
     r.length !== 0 && p();
-  }, [r.length, p]), _ = M(() => {
+  }, [r.length, p]), _ = $(() => {
     r.length === 0 || i.status === "running" || c();
-  }, [r.length, i.status, c]), W = M(() => {
-    L(d, f);
-  }, [L, d, f]), R = M(() => {
-    r.length !== 0 && (w == null || w());
-  }, [r.length, w]), O = M(() => {
-    C == null || C();
-  }, [C]), K = M(() => {
+  }, [r.length, i.status, c]), M = $(() => {
+    S(d, f);
+  }, [S, d, f]), R = $(() => {
+    r.length !== 0 && (k == null || k());
+  }, [r.length, k]), B = $(() => {
+    z == null || z();
+  }, [z]), H = $(() => {
     i.status === "running" && m();
-  }, [i.status, m]), Q = M(() => {
+  }, [i.status, m]), ee = $(() => {
     a && u(a);
-  }, [a, u]), ee = M(() => {
+  }, [a, u]), te = $(() => {
     n == null || n.setNodes(
-      (T) => T.map((fe) => ({
-        ...fe,
+      (j) => j.map((he) => ({
+        ...he,
         selected: !0
       }))
     );
-  }, [n]), le = M(() => {
-    S == null || S(), b == null || b(), I == null || I(), s(null), n == null || n.setNodes(
-      (T) => T.map((fe) => ({
-        ...fe,
+  }, [n]), ne = $(() => {
+    I == null || I(), b == null || b(), C == null || C(), s(null), n == null || n.setNodes(
+      (j) => j.map((he) => ({
+        ...he,
         selected: !1
       }))
     );
-  }, [s, n, S, b, I]), te = M(() => {
+  }, [s, n, I, b, C]), oe = $(() => {
     n == null || n.zoomIn();
-  }, [n]), z = M(() => {
+  }, [n]), L = $(() => {
     n == null || n.zoomOut();
-  }, [n]), A = M(() => {
+  }, [n]), P = $(() => {
     n == null || n.fitView({ padding: 0.2 });
-  }, [n]), D = M(() => {
-    N ? S == null || S() : k == null || k();
-  }, [N, k, S]), H = M(() => {
+  }, [n]), V = $(() => {
+    N ? I == null || I() : w == null || w();
+  }, [N, w, I]), K = $(() => {
     x == null || x();
-  }, [x]), P = M(() => {
+  }, [x]), q = $(() => {
     o == null || o();
-  }, [o]), q = M(() => {
+  }, [o]), J = $(() => {
     h();
-  }, [h]), de = M(() => {
+  }, [h]), pe = $(() => {
     v();
   }, [v]);
-  return F("save", g), F("execute", _), F("newWorkflow", W), F("exportWorkflow", R), F("importWorkflow", O), F("cancelExecution", K), F("duplicate", Q), F("selectAll", ee), F("deselect", le), F("zoomIn", te), F("zoomOut", z), F("zoomFit", A), F("commandPalette", D), F("showShortcuts", H), F("toggleAIChat", P), F("toggleLibrary", q), F("settings", de), {
+  return F("save", g), F("execute", _), F("newWorkflow", M), F("exportWorkflow", R), F("importWorkflow", B), F("cancelExecution", H), F("duplicate", ee), F("selectAll", te), F("deselect", ne), F("zoomIn", oe), F("zoomOut", L), F("zoomFit", P), F("commandPalette", V), F("showShortcuts", K), F("toggleAIChat", q), F("toggleLibrary", J), F("settings", pe), {
     handleSave: g,
     handleExecute: _,
-    handleNewWorkflow: W,
+    handleNewWorkflow: M,
     handleExport: R,
-    handleImport: O,
-    handleDuplicate: Q,
-    handleSelectAll: ee,
-    handleDeselect: le,
-    handleZoomIn: te,
-    handleZoomOut: z,
-    handleZoomFit: A,
-    handleCommandPalette: D,
-    handleShowShortcuts: H,
-    handleToggleAIChat: P,
-    handleToggleLibrary: q,
-    handleSettings: de
+    handleImport: B,
+    handleDuplicate: ee,
+    handleSelectAll: te,
+    handleDeselect: ne,
+    handleZoomIn: oe,
+    handleZoomOut: L,
+    handleZoomFit: P,
+    handleCommandPalette: V,
+    handleShowShortcuts: K,
+    handleToggleAIChat: q,
+    handleToggleLibrary: J,
+    handleSettings: pe
   };
 }
-function jr(t) {
-  return rt(t);
+function $r(t) {
+  return st(t);
 }
-function ye() {
+function Se() {
   return typeof navigator > "u" ? !1 : navigator.platform.toLowerCase().includes("mac");
 }
-function nt() {
-  return ye() ? "⌘" : "Ctrl";
+function lt() {
+  return Se() ? "⌘" : "Ctrl";
 }
-function ot() {
-  return ye() ? "⌥" : "Alt";
+function dt() {
+  return Se() ? "⌥" : "Alt";
 }
-function at() {
+function ct() {
   return "⇧";
 }
-const ke = {
+const Ie = {
   enter: "⏎",
   return: "⏎",
   escape: "Esc",
@@ -4141,21 +4141,21 @@ const ke = {
   plus: "+",
   period: "."
 };
-function $r(t) {
+function Ar(t) {
   if (!t) return "";
   const o = t.toLowerCase().split("+"), n = [];
   for (const r of o)
-    r === "mod" ? n.push(nt()) : r === "ctrl" || r === "control" ? n.push(ye() ? "⌃" : "Ctrl") : r === "alt" || r === "option" ? n.push(ot()) : r === "shift" ? n.push(at()) : r === "meta" || r === "cmd" || r === "command" ? n.push("⌘") : ke[r] ? n.push(ke[r]) : n.push(r.toUpperCase());
+    r === "mod" ? n.push(lt()) : r === "ctrl" || r === "control" ? n.push(Se() ? "⌃" : "Ctrl") : r === "alt" || r === "option" ? n.push(dt()) : r === "shift" ? n.push(ct()) : r === "meta" || r === "cmd" || r === "command" ? n.push("⌘") : Ie[r] ? n.push(Ie[r]) : n.push(r.toUpperCase());
   return n.join("");
 }
-function Ar(t) {
+function Rr(t) {
   if (!t) return [];
   const o = t.toLowerCase().split("+"), n = [];
   for (const r of o)
-    r === "mod" ? n.push(nt()) : r === "ctrl" || r === "control" ? n.push(ye() ? "⌃" : "Ctrl") : r === "alt" || r === "option" ? n.push(ot()) : r === "shift" ? n.push(at()) : r === "meta" || r === "cmd" || r === "command" ? n.push("⌘") : ke[r] ? n.push(ke[r]) : n.push(r.toUpperCase());
+    r === "mod" ? n.push(lt()) : r === "ctrl" || r === "control" ? n.push(Se() ? "⌃" : "Ctrl") : r === "alt" || r === "option" ? n.push(dt()) : r === "shift" ? n.push(ct()) : r === "meta" || r === "cmd" || r === "command" ? n.push("⌘") : Ie[r] ? n.push(Ie[r]) : n.push(r.toUpperCase());
   return n;
 }
-function Rr(t, o) {
+function Pr(t, o) {
   const n = new Map(t.map((p) => [p.id, p])), r = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
   for (const p of t)
     r.set(p.id, 0), a.set(p.id, []);
@@ -4178,21 +4178,21 @@ function Rr(t, o) {
   }
   return d;
 }
-function Pr(t) {
+function Dr(t) {
   const o = t.type || "node", n = t.id.replace(/[^a-zA-Z0-9]/g, "_");
   return `${o}_${n}`;
 }
-function xe(t) {
+function ye(t) {
   return typeof t == "string" ? t.includes(`
 `) ? "`" + t.replace(/`/g, "\\`").replace(/\$/g, "\\$") + "`" : JSON.stringify(t) : JSON.stringify(t, null, 2);
 }
-function Dr(t, o, n) {
+function Or(t, o, n) {
   const r = n.get(t.id), a = [], i = o.find((p) => p.target === t.id), d = i ? n.get(i.source) : null;
   switch (t.type) {
     case "generator": {
       const p = t.data;
       a.push(p.generatorName);
-      const c = p.params || {}, m = Object.entries(c).filter(([, u]) => u !== void 0 && u !== "").map(([u, s]) => `  ${u}: ${xe(s)}`).join(`,
+      const c = p.params || {}, m = Object.entries(c).filter(([, u]) => u !== void 0 && u !== "").map(([u, s]) => `  ${u}: ${ye(s)}`).join(`,
 `);
       return {
         code: `// Generate image using ${p.generatorName}
@@ -4209,7 +4209,7 @@ const ${r} = await flo.loadImage("./input.png");`,
         imports: []
       };
     case "transform": {
-      const p = t.data, c = p.params || {}, m = Object.entries(c).filter(([, s]) => s !== void 0 && s !== "").map(([s, h]) => `${s}: ${xe(h)}`).join(", "), u = d || "image";
+      const p = t.data, c = p.params || {}, m = Object.entries(c).filter(([, s]) => s !== void 0 && s !== "").map(([s, h]) => `${s}: ${ye(h)}`).join(", "), u = d || "image";
       return {
         code: `// Apply ${p.operation} transform
 const ${r} = await flo.transform(${u}, "${p.operation}"${m ? `, { ${m} }` : ""});`,
@@ -4219,7 +4219,7 @@ const ${r} = await flo.transform(${u}, "${p.operation}"${m ? `, { ${m} }` : ""})
     case "vision": {
       const p = t.data;
       a.push(p.providerName);
-      const c = p.params || {}, m = d || "image", u = Object.entries(c).filter(([, s]) => s !== void 0 && s !== "").map(([s, h]) => `  ${s}: ${xe(h)}`).join(`,
+      const c = p.params || {}, m = d || "image", u = Object.entries(c).filter(([, s]) => s !== void 0 && s !== "").map(([s, h]) => `  ${s}: ${ye(h)}`).join(`,
 `);
       return {
         code: `// Analyze image with ${p.providerName}
@@ -4232,7 +4232,7 @@ ${u}
     case "text": {
       const p = t.data;
       a.push(p.providerName);
-      const c = p.params || {}, m = Object.entries(c).filter(([, u]) => u !== void 0 && u !== "").map(([u, s]) => `  ${u}: ${xe(s)}`).join(`,
+      const c = p.params || {}, m = Object.entries(c).filter(([, u]) => u !== void 0 && u !== "").map(([u, s]) => `  ${u}: ${ye(s)}`).join(`,
 `);
       return {
         code: `// Generate text with ${p.providerName}
@@ -4246,7 +4246,7 @@ ${m}
       const p = t.data;
       return {
         code: `// Save result
-await flo.save(${d || "result"}, ${xe(p.destination)});`,
+await flo.save(${d || "result"}, ${ye(p.destination)});`,
         imports: []
       };
     }
@@ -4257,16 +4257,16 @@ await flo.save(${d || "result"}, ${xe(p.destination)});`,
       };
   }
 }
-function Or(t, o) {
+function Br(t, o) {
   if (t.length === 0)
     return `// Empty workflow
 // Add nodes to your canvas to generate code`;
-  const n = Rr(t, o), r = /* @__PURE__ */ new Map();
+  const n = Pr(t, o), r = /* @__PURE__ */ new Map();
   for (const m of n)
-    r.set(m.id, Pr(m));
+    r.set(m.id, Dr(m));
   const a = /* @__PURE__ */ new Set(), i = [];
   for (const m of n) {
-    const { code: u, imports: s } = Dr(m, o, r);
+    const { code: u, imports: s } = Or(m, o, r);
     i.push(u);
     for (const h of s)
       a.add(h);
@@ -4297,15 +4297,15 @@ runWorkflow().catch(console.error);
 `) + `
 ` + c;
 }
-function Br({ isOpen: t, onClose: o, onImport: n }) {
-  const [r, a] = E(""), [i, d] = E(!1), [p, c] = E(null), [m, u] = E(!1), s = M(async () => {
+function Vr({ isOpen: t, onClose: o, onImport: n }) {
+  const [r, a] = E(""), [i, d] = E(!1), [p, c] = E(null), [m, u] = E(!1), s = $(async () => {
     if (!r.trim()) {
       c({ message: "Please enter or paste YAML content" });
       return;
     }
     d(!0), c(null);
     try {
-      const b = await $t(r);
+      const b = await At(r);
       b.success ? (n(b.nodes, b.edges, b.name), a(""), o()) : c({
         message: b.error || "Import failed",
         line: b.line,
@@ -4316,47 +4316,47 @@ function Br({ isOpen: t, onClose: o, onImport: n }) {
     } finally {
       d(!1);
     }
-  }, [r, n, o]), h = M(async () => {
+  }, [r, n, o]), h = $(async () => {
     if (!r.trim()) {
       c({ message: "Please enter or paste YAML content" });
       return;
     }
     d(!0), c(null);
     try {
-      const b = await At(r);
+      const b = await Rt(r);
       b.valid ? (c(null), c({ message: "Valid YAML!" }), setTimeout(() => c(null), 2e3)) : b.errors.length > 0 && c(b.errors[0]);
     } catch (b) {
       c({ message: b instanceof Error ? b.message : "Validation failed" });
     } finally {
       d(!1);
     }
-  }, [r]), f = M(async (b) => {
+  }, [r]), f = $(async (b) => {
     if (!b.name.endsWith(".yaml") && !b.name.endsWith(".yml")) {
       c({ message: "Please upload a .yaml or .yml file" });
       return;
     }
     try {
-      const I = await b.text();
-      a(I), c(null);
+      const C = await b.text();
+      a(C), c(null);
     } catch {
       c({ message: "Failed to read file" });
     }
-  }, []), v = M((b) => {
+  }, []), v = $((b) => {
     b.preventDefault(), u(!0);
-  }, []), x = M((b) => {
+  }, []), x = $((b) => {
     b.preventDefault(), u(!1);
-  }, []), k = M(
+  }, []), w = $(
     (b) => {
       b.preventDefault(), u(!1);
-      const I = b.dataTransfer.files[0];
-      I && f(I);
+      const C = b.dataTransfer.files[0];
+      C && f(C);
     },
     [f]
-  ), S = M(
+  ), I = $(
     (b) => {
       var N;
-      const I = (N = b.target.files) == null ? void 0 : N[0];
-      I && f(I);
+      const C = (N = b.target.files) == null ? void 0 : N[0];
+      C && f(C);
     },
     [f]
   );
@@ -4387,7 +4387,7 @@ function Br({ isOpen: t, onClose: o, onImport: n }) {
         {
           onDragOver: v,
           onDragLeave: x,
-          onDrop: k,
+          onDrop: w,
           className: `border-2 border-dashed rounded-lg p-4 mb-4 text-center transition-colors ${m ? "border-teal-500 bg-teal-50 dark:bg-teal-900/20" : "border-gray-300 dark:border-zinc-600"}`,
           children: [
             /* @__PURE__ */ e(
@@ -4395,7 +4395,7 @@ function Br({ isOpen: t, onClose: o, onImport: n }) {
               {
                 type: "file",
                 accept: ".yaml,.yml",
-                onChange: S,
+                onChange: I,
                 className: "hidden",
                 id: "yaml-file-input"
               }
@@ -4528,7 +4528,7 @@ steps:
     ] })
   ] }) }) : null;
 }
-const Vr = {
+const Ur = {
   // Prompt/input errors
   MISSING_PROMPT_SOURCE: {
     title: "Missing Prompt",
@@ -4595,14 +4595,14 @@ const Vr = {
     suggestedFix: "Add at least one generator or input node."
   }
 };
-function Ur(t) {
-  return Vr[t] || {
+function Hr(t) {
+  return Ur[t] || {
     title: "Validation Error",
     description: "There's an issue with this node's configuration.",
     suggestedFix: "Review the node settings and connections."
   };
 }
-function Hr(t) {
+function Fr(t) {
   return t === "error" ? {
     bg: "bg-red-50 dark:bg-red-900/20",
     border: "border-red-200 dark:border-red-800",
@@ -4615,7 +4615,7 @@ function Hr(t) {
     icon: "text-amber-500"
   };
 }
-function Fr({ issues: t, onClose: o, onExecuteAnyway: n }) {
+function Kr({ issues: t, onClose: o, onExecuteAnyway: n }) {
   const r = y((c) => c.setSelectedNode), a = t.filter((c) => c.severity === "error"), i = t.filter((c) => c.severity === "warning"), d = a.length > 0;
   U(() => {
     const c = (m) => {
@@ -4676,8 +4676,8 @@ function Fr({ issues: t, onClose: o, onExecuteAnyway: n }) {
       )
     ] }),
     /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto p-4 space-y-3", children: [
-      a.map((c, m) => /* @__PURE__ */ e(Pe, { issue: c, onSelectNode: p }, `error-${m}`)),
-      i.map((c, m) => /* @__PURE__ */ e(Pe, { issue: c, onSelectNode: p }, `warning-${m}`))
+      a.map((c, m) => /* @__PURE__ */ e(Ue, { issue: c, onSelectNode: p }, `error-${m}`)),
+      i.map((c, m) => /* @__PURE__ */ e(Ue, { issue: c, onSelectNode: p }, `warning-${m}`))
     ] }),
     /* @__PURE__ */ l("div", { className: "flex justify-end gap-3 px-4 py-3 border-t border-gray-200 dark:border-zinc-700", children: [
       /* @__PURE__ */ e(
@@ -4699,8 +4699,8 @@ function Fr({ issues: t, onClose: o, onExecuteAnyway: n }) {
     ] })
   ] }) });
 }
-function Pe({ issue: t, onSelectNode: o }) {
-  const n = Ur(t.code), r = Hr(t.severity);
+function Ue({ issue: t, onSelectNode: o }) {
+  const n = Hr(t.code), r = Fr(t.severity);
   return /* @__PURE__ */ e("div", { className: `p-3 rounded-lg border ${r.bg} ${r.border}`, children: /* @__PURE__ */ l("div", { className: "flex items-start gap-3", children: [
     /* @__PURE__ */ e(
       "svg",
@@ -4744,7 +4744,7 @@ function Pe({ issue: t, onSelectNode: o }) {
     )
   ] }) });
 }
-function Kr({
+function qr({
   brandingSlot: t,
   beforeActionsSlot: o,
   afterActionsSlot: n,
@@ -4752,39 +4752,39 @@ function Kr({
   hideAttribution: a = !1,
   hideWorkflowLibrary: i = !1
 } = {}) {
-  const d = y((j) => j.execution), p = y((j) => j.execute), c = y((j) => j.executeWithValidation), m = y((j) => j.cancelExecution), u = y((j) => j.exportToYaml), s = y((j) => j.importFromYaml), h = y((j) => j.nodes), f = y((j) => j.edges), v = $((j) => j.openSettings), x = y((j) => j.preflightValidation), k = y((j) => j.hideValidationPanel), S = y((j) => j.activeWorkflowName), b = y((j) => j.hasUnsavedChanges), I = y((j) => j.saveWorkflow), N = y((j) => j.toggleLibrary), w = y((j) => j.setActiveWorkflowName), C = jr("save"), [L, g] = E(!1), [_, W] = E(!1), [R, O] = E("yaml"), [K, Q] = E(""), [ee, le] = E(""), [te, z] = E(null), [A, D] = E(!1), [H, P] = E("");
+  const d = y((W) => W.execution), p = y((W) => W.execute), c = y((W) => W.executeWithValidation), m = y((W) => W.cancelExecution), u = y((W) => W.exportToYaml), s = y((W) => W.importFromYaml), h = y((W) => W.nodes), f = y((W) => W.edges), v = A((W) => W.openSettings), x = y((W) => W.preflightValidation), w = y((W) => W.hideValidationPanel), I = y((W) => W.activeWorkflowName), b = y((W) => W.hasUnsavedChanges), C = y((W) => W.saveWorkflow), N = y((W) => W.toggleLibrary), k = y((W) => W.setActiveWorkflowName), z = $r("save"), [S, g] = E(!1), [_, M] = E(!1), [R, B] = E("yaml"), [H, ee] = E(""), [te, ne] = E(""), [oe, L] = E(null), [P, V] = E(!1), [K, q] = E("");
   U(() => {
-    const j = () => {
-      z("New workflow created"), setTimeout(() => z(null), 2e3);
+    const W = () => {
+      L("New workflow created"), setTimeout(() => L(null), 2e3);
     };
-    return window.addEventListener("new-workflow-created", j), () => window.removeEventListener("new-workflow-created", j);
+    return window.addEventListener("new-workflow-created", W), () => window.removeEventListener("new-workflow-created", W);
   }, []);
-  const q = M(() => {
-    h.length !== 0 && (I(), z("Saved!"), setTimeout(() => z(null), 2e3));
-  }, [h.length, I]), de = () => {
-    P(S), D(!0);
-  }, T = () => {
-    const j = H.trim();
-    j && j !== S && w(j), D(!1);
-  }, fe = async () => {
+  const J = $(() => {
+    h.length !== 0 && (C(), L("Saved!"), setTimeout(() => L(null), 2e3));
+  }, [h.length, C]), pe = () => {
+    q(I), V(!0);
+  }, j = () => {
+    const W = K.trim();
+    W && W !== I && k(W), V(!1);
+  }, he = async () => {
     await c();
-  }, st = async () => {
-    k(), await p();
-  }, lt = async () => {
-    const j = await u();
-    Q(j);
-    const Ne = Or(h, f);
-    le(Ne), g(!0);
-  }, dt = () => {
-    const j = R === "yaml" ? K : ee;
-    navigator.clipboard.writeText(j);
-  }, ct = M(
-    (j, Ne, mt) => {
-      s(j, Ne, mt), z("Workflow imported!"), setTimeout(() => z(null), 2e3);
+  }, T = async () => {
+    w(), await p();
+  }, G = async () => {
+    const W = await u();
+    ee(W);
+    const ge = Br(h, f);
+    ne(ge), g(!0);
+  }, Y = () => {
+    const W = R === "yaml" ? H : te;
+    navigator.clipboard.writeText(W);
+  }, ie = $(
+    (W, ge, Le) => {
+      s(W, ge, Le), L("Workflow imported!"), setTimeout(() => L(null), 2e3);
     },
     [s]
   );
-  return /* @__PURE__ */ l(Y, { children: [
+  return /* @__PURE__ */ l(X, { children: [
     /* @__PURE__ */ l("div", { className: "floimg-toolbar h-14 flex items-center justify-between px-4", children: [
       /* @__PURE__ */ l("div", { className: "flex items-center gap-4", children: [
         !i && /* @__PURE__ */ e("button", { onClick: N, className: "floimg-toolbar__btn", title: "My Workflows", children: /* @__PURE__ */ e("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
@@ -4811,15 +4811,15 @@ function Kr({
           )
         ] }),
         /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-          A ? /* @__PURE__ */ e(
+          P ? /* @__PURE__ */ e(
             "input",
             {
               type: "text",
-              value: H,
-              onChange: (j) => P(j.target.value),
-              onBlur: T,
-              onKeyDown: (j) => {
-                j.key === "Enter" && T(), j.key === "Escape" && (P(S), D(!1));
+              value: K,
+              onChange: (W) => q(W.target.value),
+              onBlur: j,
+              onKeyDown: (W) => {
+                W.key === "Enter" && j(), W.key === "Escape" && (q(I), V(!1));
               },
               className: "w-48 px-2 py-1 text-sm font-medium bg-white dark:bg-zinc-900 border border-teal-500 rounded focus:outline-none focus:ring-1 focus:ring-teal-500 text-gray-900 dark:text-zinc-100",
               autoFocus: !0
@@ -4827,14 +4827,14 @@ function Kr({
           ) : /* @__PURE__ */ e(
             "button",
             {
-              onClick: de,
+              onClick: pe,
               className: "text-sm text-gray-700 dark:text-zinc-300 font-medium hover:text-gray-900 dark:hover:text-zinc-100 rounded px-2 py-1 -mx-2 hover:bg-gray-100 dark:hover:bg-zinc-700 transition-colors",
               title: "Click to rename",
-              children: S
+              children: I
             }
           ),
           b && /* @__PURE__ */ e("span", { className: "text-xs text-amber-600 dark:text-amber-400", children: "(unsaved)" }),
-          te && /* @__PURE__ */ e("span", { className: "text-xs text-green-600 dark:text-green-400", children: te })
+          oe && /* @__PURE__ */ e("span", { className: "text-xs text-green-600 dark:text-green-400", children: oe })
         ] }),
         /* @__PURE__ */ l("span", { className: "text-sm text-gray-500 dark:text-zinc-400", children: [
           h.length,
@@ -4867,10 +4867,10 @@ function Kr({
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: q,
+            onClick: J,
             disabled: h.length === 0,
             className: "floimg-toolbar__btn disabled:opacity-50 disabled:cursor-not-allowed",
-            title: `Save Workflow${C ? ` (${$r(C)})` : ""}`,
+            title: `Save Workflow${z ? ` (${Ar(z)})` : ""}`,
             children: /* @__PURE__ */ e("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
               "path",
               {
@@ -4882,11 +4882,11 @@ function Kr({
             ) })
           }
         ),
-        /* @__PURE__ */ e("button", { onClick: () => W(!0), className: "floimg-toolbar__btn-secondary", children: "Import" }),
+        /* @__PURE__ */ e("button", { onClick: () => M(!0), className: "floimg-toolbar__btn-secondary", children: "Import" }),
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: lt,
+            onClick: G,
             disabled: h.length === 0,
             className: "floimg-toolbar__btn-secondary disabled:opacity-50 disabled:cursor-not-allowed",
             children: "Export"
@@ -4913,7 +4913,7 @@ function Kr({
         ) : /* @__PURE__ */ l(
           "button",
           {
-            onClick: fe,
+            onClick: he,
             disabled: h.length === 0,
             className: "floimg-toolbar__btn-primary disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2",
             children: [
@@ -4949,7 +4949,7 @@ function Kr({
       "Error: ",
       d.error
     ] }) }),
-    L && /* @__PURE__ */ e("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ l("div", { className: "bg-white dark:bg-zinc-800 rounded-lg shadow-xl max-w-2xl w-full mx-4 max-h-[80vh] flex flex-col", children: [
+    S && /* @__PURE__ */ e("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ l("div", { className: "bg-white dark:bg-zinc-800 rounded-lg shadow-xl max-w-2xl w-full mx-4 max-h-[80vh] flex flex-col", children: [
       /* @__PURE__ */ l("div", { className: "flex items-center justify-between px-4 py-3 border-b border-gray-200 dark:border-zinc-700", children: [
         /* @__PURE__ */ l("div", { className: "flex items-center gap-4", children: [
           /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: "Export Workflow" }),
@@ -4957,7 +4957,7 @@ function Kr({
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => O("yaml"),
+                onClick: () => B("yaml"),
                 className: `px-3 py-1 text-sm font-medium rounded-md transition-colors ${R === "yaml" ? "bg-white dark:bg-zinc-600 text-gray-900 dark:text-white shadow-sm" : "text-gray-600 dark:text-zinc-400 hover:text-gray-900 dark:hover:text-white"}`,
                 children: "YAML"
               }
@@ -4965,7 +4965,7 @@ function Kr({
             /* @__PURE__ */ e(
               "button",
               {
-                onClick: () => O("javascript"),
+                onClick: () => B("javascript"),
                 className: `px-3 py-1 text-sm font-medium rounded-md transition-colors ${R === "javascript" ? "bg-white dark:bg-zinc-600 text-gray-900 dark:text-white shadow-sm" : "text-gray-600 dark:text-zinc-400 hover:text-gray-900 dark:hover:text-white"}`,
                 children: "JavaScript"
               }
@@ -4989,14 +4989,14 @@ function Kr({
           }
         )
       ] }),
-      /* @__PURE__ */ e("div", { className: "p-4 overflow-auto flex-1", children: /* @__PURE__ */ e("pre", { className: "bg-gray-100 dark:bg-zinc-900 p-4 rounded text-sm font-mono whitespace-pre-wrap text-gray-800 dark:text-zinc-200", children: R === "yaml" ? K : ee }) }),
+      /* @__PURE__ */ e("div", { className: "p-4 overflow-auto flex-1", children: /* @__PURE__ */ e("pre", { className: "bg-gray-100 dark:bg-zinc-900 p-4 rounded text-sm font-mono whitespace-pre-wrap text-gray-800 dark:text-zinc-200", children: R === "yaml" ? H : te }) }),
       /* @__PURE__ */ l("div", { className: "flex justify-between items-center px-4 py-3 border-t border-gray-200 dark:border-zinc-700", children: [
         /* @__PURE__ */ e("span", { className: "text-xs text-gray-500 dark:text-zinc-400", children: R === "yaml" ? "Use with floimg CLI: floimg run workflow.yaml" : "Run with Node.js or Bun" }),
         /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: dt,
+              onClick: Y,
               className: "px-4 py-2 text-sm font-medium text-gray-700 dark:text-zinc-200 bg-white dark:bg-zinc-700 border border-gray-300 dark:border-zinc-600 rounded-md hover:bg-gray-50 dark:hover:bg-zinc-600",
               children: "Copy to Clipboard"
             }
@@ -5013,24 +5013,24 @@ function Kr({
       ] })
     ] }) }),
     /* @__PURE__ */ e(
-      Br,
+      Vr,
       {
         isOpen: _,
-        onClose: () => W(!1),
-        onImport: ct
+        onClose: () => M(!1),
+        onImport: ie
       }
     ),
     x.show && /* @__PURE__ */ e(
-      Fr,
+      Kr,
       {
         issues: x.issues,
-        onClose: k,
-        onExecuteAnyway: st
+        onClose: w,
+        onExecuteAnyway: T
       }
     )
   ] });
 }
-function qr({ run: t, onClose: o }) {
+function Gr({ run: t, onClose: o }) {
   const [n, r] = E(null), a = t.status === "error";
   U(() => {
     const u = (s) => {
@@ -5038,7 +5038,7 @@ function qr({ run: t, onClose: o }) {
     };
     return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
   }, [o]);
-  const i = M(
+  const i = $(
     (u) => {
       u.target === u.currentTarget && o();
     },
@@ -5252,7 +5252,7 @@ function qr({ run: t, onClose: o }) {
                         {
                           onClick: () => c(u.nodeId, u.preview),
                           className: "flex-1 px-3 py-1.5 text-xs font-medium bg-zinc-100 dark:bg-zinc-700 text-zinc-700 dark:text-zinc-300 rounded hover:bg-zinc-200 dark:hover:bg-zinc-600 transition-colors flex items-center justify-center gap-1.5",
-                          children: n === u.nodeId ? /* @__PURE__ */ l(Y, { children: [
+                          children: n === u.nodeId ? /* @__PURE__ */ l(X, { children: [
                             /* @__PURE__ */ e(
                               "svg",
                               {
@@ -5272,7 +5272,7 @@ function qr({ run: t, onClose: o }) {
                               }
                             ),
                             "Copied!"
-                          ] }) : /* @__PURE__ */ l(Y, { children: [
+                          ] }) : /* @__PURE__ */ l(X, { children: [
                             /* @__PURE__ */ e(
                               "svg",
                               {
@@ -5328,8 +5328,8 @@ function qr({ run: t, onClose: o }) {
     }
   );
 }
-function Gr({ runs: t, onClose: o }) {
-  const [n, r] = E(0), a = J(() => Math.max(...t.map((c) => c.outputs.length)), [t]), i = J(
+function Jr({ runs: t, onClose: o }) {
+  const [n, r] = E(0), a = Z(() => Math.max(...t.map((c) => c.outputs.length)), [t]), i = Z(
     () => t.map((c) => c.outputs[n]),
     [t, n]
   ), d = (c) => c < 1e3 ? `${c}ms` : `${(c / 1e3).toFixed(1)}s`, p = (c) => new Date(c).toLocaleTimeString(void 0, {
@@ -5456,7 +5456,7 @@ function Gr({ runs: t, onClose: o }) {
     ] })
   ] });
 }
-async function Le(t) {
+async function Te(t) {
   const o = (await import("./jszip.min-D499iiji.js").then((i) => i.j)).default, n = new o(), r = {
     exportedAt: (/* @__PURE__ */ new Date()).toISOString(),
     runCount: t.length,
@@ -5480,7 +5480,7 @@ async function Le(t) {
       timestampFormatted: new Date(i.timestamp).toISOString(),
       status: i.status,
       duration: i.duration,
-      durationFormatted: Qr(i.duration),
+      durationFormatted: Zr(i.duration),
       nodeCount: i.nodeCount,
       error: i.error,
       errorNodeId: i.errorNodeId,
@@ -5492,27 +5492,27 @@ async function Le(t) {
     };
     d.file("metadata.json", JSON.stringify(p, null, 2));
     for (let c = 0; c < i.outputs.length; c++) {
-      const m = i.outputs[c], u = await Jr(m.preview);
+      const m = i.outputs[c], u = await Yr(m.preview);
       if (u) {
-        const s = Yr(u.type);
+        const s = Qr(u.type);
         d.file(`output-${c + 1}-${m.nodeName}.${s}`, u);
       }
     }
   }
   const a = await n.generateAsync({ type: "blob" });
-  Xr(a, `floimg-history-${Zr(/* @__PURE__ */ new Date())}.zip`);
+  en(a, `floimg-history-${Xr(/* @__PURE__ */ new Date())}.zip`);
 }
-async function De(t) {
-  return Le([t]);
+async function He(t) {
+  return Te([t]);
 }
-async function Jr(t) {
+async function Yr(t) {
   try {
     return (await fetch(t)).blob();
   } catch {
     return null;
   }
 }
-function Yr(t) {
+function Qr(t) {
   return {
     "image/png": "png",
     "image/jpeg": "jpg",
@@ -5520,46 +5520,46 @@ function Yr(t) {
     "image/gif": "gif"
   }[t] || "png";
 }
-function Qr(t) {
+function Zr(t) {
   if (t < 1e3) return `${t}ms`;
   const o = t / 1e3;
   if (o < 60) return `${o.toFixed(1)}s`;
   const n = Math.floor(o / 60), r = Math.round(o % 60);
   return `${n}m ${r}s`;
 }
-function Zr(t) {
+function Xr(t) {
   return t.toISOString().split("T")[0];
 }
-function Xr(t, o) {
+function en(t, o) {
   const n = URL.createObjectURL(t), r = document.createElement("a");
   r.href = n, r.download = o, document.body.appendChild(r), r.click(), document.body.removeChild(r), URL.revokeObjectURL(n);
 }
-function en({ isGuest: t = !1, signUpUrl: o, onShare: n }) {
-  const r = y((g) => g.executionHistory), a = y((g) => g.clearHistory), i = y((g) => g.pinnedRunIds), d = y((g) => g.togglePinRun), [p, c] = E(null), [m, u] = E(!1), [s, h] = E([]), [f, v] = E(!1), { pinnedRuns: x, unpinnedRuns: k } = J(() => {
+function tn({ isGuest: t = !1, signUpUrl: o, onShare: n }) {
+  const r = y((g) => g.executionHistory), a = y((g) => g.clearHistory), i = y((g) => g.pinnedRunIds), d = y((g) => g.togglePinRun), [p, c] = E(null), [m, u] = E(!1), [s, h] = E([]), [f, v] = E(!1), { pinnedRuns: x, unpinnedRuns: w } = Z(() => {
     const g = [], _ = [];
-    for (const W of r)
-      i.includes(W.id) ? g.push(W) : _.push(W);
+    for (const M of r)
+      i.includes(M.id) ? g.push(M) : _.push(M);
     return { pinnedRuns: g, unpinnedRuns: _ };
-  }, [r, i]), S = J(
+  }, [r, i]), I = Z(
     () => r.filter((g) => s.includes(g.id)),
     [r, s]
   ), b = (g) => {
-    h((_) => _.includes(g) ? _.filter((W) => W !== g) : _.length >= 4 ? _ : [..._, g]);
-  }, I = () => {
+    h((_) => _.includes(g) ? _.filter((M) => M !== g) : _.length >= 4 ? _ : [..._, g]);
+  }, C = () => {
     u(!1), h([]);
-  }, [N, w] = E(!1), C = async () => {
-    w(!0);
+  }, [N, k] = E(!1), z = async () => {
+    k(!0);
     try {
-      await Le(r);
+      await Te(r);
     } finally {
-      w(!1);
+      k(!1);
     }
-  }, L = async () => {
-    w(!0);
+  }, S = async () => {
+    k(!0);
     try {
-      await Le(x);
+      await Te(x);
     } finally {
-      w(!1);
+      k(!1);
     }
   };
   return r.length === 0 ? /* @__PURE__ */ l("div", { className: "p-8 text-center text-zinc-500 dark:text-zinc-400", children: [
@@ -5607,11 +5607,11 @@ function en({ isGuest: t = !1, signUpUrl: o, onShare: n }) {
         ] }),
         /* @__PURE__ */ e("p", { className: "text-xs text-zinc-500", children: m ? `Select runs to compare (${s.length}/4)` : "Past workflow runs" })
       ] }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: m ? /* @__PURE__ */ l(Y, { children: [
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: m ? /* @__PURE__ */ l(X, { children: [
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: I,
+            onClick: C,
             className: "text-sm text-zinc-500 hover:text-zinc-700 dark:hover:text-zinc-300",
             children: "Cancel"
           }
@@ -5629,7 +5629,7 @@ function en({ isGuest: t = !1, signUpUrl: o, onShare: n }) {
             ]
           }
         )
-      ] }) : /* @__PURE__ */ l(Y, { children: [
+      ] }) : /* @__PURE__ */ l(X, { children: [
         r.length >= 2 && /* @__PURE__ */ e(
           "button",
           {
@@ -5641,7 +5641,7 @@ function en({ isGuest: t = !1, signUpUrl: o, onShare: n }) {
         x.length > 0 && /* @__PURE__ */ e(
           "button",
           {
-            onClick: L,
+            onClick: S,
             disabled: N,
             className: "text-sm text-zinc-500 hover:text-teal-600 dark:hover:text-teal-400 disabled:opacity-50",
             children: N ? "Exporting..." : "Export Pinned"
@@ -5650,7 +5650,7 @@ function en({ isGuest: t = !1, signUpUrl: o, onShare: n }) {
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: C,
+            onClick: z,
             disabled: N,
             className: "text-sm text-zinc-500 hover:text-teal-600 dark:hover:text-teal-400 disabled:opacity-50",
             children: N ? "Exporting..." : "Export All"
@@ -5676,7 +5676,7 @@ function en({ isGuest: t = !1, signUpUrl: o, onShare: n }) {
         ] })
       ] }),
       /* @__PURE__ */ e("div", { className: "space-y-3", children: x.map((g) => /* @__PURE__ */ e(
-        Oe,
+        Fe,
         {
           run: g,
           onShare: n,
@@ -5686,13 +5686,13 @@ function en({ isGuest: t = !1, signUpUrl: o, onShare: n }) {
           onToggleSelect: () => b(g.id),
           isPinned: !0,
           onTogglePin: () => d(g.id),
-          onExport: () => De(g)
+          onExport: () => He(g)
         },
         g.id
       )) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "space-y-3", children: k.map((g) => /* @__PURE__ */ e(
-      Oe,
+    /* @__PURE__ */ e("div", { className: "space-y-3", children: w.map((g) => /* @__PURE__ */ e(
+      Fe,
       {
         run: g,
         onShare: n,
@@ -5702,23 +5702,23 @@ function en({ isGuest: t = !1, signUpUrl: o, onShare: n }) {
         onToggleSelect: () => b(g.id),
         isPinned: !1,
         onTogglePin: () => d(g.id),
-        onExport: () => De(g)
+        onExport: () => He(g)
       },
       g.id
     )) }),
-    p && /* @__PURE__ */ e(qr, { run: p, onClose: () => c(null) }),
-    f && S.length >= 2 && /* @__PURE__ */ e(
-      Gr,
+    p && /* @__PURE__ */ e(Gr, { run: p, onClose: () => c(null) }),
+    f && I.length >= 2 && /* @__PURE__ */ e(
+      Jr,
       {
-        runs: S,
+        runs: I,
         onClose: () => {
-          v(!1), I();
+          v(!1), C();
         }
       }
     )
   ] });
 }
-function Oe({
+function Fe({
   run: t,
   onShare: o,
   onClick: n,
@@ -5729,7 +5729,7 @@ function Oe({
   onTogglePin: p,
   onExport: c
 }) {
-  const m = t.status === "error", u = J(() => new Date(t.timestamp).toLocaleTimeString(void 0, {
+  const m = t.status === "error", u = Z(() => new Date(t.timestamp).toLocaleTimeString(void 0, {
     hour: "numeric",
     minute: "2-digit"
   }), [t.timestamp]), s = (f) => f < 1e3 ? `${f}ms` : `${(f / 1e3).toFixed(1)}s`;
@@ -5885,7 +5885,7 @@ function Oe({
     }
   );
 }
-const _e = [
+const je = [
   {
     id: "revenue-chart",
     name: "Revenue Dashboard",
@@ -6328,8 +6328,8 @@ const _e = [
       ]
     }
   }
-], tn = "https://api.floimg.com";
-async function rn(t) {
+], rn = "https://api.floimg.com";
+async function nn(t) {
   const o = "floimg-templates-cache";
   try {
     const n = await fetch(`${t}/api/templates`);
@@ -6349,23 +6349,23 @@ async function rn(t) {
         return JSON.parse(n);
     } catch {
     }
-    return _e;
+    return je;
   }
 }
-function nn({ onSelect: t, apiUrl: o = tn }) {
-  const [n, r] = E(null), [a, i] = E(""), { data: d = _e, isLoading: p } = be({
+function on({ onSelect: t, apiUrl: o = rn }) {
+  const [n, r] = E(null), [a, i] = E(""), { data: d = je, isLoading: p } = Ne({
     queryKey: ["templates", o],
-    queryFn: () => rn(o),
+    queryFn: () => nn(o),
     staleTime: 5 * 60 * 1e3,
     // 5 minutes
     gcTime: 30 * 60 * 1e3,
     // 30 minutes (formerly cacheTime)
-    placeholderData: _e,
+    placeholderData: je,
     retry: 1
-  }), c = J(() => {
+  }), c = Z(() => {
     const u = new Set(d.map((s) => s.category));
     return Array.from(u).sort();
-  }, [d]), m = J(() => {
+  }, [d]), m = Z(() => {
     let u = d;
     if (n && (u = u.filter((s) => s.category === n)), a) {
       const s = a.toLowerCase();
@@ -6416,7 +6416,7 @@ function nn({ onSelect: t, apiUrl: o = tn }) {
     ] }),
     p && d.length === 0 && /* @__PURE__ */ e("div", { className: "text-center py-12 text-gray-500 dark:text-zinc-400", children: "Loading templates..." }),
     m.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-12 text-gray-500 dark:text-zinc-400", children: "No templates found matching your criteria." }) : /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: m.map((u) => /* @__PURE__ */ e(
-      on,
+      an,
       {
         template: u,
         onSelect: () => t(u.id)
@@ -6425,7 +6425,7 @@ function nn({ onSelect: t, apiUrl: o = tn }) {
     )) })
   ] });
 }
-function on({ template: t, onSelect: o }) {
+function an({ template: t, onSelect: o }) {
   const n = t.nodeCount || t.workflow.nodes.length, r = t.workflow.edges.length, a = {
     quickchart: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",
     mermaid: "bg-pink-100 text-pink-800 dark:bg-pink-900/30 dark:text-pink-300",
@@ -6535,7 +6535,7 @@ function on({ template: t, onSelect: o }) {
     ] })
   ] });
 }
-function an({
+function sn({
   workflow: t,
   isActive: o,
   onLoad: n,
@@ -6546,8 +6546,8 @@ function an({
   const [d, p] = E(!1), [c, m] = E(t.name), [u, s] = E(!1), h = () => {
     c.trim() && c !== t.name && a(c.trim()), p(!1);
   }, f = (v) => {
-    const x = new Date(v), S = (/* @__PURE__ */ new Date()).getTime() - x.getTime(), b = Math.floor(S / 6e4), I = Math.floor(S / 36e5), N = Math.floor(S / 864e5);
-    return b < 1 ? "Just now" : b < 60 ? `${b}m ago` : I < 24 ? `${I}h ago` : N < 7 ? `${N}d ago` : x.toLocaleDateString();
+    const x = new Date(v), I = (/* @__PURE__ */ new Date()).getTime() - x.getTime(), b = Math.floor(I / 6e4), C = Math.floor(I / 36e5), N = Math.floor(I / 864e5);
+    return b < 1 ? "Just now" : b < 60 ? `${b}m ago` : C < 24 ? `${C}h ago` : N < 7 ? `${N}d ago` : x.toLocaleDateString();
   };
   return /* @__PURE__ */ l(
     "div",
@@ -6588,7 +6588,7 @@ function an({
                 children: /* @__PURE__ */ e("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" }) })
               }
             ),
-            u && /* @__PURE__ */ l(Y, { children: [
+            u && /* @__PURE__ */ l(X, { children: [
               /* @__PURE__ */ e("div", { className: "fixed inset-0 z-10", onClick: () => s(!1) }),
               /* @__PURE__ */ l("div", { className: "absolute right-0 top-full mt-1 w-36 bg-white dark:bg-zinc-800 rounded-lg shadow-lg border border-zinc-200 dark:border-zinc-700 py-1 z-20", children: [
                 /* @__PURE__ */ e(
@@ -6630,11 +6630,11 @@ function an({
     }
   );
 }
-function sn() {
+function ln() {
   const t = y((u) => u.showLibrary), o = y((u) => u.toggleLibrary), n = y((u) => u.savedWorkflows), r = y((u) => u.activeWorkflowId), a = y((u) => u.loadWorkflow), i = y((u) => u.deleteWorkflow), d = y((u) => u.renameWorkflow), p = y((u) => u.duplicateWorkflow), c = y((u) => u.newWorkflow);
   if (!t) return null;
   const m = [...n].sort((u, s) => s.updatedAt - u.updatedAt);
-  return /* @__PURE__ */ l(Y, { children: [
+  return /* @__PURE__ */ l(X, { children: [
     /* @__PURE__ */ e("div", { className: "fixed inset-0 bg-black/20 dark:bg-black/40 z-40", onClick: o }),
     /* @__PURE__ */ l("div", { className: "fixed left-0 top-0 bottom-0 w-80 bg-zinc-50 dark:bg-zinc-900 border-r border-zinc-200 dark:border-zinc-700 z-50 flex flex-col shadow-xl", children: [
       /* @__PURE__ */ l("div", { className: "flex items-center justify-between px-4 py-3 border-b border-zinc-200 dark:border-zinc-700", children: [
@@ -6699,7 +6699,7 @@ function sn() {
         /* @__PURE__ */ e("p", { className: "text-sm text-zinc-500 dark:text-zinc-400", children: "No saved workflows yet" }),
         /* @__PURE__ */ e("p", { className: "text-xs text-zinc-400 dark:text-zinc-500 mt-1", children: "Build a workflow and save it to see it here" })
       ] }) : /* @__PURE__ */ e("div", { className: "space-y-2", children: m.map((u) => /* @__PURE__ */ e(
-        an,
+        sn,
         {
           workflow: u,
           isActive: u.id === r,
@@ -6721,7 +6721,7 @@ function sn() {
     ] })
   ] });
 }
-const ln = [
+const dn = [
   {
     id: "openai",
     name: "OpenAI",
@@ -6757,7 +6757,7 @@ const ln = [
     placeholder: "sk-or-...",
     docsUrl: "https://openrouter.ai/keys"
   }
-], dn = [
+], cn = [
   {
     id: "ollama",
     name: "Ollama",
@@ -6773,8 +6773,8 @@ const ln = [
     docsUrl: "https://lmstudio.ai"
   }
 ];
-function cn({ provider: t }) {
-  const o = $((h) => h.ai), n = $((h) => h.setAIProvider), r = o[t.id], a = (r == null ? void 0 : r.enabled) ?? !1, i = (r == null ? void 0 : r.apiKey) ?? "", [d, p] = E(i), [c, m] = E(!1), u = () => {
+function mn({ provider: t }) {
+  const o = A((h) => h.ai), n = A((h) => h.setAIProvider), r = o[t.id], a = (r == null ? void 0 : r.enabled) ?? !1, i = (r == null ? void 0 : r.apiKey) ?? "", [d, p] = E(i), [c, m] = E(!1), u = () => {
     n(t.id, {
       apiKey: d,
       enabled: !a
@@ -6854,8 +6854,8 @@ function cn({ provider: t }) {
     ) })
   ] });
 }
-function mn({ provider: t }) {
-  const o = $((u) => u.ai), n = $((u) => u.setAIProvider), r = o[t.id], a = (r == null ? void 0 : r.enabled) ?? !1, i = (r == null ? void 0 : r.baseUrl) ?? t.defaultUrl, [d, p] = E(i), c = () => {
+function un({ provider: t }) {
+  const o = A((u) => u.ai), n = A((u) => u.setAIProvider), r = o[t.id], a = (r == null ? void 0 : r.enabled) ?? !1, i = (r == null ? void 0 : r.baseUrl) ?? t.defaultUrl, [d, p] = E(i), c = () => {
     n(t.id, {
       baseUrl: d,
       enabled: !a
@@ -6909,8 +6909,8 @@ function mn({ provider: t }) {
     ) })
   ] });
 }
-function un() {
-  const t = $((n) => n.showSettings), o = $((n) => n.closeSettings);
+function pn() {
+  const t = A((n) => n.showSettings), o = A((n) => n.closeSettings);
   return t ? /* @__PURE__ */ e("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ l("div", { className: "bg-white dark:bg-zinc-800 rounded-lg shadow-xl max-w-xl w-full mx-4 max-h-[85vh] flex flex-col", children: [
     /* @__PURE__ */ l("div", { className: "flex items-center justify-between px-6 py-4 border-b border-gray-200 dark:border-zinc-700", children: [
       /* @__PURE__ */ l("div", { children: [
@@ -6937,11 +6937,11 @@ function un() {
     /* @__PURE__ */ l("div", { className: "flex-1 overflow-y-auto p-6 space-y-6", children: [
       /* @__PURE__ */ l("section", { children: [
         /* @__PURE__ */ e("h3", { className: "text-sm font-medium text-gray-700 dark:text-zinc-300 mb-3", children: "Cloud Providers" }),
-        /* @__PURE__ */ e("div", { className: "space-y-3", children: ln.map((n) => /* @__PURE__ */ e(cn, { provider: n }, n.id)) })
+        /* @__PURE__ */ e("div", { className: "space-y-3", children: dn.map((n) => /* @__PURE__ */ e(mn, { provider: n }, n.id)) })
       ] }),
       /* @__PURE__ */ l("section", { children: [
         /* @__PURE__ */ e("h3", { className: "text-sm font-medium text-gray-700 dark:text-zinc-300 mb-3", children: "Local Providers" }),
-        /* @__PURE__ */ e("div", { className: "space-y-3", children: dn.map((n) => /* @__PURE__ */ e(mn, { provider: n }, n.id)) })
+        /* @__PURE__ */ e("div", { className: "space-y-3", children: cn.map((n) => /* @__PURE__ */ e(un, { provider: n }, n.id)) })
       ] }),
       /* @__PURE__ */ e("div", { className: "bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4", children: /* @__PURE__ */ l("div", { className: "flex items-start gap-3", children: [
         /* @__PURE__ */ e(
@@ -6978,90 +6978,101 @@ function un() {
     ) })
   ] }) }) : null;
 }
-let pe = null;
-function pn(t) {
+let ve = null;
+function hn(t) {
   return t.includes("Unknown node type") ? "invalid_node_type" : t.includes("rate limit") || t.includes("429") || t.includes("quota") ? "rate_limit" : t.includes("network") || t.includes("Failed to fetch") || t.includes("timeout") || t.includes("ECONNREFUSED") ? "network" : t.includes("generate") || t.includes("Gemini") || t.includes("workflow") ? "generation_error" : "unknown";
 }
-function hn(t) {
+function fn(t) {
   return t.startsWith("generator:") || t.startsWith("transform:stability") || t.startsWith("transform:openai") || t.startsWith("transform:replicate") || t.startsWith("vision:") || t.startsWith("text:");
 }
-function fn({
+function gn({
   isOpen: t,
   onClose: o,
   onApplyWorkflow: n,
   onGenerationSuccess: r,
   onGenerationFailed: a
 }) {
-  const [i, d] = E([]), [p, c] = E(""), [m, u] = E(!1), [s, h] = E(null), [f, v] = E(""), [x, k] = E(null), [S, b] = E(null), [I, N] = E(""), [w, C] = E(), [L, g] = E(!1), [_, W] = E(), R = Z(null), O = Z(null);
+  var j, he;
+  const [i, d] = E([]), [p, c] = E(""), [m, u] = E(!1), [s, h] = E(null), [f, v] = E(""), [x, w] = E(null), [I, b] = E(null), [C, N] = E(""), [k, z] = E(), [S, g] = E(!1), [_, M] = E(), [R, B] = E([]), [H, ee] = E(""), [te, ne] = E(!1), oe = re(null), L = re(null), P = re(null);
   U(() => {
-    t && S === null && Pt().then((z) => {
-      b(z.available), N(z.message), C(z.reason), g(z.isCloudDeployment ?? !1), W(z.supportUrl);
+    function T(G) {
+      P.current && !P.current.contains(G.target) && ne(!1);
+    }
+    return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
+  }, []), U(() => {
+    t && I === null && Dt().then((T) => {
+      var G;
+      if (b(T.available), N(T.message), z(T.reason), g(T.isCloudDeployment ?? !1), M(T.supportUrl), T.availableModels) {
+        B(T.availableModels);
+        const Y = T.availableModels.find((ie) => ie.isDefault);
+        ee((Y == null ? void 0 : Y.id) || ((G = T.availableModels[0]) == null ? void 0 : G.id) || "");
+      }
     }).catch(() => {
-      b(!1), N("Failed to check AI availability"), C("service_unavailable");
+      b(!1), N("Failed to check AI availability"), z("service_unavailable");
     });
-  }, [t, S]), U(() => {
-    t && O.current && O.current.focus();
+  }, [t, I]), U(() => {
+    t && L.current && L.current.focus();
   }, [t]), U(() => {
-    var z;
-    (z = R.current) == null || z.scrollIntoView({ behavior: "smooth" });
+    var T;
+    (T = oe.current) == null || T.scrollIntoView({ behavior: "smooth" });
   }, [i]);
-  const K = M(() => {
+  const V = $(() => {
     if (!p.trim() || m) return;
-    const z = {
+    const T = {
       role: "user",
       content: p.trim(),
       timestamp: Date.now()
     };
-    d((P) => [...P, z]), c(""), u(!0), k(null), h(null), v("");
-    let A;
-    const D = z.content.length, H = i.length > 0;
-    pe = Ge(
+    d((W) => [...W, T]), c(""), u(!0), w(null), h(null), v("");
+    let G;
+    const Y = T.content.length, ie = i.length > 0;
+    ve = Xe(
       "/api/generate/workflow/stream",
-      { prompt: z.content, history: i },
+      { prompt: T.content, history: i, model: H },
       {
-        onMessage: (P) => {
-          if (P.type, P.type === "generation.progress" && (h(P.data.phase), v(P.data.message)), P.type === "generation.completed" && (A = P.data, r)) {
-            const q = P.data.nodes.length, de = P.data.nodes.some((T) => hn(T.nodeType));
+        onMessage: (W) => {
+          if (W.type, W.type === "generation.progress" && (h(W.data.phase), v(W.data.message)), W.type === "generation.completed" && (G = W.data, r)) {
+            const ge = W.data.nodes.length, Le = W.data.nodes.some((ut) => fn(ut.nodeType));
             r({
-              nodeCount: q,
-              hasAINodes: de,
-              promptLength: D,
-              isConversation: H
+              nodeCount: ge,
+              hasAINodes: Le,
+              promptLength: Y,
+              isConversation: ie
             });
           }
-          P.type === "generation.error" && (k(P.data.error), a && a({
-            errorType: pn(P.data.error),
-            promptLength: D,
-            isConversation: H
+          W.type === "generation.error" && (w(W.data.error), a && a({
+            errorType: hn(W.data.error),
+            promptLength: Y,
+            isConversation: ie
           }));
         },
-        onError: (P) => {
-          pe = null, k(P.message || "Failed to generate workflow"), u(!1), h(null), a && a({
+        onError: (W) => {
+          ve = null, w(W.message || "Failed to generate workflow"), u(!1), h(null), a && a({
             errorType: "network",
-            promptLength: D,
-            isConversation: H
+            promptLength: Y,
+            isConversation: ie
           });
         },
         onClose: () => {
-          pe = null;
-          const P = {
+          ve = null;
+          const W = {
             role: "assistant",
-            content: A ? "I've created a workflow based on your description. Click 'Apply to Canvas' to use it." : "I couldn't generate a workflow. Please try a different description.",
-            workflow: A,
+            content: G ? "I've created a workflow based on your description. Click 'Apply to Canvas' to use it." : "I couldn't generate a workflow. Please try a different description.",
+            workflow: G,
             timestamp: Date.now()
           };
-          d((q) => [...q, P]), u(!1), h(null), v("");
+          d((ge) => [...ge, W]), u(!1), h(null), v("");
         }
       }
     );
-  }, [p, m, i, r, a]), Q = M(() => {
-    pe && (pe.abort(), pe = null), u(!1), h(null), v("");
-  }, []), ee = (z) => {
-    z.key === "Enter" && !z.shiftKey && (z.preventDefault(), K());
-  }, le = (z) => {
-    n(z), o();
-  }, te = () => {
-    d([]), k(null);
+  }, [p, m, i, H, r, a]), K = $(() => {
+    ve && (ve.abort(), ve = null), u(!1), h(null), v("");
+  }, []), q = (T) => {
+    T.key === "Enter" && !T.shiftKey && (T.preventDefault(), V());
+  }, J = (T) => {
+    n(T), o();
+  }, pe = () => {
+    d([]), w(null);
   };
   return t ? /* @__PURE__ */ e("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50", children: /* @__PURE__ */ l("div", { className: "bg-white dark:bg-zinc-800 rounded-lg shadow-xl w-full max-w-2xl mx-4 h-[80vh] flex flex-col", children: [
     /* @__PURE__ */ l("div", { className: "flex items-center justify-between px-4 py-3 border-b border-gray-200 dark:border-zinc-700", children: [
@@ -7087,13 +7098,60 @@ function fn({
           ),
           /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: "AI Workflow Generator" })
         ] }),
-        /* @__PURE__ */ e("span", { className: "text-xs bg-teal-100 dark:bg-teal-900 text-teal-700 dark:text-teal-300 px-2 py-0.5 rounded", children: "Gemini 3 Pro" })
+        R.length > 1 ? /* @__PURE__ */ l("div", { className: "relative", ref: P, children: [
+          /* @__PURE__ */ l(
+            "button",
+            {
+              onClick: () => ne(!te),
+              className: "flex items-center gap-1.5 text-xs bg-teal-100 dark:bg-teal-900 text-teal-700 dark:text-teal-300 px-2 py-1 rounded hover:bg-teal-200 dark:hover:bg-teal-800 transition-colors",
+              disabled: m,
+              children: [
+                /* @__PURE__ */ e("span", { children: ((j = R.find((T) => T.id === H)) == null ? void 0 : j.name) || "Select Model" }),
+                /* @__PURE__ */ e(
+                  "svg",
+                  {
+                    className: `h-3 w-3 transition-transform ${te ? "rotate-180" : ""}`,
+                    fill: "none",
+                    viewBox: "0 0 24 24",
+                    stroke: "currentColor",
+                    children: /* @__PURE__ */ e(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M19 9l-7 7-7-7"
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          te && /* @__PURE__ */ e("div", { className: "absolute top-full left-0 mt-1 w-56 bg-white dark:bg-zinc-800 rounded-lg shadow-lg border border-gray-200 dark:border-zinc-700 py-1 z-10", children: R.map((T) => /* @__PURE__ */ l(
+            "button",
+            {
+              onClick: () => {
+                ee(T.id), ne(!1);
+              },
+              className: `w-full text-left px-3 py-2 hover:bg-gray-100 dark:hover:bg-zinc-700 ${H === T.id ? "bg-teal-50 dark:bg-teal-900/30" : ""}`,
+              children: [
+                /* @__PURE__ */ l("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ e("span", { className: "text-sm font-medium text-gray-900 dark:text-white", children: T.name }),
+                  T.isDefault && /* @__PURE__ */ e("span", { className: "text-xs text-teal-600 dark:text-teal-400", children: "Default" })
+                ] }),
+                /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 dark:text-zinc-400 mt-0.5", children: T.description })
+              ]
+            },
+            T.id
+          )) })
+        ] }) : /* @__PURE__ */ e("span", { className: "text-xs bg-teal-100 dark:bg-teal-900 text-teal-700 dark:text-teal-300 px-2 py-0.5 rounded", children: ((he = R[0]) == null ? void 0 : he.name) || "Gemini" })
       ] }),
       /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
         i.length > 0 && /* @__PURE__ */ e(
           "button",
           {
-            onClick: te,
+            onClick: pe,
             className: "p-2 text-gray-500 dark:text-zinc-400 hover:text-gray-700 dark:hover:text-zinc-200 hover:bg-gray-100 dark:hover:bg-zinc-700 rounded",
             title: "New Chat",
             children: /* @__PURE__ */ e("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
@@ -7126,8 +7184,8 @@ function fn({
       ] })
     ] }),
     /* @__PURE__ */ l("div", { className: "flex-1 overflow-auto p-4 space-y-4", children: [
-      S === !1 && /* @__PURE__ */ e("div", { className: "bg-amber-50 dark:bg-amber-900/30 border border-amber-200 dark:border-amber-800 rounded-lg p-4", children: /* @__PURE__ */ l("div", { className: "flex items-start gap-3", children: [
-        w === "tier_limit" ? /* @__PURE__ */ e(
+      I === !1 && /* @__PURE__ */ e("div", { className: "bg-amber-50 dark:bg-amber-900/30 border border-amber-200 dark:border-amber-800 rounded-lg p-4", children: /* @__PURE__ */ l("div", { className: "flex items-start gap-3", children: [
+        k === "tier_limit" ? /* @__PURE__ */ e(
           "svg",
           {
             className: "h-5 w-5 text-amber-600 dark:text-amber-400 mt-0.5",
@@ -7163,10 +7221,10 @@ function fn({
           }
         ),
         /* @__PURE__ */ l("div", { children: [
-          /* @__PURE__ */ e("p", { className: "font-medium text-amber-800 dark:text-amber-200", children: w === "tier_limit" ? "AI Workflow Generation Not Available" : "AI Generation Not Available" }),
-          /* @__PURE__ */ e("p", { className: "text-sm text-amber-700 dark:text-amber-300 mt-1", children: I }),
+          /* @__PURE__ */ e("p", { className: "font-medium text-amber-800 dark:text-amber-200", children: k === "tier_limit" ? "AI Workflow Generation Not Available" : "AI Generation Not Available" }),
+          /* @__PURE__ */ e("p", { className: "text-sm text-amber-700 dark:text-amber-300 mt-1", children: C }),
           /* @__PURE__ */ l("div", { className: "flex flex-col sm:flex-row gap-2 mt-3", children: [
-            w === "tier_limit" && /* @__PURE__ */ e(
+            k === "tier_limit" && /* @__PURE__ */ e(
               "a",
               {
                 href: "/pricing",
@@ -7174,7 +7232,7 @@ function fn({
                 children: "View Plans"
               }
             ),
-            w === "service_unavailable" && _ && /* @__PURE__ */ e(
+            k === "service_unavailable" && _ && /* @__PURE__ */ e(
               "a",
               {
                 href: _,
@@ -7182,7 +7240,7 @@ function fn({
                 children: "Contact Support"
               }
             ),
-            w === "not_configured" && !L && /* @__PURE__ */ e(
+            k === "not_configured" && !S && /* @__PURE__ */ e(
               "a",
               {
                 href: "https://floimg.com/docs/studio/ai-workflows",
@@ -7195,7 +7253,7 @@ function fn({
           ] })
         ] })
       ] }) }),
-      i.length === 0 && S !== !1 && /* @__PURE__ */ l("div", { className: "text-center py-8", children: [
+      i.length === 0 && I !== !1 && /* @__PURE__ */ l("div", { className: "text-center py-8", children: [
         /* @__PURE__ */ e("div", { className: "inline-flex items-center justify-center w-16 h-16 bg-teal-100 dark:bg-teal-900/50 rounded-full mb-4", children: /* @__PURE__ */ e(
           "svg",
           {
@@ -7222,62 +7280,62 @@ function fn({
           "Generate an image with Gemini, then use it as a reference to create a variation with different lighting",
           "Create a product mockup: generate a minimalist logo, then composite it onto a t-shirt image",
           "Build an AI art pipeline: generate a base image, apply artistic style transfer, then upscale to 4K"
-        ].map((z, A) => /* @__PURE__ */ l(
+        ].map((T, G) => /* @__PURE__ */ l(
           "button",
           {
-            onClick: () => c(z),
+            onClick: () => c(T),
             className: "block w-full text-left text-sm px-4 py-2 bg-gray-100 dark:bg-zinc-700 hover:bg-gray-200 dark:hover:bg-zinc-600 rounded-lg text-gray-700 dark:text-zinc-300 transition-colors",
             children: [
               '"',
-              z,
+              T,
               '"'
             ]
           },
-          A
+          G
         )) })
       ] }),
-      i.map((z, A) => /* @__PURE__ */ e(
+      i.map((T, G) => /* @__PURE__ */ e(
         "div",
         {
-          className: `flex ${z.role === "user" ? "justify-end" : "justify-start"}`,
+          className: `flex ${T.role === "user" ? "justify-end" : "justify-start"}`,
           children: /* @__PURE__ */ l(
             "div",
             {
-              className: `max-w-[80%] rounded-lg px-4 py-3 ${z.role === "user" ? "bg-teal-600 text-white" : "bg-gray-100 dark:bg-zinc-700 text-gray-900 dark:text-white"}`,
+              className: `max-w-[80%] rounded-lg px-4 py-3 ${T.role === "user" ? "bg-teal-600 text-white" : "bg-gray-100 dark:bg-zinc-700 text-gray-900 dark:text-white"}`,
               children: [
-                /* @__PURE__ */ e("p", { className: "text-sm whitespace-pre-wrap", children: z.content }),
-                z.role === "assistant" && z.workflow && /* @__PURE__ */ l("div", { className: "mt-3 pt-3 border-t border-gray-200 dark:border-zinc-600", children: [
+                /* @__PURE__ */ e("p", { className: "text-sm whitespace-pre-wrap", children: T.content }),
+                T.role === "assistant" && T.workflow && /* @__PURE__ */ l("div", { className: "mt-3 pt-3 border-t border-gray-200 dark:border-zinc-600", children: [
                   /* @__PURE__ */ l("div", { className: "flex items-center justify-between mb-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-xs font-medium text-gray-500 dark:text-zinc-400", children: "Generated Workflow" }),
                     /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: () => le(z.workflow),
+                        onClick: () => J(T.workflow),
                         className: "text-xs px-3 py-1 bg-teal-600 hover:bg-teal-700 text-white rounded transition-colors",
                         children: "Apply to Canvas"
                       }
                     )
                   ] }),
                   /* @__PURE__ */ e("div", { className: "bg-white dark:bg-zinc-800 rounded p-2 text-xs", children: /* @__PURE__ */ l("div", { className: "space-y-1", children: [
-                    z.workflow.nodes.map((D, H) => /* @__PURE__ */ l(
+                    T.workflow.nodes.map((Y, ie) => /* @__PURE__ */ l(
                       "div",
                       {
                         className: "flex items-center gap-2 text-gray-600 dark:text-zinc-300",
                         children: [
-                          /* @__PURE__ */ e("span", { className: "font-mono bg-gray-100 dark:bg-zinc-700 px-1.5 py-0.5 rounded", children: D.nodeType.split(":").pop() }),
-                          D.label && /* @__PURE__ */ l("span", { className: "text-gray-400", children: [
+                          /* @__PURE__ */ e("span", { className: "font-mono bg-gray-100 dark:bg-zinc-700 px-1.5 py-0.5 rounded", children: Y.nodeType.split(":").pop() }),
+                          Y.label && /* @__PURE__ */ l("span", { className: "text-gray-400", children: [
                             "(",
-                            D.label,
+                            Y.label,
                             ")"
                           ] })
                         ]
                       },
-                      H
+                      ie
                     )),
-                    z.workflow.edges.length > 0 && /* @__PURE__ */ l("div", { className: "text-gray-400 dark:text-zinc-500 pt-1", children: [
-                      z.workflow.edges.length,
+                    T.workflow.edges.length > 0 && /* @__PURE__ */ l("div", { className: "text-gray-400 dark:text-zinc-500 pt-1", children: [
+                      T.workflow.edges.length,
                       " connection",
-                      z.workflow.edges.length !== 1 ? "s" : ""
+                      T.workflow.edges.length !== 1 ? "s" : ""
                     ] })
                   ] }) })
                 ] })
@@ -7285,7 +7343,7 @@ function fn({
             }
           )
         },
-        A
+        G
       )),
       m && /* @__PURE__ */ e("div", { className: "flex justify-start", children: /* @__PURE__ */ l("div", { className: "bg-gray-100 dark:bg-zinc-700 rounded-lg px-4 py-3", children: [
         /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
@@ -7384,7 +7442,7 @@ function fn({
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: Q,
+              onClick: K,
               className: "ml-2 px-2 py-1 text-xs font-medium text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/30 rounded transition-colors",
               title: "Cancel generation",
               children: "Cancel"
@@ -7419,19 +7477,19 @@ function fn({
         ] })
       ] }) }),
       x && /* @__PURE__ */ e("div", { className: "bg-red-50 dark:bg-red-900/30 border border-red-200 dark:border-red-800 rounded-lg p-3", children: /* @__PURE__ */ e("p", { className: "text-sm text-red-700 dark:text-red-300", children: x }) }),
-      /* @__PURE__ */ e("div", { ref: R })
+      /* @__PURE__ */ e("div", { ref: oe })
     ] }),
     /* @__PURE__ */ l("div", { className: "border-t border-gray-200 dark:border-zinc-700 p-4", children: [
       /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
         /* @__PURE__ */ e(
           "textarea",
           {
-            ref: O,
+            ref: L,
             value: p,
-            onChange: (z) => c(z.target.value),
-            onKeyDown: ee,
-            placeholder: S === !1 ? "AI generation not available" : "Describe what workflow you want to create...",
-            disabled: m || S === !1,
+            onChange: (T) => c(T.target.value),
+            onKeyDown: q,
+            placeholder: I === !1 ? "AI generation not available" : "Describe what workflow you want to create...",
+            disabled: m || I === !1,
             rows: 2,
             className: "flex-1 resize-none rounded-lg border border-gray-300 dark:border-zinc-600 bg-white dark:bg-zinc-900 px-4 py-2 text-sm text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-zinc-500 focus:border-teal-500 focus:outline-none focus:ring-1 focus:ring-teal-500 disabled:opacity-50 disabled:cursor-not-allowed"
           }
@@ -7439,8 +7497,8 @@ function fn({
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: K,
-            disabled: !p.trim() || m || S === !1,
+            onClick: V,
+            disabled: !p.trim() || m || I === !1,
             className: "self-end px-4 py-2 bg-teal-600 hover:bg-teal-700 disabled:opacity-50 disabled:cursor-not-allowed text-white rounded-lg transition-colors",
             children: /* @__PURE__ */ e("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
               "path",
@@ -7458,9 +7516,9 @@ function fn({
     ] })
   ] }) }) : null;
 }
-const gn = 20, xn = 500, bn = 1e5;
-function vn({ isOpen: t, onClose: o, nodeLabel: n, output: r }) {
-  const [a, i] = E("formatted"), [d, p] = E(!1), c = M(() => {
+const xn = 20, bn = 500, vn = 1e5;
+function kn({ isOpen: t, onClose: o, nodeLabel: n, output: r }) {
+  const [a, i] = E("formatted"), [d, p] = E(!1), c = $(() => {
     const u = a === "formatted" && r.parsed ? JSON.stringify(r.parsed, null, 2) : r.content;
     navigator.clipboard.writeText(u).then(() => {
       p(!0), setTimeout(() => p(!1), 2e3);
@@ -7534,7 +7592,7 @@ function vn({ isOpen: t, onClose: o, nodeLabel: n, output: r }) {
         )
       ] })
     ] }),
-    r.content.length > bn && /* @__PURE__ */ l("div", { className: "px-4 py-2 bg-amber-50 dark:bg-amber-900/20 border-b border-amber-200 dark:border-amber-800 flex items-center gap-2", children: [
+    r.content.length > vn && /* @__PURE__ */ l("div", { className: "px-4 py-2 bg-amber-50 dark:bg-amber-900/20 border-b border-amber-200 dark:border-amber-800 flex items-center gap-2", children: [
       /* @__PURE__ */ e(
         "svg",
         {
@@ -7570,7 +7628,7 @@ function vn({ isOpen: t, onClose: o, nodeLabel: n, output: r }) {
         {
           onClick: c,
           className: "flex items-center gap-2 px-3 py-1.5 text-sm font-medium text-teal-600 dark:text-teal-400 hover:bg-teal-50 dark:hover:bg-teal-900/30 rounded-lg transition-colors",
-          children: d ? /* @__PURE__ */ l(Y, { children: [
+          children: d ? /* @__PURE__ */ l(X, { children: [
             /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
               "path",
               {
@@ -7581,7 +7639,7 @@ function vn({ isOpen: t, onClose: o, nodeLabel: n, output: r }) {
               }
             ) }),
             "Copied!"
-          ] }) : /* @__PURE__ */ l(Y, { children: [
+          ] }) : /* @__PURE__ */ l(X, { children: [
             /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
               "path",
               {
@@ -7599,9 +7657,9 @@ function vn({ isOpen: t, onClose: o, nodeLabel: n, output: r }) {
   ] }) });
 }
 function wn({ data: t }) {
-  return /* @__PURE__ */ e("div", { className: "font-mono text-sm", children: /* @__PURE__ */ e(We, { value: t, depth: 0, maxDepth: gn }) });
+  return /* @__PURE__ */ e("div", { className: "font-mono text-sm", children: /* @__PURE__ */ e($e, { value: t, depth: 0, maxDepth: xn }) });
 }
-function We({ value: t, depth: o, keyName: n, maxDepth: r }) {
+function $e({ value: t, depth: o, keyName: n, maxDepth: r }) {
   const a = o * 16;
   if (o >= r)
     return /* @__PURE__ */ l("div", { style: { marginLeft: a }, className: "py-0.5", children: [
@@ -7660,7 +7718,7 @@ function We({ value: t, depth: o, keyName: n, maxDepth: r }) {
     ] });
   }
   if (Array.isArray(t)) {
-    const i = t.slice(0, xn), d = t.length - i.length;
+    const i = t.slice(0, bn), d = t.length - i.length;
     return /* @__PURE__ */ l("div", { style: { marginLeft: a }, children: [
       n && /* @__PURE__ */ l("div", { className: "py-0.5", children: [
         /* @__PURE__ */ l("span", { className: "text-pink-600 dark:text-pink-400", children: [
@@ -7676,7 +7734,7 @@ function We({ value: t, depth: o, keyName: n, maxDepth: r }) {
         ] })
       ] }),
       !n && /* @__PURE__ */ e("span", { className: "text-gray-500 dark:text-zinc-500 py-0.5 block", children: "[" }),
-      i.map((p, c) => /* @__PURE__ */ e(We, { value: p, depth: o + 1, maxDepth: r }, c)),
+      i.map((p, c) => /* @__PURE__ */ e($e, { value: p, depth: o + 1, maxDepth: r }, c)),
       d > 0 && /* @__PURE__ */ l("div", { style: { marginLeft: (o + 1) * 16 }, className: "py-0.5 text-zinc-500 italic", children: [
         "...and ",
         d,
@@ -7698,15 +7756,15 @@ function We({ value: t, depth: o, keyName: n, maxDepth: r }) {
         /* @__PURE__ */ e("span", { className: "text-gray-500 dark:text-zinc-500", children: "{" })
       ] }),
       !n && /* @__PURE__ */ e("span", { className: "text-gray-500 dark:text-zinc-500 py-0.5 block", children: "{" }),
-      i.map(([d, p]) => /* @__PURE__ */ e(We, { value: p, depth: o + 1, keyName: d, maxDepth: r }, d)),
+      i.map(([d, p]) => /* @__PURE__ */ e($e, { value: p, depth: o + 1, keyName: d, maxDepth: r }, d)),
       /* @__PURE__ */ e("div", { style: { marginLeft: n ? 0 : a }, className: "py-0.5", children: /* @__PURE__ */ e("span", { className: "text-gray-500 dark:text-zinc-500", children: "}" }) })
     ] });
   }
   return null;
 }
-function it({ binding: t, className: o = "", size: n = "md" }) {
+function mt({ binding: t, className: o = "", size: n = "md" }) {
   if (!t) return null;
-  const r = Ar(t);
+  const r = Rr(t);
   if (r.length === 0) return null;
   const a = {
     sm: "px-1 py-0.5 text-[10px] min-w-[16px]",
@@ -7730,7 +7788,7 @@ function it({ binding: t, className: o = "", size: n = "md" }) {
     d
   )) });
 }
-const kn = [
+const yn = [
   "a[href]",
   "button:not([disabled])",
   "input:not([disabled])",
@@ -7738,9 +7796,9 @@ const kn = [
   "textarea:not([disabled])",
   '[tabindex]:not([tabindex="-1"])'
 ].join(", ");
-function Te(t) {
-  const o = Z(null), n = Z(null), r = M(() => o.current ? Array.from(
-    o.current.querySelectorAll(kn)
+function Pe(t) {
+  const o = re(null), n = re(null), r = $(() => o.current ? Array.from(
+    o.current.querySelectorAll(yn)
   ).filter((a) => a.offsetParent !== null) : [], []);
   return U(() => {
     if (!t) return;
@@ -7769,7 +7827,7 @@ function Te(t) {
     };
   }, [t, r]), o;
 }
-function yn(t, o, n, r) {
+function Nn(t, o, n, r) {
   switch (t.id) {
     case "save":
     case "exportWorkflow":
@@ -7782,21 +7840,21 @@ function yn(t, o, n, r) {
       return null;
   }
 }
-function Nn({ onToggleAIChat: t }) {
-  const o = $((z) => z.showCommandPalette), n = $((z) => z.closeCommandPalette), r = $((z) => z.keyboard), [a, i] = E(""), d = pt(a), [p, c] = E(0), m = we(), u = Te(o), s = Z(null), h = y((z) => z.nodes), f = y((z) => z.selectedNodeId), v = y((z) => z.execution), x = y((z) => z.saveWorkflow), k = y((z) => z.execute), S = y((z) => z.duplicateNode), b = y((z) => z.toggleLibrary), I = y((z) => z.newWorkflow), N = $((z) => z.openSettings), w = $((z) => z.openShortcutsModal), C = $((z) => z.openExport), L = $((z) => z.openImport), g = $((z) => z.requestNewWorkflow), _ = y((z) => z.hasUnsavedChanges), W = M(
-    (z) => {
-      var D;
-      const A = he.find((H) => H.action === z);
-      return A ? ((D = r == null ? void 0 : r.shortcuts) == null ? void 0 : D[z]) !== void 0 ? r.shortcuts[z] ?? null : A.defaultBinding : null;
+function zn({ onToggleAIChat: t }) {
+  const o = A((L) => L.showCommandPalette), n = A((L) => L.closeCommandPalette), r = A((L) => L.keyboard), [a, i] = E(""), d = ht(a), [p, c] = E(0), m = Ce(), u = Pe(o), s = re(null), h = y((L) => L.nodes), f = y((L) => L.selectedNodeId), v = y((L) => L.execution), x = y((L) => L.saveWorkflow), w = y((L) => L.execute), I = y((L) => L.duplicateNode), b = y((L) => L.toggleLibrary), C = y((L) => L.newWorkflow), N = A((L) => L.openSettings), k = A((L) => L.openShortcutsModal), z = A((L) => L.openExport), S = A((L) => L.openImport), g = A((L) => L.requestNewWorkflow), _ = y((L) => L.hasUnsavedChanges), M = $(
+    (L) => {
+      var V;
+      const P = ke.find((K) => K.action === L);
+      return P ? ((V = r == null ? void 0 : r.shortcuts) == null ? void 0 : V[L]) !== void 0 ? r.shortcuts[L] ?? null : P.defaultBinding : null;
     },
     [r]
-  ), R = J(() => [
+  ), R = Z(() => [
     // Workflow commands
     {
       id: "save",
       name: "Save Workflow",
       category: "workflow",
-      shortcut: W("save") ?? void 0,
+      shortcut: M("save") ?? void 0,
       action: () => {
         h.length > 0 && x();
       },
@@ -7807,9 +7865,9 @@ function Nn({ onToggleAIChat: t }) {
       id: "execute",
       name: "Execute Workflow",
       category: "workflow",
-      shortcut: W("execute") ?? void 0,
+      shortcut: M("execute") ?? void 0,
       action: () => {
-        h.length > 0 && v.status !== "running" && k();
+        h.length > 0 && v.status !== "running" && w();
       },
       enabled: () => h.length > 0 && v.status !== "running",
       keywords: ["run", "execute", "start"]
@@ -7818,9 +7876,9 @@ function Nn({ onToggleAIChat: t }) {
       id: "newWorkflow",
       name: "New Workflow",
       category: "workflow",
-      shortcut: W("newWorkflow") ?? void 0,
+      shortcut: M("newWorkflow") ?? void 0,
       action: () => {
-        n == null || n(), g(_, I);
+        n == null || n(), g(_, C);
       },
       keywords: ["new", "create", "blank"]
     },
@@ -7828,9 +7886,9 @@ function Nn({ onToggleAIChat: t }) {
       id: "exportWorkflow",
       name: "Export Workflow",
       category: "workflow",
-      shortcut: W("exportWorkflow") ?? void 0,
+      shortcut: M("exportWorkflow") ?? void 0,
       action: () => {
-        h.length > 0 && (C == null || C());
+        h.length > 0 && (z == null || z());
       },
       enabled: () => h.length > 0,
       keywords: ["export", "download", "yaml", "javascript"]
@@ -7839,8 +7897,8 @@ function Nn({ onToggleAIChat: t }) {
       id: "importWorkflow",
       name: "Import Workflow",
       category: "workflow",
-      shortcut: W("importWorkflow") ?? void 0,
-      action: () => L == null ? void 0 : L(),
+      shortcut: M("importWorkflow") ?? void 0,
+      action: () => S == null ? void 0 : S(),
       keywords: ["import", "upload", "load"]
     },
     // Editing commands
@@ -7848,9 +7906,9 @@ function Nn({ onToggleAIChat: t }) {
       id: "duplicate",
       name: "Duplicate Node",
       category: "editing",
-      shortcut: W("duplicate") ?? void 0,
+      shortcut: M("duplicate") ?? void 0,
       action: () => {
-        f && S(f);
+        f && I(f);
       },
       enabled: () => !!f,
       keywords: ["duplicate", "copy", "clone"]
@@ -7860,7 +7918,7 @@ function Nn({ onToggleAIChat: t }) {
       id: "toggleLibrary",
       name: "Toggle Workflow Library",
       category: "ui",
-      shortcut: W("toggleLibrary") ?? void 0,
+      shortcut: M("toggleLibrary") ?? void 0,
       action: () => b(),
       keywords: ["library", "workflows", "saved"]
     },
@@ -7868,7 +7926,7 @@ function Nn({ onToggleAIChat: t }) {
       id: "toggleAIChat",
       name: "Toggle AI Chat",
       category: "ui",
-      shortcut: W("toggleAIChat") ?? void 0,
+      shortcut: M("toggleAIChat") ?? void 0,
       action: () => t == null ? void 0 : t(),
       keywords: ["ai", "chat", "generate", "assistant"]
     },
@@ -7876,7 +7934,7 @@ function Nn({ onToggleAIChat: t }) {
       id: "settings",
       name: "Open Settings",
       category: "ui",
-      shortcut: W("settings") ?? void 0,
+      shortcut: M("settings") ?? void 0,
       action: () => N(),
       keywords: ["settings", "preferences", "api", "keys"]
     },
@@ -7884,8 +7942,8 @@ function Nn({ onToggleAIChat: t }) {
       id: "showShortcuts",
       name: "Show Keyboard Shortcuts",
       category: "ui",
-      shortcut: W("showShortcuts") ?? void 0,
-      action: () => w == null ? void 0 : w(),
+      shortcut: M("showShortcuts") ?? void 0,
+      action: () => k == null ? void 0 : k(),
       keywords: ["shortcuts", "keyboard", "hotkeys", "help"]
     }
   ], [
@@ -7894,87 +7952,87 @@ function Nn({ onToggleAIChat: t }) {
     v.status,
     _,
     x,
-    k,
+    w,
+    C,
     I,
-    S,
     b,
     N,
-    w,
-    C,
-    L,
+    k,
+    z,
+    S,
     t,
-    W,
+    M,
     n,
     g
-  ]), O = J(() => {
+  ]), B = Z(() => {
     if (!d.trim()) return R;
-    const z = d.toLowerCase();
-    return R.filter((A) => {
-      var P;
-      const D = A.name.toLowerCase().includes(z), H = (P = A.keywords) == null ? void 0 : P.some((q) => q.toLowerCase().includes(z));
-      return D || H;
+    const L = d.toLowerCase();
+    return R.filter((P) => {
+      var q;
+      const V = P.name.toLowerCase().includes(L), K = (q = P.keywords) == null ? void 0 : q.some((J) => J.toLowerCase().includes(L));
+      return V || K;
     });
-  }, [R, d]), K = J(() => {
-    const z = {
+  }, [R, d]), H = Z(() => {
+    const L = {
       workflow: [],
       editing: [],
       canvas: [],
       ui: [],
       nodes: []
     };
-    for (const A of O)
-      z[A.category].push(A);
-    return z;
-  }, [O]);
+    for (const P of B)
+      L[P.category].push(P);
+    return L;
+  }, [B]);
   U(() => {
     c(0);
   }, [d]), U(() => {
     o && (i(""), c(0));
   }, [o]);
-  const Q = M(
-    (z) => {
-      if (z.key === "Escape") {
+  const ee = $(
+    (L) => {
+      if (L.key === "Escape") {
         n == null || n();
         return;
       }
-      if (z.key === "ArrowDown") {
-        z.preventDefault(), c((A) => Math.min(A + 1, O.length - 1));
+      if (L.key === "ArrowDown") {
+        L.preventDefault(), c((P) => Math.min(P + 1, B.length - 1));
         return;
       }
-      if (z.key === "ArrowUp") {
-        z.preventDefault(), c((A) => Math.max(A - 1, 0));
+      if (L.key === "ArrowUp") {
+        L.preventDefault(), c((P) => Math.max(P - 1, 0));
         return;
       }
-      if (z.key === "Enter") {
-        z.preventDefault();
-        const A = O[p];
-        A && (!A.enabled || A.enabled()) && (A.action(), n == null || n());
+      if (L.key === "Enter") {
+        L.preventDefault();
+        const P = B[p];
+        P && (!P.enabled || P.enabled()) && (P.action(), n == null || n());
         return;
       }
     },
-    [O, p, n]
+    [B, p, n]
   );
   if (U(() => {
     if (s.current) {
-      const z = s.current.querySelector(`[data-index="${p}"]`);
-      z && z.scrollIntoView({ block: "nearest" });
+      const L = s.current.querySelector(`[data-index="${p}"]`);
+      L && L.scrollIntoView({ block: "nearest" });
     }
   }, [p]), !o) return null;
-  const ee = [
+  const te = [
     "workflow",
     "editing",
     "ui",
     "canvas",
     "nodes"
   ];
-  let le = 0;
-  const te = () => le++;
+  let ne = 0;
+  const oe = () => ne++;
   return /* @__PURE__ */ e(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-start justify-center pt-[15vh] bg-black/50",
-      onClick: (z) => {
-        z.target === z.currentTarget && (n == null || n());
+      onClick: (L) => {
+        L.target === L.currentTarget && (n == null || n());
       },
       children: /* @__PURE__ */ l(
         "div",
@@ -8012,8 +8070,8 @@ function Nn({ onToggleAIChat: t }) {
                   type: "text",
                   placeholder: "Type a command or search...",
                   value: a,
-                  onChange: (z) => i(z.target.value),
-                  onKeyDown: Q,
+                  onChange: (L) => i(L.target.value),
+                  onKeyDown: ee,
                   "aria-label": "Search commands",
                   autoFocus: !0,
                   className: "flex-1 bg-transparent text-zinc-900 dark:text-zinc-100 placeholder-zinc-500 focus:outline-none text-sm"
@@ -8021,41 +8079,41 @@ function Nn({ onToggleAIChat: t }) {
               ),
               /* @__PURE__ */ e("kbd", { className: "px-1.5 py-0.5 text-xs font-mono bg-zinc-100 dark:bg-zinc-700 text-zinc-500 border border-zinc-200 dark:border-zinc-600 rounded", children: "Esc" })
             ] }),
-            /* @__PURE__ */ e("div", { ref: s, className: "max-h-80 overflow-y-auto py-2", children: O.length === 0 ? /* @__PURE__ */ e("div", { className: "px-4 py-8 text-center text-zinc-500 dark:text-zinc-400 text-sm", children: "No commands found" }) : ee.map((z) => {
-              const A = K[z];
-              return A.length === 0 ? null : /* @__PURE__ */ l("div", { className: "mb-2", children: [
-                /* @__PURE__ */ e("div", { className: "px-4 py-1 text-xs font-semibold text-zinc-500 dark:text-zinc-400 uppercase tracking-wider", children: Je[z] || z }),
-                A.map((D) => {
-                  const H = te(), P = H === p, q = !D.enabled || D.enabled(), de = q ? null : yn(D, h, f, v.status);
+            /* @__PURE__ */ e("div", { ref: s, className: "max-h-80 overflow-y-auto py-2", children: B.length === 0 ? /* @__PURE__ */ e("div", { className: "px-4 py-8 text-center text-zinc-500 dark:text-zinc-400 text-sm", children: "No commands found" }) : te.map((L) => {
+              const P = H[L];
+              return P.length === 0 ? null : /* @__PURE__ */ l("div", { className: "mb-2", children: [
+                /* @__PURE__ */ e("div", { className: "px-4 py-1 text-xs font-semibold text-zinc-500 dark:text-zinc-400 uppercase tracking-wider", children: et[L] || L }),
+                P.map((V) => {
+                  const K = oe(), q = K === p, J = !V.enabled || V.enabled(), pe = J ? null : Nn(V, h, f, v.status);
                   return /* @__PURE__ */ l(
                     "button",
                     {
-                      "data-index": H,
+                      "data-index": K,
                       onClick: () => {
-                        q && (D.action(), n == null || n());
+                        J && (V.action(), n == null || n());
                       },
-                      disabled: !q,
-                      title: de ?? void 0,
+                      disabled: !J,
+                      title: pe ?? void 0,
                       className: `
                           w-full flex items-center justify-between px-4 py-2 text-left
-                          ${P ? "bg-teal-50 dark:bg-teal-900/30" : "hover:bg-zinc-50 dark:hover:bg-zinc-700/50"}
-                          ${q ? "cursor-pointer" : "opacity-50 cursor-not-allowed"}
+                          ${q ? "bg-teal-50 dark:bg-teal-900/30" : "hover:bg-zinc-50 dark:hover:bg-zinc-700/50"}
+                          ${J ? "cursor-pointer" : "opacity-50 cursor-not-allowed"}
                         `,
                       children: [
                         /* @__PURE__ */ e(
                           "span",
                           {
-                            className: `text-sm ${P ? "text-teal-700 dark:text-teal-300" : "text-zinc-800 dark:text-zinc-200"}`,
-                            children: D.name
+                            className: `text-sm ${q ? "text-teal-700 dark:text-teal-300" : "text-zinc-800 dark:text-zinc-200"}`,
+                            children: V.name
                           }
                         ),
-                        D.shortcut && /* @__PURE__ */ e(it, { binding: D.shortcut, size: "sm" })
+                        V.shortcut && /* @__PURE__ */ e(mt, { binding: V.shortcut, size: "sm" })
                       ]
                     },
-                    D.id
+                    V.id
                   );
                 })
-              ] }, z);
+              ] }, L);
             }) }),
             /* @__PURE__ */ e("div", { className: "px-4 py-2 border-t border-zinc-200 dark:border-zinc-700 bg-zinc-50 dark:bg-zinc-800/50", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-4 text-xs text-zinc-500 dark:text-zinc-400", children: [
               /* @__PURE__ */ l("span", { className: "flex items-center gap-1", children: [
@@ -8078,13 +8136,13 @@ function Nn({ onToggleAIChat: t }) {
     }
   );
 }
-function zn() {
-  const t = $((u) => u.showShortcutsModal), o = $((u) => u.closeShortcutsModal), n = $((u) => u.keyboard), [r, a] = E(""), i = we(), d = Te(t), p = (u) => {
+function Cn() {
+  const t = A((u) => u.showShortcutsModal), o = A((u) => u.closeShortcutsModal), n = A((u) => u.keyboard), [r, a] = E(""), i = Ce(), d = Pe(t), p = (u) => {
     var h;
-    const s = he.find((f) => f.action === u);
+    const s = ke.find((f) => f.action === u);
     return s ? ((h = n == null ? void 0 : n.shortcuts) == null ? void 0 : h[u]) !== void 0 ? n.shortcuts[u] ?? null : s.defaultBinding : null;
-  }, c = J(() => {
-    const u = Ut();
+  }, c = Z(() => {
+    const u = Ht();
     if (r.trim()) {
       const s = r.toLowerCase(), h = {
         workflow: [],
@@ -8161,7 +8219,7 @@ function zn() {
             /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto px-4 py-2", children: ["workflow", "editing", "canvas", "ui"].map((u) => {
               const s = c[u];
               return s.length === 0 ? null : /* @__PURE__ */ l("div", { className: "mb-4", children: [
-                /* @__PURE__ */ e("h3", { className: "text-xs font-semibold text-zinc-500 dark:text-zinc-400 uppercase tracking-wider mb-2", children: Je[u] }),
+                /* @__PURE__ */ e("h3", { className: "text-xs font-semibold text-zinc-500 dark:text-zinc-400 uppercase tracking-wider mb-2", children: et[u] }),
                 /* @__PURE__ */ e("div", { className: "space-y-1", children: s.map((h) => {
                   const f = p(h.action);
                   return /* @__PURE__ */ l(
@@ -8173,7 +8231,7 @@ function zn() {
                           /* @__PURE__ */ e("div", { className: "text-sm font-medium text-zinc-800 dark:text-zinc-200", children: h.name }),
                           /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500 dark:text-zinc-400 truncate", children: h.description })
                         ] }),
-                        /* @__PURE__ */ e("div", { className: "ml-4 flex-shrink-0", children: f ? /* @__PURE__ */ e(it, { binding: f, size: "sm" }) : /* @__PURE__ */ e("span", { className: "text-xs text-zinc-400 dark:text-zinc-500", children: "Not set" }) })
+                        /* @__PURE__ */ e("div", { className: "ml-4 flex-shrink-0", children: f ? /* @__PURE__ */ e(mt, { binding: f, size: "sm" }) : /* @__PURE__ */ e("span", { className: "text-xs text-zinc-400 dark:text-zinc-500", children: "Not set" }) })
                       ]
                     },
                     h.action
@@ -8198,7 +8256,7 @@ function zn() {
     }
   ) : null;
 }
-function Cn({
+function In({
   isOpen: t,
   title: o,
   message: n,
@@ -8208,7 +8266,7 @@ function Cn({
   onCancel: d,
   destructive: p = !1
 }) {
-  const c = we(), m = we(), u = Te(t), s = M(
+  const c = Ce(), m = Ce(), u = Pe(t), s = $(
     (h) => {
       h.key === "Escape" && d();
     },
@@ -8265,12 +8323,12 @@ function Cn({
     }
   ) : null;
 }
-const Be = "https://api.floimg.com";
-function In({ onToggleAIChat: t }) {
-  return Tr({ onToggleAIChat: t }), null;
+const Ke = "https://api.floimg.com";
+function Sn({ onToggleAIChat: t }) {
+  return jr({ onToggleAIChat: t }), null;
 }
-function Sn() {
-  const { screenToFlowPosition: t } = He(), o = y((a) => a.addNode), n = M(
+function Ln() {
+  const { screenToFlowPosition: t } = Je(), o = y((a) => a.addNode), n = $(
     (a) => {
       a.preventDefault();
       const i = a.dataTransfer.getData("application/json");
@@ -8286,26 +8344,26 @@ function Sn() {
         }
     },
     [o, t]
-  ), r = M((a) => {
+  ), r = $((a) => {
     a.preventDefault(), a.dataTransfer.dropEffect = "move";
   }, []);
-  return /* @__PURE__ */ e("div", { className: "flex-1", onDrop: n, onDragOver: r, children: /* @__PURE__ */ e(dr, {}) });
+  return /* @__PURE__ */ e("div", { className: "flex-1", onDrop: n, onDragOver: r, children: /* @__PURE__ */ e(cr, {}) });
 }
-function Tn() {
-  const [t, o] = E("editor"), [n, r] = E(!1), a = y((g) => g.loadTemplate), i = y((g) => g.loadGeneratedWorkflow), d = y((g) => g.loadRemixImage), p = y((g) => g.inspectedNodeId), c = y((g) => g.execution.dataOutputs), m = y((g) => g.closeOutputInspector), u = y((g) => g.nodes), s = y((g) => g.selectedNodeId), h = y((g) => g.unseenRunCount), f = y((g) => g.hasUnseenErrors), v = y((g) => g.markRunsAsSeen), x = p ? u.find((g) => g.id === p) : null, k = p ? c[p] : null;
+function jn() {
+  const [t, o] = E("editor"), [n, r] = E(!1), a = y((g) => g.loadTemplate), i = y((g) => g.loadGeneratedWorkflow), d = y((g) => g.loadRemixImage), p = y((g) => g.inspectedNodeId), c = y((g) => g.execution.dataOutputs), m = y((g) => g.closeOutputInspector), u = y((g) => g.nodes), s = y((g) => g.selectedNodeId), h = y((g) => g.unseenRunCount), f = y((g) => g.hasUnseenErrors), v = y((g) => g.markRunsAsSeen), x = p ? u.find((g) => g.id === p) : null, w = p ? c[p] : null;
   U(() => {
-    const g = new URLSearchParams(window.location.search), _ = g.get("template"), W = g.get("remixImage");
+    const g = new URLSearchParams(window.location.search), _ = g.get("template"), M = g.get("remixImage");
     _ ? (async () => {
       try {
-        const R = await fetch(`${Be}/api/templates/${_}`);
+        const R = await fetch(`${Ke}/api/templates/${_}`);
         if (R.ok) {
-          const K = (await R.json()).template;
-          a(K);
+          const H = (await R.json()).template;
+          a(H);
         }
       } catch {
       }
       window.history.replaceState({}, "", window.location.pathname);
-    })() : W && (d(W), window.history.replaceState({}, "", window.location.pathname));
+    })() : M && (d(M), window.history.replaceState({}, "", window.location.pathname));
   }, [a, d]), U(() => {
     const g = () => {
       o("editor");
@@ -8314,10 +8372,10 @@ function Tn() {
       window.removeEventListener("workflow-loaded", g);
     };
   }, []);
-  const S = M(
+  const I = $(
     async (g) => {
       try {
-        const _ = await fetch(`${Be}/api/templates/${g}`);
+        const _ = await fetch(`${Ke}/api/templates/${g}`);
         if (_.ok) {
           const R = (await _.json()).template;
           a(R), o("editor");
@@ -8326,55 +8384,55 @@ function Tn() {
       }
     },
     [a]
-  ), b = M(
+  ), b = $(
     (g) => {
       i(g), o("editor");
     },
     [i]
-  ), I = M(() => {
+  ), C = $(() => {
     r((g) => !g);
-  }, []), N = M(() => {
+  }, []), N = $(() => {
     o("history"), v();
-  }, [v]), w = $((g) => g.showNewWorkflowConfirm), C = $((g) => g.confirmNewWorkflow), L = $((g) => g.cancelNewWorkflow);
-  return /* @__PURE__ */ l(yt, { children: [
-    /* @__PURE__ */ e(In, { onToggleAIChat: I }),
-    /* @__PURE__ */ e(Nn, { onToggleAIChat: I }),
-    /* @__PURE__ */ e(zn, {}),
+  }, [v]), k = A((g) => g.showNewWorkflowConfirm), z = A((g) => g.confirmNewWorkflow), S = A((g) => g.cancelNewWorkflow);
+  return /* @__PURE__ */ l(Nt, { children: [
+    /* @__PURE__ */ e(Sn, { onToggleAIChat: C }),
+    /* @__PURE__ */ e(zn, { onToggleAIChat: C }),
+    /* @__PURE__ */ e(Cn, {}),
     /* @__PURE__ */ e(
-      Cn,
+      In,
       {
-        isOpen: w,
+        isOpen: k,
         title: "Unsaved Changes",
         message: "You have unsaved changes. Creating a new workflow will discard them. Are you sure you want to continue?",
         confirmText: "Create New",
         cancelText: "Keep Editing",
-        onConfirm: C,
-        onCancel: L,
+        onConfirm: z,
+        onCancel: S,
         destructive: !0
       }
     ),
-    /* @__PURE__ */ e(un, {}),
+    /* @__PURE__ */ e(pn, {}),
     /* @__PURE__ */ e(
-      fn,
+      gn,
       {
         isOpen: n,
         onClose: () => r(!1),
         onApplyWorkflow: b
       }
     ),
-    x && k && /* @__PURE__ */ e(
-      vn,
+    x && w && /* @__PURE__ */ e(
+      kn,
       {
         isOpen: !0,
         onClose: m,
         nodeId: p,
         nodeLabel: x.data.providerLabel || x.type || "Node",
-        output: k
+        output: w
       }
     ),
-    /* @__PURE__ */ e(sn, {}),
+    /* @__PURE__ */ e(ln, {}),
     /* @__PURE__ */ l("div", { className: "floimg-studio h-screen flex flex-col bg-gray-100 dark:bg-zinc-900", children: [
-      /* @__PURE__ */ e(Kr, {}),
+      /* @__PURE__ */ e(qr, {}),
       /* @__PURE__ */ e("div", { className: "floimg-tabs", children: /* @__PURE__ */ l("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ l("div", { className: "flex", children: [
           /* @__PURE__ */ e(
@@ -8425,37 +8483,37 @@ function Tn() {
         ] })
       ] }) }),
       /* @__PURE__ */ l("div", { className: "flex-1 flex overflow-hidden", children: [
-        t === "editor" && /* @__PURE__ */ l(Y, { children: [
-          /* @__PURE__ */ e(mr, {}),
-          /* @__PURE__ */ e(Sn, {}),
-          s && /* @__PURE__ */ e(ur, {})
+        t === "editor" && /* @__PURE__ */ l(X, { children: [
+          /* @__PURE__ */ e(ur, {}),
+          /* @__PURE__ */ e(Ln, {}),
+          s && /* @__PURE__ */ e(pr, {})
         ] }),
-        t === "history" && /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ e(en, {}) }),
-        t === "templates" && /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ e(nn, { onSelect: S }) })
+        t === "history" && /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ e(tn, {}) }),
+        t === "templates" && /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ e(on, { onSelect: I }) })
       ] })
     ] })
   ] });
 }
 export {
-  fn as AIChat,
-  un as AISettings,
-  Tn as App,
-  Je as CATEGORY_NAMES,
-  Nn as CommandPalette,
-  en as ExecutionHistory,
-  qr as ExecutionResultsModal,
-  zn as KeyboardShortcutsModal,
-  ur as NodeInspector,
-  mr as NodePalette,
-  re as NodePaletteItem,
-  he as SHORTCUT_DEFINITIONS,
-  nn as TemplateGallery,
-  Kr as Toolbar,
-  cr as UploadGallery,
-  dr as WorkflowEditor,
-  sn as WorkflowLibrary,
-  Tr as useKeyboardShortcuts,
-  $ as useSettingsStore,
+  gn as AIChat,
+  pn as AISettings,
+  jn as App,
+  et as CATEGORY_NAMES,
+  zn as CommandPalette,
+  tn as ExecutionHistory,
+  Gr as ExecutionResultsModal,
+  Cn as KeyboardShortcutsModal,
+  pr as NodeInspector,
+  ur as NodePalette,
+  se as NodePaletteItem,
+  ke as SHORTCUT_DEFINITIONS,
+  on as TemplateGallery,
+  qr as Toolbar,
+  mr as UploadGallery,
+  cr as WorkflowEditor,
+  ln as WorkflowLibrary,
+  jr as useKeyboardShortcuts,
+  A as useSettingsStore,
   y as useWorkflowStore
 };
 //# sourceMappingURL=index.js.map