@teamflojo/floimg-studio-ui 0.5.3 → 0.5.4

package/dist/index.js

@@ -1,9 +1,9 @@
-import { jsxs as l, jsx as e, Fragment as ie } from "react/jsx-runtime";
-import { memo as re, useRef as X, useCallback as A, useMemo as se, useState as _, useEffect as G, useContext as Ee, useLayoutEffect as tt, createContext as Be, useDeferredValue as rt, useId as xe } from "react";
-import at, { Handle as D, Position as j, applyNodeChanges as ot, applyEdgeChanges as nt, MarkerType as it, Background as st, BackgroundVariant as dt, Controls as lt, MiniMap as ct, useReactFlow as Re, ReactFlowProvider as mt } from "reactflow";
-import { create as De } from "zustand";
-import { useQuery as fe } from "@tanstack/react-query";
-function pt(t, i) {
+import { jsxs as l, jsx as e, Fragment as se } from "react/jsx-runtime";
+import { memo as re, useRef as X, useCallback as A, useMemo as de, useState as _, useEffect as G, useContext as Be, useLayoutEffect as rt, createContext as Re, useDeferredValue as at, useId as ye } from "react";
+import ot, { Handle as D, Position as j, applyNodeChanges as nt, applyEdgeChanges as it, MarkerType as st, Background as dt, BackgroundVariant as lt, Controls as ct, MiniMap as mt, useReactFlow as De, ReactFlowProvider as pt } from "reactflow";
+import { create as je } from "zustand";
+import { useQuery as he } from "@tanstack/react-query";
+function ut(t, n) {
   let a;
   try {
     a = t();
@@ -11,21 +11,21 @@ function pt(t, i) {
     return;
   }
   return {
-    getItem: (o) => {
-      var n;
-      const c = (s) => s === null ? null : JSON.parse(s, void 0), m = (n = a.getItem(o)) != null ? n : null;
+    getItem: (i) => {
+      var o;
+      const c = (s) => s === null ? null : JSON.parse(s, void 0), m = (o = a.getItem(i)) != null ? o : null;
       return m instanceof Promise ? m.then(c) : c(m);
     },
-    setItem: (o, n) => a.setItem(o, JSON.stringify(n, void 0)),
-    removeItem: (o) => a.removeItem(o)
+    setItem: (i, o) => a.setItem(i, JSON.stringify(o, void 0)),
+    removeItem: (i) => a.removeItem(i)
   };
 }
-const ze = (t) => (i) => {
+const Ce = (t) => (n) => {
   try {
-    const a = t(i);
+    const a = t(n);
     return a instanceof Promise ? a : {
       then(r) {
-        return ze(r)(a);
+        return Ce(r)(a);
       },
       catch(r) {
         return this;
@@ -37,47 +37,47 @@ const ze = (t) => (i) => {
         return this;
       },
       catch(r) {
-        return ze(r)(a);
+        return Ce(r)(a);
       }
     };
   }
-}, ut = (t, i) => (a, r, o) => {
-  let n = {
-    storage: pt(() => localStorage),
+}, gt = (t, n) => (a, r, i) => {
+  let o = {
+    storage: ut(() => localStorage),
     partialize: (x) => x,
     version: 0,
     merge: (x, z) => ({
       ...z,
       ...x
     }),
-    ...i
+    ...n
   }, c = !1;
   const m = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set();
-  let g = n.storage;
+  let g = o.storage;
   if (!g)
     return t(
       (...x) => {
         console.warn(
-          `[zustand persist middleware] Unable to update item '${n.name}', the given storage is currently unavailable.`
+          `[zustand persist middleware] Unable to update item '${o.name}', the given storage is currently unavailable.`
         ), a(...x);
       },
       r,
-      o
+      i
     );
   const p = () => {
-    const x = n.partialize({ ...r() });
-    return g.setItem(n.name, {
+    const x = o.partialize({ ...r() });
+    return g.setItem(o.name, {
       state: x,
-      version: n.version
+      version: o.version
     });
-  }, d = o.setState;
-  o.setState = (x, z) => (d(x, z), p());
+  }, d = i.setState;
+  i.setState = (x, z) => (d(x, z), p());
   const b = t(
     (...x) => (a(...x), p()),
     r,
-    o
+    i
   );
-  o.getInitialState = () => b;
+  i.getInitialState = () => b;
   let f;
   const k = () => {
     var x, z;
@@ -86,12 +86,12 @@ const ze = (t) => (i) => {
       var h;
       return u((h = r()) != null ? h : b);
     });
-    const C = ((z = n.onRehydrateStorage) == null ? void 0 : z.call(n, (x = r()) != null ? x : b)) || void 0;
-    return ze(g.getItem.bind(g))(n.name).then((u) => {
+    const C = ((z = o.onRehydrateStorage) == null ? void 0 : z.call(o, (x = r()) != null ? x : b)) || void 0;
+    return Ce(g.getItem.bind(g))(o.name).then((u) => {
       if (u)
-        if (typeof u.version == "number" && u.version !== n.version) {
-          if (n.migrate) {
-            const h = n.migrate(
+        if (typeof u.version == "number" && u.version !== o.version) {
+          if (o.migrate) {
+            const h = o.migrate(
               u.state,
               u.version
             );
@@ -106,7 +106,7 @@ const ze = (t) => (i) => {
     }).then((u) => {
       var h;
       const [y, P] = u;
-      if (f = n.merge(
+      if (f = o.merge(
         P,
         (h = r()) != null ? h : b
       ), a(f, !0), y)
@@ -117,17 +117,17 @@ const ze = (t) => (i) => {
       C == null || C(void 0, u);
     });
   };
-  return o.persist = {
+  return i.persist = {
     setOptions: (x) => {
-      n = {
-        ...n,
+      o = {
+        ...o,
         ...x
       }, x.storage && (g = x.storage);
     },
     clearStorage: () => {
-      g == null || g.removeItem(n.name);
+      g == null || g.removeItem(o.name);
     },
-    getOptions: () => n,
+    getOptions: () => o,
     rehydrate: () => k(),
     hasHydrated: () => c,
     onHydrate: (x) => (m.add(x), () => {
@@ -136,14 +136,14 @@ const ze = (t) => (i) => {
     onFinishHydration: (x) => (s.add(x), () => {
       s.delete(x);
     })
-  }, n.skipHydration || k(), f || b;
-}, je = ut, H = "/api";
-async function Y(t, i) {
+  }, o.skipHydration || k(), f || b;
+}, Oe = gt, H = "/api";
+async function Y(t, n) {
   const a = await fetch(t, {
-    ...i,
+    ...n,
     headers: {
       "Content-Type": "application/json",
-      ...i == null ? void 0 : i.headers
+      ...n == null ? void 0 : n.headers
     }
   });
   if (!a.ok) {
@@ -152,43 +152,43 @@ async function Y(t, i) {
   }
   return a.json();
 }
-async function gt() {
+async function ft() {
   return Y(`${H}/nodes/generators`);
 }
-async function ft() {
+async function ht() {
   return Y(`${H}/nodes/transforms`);
 }
-async function ht() {
+async function bt() {
   return Y(`${H}/nodes/text`);
 }
-async function bt() {
+async function xt() {
   return Y(`${H}/nodes/vision`);
 }
-async function xt(t, i) {
+async function yt(t, n) {
   return Y(`${H}/export/yaml`, {
     method: "POST",
-    body: JSON.stringify({ nodes: t, edges: i })
+    body: JSON.stringify({ nodes: t, edges: n })
   });
 }
-async function yt() {
+async function wt() {
   return Y(`${H}/images`);
 }
-function ke(t) {
+function ve(t) {
   return `${H}/images/${t}/blob`;
 }
-async function wt(t) {
+async function kt(t) {
   try {
     return await Y(`${H}/images/${t}/workflow`);
   } catch {
     return null;
   }
 }
-async function kt(t) {
-  const i = new FormData();
-  i.append("file", t);
+async function vt(t) {
+  const n = new FormData();
+  n.append("file", t);
   const a = await fetch(`${H}/uploads`, {
     method: "POST",
-    body: i
+    body: n
   });
   if (!a.ok) {
     const r = await a.json().catch(() => ({ error: "Upload failed" }));
@@ -196,50 +196,50 @@ async function kt(t) {
   }
   return a.json();
 }
-async function vt() {
+async function Nt() {
   return Y(`${H}/uploads`);
 }
-async function Nt(t) {
-  const i = await fetch(`${H}/uploads/${t}`, {
+async function zt(t) {
+  const n = await fetch(`${H}/uploads/${t}`, {
     method: "DELETE"
   });
-  if (!i.ok)
-    throw new Error(`Failed to delete upload: ${i.status}`);
+  if (!n.ok)
+    throw new Error(`Failed to delete upload: ${n.status}`);
 }
-function Oe(t) {
+function $e(t) {
   return `${H}/uploads/${t}/blob`;
 }
-async function zt(t) {
+async function Ct(t) {
   return Y(`${H}/import`, {
     method: "POST",
     body: JSON.stringify({ yaml: t })
   });
 }
-async function Ct(t) {
+async function St(t) {
   return Y(`${H}/import/validate`, {
     method: "POST",
     body: JSON.stringify({ yaml: t })
   });
 }
-async function St() {
+async function It() {
   return Y(`${H}/generate/status`);
 }
-function $e(t, i, a) {
+function Ue(t, n, a) {
   const r = new AbortController();
   return (async () => {
-    var o;
+    var i;
     try {
-      const n = await fetch(t, {
+      const o = await fetch(t, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(i),
+        body: JSON.stringify(n),
         signal: r.signal
       });
-      if (!n.ok) {
-        const g = await n.json().catch(() => ({ error: "Unknown error" }));
-        throw new Error(g.error || `HTTP ${n.status}`);
+      if (!o.ok) {
+        const g = await o.json().catch(() => ({ error: "Unknown error" }));
+        throw new Error(g.error || `HTTP ${o.status}`);
       }
-      const c = (o = n.body) == null ? void 0 : o.getReader();
+      const c = (i = o.body) == null ? void 0 : i.getReader();
       if (!c)
         throw new Error("Response body is not readable");
       const m = new globalThis.TextDecoder();
@@ -247,7 +247,7 @@ function $e(t, i, a) {
       for (; ; ) {
         const { done: g, value: p } = await c.read();
         if (g) {
-          s.trim() && Lt(s, a);
+          s.trim() && At(s, a);
           break;
         }
         s += m.decode(p, { stream: !0 });
@@ -256,59 +256,59 @@ function $e(t, i, a) {
 `);
         s = d.pop() || "";
         for (const b of d)
-          b.trim() && It(b, a);
+          b.trim() && Lt(b, a);
       }
       a.onClose();
-    } catch (n) {
-      if (n instanceof Error && n.name === "AbortError") {
+    } catch (o) {
+      if (o instanceof Error && o.name === "AbortError") {
         a.onClose();
         return;
       }
-      a.onError(n instanceof Error ? n : new Error(String(n)));
+      a.onError(o instanceof Error ? o : new Error(String(o)));
     }
   })(), {
     abort: () => r.abort()
   };
 }
-function It(t, i) {
+function Lt(t, n) {
   const a = t.split(`
 `);
   let r = "";
-  for (const o of a)
-    o.startsWith("data: ") && (r += (r ? `
-` : "") + o.slice(6));
+  for (const i of a)
+    i.startsWith("data: ") && (r += (r ? `
+` : "") + i.slice(6));
   if (r)
     try {
-      const o = JSON.parse(r);
-      i.onMessage(o);
-    } catch (o) {
+      const i = JSON.parse(r);
+      n.onMessage(i);
+    } catch (i) {
       console.warn("SSE: Failed to parse message data:", {
-        error: o instanceof Error ? o.message : String(o),
+        error: i instanceof Error ? i.message : String(i),
         dataPreview: r.slice(0, 200),
         dataLength: r.length
       });
     }
 }
-function Lt(t, i) {
+function At(t, n) {
   const a = t.split(`
 `);
   let r = "";
-  for (const o of a)
-    o.startsWith("data: ") && (r += (r ? `
-` : "") + o.slice(6));
+  for (const i of a)
+    i.startsWith("data: ") && (r += (r ? `
+` : "") + i.slice(6));
   if (r)
     try {
-      const o = JSON.parse(r);
-      i.onMessage(o);
-    } catch (o) {
+      const i = JSON.parse(r);
+      n.onMessage(i);
+    } catch (i) {
       console.warn("SSE: Incomplete data at end of stream:", {
-        error: o instanceof Error ? o.message : String(o),
+        error: i instanceof Error ? i.message : String(i),
         dataPreview: r.slice(0, 200),
         dataLength: r.length
       });
     }
 }
-const At = [
+const Wt = [
   // Workflow
   "save",
   "execute",
@@ -335,7 +335,7 @@ const At = [
   // User-assignable (no default)
   "cancelExecution",
   "focusSearch"
-], ce = [
+], me = [
   // Workflow shortcuts
   {
     action: "save",
@@ -512,29 +512,29 @@ const At = [
     customizable: !0
   }
 ];
-function Wt() {
+function _t() {
   const t = {};
-  for (const i of ce)
-    t[i.action] = i.defaultBinding;
+  for (const n of me)
+    t[n.action] = n.defaultBinding;
   return t;
 }
-function _t() {
+function Mt() {
   const t = {
     workflow: [],
     editing: [],
     canvas: [],
     ui: []
   };
-  for (const i of ce)
-    t[i.category].push(i);
+  for (const n of me)
+    t[n.category].push(n);
   return t;
 }
-const Ue = {
+const qe = {
   workflow: "Workflow",
   editing: "Editing",
   canvas: "Canvas",
   ui: "Interface"
-}, Mt = [
+}, Pt = [
   "mod+w",
   // Close tab
   "mod+t",
@@ -567,72 +567,72 @@ const Ue = {
   // DevTools
   "alt+f4"
   // Close window (Windows)
-], Pt = [
+], Tt = [
   "delete",
   // Delete selected
   "backspace"
   // Delete selected
 ];
-function Tt(t) {
-  const i = t.toLowerCase().replace(/\s+/g, "");
-  return Mt.includes(i);
-}
 function Et(t) {
-  return t.toLowerCase().replace(/\s+/g, "").split(",").some((r) => Pt.includes(r));
+  const n = t.toLowerCase().replace(/\s+/g, "");
+  return Pt.includes(n);
 }
-function Bt(t, i, a) {
-  if (Tt(t))
+function Bt(t) {
+  return t.toLowerCase().replace(/\s+/g, "").split(",").some((r) => Tt.includes(r));
+}
+function Rt(t, n, a) {
+  if (Et(t))
     return {
       hasConflict: !0,
       conflictType: "browser",
       message: "This shortcut is reserved by the browser and cannot be used"
     };
-  if (Et(t))
+  if (Bt(t))
     return {
       hasConflict: !0,
       conflictType: "reactflow",
       message: "This shortcut is used by the canvas for node deletion"
     };
   const r = t.toLowerCase().replace(/\s+/g, "");
-  for (const [o, n] of Object.entries(i)) {
-    if (o === a || !n) continue;
-    const c = n.toLowerCase().replace(/\s+/g, ""), m = r.split(","), s = c.split(",");
+  for (const [i, o] of Object.entries(n)) {
+    if (i === a || !o) continue;
+    const c = o.toLowerCase().replace(/\s+/g, ""), m = r.split(","), s = c.split(",");
     for (const g of m)
       for (const p of s)
         if (g === p) {
-          const d = ce.find((b) => b.action === o);
+          const d = me.find((b) => b.action === i);
           return {
             hasConflict: !0,
             conflictType: "internal",
-            message: `This shortcut is already used by "${(d == null ? void 0 : d.name) || o}"`,
-            conflictingAction: o
+            message: `This shortcut is already used by "${(d == null ? void 0 : d.name) || i}"`,
+            conflictingAction: i
           };
         }
   }
   return { hasConflict: !1 };
 }
-function Rt(t) {
+function Dt(t) {
   if (!t || t.trim() === "") return !1;
-  const i = t.toLowerCase().split("+"), a = ["mod", "ctrl", "control", "alt", "option", "shift", "meta", "cmd", "command"], r = i.filter((n) => !a.includes(n));
+  const n = t.toLowerCase().split("+"), a = ["mod", "ctrl", "control", "alt", "option", "shift", "meta", "cmd", "command"], r = n.filter((o) => !a.includes(o));
   if (r.length === 0) return !1;
-  const o = /^[a-z0-9]$|^f[1-9]$|^f1[0-2]$|^(enter|return|escape|backspace|delete|space|tab|comma|slash|equal|minus|period|arrowup|arrowdown|arrowleft|arrowright)$/;
-  for (const n of r)
-    if (!o.test(n)) return !1;
+  const i = /^[a-z0-9]$|^f[1-9]$|^f1[0-2]$|^(enter|return|escape|backspace|delete|space|tab|comma|slash|equal|minus|period|arrowup|arrowdown|arrowleft|arrowright)$/;
+  for (const o of r)
+    if (!i.test(o)) return !1;
   return !0;
 }
-const We = "http://localhost:11434", _e = "http://localhost:1234";
-function Dt(t) {
-  const i = {
+const _e = "http://localhost:11434", Me = "http://localhost:1234";
+function jt(t) {
+  const n = {
     shortcuts: {},
     enabled: !0
   };
   if (!t || typeof t != "object")
-    return i;
-  const a = t, r = typeof a.enabled == "boolean" ? a.enabled : !0, o = {};
+    return n;
+  const a = t, r = typeof a.enabled == "boolean" ? a.enabled : !0, i = {};
   if (a.shortcuts && typeof a.shortcuts == "object") {
-    const n = a.shortcuts;
-    for (const [c, m] of Object.entries(n)) {
-      if (!At.includes(c)) {
+    const o = a.shortcuts;
+    for (const [c, m] of Object.entries(o)) {
+      if (!Wt.includes(c)) {
         console.warn(`[Settings] Removing invalid shortcut action: ${c}`);
         continue;
       }
@@ -640,28 +640,28 @@ function Dt(t) {
         console.warn(`[Settings] Removing invalid binding for ${c}: ${m}`);
         continue;
       }
-      if (typeof m == "string" && !Rt(m)) {
+      if (typeof m == "string" && !Dt(m)) {
         console.warn(`[Settings] Removing invalid binding format for ${c}: ${m}`);
         continue;
       }
-      m === null ? o[c] = void 0 : o[c] = m;
+      m === null ? i[c] = void 0 : i[c] = m;
     }
   }
   return {
-    shortcuts: o,
+    shortcuts: i,
     enabled: r
   };
 }
-const E = De()(
-  je(
-    (t, i) => ({
+const E = je()(
+  Oe(
+    (t, n) => ({
       ai: {
         ollama: {
-          baseUrl: We,
+          baseUrl: _e,
           enabled: !1
         },
         lmstudio: {
-          baseUrl: _e,
+          baseUrl: Me,
           enabled: !1
         }
       },
@@ -679,26 +679,26 @@ const E = De()(
       showNewWorkflowConfirm: !1,
       newWorkflowConfirmCallback: null,
       setAIProvider: (a, r) => {
-        t((o) => ({
+        t((i) => ({
           ai: {
-            ...o.ai,
+            ...i.ai,
             [a]: r
           }
         }));
       },
       clearAIProvider: (a) => {
         t((r) => {
-          const o = { ...r.ai };
-          return delete o[a], { ai: o };
+          const i = { ...r.ai };
+          return delete i[a], { ai: i };
         });
       },
       // Keyboard shortcut methods
       updateShortcut: (a, r) => {
-        t((o) => ({
+        t((i) => ({
           keyboard: {
-            ...o.keyboard,
+            ...i.keyboard,
             shortcuts: {
-              ...o.keyboard.shortcuts,
+              ...i.keyboard.shortcuts,
               [a]: r ?? void 0
             }
           }
@@ -706,11 +706,11 @@ const E = De()(
       },
       resetShortcut: (a) => {
         t((r) => {
-          const o = { ...r.keyboard.shortcuts };
-          return delete o[a], {
+          const i = { ...r.keyboard.shortcuts };
+          return delete i[a], {
             keyboard: {
               ...r.keyboard,
-              shortcuts: o
+              shortcuts: i
             }
           };
         });
@@ -724,12 +724,12 @@ const E = De()(
         }));
       },
       isShortcutConflicting: (a, r) => {
-        const { keyboard: o } = i(), n = Wt(), c = {};
-        for (const [s, g] of Object.entries(n)) {
-          const p = o.shortcuts[s];
+        const { keyboard: i } = n(), o = _t(), c = {};
+        for (const [s, g] of Object.entries(o)) {
+          const p = i.shortcuts[s];
           p !== void 0 ? c[s] = p : g && (c[s] = g);
         }
-        const m = Bt(a, c, r);
+        const m = Rt(a, c, r);
         return m.hasConflict ? m.message ?? "Conflict detected" : null;
       },
       // Modal controls
@@ -748,16 +748,16 @@ const E = De()(
         a ? t({ showNewWorkflowConfirm: !0, newWorkflowConfirmCallback: r }) : r();
       },
       confirmNewWorkflow: () => {
-        const a = i().newWorkflowConfirmCallback;
+        const a = n().newWorkflowConfirmCallback;
         t({ showNewWorkflowConfirm: !1, newWorkflowConfirmCallback: null }), a == null || a();
       },
       cancelNewWorkflow: () => {
         t({ showNewWorkflowConfirm: !1, newWorkflowConfirmCallback: null });
       },
       getConfiguredProviders: () => {
-        var o, n, c, m, s, g, p;
-        const { ai: a } = i(), r = {};
-        return (o = a.openai) != null && o.enabled && a.openai.apiKey && (r.openai = { apiKey: a.openai.apiKey }), (n = a.anthropic) != null && n.enabled && a.anthropic.apiKey && (r.anthropic = { apiKey: a.anthropic.apiKey }), (c = a.gemini) != null && c.enabled && a.gemini.apiKey && (r.gemini = { apiKey: a.gemini.apiKey }), (m = a.grok) != null && m.enabled && a.grok.apiKey && (r.grok = { apiKey: a.grok.apiKey }), (s = a.openrouter) != null && s.enabled && a.openrouter.apiKey && (r.openrouter = { apiKey: a.openrouter.apiKey }), (g = a.ollama) != null && g.enabled && (r.ollama = { baseUrl: a.ollama.baseUrl || We }), (p = a.lmstudio) != null && p.enabled && (r.lmstudio = { baseUrl: a.lmstudio.baseUrl || _e }), r;
+        var i, o, c, m, s, g, p;
+        const { ai: a } = n(), r = {};
+        return (i = a.openai) != null && i.enabled && a.openai.apiKey && (r.openai = { apiKey: a.openai.apiKey }), (o = a.anthropic) != null && o.enabled && a.anthropic.apiKey && (r.anthropic = { apiKey: a.anthropic.apiKey }), (c = a.gemini) != null && c.enabled && a.gemini.apiKey && (r.gemini = { apiKey: a.gemini.apiKey }), (m = a.grok) != null && m.enabled && a.grok.apiKey && (r.grok = { apiKey: a.grok.apiKey }), (s = a.openrouter) != null && s.enabled && a.openrouter.apiKey && (r.openrouter = { apiKey: a.openrouter.apiKey }), (g = a.ollama) != null && g.enabled && (r.ollama = { baseUrl: a.ollama.baseUrl || _e }), (p = a.lmstudio) != null && p.enabled && (r.lmstudio = { baseUrl: a.lmstudio.baseUrl || Me }), r;
       }
     }),
     {
@@ -768,47 +768,47 @@ const E = De()(
         keyboard: t.keyboard
       }),
       // Validate persisted data on load to prevent malicious/corrupted data
-      merge: (t, i) => {
+      merge: (t, n) => {
         const a = t;
         return {
-          ...i,
-          ai: (a == null ? void 0 : a.ai) ?? i.ai,
-          keyboard: Dt(a == null ? void 0 : a.keyboard)
+          ...n,
+          ai: (a == null ? void 0 : a.ai) ?? n.ai,
+          keyboard: jt(a == null ? void 0 : a.keyboard)
         };
       }
     }
   )
 );
-let pe = null, jt = 0;
-function ue() {
-  return `node_${++jt}`;
+let ue = null, Ot = 0;
+function ge() {
+  return `node_${++Ot}`;
 }
-function Me() {
-  const t = Date.now(), i = Math.random().toString(36).substring(2, 8);
-  return `wf_${t}_${i}`;
+function Pe() {
+  const t = Date.now(), n = Math.random().toString(36).substring(2, 8);
+  return `wf_${t}_${n}`;
 }
-const w = De()(
-  je(
-    (t, i) => {
+const w = je()(
+  Oe(
+    (t, n) => {
       const a = (r) => {
         if (r.type === "generator") {
-          const o = r.data, n = i().generators.find((c) => c.name === o.generatorName);
+          const i = r.data, o = n().generators.find((c) => c.name === i.generatorName);
           return {
-            ...o,
-            isAI: o.isAI ?? (n == null ? void 0 : n.isAI),
-            acceptsReferenceImages: o.acceptsReferenceImages ?? (n == null ? void 0 : n.acceptsReferenceImages),
-            maxReferenceImages: o.maxReferenceImages ?? (n == null ? void 0 : n.maxReferenceImages)
+            ...i,
+            isAI: i.isAI ?? (o == null ? void 0 : o.isAI),
+            acceptsReferenceImages: i.acceptsReferenceImages ?? (o == null ? void 0 : o.acceptsReferenceImages),
+            maxReferenceImages: i.maxReferenceImages ?? (o == null ? void 0 : o.maxReferenceImages)
           };
         }
         if (r.type === "transform") {
-          const o = r.data, n = i().transforms.find(
-            (c) => c.name === o.operation && c.providerName === o.providerName
+          const i = r.data, o = n().transforms.find(
+            (c) => c.name === i.operation && c.providerName === i.providerName
           );
           return {
-            ...o,
-            isAI: o.isAI ?? (n == null ? void 0 : n.isAI),
-            acceptsReferenceImages: o.acceptsReferenceImages ?? (n == null ? void 0 : n.acceptsReferenceImages),
-            maxReferenceImages: o.maxReferenceImages ?? (n == null ? void 0 : n.maxReferenceImages)
+            ...i,
+            isAI: i.isAI ?? (o == null ? void 0 : o.isAI),
+            acceptsReferenceImages: i.acceptsReferenceImages ?? (o == null ? void 0 : o.acceptsReferenceImages),
+            maxReferenceImages: i.maxReferenceImages ?? (o == null ? void 0 : o.maxReferenceImages)
           };
         }
         return r.data;
@@ -842,16 +842,16 @@ const w = De()(
         openOutputInspector: (r) => t({ inspectedNodeId: r }),
         closeOutputInspector: () => t({ inspectedNodeId: null }),
         loadTemplate: (r) => {
-          const o = /* @__PURE__ */ new Map(), n = r.workflow.nodes.map((m) => {
-            const s = ue();
-            return o.set(m.id, s), {
+          const i = /* @__PURE__ */ new Map(), o = r.workflow.nodes.map((m) => {
+            const s = ge();
+            return i.set(m.id, s), {
               id: s,
               type: m.type,
               position: m.position,
               data: a(m)
             };
           }), c = r.workflow.edges.map((m) => {
-            const s = o.get(m.source) || m.source, g = o.get(m.target) || m.target;
+            const s = i.get(m.source) || m.source, g = i.get(m.target) || m.target;
             return {
               id: `edge_${s}_${g}`,
               source: s,
@@ -859,7 +859,7 @@ const w = De()(
             };
           });
           t({
-            nodes: n,
+            nodes: o,
             edges: c,
             selectedNodeId: null,
             currentTemplateId: r.id,
@@ -892,10 +892,10 @@ const w = De()(
           });
         },
         togglePreview: (r) => {
-          t((o) => ({
+          t((i) => ({
             previewVisible: {
-              ...o.previewVisible,
-              [r]: o.previewVisible[r] === !1
+              ...i.previewVisible,
+              [r]: i.previewVisible[r] === !1
               // default true, toggle
             }
           }));
@@ -904,14 +904,14 @@ const w = De()(
         setTransforms: (r) => t({ transforms: r }),
         setTextProviders: (r) => t({ textProviders: r }),
         setVisionProviders: (r) => t({ visionProviders: r }),
-        addNode: (r, o) => {
+        addNode: (r, i) => {
           var s, g, p;
-          const n = ue();
+          const o = ge();
           let c;
           if (r.type === "generator")
             c = {
               generatorName: r.name,
-              params: be(r),
+              params: xe(r),
               isAI: r.isAI,
               // Track if this is an AI generator (can accept text input)
               acceptsReferenceImages: r.acceptsReferenceImages,
@@ -924,7 +924,7 @@ const w = De()(
               // Track which provider this transform belongs to
               isAI: r.isAI,
               // Track if this is an AI transform (can accept text input)
-              params: be(r),
+              params: xe(r),
               acceptsReferenceImages: r.acceptsReferenceImages,
               maxReferenceImages: r.maxReferenceImages
             };
@@ -939,14 +939,14 @@ const w = De()(
               providerName: r.name,
               providerLabel: r.label,
               // Human-readable label (e.g., "Gemini Vision")
-              params: be(r)
+              params: xe(r)
             };
           else if (r.type === "text")
             c = {
               providerName: r.name,
               providerLabel: r.label,
               // Human-readable label (e.g., "Gemini Text")
-              params: be(r)
+              params: xe(r)
             };
           else {
             const d = ((s = r.params) == null ? void 0 : s.properties) || {}, b = ((g = d.provider) == null ? void 0 : g.default) || "filesystem";
@@ -956,45 +956,45 @@ const w = De()(
             };
           }
           const m = {
-            id: n,
+            id: o,
             type: r.type,
-            position: o,
+            position: i,
             data: c
           };
           t((d) => ({
             nodes: [...d.nodes, m]
           }));
         },
-        updateNodeData: (r, o) => {
-          t((n) => ({
-            nodes: n.nodes.map(
-              (c) => c.id === r ? { ...c, data: { ...c.data, ...o } } : c
+        updateNodeData: (r, i) => {
+          t((o) => ({
+            nodes: o.nodes.map(
+              (c) => c.id === r ? { ...c, data: { ...c.data, ...i } } : c
             )
           }));
         },
         deleteNode: (r) => {
-          t((o) => ({
-            nodes: o.nodes.filter((n) => n.id !== r),
-            edges: o.edges.filter((n) => n.source !== r && n.target !== r),
-            selectedNodeId: o.selectedNodeId === r ? null : o.selectedNodeId
+          t((i) => ({
+            nodes: i.nodes.filter((o) => o.id !== r),
+            edges: i.edges.filter((o) => o.source !== r && o.target !== r),
+            selectedNodeId: i.selectedNodeId === r ? null : i.selectedNodeId
           }));
         },
         duplicateNode: (r) => {
-          const o = i(), n = o.nodes.find((s) => s.id === r);
-          if (!n) return;
-          const c = ue(), m = {
-            ...n,
+          const i = n(), o = i.nodes.find((s) => s.id === r);
+          if (!o) return;
+          const c = ge(), m = {
+            ...o,
             id: c,
             position: {
-              x: n.position.x + 50,
-              y: n.position.y + 50
+              x: o.position.x + 50,
+              y: o.position.y + 50
             },
-            data: JSON.parse(JSON.stringify(n.data)),
+            data: JSON.parse(JSON.stringify(o.data)),
             // Deep clone
             selected: !1
           };
           t({
-            nodes: [...o.nodes, m],
+            nodes: [...i.nodes, m],
             selectedNodeId: c
             // Select the new node
           });
@@ -1002,8 +1002,8 @@ const w = De()(
         setNodes: (r) => t({ nodes: r }),
         addEdge: (r) => {
           if (!r.source || !r.target) return;
-          const o = [r.sourceHandle, r.targetHandle].filter(Boolean).join("_"), c = {
-            id: o ? `edge_${r.source}_${r.target}_${o}` : `edge_${r.source}_${r.target}`,
+          const i = [r.sourceHandle, r.targetHandle].filter(Boolean).join("_"), c = {
+            id: i ? `edge_${r.source}_${r.target}_${i}` : `edge_${r.source}_${r.target}`,
             source: r.source,
             target: r.target,
             sourceHandle: r.sourceHandle ?? void 0,
@@ -1014,19 +1014,19 @@ const w = De()(
           }));
         },
         deleteEdge: (r) => {
-          t((o) => ({
-            edges: o.edges.filter((n) => n.id !== r)
+          t((i) => ({
+            edges: i.edges.filter((o) => o.id !== r)
           }));
         },
         setEdges: (r) => t({ edges: r }),
         setSelectedNode: (r) => t({ selectedNodeId: r }),
         execute: async () => {
-          const { nodes: r, edges: o } = i(), n = r.map((g) => ({
+          const { nodes: r, edges: i } = n(), o = r.map((g) => ({
             id: g.id,
             type: g.type,
             position: g.position,
             data: g.data
-          })), c = o.map((g) => ({
+          })), c = i.map((g) => ({
             id: g.id,
             source: g.source,
             target: g.target,
@@ -1042,15 +1042,21 @@ const w = De()(
               imageUrls: [],
               previews: {},
               dataOutputs: {},
-              nodeStatus: s
+              nodeStatus: s,
+              // Clear previous error state
+              error: void 0,
+              errorNodeId: void 0,
+              errorCode: void 0,
+              errorCategory: void 0,
+              retryable: void 0
             }
           }), new Promise((g, p) => {
-            pe = $e(
+            ue = Ue(
               "/api/execute/stream",
-              { nodes: n, edges: c, aiProviders: m },
+              { nodes: o, edges: c, aiProviders: m },
               {
                 onMessage: (d) => {
-                  const b = i();
+                  const b = n();
                   if (d.type, d.type === "execution.step") {
                     const f = d.data, k = {
                       ...b.execution.nodeStatus,
@@ -1093,13 +1099,18 @@ const w = De()(
                         ...b.execution,
                         status: "error",
                         nodeStatus: f,
-                        error: d.data.error
+                        error: d.data.error,
+                        errorNodeId: d.data.nodeId,
+                        // Structured error metadata from backend
+                        errorCode: d.data.errorCode,
+                        errorCategory: d.data.errorCategory,
+                        retryable: d.data.retryable
                       }
                     }), p(new Error(d.data.error));
                   }
                 },
                 onError: (d) => {
-                  const b = i(), f = {};
+                  const b = n(), f = {};
                   for (const k of Object.keys(b.execution.nodeStatus))
                     f[k] = "error";
                   t({
@@ -1112,8 +1123,8 @@ const w = De()(
                   }), p(d);
                 },
                 onClose: () => {
-                  pe = null;
-                  const d = i();
+                  ue = null;
+                  const d = n();
                   d.execution.status === "running" && (t({
                     execution: {
                       ...d.execution,
@@ -1127,7 +1138,7 @@ const w = De()(
           });
         },
         cancelExecution: () => {
-          pe && (pe.abort(), pe = null), t({
+          ue && (ue.abort(), ue = null), t({
             execution: {
               status: "idle",
               imageIds: [],
@@ -1139,30 +1150,30 @@ const w = De()(
           });
         },
         exportToYaml: async () => {
-          const { nodes: r, edges: o } = i(), n = r.map((s) => ({
+          const { nodes: r, edges: i } = n(), o = r.map((s) => ({
             id: s.id,
             type: s.type,
             position: s.position,
             data: s.data
-          })), c = o.map((s) => ({
+          })), c = i.map((s) => ({
             id: s.id,
             source: s.source,
             target: s.target,
             sourceHandle: s.sourceHandle ?? void 0,
             targetHandle: s.targetHandle ?? void 0
           }));
-          return (await xt(n, c)).yaml;
+          return (await yt(o, c)).yaml;
         },
-        importFromYaml: (r, o, n) => {
+        importFromYaml: (r, i, o) => {
           const c = /* @__PURE__ */ new Map(), m = r.map((g) => {
-            const p = ue();
+            const p = ge();
             return c.set(g.id, p), {
               id: p,
               type: g.type,
               position: g.position,
               data: a(g)
             };
-          }), s = o.map((g) => {
+          }), s = i.map((g) => {
             const p = c.get(g.source) || g.source, d = c.get(g.target) || g.target;
             return {
               id: `edge_${p}_${d}`,
@@ -1177,7 +1188,7 @@ const w = De()(
             currentTemplateId: null,
             previewVisible: {},
             activeWorkflowId: null,
-            activeWorkflowName: n || "Imported Workflow",
+            activeWorkflowName: o || "Imported Workflow",
             hasUnsavedChanges: !0,
             execution: {
               status: "idle",
@@ -1215,16 +1226,16 @@ const w = De()(
         },
         saveWorkflow: (r) => {
           const {
-            nodes: o,
-            edges: n,
+            nodes: i,
+            edges: o,
             activeWorkflowId: c,
             activeWorkflowName: m,
             savedWorkflows: s,
             currentTemplateId: g
-          } = i(), p = Date.now();
+          } = n(), p = Date.now();
           if (c) {
             const d = s.map(
-              (b) => b.id === c ? { ...b, name: r || m, nodes: o, edges: n, updatedAt: p } : b
+              (b) => b.id === c ? { ...b, name: r || m, nodes: i, edges: o, updatedAt: p } : b
             );
             return t({
               savedWorkflows: d,
@@ -1232,11 +1243,11 @@ const w = De()(
               hasUnsavedChanges: !1
             }), c;
           } else {
-            const d = Me(), b = {
+            const d = Pe(), b = {
               id: d,
               name: r || m,
-              nodes: o,
-              edges: n,
+              nodes: i,
+              edges: o,
               createdAt: p,
               updatedAt: p,
               templateId: g || void 0
@@ -1250,9 +1261,9 @@ const w = De()(
           }
         },
         loadWorkflow: (r) => {
-          const { savedWorkflows: o } = i(), n = o.find((m) => m.id === r);
-          if (!n) return;
-          const c = n.nodes.map((m) => ({
+          const { savedWorkflows: i } = n(), o = i.find((m) => m.id === r);
+          if (!o) return;
+          const c = o.nodes.map((m) => ({
             ...m,
             data: a({
               id: m.id,
@@ -1263,12 +1274,12 @@ const w = De()(
           }));
           t({
             nodes: c,
-            edges: n.edges,
+            edges: o.edges,
             selectedNodeId: null,
-            currentTemplateId: n.templateId || null,
+            currentTemplateId: o.templateId || null,
             previewVisible: {},
             activeWorkflowId: r,
-            activeWorkflowName: n.name,
+            activeWorkflowName: o.name,
             hasUnsavedChanges: !1,
             execution: {
               status: "idle",
@@ -1281,8 +1292,8 @@ const w = De()(
           });
         },
         deleteWorkflow: (r) => {
-          const { savedWorkflows: o, activeWorkflowId: n } = i(), c = o.filter((m) => m.id !== r);
-          t(n === r ? {
+          const { savedWorkflows: i, activeWorkflowId: o } = n(), c = i.filter((m) => m.id !== r);
+          t(o === r ? {
             savedWorkflows: c,
             nodes: [],
             edges: [],
@@ -1302,30 +1313,30 @@ const w = De()(
             }
           } : { savedWorkflows: c });
         },
-        renameWorkflow: (r, o) => {
-          const { savedWorkflows: n, activeWorkflowId: c } = i(), m = n.map(
-            (s) => s.id === r ? { ...s, name: o, updatedAt: Date.now() } : s
+        renameWorkflow: (r, i) => {
+          const { savedWorkflows: o, activeWorkflowId: c } = n(), m = o.map(
+            (s) => s.id === r ? { ...s, name: i, updatedAt: Date.now() } : s
           );
           t({
             savedWorkflows: m,
-            ...c === r ? { activeWorkflowName: o } : {}
+            ...c === r ? { activeWorkflowName: i } : {}
           });
         },
         duplicateWorkflow: (r) => {
-          const { savedWorkflows: o } = i(), n = o.find((g) => g.id === r);
-          if (!n) return "";
-          const c = Date.now(), m = Me(), s = {
-            ...n,
+          const { savedWorkflows: i } = n(), o = i.find((g) => g.id === r);
+          if (!o) return "";
+          const c = Date.now(), m = Pe(), s = {
+            ...o,
             id: m,
-            name: `${n.name} (Copy)`,
+            name: `${o.name} (Copy)`,
             createdAt: c,
             updatedAt: c
           };
-          return t({ savedWorkflows: [...o, s] }), m;
+          return t({ savedWorkflows: [...i, s] }), m;
         },
         loadGeneratedWorkflow: (r) => {
           var z, C;
-          const o = /* @__PURE__ */ new Map(), n = 300, c = 180, m = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
+          const i = /* @__PURE__ */ new Map(), o = 300, c = 180, m = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
           for (const u of r.nodes)
             m.set(u.id, []), s.set(u.id, []);
           for (const u of r.edges)
@@ -1353,14 +1364,14 @@ const w = De()(
             const y = h.length * c, P = 100 + (y > c ? -y / 4 : 0);
             h.forEach((B, T) => {
               f.set(B, {
-                x: 100 + u * n,
+                x: 100 + u * o,
                 y: P + T * c
               });
             });
           }
           const k = r.nodes.map((u) => {
-            const h = ue();
-            o.set(u.id, h);
+            const h = ge();
+            i.set(u.id, h);
             const y = u.nodeType.split(":"), P = f.get(u.id) || { x: 100, y: 100 };
             if (y[0] === "flow") {
               const N = y[1];
@@ -1387,7 +1398,7 @@ const w = De()(
             const B = y[0];
             let T;
             if (B === "generator") {
-              const N = y.slice(1).join(":"), L = i().generators.find((S) => S.name === N);
+              const N = y.slice(1).join(":"), L = n().generators.find((S) => S.name === N);
               T = {
                 generatorName: N,
                 params: u.parameters,
@@ -1397,7 +1408,7 @@ const w = De()(
                 maxReferenceImages: L == null ? void 0 : L.maxReferenceImages
               };
             } else if (B === "transform") {
-              const N = y[1], L = y.slice(2).join(":"), S = i().transforms.find(
+              const N = y[1], L = y.slice(2).join(":"), S = n().transforms.find(
                 (O) => O.providerName === N && O.name === L
               );
               T = {
@@ -1449,7 +1460,7 @@ const w = De()(
               data: T
             };
           }), x = r.edges.map((u) => {
-            const h = o.get(u.source) || u.source, y = o.get(u.target) || u.target, P = [u.sourceHandle, u.targetHandle].filter(Boolean).join("_");
+            const h = i.get(u.source) || u.source, y = i.get(u.target) || u.target, P = [u.sourceHandle, u.targetHandle].filter(Boolean).join("_");
             return {
               id: P ? `edge_${h}_${y}_${P}` : `edge_${h}_${y}`,
               source: h,
@@ -1488,28 +1499,28 @@ const w = De()(
     }
   )
 );
-function be(t) {
+function xe(t) {
   var a;
-  const i = {};
+  const n = {};
   if ((a = t.params) != null && a.properties)
-    for (const [r, o] of Object.entries(t.params.properties))
-      o.default !== void 0 && (i[r] = o.default);
-  return i;
+    for (const [r, i] of Object.entries(t.params.properties))
+      i.default !== void 0 && (n[r] = i.default);
+  return n;
 }
 function ae(t) {
   return t === "pending" ? "floimg-node--pending" : t === "running" ? "floimg-node--running" : t === "completed" ? "floimg-node--completed" : t === "error" ? "floimg-node--error" : "";
 }
-function Se({ nodeId: t, color: i }) {
-  const a = w((o) => o.previewVisible[t] !== !1), r = w((o) => o.togglePreview);
+function Ie({ nodeId: t, color: n }) {
+  const a = w((i) => i.previewVisible[t] !== !1), r = w((i) => i.togglePreview);
   return /* @__PURE__ */ e(
     "button",
     {
-      onClick: (o) => {
-        o.stopPropagation(), r(t);
+      onClick: (i) => {
+        i.stopPropagation(), r(t);
       },
       className: `ml-auto p-1 rounded hover:bg-gray-200 dark:hover:bg-zinc-600 transition-colors ${a ? "opacity-100" : "opacity-40"}`,
       title: a ? "Hide preview" : "Show preview",
-      children: /* @__PURE__ */ e("svg", { className: `w-3.5 h-3.5 ${i}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: a ? /* @__PURE__ */ e(
+      children: /* @__PURE__ */ e("svg", { className: `w-3.5 h-3.5 ${n}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: a ? /* @__PURE__ */ e(
         "path",
         {
           strokeLinecap: "round",
@@ -1529,12 +1540,23 @@ function Se({ nodeId: t, color: i }) {
     }
   );
 }
-const Ot = re(function({
-  id: i,
+function oe({ nodeId: t }) {
+  const n = w((o) => o.execution.nodeStatus[t]), a = w((o) => o.execution.errorNodeId), r = w((o) => o.execution.error);
+  return n !== "error" ? null : /* @__PURE__ */ e("div", { className: "floimg-node__error-badge", title: (a === 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",
+    {
+      fillRule: "evenodd",
+      d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z",
+      clipRule: "evenodd"
+    }
+  ) }) });
+}
+const $t = re(function({
+  id: n,
   data: a,
   selected: r
 }) {
-  const o = w((p) => p.execution.previews[i]), n = w((p) => p.execution.nodeStatus[i]), c = w((p) => p.previewVisible[i] !== !1), m = ae(n), s = a.isAI, g = a.acceptsReferenceImages;
+  const i = w((p) => p.execution.previews[n]), o = w((p) => p.execution.nodeStatus[n]), c = w((p) => p.previewVisible[n] !== !1), m = ae(o), s = a.isAI, g = a.acceptsReferenceImages;
   return /* @__PURE__ */ l(
     "div",
     {
@@ -1561,14 +1583,15 @@ const Ot = re(function({
             title: `Reference images (up to ${a.maxReferenceImages || 14})`
           }
         ),
-        o && c && /* @__PURE__ */ e("div", { className: "floimg-node__preview", children: /* @__PURE__ */ e("img", { src: o, alt: "Preview", className: "w-full h-20 object-contain rounded-md" }) }),
+        i && c && /* @__PURE__ */ e("div", { className: "floimg-node__preview", children: /* @__PURE__ */ e("img", { src: i, alt: "Preview", className: "w-full h-20 object-contain rounded-md" }) }),
+        /* @__PURE__ */ e(oe, { nodeId: n }),
         /* @__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: a.generatorName }),
           /* @__PURE__ */ e(
-            Se,
+            Ie,
             {
-              nodeId: i,
+              nodeId: n,
               color: "text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300"
             }
           )
@@ -1602,12 +1625,12 @@ const Ot = re(function({
       ]
     }
   );
-}), $t = re(function({
-  id: i,
+}), Ut = re(function({
+  id: n,
   data: a,
   selected: r
 }) {
-  const o = w((d) => d.execution.previews[i]), n = w((d) => d.execution.nodeStatus[i]), c = w((d) => d.previewVisible[i] !== !1), m = ae(n), s = a.isAI, g = a.acceptsReferenceImages;
+  const i = w((d) => d.execution.previews[n]), o = w((d) => d.execution.nodeStatus[n]), c = w((d) => d.previewVisible[n] !== !1), m = ae(o), s = a.isAI, g = a.acceptsReferenceImages;
   return /* @__PURE__ */ l(
     "div",
     {
@@ -1642,7 +1665,8 @@ const Ot = re(function({
             title: `Reference images (up to ${a.maxReferenceImages || 13})`
           }
         ),
-        o && c && /* @__PURE__ */ e("div", { className: "floimg-node__preview", children: /* @__PURE__ */ e("img", { src: o, alt: "Preview", className: "w-full h-20 object-contain rounded-md" }) }),
+        i && c && /* @__PURE__ */ e("div", { className: "floimg-node__preview", children: /* @__PURE__ */ e("img", { src: i, alt: "Preview", className: "w-full h-20 object-contain rounded-md" }) }),
+        /* @__PURE__ */ e(oe, { nodeId: n }),
         /* @__PURE__ */ l("div", { className: "floimg-node__header", children: [
           /* @__PURE__ */ e("div", { className: `floimg-node__icon ${s ? "bg-indigo-500/10" : "bg-teal-500/10"}`, children: s ? /* @__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" }),
@@ -1663,9 +1687,9 @@ const Ot = re(function({
             }
           ),
           /* @__PURE__ */ e(
-            Se,
+            Ie,
             {
-              nodeId: i,
+              nodeId: n,
               color: "text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300"
             }
           )
@@ -1699,12 +1723,12 @@ const Ot = re(function({
       ]
     }
   );
-}), Ut = re(function({ id: i, data: a, selected: r }) {
-  const o = w((c) => c.execution.nodeStatus[i]), n = ae(o);
+}), qt = re(function({ id: n, data: a, selected: r }) {
+  const i = w((c) => c.execution.nodeStatus[n]), o = ae(i);
   return /* @__PURE__ */ l(
     "div",
     {
-      className: `floimg-node floimg-node--save relative min-w-[190px] ${r ? "selected" : ""} ${n}`,
+      className: `floimg-node floimg-node--save relative min-w-[190px] ${r ? "selected" : ""} ${o}`,
       children: [
         /* @__PURE__ */ e(
           D,
@@ -1714,6 +1738,7 @@ const Ot = re(function({
             className: "!w-3 !h-3 !bg-emerald-500 !border-2 !border-white dark:!border-zinc-800"
           }
         ),
+        /* @__PURE__ */ e(oe, { nodeId: n }),
         /* @__PURE__ */ l("div", { className: "floimg-node__header", children: [
           /* @__PURE__ */ e("div", { className: "floimg-node__icon bg-emerald-500/10", children: /* @__PURE__ */ e(
             "svg",
@@ -1731,12 +1756,12 @@ const Ot = re(function({
       ]
     }
   );
-}), qt = re(function({ id: i, data: a, selected: r }) {
-  const o = w((x) => x.execution.previews[i]), n = w((x) => x.execution.nodeStatus[i]), c = w((x) => x.previewVisible[i] !== !1), m = w((x) => x.updateNodeData), s = X(null), g = ae(n), p = A(
+}), Gt = re(function({ id: n, data: a, selected: r }) {
+  const i = w((x) => x.execution.previews[n]), o = w((x) => x.execution.nodeStatus[n]), c = w((x) => x.previewVisible[n] !== !1), m = w((x) => x.updateNodeData), s = X(null), g = ae(o), p = A(
     async (x) => {
       try {
-        const z = await kt(x);
-        m(i, {
+        const z = await vt(x);
+        m(n, {
           uploadId: z.id,
           filename: z.filename,
           mime: z.mime
@@ -1745,7 +1770,7 @@ const Ot = re(function({
         console.error("Upload failed:", z);
       }
     },
-    [i, m]
+    [n, m]
   ), d = A(
     (x) => {
       x.preventDefault(), x.stopPropagation();
@@ -1762,7 +1787,7 @@ const Ot = re(function({
       z && p(z);
     },
     [p]
-  ), k = o || (a.uploadId ? Oe(a.uploadId) : null);
+  ), k = i || (a.uploadId ? $e(a.uploadId) : null);
   return /* @__PURE__ */ l(
     "div",
     {
@@ -1811,6 +1836,7 @@ const Ot = re(function({
             onChange: f
           }
         ),
+        /* @__PURE__ */ e(oe, { nodeId: n }),
         /* @__PURE__ */ l("div", { className: "floimg-node__header", children: [
           /* @__PURE__ */ e("div", { className: "floimg-node__icon bg-amber-500/10", children: /* @__PURE__ */ e(
             "svg",
@@ -1832,9 +1858,9 @@ const Ot = re(function({
           ) }),
           /* @__PURE__ */ e("span", { className: "floimg-node__title text-amber-600 dark:text-amber-400", children: "Input" }),
           /* @__PURE__ */ e(
-            Se,
+            Ie,
             {
-              nodeId: i,
+              nodeId: n,
               color: "text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300"
             }
           )
@@ -1851,16 +1877,16 @@ const Ot = re(function({
       ]
     }
   );
-}), Gt = re(function({
-  id: i,
+}), Ft = re(function({
+  id: n,
   data: a,
   selected: r
 }) {
   var p, d, b;
-  const o = w((f) => f.execution.nodeStatus[i]), n = w((f) => {
+  const i = w((f) => f.execution.nodeStatus[n]), o = w((f) => {
     var k;
-    return (k = f.execution.dataOutputs) == null ? void 0 : k[i];
-  }), c = w((f) => f.openOutputInspector), m = ae(o), s = (p = a.outputSchema) != null && p.properties ? Object.entries(a.outputSchema.properties) : [], g = s.length > 0;
+    return (k = f.execution.dataOutputs) == null ? void 0 : k[n];
+  }), c = w((f) => f.openOutputInspector), m = ae(i), s = (p = a.outputSchema) != null && p.properties ? Object.entries(a.outputSchema.properties) : [], g = s.length > 0;
   return /* @__PURE__ */ l(
     "div",
     {
@@ -1886,22 +1912,23 @@ const Ot = re(function({
             title: "Image input"
           }
         ),
-        n && /* @__PURE__ */ l("div", { className: "bg-cyan-50/50 dark:bg-cyan-900/20 border-b border-cyan-100/50 dark:border-cyan-800/30 p-2.5 max-h-20 overflow-auto", children: [
+        o && /* @__PURE__ */ l("div", { className: "bg-cyan-50/50 dark:bg-cyan-900/20 border-b border-cyan-100/50 dark:border-cyan-800/30 p-2.5 max-h-20 overflow-auto", children: [
           /* @__PURE__ */ l("pre", { className: "text-[11px] text-cyan-700 dark:text-cyan-300 whitespace-pre-wrap font-mono", children: [
-            (d = n.content) == null ? void 0 : d.slice(0, 150),
-            (((b = n.content) == null ? void 0 : b.length) || 0) > 150 && "..."
+            (d = o.content) == null ? void 0 : d.slice(0, 150),
+            (((b = o.content) == null ? void 0 : b.length) || 0) > 150 && "..."
           ] }),
-          n.content && n.content.length > 100 && /* @__PURE__ */ e(
+          o.content && o.content.length > 100 && /* @__PURE__ */ e(
             "button",
             {
               onClick: (f) => {
-                f.stopPropagation(), c(i);
+                f.stopPropagation(), c(n);
               },
               className: "mt-1.5 text-[10px] text-cyan-500 dark:text-cyan-400 hover:text-cyan-600 dark:hover:text-cyan-300 font-medium",
               children: "View Full Output"
             }
           )
         ] }),
+        /* @__PURE__ */ e(oe, { nodeId: n }),
         /* @__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" }),
@@ -1936,7 +1963,7 @@ const Ot = re(function({
             ))
           ] })
         ] }),
-        g ? /* @__PURE__ */ l(ie, { children: [
+        g ? /* @__PURE__ */ l(se, { children: [
           /* @__PURE__ */ e(
             D,
             {
@@ -1973,12 +2000,12 @@ const Ot = re(function({
       ]
     }
   );
-}), Ft = re(function({ id: i, data: a, selected: r }) {
+}), Vt = re(function({ id: n, data: a, selected: r }) {
   var p, d, b;
-  const o = w((f) => f.execution.nodeStatus[i]), n = w((f) => {
+  const i = w((f) => f.execution.nodeStatus[n]), o = w((f) => {
     var k;
-    return (k = f.execution.dataOutputs) == null ? void 0 : k[i];
-  }), c = w((f) => f.openOutputInspector), m = ae(o), s = (p = a.outputSchema) != null && p.properties ? Object.entries(a.outputSchema.properties) : [], g = s.length > 0;
+    return (k = f.execution.dataOutputs) == null ? void 0 : k[n];
+  }), c = w((f) => f.openOutputInspector), m = ae(i), s = (p = a.outputSchema) != null && p.properties ? Object.entries(a.outputSchema.properties) : [], g = s.length > 0;
   return /* @__PURE__ */ l(
     "div",
     {
@@ -1992,22 +2019,23 @@ const Ot = re(function({
             className: "!w-3 !h-3 !bg-pink-500 !border-2 !border-white dark:!border-zinc-800"
           }
         ),
-        n && /* @__PURE__ */ l("div", { className: "bg-pink-50/50 dark:bg-pink-900/20 border-b border-pink-100/50 dark:border-pink-800/30 p-2.5 max-h-20 overflow-auto", children: [
+        o && /* @__PURE__ */ l("div", { className: "bg-pink-50/50 dark:bg-pink-900/20 border-b border-pink-100/50 dark:border-pink-800/30 p-2.5 max-h-20 overflow-auto", children: [
           /* @__PURE__ */ l("pre", { className: "text-[11px] text-pink-700 dark:text-pink-300 whitespace-pre-wrap font-mono", children: [
-            (d = n.content) == null ? void 0 : d.slice(0, 150),
-            (((b = n.content) == null ? void 0 : b.length) || 0) > 150 && "..."
+            (d = o.content) == null ? void 0 : d.slice(0, 150),
+            (((b = o.content) == null ? void 0 : b.length) || 0) > 150 && "..."
           ] }),
-          n.content && n.content.length > 100 && /* @__PURE__ */ e(
+          o.content && o.content.length > 100 && /* @__PURE__ */ e(
             "button",
             {
               onClick: (f) => {
-                f.stopPropagation(), c(i);
+                f.stopPropagation(), c(n);
               },
               className: "mt-1.5 text-[10px] text-pink-500 dark:text-pink-400 hover:text-pink-600 dark:hover:text-pink-300 font-medium",
               children: "View Full Output"
             }
           )
         ] }),
+        /* @__PURE__ */ e(oe, { nodeId: n }),
         /* @__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",
@@ -2039,7 +2067,7 @@ const Ot = re(function({
             ))
           ] })
         ] }),
-        g ? /* @__PURE__ */ l(ie, { children: [
+        g ? /* @__PURE__ */ l(se, { children: [
           /* @__PURE__ */ e(
             D,
             {
@@ -2076,16 +2104,16 @@ const Ot = re(function({
       ]
     }
   );
-}), Vt = re(function({
-  id: i,
+}), Ht = re(function({
+  id: n,
   data: a,
   selected: r
 }) {
-  const o = w((m) => m.execution.nodeStatus[i]), n = ae(o), c = a.mode === "count" && a.count || 3;
+  const i = w((m) => m.execution.nodeStatus[n]), o = ae(i), c = a.mode === "count" && a.count || 3;
   return /* @__PURE__ */ l(
     "div",
     {
-      className: `floimg-node floimg-node--iterative relative min-w-[170px] overflow-hidden ${r ? "selected" : ""} ${n}`,
+      className: `floimg-node floimg-node--iterative relative min-w-[170px] overflow-hidden ${r ? "selected" : ""} ${o}`,
       children: [
         /* @__PURE__ */ e(
           D,
@@ -2097,6 +2125,7 @@ const Ot = re(function({
             style: { top: "50%" }
           }
         ),
+        /* @__PURE__ */ e(oe, { nodeId: n }),
         /* @__PURE__ */ l("div", { className: "floimg-node__header", children: [
           /* @__PURE__ */ e("div", { className: "floimg-node__icon bg-orange-500/10", children: /* @__PURE__ */ e(
             "svg",
@@ -2147,16 +2176,16 @@ const Ot = re(function({
       ]
     }
   );
-}), Ht = re(function({
-  id: i,
+}), Kt = re(function({
+  id: n,
   data: a,
   selected: r
 }) {
-  const o = w((m) => m.execution.nodeStatus[i]), n = ae(o), c = a.expectedInputs || 3;
+  const i = w((m) => m.execution.nodeStatus[n]), o = ae(i), c = a.expectedInputs || 3;
   return /* @__PURE__ */ l(
     "div",
     {
-      className: `floimg-node floimg-node--iterative relative min-w-[170px] overflow-hidden ${r ? "selected" : ""} ${n}`,
+      className: `floimg-node floimg-node--iterative relative min-w-[170px] overflow-hidden ${r ? "selected" : ""} ${o}`,
       children: [
         Array.from({ length: c }).map((m, s) => /* @__PURE__ */ e(
           D,
@@ -2172,6 +2201,7 @@ const Ot = re(function({
           },
           s
         )),
+        /* @__PURE__ */ e(oe, { nodeId: n }),
         /* @__PURE__ */ l("div", { className: "floimg-node__header", children: [
           /* @__PURE__ */ e("div", { className: "floimg-node__icon bg-orange-500/10", children: /* @__PURE__ */ e(
             "svg",
@@ -2211,16 +2241,16 @@ const Ot = re(function({
       ]
     }
   );
-}), Kt = re(function({
-  id: i,
+}), Jt = re(function({
+  id: n,
   data: a,
   selected: r
 }) {
-  const o = w((m) => m.execution.nodeStatus[i]), n = ae(o), c = !!a.contextProperty;
+  const i = w((m) => m.execution.nodeStatus[n]), o = ae(i), c = !!a.contextProperty;
   return /* @__PURE__ */ l(
     "div",
     {
-      className: `floimg-node floimg-node--iterative relative min-w-[170px] overflow-hidden ${r ? "selected" : ""} ${n}`,
+      className: `floimg-node floimg-node--iterative relative min-w-[170px] overflow-hidden ${r ? "selected" : ""} ${o}`,
       children: [
         /* @__PURE__ */ e(
           D,
@@ -2244,6 +2274,7 @@ const Ot = re(function({
             title: "Selection (from vision/text)"
           }
         ),
+        /* @__PURE__ */ e(oe, { nodeId: n }),
         /* @__PURE__ */ l("div", { className: "floimg-node__header", children: [
           /* @__PURE__ */ e("div", { className: "floimg-node__icon bg-amber-500/10", children: /* @__PURE__ */ e(
             "svg",
@@ -2307,22 +2338,22 @@ const Ot = re(function({
       ]
     }
   );
-}), Jt = {
-  generator: Ot,
-  transform: $t,
-  save: Ut,
-  input: qt,
-  vision: Gt,
-  text: Ft,
+}), Qt = {
+  generator: $t,
+  transform: Ut,
+  save: qt,
+  input: Gt,
+  vision: Ft,
+  text: Vt,
   // Iterative workflow nodes
-  fanout: Vt,
-  collect: Ht,
-  router: Kt
-}, Qt = {
+  fanout: Ht,
+  collect: Kt,
+  router: Jt
+}, Yt = {
   type: "smoothstep",
   animated: !1,
   markerEnd: {
-    type: it.ArrowClosed,
+    type: st.ArrowClosed,
     color: "#71717a",
     width: 18,
     height: 18
@@ -2335,8 +2366,8 @@ const Ot = re(function({
   // Make edges easier to select
   interactionWidth: 20
 };
-function Yt() {
-  const t = w((f) => f.nodes), i = w((f) => f.edges), a = w((f) => f.setNodes), r = w((f) => f.setEdges), o = w((f) => f.addEdge), n = w((f) => f.setSelectedNode), c = se(() => Jt, []), m = A(
+function Zt() {
+  const t = w((f) => f.nodes), n = w((f) => f.edges), a = w((f) => f.setNodes), r = w((f) => f.setEdges), i = w((f) => f.addEdge), o = w((f) => f.setSelectedNode), c = de(() => Qt, []), m = A(
     (f) => {
       const { source: k, target: x, targetHandle: z } = f;
       if (!k || !x) return !1;
@@ -2351,50 +2382,50 @@ function Yt() {
     [t]
   ), s = A(
     (f) => {
-      a(ot(f, t));
+      a(nt(f, t));
     },
     [t, a]
   ), g = A(
     (f) => {
-      r(nt(f, i));
+      r(it(f, n));
     },
-    [i, r]
+    [n, r]
   ), p = A(
     (f) => {
       if (!(f.targetHandle === "references")) {
-        const x = i.filter((z) => {
+        const x = n.filter((z) => {
           if (z.target !== f.target) return !1;
           const C = z.targetHandle || null, u = f.targetHandle || null;
           return C === u || (f.targetHandle === "text" || f.targetHandle === "image") && !z.targetHandle || !f.targetHandle && z.targetHandle === "image";
         });
         if (x.length > 0) {
           const z = new Set(x.map((C) => C.id));
-          r(i.filter((C) => !z.has(C.id)));
+          r(n.filter((C) => !z.has(C.id)));
         }
       }
-      o(f);
+      i(f);
     },
-    [o, i, r]
+    [i, n, r]
   ), d = A(
     (f, k) => {
-      n(k.id);
+      o(k.id);
     },
-    [n]
+    [o]
   ), b = A(() => {
-    n(null);
-  }, [n]);
+    o(null);
+  }, [o]);
   return /* @__PURE__ */ e("div", { className: "h-full w-full", children: /* @__PURE__ */ l(
-    at,
+    ot,
     {
       nodes: t,
-      edges: i,
+      edges: n,
       onNodesChange: s,
       onEdgesChange: g,
       onConnect: p,
       onNodeClick: d,
       onPaneClick: b,
       nodeTypes: c,
-      defaultEdgeOptions: Qt,
+      defaultEdgeOptions: Yt,
       isValidConnection: m,
       nodesDraggable: !0,
       nodesConnectable: !0,
@@ -2406,10 +2437,10 @@ function Yt() {
       snapToGrid: !0,
       snapGrid: [15, 15],
       children: [
-        /* @__PURE__ */ e(st, { variant: dt.Dots, gap: 20, size: 1.5 }),
-        /* @__PURE__ */ e(lt, { showInteractive: !1 }),
+        /* @__PURE__ */ e(dt, { variant: lt.Dots, gap: 20, size: 1.5 }),
+        /* @__PURE__ */ e(ct, { showInteractive: !1 }),
         /* @__PURE__ */ e(
-          ct,
+          mt,
           {
             nodeStrokeWidth: 2,
             nodeColor: "#71717a",
@@ -2422,16 +2453,16 @@ function Yt() {
     }
   ) });
 }
-function Zt({ onSelect: t }) {
-  const [i, a] = _([]), [r, o] = _(!0), [n, c] = _(null), m = async () => {
+function Xt({ onSelect: t }) {
+  const [n, a] = _([]), [r, i] = _(!0), [o, c] = _(null), m = async () => {
     try {
-      o(!0);
-      const p = await vt();
+      i(!0);
+      const p = await Nt();
       a(p), c(null);
     } catch (p) {
       c(p instanceof Error ? p.message : "Failed to load uploads");
     } finally {
-      o(!1);
+      i(!1);
     }
   };
   G(() => {
@@ -2440,13 +2471,13 @@ function Zt({ onSelect: t }) {
   const s = async (p, d) => {
     if (d.stopPropagation(), !!confirm("Delete this upload?"))
       try {
-        await Nt(p), a((b) => b.filter((f) => f.id !== p));
+        await zt(p), a((b) => b.filter((f) => f.id !== p));
       } catch (b) {
         console.error("Failed to delete:", b);
       }
   }, g = (p) => p < 1024 ? `${p} B` : p < 1024 * 1024 ? `${(p / 1024).toFixed(1)} KB` : `${(p / (1024 * 1024)).toFixed(1)} MB`;
-  return r ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500 dark:text-zinc-400", children: "Loading uploads..." }) : n ? /* @__PURE__ */ l("div", { className: "p-4 text-center text-red-500 dark:text-red-400", children: [
-    n,
+  return r ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500 dark:text-zinc-400", children: "Loading uploads..." }) : o ? /* @__PURE__ */ l("div", { className: "p-4 text-center text-red-500 dark:text-red-400", children: [
+    o,
     /* @__PURE__ */ e(
       "button",
       {
@@ -2455,7 +2486,7 @@ function Zt({ onSelect: t }) {
         children: "Retry"
       }
     )
-  ] }) : i.length === 0 ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500 dark:text-zinc-400", children: "No uploads yet. Drag an image onto an Input node to upload." }) : /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-2", children: i.map((p) => /* @__PURE__ */ l(
+  ] }) : n.length === 0 ? /* @__PURE__ */ e("div", { className: "p-4 text-center text-gray-500 dark:text-zinc-400", children: "No uploads yet. Drag an image onto an Input node to upload." }) : /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-2", children: n.map((p) => /* @__PURE__ */ l(
     "div",
     {
       className: "relative group rounded border border-gray-200 dark:border-zinc-700 overflow-hidden cursor-pointer hover:border-amber-400 dark:hover:border-amber-500 transition-colors",
@@ -2464,7 +2495,7 @@ function Zt({ onSelect: t }) {
         /* @__PURE__ */ e(
           "img",
           {
-            src: Oe(p.id),
+            src: $e(p.id),
             alt: p.filename,
             className: "w-full h-20 object-cover"
           }
@@ -2486,71 +2517,71 @@ function Zt({ onSelect: t }) {
 }
 function ee({
   definition: t,
-  colorVariant: i,
+  colorVariant: n,
   onDragStart: a,
   onDoubleClick: r,
-  disabled: o = !1,
-  onDisabledClick: n,
+  disabled: i = !1,
+  onDisabledClick: o,
   badge: c,
   alternateMessage: m
 }) {
   const s = (b) => {
-    if (o) {
+    if (i) {
       b.preventDefault();
       return;
     }
     a(b, t);
   }, g = () => {
-    if (o && n) {
-      n(t);
+    if (i && o) {
+      o(t);
       return;
     }
-    o || r(t);
+    i || r(t);
   }, p = () => {
-    o && n && n(t);
+    i && o && o(t);
   }, d = [
     "floimg-palette-item",
-    `floimg-palette-item--${i}`,
-    o && "floimg-palette-item--disabled"
+    `floimg-palette-item--${n}`,
+    i && "floimg-palette-item--disabled"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ l(
     "div",
     {
-      draggable: !o,
+      draggable: !i,
       onDragStart: s,
       onDoubleClick: g,
-      onClick: o ? p : void 0,
+      onClick: i ? p : void 0,
       className: d,
       children: [
         /* @__PURE__ */ l("div", { className: "floimg-palette-item__header", children: [
           /* @__PURE__ */ e("div", { className: "floimg-palette-item__title", children: t.label }),
           c
         ] }),
-        t.description && !o && /* @__PURE__ */ e("div", { className: "floimg-palette-item__desc", children: t.description }),
-        o && m && /* @__PURE__ */ e("div", { className: "floimg-palette-item__alternate-message", children: m })
+        t.description && !i && /* @__PURE__ */ e("div", { className: "floimg-palette-item__desc", children: t.description }),
+        i && m && /* @__PURE__ */ e("div", { className: "floimg-palette-item__alternate-message", children: m })
       ]
     }
   );
 }
-function Xt() {
-  const t = w((N) => N.setGenerators), i = w((N) => N.setTransforms), a = w((N) => N.setTextProviders), r = w((N) => N.setVisionProviders), o = w((N) => N.generators), n = w((N) => N.transforms), c = w((N) => N.textProviders), m = w((N) => N.visionProviders), s = w((N) => N.addNode), [g, p] = _(!1), { data: d } = fe({
+function er() {
+  const t = w((N) => N.setGenerators), n = w((N) => N.setTransforms), a = w((N) => N.setTextProviders), r = w((N) => N.setVisionProviders), i = w((N) => N.generators), o = w((N) => N.transforms), c = w((N) => N.textProviders), m = w((N) => N.visionProviders), s = w((N) => N.addNode), [g, p] = _(!1), { data: d } = he({
     queryKey: ["generators"],
-    queryFn: gt
-  }), { data: b } = fe({
-    queryKey: ["transforms"],
     queryFn: ft
-  }), { data: f } = fe({
-    queryKey: ["textProviders"],
+  }), { data: b } = he({
+    queryKey: ["transforms"],
     queryFn: ht
-  }), { data: k } = fe({
-    queryKey: ["visionProviders"],
+  }), { data: f } = he({
+    queryKey: ["textProviders"],
     queryFn: bt
+  }), { data: k } = he({
+    queryKey: ["visionProviders"],
+    queryFn: xt
   });
   G(() => {
     d && t(d);
   }, [d, t]), G(() => {
-    b && i(b);
-  }, [b, i]), G(() => {
+    b && n(b);
+  }, [b, n]), G(() => {
     f && a(f);
   }, [f, a]), G(() => {
     k && r(k);
@@ -2688,13 +2719,13 @@ function Xt() {
         }
       }
     }
-  }, B = o.reduce(
+  }, B = i.reduce(
     (N, L) => {
       const S = L.category || "Other";
       return N[S] || (N[S] = []), N[S].push(L), N;
     },
     {}
-  ), T = n.reduce(
+  ), T = o.reduce(
     (N, L) => {
       const S = L.category || "Other";
       return N[S] || (N[S] = []), N[S].push(L), N;
@@ -2727,7 +2758,7 @@ function Xt() {
           onDoubleClick: z
         }
       ),
-      g && /* @__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(Zt, {}) })
+      g && /* @__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(Xt, {}) })
     ] }),
     /* @__PURE__ */ l("div", { className: "floimg-sidebar__section", children: [
       /* @__PURE__ */ e("h3", { className: "floimg-sidebar__header !text-blue-600 dark:!text-blue-400", children: "Generators" }),
@@ -2831,9 +2862,9 @@ function Xt() {
     ] })
   ] }) });
 }
-function er() {
+function tr() {
   var k, x, z, C;
-  const t = w((u) => u.selectedNodeId), i = w((u) => u.nodes), a = w((u) => u.generators), r = w((u) => u.transforms), o = w((u) => u.textProviders), n = w((u) => u.visionProviders), c = w((u) => u.updateNodeData), m = w((u) => u.deleteNode), s = i.find((u) => u.id === t);
+  const t = w((u) => u.selectedNodeId), n = w((u) => u.nodes), a = w((u) => u.generators), r = w((u) => u.transforms), i = w((u) => u.textProviders), o = w((u) => u.visionProviders), c = w((u) => u.updateNodeData), m = w((u) => u.deleteNode), s = n.find((u) => u.id === t);
   if (!s)
     return null;
   let g, p = "";
@@ -2853,10 +2884,10 @@ function er() {
       }
     };
   } else if (s.type === "text") {
-    const u = s.data, h = o.find((y) => y.name === u.providerName);
+    const u = s.data, h = i.find((y) => y.name === u.providerName);
     g = (z = h == null ? void 0 : h.params) == null ? void 0 : z.properties, p = (h == null ? void 0 : h.label) || u.providerName;
   } else if (s.type === "vision") {
-    const u = s.data, h = n.find((y) => y.name === u.providerName);
+    const u = s.data, h = o.find((y) => y.name === u.providerName);
     g = (C = h == null ? void 0 : h.params) == null ? void 0 : C.properties, p = (h == null ? void 0 : h.label) || u.providerName;
   } else s.type === "fanout" ? (p = "Fan-Out", g = {
     mode: {
@@ -2982,7 +3013,7 @@ function er() {
       /* @__PURE__ */ e("button", { onClick: () => m(s.id), className: "floimg-inspector__delete", children: "Delete" })
     ] }),
     /* @__PURE__ */ e("div", { className: "space-y-4", children: g && Object.entries(g).filter(([u, h]) => f(u)).map(([u, h]) => /* @__PURE__ */ e(
-      tr,
+      rr,
       {
         name: u,
         field: h,
@@ -2992,7 +3023,7 @@ function er() {
       u
     )) }),
     (s.type === "text" || s.type === "vision") && /* @__PURE__ */ e(
-      rr,
+      ar,
       {
         nodeId: s.id,
         outputSchema: s.data.outputSchema,
@@ -3001,57 +3032,57 @@ function er() {
     )
   ] }) });
 }
-function tr({ name: t, field: i, value: a, onChange: r }) {
-  const o = i.title || t;
-  return i.enum ? /* @__PURE__ */ l("div", { className: "floimg-field", children: [
-    /* @__PURE__ */ e("label", { className: "floimg-field__label", children: o }),
+function rr({ name: t, field: n, value: a, onChange: r }) {
+  const i = n.title || t;
+  return n.enum ? /* @__PURE__ */ l("div", { className: "floimg-field", children: [
+    /* @__PURE__ */ e("label", { className: "floimg-field__label", children: i }),
     /* @__PURE__ */ l(
       "select",
       {
         value: String(a || ""),
-        onChange: (n) => r(n.target.value),
+        onChange: (o) => r(o.target.value),
         className: "floimg-field__input",
         children: [
           /* @__PURE__ */ e("option", { value: "", children: "Select..." }),
-          i.enum.map((n) => /* @__PURE__ */ e("option", { value: n, children: n }, n))
+          n.enum.map((o) => /* @__PURE__ */ e("option", { value: o, children: o }, o))
         ]
       }
     ),
-    i.description && /* @__PURE__ */ e("p", { className: "floimg-field__hint", children: i.description })
-  ] }) : i.type === "number" ? /* @__PURE__ */ l("div", { className: "floimg-field", children: [
-    /* @__PURE__ */ e("label", { className: "floimg-field__label", children: o }),
+    n.description && /* @__PURE__ */ e("p", { className: "floimg-field__hint", children: n.description })
+  ] }) : n.type === "number" ? /* @__PURE__ */ l("div", { className: "floimg-field", children: [
+    /* @__PURE__ */ e("label", { className: "floimg-field__label", children: i }),
     /* @__PURE__ */ e(
       "input",
       {
         type: "number",
         value: a !== void 0 ? Number(a) : "",
-        onChange: (n) => r(Number(n.target.value)),
-        min: i.minimum,
-        max: i.maximum,
+        onChange: (o) => r(Number(o.target.value)),
+        min: n.minimum,
+        max: n.maximum,
         className: "floimg-field__input"
       }
     ),
-    i.description && /* @__PURE__ */ e("p", { className: "floimg-field__hint", children: i.description })
-  ] }) : i.type === "boolean" ? /* @__PURE__ */ l("div", { className: "floimg-field flex items-center gap-2", children: [
+    n.description && /* @__PURE__ */ e("p", { className: "floimg-field__hint", children: n.description })
+  ] }) : n.type === "boolean" ? /* @__PURE__ */ l("div", { className: "floimg-field flex items-center gap-2", children: [
     /* @__PURE__ */ e(
       "input",
       {
         type: "checkbox",
         checked: !!a,
-        onChange: (n) => r(n.target.checked),
+        onChange: (o) => r(o.target.checked),
         className: "h-4 w-4 text-teal-600 focus:ring-teal-500 border-gray-300 dark:border-zinc-600 rounded bg-white dark:bg-zinc-900"
       }
     ),
-    /* @__PURE__ */ e("label", { className: "floimg-field__label !mb-0", children: o })
+    /* @__PURE__ */ e("label", { className: "floimg-field__label !mb-0", children: i })
   ] }) : t.toLowerCase().includes("color") && typeof a == "string" && a.startsWith("#") ? /* @__PURE__ */ l("div", { className: "floimg-field", children: [
-    /* @__PURE__ */ e("label", { className: "floimg-field__label", children: o }),
+    /* @__PURE__ */ e("label", { className: "floimg-field__label", children: i }),
     /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
       /* @__PURE__ */ e(
         "input",
         {
           type: "color",
           value: String(a || "#000000"),
-          onChange: (n) => r(n.target.value),
+          onChange: (o) => r(o.target.value),
           className: "h-10 w-14 p-1 border border-gray-300 dark:border-zinc-600 rounded-lg"
         }
       ),
@@ -3060,20 +3091,20 @@ function tr({ name: t, field: i, value: a, onChange: r }) {
         {
           type: "text",
           value: String(a || ""),
-          onChange: (n) => r(n.target.value),
+          onChange: (o) => r(o.target.value),
           className: "floimg-field__input flex-1"
         }
       )
     ] })
-  ] }) : i.type === "object" ? /* @__PURE__ */ l("div", { className: "floimg-field", children: [
-    /* @__PURE__ */ e("label", { className: "floimg-field__label", children: o }),
+  ] }) : n.type === "object" ? /* @__PURE__ */ l("div", { className: "floimg-field", children: [
+    /* @__PURE__ */ e("label", { className: "floimg-field__label", children: i }),
     /* @__PURE__ */ e(
       "textarea",
       {
         value: a ? JSON.stringify(a, null, 2) : "{}",
-        onChange: (n) => {
+        onChange: (o) => {
           try {
-            r(JSON.parse(n.target.value));
+            r(JSON.parse(o.target.value));
           } catch {
           }
         },
@@ -3081,14 +3112,14 @@ function tr({ name: t, field: i, value: a, onChange: r }) {
         className: "floimg-field__input font-mono text-xs"
       }
     ),
-    i.description && /* @__PURE__ */ e("p", { className: "floimg-field__hint", children: i.description })
+    n.description && /* @__PURE__ */ e("p", { className: "floimg-field__hint", children: n.description })
   ] }) : /* @__PURE__ */ l("div", { className: "floimg-field", children: [
-    /* @__PURE__ */ e("label", { className: "floimg-field__label", children: o }),
+    /* @__PURE__ */ e("label", { className: "floimg-field__label", children: i }),
     t === "prompt" || t === "code" || t === "text" ? /* @__PURE__ */ e(
       "textarea",
       {
         value: String(a || ""),
-        onChange: (n) => r(n.target.value),
+        onChange: (o) => r(o.target.value),
         rows: 3,
         className: "floimg-field__input"
       }
@@ -3097,26 +3128,26 @@ function tr({ name: t, field: i, value: a, onChange: r }) {
       {
         type: "text",
         value: String(a || ""),
-        onChange: (n) => r(n.target.value),
+        onChange: (o) => r(o.target.value),
         className: "floimg-field__input"
       }
     ),
-    i.description && /* @__PURE__ */ e("p", { className: "floimg-field__hint", children: i.description })
+    n.description && /* @__PURE__ */ e("p", { className: "floimg-field__hint", children: n.description })
   ] });
 }
-function rr({ nodeId: t, outputSchema: i, updateNodeData: a }) {
-  const [r, o] = _(""), n = (i == null ? void 0 : i.properties) || {}, c = Object.entries(n), m = () => {
+function ar({ nodeId: t, outputSchema: n, updateNodeData: a }) {
+  const [r, i] = _(""), o = (n == null ? void 0 : n.properties) || {}, c = Object.entries(o), m = () => {
     if (!r.trim()) return;
     const d = {
       type: "object",
       properties: {
-        ...n,
+        ...o,
         [r.trim()]: { type: "string" }
       }
     };
-    a(t, { outputSchema: d }), o("");
+    a(t, { outputSchema: d }), i("");
   }, s = (d) => {
-    const b = { ...n };
+    const b = { ...o };
     delete b[d], Object.keys(b).length === 0 ? a(t, { outputSchema: void 0 }) : a(t, {
       outputSchema: { type: "object", properties: b }
     });
@@ -3125,8 +3156,8 @@ function rr({ nodeId: t, outputSchema: i, updateNodeData: a }) {
       outputSchema: {
         type: "object",
         properties: {
-          ...n,
-          [d]: { ...n[d], type: b }
+          ...o,
+          [d]: { ...o[d], type: b }
         }
       }
     });
@@ -3135,8 +3166,8 @@ function rr({ nodeId: t, outputSchema: i, updateNodeData: a }) {
       outputSchema: {
         type: "object",
         properties: {
-          ...n,
-          [d]: { ...n[d], description: b || void 0 }
+          ...o,
+          [d]: { ...o[d], description: b || void 0 }
         }
       }
     });
@@ -3209,7 +3240,7 @@ function rr({ nodeId: t, outputSchema: i, updateNodeData: a }) {
         {
           type: "text",
           value: r,
-          onChange: (d) => o(d.target.value),
+          onChange: (d) => i(d.target.value),
           onKeyDown: (d) => d.key === "Enter" && m(),
           placeholder: "Property name...",
           className: "flex-1 px-2 py-1.5 text-sm border border-gray-300 dark:border-zinc-600 rounded bg-white dark:bg-zinc-900 text-gray-900 dark:text-zinc-100 placeholder-gray-400 dark:placeholder-zinc-500"
@@ -3228,7 +3259,7 @@ function rr({ nodeId: t, outputSchema: i, updateNodeData: a }) {
     c.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." })
   ] });
 }
-const qe = ["shift", "alt", "meta", "mod", "ctrl", "control"], ar = {
+const Ge = ["shift", "alt", "meta", "mod", "ctrl", "control"], or = {
   esc: "escape",
   return: "enter",
   left: "arrowleft",
@@ -3246,38 +3277,38 @@ const qe = ["shift", "alt", "meta", "mod", "ctrl", "control"], ar = {
   ControlLeft: "ctrl",
   ControlRight: "ctrl"
 };
-function ne(t) {
-  return (ar[t.trim()] || t.trim()).toLowerCase().replace(/key|digit|numpad/, "");
+function ie(t) {
+  return (or[t.trim()] || t.trim()).toLowerCase().replace(/key|digit|numpad/, "");
 }
-function Ge(t) {
-  return qe.includes(t);
+function Fe(t) {
+  return Ge.includes(t);
 }
-function ve(t, i = ",") {
-  return t.toLowerCase().split(i);
+function Ne(t, n = ",") {
+  return t.toLowerCase().split(n);
 }
-function Ne(t, i = "+", a = ">", r = !1, o) {
-  let n = [], c = !1;
-  t = t.trim(), t.includes(a) ? (c = !0, n = t.toLocaleLowerCase().split(a).map((g) => ne(g))) : n = t.toLocaleLowerCase().split(i).map((g) => ne(g));
+function ze(t, n = "+", a = ">", r = !1, i) {
+  let o = [], c = !1;
+  t = t.trim(), t.includes(a) ? (c = !0, o = t.toLocaleLowerCase().split(a).map((g) => ie(g))) : o = t.toLocaleLowerCase().split(n).map((g) => ie(g));
   const m = {
-    alt: n.includes("alt"),
-    ctrl: n.includes("ctrl") || n.includes("control"),
-    shift: n.includes("shift"),
-    meta: n.includes("meta"),
-    mod: n.includes("mod"),
+    alt: o.includes("alt"),
+    ctrl: o.includes("ctrl") || o.includes("control"),
+    shift: o.includes("shift"),
+    meta: o.includes("meta"),
+    mod: o.includes("mod"),
     useKey: r
-  }, s = n.filter((g) => !qe.includes(g));
+  }, s = o.filter((g) => !Ge.includes(g));
   return {
     ...m,
     keys: s,
-    description: o,
+    description: i,
     isSequence: c,
     hotkey: t
   };
 }
 typeof document < "u" && (document.addEventListener("keydown", (t) => {
-  t.code !== void 0 && Fe([ne(t.code)]);
+  t.code !== void 0 && Ve([ie(t.code)]);
 }), document.addEventListener("keyup", (t) => {
-  t.code !== void 0 && Ve([ne(t.code)]);
+  t.code !== void 0 && He([ie(t.code)]);
 })), typeof window < "u" && (window.addEventListener("blur", () => {
   te.clear();
 }), window.addEventListener("contextmenu", () => {
@@ -3286,27 +3317,27 @@ typeof document < "u" && (document.addEventListener("keydown", (t) => {
   }, 0);
 }));
 const te = /* @__PURE__ */ new Set();
-function Ie(t) {
+function Le(t) {
   return Array.isArray(t);
 }
-function or(t, i = ",") {
-  return (Ie(t) ? t : t.split(i)).every((a) => te.has(a.trim().toLowerCase()));
-}
-function Fe(t) {
-  const i = Array.isArray(t) ? t : [t];
-  te.has("meta") && te.forEach((a) => !Ge(a) && te.delete(a.toLowerCase())), i.forEach((a) => te.add(a.toLowerCase()));
+function nr(t, n = ",") {
+  return (Le(t) ? t : t.split(n)).every((a) => te.has(a.trim().toLowerCase()));
 }
 function Ve(t) {
-  const i = Array.isArray(t) ? t : [t];
-  t === "meta" ? te.clear() : i.forEach((a) => te.delete(a.toLowerCase()));
+  const n = Array.isArray(t) ? t : [t];
+  te.has("meta") && te.forEach((a) => !Fe(a) && te.delete(a.toLowerCase())), n.forEach((a) => te.add(a.toLowerCase()));
 }
-function nr(t, i, a) {
-  (typeof a == "function" && a(t, i) || a === !0) && t.preventDefault();
+function He(t) {
+  const n = Array.isArray(t) ? t : [t];
+  t === "meta" ? te.clear() : n.forEach((a) => te.delete(a.toLowerCase()));
 }
-function ir(t, i, a) {
-  return typeof a == "function" ? a(t, i) : a === !0 || a === void 0;
+function ir(t, n, a) {
+  (typeof a == "function" && a(t, n) || a === !0) && t.preventDefault();
 }
-const sr = [
+function sr(t, n, a) {
+  return typeof a == "function" ? a(t, n) : a === !0 || a === void 0;
+}
+const dr = [
   "input",
   "textarea",
   "select",
@@ -3320,24 +3351,24 @@ const sr = [
   "radio",
   "textbox"
 ];
-function dr(t) {
-  return He(t, sr);
+function lr(t) {
+  return Ke(t, dr);
 }
-function He(t, i = !1) {
+function Ke(t, n = !1) {
   const { target: a, composed: r } = t;
-  let o, n;
-  return lr(a) && r ? (o = t.composedPath()[0] && t.composedPath()[0].tagName, n = t.composedPath()[0] && t.composedPath()[0].role) : (o = a && a.tagName, n = a && a.role), Ie(i) ? !!(o && i && i.some((c) => c.toLowerCase() === o.toLowerCase() || c === n)) : !!(o && i && i);
+  let i, o;
+  return cr(a) && r ? (i = t.composedPath()[0] && t.composedPath()[0].tagName, o = t.composedPath()[0] && t.composedPath()[0].role) : (i = a && a.tagName, o = a && a.role), Le(n) ? !!(i && n && n.some((c) => c.toLowerCase() === i.toLowerCase() || c === o)) : !!(i && n && n);
 }
-function lr(t) {
+function cr(t) {
   return !!t.tagName && !t.tagName.startsWith("-") && t.tagName.includes("-");
 }
-function cr(t, i) {
-  return t.length === 0 && i ? (console.warn(
+function mr(t, n) {
+  return t.length === 0 && n ? (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) : i ? t.some((a) => i.includes(a)) || t.includes("*") : !0;
+  ), !0) : n ? t.some((a) => n.includes(a)) || t.includes("*") : !0;
 }
-const mr = (t, i, a = !1) => {
-  const { alt: r, meta: o, mod: n, shift: c, ctrl: m, keys: s, useKey: g } = i, { code: p, key: d, ctrlKey: b, metaKey: f, shiftKey: k, altKey: x } = t, z = ne(p);
+const pr = (t, n, a = !1) => {
+  const { alt: r, meta: i, mod: o, shift: c, ctrl: m, keys: s, useKey: g } = n, { code: p, key: d, ctrlKey: b, metaKey: f, shiftKey: k, altKey: x } = t, z = ie(p);
   if (g && (s == null ? void 0 : s.length) === 1 && s.includes(d))
     return !0;
   if (!(s != null && s.includes(z)) && !["ctrl", "control", "unknown", "meta", "alt", "shift", "os"].includes(z))
@@ -3345,19 +3376,19 @@ const mr = (t, i, a = !1) => {
   if (!a) {
     if (r !== x && z !== "alt" || c !== k && z !== "shift")
       return !1;
-    if (n) {
+    if (o) {
       if (!f && !b)
         return !1;
-    } else if (o !== f && z !== "meta" && z !== "os" || m !== b && z !== "ctrl" && z !== "control")
+    } else if (i !== f && z !== "meta" && z !== "os" || m !== b && z !== "ctrl" && z !== "control")
       return !1;
   }
-  return s && s.length === 1 && s.includes(z) ? !0 : s ? or(s) : !s;
-}, pr = Be(void 0), ur = () => Ee(pr);
-function Ke(t, i) {
-  return t && i && typeof t == "object" && typeof i == "object" ? Object.keys(t).length === Object.keys(i).length && // @ts-expect-error TS7053
-  Object.keys(t).reduce((a, r) => a && Ke(t[r], i[r]), !0) : t === i;
+  return s && s.length === 1 && s.includes(z) ? !0 : s ? nr(s) : !s;
+}, ur = Re(void 0), gr = () => Be(ur);
+function Je(t, n) {
+  return t && n && typeof t == "object" && typeof n == "object" ? Object.keys(t).length === Object.keys(n).length && // @ts-expect-error TS7053
+  Object.keys(t).reduce((a, r) => a && Je(t[r], n[r]), !0) : t === n;
 }
-const gr = Be({
+const fr = Re({
   hotkeys: [],
   activeScopes: [],
   // This array has to be empty instead of containing '*' as default, to check if the provider is set or not
@@ -3367,33 +3398,33 @@ const gr = Be({
   },
   disableScope: () => {
   }
-}), fr = () => Ee(gr);
-function hr(t) {
-  const i = X(void 0);
-  return Ke(i.current, t) || (i.current = t), i.current;
+}), hr = () => Be(fr);
+function br(t) {
+  const n = X(void 0);
+  return Je(n.current, t) || (n.current = t), n.current;
 }
-const Pe = (t) => {
+const Te = (t) => {
   t.stopPropagation(), t.preventDefault(), t.stopImmediatePropagation();
-}, br = typeof window < "u" ? tt : G;
-function xr(t, i, a, r) {
-  const o = X(null), n = X(!1), c = Array.isArray(a) ? Array.isArray(r) ? void 0 : r : a, m = Ie(t) ? t.join(c == null ? void 0 : c.delimiter) : t, s = Array.isArray(a) ? a : Array.isArray(r) ? r : void 0, g = A(i, s ?? []), p = X(g);
-  s ? p.current = g : p.current = i;
-  const d = hr(c), { activeScopes: b } = fr(), f = ur();
-  return br(() => {
-    if ((d == null ? void 0 : d.enabled) === !1 || !cr(b, d == null ? void 0 : d.scopes))
+}, xr = typeof window < "u" ? rt : G;
+function yr(t, n, a, r) {
+  const i = X(null), o = X(!1), c = Array.isArray(a) ? Array.isArray(r) ? void 0 : r : a, m = Le(t) ? t.join(c == null ? void 0 : c.delimiter) : t, s = Array.isArray(a) ? a : Array.isArray(r) ? r : void 0, g = A(n, s ?? []), p = X(g);
+  s ? p.current = g : p.current = n;
+  const d = br(c), { activeScopes: b } = hr(), f = gr();
+  return xr(() => {
+    if ((d == null ? void 0 : d.enabled) === !1 || !mr(b, d == null ? void 0 : d.scopes))
       return;
     let k = [], x;
     const z = (y, P = !1) => {
       var B;
-      if (!(dr(y) && !He(y, d == null ? void 0 : d.enableOnFormTags))) {
-        if (o.current !== null) {
-          const T = o.current.getRootNode();
-          if ((T instanceof Document || T instanceof ShadowRoot) && T.activeElement !== o.current && !o.current.contains(T.activeElement)) {
-            Pe(y);
+      if (!(lr(y) && !Ke(y, d == null ? void 0 : d.enableOnFormTags))) {
+        if (i.current !== null) {
+          const T = i.current.getRootNode();
+          if ((T instanceof Document || T instanceof ShadowRoot) && T.activeElement !== i.current && !i.current.contains(T.activeElement)) {
+            Te(y);
             return;
           }
         }
-        (B = y.target) != null && B.isContentEditable && !(d != null && d.enableOnContentEditable) || ve(m, d == null ? void 0 : d.delimiter).forEach((T) => {
+        (B = y.target) != null && B.isContentEditable && !(d != null && d.enableOnContentEditable) || Ne(m, d == null ? void 0 : d.delimiter).forEach((T) => {
           var L, S, O, $;
           if (T.includes((d == null ? void 0 : d.splitKey) ?? "+") && T.includes((d == null ? void 0 : d.sequenceSplitKey) ?? ">")) {
             console.warn(
@@ -3401,7 +3432,7 @@ function xr(t, i, a, r) {
             );
             return;
           }
-          const N = Ne(
+          const N = ze(
             T,
             d == null ? void 0 : d.splitKey,
             d == null ? void 0 : d.sequenceSplitKey,
@@ -3412,8 +3443,8 @@ function xr(t, i, a, r) {
             x = setTimeout(() => {
               k = [];
             }, (d == null ? void 0 : d.sequenceTimeoutMs) ?? 1e3);
-            const K = N.useKey ? y.key : ne(y.code);
-            if (Ge(K.toLowerCase()))
+            const K = N.useKey ? y.key : ie(y.code);
+            if (Fe(K.toLowerCase()))
               return;
             k.push(K);
             const F = (L = N.keys) == null ? void 0 : L[k.length - 1];
@@ -3422,25 +3453,25 @@ function xr(t, i, a, r) {
               return;
             }
             k.length === ((S = N.keys) == null ? void 0 : S.length) && (p.current(y, N), x && clearTimeout(x), k = []);
-          } else if (mr(y, N, d == null ? void 0 : d.ignoreModifiers) || (O = N.keys) != null && O.includes("*")) {
-            if (($ = d == null ? void 0 : d.ignoreEventWhen) != null && $.call(d, y) || P && n.current)
+          } else if (pr(y, N, d == null ? void 0 : d.ignoreModifiers) || (O = N.keys) != null && O.includes("*")) {
+            if (($ = d == null ? void 0 : d.ignoreEventWhen) != null && $.call(d, y) || P && o.current)
               return;
-            if (nr(y, N, d == null ? void 0 : d.preventDefault), !ir(y, N, d == null ? void 0 : d.enabled)) {
-              Pe(y);
+            if (ir(y, N, d == null ? void 0 : d.preventDefault), !sr(y, N, d == null ? void 0 : d.enabled)) {
+              Te(y);
               return;
             }
-            p.current(y, N), P || (n.current = !0);
+            p.current(y, N), P || (o.current = !0);
           }
         });
       }
     }, C = (y) => {
-      y.code !== void 0 && (Fe(ne(y.code)), ((d == null ? void 0 : d.keydown) === void 0 && (d == null ? void 0 : d.keyup) !== !0 || d != null && d.keydown) && z(y));
+      y.code !== void 0 && (Ve(ie(y.code)), ((d == null ? void 0 : d.keydown) === void 0 && (d == null ? void 0 : d.keyup) !== !0 || d != null && d.keydown) && z(y));
     }, u = (y) => {
-      y.code !== void 0 && (Ve(ne(y.code)), n.current = !1, d != null && d.keyup && z(y, !0));
-    }, h = o.current || (c == null ? void 0 : c.document) || document;
-    return h.addEventListener("keyup", u, c == null ? void 0 : c.eventListenerOptions), h.addEventListener("keydown", C, c == null ? void 0 : c.eventListenerOptions), f && ve(m, d == null ? void 0 : d.delimiter).forEach(
+      y.code !== void 0 && (He(ie(y.code)), o.current = !1, d != null && d.keyup && z(y, !0));
+    }, h = i.current || (c == null ? void 0 : c.document) || document;
+    return h.addEventListener("keyup", u, c == null ? void 0 : c.eventListenerOptions), h.addEventListener("keydown", C, c == null ? void 0 : c.eventListenerOptions), f && Ne(m, d == null ? void 0 : d.delimiter).forEach(
       (y) => f.addHotkey(
-        Ne(
+        ze(
           y,
           d == null ? void 0 : d.splitKey,
           d == null ? void 0 : d.sequenceSplitKey,
@@ -3449,9 +3480,9 @@ function xr(t, i, a, r) {
         )
       )
     ), () => {
-      h.removeEventListener("keyup", u, c == null ? void 0 : c.eventListenerOptions), h.removeEventListener("keydown", C, c == null ? void 0 : c.eventListenerOptions), f && ve(m, d == null ? void 0 : d.delimiter).forEach(
+      h.removeEventListener("keyup", u, c == null ? void 0 : c.eventListenerOptions), h.removeEventListener("keydown", C, c == null ? void 0 : c.eventListenerOptions), f && Ne(m, d == null ? void 0 : d.delimiter).forEach(
         (y) => f.removeHotkey(
-          Ne(
+          ze(
             y,
             d == null ? void 0 : d.splitKey,
             d == null ? void 0 : d.sequenceSplitKey,
@@ -3461,49 +3492,49 @@ function xr(t, i, a, r) {
         )
       ), k = [], x && clearTimeout(x);
     };
-  }, [m, d, b]), o;
+  }, [m, d, b]), i;
 }
-const yr = {
+const wr = {
   enableOnFormTags: !1,
   preventDefault: !0
 };
-function Je(t) {
+function Qe(t) {
   var r;
-  const i = E((o) => o.keyboard), a = ce.find((o) => o.action === t);
-  return a ? ((r = i == null ? void 0 : i.shortcuts) == null ? void 0 : r[t]) !== void 0 ? i.shortcuts[t] ?? null : a.defaultBinding : null;
+  const n = E((i) => i.keyboard), a = me.find((i) => i.action === t);
+  return a ? ((r = n == null ? void 0 : n.shortcuts) == null ? void 0 : r[t]) !== void 0 ? n.shortcuts[t] ?? null : a.defaultBinding : null;
 }
-function q(t, i, a = {}) {
-  const r = Je(t), o = E((n) => {
+function q(t, n, a = {}) {
+  const r = Qe(t), i = E((o) => {
     var c;
-    return ((c = n.keyboard) == null ? void 0 : c.enabled) ?? !0;
+    return ((c = o.keyboard) == null ? void 0 : c.enabled) ?? !0;
   });
-  xr(
+  yr(
     r || "",
-    i,
+    n,
     {
-      ...yr,
+      ...wr,
       ...a,
-      enabled: o && !!r
+      enabled: i && !!r
     },
-    [i, r, o]
+    [n, r, i]
   );
 }
-function wr(t = {}) {
-  const { onToggleAIChat: i } = t, a = Re(), r = w((W) => W.nodes), o = w((W) => W.selectedNodeId), n = w((W) => W.execution), c = w((W) => W.hasUnsavedChanges), m = w((W) => W.saveWorkflow), s = w((W) => W.execute), g = w((W) => W.cancelExecution), p = w((W) => W.duplicateNode), d = w((W) => W.setSelectedNode), b = w((W) => W.toggleLibrary), f = w((W) => W.newWorkflow), k = E((W) => W.openSettings), x = E((W) => W.openShortcutsModal), z = E((W) => W.openCommandPalette), C = E((W) => W.closeCommandPalette), u = E((W) => W.closeShortcutsModal), h = E((W) => W.closeSettings), y = E((W) => W.showCommandPalette), P = E((W) => W.openExport), B = E((W) => W.openImport), T = E((W) => W.requestNewWorkflow), N = A(() => {
+function kr(t = {}) {
+  const { onToggleAIChat: n } = t, a = De(), r = w((W) => W.nodes), i = w((W) => W.selectedNodeId), o = w((W) => W.execution), c = w((W) => W.hasUnsavedChanges), m = w((W) => W.saveWorkflow), s = w((W) => W.execute), g = w((W) => W.cancelExecution), p = w((W) => W.duplicateNode), d = w((W) => W.setSelectedNode), b = w((W) => W.toggleLibrary), f = w((W) => W.newWorkflow), k = E((W) => W.openSettings), x = E((W) => W.openShortcutsModal), z = E((W) => W.openCommandPalette), C = E((W) => W.closeCommandPalette), u = E((W) => W.closeShortcutsModal), h = E((W) => W.closeSettings), y = E((W) => W.showCommandPalette), P = E((W) => W.openExport), B = E((W) => W.openImport), T = E((W) => W.requestNewWorkflow), N = A(() => {
     r.length !== 0 && m();
   }, [r.length, m]), L = A(() => {
-    r.length === 0 || n.status === "running" || s();
-  }, [r.length, n.status, s]), S = A(() => {
+    r.length === 0 || o.status === "running" || s();
+  }, [r.length, o.status, s]), S = A(() => {
     T(c, f);
   }, [T, c, f]), O = A(() => {
     r.length !== 0 && (P == null || P());
   }, [r.length, P]), $ = A(() => {
     B == null || B();
   }, [B]), K = A(() => {
-    n.status === "running" && g();
-  }, [n.status, g]), F = A(() => {
-    o && p(o);
-  }, [o, p]), oe = A(() => {
+    o.status === "running" && g();
+  }, [o.status, g]), F = A(() => {
+    i && p(i);
+  }, [i, p]), ne = A(() => {
     a == null || a.setNodes(
       (W) => W.map((I) => ({
         ...I,
@@ -3528,20 +3559,20 @@ function wr(t = {}) {
   }, [y, z, C]), J = A(() => {
     x == null || x();
   }, [x]), Z = A(() => {
-    i == null || i();
-  }, [i]), Q = A(() => {
+    n == null || n();
+  }, [n]), Q = A(() => {
     b();
-  }, [b]), de = A(() => {
+  }, [b]), le = A(() => {
     k();
   }, [k]);
-  return q("save", N), q("execute", L), q("newWorkflow", S), q("exportWorkflow", O), q("importWorkflow", $), q("cancelExecution", K), q("duplicate", F), q("selectAll", oe), q("deselect", M), q("zoomIn", V), q("zoomOut", v), q("zoomFit", R), q("commandPalette", U), q("showShortcuts", J), q("toggleAIChat", Z), q("toggleLibrary", Q), q("settings", de), {
+  return q("save", N), q("execute", L), q("newWorkflow", S), q("exportWorkflow", O), q("importWorkflow", $), q("cancelExecution", K), q("duplicate", F), q("selectAll", ne), q("deselect", M), q("zoomIn", V), q("zoomOut", v), q("zoomFit", R), q("commandPalette", U), q("showShortcuts", J), q("toggleAIChat", Z), q("toggleLibrary", Q), q("settings", le), {
     handleSave: N,
     handleExecute: L,
     handleNewWorkflow: S,
     handleExport: O,
     handleImport: $,
     handleDuplicate: F,
-    handleSelectAll: oe,
+    handleSelectAll: ne,
     handleDeselect: M,
     handleZoomIn: V,
     handleZoomOut: v,
@@ -3550,25 +3581,25 @@ function wr(t = {}) {
     handleShowShortcuts: J,
     handleToggleAIChat: Z,
     handleToggleLibrary: Q,
-    handleSettings: de
+    handleSettings: le
   };
 }
-function kr(t) {
-  return Je(t);
+function vr(t) {
+  return Qe(t);
 }
-function we() {
+function ke() {
   return typeof navigator > "u" ? !1 : navigator.platform.toLowerCase().includes("mac");
 }
-function Qe() {
-  return we() ? "⌘" : "Ctrl";
-}
 function Ye() {
-  return we() ? "⌥" : "Alt";
+  return ke() ? "⌘" : "Ctrl";
 }
 function Ze() {
+  return ke() ? "⌥" : "Alt";
+}
+function Xe() {
   return "⇧";
 }
-const ye = {
+const we = {
   enter: "⏎",
   return: "⏎",
   escape: "Esc",
@@ -3587,65 +3618,65 @@ const ye = {
   plus: "+",
   period: "."
 };
-function vr(t) {
+function Nr(t) {
   if (!t) return "";
-  const i = t.toLowerCase().split("+"), a = [];
-  for (const r of i)
-    r === "mod" ? a.push(Qe()) : r === "ctrl" || r === "control" ? a.push(we() ? "⌃" : "Ctrl") : r === "alt" || r === "option" ? a.push(Ye()) : r === "shift" ? a.push(Ze()) : r === "meta" || r === "cmd" || r === "command" ? a.push("⌘") : ye[r] ? a.push(ye[r]) : a.push(r.toUpperCase());
+  const n = t.toLowerCase().split("+"), a = [];
+  for (const r of n)
+    r === "mod" ? a.push(Ye()) : r === "ctrl" || r === "control" ? a.push(ke() ? "⌃" : "Ctrl") : r === "alt" || r === "option" ? a.push(Ze()) : r === "shift" ? a.push(Xe()) : r === "meta" || r === "cmd" || r === "command" ? a.push("⌘") : we[r] ? a.push(we[r]) : a.push(r.toUpperCase());
   return a.join("");
 }
-function Nr(t) {
+function zr(t) {
   if (!t) return [];
-  const i = t.toLowerCase().split("+"), a = [];
-  for (const r of i)
-    r === "mod" ? a.push(Qe()) : r === "ctrl" || r === "control" ? a.push(we() ? "⌃" : "Ctrl") : r === "alt" || r === "option" ? a.push(Ye()) : r === "shift" ? a.push(Ze()) : r === "meta" || r === "cmd" || r === "command" ? a.push("⌘") : ye[r] ? a.push(ye[r]) : a.push(r.toUpperCase());
+  const n = t.toLowerCase().split("+"), a = [];
+  for (const r of n)
+    r === "mod" ? a.push(Ye()) : r === "ctrl" || r === "control" ? a.push(ke() ? "⌃" : "Ctrl") : r === "alt" || r === "option" ? a.push(Ze()) : r === "shift" ? a.push(Xe()) : r === "meta" || r === "cmd" || r === "command" ? a.push("⌘") : we[r] ? a.push(we[r]) : a.push(r.toUpperCase());
   return a;
 }
-function zr(t, i) {
-  const a = new Map(t.map((m) => [m.id, m])), r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+function Cr(t, n) {
+  const a = new Map(t.map((m) => [m.id, m])), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
   for (const m of t)
-    r.set(m.id, 0), o.set(m.id, []);
-  for (const m of i) {
-    const s = o.get(m.source) || [];
-    s.push(m.target), o.set(m.source, s), r.set(m.target, (r.get(m.target) || 0) + 1);
+    r.set(m.id, 0), i.set(m.id, []);
+  for (const m of n) {
+    const s = i.get(m.source) || [];
+    s.push(m.target), i.set(m.source, s), r.set(m.target, (r.get(m.target) || 0) + 1);
   }
-  const n = [];
+  const o = [];
   for (const [m, s] of r)
-    s === 0 && n.push(m);
+    s === 0 && o.push(m);
   const c = [];
-  for (; n.length > 0; ) {
-    const m = n.shift(), s = a.get(m);
+  for (; o.length > 0; ) {
+    const m = o.shift(), s = a.get(m);
     s && c.push(s);
-    const g = o.get(m) || [];
+    const g = i.get(m) || [];
     for (const p of g) {
       const d = (r.get(p) || 1) - 1;
-      r.set(p, d), d === 0 && n.push(p);
+      r.set(p, d), d === 0 && o.push(p);
     }
   }
   return c;
 }
-function Cr(t) {
-  const i = t.type || "node", a = t.id.replace(/[^a-zA-Z0-9]/g, "_");
-  return `${i}_${a}`;
+function Sr(t) {
+  const n = t.type || "node", a = t.id.replace(/[^a-zA-Z0-9]/g, "_");
+  return `${n}_${a}`;
 }
-function ge(t) {
+function fe(t) {
   return typeof t == "string" ? t.includes(`
 `) ? "`" + t.replace(/`/g, "\\`").replace(/\$/g, "\\$") + "`" : JSON.stringify(t) : JSON.stringify(t, null, 2);
 }
-function Sr(t, i, a) {
-  const r = a.get(t.id), o = [], n = i.find((m) => m.target === t.id), c = n ? a.get(n.source) : null;
+function Ir(t, n, a) {
+  const r = a.get(t.id), i = [], o = n.find((m) => m.target === t.id), c = o ? a.get(o.source) : null;
   switch (t.type) {
     case "generator": {
       const m = t.data;
-      o.push(m.generatorName);
-      const s = m.params || {}, g = Object.entries(s).filter(([, p]) => p !== void 0 && p !== "").map(([p, d]) => `  ${p}: ${ge(d)}`).join(`,
+      i.push(m.generatorName);
+      const s = m.params || {}, g = Object.entries(s).filter(([, p]) => p !== void 0 && p !== "").map(([p, d]) => `  ${p}: ${fe(d)}`).join(`,
 `);
       return {
         code: `// Generate image using ${m.generatorName}
 const ${r} = await ${m.generatorName}({
 ${g}
 });`,
-        imports: o
+        imports: i
       };
     }
     case "input":
@@ -3655,7 +3686,7 @@ const ${r} = await flo.loadImage("./input.png");`,
         imports: []
       };
     case "transform": {
-      const m = t.data, s = m.params || {}, g = Object.entries(s).filter(([, d]) => d !== void 0 && d !== "").map(([d, b]) => `${d}: ${ge(b)}`).join(", "), p = c || "image";
+      const m = t.data, s = m.params || {}, g = Object.entries(s).filter(([, d]) => d !== void 0 && d !== "").map(([d, b]) => `${d}: ${fe(b)}`).join(", "), p = c || "image";
       return {
         code: `// Apply ${m.operation} transform
 const ${r} = await flo.transform(${p}, "${m.operation}"${g ? `, { ${g} }` : ""});`,
@@ -3664,35 +3695,35 @@ const ${r} = await flo.transform(${p}, "${m.operation}"${g ? `, { ${g} }` : ""})
     }
     case "vision": {
       const m = t.data;
-      o.push(m.providerName);
-      const s = m.params || {}, g = c || "image", p = Object.entries(s).filter(([, d]) => d !== void 0 && d !== "").map(([d, b]) => `  ${d}: ${ge(b)}`).join(`,
+      i.push(m.providerName);
+      const s = m.params || {}, g = c || "image", p = Object.entries(s).filter(([, d]) => d !== void 0 && d !== "").map(([d, b]) => `  ${d}: ${fe(b)}`).join(`,
 `);
       return {
         code: `// Analyze image with ${m.providerName}
 const ${r} = await ${m.providerName}.analyze(${g}, {
 ${p}
 });`,
-        imports: o
+        imports: i
       };
     }
     case "text": {
       const m = t.data;
-      o.push(m.providerName);
-      const s = m.params || {}, g = Object.entries(s).filter(([, p]) => p !== void 0 && p !== "").map(([p, d]) => `  ${p}: ${ge(d)}`).join(`,
+      i.push(m.providerName);
+      const s = m.params || {}, g = Object.entries(s).filter(([, p]) => p !== void 0 && p !== "").map(([p, d]) => `  ${p}: ${fe(d)}`).join(`,
 `);
       return {
         code: `// Generate text with ${m.providerName}
 const ${r} = await ${m.providerName}.generate({
 ${g}
 });`,
-        imports: o
+        imports: i
       };
     }
     case "save": {
       const m = t.data;
       return {
         code: `// Save result
-await flo.save(${c || "result"}, ${ge(m.destination)});`,
+await flo.save(${c || "result"}, ${fe(m.destination)});`,
         imports: []
       };
     }
@@ -3703,22 +3734,22 @@ await flo.save(${c || "result"}, ${ge(m.destination)});`,
       };
   }
 }
-function Ir(t, i) {
+function Lr(t, n) {
   if (t.length === 0)
     return `// Empty workflow
 // Add nodes to your canvas to generate code`;
-  const a = zr(t, i), r = /* @__PURE__ */ new Map();
+  const a = Cr(t, n), r = /* @__PURE__ */ new Map();
   for (const g of a)
-    r.set(g.id, Cr(g));
-  const o = /* @__PURE__ */ new Set(), n = [];
+    r.set(g.id, Sr(g));
+  const i = /* @__PURE__ */ new Set(), o = [];
   for (const g of a) {
-    const { code: p, imports: d } = Sr(g, i, r);
-    n.push(p);
+    const { code: p, imports: d } = Ir(g, n, r);
+    o.push(p);
     for (const b of d)
-      o.add(b);
+      i.add(b);
   }
   const c = [];
-  o.size > 0 && c.push(`import { ${Array.from(o).join(", ")} } from "@teamflojo/floimg";`), c.push('import * as flo from "@teamflojo/floimg";');
+  i.size > 0 && c.push(`import { ${Array.from(i).join(", ")} } from "@teamflojo/floimg";`), c.push('import * as flo from "@teamflojo/floimg";');
   const m = `/**
  * FloImg Workflow
  * Generated by FloImg Studio
@@ -3727,7 +3758,7 @@ function Ir(t, i) {
 
 `, s = `
 async function runWorkflow() {
-${n.map(
+${o.map(
     (g) => g.split(`
 `).map((p) => "  " + p).join(`
 `)
@@ -3743,16 +3774,16 @@ runWorkflow().catch(console.error);
 `) + `
 ` + s;
 }
-function Lr({ isOpen: t, onClose: i, onImport: a }) {
-  const [r, o] = _(""), [n, c] = _(!1), [m, s] = _(null), [g, p] = _(!1), d = A(async () => {
+function Ar({ isOpen: t, onClose: n, onImport: a }) {
+  const [r, i] = _(""), [o, c] = _(!1), [m, s] = _(null), [g, p] = _(!1), d = A(async () => {
     if (!r.trim()) {
       s({ message: "Please enter or paste YAML content" });
       return;
     }
     c(!0), s(null);
     try {
-      const u = await zt(r);
-      u.success ? (a(u.nodes, u.edges, u.name), o(""), i()) : s({
+      const u = await Ct(r);
+      u.success ? (a(u.nodes, u.edges, u.name), i(""), n()) : s({
         message: u.error || "Import failed",
         line: u.line,
         column: u.column
@@ -3762,14 +3793,14 @@ function Lr({ isOpen: t, onClose: i, onImport: a }) {
     } finally {
       c(!1);
     }
-  }, [r, a, i]), b = A(async () => {
+  }, [r, a, n]), b = A(async () => {
     if (!r.trim()) {
       s({ message: "Please enter or paste YAML content" });
       return;
     }
     c(!0), s(null);
     try {
-      const u = await Ct(r);
+      const u = await St(r);
       u.valid ? (s(null), s({ message: "Valid YAML!" }), setTimeout(() => s(null), 2e3)) : u.errors.length > 0 && s(u.errors[0]);
     } catch (u) {
       s({ message: u instanceof Error ? u.message : "Validation failed" });
@@ -3783,7 +3814,7 @@ function Lr({ isOpen: t, onClose: i, onImport: a }) {
     }
     try {
       const h = await u.text();
-      o(h), s(null);
+      i(h), s(null);
     } catch {
       s({ message: "Failed to read file" });
     }
@@ -3812,7 +3843,7 @@ function Lr({ isOpen: t, onClose: i, onImport: a }) {
       /* @__PURE__ */ e(
         "button",
         {
-          onClick: i,
+          onClick: n,
           className: "text-gray-500 dark:text-zinc-400 hover:text-gray-700 dark:hover:text-zinc-200",
           children: /* @__PURE__ */ e("svg", { className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
             "path",
@@ -3886,7 +3917,7 @@ function Lr({ isOpen: t, onClose: i, onImport: a }) {
         {
           value: r,
           onChange: (u) => {
-            o(u.target.value), s(null);
+            i(u.target.value), s(null);
           },
           placeholder: `name: My Workflow
 steps:
@@ -3933,7 +3964,7 @@ steps:
           "button",
           {
             onClick: b,
-            disabled: n || !r.trim(),
+            disabled: o || !r.trim(),
             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 disabled:opacity-50 disabled:cursor-not-allowed",
             children: "Validate"
           }
@@ -3942,10 +3973,10 @@ steps:
           "button",
           {
             onClick: d,
-            disabled: n || !r.trim(),
+            disabled: o || !r.trim(),
             className: "px-4 py-2 text-sm font-medium text-white bg-teal-600 rounded-md hover:bg-teal-700 disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-2",
             children: [
-              n && /* @__PURE__ */ l("svg", { className: "animate-spin h-4 w-4", viewBox: "0 0 24 24", fill: "none", children: [
+              o && /* @__PURE__ */ l("svg", { className: "animate-spin h-4 w-4", viewBox: "0 0 24 24", fill: "none", children: [
                 /* @__PURE__ */ e(
                   "circle",
                   {
@@ -3974,14 +4005,14 @@ steps:
     ] })
   ] }) }) : null;
 }
-function Ar({
+function Wr({
   brandingSlot: t,
-  beforeActionsSlot: i,
+  beforeActionsSlot: n,
   afterActionsSlot: a,
   hideAttribution: r = !1,
-  hideWorkflowLibrary: o = !1
+  hideWorkflowLibrary: i = !1
 } = {}) {
-  const n = w((I) => I.execution), c = w((I) => I.execute), m = w((I) => I.cancelExecution), s = w((I) => I.exportToYaml), g = w((I) => I.importFromYaml), p = w((I) => I.nodes), d = w((I) => I.edges), b = E((I) => I.openSettings), f = w((I) => I.activeWorkflowName), k = w((I) => I.hasUnsavedChanges), x = w((I) => I.saveWorkflow), z = w((I) => I.toggleLibrary), C = w((I) => I.setActiveWorkflowName), u = kr("save"), [h, y] = _(!1), [P, B] = _(!1), [T, N] = _("yaml"), [L, S] = _(""), [O, $] = _(""), [K, F] = _(null), [oe, M] = _(!1), [V, v] = _("");
+  const o = w((I) => I.execution), c = w((I) => I.execute), m = w((I) => I.cancelExecution), s = w((I) => I.exportToYaml), g = w((I) => I.importFromYaml), p = w((I) => I.nodes), d = w((I) => I.edges), b = E((I) => I.openSettings), f = w((I) => I.activeWorkflowName), k = w((I) => I.hasUnsavedChanges), x = w((I) => I.saveWorkflow), z = w((I) => I.toggleLibrary), C = w((I) => I.setActiveWorkflowName), u = vr("save"), [h, y] = _(!1), [P, B] = _(!1), [T, N] = _("yaml"), [L, S] = _(""), [O, $] = _(""), [K, F] = _(null), [ne, M] = _(!1), [V, v] = _("");
   G(() => {
     const I = () => {
       F("New workflow created"), setTimeout(() => F(null), 2e3);
@@ -4000,21 +4031,21 @@ function Ar({
   }, Q = async () => {
     const I = await s();
     S(I);
-    const me = Ir(p, d);
-    $(me), y(!0);
-  }, de = () => {
+    const pe = Lr(p, d);
+    $(pe), y(!0);
+  }, le = () => {
     const I = T === "yaml" ? L : O;
     navigator.clipboard.writeText(I);
   }, W = A(
-    (I, me, et) => {
-      g(I, me, et), F("Workflow imported!"), setTimeout(() => F(null), 2e3);
+    (I, pe, tt) => {
+      g(I, pe, tt), F("Workflow imported!"), setTimeout(() => F(null), 2e3);
     },
     [g]
   );
-  return /* @__PURE__ */ l(ie, { children: [
+  return /* @__PURE__ */ l(se, { 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: [
-        !o && /* @__PURE__ */ e("button", { onClick: z, 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(
+        !i && /* @__PURE__ */ e("button", { onClick: z, 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(
           "path",
           {
             strokeLinecap: "round",
@@ -4038,7 +4069,7 @@ function Ar({
           )
         ] }),
         /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-          oe ? /* @__PURE__ */ e(
+          ne ? /* @__PURE__ */ e(
             "input",
             {
               type: "text",
@@ -4070,7 +4101,7 @@ function Ar({
         ] })
       ] }),
       /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
-        i,
+        n,
         /* @__PURE__ */ e("button", { onClick: b, className: "floimg-toolbar__btn", title: "AI Settings", children: /* @__PURE__ */ l("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: [
           /* @__PURE__ */ e(
             "path",
@@ -4097,7 +4128,7 @@ function Ar({
             onClick: R,
             disabled: p.length === 0,
             className: "floimg-toolbar__btn disabled:opacity-50 disabled:cursor-not-allowed",
-            title: `Save Workflow${u ? ` (${vr(u)})` : ""}`,
+            title: `Save Workflow${u ? ` (${Nr(u)})` : ""}`,
             children: /* @__PURE__ */ e("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
               "path",
               {
@@ -4119,7 +4150,7 @@ function Ar({
             children: "Export"
           }
         ),
-        n.status === "running" ? /* @__PURE__ */ l(
+        o.status === "running" ? /* @__PURE__ */ l(
           "button",
           {
             onClick: m,
@@ -4171,25 +4202,25 @@ function Ar({
         a
       ] })
     ] }),
-    n.status === "completed" && n.imageIds.length > 0 && /* @__PURE__ */ e("div", { className: "bg-green-50 dark:bg-green-900/30 border-b border-green-200 dark:border-green-800 px-4 py-3", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-4", children: [
+    o.status === "completed" && o.imageIds.length > 0 && /* @__PURE__ */ e("div", { className: "bg-green-50 dark:bg-green-900/30 border-b border-green-200 dark:border-green-800 px-4 py-3", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ l("span", { className: "text-green-700 dark:text-green-400 font-medium", children: [
         "Generated ",
-        n.imageIds.length,
+        o.imageIds.length,
         " image",
-        n.imageIds.length !== 1 ? "s" : ""
+        o.imageIds.length !== 1 ? "s" : ""
       ] }),
-      /* @__PURE__ */ e("div", { className: "flex gap-2", children: n.imageUrls.slice(0, 4).map((I, me) => /* @__PURE__ */ e("a", { href: I, target: "_blank", rel: "noopener noreferrer", className: "block", children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "flex gap-2", children: o.imageUrls.slice(0, 4).map((I, pe) => /* @__PURE__ */ e("a", { href: I, target: "_blank", rel: "noopener noreferrer", className: "block", children: /* @__PURE__ */ e(
         "img",
         {
           src: I,
           alt: "Generated",
           className: "h-12 w-12 object-cover rounded border border-green-300 dark:border-green-700"
         }
-      ) }, me)) })
+      ) }, pe)) })
     ] }) }),
-    n.status === "error" && /* @__PURE__ */ e("div", { className: "bg-red-50 dark:bg-red-900/30 border-b border-red-200 dark:border-red-800 px-4 py-3", children: /* @__PURE__ */ l("span", { className: "text-red-700 dark:text-red-400", children: [
+    o.status === "error" && /* @__PURE__ */ e("div", { className: "bg-red-50 dark:bg-red-900/30 border-b border-red-200 dark:border-red-800 px-4 py-3", children: /* @__PURE__ */ l("span", { className: "text-red-700 dark:text-red-400", children: [
       "Error: ",
-      n.error
+      o.error
     ] }) }),
     h && /* @__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: [
@@ -4238,7 +4269,7 @@ function Ar({
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: de,
+              onClick: le,
               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"
             }
@@ -4255,7 +4286,7 @@ function Ar({
       ] })
     ] }) }),
     /* @__PURE__ */ e(
-      Lr,
+      Ar,
       {
         isOpen: P,
         onClose: () => B(!1),
@@ -4264,21 +4295,21 @@ function Ar({
     )
   ] });
 }
-function Wr() {
-  const t = w((s) => s.loadTemplate), [i, a] = _(null), {
+function _r() {
+  const t = w((s) => s.loadTemplate), [n, a] = _(null), {
     data: r,
-    isLoading: o,
-    error: n,
+    isLoading: i,
+    error: o,
     refetch: c
-  } = fe({
+  } = he({
     queryKey: ["images"],
-    queryFn: yt,
+    queryFn: wt,
     refetchInterval: 5e3
     // Auto-refresh every 5 seconds
   }), m = async (s) => {
     a(s);
     try {
-      const g = await wt(s);
+      const g = await kt(s);
       if (g != null && g.workflow) {
         const p = {
           id: `image-${s}`,
@@ -4300,9 +4331,9 @@ function Wr() {
       a(null);
     }
   };
-  return o ? /* @__PURE__ */ e("div", { className: "p-8 text-center text-gray-500 dark:text-zinc-400", children: "Loading images..." }) : n ? /* @__PURE__ */ l("div", { className: "p-8 text-center text-red-500 dark:text-red-400", children: [
+  return i ? /* @__PURE__ */ e("div", { className: "p-8 text-center text-gray-500 dark:text-zinc-400", children: "Loading images..." }) : o ? /* @__PURE__ */ l("div", { className: "p-8 text-center text-red-500 dark:text-red-400", children: [
     "Error loading images: ",
-    n instanceof Error ? n.message : "Unknown error"
+    o instanceof Error ? o.message : "Unknown error"
   ] }) : !r || r.length === 0 ? /* @__PURE__ */ l("div", { className: "p-8 text-center text-gray-500 dark:text-zinc-400", children: [
     /* @__PURE__ */ e("div", { className: "text-lg mb-2", children: "No images yet" }),
     /* @__PURE__ */ e("div", { className: "text-sm", children: "Create a workflow and click Execute to generate images" })
@@ -4326,31 +4357,31 @@ function Wr() {
       )
     ] }),
     /* @__PURE__ */ e("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: r.map((s) => /* @__PURE__ */ e(
-      _r,
+      Mr,
       {
         image: s,
         onLoadWorkflow: () => m(s.id),
-        isLoading: i === s.id
+        isLoading: n === s.id
       },
       s.id
     )) })
   ] });
 }
-function _r({ image: t, onLoadWorkflow: i, isLoading: a }) {
-  const r = (n) => new Date(n).toLocaleString(), o = (n) => n < 1024 ? `${n} B` : n < 1048576 ? `${(n / 1024).toFixed(1)} KB` : `${(n / 1048576).toFixed(1)} MB`;
+function Mr({ image: t, onLoadWorkflow: n, isLoading: a }) {
+  const r = (o) => new Date(o).toLocaleString(), i = (o) => o < 1024 ? `${o} B` : o < 1048576 ? `${(o / 1024).toFixed(1)} KB` : `${(o / 1048576).toFixed(1)} MB`;
   return /* @__PURE__ */ l("div", { className: "bg-white dark:bg-zinc-800 rounded-lg border border-gray-200 dark:border-zinc-700 overflow-hidden shadow-sm hover:shadow-md transition-shadow group", children: [
     /* @__PURE__ */ l("div", { className: "relative", children: [
       /* @__PURE__ */ e(
         "a",
         {
-          href: ke(t.id),
+          href: ve(t.id),
           target: "_blank",
           rel: "noopener noreferrer",
           className: "block aspect-square bg-gray-100 dark:bg-zinc-900",
           children: /* @__PURE__ */ e(
             "img",
             {
-              src: ke(t.id),
+              src: ve(t.id),
               alt: t.filename,
               className: "w-full h-full object-cover",
               loading: "lazy"
@@ -4362,8 +4393,8 @@ function _r({ image: t, onLoadWorkflow: i, isLoading: a }) {
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: (n) => {
-              n.preventDefault(), i();
+            onClick: (o) => {
+              o.preventDefault(), n();
             },
             disabled: a,
             className: "px-3 py-1.5 bg-teal-600 text-white text-sm rounded-lg hover:bg-teal-700 disabled:opacity-50",
@@ -4373,9 +4404,9 @@ function _r({ image: t, onLoadWorkflow: i, isLoading: a }) {
         /* @__PURE__ */ e(
           "a",
           {
-            href: ke(t.id),
+            href: ve(t.id),
             download: t.filename,
-            onClick: (n) => n.stopPropagation(),
+            onClick: (o) => o.stopPropagation(),
             className: "p-1.5 bg-zinc-700 text-white rounded-lg hover:bg-zinc-600",
             title: "Download image",
             children: /* @__PURE__ */ e("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ e(
@@ -4396,13 +4427,13 @@ function _r({ image: t, onLoadWorkflow: i, isLoading: a }) {
       /* @__PURE__ */ l("div", { className: "text-xs text-gray-500 dark:text-zinc-400 mt-1", children: [
         t.mime,
         " • ",
-        o(t.size)
+        i(t.size)
       ] }),
       /* @__PURE__ */ e("div", { className: "text-xs text-gray-400 dark:text-zinc-500 mt-1", children: r(t.createdAt) })
     ] })
   ] });
 }
-const Mr = {
+const Pr = {
   id: "revenue-chart",
   name: "Revenue Dashboard",
   description: "Quarterly revenue chart with caption and web-optimized export",
@@ -4527,7 +4558,7 @@ const Mr = {
       { id: "e3", source: "transform-caption", target: "transform-webp" }
     ]
   }
-}, Pr = {
+}, Tr = {
   id: "monthly-users",
   name: "User Growth Chart",
   description: "Polished user growth chart ready for investor decks and presentations",
@@ -4642,7 +4673,7 @@ const Mr = {
       { id: "e3", source: "transform-corners", target: "transform-png" }
     ]
   }
-}, Tr = {
+}, Er = {
   id: "framework-usage",
   name: "Framework Usage Stats",
   description: "Blog-ready comparison chart with optimized sizing and fast web loading",
@@ -4764,7 +4795,7 @@ const Mr = {
       { id: "e3", source: "transform-padding", target: "transform-webp" }
     ]
   }
-}, Er = {
+}, Br = {
   id: "traffic-breakdown",
   name: "Traffic by Device",
   description: "Analytics breakdown optimized for Slack sharing and weekly reports",
@@ -4888,7 +4919,7 @@ const Mr = {
       { id: "e3", source: "transform-caption", target: "transform-png" }
     ]
   }
-}, Br = {
+}, Rr = {
   id: "api-flow",
   name: "API Request Flow",
   description: "Sequence diagram ready for API documentation and README files",
@@ -5000,7 +5031,7 @@ const Mr = {
       { id: "e3", source: "transform-padding", target: "transform-png" }
     ]
   }
-}, Rr = {
+}, Dr = {
   id: "system-architecture",
   name: "System Architecture",
   description: "Architecture diagram optimized for Confluence, Notion, and technical documentation",
@@ -5139,7 +5170,7 @@ const Mr = {
       { id: "e3", source: "transform-padding", target: "transform-webp" }
     ]
   }
-}, Dr = {
+}, jr = {
   id: "git-workflow",
   name: "Git Branch Workflow",
   description: "Git branching diagram for team onboarding and CONTRIBUTING.md",
@@ -5264,15 +5295,15 @@ const Mr = {
       { id: "e3", source: "transform-caption", target: "transform-png" }
     ]
   }
-}, jr = [
-  Mr,
+}, Or = [
   Pr,
   Tr,
   Er,
   Br,
   Rr,
-  Dr
-], Or = {
+  Dr,
+  jr
+], $r = {
   id: "ai-product-shot",
   name: "AI Product Photography",
   description: "Generate AI product photos with background removal and e-commerce-ready sizing",
@@ -5367,7 +5398,7 @@ const Mr = {
       { id: "e3", source: "transform-resize", target: "transform-caption" }
     ]
   }
-}, $r = {
+}, Ur = {
   id: "ai-hero-image",
   name: "AI Hero Image",
   description: "Generate landing page hero images optimized for web and social sharing",
@@ -5460,7 +5491,7 @@ const Mr = {
       { id: "e3", source: "transform-corners", target: "transform-webp" }
     ]
   }
-}, Ur = {
+}, qr = {
   id: "ai-mascot",
   name: "AI Mascot Generator",
   description: "Generate mascot with transparent background and multiple export sizes",
@@ -5550,7 +5581,7 @@ const Mr = {
       { id: "e3", source: "transform-resize", target: "transform-png" }
     ]
   }
-}, qr = {
+}, Gr = {
   id: "cloud-ai-logo-brand",
   name: "AI Logo to Brand Kit",
   description: "Generate a logo with AI, then create production-ready brand assets",
@@ -5617,7 +5648,7 @@ const Mr = {
       { id: "e2", source: "transform-bg", target: "transform-watermark" }
     ]
   }
-}, Gr = {
+}, Fr = {
   id: "cloud-product-enhance",
   name: "Product Photo Enhancement",
   description: "Remove background and add professional product labeling",
@@ -5672,7 +5703,7 @@ const Mr = {
       { id: "e2", source: "transform-bg", target: "transform-caption" }
     ]
   }
-}, Fr = {
+}, Vr = {
   id: "cloud-ai-social",
   name: "AI Art to Social Post",
   description: "Generate creative AI art, optimize for social media",
@@ -5749,14 +5780,14 @@ const Mr = {
       { id: "e3", source: "transform-caption", target: "transform-webp" }
     ]
   }
-}, Vr = [
-  Or,
+}, Hr = [
   $r,
   Ur,
   qr,
   Gr,
-  Fr
-], Hr = {
+  Fr,
+  Vr
+], Kr = {
   id: "social-media-kit",
   name: "Social Media Kit",
   description: "Generate optimized images for all social platforms from one source",
@@ -5836,7 +5867,7 @@ const socialKit = await floimg.pipeline(heroImage, [
       { id: "e3", source: "input-1", target: "transform-instagram" }
     ]
   }
-}, Kr = {
+}, Jr = {
   id: "avatar-pipeline",
   name: "Avatar Processing",
   description: "Generate consistent avatar sizes with circular crop and optimization",
@@ -5925,7 +5956,7 @@ const socialKit = await floimg.pipeline(heroImage, [
       { id: "e4", source: "transform-crop", target: "transform-64" }
     ]
   }
-}, Jr = {
+}, Qr = {
   id: "watermark-branding",
   name: "Branded Watermark",
   description: "Add your logo watermark to images automatically",
@@ -6004,7 +6035,7 @@ const socialKit = await floimg.pipeline(heroImage, [
       { id: "e2", source: "transform-1", target: "transform-2" }
     ]
   }
-}, Qr = {
+}, Yr = {
   id: "filter-showcase",
   name: "Image Filters",
   description: "Apply artistic filters: vintage, dramatic, vibrant, and more",
@@ -6077,7 +6108,7 @@ const socialKit = await floimg.pipeline(heroImage, [
       { id: "e3", source: "input-1", target: "transform-dramatic" }
     ]
   }
-}, Yr = {
+}, Zr = {
   id: "responsive-images",
   name: "Responsive Image Pipeline",
   description: "Generate thumbnail, mobile, tablet, desktop, and retina sizes from one source",
@@ -6181,7 +6212,7 @@ const responsive = await floimg.from(source)
       { id: "e5", source: "input-1", target: "transform-retina" }
     ]
   }
-}, Zr = {
+}, Xr = {
   id: "team-headshots",
   name: "Team Headshot Standardizer",
   description: "Standardize team photos with consistent sizing and professional styling",
@@ -6269,7 +6300,7 @@ const responsive = await floimg.from(source)
       { id: "e4", source: "transform-grayscale", target: "transform-png" }
     ]
   }
-}, Xr = {
+}, ea = {
   id: "screenshot-docs",
   name: "Screenshot to Docs",
   description: "Prepare screenshots for documentation with borders and optimization",
@@ -6368,7 +6399,7 @@ const responsive = await floimg.from(source)
       { id: "e4", source: "transform-corners", target: "transform-png" }
     ]
   }
-}, ea = {
+}, ta = {
   id: "blog-og-image",
   name: "Blog Post OG Image",
   description: "Create social sharing images for blog posts with title overlay",
@@ -6453,7 +6484,7 @@ const responsive = await floimg.from(source)
       { id: "e3", source: "transform-caption", target: "transform-webp" }
     ]
   }
-}, ta = {
+}, ra = {
   id: "email-banner",
   name: "Email Banner",
   description: "Create email header banners with consistent dimensions for newsletters",
@@ -6537,7 +6568,7 @@ const responsive = await floimg.from(source)
       { id: "e3", source: "transform-caption", target: "transform-png" }
     ]
   }
-}, ra = {
+}, aa = {
   id: "app-icons",
   name: "App Icon Generator",
   description: "Generate iOS and Android app icon sizes from one source image",
@@ -6643,8 +6674,7 @@ const responsive = await floimg.from(source)
       { id: "e5", source: "transform-bg", target: "transform-store-512" }
     ]
   }
-}, aa = [
-  Hr,
+}, oa = [
   Kr,
   Jr,
   Qr,
@@ -6653,8 +6683,9 @@ const responsive = await floimg.from(source)
   Xr,
   ea,
   ta,
-  ra
-], oa = {
+  ra,
+  aa
+], na = {
   id: "branded-qr",
   name: "Branded QR Code",
   description: "QR code with custom colors, rounded corners, and optimized for print or digital",
@@ -6742,7 +6773,7 @@ const responsive = await floimg.from(source)
       { id: "e3", source: "transform-corners", target: "transform-convert" }
     ]
   }
-}, na = {
+}, ia = {
   id: "dark-qr",
   name: "Dark Mode QR",
   description: "QR code optimized for dark backgrounds with subtle border and web-optimized export",
@@ -6838,7 +6869,7 @@ const responsive = await floimg.from(source)
       { id: "e3", source: "transform-border", target: "transform-webp" }
     ]
   }
-}, ia = {
+}, sa = {
   id: "wifi-qr",
   name: "WiFi QR Code",
   description: "Scannable WiFi QR code with network name label and professional styling",
@@ -6935,7 +6966,7 @@ const responsive = await floimg.from(source)
       { id: "e3", source: "transform-caption", target: "transform-corners" }
     ]
   }
-}, sa = {
+}, da = {
   id: "thumbnail-generator",
   name: "Thumbnail Generator",
   description: "Create multiple thumbnail sizes with automatic optimization",
@@ -7006,7 +7037,7 @@ const responsive = await floimg.from(source)
       { id: "e3", source: "input-1", target: "transform-200" }
     ]
   }
-}, da = {
+}, la = {
   id: "diagram-webp",
   name: "Diagram to WebP",
   description: "Mermaid diagram converted to optimized WebP format",
@@ -7057,46 +7088,46 @@ const responsive = await floimg.from(source)
     ],
     edges: [{ id: "e1", source: "gen-1", target: "transform-1" }]
   }
-}, la = [
-  oa,
+}, ca = [
   na,
   ia,
   sa,
-  da
-], Le = [
-  ...jr,
-  ...Vr,
-  ...aa,
-  ...la
-], he = Le.filter((t) => !t.requiresCloud);
-Le.filter((t) => t.requiresCloud);
-function ca(t) {
-  return Le.find((i) => i.id === t);
+  da,
+  la
+], Ae = [
+  ...Or,
+  ...Hr,
+  ...oa,
+  ...ca
+], be = Ae.filter((t) => !t.requiresCloud);
+Ae.filter((t) => t.requiresCloud);
+function ma(t) {
+  return Ae.find((n) => n.id === t);
 }
-function ja(t) {
-  return he.find((i) => i.id === t);
+function Oa(t) {
+  return be.find((n) => n.id === t);
 }
-function ma() {
-  const t = new Set(he.map((i) => i.category));
+function pa() {
+  const t = new Set(be.map((n) => n.category));
   return Array.from(t);
 }
-function Oa(t) {
-  return he.filter((i) => i.category === t);
-}
 function $a(t) {
-  const i = t.toLowerCase();
-  return he.filter((a) => {
+  return be.filter((n) => n.category === t);
+}
+function Ua(t) {
+  const n = t.toLowerCase();
+  return be.filter((a) => {
     var r;
-    return a.name.toLowerCase().includes(i) || a.description.toLowerCase().includes(i) || a.category.toLowerCase().includes(i) || a.generator.toLowerCase().includes(i) || ((r = a.tags) == null ? void 0 : r.some((o) => o.toLowerCase().includes(i)));
+    return a.name.toLowerCase().includes(n) || a.description.toLowerCase().includes(n) || a.category.toLowerCase().includes(n) || a.generator.toLowerCase().includes(n) || ((r = a.tags) == null ? void 0 : r.some((i) => i.toLowerCase().includes(n)));
   });
 }
-function Te(t) {
-  return ca(t);
+function Ee(t) {
+  return ma(t);
 }
-function pa({ onSelect: t }) {
-  const [i, a] = _(null), [r, o] = _(""), n = se(() => ma(), []), c = se(() => {
-    let m = he;
-    if (i && (m = m.filter((s) => s.category === i)), r) {
+function ua({ onSelect: t }) {
+  const [n, a] = _(null), [r, i] = _(""), o = de(() => pa(), []), c = de(() => {
+    let m = be;
+    if (n && (m = m.filter((s) => s.category === n)), r) {
       const s = r.toLowerCase();
       m = m.filter(
         (g) => {
@@ -7106,7 +7137,7 @@ function pa({ onSelect: t }) {
       );
     }
     return m;
-  }, [i, r]);
+  }, [n, r]);
   return /* @__PURE__ */ l("div", { className: "p-6", children: [
     /* @__PURE__ */ l("div", { className: "mb-6", children: [
       /* @__PURE__ */ e("h2", { className: "text-2xl font-bold text-gray-900 dark:text-white mb-2", children: "Templates" }),
@@ -7119,7 +7150,7 @@ function pa({ onSelect: t }) {
           type: "text",
           placeholder: "Search templates...",
           value: r,
-          onChange: (m) => o(m.target.value),
+          onChange: (m) => i(m.target.value),
           className: "px-4 py-2 border border-gray-300 dark:border-zinc-600 rounded-lg bg-white dark:bg-zinc-800 text-gray-900 dark:text-white focus:ring-2 focus:ring-teal-500 focus:border-transparent w-64"
         }
       ),
@@ -7128,15 +7159,15 @@ function pa({ onSelect: t }) {
           "button",
           {
             onClick: () => a(null),
-            className: `px-3 py-1.5 rounded-full text-sm font-medium transition-colors ${i === null ? "bg-teal-600 text-white" : "bg-gray-200 dark:bg-zinc-700 text-gray-700 dark:text-zinc-300 hover:bg-gray-300 dark:hover:bg-zinc-600"}`,
+            className: `px-3 py-1.5 rounded-full text-sm font-medium transition-colors ${n === null ? "bg-teal-600 text-white" : "bg-gray-200 dark:bg-zinc-700 text-gray-700 dark:text-zinc-300 hover:bg-gray-300 dark:hover:bg-zinc-600"}`,
             children: "All"
           }
         ),
-        n.map((m) => /* @__PURE__ */ e(
+        o.map((m) => /* @__PURE__ */ e(
           "button",
           {
             onClick: () => a(m),
-            className: `px-3 py-1.5 rounded-full text-sm font-medium transition-colors ${i === m ? "bg-teal-600 text-white" : "bg-gray-200 dark:bg-zinc-700 text-gray-700 dark:text-zinc-300 hover:bg-gray-300 dark:hover:bg-zinc-600"}`,
+            className: `px-3 py-1.5 rounded-full text-sm font-medium transition-colors ${n === m ? "bg-teal-600 text-white" : "bg-gray-200 dark:bg-zinc-700 text-gray-700 dark:text-zinc-300 hover:bg-gray-300 dark:hover:bg-zinc-600"}`,
             children: m
           },
           m
@@ -7144,7 +7175,7 @@ function pa({ onSelect: t }) {
       ] })
     ] }),
     c.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: c.map((m) => /* @__PURE__ */ e(
-      ua,
+      ga,
       {
         template: m,
         onSelect: () => t(m.id)
@@ -7153,8 +7184,8 @@ function pa({ onSelect: t }) {
     )) })
   ] });
 }
-function ua({ template: t, onSelect: i }) {
-  const a = t.workflow.nodes.length, r = t.workflow.edges.length, o = {
+function ga({ template: t, onSelect: n }) {
+  const a = t.workflow.nodes.length, r = t.workflow.edges.length, i = {
     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",
     qr: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300",
@@ -7195,7 +7226,7 @@ function ua({ template: t, onSelect: i }) {
         /* @__PURE__ */ e(
           "span",
           {
-            className: `px-2 py-0.5 rounded text-xs font-medium ${o[t.generator] || "bg-gray-100 text-gray-800 dark:bg-zinc-700 dark:text-zinc-300"}`,
+            className: `px-2 py-0.5 rounded text-xs font-medium ${i[t.generator] || "bg-gray-100 text-gray-800 dark:bg-zinc-700 dark:text-zinc-300"}`,
             children: t.generator
           }
         )
@@ -7231,18 +7262,18 @@ function ua({ template: t, onSelect: i }) {
           r !== 1 ? "s" : ""
         ] })
       ] }),
-      t.tags && t.tags.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1 mb-4", children: t.tags.slice(0, 4).map((n) => /* @__PURE__ */ e(
+      t.tags && t.tags.length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1 mb-4", children: t.tags.slice(0, 4).map((o) => /* @__PURE__ */ e(
         "span",
         {
           className: "px-2 py-0.5 bg-gray-100 dark:bg-zinc-700 text-gray-600 dark:text-zinc-400 rounded text-xs",
-          children: n
+          children: o
         },
-        n
+        o
       )) }),
       /* @__PURE__ */ e(
         "button",
         {
-          onClick: i,
+          onClick: n,
           className: "w-full py-2 px-4 bg-teal-600 hover:bg-teal-700 text-white rounded-lg font-medium transition-colors",
           children: "Use Template"
         }
@@ -7250,16 +7281,16 @@ function ua({ template: t, onSelect: i }) {
     ] })
   ] });
 }
-function ga({
+function fa({
   workflow: t,
-  isActive: i,
+  isActive: n,
   onLoad: a,
   onDelete: r,
-  onRename: o,
-  onDuplicate: n
+  onRename: i,
+  onDuplicate: o
 }) {
   const [c, m] = _(!1), [s, g] = _(t.name), [p, d] = _(!1), b = () => {
-    s.trim() && s !== t.name && o(s.trim()), m(!1);
+    s.trim() && s !== t.name && i(s.trim()), m(!1);
   }, f = (k) => {
     const x = new Date(k), C = (/* @__PURE__ */ new Date()).getTime() - x.getTime(), u = Math.floor(C / 6e4), h = Math.floor(C / 36e5), y = Math.floor(C / 864e5);
     return u < 1 ? "Just now" : u < 60 ? `${u}m ago` : h < 24 ? `${h}h ago` : y < 7 ? `${y}d ago` : x.toLocaleDateString();
@@ -7267,7 +7298,7 @@ function ga({
   return /* @__PURE__ */ l(
     "div",
     {
-      className: `group relative p-3 rounded-lg border transition-colors ${i ? "bg-teal-50 dark:bg-teal-900/20 border-teal-200 dark:border-teal-800" : "bg-white dark:bg-zinc-800 border-zinc-200 dark:border-zinc-700 hover:border-zinc-300 dark:hover:border-zinc-600"}`,
+      className: `group relative p-3 rounded-lg border transition-colors ${n ? "bg-teal-50 dark:bg-teal-900/20 border-teal-200 dark:border-teal-800" : "bg-white dark:bg-zinc-800 border-zinc-200 dark:border-zinc-700 hover:border-zinc-300 dark:hover:border-zinc-600"}`,
       children: [
         /* @__PURE__ */ l("div", { className: "flex items-start justify-between gap-2", children: [
           /* @__PURE__ */ l("button", { onClick: a, className: "flex-1 text-left min-w-0", children: [
@@ -7303,7 +7334,7 @@ function ga({
                 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" }) })
               }
             ),
-            p && /* @__PURE__ */ l(ie, { children: [
+            p && /* @__PURE__ */ l(se, { children: [
               /* @__PURE__ */ e("div", { className: "fixed inset-0 z-10", onClick: () => d(!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(
@@ -7320,7 +7351,7 @@ function ga({
                   "button",
                   {
                     onClick: (k) => {
-                      k.stopPropagation(), n(), d(!1);
+                      k.stopPropagation(), o(), d(!1);
                     },
                     className: "w-full px-3 py-1.5 text-left text-sm text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700",
                     children: "Duplicate"
@@ -7340,24 +7371,24 @@ function ga({
             ] })
           ] })
         ] }),
-        i && /* @__PURE__ */ e("span", { className: "absolute top-2 right-2 w-2 h-2 bg-teal-500 rounded-full" })
+        n && /* @__PURE__ */ e("span", { className: "absolute top-2 right-2 w-2 h-2 bg-teal-500 rounded-full" })
       ]
     }
   );
 }
-function fa() {
-  const t = w((p) => p.showLibrary), i = w((p) => p.toggleLibrary), a = w((p) => p.savedWorkflows), r = w((p) => p.activeWorkflowId), o = w((p) => p.loadWorkflow), n = w((p) => p.deleteWorkflow), c = w((p) => p.renameWorkflow), m = w((p) => p.duplicateWorkflow), s = w((p) => p.newWorkflow);
+function ha() {
+  const t = w((p) => p.showLibrary), n = w((p) => p.toggleLibrary), a = w((p) => p.savedWorkflows), r = w((p) => p.activeWorkflowId), i = w((p) => p.loadWorkflow), o = w((p) => p.deleteWorkflow), c = w((p) => p.renameWorkflow), m = w((p) => p.duplicateWorkflow), s = w((p) => p.newWorkflow);
   if (!t) return null;
   const g = [...a].sort((p, d) => d.updatedAt - p.updatedAt);
-  return /* @__PURE__ */ l(ie, { children: [
-    /* @__PURE__ */ e("div", { className: "fixed inset-0 bg-black/20 dark:bg-black/40 z-40", onClick: i }),
+  return /* @__PURE__ */ l(se, { children: [
+    /* @__PURE__ */ e("div", { className: "fixed inset-0 bg-black/20 dark:bg-black/40 z-40", onClick: n }),
     /* @__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: [
         /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: "My Workflows" }),
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: i,
+            onClick: n,
             className: "p-1 text-zinc-500 hover:text-zinc-700 dark:hover:text-zinc-300 rounded",
             children: /* @__PURE__ */ e("svg", { className: "w-5 h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
               "path",
@@ -7375,7 +7406,7 @@ function fa() {
         "button",
         {
           onClick: () => {
-            s(), i(), window.dispatchEvent(new window.CustomEvent("new-workflow-created"));
+            s(), n(), window.dispatchEvent(new window.CustomEvent("new-workflow-created"));
           },
           className: "w-full flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium text-white bg-teal-600 rounded-lg hover:bg-teal-700 transition-colors",
           children: [
@@ -7414,14 +7445,14 @@ function fa() {
         /* @__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: g.map((p) => /* @__PURE__ */ e(
-        ga,
+        fa,
         {
           workflow: p,
           isActive: p.id === r,
           onLoad: () => {
-            o(p.id), i();
+            i(p.id), n();
           },
-          onDelete: () => n(p.id),
+          onDelete: () => o(p.id),
           onRename: (d) => c(p.id, d),
           onDuplicate: () => m(p.id)
         },
@@ -7436,7 +7467,7 @@ function fa() {
     ] })
   ] });
 }
-const ha = [
+const ba = [
   {
     id: "openai",
     name: "OpenAI",
@@ -7472,7 +7503,7 @@ const ha = [
     placeholder: "sk-or-...",
     docsUrl: "https://openrouter.ai/keys"
   }
-], ba = [
+], xa = [
   {
     id: "ollama",
     name: "Ollama",
@@ -7488,16 +7519,16 @@ const ha = [
     docsUrl: "https://lmstudio.ai"
   }
 ];
-function xa({ provider: t }) {
-  const i = E((b) => b.ai), a = E((b) => b.setAIProvider), r = i[t.id], o = (r == null ? void 0 : r.enabled) ?? !1, n = (r == null ? void 0 : r.apiKey) ?? "", [c, m] = _(n), [s, g] = _(!1), p = () => {
+function ya({ provider: t }) {
+  const n = E((b) => b.ai), a = E((b) => b.setAIProvider), r = n[t.id], i = (r == null ? void 0 : r.enabled) ?? !1, o = (r == null ? void 0 : r.apiKey) ?? "", [c, m] = _(o), [s, g] = _(!1), p = () => {
     a(t.id, {
       apiKey: c,
-      enabled: !o
+      enabled: !i
     });
   }, d = (b) => {
     m(b), a(t.id, {
       apiKey: b,
-      enabled: o
+      enabled: i
     });
   };
   return /* @__PURE__ */ l("div", { className: "flex items-start gap-4 p-4 border border-gray-200 dark:border-zinc-700 rounded-lg", children: [
@@ -7558,27 +7589,27 @@ function xa({ provider: t }) {
       "button",
       {
         onClick: p,
-        className: `relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${o ? "bg-teal-600" : "bg-gray-300 dark:bg-zinc-600"}`,
+        className: `relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${i ? "bg-teal-600" : "bg-gray-300 dark:bg-zinc-600"}`,
         children: /* @__PURE__ */ e(
           "span",
           {
-            className: `inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${o ? "translate-x-6" : "translate-x-1"}`
+            className: `inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${i ? "translate-x-6" : "translate-x-1"}`
           }
         )
       }
     ) })
   ] });
 }
-function ya({ provider: t }) {
-  const i = E((p) => p.ai), a = E((p) => p.setAIProvider), r = i[t.id], o = (r == null ? void 0 : r.enabled) ?? !1, n = (r == null ? void 0 : r.baseUrl) ?? t.defaultUrl, [c, m] = _(n), s = () => {
+function wa({ provider: t }) {
+  const n = E((p) => p.ai), a = E((p) => p.setAIProvider), r = n[t.id], i = (r == null ? void 0 : r.enabled) ?? !1, o = (r == null ? void 0 : r.baseUrl) ?? t.defaultUrl, [c, m] = _(o), s = () => {
     a(t.id, {
       baseUrl: c,
-      enabled: !o
+      enabled: !i
     });
   }, g = (p) => {
     m(p), a(t.id, {
       baseUrl: p,
-      enabled: o
+      enabled: i
     });
   };
   return /* @__PURE__ */ l("div", { className: "flex items-start gap-4 p-4 border border-gray-200 dark:border-zinc-700 rounded-lg", children: [
@@ -7613,19 +7644,19 @@ function ya({ provider: t }) {
       "button",
       {
         onClick: s,
-        className: `relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${o ? "bg-teal-600" : "bg-gray-300 dark:bg-zinc-600"}`,
+        className: `relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${i ? "bg-teal-600" : "bg-gray-300 dark:bg-zinc-600"}`,
         children: /* @__PURE__ */ e(
           "span",
           {
-            className: `inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${o ? "translate-x-6" : "translate-x-1"}`
+            className: `inline-block h-4 w-4 transform rounded-full bg-white transition-transform ${i ? "translate-x-6" : "translate-x-1"}`
           }
         )
       }
     ) })
   ] });
 }
-function wa() {
-  const t = E((a) => a.showSettings), i = E((a) => a.closeSettings);
+function ka() {
+  const t = E((a) => a.showSettings), n = E((a) => a.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: [
@@ -7635,7 +7666,7 @@ function wa() {
       /* @__PURE__ */ e(
         "button",
         {
-          onClick: i,
+          onClick: n,
           className: "text-gray-500 dark:text-zinc-400 hover:text-gray-700 dark:hover:text-zinc-200",
           children: /* @__PURE__ */ e("svg", { className: "h-6 w-6", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
             "path",
@@ -7652,11 +7683,11 @@ function wa() {
     /* @__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: ha.map((a) => /* @__PURE__ */ e(xa, { provider: a }, a.id)) })
+        /* @__PURE__ */ e("div", { className: "space-y-3", children: ba.map((a) => /* @__PURE__ */ e(ya, { provider: a }, a.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: ba.map((a) => /* @__PURE__ */ e(ya, { provider: a }, a.id)) })
+        /* @__PURE__ */ e("div", { className: "space-y-3", children: xa.map((a) => /* @__PURE__ */ e(wa, { provider: a }, a.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(
@@ -7686,18 +7717,18 @@ function wa() {
     /* @__PURE__ */ e("div", { className: "flex justify-end px-6 py-4 border-t border-gray-200 dark:border-zinc-700", children: /* @__PURE__ */ e(
       "button",
       {
-        onClick: i,
+        onClick: n,
         className: "px-4 py-2 text-sm font-medium text-white bg-teal-600 rounded-md hover:bg-teal-700",
         children: "Done"
       }
     ) })
   ] }) }) : null;
 }
-let le = null;
-function ka({ isOpen: t, onClose: i, onApplyWorkflow: a }) {
-  const [r, o] = _([]), [n, c] = _(""), [m, s] = _(!1), [g, p] = _(null), [d, b] = _(""), [f, k] = _(null), [x, z] = _(null), [C, u] = _(""), [h, y] = _(), [P, B] = _(!1), [T, N] = _(), L = X(null), S = X(null);
+let ce = null;
+function va({ isOpen: t, onClose: n, onApplyWorkflow: a }) {
+  const [r, i] = _([]), [o, c] = _(""), [m, s] = _(!1), [g, p] = _(null), [d, b] = _(""), [f, k] = _(null), [x, z] = _(null), [C, u] = _(""), [h, y] = _(), [P, B] = _(!1), [T, N] = _(), L = X(null), S = X(null);
   G(() => {
-    t && x === null && St().then((M) => {
+    t && x === null && It().then((M) => {
       z(M.available), u(M.message), y(M.reason), B(M.isCloudDeployment ?? !1), N(M.supportUrl);
     }).catch(() => {
       z(!1), u("Failed to check AI availability"), y("service_unavailable");
@@ -7709,15 +7740,15 @@ function ka({ isOpen: t, onClose: i, onApplyWorkflow: a }) {
     (M = L.current) == null || M.scrollIntoView({ behavior: "smooth" });
   }, [r]);
   const O = A(() => {
-    if (!n.trim() || m) return;
+    if (!o.trim() || m) return;
     const M = {
       role: "user",
-      content: n.trim(),
+      content: o.trim(),
       timestamp: Date.now()
     };
-    o((v) => [...v, M]), c(""), s(!0), k(null), p(null), b("");
+    i((v) => [...v, M]), c(""), s(!0), k(null), p(null), b("");
     let V;
-    le = $e(
+    ce = Ue(
       "/api/generate/workflow/stream",
       { prompt: M.content, history: r },
       {
@@ -7725,28 +7756,28 @@ function ka({ isOpen: t, onClose: i, onApplyWorkflow: a }) {
           v.type, v.type === "generation.progress" && (p(v.data.phase), b(v.data.message)), v.type === "generation.completed" && (V = v.data), v.type === "generation.error" && k(v.data.error);
         },
         onError: (v) => {
-          le = null, k(v.message || "Failed to generate workflow"), s(!1), p(null);
+          ce = null, k(v.message || "Failed to generate workflow"), s(!1), p(null);
         },
         onClose: () => {
-          le = null;
+          ce = null;
           const v = {
             role: "assistant",
             content: V ? "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: V,
             timestamp: Date.now()
           };
-          o((R) => [...R, v]), s(!1), p(null), b("");
+          i((R) => [...R, v]), s(!1), p(null), b("");
         }
       }
     );
-  }, [n, m, r]), $ = A(() => {
-    le && (le.abort(), le = null), s(!1), p(null), b("");
+  }, [o, m, r]), $ = A(() => {
+    ce && (ce.abort(), ce = null), s(!1), p(null), b("");
   }, []), K = (M) => {
     M.key === "Enter" && !M.shiftKey && (M.preventDefault(), O());
   }, F = (M) => {
-    a(M), i();
-  }, oe = () => {
-    o([]), k(null);
+    a(M), n();
+  }, ne = () => {
+    i([]), k(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: [
@@ -7778,7 +7809,7 @@ function ka({ isOpen: t, onClose: i, onApplyWorkflow: a }) {
         r.length > 0 && /* @__PURE__ */ e(
           "button",
           {
-            onClick: oe,
+            onClick: ne,
             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(
@@ -7795,7 +7826,7 @@ function ka({ isOpen: t, onClose: i, onApplyWorkflow: a }) {
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: i,
+            onClick: n,
             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",
             children: /* @__PURE__ */ e("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
               "path",
@@ -8112,7 +8143,7 @@ function ka({ isOpen: t, onClose: i, onApplyWorkflow: a }) {
           "textarea",
           {
             ref: S,
-            value: n,
+            value: o,
             onChange: (M) => c(M.target.value),
             onKeyDown: K,
             placeholder: x === !1 ? "AI generation not available" : "Describe what workflow you want to create...",
@@ -8125,7 +8156,7 @@ function ka({ isOpen: t, onClose: i, onApplyWorkflow: a }) {
           "button",
           {
             onClick: O,
-            disabled: !n.trim() || m || x === !1,
+            disabled: !o.trim() || m || x === !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",
@@ -8143,14 +8174,14 @@ function ka({ isOpen: t, onClose: i, onApplyWorkflow: a }) {
     ] })
   ] }) }) : null;
 }
-const va = 20, Na = 500, za = 1e5;
-function Ca({ isOpen: t, onClose: i, nodeLabel: a, output: r }) {
-  const [o, n] = _("formatted"), [c, m] = _(!1), s = A(() => {
-    const p = o === "formatted" && r.parsed ? JSON.stringify(r.parsed, null, 2) : r.content;
+const Na = 20, za = 500, Ca = 1e5;
+function Sa({ isOpen: t, onClose: n, nodeLabel: a, output: r }) {
+  const [i, o] = _("formatted"), [c, m] = _(!1), s = A(() => {
+    const p = i === "formatted" && r.parsed ? JSON.stringify(r.parsed, null, 2) : r.content;
     navigator.clipboard.writeText(p).then(() => {
       m(!0), setTimeout(() => m(!1), 2e3);
     });
-  }, [o, r]);
+  }, [i, r]);
   if (!t) return null;
   const g = r.dataType === "json" && r.parsed;
   return /* @__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-3xl mx-4 max-h-[85vh] flex flex-col", children: [
@@ -8187,16 +8218,16 @@ function Ca({ isOpen: t, onClose: i, nodeLabel: a, output: r }) {
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: () => n("formatted"),
-              className: `px-3 py-1 text-sm rounded-md transition-colors ${o === "formatted" ? "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"}`,
+              onClick: () => o("formatted"),
+              className: `px-3 py-1 text-sm rounded-md transition-colors ${i === "formatted" ? "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: "Formatted"
             }
           ),
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: () => n("raw"),
-              className: `px-3 py-1 text-sm rounded-md transition-colors ${o === "raw" ? "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"}`,
+              onClick: () => o("raw"),
+              className: `px-3 py-1 text-sm rounded-md transition-colors ${i === "raw" ? "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: "Raw"
             }
           )
@@ -8204,7 +8235,7 @@ function Ca({ isOpen: t, onClose: i, nodeLabel: a, output: r }) {
         /* @__PURE__ */ e(
           "button",
           {
-            onClick: i,
+            onClick: n,
             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",
             children: /* @__PURE__ */ e("svg", { className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
               "path",
@@ -8219,7 +8250,7 @@ function Ca({ isOpen: t, onClose: i, nodeLabel: a, output: r }) {
         )
       ] })
     ] }),
-    r.content.length > za && /* @__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 > Ca && /* @__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",
         {
@@ -8244,7 +8275,7 @@ function Ca({ isOpen: t, onClose: i, nodeLabel: a, output: r }) {
         "KB) - rendering may be slow"
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto p-4", children: o === "formatted" && g ? /* @__PURE__ */ e(Sa, { data: r.parsed }) : /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap font-mono text-sm text-gray-800 dark:text-zinc-200 bg-gray-50 dark:bg-zinc-900 rounded-lg p-4 overflow-auto", children: r.content }) }),
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto p-4", children: i === "formatted" && g ? /* @__PURE__ */ e(Ia, { data: r.parsed }) : /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap font-mono text-sm text-gray-800 dark:text-zinc-200 bg-gray-50 dark:bg-zinc-900 rounded-lg p-4 overflow-auto", children: r.content }) }),
     /* @__PURE__ */ l("div", { className: "flex items-center justify-between px-4 py-3 border-t border-gray-200 dark:border-zinc-700", children: [
       /* @__PURE__ */ l("span", { className: "text-xs text-gray-500 dark:text-zinc-400", children: [
         r.content.length.toLocaleString(),
@@ -8255,7 +8286,7 @@ function Ca({ isOpen: t, onClose: i, nodeLabel: a, output: r }) {
         {
           onClick: s,
           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: c ? /* @__PURE__ */ l(ie, { children: [
+          children: c ? /* @__PURE__ */ l(se, { children: [
             /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
               "path",
               {
@@ -8266,7 +8297,7 @@ function Ca({ isOpen: t, onClose: i, nodeLabel: a, output: r }) {
               }
             ) }),
             "Copied!"
-          ] }) : /* @__PURE__ */ l(ie, { children: [
+          ] }) : /* @__PURE__ */ l(se, { children: [
             /* @__PURE__ */ e("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
               "path",
               {
@@ -8283,13 +8314,13 @@ function Ca({ isOpen: t, onClose: i, nodeLabel: a, output: r }) {
     ] })
   ] }) });
 }
-function Sa({ data: t }) {
-  return /* @__PURE__ */ e("div", { className: "font-mono text-sm", children: /* @__PURE__ */ e(Ce, { value: t, depth: 0, maxDepth: va }) });
+function Ia({ data: t }) {
+  return /* @__PURE__ */ e("div", { className: "font-mono text-sm", children: /* @__PURE__ */ e(Se, { value: t, depth: 0, maxDepth: Na }) });
 }
-function Ce({ value: t, depth: i, keyName: a, maxDepth: r }) {
-  const o = i * 16;
-  if (i >= r)
-    return /* @__PURE__ */ l("div", { style: { marginLeft: o }, className: "py-0.5", children: [
+function Se({ value: t, depth: n, keyName: a, maxDepth: r }) {
+  const i = n * 16;
+  if (n >= r)
+    return /* @__PURE__ */ l("div", { style: { marginLeft: i }, className: "py-0.5", children: [
       a && /* @__PURE__ */ l("span", { className: "text-pink-600 dark:text-pink-400", children: [
         '"',
         a,
@@ -8299,7 +8330,7 @@ function Ce({ value: t, depth: i, keyName: a, maxDepth: r }) {
       /* @__PURE__ */ e("span", { className: "text-zinc-500 italic", children: "[max depth reached]" })
     ] });
   if (t === null)
-    return /* @__PURE__ */ l("div", { style: { marginLeft: o }, className: "py-0.5", children: [
+    return /* @__PURE__ */ l("div", { style: { marginLeft: i }, className: "py-0.5", children: [
       a && /* @__PURE__ */ l("span", { className: "text-pink-600 dark:text-pink-400", children: [
         '"',
         a,
@@ -8309,7 +8340,7 @@ function Ce({ value: t, depth: i, keyName: a, maxDepth: r }) {
       /* @__PURE__ */ e("span", { className: "text-gray-500 dark:text-zinc-500", children: "null" })
     ] });
   if (typeof t == "boolean")
-    return /* @__PURE__ */ l("div", { style: { marginLeft: o }, className: "py-0.5", children: [
+    return /* @__PURE__ */ l("div", { style: { marginLeft: i }, className: "py-0.5", children: [
       a && /* @__PURE__ */ l("span", { className: "text-pink-600 dark:text-pink-400", children: [
         '"',
         a,
@@ -8319,7 +8350,7 @@ function Ce({ value: t, depth: i, keyName: a, maxDepth: r }) {
       /* @__PURE__ */ e("span", { className: "text-blue-600 dark:text-blue-400", children: t.toString() })
     ] });
   if (typeof t == "number")
-    return /* @__PURE__ */ l("div", { style: { marginLeft: o }, className: "py-0.5", children: [
+    return /* @__PURE__ */ l("div", { style: { marginLeft: i }, className: "py-0.5", children: [
       a && /* @__PURE__ */ l("span", { className: "text-pink-600 dark:text-pink-400", children: [
         '"',
         a,
@@ -8329,8 +8360,8 @@ function Ce({ value: t, depth: i, keyName: a, maxDepth: r }) {
       /* @__PURE__ */ e("span", { className: "text-green-600 dark:text-green-400", children: t })
     ] });
   if (typeof t == "string") {
-    const n = t.length > 100 ? t.slice(0, 100) + "..." : t;
-    return /* @__PURE__ */ l("div", { style: { marginLeft: o }, className: "py-0.5", children: [
+    const o = t.length > 100 ? t.slice(0, 100) + "..." : t;
+    return /* @__PURE__ */ l("div", { style: { marginLeft: i }, className: "py-0.5", children: [
       a && /* @__PURE__ */ l("span", { className: "text-pink-600 dark:text-pink-400", children: [
         '"',
         a,
@@ -8339,14 +8370,14 @@ function Ce({ value: t, depth: i, keyName: a, maxDepth: r }) {
       a && /* @__PURE__ */ e("span", { className: "text-gray-600 dark:text-zinc-400", children: ": " }),
       /* @__PURE__ */ l("span", { className: "text-amber-600 dark:text-amber-400", children: [
         '"',
-        n,
+        o,
         '"'
       ] })
     ] });
   }
   if (Array.isArray(t)) {
-    const n = t.slice(0, Na), c = t.length - n.length;
-    return /* @__PURE__ */ l("div", { style: { marginLeft: o }, children: [
+    const o = t.slice(0, za), c = t.length - o.length;
+    return /* @__PURE__ */ l("div", { style: { marginLeft: i }, children: [
       a && /* @__PURE__ */ l("div", { className: "py-0.5", children: [
         /* @__PURE__ */ l("span", { className: "text-pink-600 dark:text-pink-400", children: [
           '"',
@@ -8361,8 +8392,8 @@ function Ce({ value: t, depth: i, keyName: a, maxDepth: r }) {
         ] })
       ] }),
       !a && /* @__PURE__ */ e("span", { className: "text-gray-500 dark:text-zinc-500 py-0.5 block", children: "[" }),
-      n.map((m, s) => /* @__PURE__ */ e(Ce, { value: m, depth: i + 1, maxDepth: r }, s)),
-      c > 0 && /* @__PURE__ */ l("div", { style: { marginLeft: (i + 1) * 16 }, className: "py-0.5 text-zinc-500 italic", children: [
+      o.map((m, s) => /* @__PURE__ */ e(Se, { value: m, depth: n + 1, maxDepth: r }, s)),
+      c > 0 && /* @__PURE__ */ l("div", { style: { marginLeft: (n + 1) * 16 }, className: "py-0.5 text-zinc-500 italic", children: [
         "...and ",
         c,
         " more items"
@@ -8371,8 +8402,8 @@ function Ce({ value: t, depth: i, keyName: a, maxDepth: r }) {
     ] });
   }
   if (typeof t == "object") {
-    const n = Object.entries(t);
-    return /* @__PURE__ */ l("div", { style: { marginLeft: o }, children: [
+    const o = Object.entries(t);
+    return /* @__PURE__ */ l("div", { style: { marginLeft: i }, children: [
       a && /* @__PURE__ */ l("div", { className: "py-0.5", children: [
         /* @__PURE__ */ l("span", { className: "text-pink-600 dark:text-pink-400", children: [
           '"',
@@ -8383,25 +8414,25 @@ function Ce({ value: t, depth: i, keyName: a, maxDepth: r }) {
         /* @__PURE__ */ e("span", { className: "text-gray-500 dark:text-zinc-500", children: "{" })
       ] }),
       !a && /* @__PURE__ */ e("span", { className: "text-gray-500 dark:text-zinc-500 py-0.5 block", children: "{" }),
-      n.map(([c, m]) => /* @__PURE__ */ e(Ce, { value: m, depth: i + 1, keyName: c, maxDepth: r }, c)),
-      /* @__PURE__ */ e("div", { style: { marginLeft: a ? 0 : o }, className: "py-0.5", children: /* @__PURE__ */ e("span", { className: "text-gray-500 dark:text-zinc-500", children: "}" }) })
+      o.map(([c, m]) => /* @__PURE__ */ e(Se, { value: m, depth: n + 1, keyName: c, maxDepth: r }, c)),
+      /* @__PURE__ */ e("div", { style: { marginLeft: a ? 0 : i }, className: "py-0.5", children: /* @__PURE__ */ e("span", { className: "text-gray-500 dark:text-zinc-500", children: "}" }) })
     ] });
   }
   return null;
 }
-function Xe({ binding: t, className: i = "", size: a = "md" }) {
+function et({ binding: t, className: n = "", size: a = "md" }) {
   if (!t) return null;
-  const r = Nr(t);
+  const r = zr(t);
   if (r.length === 0) return null;
-  const o = {
+  const i = {
     sm: "px-1 py-0.5 text-[10px] min-w-[16px]",
     md: "px-1.5 py-0.5 text-xs min-w-[20px]"
   };
-  return /* @__PURE__ */ e("span", { className: `inline-flex items-center gap-0.5 ${i}`, children: r.map((n, c) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ e("span", { className: `inline-flex items-center gap-0.5 ${n}`, children: r.map((o, c) => /* @__PURE__ */ e(
     "kbd",
     {
       className: `
-            ${o[a]}
+            ${i[a]}
             inline-flex items-center justify-center
             font-mono font-medium
             bg-zinc-200 dark:bg-zinc-700
@@ -8410,12 +8441,12 @@ function Xe({ binding: t, className: i = "", size: a = "md" }) {
             rounded
             shadow-sm
           `,
-      children: n
+      children: o
     },
     c
   )) });
 }
-const Ia = [
+const La = [
   "a[href]",
   "button:not([disabled])",
   "input:not([disabled])",
@@ -8423,14 +8454,14 @@ const Ia = [
   "textarea:not([disabled])",
   '[tabindex]:not([tabindex="-1"])'
 ].join(", ");
-function Ae(t) {
-  const i = X(null), a = X(null), r = A(() => i.current ? Array.from(
-    i.current.querySelectorAll(Ia)
-  ).filter((o) => o.offsetParent !== null) : [], []);
+function We(t) {
+  const n = X(null), a = X(null), r = A(() => n.current ? Array.from(
+    n.current.querySelectorAll(La)
+  ).filter((i) => i.offsetParent !== null) : [], []);
   return G(() => {
     if (!t) return;
     a.current = document.activeElement;
-    const o = (c) => {
+    const i = (c) => {
       if (c.key !== "Tab") return;
       const m = r();
       if (m.length === 0) return;
@@ -8444,38 +8475,38 @@ function Ae(t) {
         return;
       }
     };
-    document.addEventListener("keydown", o);
-    const n = r();
-    return n.length > 0 && window.requestAnimationFrame(() => {
-      n[0].focus();
+    document.addEventListener("keydown", i);
+    const o = r();
+    return o.length > 0 && window.requestAnimationFrame(() => {
+      o[0].focus();
     }), () => {
       var c;
-      document.removeEventListener("keydown", o), (c = a.current) != null && c.focus && a.current.focus();
+      document.removeEventListener("keydown", i), (c = a.current) != null && c.focus && a.current.focus();
     };
-  }, [t, r]), i;
+  }, [t, r]), n;
 }
-function La(t, i, a, r) {
+function Aa(t, n, a, r) {
   switch (t.id) {
     case "save":
     case "exportWorkflow":
-      return i.length === 0 ? "Add nodes to your workflow first" : null;
+      return n.length === 0 ? "Add nodes to your workflow first" : null;
     case "execute":
-      return i.length === 0 ? "Add nodes to your workflow first" : r === "running" ? "Workflow is already running" : null;
+      return n.length === 0 ? "Add nodes to your workflow first" : r === "running" ? "Workflow is already running" : null;
     case "duplicate":
       return a ? null : "Select a node first";
     default:
       return null;
   }
 }
-function Aa({ onToggleAIChat: t }) {
-  const i = E((v) => v.showCommandPalette), a = E((v) => v.closeCommandPalette), r = E((v) => v.keyboard), [o, n] = _(""), c = rt(o), [m, s] = _(0), g = xe(), p = Ae(i), d = X(null), b = w((v) => v.nodes), f = w((v) => v.selectedNodeId), k = w((v) => v.execution), x = w((v) => v.saveWorkflow), z = w((v) => v.execute), C = w((v) => v.duplicateNode), u = w((v) => v.toggleLibrary), h = w((v) => v.newWorkflow), y = E((v) => v.openSettings), P = E((v) => v.openShortcutsModal), B = E((v) => v.openExport), T = E((v) => v.openImport), N = E((v) => v.requestNewWorkflow), L = w((v) => v.hasUnsavedChanges), S = A(
+function Wa({ onToggleAIChat: t }) {
+  const n = E((v) => v.showCommandPalette), a = E((v) => v.closeCommandPalette), r = E((v) => v.keyboard), [i, o] = _(""), c = at(i), [m, s] = _(0), g = ye(), p = We(n), d = X(null), b = w((v) => v.nodes), f = w((v) => v.selectedNodeId), k = w((v) => v.execution), x = w((v) => v.saveWorkflow), z = w((v) => v.execute), C = w((v) => v.duplicateNode), u = w((v) => v.toggleLibrary), h = w((v) => v.newWorkflow), y = E((v) => v.openSettings), P = E((v) => v.openShortcutsModal), B = E((v) => v.openExport), T = E((v) => v.openImport), N = E((v) => v.requestNewWorkflow), L = w((v) => v.hasUnsavedChanges), S = A(
     (v) => {
       var U;
-      const R = ce.find((J) => J.action === v);
+      const R = me.find((J) => J.action === v);
       return R ? ((U = r == null ? void 0 : r.shortcuts) == null ? void 0 : U[v]) !== void 0 ? r.shortcuts[v] ?? null : R.defaultBinding : null;
     },
     [r]
-  ), O = se(() => [
+  ), O = de(() => [
     // Workflow commands
     {
       id: "save",
@@ -8591,7 +8622,7 @@ function Aa({ onToggleAIChat: t }) {
     S,
     a,
     N
-  ]), $ = se(() => {
+  ]), $ = de(() => {
     if (!c.trim()) return O;
     const v = c.toLowerCase();
     return O.filter((R) => {
@@ -8599,7 +8630,7 @@ function Aa({ onToggleAIChat: t }) {
       const U = R.name.toLowerCase().includes(v), J = (Z = R.keywords) == null ? void 0 : Z.some((Q) => Q.toLowerCase().includes(v));
       return U || J;
     });
-  }, [O, c]), K = se(() => {
+  }, [O, c]), K = de(() => {
     const v = {
       workflow: [],
       editing: [],
@@ -8614,8 +8645,8 @@ function Aa({ onToggleAIChat: t }) {
   G(() => {
     s(0);
   }, [c]), G(() => {
-    i && (n(""), s(0));
-  }, [i]);
+    n && (o(""), s(0));
+  }, [n]);
   const F = A(
     (v) => {
       if (v.key === "Escape") {
@@ -8644,8 +8675,8 @@ function Aa({ onToggleAIChat: t }) {
       const v = d.current.querySelector(`[data-index="${m}"]`);
       v && v.scrollIntoView({ block: "nearest" });
     }
-  }, [m]), !i) return null;
-  const oe = [
+  }, [m]), !n) return null;
+  const ne = [
     "workflow",
     "editing",
     "ui",
@@ -8696,8 +8727,8 @@ function Aa({ onToggleAIChat: t }) {
                 {
                   type: "text",
                   placeholder: "Type a command or search...",
-                  value: o,
-                  onChange: (v) => n(v.target.value),
+                  value: i,
+                  onChange: (v) => o(v.target.value),
                   onKeyDown: F,
                   "aria-label": "Search commands",
                   autoFocus: !0,
@@ -8706,12 +8737,12 @@ function Aa({ 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: d, className: "max-h-80 overflow-y-auto py-2", children: $.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" }) : oe.map((v) => {
+            /* @__PURE__ */ e("div", { ref: d, className: "max-h-80 overflow-y-auto py-2", children: $.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" }) : ne.map((v) => {
               const R = K[v];
               return R.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: Ue[v] || v }),
+                /* @__PURE__ */ e("div", { className: "px-4 py-1 text-xs font-semibold text-zinc-500 dark:text-zinc-400 uppercase tracking-wider", children: qe[v] || v }),
                 R.map((U) => {
-                  const J = V(), Z = J === m, Q = !U.enabled || U.enabled(), de = Q ? null : La(U, b, f, k.status);
+                  const J = V(), Z = J === m, Q = !U.enabled || U.enabled(), le = Q ? null : Aa(U, b, f, k.status);
                   return /* @__PURE__ */ l(
                     "button",
                     {
@@ -8720,7 +8751,7 @@ function Aa({ onToggleAIChat: t }) {
                         Q && (U.action(), a == null || a());
                       },
                       disabled: !Q,
-                      title: de ?? void 0,
+                      title: le ?? void 0,
                       className: `
                           w-full flex items-center justify-between px-4 py-2 text-left
                           ${Z ? "bg-teal-50 dark:bg-teal-900/30" : "hover:bg-zinc-50 dark:hover:bg-zinc-700/50"}
@@ -8734,7 +8765,7 @@ function Aa({ onToggleAIChat: t }) {
                             children: U.name
                           }
                         ),
-                        U.shortcut && /* @__PURE__ */ e(Xe, { binding: U.shortcut, size: "sm" })
+                        U.shortcut && /* @__PURE__ */ e(et, { binding: U.shortcut, size: "sm" })
                       ]
                     },
                     U.id
@@ -8763,13 +8794,13 @@ function Aa({ onToggleAIChat: t }) {
     }
   );
 }
-function Wa() {
-  const t = E((p) => p.showShortcutsModal), i = E((p) => p.closeShortcutsModal), a = E((p) => p.keyboard), [r, o] = _(""), n = xe(), c = Ae(t), m = (p) => {
+function _a() {
+  const t = E((p) => p.showShortcutsModal), n = E((p) => p.closeShortcutsModal), a = E((p) => p.keyboard), [r, i] = _(""), o = ye(), c = We(t), m = (p) => {
     var b;
-    const d = ce.find((f) => f.action === p);
+    const d = me.find((f) => f.action === p);
     return d ? ((b = a == null ? void 0 : a.shortcuts) == null ? void 0 : b[p]) !== void 0 ? a.shortcuts[p] ?? null : d.defaultBinding : null;
-  }, s = se(() => {
-    const p = _t();
+  }, s = de(() => {
+    const p = Mt();
     if (r.trim()) {
       const d = r.toLowerCase(), b = {
         workflow: [],
@@ -8790,7 +8821,7 @@ function Wa() {
     {
       className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50",
       onClick: (p) => {
-        p.target === p.currentTarget && i();
+        p.target === p.currentTarget && n();
       },
       children: /* @__PURE__ */ l(
         "div",
@@ -8798,15 +8829,15 @@ function Wa() {
           ref: c,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": n,
+          "aria-labelledby": o,
           className: "bg-white dark:bg-zinc-800 rounded-xl shadow-2xl max-w-lg w-full mx-4 max-h-[80vh] flex flex-col overflow-hidden",
           children: [
             /* @__PURE__ */ l("div", { className: "flex items-center justify-between px-4 py-3 border-b border-zinc-200 dark:border-zinc-700", children: [
-              /* @__PURE__ */ e("h2", { id: n, className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: "Keyboard Shortcuts" }),
+              /* @__PURE__ */ e("h2", { id: o, className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: "Keyboard Shortcuts" }),
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: i,
+                  onClick: n,
                   "aria-label": "Close keyboard shortcuts",
                   className: "p-1 text-zinc-500 hover:text-zinc-700 dark:text-zinc-400 dark:hover:text-zinc-200 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-700",
                   children: /* @__PURE__ */ e(
@@ -8837,7 +8868,7 @@ function Wa() {
                 type: "text",
                 placeholder: "Search shortcuts...",
                 value: r,
-                onChange: (p) => o(p.target.value),
+                onChange: (p) => i(p.target.value),
                 "aria-label": "Search shortcuts",
                 autoFocus: !0,
                 className: "w-full px-3 py-2 text-sm bg-zinc-100 dark:bg-zinc-700 border border-zinc-200 dark:border-zinc-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-teal-500 focus:border-transparent text-zinc-900 dark:text-zinc-100 placeholder-zinc-500"
@@ -8846,7 +8877,7 @@ function Wa() {
             /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto px-4 py-2", children: ["workflow", "editing", "canvas", "ui"].map((p) => {
               const d = s[p];
               return d.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: Ue[p] }),
+                /* @__PURE__ */ e("h3", { className: "text-xs font-semibold text-zinc-500 dark:text-zinc-400 uppercase tracking-wider mb-2", children: qe[p] }),
                 /* @__PURE__ */ e("div", { className: "space-y-1", children: d.map((b) => {
                   const f = m(b.action);
                   return /* @__PURE__ */ l(
@@ -8858,7 +8889,7 @@ function Wa() {
                           /* @__PURE__ */ e("div", { className: "text-sm font-medium text-zinc-800 dark:text-zinc-200", children: b.name }),
                           /* @__PURE__ */ e("div", { className: "text-xs text-zinc-500 dark:text-zinc-400 truncate", children: b.description })
                         ] }),
-                        /* @__PURE__ */ e("div", { className: "ml-4 flex-shrink-0", children: f ? /* @__PURE__ */ e(Xe, { 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(et, { binding: f, size: "sm" }) : /* @__PURE__ */ e("span", { className: "text-xs text-zinc-400 dark:text-zinc-500", children: "Not set" }) })
                       ]
                     },
                     b.action
@@ -8871,7 +8902,7 @@ function Wa() {
               /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: i,
+                  onClick: n,
                   className: "px-3 py-1.5 text-sm font-medium text-white bg-teal-600 hover:bg-teal-700 rounded-lg",
                   children: "Done"
                 }
@@ -8883,17 +8914,17 @@ function Wa() {
     }
   ) : null;
 }
-function _a({
+function Ma({
   isOpen: t,
-  title: i,
+  title: n,
   message: a,
   confirmText: r = "Confirm",
-  cancelText: o = "Cancel",
-  onConfirm: n,
+  cancelText: i = "Cancel",
+  onConfirm: o,
   onCancel: c,
   destructive: m = !1
 }) {
-  const s = xe(), g = xe(), p = Ae(t), d = A(
+  const s = ye(), g = ye(), p = We(t), d = A(
     (b) => {
       b.key === "Escape" && c();
     },
@@ -8920,7 +8951,7 @@ function _a({
           className: "bg-white dark:bg-zinc-800 rounded-xl shadow-2xl max-w-sm w-full mx-4 overflow-hidden",
           children: [
             /* @__PURE__ */ l("div", { className: "px-6 py-4", children: [
-              /* @__PURE__ */ e("h2", { id: s, className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: i }),
+              /* @__PURE__ */ e("h2", { id: s, className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: n }),
               /* @__PURE__ */ e("p", { id: g, className: "mt-2 text-sm text-zinc-600 dark:text-zinc-400", children: a })
             ] }),
             /* @__PURE__ */ l("div", { className: "flex items-center justify-end gap-3 px-6 py-4 border-t border-zinc-200 dark:border-zinc-700 bg-zinc-50 dark:bg-zinc-800/50", children: [
@@ -8930,14 +8961,14 @@ function _a({
                   type: "button",
                   onClick: c,
                   className: "px-4 py-2 text-sm font-medium text-zinc-700 dark:text-zinc-300 bg-white dark:bg-zinc-700 border border-zinc-300 dark:border-zinc-600 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-600 focus:outline-none focus:ring-2 focus:ring-teal-500 focus:ring-offset-2 dark:focus:ring-offset-zinc-800",
-                  children: o
+                  children: i
                 }
               ),
               /* @__PURE__ */ e(
                 "button",
                 {
                   type: "button",
-                  onClick: n,
+                  onClick: o,
                   autoFocus: !0,
                   className: `px-4 py-2 text-sm font-medium rounded-lg focus:outline-none focus:ring-2 focus:ring-offset-2 dark:focus:ring-offset-zinc-800 ${m ? "text-white bg-red-600 hover:bg-red-700 focus:ring-red-500" : "text-white bg-teal-600 hover:bg-teal-700 focus:ring-teal-500"}`,
                   children: r
@@ -8950,42 +8981,42 @@ function _a({
     }
   ) : null;
 }
-function Ma({ onToggleAIChat: t }) {
-  return wr({ onToggleAIChat: t }), null;
+function Pa({ onToggleAIChat: t }) {
+  return kr({ onToggleAIChat: t }), null;
 }
-function Pa() {
-  const { screenToFlowPosition: t } = Re(), i = w((o) => o.addNode), a = A(
-    (o) => {
-      o.preventDefault();
-      const n = o.dataTransfer.getData("application/json");
-      if (n)
+function Ta() {
+  const { screenToFlowPosition: t } = De(), n = w((i) => i.addNode), a = A(
+    (i) => {
+      i.preventDefault();
+      const o = i.dataTransfer.getData("application/json");
+      if (o)
         try {
-          const c = JSON.parse(n), m = t({
-            x: o.clientX,
-            y: o.clientY
+          const c = JSON.parse(o), m = t({
+            x: i.clientX,
+            y: i.clientY
           });
-          i(c, m);
+          n(c, m);
         } catch (c) {
           console.error("Failed to parse dropped node:", c);
         }
     },
-    [i, t]
-  ), r = A((o) => {
-    o.preventDefault(), o.dataTransfer.dropEffect = "move";
+    [n, t]
+  ), r = A((i) => {
+    i.preventDefault(), i.dataTransfer.dropEffect = "move";
   }, []);
-  return /* @__PURE__ */ e("div", { className: "flex-1", onDrop: a, onDragOver: r, children: /* @__PURE__ */ e(Yt, {}) });
+  return /* @__PURE__ */ e("div", { className: "flex-1", onDrop: a, onDragOver: r, children: /* @__PURE__ */ e(Zt, {}) });
 }
-function Ua() {
-  const [t, i] = _("editor"), [a, r] = _(!1), o = w((h) => h.loadTemplate), n = w((h) => h.loadGeneratedWorkflow), c = w((h) => h.inspectedNodeId), m = w((h) => h.execution.dataOutputs), s = w((h) => h.closeOutputInspector), g = w((h) => h.nodes), p = w((h) => h.selectedNodeId), d = c ? g.find((h) => h.id === c) : null, b = c ? m[c] : null;
+function qa() {
+  const [t, n] = _("editor"), [a, r] = _(!1), i = w((h) => h.loadTemplate), o = w((h) => h.loadGeneratedWorkflow), c = w((h) => h.inspectedNodeId), m = w((h) => h.execution.dataOutputs), s = w((h) => h.closeOutputInspector), g = w((h) => h.nodes), p = w((h) => h.selectedNodeId), d = c ? g.find((h) => h.id === c) : null, b = c ? m[c] : null;
   G(() => {
     const y = new URLSearchParams(window.location.search).get("template");
     if (y) {
-      const P = Te(y);
-      P && (o(P), window.history.replaceState({}, "", window.location.pathname));
+      const P = Ee(y);
+      P && (i(P), window.history.replaceState({}, "", window.location.pathname));
     }
-  }, [o]), G(() => {
+  }, [i]), G(() => {
     const h = () => {
-      i("editor");
+      n("editor");
     };
     return window.addEventListener("workflow-loaded", h), () => {
       window.removeEventListener("workflow-loaded", h);
@@ -8993,24 +9024,24 @@ function Ua() {
   }, []);
   const f = A(
     (h) => {
-      const y = Te(h);
-      y && (o(y), i("editor"));
+      const y = Ee(h);
+      y && (i(y), n("editor"));
     },
-    [o]
+    [i]
   ), k = A(
     (h) => {
-      n(h), i("editor");
+      o(h), n("editor");
     },
-    [n]
+    [o]
   ), x = A(() => {
     r((h) => !h);
   }, []), z = E((h) => h.showNewWorkflowConfirm), C = E((h) => h.confirmNewWorkflow), u = E((h) => h.cancelNewWorkflow);
-  return /* @__PURE__ */ l(mt, { children: [
-    /* @__PURE__ */ e(Ma, { onToggleAIChat: x }),
-    /* @__PURE__ */ e(Aa, { onToggleAIChat: x }),
-    /* @__PURE__ */ e(Wa, {}),
+  return /* @__PURE__ */ l(pt, { children: [
+    /* @__PURE__ */ e(Pa, { onToggleAIChat: x }),
+    /* @__PURE__ */ e(Wa, { onToggleAIChat: x }),
+    /* @__PURE__ */ e(_a, {}),
     /* @__PURE__ */ e(
-      _a,
+      Ma,
       {
         isOpen: z,
         title: "Unsaved Changes",
@@ -9022,9 +9053,9 @@ function Ua() {
         destructive: !0
       }
     ),
-    /* @__PURE__ */ e(wa, {}),
+    /* @__PURE__ */ e(ka, {}),
     /* @__PURE__ */ e(
-      ka,
+      va,
       {
         isOpen: a,
         onClose: () => r(!1),
@@ -9032,7 +9063,7 @@ function Ua() {
       }
     ),
     d && b && /* @__PURE__ */ e(
-      Ca,
+      Sa,
       {
         isOpen: !0,
         onClose: s,
@@ -9041,15 +9072,15 @@ function Ua() {
         output: b
       }
     ),
-    /* @__PURE__ */ e(fa, {}),
+    /* @__PURE__ */ e(ha, {}),
     /* @__PURE__ */ l("div", { className: "floimg-studio h-screen flex flex-col bg-gray-100 dark:bg-zinc-900", children: [
-      /* @__PURE__ */ e(Ar, {}),
+      /* @__PURE__ */ e(Wr, {}),
       /* @__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(
             "button",
             {
-              onClick: () => i("editor"),
+              onClick: () => n("editor"),
               className: `floimg-tab ${t === "editor" ? "floimg-tab--active" : ""}`,
               children: "Editor"
             }
@@ -9057,7 +9088,7 @@ function Ua() {
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: () => i("gallery"),
+              onClick: () => n("gallery"),
               className: `floimg-tab ${t === "gallery" ? "floimg-tab--active" : ""}`,
               children: "Images"
             }
@@ -9065,7 +9096,7 @@ function Ua() {
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: () => i("templates"),
+              onClick: () => n("templates"),
               className: `floimg-tab ${t === "templates" ? "floimg-tab--active" : ""}`,
               children: "Templates"
             }
@@ -9085,41 +9116,41 @@ function Ua() {
         ] })
       ] }) }),
       /* @__PURE__ */ l("div", { className: "flex-1 flex overflow-hidden", children: [
-        t === "editor" && /* @__PURE__ */ l(ie, { children: [
-          /* @__PURE__ */ e(Xt, {}),
-          /* @__PURE__ */ e(Pa, {}),
-          p && /* @__PURE__ */ e(er, {})
+        t === "editor" && /* @__PURE__ */ l(se, { children: [
+          /* @__PURE__ */ e(er, {}),
+          /* @__PURE__ */ e(Ta, {}),
+          p && /* @__PURE__ */ e(tr, {})
         ] }),
-        t === "gallery" && /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ e(Wr, {}) }),
-        t === "templates" && /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ e(pa, { onSelect: f }) })
+        t === "gallery" && /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ e(_r, {}) }),
+        t === "templates" && /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ e(ua, { onSelect: f }) })
       ] })
     ] })
   ] });
 }
 export {
-  ka as AIChat,
-  wa as AISettings,
-  Ua as App,
-  Ue as CATEGORY_NAMES,
-  Aa as CommandPalette,
-  Wr as Gallery,
-  Wa as KeyboardShortcutsModal,
-  er as NodeInspector,
-  Xt as NodePalette,
+  va as AIChat,
+  ka as AISettings,
+  qa as App,
+  qe as CATEGORY_NAMES,
+  Wa as CommandPalette,
+  _r as Gallery,
+  _a as KeyboardShortcutsModal,
+  tr as NodeInspector,
+  er as NodePalette,
   ee as NodePaletteItem,
-  ce as SHORTCUT_DEFINITIONS,
-  pa as TemplateGallery,
-  Ar as Toolbar,
-  Zt as UploadGallery,
-  Yt as WorkflowEditor,
-  fa as WorkflowLibrary,
-  ma as getCategories,
-  ja as getTemplateById,
-  Oa as getTemplatesByCategory,
-  Te as resolveTemplate,
-  $a as searchTemplates,
-  he as templates,
-  wr as useKeyboardShortcuts,
+  me as SHORTCUT_DEFINITIONS,
+  ua as TemplateGallery,
+  Wr as Toolbar,
+  Xt as UploadGallery,
+  Zt as WorkflowEditor,
+  ha as WorkflowLibrary,
+  pa as getCategories,
+  Oa as getTemplateById,
+  $a as getTemplatesByCategory,
+  Ee as resolveTemplate,
+  Ua as searchTemplates,
+  be as templates,
+  kr as useKeyboardShortcuts,
   E as useSettingsStore,
   w as useWorkflowStore
 };