or3-workflow-vue 0.1.0

package/dist/index.js

@@ -0,0 +1,4388 @@
+import { shallowRef as at, markRaw as Qt, triggerRef as Zt, onBeforeUnmount as it, readonly as rt, ref as H, defineComponent as te, computed as $, createElementBlock as l, openBlock as s, normalizeClass as P, createElementVNode as e, createVNode as A, toDisplayString as y, unref as O, renderSlot as eo, createBlock as ue, withCtx as le, createCommentVNode as M, Fragment as K, renderList as Q, normalizeStyle as He, createTextVNode as Y, watch as de, onMounted as Re, nextTick as Pe, onUnmounted as Ae, mergeProps as $e, createStaticVNode as be, resolveDynamicComponent as to, onScopeDispose as dt, watchEffect as oo, withModifiers as Ve, withDirectives as ut, vModelText as ct, Transition as so } from "vue";
+import { createWorkflowEditor as no, modelRegistry as lt, registerDefaultModels as lo, migrateOutputNodeData as ao, validateWorkflow as io } from "or3-workflow-core";
+import { isAgentNodeData as vd, isOutputNodeData as pd, isParallelNodeData as fd, isRouterNodeData as md, isStartNodeData as gd } from "or3-workflow-core";
+import { Handle as se, Position as ne, useVueFlow as ro, VueFlow as uo } from "@vue-flow/core";
+import { Background as co } from "@vue-flow/background";
+import { Controls as vt } from "@vue-flow/controls";
+import { MiniMap as vo } from "@vue-flow/minimap";
+function po(a = {}) {
+  const d = at(null), r = no(a);
+  d.value = Qt(r);
+  const u = r.on("update", () => {
+    Zt(d);
+  });
+  return it(() => {
+    var i;
+    u(), (i = d.value) == null || i.destroy(), d.value = null;
+  }), d;
+}
+const Qr = po, Le = H(/* @__PURE__ */ new Map());
+function pt() {
+  const a = (u, i) => {
+    Le.value.set(u, i);
+  }, d = (u) => Le.value.get(u), r = () => {
+    Le.value.clear();
+  };
+  return {
+    outputs: rt(Le),
+    setOutput: a,
+    getOutput: d,
+    clear: r
+  };
+}
+function Zr() {
+  const { setOutput: a, clear: d } = pt(), r = H(!1), u = H(null), i = H({}), x = H({}), n = H(null), v = H(null), D = () => {
+    r.value = !1, u.value = null, i.value = {}, x.value = {}, n.value = null, v.value = null, d();
+  };
+  return {
+    isRunning: r,
+    currentNodeId: u,
+    nodeStatuses: i,
+    nodeOutputs: x,
+    error: n,
+    result: v,
+    execute: async (f, k, L, m) => {
+      D(), r.value = !0;
+      const U = {
+        onNodeStart: (g) => {
+          var S;
+          u.value = g, i.value[g] = "active", (S = m == null ? void 0 : m.onNodeStart) == null || S.call(m, g);
+        },
+        onNodeFinish: (g, S) => {
+          var b;
+          i.value[g] = "completed", x.value[g] = S, a(g, S), u.value === g && (u.value = null), (b = m == null ? void 0 : m.onNodeFinish) == null || b.call(m, g, S);
+        },
+        onNodeError: (g, S) => {
+          var b;
+          i.value[g] = "error", n.value = S, (b = m == null ? void 0 : m.onNodeError) == null || b.call(m, g, S);
+        },
+        onToken: (g, S) => {
+          var b;
+          (b = m == null ? void 0 : m.onToken) == null || b.call(m, g, S);
+        },
+        onReasoning: (g, S) => {
+          var b;
+          (b = m == null ? void 0 : m.onReasoning) == null || b.call(m, g, S);
+        },
+        onRouteSelected: (g, S) => {
+          var b;
+          (b = m == null ? void 0 : m.onRouteSelected) == null || b.call(m, g, S);
+        },
+        onTokenUsage: (g, S) => {
+          var b;
+          (b = m == null ? void 0 : m.onTokenUsage) == null || b.call(m, g, S);
+        },
+        onContextCompacted: (g) => {
+          var S;
+          (S = m == null ? void 0 : m.onContextCompacted) == null || S.call(m, g);
+        },
+        // Branch streaming callbacks for parallel nodes
+        onBranchStart: (g, S, b) => {
+          var h;
+          (h = m == null ? void 0 : m.onBranchStart) == null || h.call(
+            m,
+            g,
+            S,
+            b
+          );
+        },
+        onBranchToken: (g, S, b, h) => {
+          var c;
+          (c = m == null ? void 0 : m.onBranchToken) == null || c.call(
+            m,
+            g,
+            S,
+            b,
+            h
+          );
+        },
+        onBranchReasoning: (g, S, b, h) => {
+          var c;
+          (c = m == null ? void 0 : m.onBranchReasoning) == null || c.call(
+            m,
+            g,
+            S,
+            b,
+            h
+          );
+        },
+        onBranchComplete: (g, S, b, h) => {
+          var c;
+          (c = m == null ? void 0 : m.onBranchComplete) == null || c.call(
+            m,
+            g,
+            S,
+            b,
+            h
+          ), a(`${g}:${S}`, h);
+        }
+      };
+      try {
+        const g = await f.execute(
+          k,
+          L,
+          U
+        );
+        return v.value = g, g;
+      } catch (g) {
+        const S = g instanceof Error ? g : new Error(String(g));
+        throw n.value = S, S;
+      } finally {
+        r.value = !1, u.value = null;
+      }
+    },
+    stop: (f) => {
+      r.value && (f.stop(), r.value = !1);
+    },
+    reset: D
+  };
+}
+function ed(a) {
+  const d = H(!1), r = H(null), u = H([]), i = H(null), x = async () => {
+    d.value = !0, r.value = null;
+    try {
+      const _ = await a.list();
+      return u.value = _, _;
+    } catch (_) {
+      const I = _ instanceof Error ? _ : new Error(String(_));
+      throw r.value = I, I;
+    } finally {
+      d.value = !1;
+    }
+  };
+  return {
+    isLoading: d,
+    error: r,
+    workflows: u,
+    currentWorkflow: i,
+    loadList: x,
+    load: async (_) => {
+      d.value = !0, r.value = null;
+      try {
+        const I = await a.load(_);
+        return i.value = I, I;
+      } catch (I) {
+        const f = I instanceof Error ? I : new Error(String(I));
+        throw r.value = f, f;
+      } finally {
+        d.value = !1;
+      }
+    },
+    save: async (_) => {
+      d.value = !0, r.value = null;
+      try {
+        const I = JSON.parse(JSON.stringify(_)), f = await a.save(I);
+        return await x(), f;
+      } catch (I) {
+        const f = I instanceof Error ? I : new Error(String(I));
+        throw r.value = f, f;
+      } finally {
+        d.value = !1;
+      }
+    },
+    remove: async (_) => {
+      d.value = !0, r.value = null;
+      try {
+        await a.delete(_), await x(), i.value = null;
+      } catch (I) {
+        const f = I instanceof Error ? I : new Error(String(I));
+        throw r.value = f, f;
+      } finally {
+        d.value = !1;
+      }
+    }
+  };
+}
+function fo() {
+  const a = H({
+    isRunning: !1,
+    streamingContent: "",
+    nodeStatuses: {},
+    currentNodeId: null,
+    error: null
+  }), d = (D) => {
+    a.value.isRunning = D;
+  }, r = (D) => {
+    a.value.streamingContent = D;
+  }, u = (D) => {
+    a.value.streamingContent += D;
+  }, i = (D, _) => {
+    a.value.nodeStatuses[D] = _;
+  }, x = (D) => {
+    a.value.currentNodeId = D;
+  }, n = (D) => {
+    a.value.error = D;
+  }, v = () => {
+    a.value = {
+      isRunning: !1,
+      streamingContent: "",
+      nodeStatuses: {},
+      currentNodeId: null,
+      error: null
+    };
+  };
+  return {
+    state: rt(a),
+    setRunning: d,
+    setStreamingContent: r,
+    appendStreamingContent: u,
+    setNodeStatus: i,
+    setCurrentNodeId: x,
+    setError: n,
+    reset: v
+  };
+}
+function mo() {
+  return fo();
+}
+function td(a, d) {
+  const r = H(
+    a.getNodes().find((v) => v.id === d)
+  ), u = () => {
+    r.value = a.getNodes().find((v) => v.id === d);
+  }, i = a.on("update", u), x = a.on("nodeUpdate", u);
+  return it(() => {
+    i(), x();
+  }), {
+    node: r,
+    updateData: (v) => {
+      r.value && a.commands.updateNodeData(r.value.id, v);
+    }
+  };
+}
+function go() {
+  const a = at(/* @__PURE__ */ new Map());
+  return {
+    components: a,
+    register(d, r) {
+      if (!d || typeof d != "string") {
+        console.warn("Node type must be a non-empty string");
+        return;
+      }
+      const u = new Map(a.value);
+      u.set(d, r), a.value = u;
+    },
+    unregister(d) {
+      if (!a.value.has(d))
+        return;
+      const r = new Map(a.value);
+      r.delete(d), a.value = r;
+    },
+    get(d) {
+      return a.value.get(d);
+    },
+    has(d) {
+      return a.value.has(d);
+    },
+    getTypes() {
+      return Array.from(a.value.keys());
+    },
+    clear() {
+      a.value = /* @__PURE__ */ new Map();
+    }
+  };
+}
+const ho = go();
+function yo(a) {
+  Promise.resolve().then(() => _o).then(
+    (d) => a.register("start", d.default)
+  ), Promise.resolve().then(() => Ho).then(
+    (d) => a.register("agent", d.default)
+  ), Promise.resolve().then(() => Jo).then(
+    (d) => a.register("router", d.default)
+  ), Promise.resolve().then(() => rs).then(
+    (d) => a.register("parallel", d.default)
+  ), Promise.resolve().then(() => _s).then(
+    (d) => a.register("whileLoop", d.default)
+  ), Promise.resolve().then(() => Os).then(
+    (d) => a.register("subflow", d.default)
+  ), Promise.resolve().then(() => Ys).then(
+    (d) => a.register("output", d.default)
+  );
+}
+yo(ho);
+const wo = { class: "start-content" }, bo = /* @__PURE__ */ te({
+  __name: "StartNode",
+  props: {
+    id: {},
+    data: {},
+    selected: { type: Boolean }
+  },
+  setup(a) {
+    const d = a, r = $(() => d.data.label || "Start"), u = $(() => d.data.status || "idle");
+    return (i, x) => (s(), l("div", {
+      class: P(["start-node", [`status-${u.value}`, { selected: a.selected }]])
+    }, [
+      e("div", wo, [
+        x[0] || (x[0] = e("svg", {
+          class: "play-icon",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2"
+        }, [
+          e("polygon", { points: "5 3 19 12 5 21 5 3" })
+        ], -1)),
+        e("span", null, y(r.value), 1)
+      ]),
+      A(O(se), {
+        type: "source",
+        position: O(ne).Bottom,
+        class: "handle"
+      }, null, 8, ["position"])
+    ], 2));
+  }
+}), G = (a, d) => {
+  const r = a.__vccOpts || a;
+  for (const [u, i] of d)
+    r[u] = i;
+  return r;
+}, ft = /* @__PURE__ */ G(bo, [["__scopeId", "data-v-740a3c44"]]), _o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ft
+}, Symbol.toStringTag, { value: "Module" })), ko = {}, xo = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "14",
+  height: "14",
+  viewBox: "0 0 24 24"
+};
+function $o(a, d) {
+  return s(), l("svg", xo, [...d[0] || (d[0] = [
+    e("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      e("path", { d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37c1 .608 2.296.07 2.572-1.065" }),
+      e("path", { d: "M9 12a3 3 0 1 0 6 0a3 3 0 0 0-6 0" })
+    ], -1)
+  ])]);
+}
+const Io = /* @__PURE__ */ G(ko, [["render", $o]]), Mo = { class: "node-meta-container" }, Do = { class: "node-id" }, So = /* @__PURE__ */ te({
+  __name: "NodeWrapper",
+  props: {
+    id: {},
+    selected: { type: Boolean },
+    status: { default: "idle" },
+    variant: { default: "default" }
+  },
+  emits: ["inspect"],
+  setup(a, { emit: d }) {
+    const r = a, u = d, i = $(() => [
+      "node-wrapper",
+      `status-${r.status}`,
+      `variant-${r.variant}`,
+      { selected: r.selected }
+    ]);
+    function x(n) {
+      n.stopPropagation(), u("inspect");
+    }
+    return (n, v) => (s(), l("div", {
+      class: P(i.value)
+    }, [
+      e("div", Mo, [
+        e("div", Do, y(a.id.slice(0, 6)), 1),
+        e("button", {
+          class: "inspect-btn",
+          title: "Open inspector",
+          "aria-label": "Open node inspector",
+          onClick: x
+        }, [
+          A(Io)
+        ])
+      ]),
+      eo(n.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}), Ie = /* @__PURE__ */ G(So, [["__scopeId", "data-v-aac8cd21"]]), No = {}, To = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function Co(a, d) {
+  return s(), l("svg", To, [...d[0] || (d[0] = [
+    e("path", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M6 6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2zm6-4v2m-3 8v9m6-9v9M5 16l4-2m6 0l4 2M9 18h6M10 8v.01M14 8v.01"
+    }, null, -1)
+  ])]);
+}
+const mt = /* @__PURE__ */ G(No, [["render", Co]]), Eo = { class: "agent-node" }, Bo = { class: "node-header" }, Oo = { class: "icon-wrapper" }, Lo = { class: "node-label" }, Ro = {
+  key: 0,
+  class: "status-spinner"
+}, Po = { class: "model-badge" }, Ao = { class: "model-name" }, Vo = /* @__PURE__ */ te({
+  __name: "AgentNode",
+  props: {
+    id: {},
+    data: {},
+    selected: { type: Boolean }
+  },
+  emits: ["inspect"],
+  setup(a, { emit: d }) {
+    const r = a, u = $(() => r.data.label || "Agent"), i = $(() => r.data.model || "z-ai/glm-4.6:exacto"), x = $(() => r.data.status || "idle"), n = $(() => {
+      const D = i.value.split("/");
+      return D[D.length - 1];
+    }), v = d;
+    return (D, _) => (s(), ue(Ie, {
+      id: a.id,
+      selected: a.selected,
+      status: x.value,
+      variant: "accent",
+      onInspect: _[0] || (_[0] = (I) => v("inspect"))
+    }, {
+      default: le(() => [
+        A(O(se), {
+          type: "target",
+          position: O(ne).Top,
+          class: "handle"
+        }, null, 8, ["position"]),
+        e("div", Eo, [
+          e("div", Bo, [
+            e("div", Oo, [
+              A(mt, { class: "bot-icon" })
+            ]),
+            e("span", Lo, y(u.value), 1),
+            x.value === "active" ? (s(), l("div", Ro)) : M("", !0)
+          ]),
+          e("div", Po, [
+            e("span", Ao, y(n.value), 1)
+          ])
+        ]),
+        A(O(se), {
+          type: "source",
+          position: O(ne).Bottom,
+          class: "handle"
+        }, null, 8, ["position"]),
+        A(O(se), {
+          type: "source",
+          position: O(ne).Right,
+          id: "error",
+          class: "handle error-handle"
+        }, null, 8, ["position"])
+      ]),
+      _: 1
+    }, 8, ["id", "selected", "status"]));
+  }
+}), gt = /* @__PURE__ */ G(Vo, [["__scopeId", "data-v-47d0bb13"]]), Ho = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: gt
+}, Symbol.toStringTag, { value: "Module" })), jo = {}, zo = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function Uo(a, d) {
+  return s(), l("svg", zo, [...d[0] || (d[0] = [
+    e("path", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M3 17a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm12 0a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2zM9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2zM6 15v-1a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v1m-6-6v3"
+    }, null, -1)
+  ])]);
+}
+const ht = /* @__PURE__ */ G(jo, [["render", Uo]]), Wo = { class: "router-node" }, Fo = { class: "node-header" }, Ko = { class: "icon-wrapper" }, qo = { class: "node-label" }, Go = {
+  key: 0,
+  class: "status-spinner"
+}, Yo = { class: "router-badge" }, Xo = /* @__PURE__ */ te({
+  __name: "RouterNode",
+  props: {
+    id: {},
+    data: {},
+    selected: { type: Boolean }
+  },
+  emits: ["inspect"],
+  setup(a, { emit: d }) {
+    const r = a, u = $(() => r.data.label || "Router"), i = $(() => r.data.status || "idle"), x = [
+      { id: "route-1", label: "Route 1" },
+      { id: "route-2", label: "Route 2" }
+    ], n = $(() => {
+      const _ = r.data.routes || x;
+      return _.length > 0 ? _ : x;
+    }), v = $(() => {
+      const _ = n.value.length;
+      return _ === 1 ? [50] : n.value.map((I, f) => (f + 1) / (_ + 1) * 100);
+    }), D = d;
+    return (_, I) => (s(), ue(Ie, {
+      id: a.id,
+      selected: a.selected,
+      status: i.value,
+      variant: "warning",
+      onInspect: I[0] || (I[0] = (f) => D("inspect"))
+    }, {
+      default: le(() => [
+        A(O(se), {
+          type: "target",
+          position: O(ne).Top,
+          class: "handle"
+        }, null, 8, ["position"]),
+        e("div", Wo, [
+          e("div", Fo, [
+            e("div", Ko, [
+              A(ht, { class: "branch-icon" })
+            ]),
+            e("span", qo, y(u.value), 1),
+            i.value === "active" ? (s(), l("div", Go)) : M("", !0)
+          ]),
+          e("div", Yo, [
+            e("span", null, "Router · " + y(n.value.length) + " routes", 1)
+          ])
+        ]),
+        (s(!0), l(K, null, Q(n.value, (f, k) => (s(), ue(O(se), {
+          key: f.id,
+          type: "source",
+          position: O(ne).Bottom,
+          id: f.id,
+          class: "handle route-handle",
+          "data-route-label": f.label || f.id,
+          title: f.label || f.id,
+          style: He({ left: `${v.value[k]}%` })
+        }, null, 8, ["position", "id", "data-route-label", "title", "style"]))), 128)),
+        A(O(se), {
+          type: "source",
+          position: O(ne).Right,
+          id: "error",
+          class: "handle error-handle"
+        }, null, 8, ["position"])
+      ]),
+      _: 1
+    }, 8, ["id", "selected", "status"]));
+  }
+}), yt = /* @__PURE__ */ G(Xo, [["__scopeId", "data-v-36dffe57"]]), Jo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: yt
+}, Symbol.toStringTag, { value: "Module" })), Qo = {}, Zo = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function es(a, d) {
+  return s(), l("svg", Zo, [...d[0] || (d[0] = [
+    e("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      e("path", { d: "M21 17h-5.397a5 5 0 0 1-4.096-2.133l-.514-.734A5 5 0 0 0 6.897 12H3m18-5h-5.395a5 5 0 0 0-4.098 2.135l-.51.73A5 5 0 0 1 6.9 12H3" }),
+      e("path", { d: "m18 10l3-3l-3-3m0 16l3-3l-3-3" })
+    ], -1)
+  ])]);
+}
+const wt = /* @__PURE__ */ G(Qo, [["render", es]]), ts = { class: "parallel-node" }, os = { class: "node-header" }, ss = { class: "icon-wrapper" }, ns = { class: "node-label" }, ls = {
+  key: 0,
+  class: "status-spinner"
+}, as = { class: "parallel-badge" }, is = /* @__PURE__ */ te({
+  __name: "ParallelNode",
+  props: {
+    id: {},
+    data: {},
+    selected: { type: Boolean }
+  },
+  emits: ["inspect"],
+  setup(a, { emit: d }) {
+    const r = a, u = $(() => r.data.label || "Parallel"), i = $(() => r.data.status || "idle"), x = $(() => r.data.mergeEnabled !== !1), n = $(() => r.data.branches || []), v = $(() => {
+      const _ = n.value.length;
+      return _ === 0 ? [] : _ === 1 ? [50] : n.value.map((I, f) => (f + 1) / (_ + 1) * 100);
+    }), D = d;
+    return (_, I) => (s(), ue(Ie, {
+      id: a.id,
+      selected: a.selected,
+      status: i.value,
+      variant: "info",
+      onInspect: I[0] || (I[0] = (f) => D("inspect"))
+    }, {
+      default: le(() => [
+        A(O(se), {
+          type: "target",
+          position: O(ne).Top,
+          class: "handle"
+        }, null, 8, ["position"]),
+        e("div", ts, [
+          e("div", os, [
+            e("div", ss, [
+              A(wt, { class: "merge-icon" })
+            ]),
+            e("span", ns, y(u.value), 1),
+            i.value === "active" ? (s(), l("div", ls)) : M("", !0)
+          ]),
+          e("div", as, [
+            e("span", null, y(x.value ? "Parallel Merge" : "Parallel Split") + " · " + y(n.value.length) + " branches", 1)
+          ])
+        ]),
+        x.value ? (s(), ue(O(se), {
+          key: 0,
+          type: "source",
+          position: O(ne).Bottom,
+          id: "merged",
+          class: "handle merged-output"
+        }, null, 8, ["position"])) : (s(!0), l(K, { key: 1 }, Q(n.value, (f, k) => (s(), ue(O(se), {
+          key: f.id,
+          type: "source",
+          position: O(ne).Bottom,
+          id: f.id,
+          class: "handle branch-handle",
+          style: He({ left: `${v.value[k]}%` })
+        }, null, 8, ["position", "id", "style"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["id", "selected", "status"]));
+  }
+}), bt = /* @__PURE__ */ G(is, [["__scopeId", "data-v-fe2a1cc4"]]), rs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: bt
+}, Symbol.toStringTag, { value: "Module" })), ds = {}, us = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function cs(a, d) {
+  return s(), l("svg", us, [...d[0] || (d[0] = [
+    e("path", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M3 6a3 3 0 1 0 6 0a3 3 0 0 0-6 0m18 5V8a2 2 0 0 0-2-2h-6l3 3m0-6l-3 3M3 13v3a2 2 0 0 0 2 2h6l-3-3m0 6l3-3m4 0a3 3 0 1 0 6 0a3 3 0 0 0-6 0"
+    }, null, -1)
+  ])]);
+}
+const _t = /* @__PURE__ */ G(ds, [["render", cs]]), vs = { class: "while-node" }, ps = { class: "node-header" }, fs = { class: "icon-wrapper" }, ms = { class: "node-label" }, gs = { class: "meta" }, hs = { class: "meta-item" }, ys = { class: "meta-item" }, ws = {
+  key: 0,
+  class: "meta-item accumulate-badge",
+  title: "Collects all outputs"
+}, bs = /* @__PURE__ */ te({
+  __name: "WhileLoopNode",
+  props: {
+    id: {},
+    data: {},
+    selected: { type: Boolean }
+  },
+  emits: ["inspect"],
+  setup(a, { emit: d }) {
+    const r = a, u = $(() => r.data.label || "While Loop"), i = $(() => r.data.status || "idle"), x = $(() => r.data.maxIterations ?? 10), n = $(() => r.data.loopMode ?? "condition"), v = $(() => r.data.outputMode ?? "last"), D = $(
+      () => typeof r.data.iteration == "number" ? r.data.iteration : null
+    ), _ = $(
+      () => n.value === "fixed" ? "Fixed" : "While"
+    ), I = d;
+    return (f, k) => (s(), ue(Ie, {
+      id: a.id,
+      selected: a.selected,
+      status: i.value,
+      variant: "info",
+      onInspect: k[0] || (k[0] = (L) => I("inspect"))
+    }, {
+      default: le(() => [
+        A(O(se), {
+          type: "target",
+          position: O(ne).Top,
+          class: "handle"
+        }, null, 8, ["position"]),
+        e("div", vs, [
+          e("div", ps, [
+            e("div", fs, [
+              A(_t, { class: "loop-icon" })
+            ]),
+            e("span", ms, y(u.value), 1),
+            e("span", {
+              class: P(["pill", { fixed: n.value === "fixed" }])
+            }, y(_.value), 3)
+          ]),
+          e("div", gs, [
+            e("span", hs, [
+              k[1] || (k[1] = e("strong", null, "Max:", -1)),
+              Y(" " + y(x.value), 1)
+            ]),
+            e("span", ys, [
+              k[2] || (k[2] = e("strong", null, "Iter:", -1)),
+              Y(" " + y(D.value ?? "—"), 1)
+            ]),
+            v.value === "accumulate" ? (s(), l("span", ws, " 📦 ")) : M("", !0)
+          ])
+        ]),
+        k[3] || (k[3] = e("div", { class: "port-labels" }, [
+          e("span", { class: "port-label body-label" }, "↻ Loop"),
+          e("span", { class: "port-label done-label" }, "✓ Exit")
+        ], -1)),
+        A(O(se), {
+          type: "source",
+          position: O(ne).Bottom,
+          id: "body",
+          class: "handle body-handle",
+          style: { left: "30%" }
+        }, null, 8, ["position"]),
+        A(O(se), {
+          type: "source",
+          position: O(ne).Bottom,
+          id: "done",
+          class: "handle done-handle",
+          style: { left: "70%" }
+        }, null, 8, ["position"])
+      ]),
+      _: 1
+    }, 8, ["id", "selected", "status"]));
+  }
+}), kt = /* @__PURE__ */ G(bs, [["__scopeId", "data-v-e439cd33"]]), _s = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: kt
+}, Symbol.toStringTag, { value: "Module" })), ks = {}, xs = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function $s(a, d) {
+  return s(), l("svg", xs, [...d[0] || (d[0] = [
+    e("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      e("path", { d: "m14 12l6-3l-8-4l-8 4l6 3" }),
+      e("path", {
+        fill: "currentColor",
+        d: "m10 12l-6 3l8 4l8-4l-6-3l-2 1z"
+      })
+    ], -1)
+  ])]);
+}
+const xt = /* @__PURE__ */ G(ks, [["render", $s]]), Is = { class: "subflow-node" }, Ms = { class: "node-header" }, Ds = { class: "icon-wrapper" }, Ss = { class: "node-label" }, Ns = {
+  key: 0,
+  class: "status-spinner"
+}, Ts = { class: "subflow-info" }, Cs = { class: "meta-row" }, Es = {
+  key: 0,
+  class: "meta-item"
+}, Bs = /* @__PURE__ */ te({
+  __name: "SubflowNode",
+  props: {
+    id: {},
+    data: {},
+    selected: { type: Boolean }
+  },
+  emits: ["inspect"],
+  setup(a, { emit: d }) {
+    const r = a, u = $(() => r.data.label || "Subflow"), i = $(() => r.data.subflowId || ""), x = $(() => r.data.shareSession !== !1), n = $(() => r.data.status || "idle"), v = $(() => i.value ? i.value : "No subflow selected"), D = $(() => {
+      const I = r.data.inputMappings || {};
+      return Object.keys(I).length;
+    }), _ = d;
+    return (I, f) => (s(), ue(Ie, {
+      id: a.id,
+      selected: a.selected,
+      status: n.value,
+      variant: "secondary",
+      onInspect: f[0] || (f[0] = (k) => _("inspect"))
+    }, {
+      default: le(() => [
+        A(O(se), {
+          type: "target",
+          position: O(ne).Top,
+          class: "handle"
+        }, null, 8, ["position"]),
+        e("div", Is, [
+          e("div", Ms, [
+            e("div", Ds, [
+              A(xt, { class: "subflow-icon" })
+            ]),
+            e("span", Ss, y(u.value), 1),
+            n.value === "active" ? (s(), l("div", Ns)) : M("", !0)
+          ]),
+          e("div", Ts, [
+            e("div", {
+              class: P(["subflow-badge", { empty: !i.value }])
+            }, [
+              f[1] || (f[1] = e("svg", {
+                class: "link-icon",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2"
+              }, [
+                e("path", { d: "M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71" }),
+                e("path", { d: "M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71" })
+              ], -1)),
+              e("span", null, y(v.value), 1)
+            ], 2),
+            e("div", Cs, [
+              D.value > 0 ? (s(), l("span", Es, [
+                f[2] || (f[2] = e("svg", {
+                  class: "meta-icon",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  e("path", { d: "M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4" }),
+                  e("polyline", { points: "16 17 21 12 16 7" }),
+                  e("line", {
+                    x1: "21",
+                    y1: "12",
+                    x2: "9",
+                    y2: "12"
+                  })
+                ], -1)),
+                Y(" " + y(D.value) + " input" + y(D.value !== 1 ? "s" : ""), 1)
+              ])) : M("", !0),
+              e("span", {
+                class: P(["meta-item", { muted: !x.value }])
+              }, [
+                f[3] || (f[3] = e("svg", {
+                  class: "meta-icon",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  e("path", { d: "M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" }),
+                  e("circle", {
+                    cx: "9",
+                    cy: "7",
+                    r: "4"
+                  }),
+                  e("path", { d: "M23 21v-2a4 4 0 00-3-3.87" }),
+                  e("path", { d: "M16 3.13a4 4 0 010 7.75" })
+                ], -1)),
+                Y(" " + y(x.value ? "Shared" : "Isolated"), 1)
+              ], 2)
+            ])
+          ])
+        ]),
+        A(O(se), {
+          type: "source",
+          position: O(ne).Bottom,
+          class: "handle"
+        }, null, 8, ["position"]),
+        A(O(se), {
+          type: "source",
+          position: O(ne).Right,
+          id: "error",
+          class: "handle error-handle"
+        }, null, 8, ["position"])
+      ]),
+      _: 1
+    }, 8, ["id", "selected", "status"]));
+  }
+}), $t = /* @__PURE__ */ G(Bs, [["__scopeId", "data-v-d5994547"]]), Os = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: $t
+}, Symbol.toStringTag, { value: "Module" })), Ls = {}, Rs = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function Ps(a, d) {
+  return s(), l("svg", Rs, [...d[0] || (d[0] = [
+    e("path", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "M11.042 19.933A9.8 9.8 0 0 1 7.7 19L3 20l1.3-3.9C1.976 12.663 2.874 8.228 6.4 5.726c3.526-2.501 8.59-2.296 11.845.48c2.127 1.814 3.052 4.36 2.694 6.808M15 19l2 2l4-4"
+    }, null, -1)
+  ])]);
+}
+const It = /* @__PURE__ */ G(Ls, [["render", Ps]]), As = { class: "output-node" }, Vs = { class: "node-header" }, Hs = { class: "icon-wrapper" }, js = { class: "node-label" }, zs = {
+  key: 0,
+  class: "status-spinner"
+}, Us = { class: "output-info" }, Ws = { class: "format-badge" }, Fs = { class: "meta-row" }, Ks = {
+  key: 0,
+  class: "meta-item"
+}, qs = {
+  key: 1,
+  class: "meta-item"
+}, Gs = /* @__PURE__ */ te({
+  __name: "OutputNode",
+  props: {
+    id: {},
+    data: {},
+    selected: { type: Boolean }
+  },
+  emits: ["inspect"],
+  setup(a, { emit: d }) {
+    const r = a, u = $(() => r.data.label || "Output"), i = $(() => r.data.format || "text"), x = $(() => !!r.data.template), n = $(() => r.data.includeMetadata ?? !1), v = $(() => r.data.status || "idle"), D = $(() => {
+      switch (i.value) {
+        case "json":
+          return "JSON";
+        case "markdown":
+          return "MD";
+        case "text":
+        default:
+          return "TXT";
+      }
+    }), _ = d;
+    return (I, f) => (s(), ue(Ie, {
+      id: a.id,
+      selected: a.selected,
+      status: v.value,
+      variant: "info",
+      onInspect: f[0] || (f[0] = (k) => _("inspect"))
+    }, {
+      default: le(() => [
+        A(O(se), {
+          type: "target",
+          position: O(ne).Top,
+          class: "handle"
+        }, null, 8, ["position"]),
+        e("div", As, [
+          e("div", Vs, [
+            e("div", Hs, [
+              A(It, { class: "output-icon" })
+            ]),
+            e("span", js, y(u.value), 1),
+            v.value === "active" ? (s(), l("div", zs)) : M("", !0)
+          ]),
+          e("div", Us, [
+            e("div", Ws, [
+              f[1] || (f[1] = e("svg", {
+                class: "format-icon",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2"
+              }, [
+                e("path", { d: "M4 7V4h16v3" }),
+                e("path", { d: "M9 20h6" }),
+                e("path", { d: "M12 4v16" })
+              ], -1)),
+              e("span", null, y(D.value), 1)
+            ]),
+            e("div", Fs, [
+              x.value ? (s(), l("span", Ks, [...f[2] || (f[2] = [
+                e("svg", {
+                  class: "meta-icon",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  e("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" })
+                ], -1),
+                Y(" Template ", -1)
+              ])])) : M("", !0),
+              n.value ? (s(), l("span", qs, [...f[3] || (f[3] = [
+                e("svg", {
+                  class: "meta-icon",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  e("circle", {
+                    cx: "12",
+                    cy: "12",
+                    r: "10"
+                  }),
+                  e("line", {
+                    x1: "12",
+                    y1: "16",
+                    x2: "12",
+                    y2: "12"
+                  }),
+                  e("line", {
+                    x1: "12",
+                    y1: "8",
+                    x2: "12.01",
+                    y2: "8"
+                  })
+                ], -1),
+                Y(" Metadata ", -1)
+              ])])) : M("", !0)
+            ])
+          ]),
+          f[4] || (f[4] = e("div", { class: "terminal-indicator" }, [
+            e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              e("rect", {
+                x: "3",
+                y: "3",
+                width: "18",
+                height: "18",
+                rx: "2",
+                ry: "2"
+              }),
+              e("line", {
+                x1: "9",
+                y1: "9",
+                x2: "15",
+                y2: "15"
+              }),
+              e("line", {
+                x1: "15",
+                y1: "9",
+                x2: "9",
+                y2: "15"
+              })
+            ]),
+            e("span", null, "Terminal")
+          ], -1))
+        ])
+      ]),
+      _: 1
+    }, 8, ["id", "selected", "status"]));
+  }
+}), Mt = /* @__PURE__ */ G(Gs, [["__scopeId", "data-v-94e60a57"]]), Ys = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Mt
+}, Symbol.toStringTag, { value: "Module" })), Xs = ["data-workflow-canvas"], Js = {
+  key: 0,
+  class: "edge-label"
+}, Qs = /* @__PURE__ */ te({
+  __name: "WorkflowCanvas",
+  props: {
+    editor: {},
+    nodeStatuses: {},
+    panOnDrag: { type: [Boolean, Array] },
+    selectionKeyCode: { type: [Boolean, String, Array, Function, null] },
+    selectionMode: {},
+    canvasId: {}
+  },
+  emits: ["nodeClick", "edgeClick", "paneClick", "drop", "nodeInspect"],
+  setup(a, { expose: d, emit: r }) {
+    const u = a, i = r;
+    function x(w) {
+      if (!c()) return;
+      u.editor.commands.selectNode(w.id);
+      const B = b.value.find((C) => C.id === w.id);
+      B && i("nodeInspect", B);
+    }
+    const {
+      onConnect: n,
+      onNodeDragStop: v,
+      screenToFlowCoordinate: D,
+      fitView: _,
+      nodes: I,
+      edges: f,
+      panOnDrag: k,
+      selectionKeyCode: L,
+      selectionMode: m
+    } = ro(), U = k.value, g = L.value, S = m.value;
+    de(
+      () => u.panOnDrag,
+      (w) => {
+        k.value = w ?? U;
+      },
+      { immediate: !0 }
+    ), de(
+      () => u.selectionKeyCode,
+      (w) => {
+        L.value = w ?? g;
+      },
+      { immediate: !0 }
+    ), de(
+      () => u.selectionMode,
+      (w) => {
+        m.value = w ?? S;
+      },
+      { immediate: !0 }
+    );
+    const b = H([]), h = H([]), c = () => !u.editor.isDestroyed();
+    let T = /* @__PURE__ */ new Map(), N = /* @__PURE__ */ new Map(), V = -1;
+    const z = (w, B) => `${u.editor.getNodeVersion(w)}:${B}`, q = (w, B) => `${u.editor.getEdgeVersion(w)}:${B}`, W = () => {
+      var Te, Ce, Ee, ye, Be, Oe;
+      const w = u.editor.getNodes(), B = u.editor.getEdges(), C = u.editor.getGlobalVersion();
+      if (V === C && !u.nodeStatuses)
+        return;
+      const oe = /* @__PURE__ */ new Map(), J = /* @__PURE__ */ new Map();
+      let ae = !1;
+      const ee = new Set(b.value.map((E) => E.id)), we = new Set(w.map((E) => E.id));
+      if (ee.size !== we.size)
+        ae = !0;
+      else
+        for (const E of we)
+          if (!ee.has(E)) {
+            ae = !0;
+            break;
+          }
+      if (!ae)
+        for (const E of w) {
+          const ie = ((Te = u.nodeStatuses) == null ? void 0 : Te[E.id]) || "idle", re = z(E.id, ie);
+          oe.set(E.id, re), T.get(E.id) !== re && (ae = !0);
+        }
+      if (ae) {
+        b.value = w.map((E) => {
+          var ie;
+          return {
+            id: E.id,
+            type: E.type,
+            position: E.position,
+            data: {
+              ...E.data,
+              status: ((ie = u.nodeStatuses) == null ? void 0 : ie[E.id]) || "idle"
+            },
+            // Use editor's selection state as the source of truth
+            selected: E.selected
+          };
+        }), T = /* @__PURE__ */ new Map();
+        for (const E of w) {
+          const ie = ((Ce = u.nodeStatuses) == null ? void 0 : Ce[E.id]) || "idle";
+          T.set(E.id, z(E.id, ie));
+        }
+      }
+      let fe = !1;
+      const ve = new Set(h.value.map((E) => E.id)), Ne = new Set(B.map((E) => E.id));
+      if (ve.size !== Ne.size)
+        fe = !0;
+      else
+        for (const E of Ne)
+          if (!ve.has(E)) {
+            fe = !0;
+            break;
+          }
+      if (!fe)
+        for (const E of B) {
+          const ie = ((Ee = u.nodeStatuses) == null ? void 0 : Ee[E.source]) === "active" || ((ye = u.nodeStatuses) == null ? void 0 : ye[E.target]) === "active", re = q(E.id, ie);
+          J.set(E.id, re), N.get(E.id) !== re && (fe = !0);
+        }
+      if (fe) {
+        h.value = B.map((E) => {
+          var ie, re;
+          return {
+            id: E.id,
+            source: E.source,
+            target: E.target,
+            sourceHandle: E.sourceHandle,
+            targetHandle: E.targetHandle,
+            label: E.label,
+            data: E.data,
+            animated: ((ie = u.nodeStatuses) == null ? void 0 : ie[E.source]) === "active" || ((re = u.nodeStatuses) == null ? void 0 : re[E.target]) === "active"
+          };
+        }), N = /* @__PURE__ */ new Map();
+        for (const E of B) {
+          const ie = ((Be = u.nodeStatuses) == null ? void 0 : Be[E.source]) === "active" || ((Oe = u.nodeStatuses) == null ? void 0 : Oe[E.target]) === "active";
+          N.set(E.id, q(E.id, ie));
+        }
+      }
+      V = C;
+    };
+    de(
+      () => u.nodeStatuses,
+      () => {
+        W();
+      },
+      { deep: !0 }
+    );
+    let ce = null, X = null, he = !1;
+    const je = $(
+      () => I.value.filter((w) => w.selected).map((w) => w.id).sort().join(",")
+    );
+    de(
+      je,
+      (w, B) => {
+        if (!c() || he || w === B) return;
+        const C = w ? w.split(",") : [];
+        u.editor.commands.setSelection(C);
+      }
+    ), Re(() => {
+      c() && (W(), ce = u.editor.on("update", W), X = u.editor.on("selectionUpdate", () => {
+        he = !0, W(), Pe(() => {
+          he = !1;
+        });
+      }), setTimeout(() => _({ padding: 0.2 }), 100));
+    }), Ae(() => {
+      ce == null || ce(), X == null || X();
+    }), n((w) => {
+      c() && u.editor.commands.createEdge(
+        w.source,
+        w.target,
+        w.sourceHandle ?? void 0,
+        w.targetHandle ?? void 0
+      );
+    }), v(() => {
+      if (!c()) return;
+      const w = I.value.filter((B) => B.selected);
+      for (const B of w)
+        u.editor.commands.setNodePosition(B.id, B.position);
+    });
+    const ze = (w) => {
+      c() && (u.editor.commands.selectNode(w.node.id), i("nodeClick", w.node));
+    }, Ue = (w) => {
+      c() && u.editor.commands.deselectAll(), i("edgeClick", w.edge);
+    }, We = () => {
+      c() && (u.editor.commands.deselectAll(), i("paneClick"));
+    }, Fe = (w) => {
+      var we, fe;
+      if (!c()) return;
+      const B = (we = w.dataTransfer) == null ? void 0 : we.getData("application/vueflow"), C = (fe = w.dataTransfer) == null ? void 0 : fe.getData("application/json");
+      if (!B || !C) return;
+      let oe;
+      try {
+        oe = JSON.parse(C);
+      } catch (ve) {
+        console.warn("Failed to parse dropped node data", ve);
+        return;
+      }
+      if (!((ve) => typeof ve == "object" && ve !== null && "label" in ve && typeof ve.label == "string")(oe)) {
+        console.warn('Dropped node data is missing required "label" field');
+        return;
+      }
+      const ae = oe, ee = D({
+        x: w.clientX,
+        y: w.clientY
+      });
+      u.editor.commands.createNode(B, ae, ee), i("drop", w);
+    }, Ke = (w) => {
+      w.preventDefault(), w.dataTransfer && (w.dataTransfer.dropEffect = "move");
+    }, qe = (w) => {
+      var B;
+      (B = w.currentTarget) == null || B.focus();
+    }, De = (w) => {
+      if (!c()) return;
+      const B = w, { nodeType: C, defaultData: oe, x: J, y: ae } = B.detail, ee = D({ x: J, y: ae });
+      u.editor.commands.createNode(C, oe, ee);
+    }, Se = () => {
+      const w = u.canvasId ? `[data-workflow-canvas="${u.canvasId}"] .vue-flow` : ".vue-flow";
+      return document.querySelector(w);
+    };
+    Re(() => {
+      const w = Se();
+      w && w.addEventListener(
+        "mobileNodeDrop",
+        De
+      );
+    }), Ae(() => {
+      const w = Se();
+      w && w.removeEventListener(
+        "mobileNodeDrop",
+        De
+      );
+    });
+    const Ge = (w) => {
+      if (!c()) return;
+      const B = w.target;
+      if (!(B.tagName === "INPUT" || B.tagName === "TEXTAREA")) {
+        if (w.key === "Delete" || w.key === "Backspace") {
+          w.preventDefault();
+          const C = f.value.filter((J) => J.selected).map((J) => J.id), oe = I.value.filter((J) => J.selected && J.type !== "start").map((J) => J.id);
+          if (C.length) {
+            C.forEach(
+              (J) => u.editor.commands.deleteEdge(J)
+            );
+            return;
+          }
+          oe.forEach((J) => u.editor.commands.deleteNode(J));
+        }
+        (w.metaKey || w.ctrlKey) && w.key === "z" && !w.shiftKey && (w.preventDefault(), u.editor.commands.undo()), (w.metaKey || w.ctrlKey) && (w.key === "y" || w.key === "z" && w.shiftKey) && (w.preventDefault(), u.editor.commands.redo()), (w.metaKey || w.ctrlKey) && w.key === "d" && (w.preventDefault(), u.editor.getSelected().nodes.forEach((C) => u.editor.commands.duplicateNode(C)));
+      }
+    };
+    return d({
+      fitView: () => _({ padding: 0.2 })
+    }), (w, B) => (s(), l("div", {
+      class: P([
+        "workflow-canvas",
+        { "workflow-canvas-select": a.selectionKeyCode === !0 }
+      ]),
+      "data-workflow-canvas": a.canvasId || void 0,
+      onDrop: Fe,
+      onDragover: Ke,
+      onKeydown: Ge,
+      onMousedown: qe,
+      tabindex: "0"
+    }, [
+      A(O(uo), {
+        nodes: b.value,
+        "onUpdate:nodes": B[0] || (B[0] = (C) => b.value = C),
+        edges: h.value,
+        "onUpdate:edges": B[1] || (B[1] = (C) => h.value = C),
+        "default-viewport": { x: 50, y: 50, zoom: 1 },
+        "min-zoom": 0.5,
+        "max-zoom": 2,
+        "fit-view-on-init": "",
+        "pan-on-drag": a.panOnDrag,
+        "selection-key-code": a.selectionKeyCode,
+        "selection-mode": a.selectionMode,
+        "delete-key-code": null,
+        onNodeClick: ze,
+        onEdgeClick: Ue,
+        onPaneClick: We
+      }, {
+        "node-start": le((C) => [
+          A(ft, {
+            id: C.id,
+            data: C.data,
+            selected: C.selected
+          }, null, 8, ["id", "data", "selected"])
+        ]),
+        "node-agent": le((C) => [
+          A(gt, $e(C, {
+            onInspect: (oe) => x(C)
+          }), null, 16, ["onInspect"])
+        ]),
+        "node-router": le((C) => [
+          A(yt, $e(C, {
+            onInspect: (oe) => x(C)
+          }), null, 16, ["onInspect"])
+        ]),
+        "node-parallel": le((C) => [
+          A(bt, $e(C, {
+            onInspect: (oe) => x(C)
+          }), null, 16, ["onInspect"])
+        ]),
+        "node-whileLoop": le((C) => [
+          A(kt, $e(C, {
+            onInspect: (oe) => x(C)
+          }), null, 16, ["onInspect"])
+        ]),
+        "node-subflow": le((C) => [
+          A($t, $e(C, {
+            onInspect: (oe) => x(C)
+          }), null, 16, ["onInspect"])
+        ]),
+        "node-output": le((C) => [
+          A(Mt, $e(C, {
+            onInspect: (oe) => x(C)
+          }), null, 16, ["onInspect"])
+        ]),
+        "edge-label": le(({ label: C }) => [
+          C ? (s(), l("div", Js, y(C), 1)) : M("", !0)
+        ]),
+        default: le(() => [
+          A(O(co), {
+            gap: 20,
+            size: 1,
+            "pattern-color": "rgba(255, 255, 255, 0.03)"
+          }),
+          A(O(vt), { position: "bottom-left" })
+        ]),
+        _: 1
+      }, 8, ["nodes", "edges", "pan-on-drag", "selection-key-code", "selection-mode"])
+    ], 42, Xs));
+  }
+}), od = /* @__PURE__ */ G(Qs, [["__scopeId", "data-v-149e9faf"]]), Zs = {}, en = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function tn(a, d) {
+  return s(), l("svg", en, [...d[0] || (d[0] = [
+    e("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "2"
+    }, [
+      e("line", {
+        x1: "12",
+        y1: "5",
+        x2: "12",
+        y2: "19"
+      }),
+      e("line", {
+        x1: "5",
+        y1: "12",
+        x2: "19",
+        y2: "12"
+      })
+    ], -1)
+  ])]);
+}
+const on = /* @__PURE__ */ G(Zs, [["render", tn]]), sn = {}, nn = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+};
+function ln(a, d) {
+  return s(), l("svg", nn, [...d[0] || (d[0] = [
+    be('<circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="19" r="1"></circle>', 6)
+  ])]);
+}
+const an = /* @__PURE__ */ G(sn, [["render", ln]]), rn = {}, dn = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24"
+};
+function un(a, d) {
+  return s(), l("svg", dn, [...d[0] || (d[0] = [
+    e("g", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2"
+    }, [
+      e("path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m9-3h.01" }),
+      e("path", { d: "M11 12h1v4h1" })
+    ], -1)
+  ])]);
+}
+const cn = /* @__PURE__ */ G(rn, [["render", un]]), vn = { class: "node-palette" }, pn = { class: "palette-header" }, fn = { class: "palette-nodes" }, mn = ["onDragstart", "onTouchstart", "onClick"], gn = { class: "node-info" }, hn = { class: "node-name" }, yn = { class: "node-desc" }, wn = { class: "palette-hint" }, bn = 6, _n = /* @__PURE__ */ te({
+  __name: "NodePalette",
+  props: {
+    editor: {},
+    canvasId: {}
+  },
+  emits: ["quick-add"],
+  setup(a, { emit: d }) {
+    const r = a, u = d, i = H(!1), x = () => {
+      i.value = window.innerWidth <= 768;
+    };
+    Re(() => {
+      x(), window.addEventListener("resize", x);
+    }), Ae(() => {
+      window.removeEventListener("resize", x);
+    });
+    const n = [
+      {
+        type: "agent",
+        label: "AI Agent",
+        description: "Connect to an AI model to process and respond to messages",
+        colorVar: "--or3-color-accent",
+        icon: mt,
+        defaultData: {
+          label: "New Agent",
+          model: "z-ai/glm-4.6:exacto",
+          prompt: ""
+        }
+      },
+      {
+        type: "router",
+        label: "Decision",
+        description: "Route messages to different paths based on intent",
+        colorVar: "--or3-color-warning",
+        icon: ht,
+        defaultData: {
+          label: "Decision"
+          // Routes are derived from connected edges
+        }
+      },
+      {
+        type: "parallel",
+        label: "Parallel",
+        description: "Run multiple tasks at once and combine results",
+        colorVar: "--or3-color-info",
+        icon: wt,
+        defaultData: {
+          label: "Parallel",
+          model: "z-ai/glm-4.6:exacto",
+          prompt: "Combine the outputs into a coherent response.",
+          branches: []
+        }
+      },
+      {
+        type: "whileLoop",
+        label: "Loop",
+        description: "Repeat a sequence until a condition is met",
+        colorVar: "--or3-color-info",
+        icon: _t,
+        defaultData: {
+          label: "Loop",
+          conditionPrompt: 'Should we continue iterating? Respond with "continue" or "done".',
+          maxIterations: 10,
+          onMaxIterations: "warning"
+        }
+      },
+      {
+        type: "subflow",
+        label: "Sub-workflow",
+        description: "Embed another workflow as a single node",
+        colorVar: "--or3-color-secondary",
+        icon: xt,
+        defaultData: {
+          label: "Sub-workflow",
+          subflowId: "",
+          inputMappings: {},
+          shareSession: !0
+        }
+      },
+      {
+        type: "output",
+        label: "Output",
+        description: "Define the final output format",
+        colorVar: "--or3-color-success",
+        icon: It,
+        defaultData: {
+          label: "Output",
+          format: "text",
+          template: "",
+          includeMetadata: !1
+        }
+      }
+    ], v = () => {
+      const h = r.canvasId ? `[data-workflow-canvas="${r.canvasId}"] .vue-flow` : ".vue-flow";
+      return document.querySelector(h);
+    }, D = (h, c, T) => {
+      h.dataTransfer && (h.dataTransfer.setData("application/vueflow", c), h.dataTransfer.setData(
+        "application/json",
+        JSON.stringify(T)
+      ), h.dataTransfer.effectAllowed = "move");
+    };
+    let _ = null, I = !1, f = !1, k = 0, L = 0;
+    const m = (h, c, T) => {
+      _ = { nodeType: c, defaultData: T }, f = !1;
+      const N = h.touches[0];
+      N && (k = N.clientX, L = N.clientY);
+    }, U = (h) => {
+      if (!_ || f) return;
+      const c = h.touches[0];
+      if (!c) return;
+      const T = Math.abs(c.clientX - k), N = Math.abs(c.clientY - L);
+      if (T + N < bn) return;
+      f = !0, h.currentTarget.classList.add("dragging-touch");
+    }, g = (h) => {
+      if (h.currentTarget.classList.remove("dragging-touch"), !_) return;
+      const T = h.changedTouches[0], N = document.elementFromPoint(T.clientX, T.clientY), V = v();
+      if (V && (V === N || V.contains(N))) {
+        const z = new CustomEvent("mobileNodeDrop", {
+          detail: {
+            nodeType: _.nodeType,
+            defaultData: _.defaultData,
+            x: T.clientX,
+            y: T.clientY
+          }
+        });
+        V.dispatchEvent(z), I = !0, setTimeout(() => {
+          I = !1;
+        }, 0);
+      }
+      _ = null, f = !1;
+    }, S = (h, c) => {
+      const T = v();
+      if (!T) return;
+      const N = T.getBoundingClientRect(), V = N.left + N.width / 2, z = N.top + N.height / 2, q = new CustomEvent("mobileNodeDrop", {
+        detail: {
+          nodeType: h,
+          defaultData: c,
+          x: V,
+          y: z
+        }
+      });
+      T.dispatchEvent(q);
+    }, b = (h, c, T) => {
+      if (I) {
+        I = !1;
+        return;
+      }
+      i.value && (h.preventDefault(), S(c, T), u("quick-add"));
+    };
+    return (h, c) => (s(), l("div", vn, [
+      e("div", pn, [
+        A(on, { class: "plus-icon" }),
+        c[1] || (c[1] = e("span", null, "Add Nodes", -1))
+      ]),
+      e("div", fn, [
+        (s(), l(K, null, Q(n, (T) => e("div", {
+          key: T.type,
+          class: "palette-node",
+          draggable: "true",
+          onDragstart: (N) => D(N, T.type, T.defaultData),
+          onTouchstart: (N) => m(N, T.type, T.defaultData),
+          onTouchmove: U,
+          onTouchend: c[0] || (c[0] = (N) => g(N)),
+          onClick: (N) => b(N, T.type, T.defaultData)
+        }, [
+          e("div", {
+            class: "node-icon",
+            style: He({
+              "--node-color": `var(${T.colorVar}, #8b5cf6)`
+            })
+          }, [
+            (s(), ue(to(T.icon)))
+          ], 4),
+          e("div", gn, [
+            e("span", hn, y(T.label), 1),
+            e("span", yn, y(T.description), 1)
+          ]),
+          A(an, { class: "drag-handle" })
+        ], 40, mn)), 64))
+      ]),
+      e("div", wn, [
+        A(cn, { class: "hint-icon" }),
+        c[2] || (c[2] = e("p", null, " Drag nodes onto the canvas to build your workflow. Connect nodes by dragging from output to input handles. ", -1))
+      ])
+    ]));
+  }
+}), sd = /* @__PURE__ */ G(_n, [["__scopeId", "data-v-958e336f"]]), kn = { class: "mode-selector" }, xn = ["onClick", "title"], $n = ["innerHTML"], In = /* @__PURE__ */ te({
+  __name: "OutputModeSelector",
+  props: {
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: d }) {
+    const r = d, u = [
+      {
+        value: "combine",
+        label: "Combine",
+        description: "Concatenate outputs without AI processing",
+        icon: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>'
+      },
+      {
+        value: "synthesis",
+        label: "AI Synthesis",
+        description: "Use AI to synthesize a new output",
+        icon: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a2 2 0 0 1 2 2c0 .74-.4 1.39-1 1.73V7h1a7 7 0 0 1 7 7h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1v1a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-1H2a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h1a7 7 0 0 1 7-7h1V5.73c-.6-.34-1-.99-1-1.73a2 2 0 0 1 2-2z"/><path d="M2 12h20"/><path d="M12 12v10"/><path d="M8 17h8"/></svg>'
+      }
+    ];
+    return (i, x) => (s(), l("div", kn, [
+      (s(), l(K, null, Q(u, (n) => e("button", {
+        key: n.value,
+        onClick: (v) => r("update:modelValue", n.value),
+        class: P(["mode-btn", { active: a.modelValue === n.value }]),
+        title: n.description
+      }, [
+        e("span", {
+          innerHTML: n.icon,
+          class: "mode-icon"
+        }, null, 8, $n),
+        Y(" " + y(n.label), 1)
+      ], 10, xn)), 64))
+    ]));
+  }
+}), Mn = /* @__PURE__ */ G(In, [["__scopeId", "data-v-080a00d4"]]), Dn = { class: "space-y-3 source-picker" }, Sn = { class: "flex items-center justify-between" }, Nn = { class: "relative" }, Tn = ["disabled"], Cn = {
+  key: 0,
+  class: "absolute right-0 top-full mt-1 w-64 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 z-50 max-h-60 overflow-y-auto"
+}, En = {
+  key: 0,
+  class: "p-3 text-xs text-gray-500 text-center"
+}, Bn = {
+  key: 1,
+  class: "py-1"
+}, On = {
+  key: 0,
+  class: "px-3 py-1 text-xs font-semibold text-gray-500 bg-gray-50 dark:bg-gray-700/50"
+}, Ln = ["onClick"], Rn = { class: "truncate" }, Pn = { class: "text-xs text-gray-400" }, An = ["onDragstart", "onDragover"], Vn = {
+  key: 0,
+  class: "drop-indicator before"
+}, Hn = {
+  key: 1,
+  class: "drop-indicator after"
+}, jn = { class: "flex-1 min-w-0 pointer-events-none" }, zn = { class: "text-sm font-semibold truncate" }, Un = {
+  key: 0,
+  class: "text-xs source-subtext truncate"
+}, Wn = ["onClick"], Fn = {
+  key: 1,
+  class: "empty-state"
+}, Kn = /* @__PURE__ */ te({
+  __name: "OutputSourcePicker",
+  props: {
+    modelValue: {},
+    availableGroups: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: d }) {
+    const r = a, u = d, i = $(() => r.availableGroups.flatMap((h) => h.sources)), x = $(() => r.modelValue.map((h) => i.value.find((c) => c.id === h)).filter((h) => !!h)), n = $(() => r.availableGroups.map((h) => ({
+      ...h,
+      sources: h.sources.filter(
+        (c) => !r.modelValue.includes(c.id)
+      )
+    })).filter((h) => h.sources.length > 0)), v = H(!1);
+    function D(h) {
+      u("update:modelValue", [...r.modelValue, h]), v.value = !1;
+    }
+    function _(h) {
+      u(
+        "update:modelValue",
+        r.modelValue.filter((c) => c !== h)
+      );
+    }
+    const I = H(null), f = H(
+      null
+    );
+    function k(h, c) {
+      I.value = c, h.dataTransfer && (h.dataTransfer.effectAllowed = "move", h.dataTransfer.dropEffect = "move");
+    }
+    function L(h, c) {
+      var q, W;
+      if (h.preventDefault(), I.value === null) return;
+      if (I.value === c) {
+        f.value = null;
+        return;
+      }
+      const N = h.currentTarget.getBoundingClientRect(), V = N.top + N.height / 2, z = h.clientY < V ? "before" : "after";
+      (((q = f.value) == null ? void 0 : q.index) !== c || ((W = f.value) == null ? void 0 : W.position) !== z) && (f.value = { index: c, position: z });
+    }
+    function m(h) {
+      const c = h.relatedTarget;
+      h.currentTarget.contains(c);
+    }
+    function U(h) {
+      const c = h.relatedTarget;
+      h.currentTarget.contains(c) || (f.value = null);
+    }
+    function g(h) {
+      if (h.preventDefault(), I.value === null || !f.value) {
+        b();
+        return;
+      }
+      const c = x.value[I.value], T = x.value[f.value.index];
+      if (!c || !T || c.id === T.id) {
+        b();
+        return;
+      }
+      const N = [...r.modelValue], V = N.indexOf(c.id);
+      if (V === -1) {
+        b();
+        return;
+      }
+      const [z] = N.splice(V, 1);
+      let q = N.indexOf(T.id);
+      if (q === -1) {
+        b();
+        return;
+      }
+      f.value.position === "after" && q++, N.splice(q, 0, z), u("update:modelValue", N), b();
+    }
+    function S() {
+      b();
+    }
+    function b() {
+      I.value = null, f.value = null;
+    }
+    return (h, c) => (s(), l("div", Dn, [
+      e("div", Sn, [
+        c[3] || (c[3] = e("label", { class: "sources-label" }, "Sources", -1)),
+        e("div", Nn, [
+          e("button", {
+            onClick: c[0] || (c[0] = (T) => v.value = !v.value),
+            disabled: a.disabled || n.value.length === 0,
+            class: "add-source-btn"
+          }, [...c[2] || (c[2] = [
+            e("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "12",
+              height: "12",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, [
+              e("line", {
+                x1: "12",
+                y1: "5",
+                x2: "12",
+                y2: "19"
+              }),
+              e("line", {
+                x1: "5",
+                y1: "12",
+                x2: "19",
+                y2: "12"
+              })
+            ], -1),
+            Y(" Add Source ", -1)
+          ])], 8, Tn),
+          v.value ? (s(), l("div", Cn, [
+            n.value.length === 0 ? (s(), l("div", En, " No more sources available ")) : (s(), l("div", Bn, [
+              (s(!0), l(K, null, Q(n.value, (T, N) => (s(), l("div", { key: N }, [
+                T.type === "parallel" ? (s(), l("div", On, y(T.label), 1)) : M("", !0),
+                (s(!0), l(K, null, Q(T.sources, (V) => (s(), l("button", {
+                  key: V.id,
+                  onClick: (z) => D(V.id),
+                  class: "w-full text-left px-3 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-700 flex items-center justify-between group"
+                }, [
+                  e("span", Rn, y(V.branchLabel || V.label), 1),
+                  e("span", Pn, y(V.type), 1)
+                ], 8, Ln))), 128))
+              ]))), 128))
+            ]))
+          ])) : M("", !0),
+          v.value ? (s(), l("div", {
+            key: 1,
+            onClick: c[1] || (c[1] = (T) => v.value = !1),
+            class: "fixed inset-0 z-40"
+          })) : M("", !0)
+        ])
+      ]),
+      x.value.length > 0 ? (s(), l("div", {
+        key: 0,
+        class: "space-y-2 relative",
+        onDragleave: U
+      }, [
+        (s(!0), l(K, null, Q(x.value, (T, N) => {
+          var V, z;
+          return s(), l("div", {
+            key: T.id,
+            draggable: "true",
+            onDragstart: (q) => k(q, N),
+            onDragover: (q) => L(q, N),
+            onDragleave: m,
+            onDrop: g,
+            onDragend: S,
+            class: P(["source-card group", {
+              "is-dragging": I.value === N
+            }])
+          }, [
+            ((V = f.value) == null ? void 0 : V.index) === N && f.value.position === "before" ? (s(), l("div", Vn)) : M("", !0),
+            ((z = f.value) == null ? void 0 : z.index) === N && f.value.position === "after" ? (s(), l("div", Hn)) : M("", !0),
+            c[5] || (c[5] = be('<div class="drag-handle" title="Drag to reorder" data-v-82c6b2ea><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-v-82c6b2ea><line x1="8" y1="6" x2="21" y2="6" data-v-82c6b2ea></line><line x1="8" y1="12" x2="21" y2="12" data-v-82c6b2ea></line><line x1="8" y1="18" x2="21" y2="18" data-v-82c6b2ea></line><line x1="3" y1="6" x2="3.01" y2="6" data-v-82c6b2ea></line><line x1="3" y1="12" x2="3.01" y2="12" data-v-82c6b2ea></line><line x1="3" y1="18" x2="3.01" y2="18" data-v-82c6b2ea></line></svg></div>', 1)),
+            e("div", jn, [
+              e("div", zn, y(T.branchLabel || T.label), 1),
+              T.parallelParentId ? (s(), l("div", Un, " from " + y(T.label), 1)) : M("", !0)
+            ]),
+            e("button", {
+              onClick: (q) => _(T.id),
+              class: "remove-btn",
+              title: "Remove source"
+            }, [...c[4] || (c[4] = [
+              e("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "14",
+                height: "14",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, [
+                e("line", {
+                  x1: "18",
+                  y1: "6",
+                  x2: "6",
+                  y2: "18"
+                }),
+                e("line", {
+                  x1: "6",
+                  y1: "6",
+                  x2: "18",
+                  y2: "18"
+                })
+              ], -1)
+            ])], 8, Wn)
+          ], 42, An);
+        }), 128))
+      ], 32)) : (s(), l("div", Fn, [...c[6] || (c[6] = [
+        Y(" No sources selected. ", -1),
+        e("br", null, null, -1),
+        e("span", { class: "text-xs" }, "Output will be empty.", -1)
+      ])]))
+    ]));
+  }
+}), qn = /* @__PURE__ */ G(Kn, [["__scopeId", "data-v-82c6b2ea"]]), Gn = { class: "preview-card" }, Yn = { class: "preview-header" }, Xn = {
+  key: 0,
+  class: "preview-status"
+}, Jn = {
+  key: 1,
+  class: "preview-empty"
+}, Qn = {
+  key: 0,
+  class: "preview-footer"
+}, Zn = /* @__PURE__ */ te({
+  __name: "OutputPreview",
+  props: {
+    previewData: {},
+    maxHeight: {}
+  },
+  setup(a) {
+    const d = a, r = $(() => ({
+      maxHeight: d.maxHeight ? `${d.maxHeight}px` : "200px"
+    }));
+    return (u, i) => (s(), l("div", Gn, [
+      e("div", Yn, [
+        i[1] || (i[1] = e("span", { class: "preview-label" }, "Preview", -1)),
+        a.previewData.isComplete ? M("", !0) : (s(), l("span", Xn, [...i[0] || (i[0] = [
+          e("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "12",
+            height: "12",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            e("circle", {
+              cx: "12",
+              cy: "12",
+              r: "10"
+            }),
+            e("line", {
+              x1: "12",
+              y1: "8",
+              x2: "12",
+              y2: "12"
+            }),
+            e("line", {
+              x1: "12",
+              y1: "16",
+              x2: "12.01",
+              y2: "16"
+            })
+          ], -1),
+          Y(" Incomplete ", -1)
+        ])]))
+      ]),
+      e("div", {
+        class: "preview-body",
+        style: He(r.value)
+      }, [
+        a.previewData.assembledPreview ? (s(), l(K, { key: 0 }, [
+          Y(y(a.previewData.assembledPreview), 1)
+        ], 64)) : (s(), l("div", Jn, "(Empty output)"))
+      ], 4),
+      a.previewData.modeHint ? (s(), l("div", Qn, [
+        i[2] || (i[2] = e("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "12",
+          height: "12",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, [
+          e("circle", {
+            cx: "12",
+            cy: "12",
+            r: "10"
+          }),
+          e("line", {
+            x1: "12",
+            y1: "16",
+            x2: "12",
+            y2: "12"
+          }),
+          e("line", {
+            x1: "12",
+            y1: "8",
+            x2: "12.01",
+            y2: "8"
+          })
+        ], -1)),
+        Y(" " + y(a.previewData.modeHint), 1)
+      ])) : M("", !0)
+    ]));
+  }
+}), el = /* @__PURE__ */ G(Zn, [["__scopeId", "data-v-a248a951"]]);
+function Dt(a, d) {
+  const r = () => typeof d == "string" ? d : d.value, u = H(0);
+  let i = null;
+  const x = (n) => {
+    if (i && (i(), i = null), n) {
+      const v = n.on;
+      if (typeof v == "function") {
+        const D = v.call(n, "update", () => {
+          u.value++;
+        });
+        i = typeof D == "function" ? D : null;
+      }
+    }
+  };
+  return de(
+    () => a.value,
+    (n) => {
+      x(n), u.value++;
+    },
+    { immediate: !0 }
+  ), dt(() => {
+    i && (i(), i = null);
+  }), $(() => {
+    var U, g, S;
+    if (u.value, !a.value) return [];
+    const n = r();
+    if (!n) return [];
+    const v = a.value.nodes, D = a.value.edges;
+    if (!v.find((b) => b.id === n)) return [];
+    const f = [...D.filter((b) => b.target === n)].sort((b, h) => {
+      const c = v.find((N) => N.id === b.source), T = v.find((N) => N.id === h.source);
+      return ((c == null ? void 0 : c.position.y) || 0) - ((T == null ? void 0 : T.position.y) || 0);
+    }), k = [];
+    for (let b = 0; b < f.length; b++) {
+      const h = f[b], c = v.find((N) => N.id === h.source);
+      if (!c) continue;
+      if (c.type === "parallel" && c.data.mergeEnabled === !1 && h.sourceHandle) {
+        const V = (U = c.data.branches) == null ? void 0 : U.find(
+          (z) => z.id === h.sourceHandle
+        );
+        k.push({
+          // Use composite ID to distinguish branches from same parallel node
+          id: `${c.id}:${h.sourceHandle}`,
+          label: c.data.label || c.id,
+          type: "parallel-branch",
+          parallelParentId: c.id,
+          branchLabel: (V == null ? void 0 : V.label) || h.sourceHandle,
+          executionIndex: b
+        });
+      } else {
+        const N = tl(
+          c,
+          v,
+          D
+        );
+        k.push({
+          id: c.id,
+          label: c.data.label || c.id,
+          type: c.type,
+          parallelParentId: N == null ? void 0 : N.parentId,
+          branchLabel: N == null ? void 0 : N.branchLabel,
+          executionIndex: b
+        });
+      }
+    }
+    const L = [], m = /* @__PURE__ */ new Set();
+    for (const b of k)
+      if (!m.has(b.id))
+        if (b.parallelParentId) {
+          const h = k.filter(
+            (z) => z.parallelParentId === b.parallelParentId
+          ), c = v.find(
+            (z) => z.id === b.parallelParentId
+          ), T = (c == null ? void 0 : c.data.label) || "Parallel Group", N = ((S = (g = c == null ? void 0 : c.data) == null ? void 0 : g.branches) == null ? void 0 : S.map(
+            (z) => z.id
+          )) || [], V = [...h].sort((z, q) => {
+            const W = z.id.includes(":") ? z.id.split(":")[1] : z.id, ce = q.id.includes(":") ? q.id.split(":")[1] : q.id, X = N.indexOf(W), he = N.indexOf(ce);
+            return (X === -1 ? 1 / 0 : X) - (he === -1 ? 1 / 0 : he);
+          });
+          L.push({
+            type: "parallel",
+            label: T,
+            sources: V
+          }), h.forEach((z) => m.add(z.id));
+        } else
+          L.push({
+            type: "single",
+            sources: [b]
+          }), m.add(b.id);
+    return L;
+  });
+}
+function tl(a, d, r) {
+  var x;
+  const u = [a.id], i = /* @__PURE__ */ new Set();
+  for (; u.length > 0; ) {
+    const n = u.shift();
+    if (i.has(n)) continue;
+    i.add(n);
+    const v = d.find((_) => _.id === n);
+    if (!v) continue;
+    if (v.type === "parallel") {
+      const _ = r.filter(
+        (f) => f.source === v.id
+      ), I = v.data;
+      for (const f of _)
+        if (ol(f.target, a.id, r)) {
+          const k = f.sourceHandle, L = (x = I.branches) == null ? void 0 : x.find(
+            (m) => m.id === k
+          );
+          return {
+            parentId: v.id,
+            branchLabel: (L == null ? void 0 : L.label) || k || "Unknown Branch"
+          };
+        }
+    }
+    const D = r.filter((_) => _.target === n);
+    for (const _ of D)
+      u.push(_.source);
+  }
+  return null;
+}
+function ol(a, d, r) {
+  if (a === d) return !0;
+  const u = [a], i = /* @__PURE__ */ new Set();
+  for (; u.length > 0; ) {
+    const x = u.shift();
+    if (i.has(x)) continue;
+    if (i.add(x), x === d) return !0;
+    const n = r.filter((v) => v.source === x);
+    for (const v of n)
+      u.push(v.target);
+  }
+  return !1;
+}
+function sl(a, d, r) {
+  const { getOutput: u } = pt(), i = Dt(a, r), x = $(() => {
+    const D = O(d), I = O(i).flatMap((g) => g.sources);
+    let f = I;
+    D.sources && D.sources.length > 0 && (f = D.sources.map((g) => I.find((S) => S.id === g)).filter((g) => !!g));
+    const k = /* @__PURE__ */ new Map();
+    let L = !0;
+    for (const g of f) {
+      const S = u(g.id);
+      k.set(g.id, S || null), S || (L = !1);
+    }
+    let m = "", U = "";
+    if (D.mode === "synthesis") {
+      U = "AI will synthesize these inputs into a final document";
+      const g = f.map((S) => {
+        const b = k.get(S.id), h = S.branchLabel || S.label, c = b ? b.length > 100 ? b.slice(0, 100) + "..." : b : "(Waiting for output...)";
+        return `• ${h}: ${c}`;
+      });
+      g.length > 0 ? m = `Inputs to AI:
+
+` + g.join(`
+`) : m = "(No inputs selected)";
+    } else {
+      const g = [];
+      if (D.introText && g.push(D.introText), f.length > 0)
+        for (const S of f) {
+          const b = k.get(S.id);
+          b ? g.push(b) : g.push(
+            `[Output from ${S.branchLabel || S.label} will appear here]`
+          );
+        }
+      else
+        g.push("[No sources selected]");
+      D.outroText && g.push(D.outroText), m = g.join(`
+
+`);
+    }
+    return {
+      assembledPreview: m,
+      isComplete: L,
+      modeHint: U
+    };
+  }), n = H(x.value);
+  let v = null;
+  return de(
+    x,
+    (D) => {
+      v && clearTimeout(v), v = setTimeout(() => {
+        n.value = D;
+      }, 50);
+    },
+    { immediate: !0 }
+  ), dt(() => {
+    v && clearTimeout(v);
+  }), $(() => n.value);
+}
+const nl = {
+  key: 0,
+  class: "node-inspector"
+}, ll = { class: "inspector-header" }, al = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, il = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, rl = {
+  key: 2,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, dl = {
+  key: 3,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, ul = ["value"], cl = {
+  key: 0,
+  class: "description-section"
+}, vl = ["value"], pl = {
+  key: 1,
+  class: "tabs"
+}, fl = { class: "tool-count" }, ml = { class: "tool-count" }, gl = {
+  key: 0,
+  class: "tool-count"
+}, hl = {
+  key: 0,
+  class: "hitl-badge"
+}, yl = {
+  key: 2,
+  class: "tab-content"
+}, wl = {
+  key: 0,
+  class: "prompt-tab"
+}, bl = { class: "field-group" }, _l = { class: "mode-buttons" }, kl = { class: "field-hint" }, xl = {
+  key: 0,
+  class: "field-group"
+}, $l = ["value"], Il = { class: "grid loop-grid" }, Ml = { class: "field-group" }, Dl = { class: "field-label" }, Sl = ["value"], Nl = { class: "field-group" }, Tl = ["value"], Cl = {
+  class: "field-group",
+  style: { "margin-top": "var(--or3-spacing-md)" }
+}, El = ["value"], Bl = {
+  class: "field-group",
+  style: { "margin-top": "var(--or3-spacing-lg)" }
+}, Ol = { class: "mode-buttons" }, Ll = { class: "toggle-group" }, Rl = ["checked"], Pl = ["checked"], Al = { class: "advanced-section" }, Vl = { class: "advanced-content" }, Hl = { class: "field-group" }, jl = ["value"], zl = { class: "field-label" }, Ul = ["value", "placeholder"], Wl = { class: "field-hint" }, Fl = {
+  key: 1,
+  class: "model-tab"
+}, Kl = { class: "field-label" }, ql = ["value"], Gl = ["value"], Yl = { class: "model-id" }, Xl = {
+  key: 2,
+  class: "routes-tab"
+}, Jl = { class: "routes-list" }, Ql = { class: "route-inputs" }, Zl = ["value", "onInput"], ea = { class: "route-id" }, ta = ["onClick"], oa = {
+  key: 3,
+  class: "branches-tab"
+}, sa = { class: "branches-list" }, na = ["onClick"], la = { class: "branch-inputs" }, aa = ["value", "onInput"], ia = { class: "branch-badges" }, ra = {
+  key: 0,
+  class: "branch-badge model"
+}, da = { class: "branch-actions" }, ua = ["onClick"], ca = {
+  key: 0,
+  class: "branch-config"
+}, va = { class: "branch-field" }, pa = ["value", "onChange"], fa = ["value"], ma = { class: "branch-field" }, ga = ["value", "onInput"], ha = {
+  key: 0,
+  class: "branch-field"
+}, ya = { class: "branch-tools" }, wa = ["checked", "onChange"], ba = { class: "tool-name-sm" }, _a = { class: "merge-section" }, ka = { class: "merge-header" }, xa = { class: "toggle-label" }, $a = ["checked"], Ia = { class: "merge-field" }, Ma = ["value"], Da = ["value"], Sa = { class: "merge-field" }, Na = ["value"], Ta = {
+  key: 4,
+  class: "tools-tab"
+}, Ca = { class: "tools-list" }, Ea = ["checked", "onChange"], Ba = { class: "tool-info" }, Oa = { class: "tool-name" }, La = { class: "tool-description" }, Ra = {
+  key: 0,
+  class: "selected-tools"
+}, Pa = { class: "field-label" }, Aa = { class: "tool-chips" }, Va = ["onClick"], Ha = {
+  key: 1,
+  class: "tools-empty"
+}, ja = {
+  key: 5,
+  class: "errors-tab"
+}, za = { class: "mode-buttons" }, Ua = { class: "retry-grid" }, Wa = { class: "field-group" }, Fa = ["value"], Ka = { class: "field-group" }, qa = ["value"], Ga = { class: "field-group" }, Ya = ["value"], Xa = { class: "checkbox-group" }, Ja = { class: "checkboxes" }, Qa = ["checked", "onChange"], Za = {
+  key: 6,
+  class: "hitl-tab"
+}, ei = { class: "hitl-toggle" }, ti = { class: "toggle-label" }, oi = ["checked"], si = { class: "hitl-section" }, ni = { class: "mode-buttons" }, li = ["onClick", "title"], ai = { class: "field-hint" }, ii = { class: "hitl-section" }, ri = ["value"], di = { class: "hitl-grid" }, ui = { class: "field-group" }, ci = ["value"], vi = { class: "field-group" }, pi = ["value"], fi = ["value"], mi = {
+  key: 7,
+  class: "subflow-tab"
+}, gi = { class: "field-group" }, hi = ["value", "disabled"], yi = { value: "" }, wi = ["value"], bi = {
+  key: 0,
+  class: "field-hint"
+}, _i = {
+  key: 1,
+  class: "field-hint"
+}, ki = {
+  key: 2,
+  class: "field-hint"
+}, xi = {
+  key: 3,
+  class: "field-hint"
+}, $i = {
+  key: 4,
+  class: "model-id"
+}, Ii = {
+  key: 0,
+  class: "field-group"
+}, Mi = ["value"], Di = { class: "subflow-toggle" }, Si = { class: "toggle-label" }, Ni = ["checked"], Ti = {
+  key: 1,
+  class: "input-mappings-section"
+}, Ci = { class: "mappings-list" }, Ei = { class: "mapping-key" }, Bi = ["value", "onInput"], Oi = ["onClick"], Li = {
+  key: 8,
+  class: "output-tab"
+}, Ri = {
+  key: 0,
+  class: "synthesis-config"
+}, Pi = { class: "field-group" }, Ai = ["value"], Vi = ["value"], Hi = { class: "field-group" }, ji = ["value"], zi = { class: "field-group" }, Ui = ["value"], Wi = { class: "field-group" }, Fi = ["value"], Ki = { class: "advanced-settings" }, qi = {
+  key: 0,
+  class: "advanced-content"
+}, Gi = { class: "toggle-group" }, Yi = { class: "tool-item" }, Xi = ["checked"], Ji = { class: "tool-item" }, Qi = ["checked"], Zi = {
+  key: 0,
+  class: "field-group"
+}, er = ["value"], tr = {
+  key: 3,
+  class: "inspector-content"
+}, or = {
+  key: 1,
+  class: "node-inspector empty"
+}, sr = /* @__PURE__ */ te({
+  __name: "NodeInspector",
+  props: {
+    editor: {},
+    availableTools: {},
+    availableSubflows: {},
+    subflowListLoading: { type: Boolean },
+    subflowListError: {}
+  },
+  emits: ["delete", "close"],
+  setup(a, { emit: d }) {
+    function r(o) {
+      return typeof o == "object" && o !== null && "label" in o && typeof o.label == "string";
+    }
+    function u(o) {
+      return r(o) ? Array.isArray(o.tools) ? o.tools : [] : [];
+    }
+    const i = a, x = d, n = H(null), v = H("prompt"), D = $(() => i.availableTools ?? f), _ = $(() => i.availableSubflows ?? []);
+    lt.size === 0 && lo();
+    const I = $(() => lt.getAllInfo().map((o) => ({
+      id: o.id,
+      name: o.name,
+      provider: o.provider
+    }))), f = [
+      {
+        id: "web_search",
+        name: "Web Search",
+        description: "Search the web for information"
+      },
+      {
+        id: "calculator",
+        name: "Calculator",
+        description: "Perform mathematical calculations"
+      },
+      {
+        id: "code_interpreter",
+        name: "Code Interpreter",
+        description: "Execute Python code"
+      },
+      {
+        id: "file_reader",
+        name: "File Reader",
+        description: "Read file contents"
+      },
+      { id: "api_call", name: "API Call", description: "Make HTTP API requests" },
+      {
+        id: "database_query",
+        name: "Database Query",
+        description: "Query a database"
+      }
+    ], k = H([]), L = () => {
+      var t;
+      const o = i.editor.getSelected().nodes;
+      if (o.length === 1) {
+        const R = i.editor.getNodes().find((pe) => pe.id === o[0]) || null, j = (t = n.value) == null ? void 0 : t.id;
+        n.value = R, R && (k.value = u(R.data), j !== R.id && (v.value = R.type === "output" ? "output" : R.type === "parallel" ? "branches" : "prompt"));
+      } else
+        n.value = null, k.value = [];
+    };
+    de(
+      () => {
+        var o;
+        return (o = n.value) == null ? void 0 : o.data;
+      },
+      (o) => {
+        o && (k.value = u(o));
+      },
+      { deep: !0 }
+    ), oo((o) => {
+      if (i.editor.isDestroyed()) {
+        n.value = null, k.value = [];
+        return;
+      }
+      L();
+      const t = i.editor.on("selectionUpdate", L), R = i.editor.on("update", L);
+      o(() => {
+        t(), R();
+      });
+    });
+    const m = $(() => {
+      var o;
+      return ((o = n.value) == null ? void 0 : o.type) === "agent";
+    }), U = $(() => {
+      var o;
+      return ((o = n.value) == null ? void 0 : o.type) === "router";
+    }), g = $(() => {
+      var o;
+      return ((o = n.value) == null ? void 0 : o.type) === "parallel";
+    }), S = $(() => {
+      var o;
+      return ((o = n.value) == null ? void 0 : o.type) === "whileLoop";
+    }), b = $(() => {
+      var o;
+      return ((o = n.value) == null ? void 0 : o.type) === "start";
+    }), h = $(() => {
+      var o;
+      return ((o = n.value) == null ? void 0 : o.type) === "subflow";
+    }), c = $(() => {
+      var o;
+      return ((o = n.value) == null ? void 0 : o.type) === "output";
+    }), T = $(
+      () => n.value && n.value.type !== "start"
+    ), N = $(
+      () => m.value || U.value || g.value || S.value || h.value || c.value
+    ), V = $(
+      () => m.value || U.value
+    ), z = $(() => m.value || U.value), q = $(() => {
+      var t;
+      const o = (t = n.value) == null ? void 0 : t.data;
+      return r(o) ? o : { label: "Unknown" };
+    }), W = $(() => {
+      var t;
+      return ((t = n.value) == null ? void 0 : t.data) || {};
+    }), ce = H(!1), X = $(() => {
+      var t;
+      const o = (t = n.value) == null ? void 0 : t.data;
+      return o ? ao(o) : {};
+    }), he = $(() => {
+      var o;
+      return ((o = n.value) == null ? void 0 : o.id) || "";
+    }), je = Dt(
+      $(() => i.editor),
+      he
+    ), ze = sl(
+      $(() => i.editor),
+      X,
+      he
+    ), Ue = (o) => {
+      n.value && i.editor.commands.updateNodeData(n.value.id, { mode: o });
+    }, We = (o) => {
+      n.value && i.editor.commands.updateNodeData(n.value.id, { sources: o });
+    }, Fe = (o) => {
+      if (!n.value) return;
+      const t = o.target.value;
+      i.editor.commands.updateNodeData(n.value.id, {
+        introText: t
+      });
+    }, Ke = (o) => {
+      if (!n.value) return;
+      const t = o.target.value;
+      i.editor.commands.updateNodeData(n.value.id, {
+        outroText: t
+      });
+    }, qe = (o) => {
+      if (!n.value) return;
+      const t = o.target.value;
+      i.editor.commands.updateNodeData(n.value.id, {
+        synthesis: { ...X.value.synthesis, prompt: t }
+      });
+    }, De = (o) => {
+      if (!n.value) return;
+      const t = o.target.value;
+      i.editor.commands.updateNodeData(n.value.id, {
+        synthesis: { ...X.value.synthesis, model: t }
+      });
+    }, Se = () => {
+      n.value && i.editor.commands.updateNodeData(n.value.id, {
+        useRawTemplate: !X.value.useRawTemplate
+      });
+    }, Ge = () => {
+      n.value && i.editor.commands.updateNodeData(n.value.id, {
+        includeMetadata: !X.value.includeMetadata
+      });
+    }, w = (o) => {
+      if (!n.value) return;
+      const t = o.target.value;
+      i.editor.commands.updateNodeData(n.value.id, {
+        template: t
+      });
+    };
+    de(
+      () => {
+        var o;
+        return {
+          fmt: X.value.format,
+          nodeId: (o = n.value) == null ? void 0 : o.id
+        };
+      },
+      ({ fmt: o, nodeId: t }) => {
+        t && o && o !== "markdown" && i.editor.commands.updateNodeData(t, {
+          format: "markdown",
+          schema: void 0
+        });
+      },
+      { immediate: !0 }
+    );
+    const B = $(() => {
+      var t;
+      const o = (t = n.value) == null ? void 0 : t.data;
+      return {
+        subflowId: (o == null ? void 0 : o.subflowId) ?? "",
+        inputMappings: (o == null ? void 0 : o.inputMappings) ?? {},
+        shareSession: (o == null ? void 0 : o.shareSession) ?? !0
+      };
+    }), C = $(() => {
+      const o = [..._.value], t = B.value.subflowId;
+      return t && !o.some((R) => R.id === t) && o.unshift({
+        id: t,
+        name: "Custom ID",
+        description: "Not in your workflow list."
+      }), o;
+    }), oe = $(() => {
+      const o = B.value.subflowId;
+      return o && C.value.find((t) => t.id === o) || null;
+    }), J = H(!1);
+    de(
+      () => [B.value.subflowId, _.value.length],
+      ([o]) => {
+        o && (_.value.some((t) => t.id === o) || (J.value = !0));
+      },
+      { immediate: !0 }
+    );
+    const ae = $(() => {
+      var t;
+      const o = (t = n.value) == null ? void 0 : t.data;
+      return {
+        routes: Array.isArray(o == null ? void 0 : o.routes) ? o.routes : []
+      };
+    }), ee = $(() => {
+      var t;
+      const o = (t = n.value) == null ? void 0 : t.data;
+      return {
+        branches: Array.isArray(o == null ? void 0 : o.branches) ? o.branches : [],
+        mergeModel: (o == null ? void 0 : o.model) || "",
+        mergePrompt: (o == null ? void 0 : o.prompt) || "",
+        mergeEnabled: o == null ? void 0 : o.mergeEnabled
+      };
+    }), we = () => {
+      if (!n.value) return;
+      const o = [...ee.value.branches], t = `branch-${Date.now()}`;
+      o.push({ id: t, label: `Branch ${o.length + 1}` }), i.editor.commands.updateNodeData(n.value.id, { branches: o });
+    }, fe = (o) => {
+      if (!n.value) return;
+      const t = n.value.id, j = i.editor.getEdges().filter(
+        (Z) => Z.source === t && Z.sourceHandle === o
+      );
+      for (const Z of j)
+        i.editor.commands.deleteEdge(Z.id);
+      const pe = ee.value.branches.filter(
+        (Z) => Z.id !== o
+      );
+      i.editor.commands.updateNodeData(t, { branches: pe });
+    }, ve = (o, t) => {
+      if (!n.value) return;
+      const R = ee.value.branches.map(
+        (j) => j.id === o ? { ...j, label: t } : j
+      );
+      i.editor.commands.updateNodeData(n.value.id, { branches: R });
+    }, Ne = (o, t) => {
+      if (!n.value) return;
+      const R = ee.value.branches.map(
+        (j) => j.id === o ? { ...j, model: t || void 0 } : j
+      );
+      i.editor.commands.updateNodeData(n.value.id, { branches: R });
+    }, Te = (o, t) => {
+      if (!n.value) return;
+      const R = ee.value.branches.map(
+        (j) => j.id === o ? { ...j, prompt: t || void 0 } : j
+      );
+      i.editor.commands.updateNodeData(n.value.id, { branches: R });
+    }, Ce = (o, t) => {
+      if (!n.value) return;
+      const R = ee.value.branches.map(
+        (j) => j.id === o ? { ...j, tools: t } : j
+      );
+      i.editor.commands.updateNodeData(n.value.id, { branches: R });
+    }, Ee = (o, t) => {
+      const R = ee.value.branches.find(
+        (p) => p.id === o
+      );
+      if (!R) return;
+      const j = R.tools || [], pe = j.indexOf(t);
+      let Z;
+      pe === -1 ? Z = [...j, t] : (Z = [...j], Z.splice(pe, 1)), Ce(o, Z);
+    }, ye = H(null), Be = (o) => {
+      ye.value = ye.value === o ? null : o;
+    }, Oe = () => {
+      if (!n.value) return;
+      const o = [...ae.value.routes], t = `route-${Date.now()}`;
+      o.push({ id: t, label: `Route ${o.length + 1}` }), i.editor.commands.updateNodeData(n.value.id, { routes: o });
+    }, E = (o) => {
+      if (!n.value) return;
+      const t = n.value.id, j = i.editor.getEdges().filter(
+        (Z) => Z.source === t && Z.sourceHandle === o
+      );
+      for (const Z of j)
+        i.editor.commands.deleteEdge(Z.id);
+      const pe = ae.value.routes.filter((Z) => Z.id !== o);
+      i.editor.commands.updateNodeData(t, { routes: pe });
+    }, ie = (o, t) => {
+      if (!n.value) return;
+      const R = ae.value.routes.map(
+        (j) => j.id === o ? { ...j, label: t } : j
+      );
+      i.editor.commands.updateNodeData(n.value.id, { routes: R });
+    }, re = $(() => {
+      var t;
+      const o = (t = n.value) == null ? void 0 : t.data;
+      return (o == null ? void 0 : o.errorHandling) ?? { mode: "stop" };
+    }), _e = $(() => {
+      const o = re.value.retry;
+      return {
+        maxRetries: (o == null ? void 0 : o.maxRetries) ?? 0,
+        baseDelay: (o == null ? void 0 : o.baseDelay) ?? 1e3,
+        maxDelay: o == null ? void 0 : o.maxDelay,
+        retryOn: (o == null ? void 0 : o.retryOn) ?? [],
+        skipOn: o == null ? void 0 : o.skipOn
+      };
+    }), me = $(() => {
+      var t;
+      const o = (t = n.value) == null ? void 0 : t.data;
+      return (o == null ? void 0 : o.hitl) ?? { enabled: !1, mode: "approval" };
+    }), Je = [
+      {
+        id: "approval",
+        label: "Approval",
+        description: "Pause before execution for approve/reject"
+      },
+      {
+        id: "input",
+        label: "Input",
+        description: "Collect human input before execution"
+      },
+      {
+        id: "review",
+        label: "Review",
+        description: "Pause after execution to review output"
+      }
+    ], St = [
+      { id: "approve", label: "Approve" },
+      { id: "reject", label: "Reject" },
+      { id: "skip", label: "Skip" }
+    ], Nt = [
+      { id: "RATE_LIMIT", label: "Rate Limit" },
+      { id: "TIMEOUT", label: "Timeout" },
+      { id: "NETWORK", label: "Network" },
+      { id: "LLM_ERROR", label: "LLM Error" },
+      { id: "VALIDATION", label: "Validation" }
+    ];
+    let ke = null;
+    const ge = (o, t) => {
+      n.value && (ke && clearTimeout(ke), ke = setTimeout(() => {
+        i.editor.commands.updateNodeData(n.value.id, {
+          [o]: t
+        });
+      }, 200));
+    }, Tt = (o) => {
+      ge("label", o.target.value);
+    }, Ct = (o) => {
+      ge("description", o.target.value);
+    }, Et = (o) => {
+      const t = o.target.value;
+      i.editor.commands.updateNodeData(n.value.id, {
+        ...S.value ? { conditionModel: t } : { model: t }
+      });
+    }, Qe = (o) => {
+      const t = o.target.value, R = S.value ? "conditionPrompt" : "prompt";
+      ge(R, t);
+    }, Ze = (o) => {
+      if (!n.value) return;
+      const t = k.value.indexOf(o);
+      t === -1 ? k.value.push(o) : k.value.splice(t, 1), i.editor.commands.updateNodeData(n.value.id, {
+        tools: [...k.value]
+      });
+    }, et = (o) => {
+      if (!n.value) return;
+      const t = re.value;
+      i.editor.commands.updateNodeData(n.value.id, {
+        errorHandling: {
+          ...t,
+          ...o
+        }
+      });
+    }, tt = (o) => {
+      et({
+        retry: {
+          ..._e.value,
+          ...o
+        }
+      });
+    }, Ye = (o) => {
+      et({ mode: o });
+    }, Bt = (o) => {
+      const t = _e.value.retryOn || [], R = t.includes(o) ? t.filter((j) => j !== o) : [...t, o];
+      tt({ retryOn: R });
+    }, Xe = (o, t) => {
+      const R = Number(t.target.value);
+      tt({
+        [o]: Number.isFinite(R) ? R : void 0
+      });
+    }, Ot = (o) => {
+      const t = Number(o.target.value);
+      ge("maxIterations", Number.isFinite(t) ? t : 1);
+    }, Lt = (o) => {
+      ge(
+        "onMaxIterations",
+        o.target.value
+      );
+    }, Rt = (o) => {
+      ge(
+        "customEvaluator",
+        o.target.value
+      );
+    }, ot = (o) => {
+      ge("loopMode", o.target.value);
+    }, st = (o) => {
+      n.value && i.editor.commands.updateNodeData(n.value.id, {
+        outputMode: o
+      });
+    }, Pt = () => {
+      if (!n.value) return;
+      const o = W.value.includePreviousOutputs !== !1;
+      i.editor.commands.updateNodeData(n.value.id, {
+        includePreviousOutputs: !o
+      });
+    }, At = () => {
+      if (!n.value) return;
+      const o = W.value.includeIterationContext !== !1;
+      i.editor.commands.updateNodeData(n.value.id, {
+        includeIterationContext: !o
+      });
+    }, Vt = (o) => {
+      ge("loopPrompt", o.target.value);
+    }, Me = (o) => {
+      if (!n.value) return;
+      const t = me.value;
+      i.editor.commands.updateNodeData(n.value.id, {
+        hitl: {
+          ...t,
+          ...o
+        }
+      });
+    }, Ht = () => {
+      Me({ enabled: !me.value.enabled });
+    }, jt = (o) => {
+      Me({ mode: o });
+    }, zt = (o) => {
+      if (!n.value) return;
+      const t = o.target.value;
+      ke && clearTimeout(ke), ke = setTimeout(() => {
+        Me({ prompt: t });
+      }, 200);
+    }, Ut = (o) => {
+      const t = Number(o.target.value);
+      Me({
+        timeout: Number.isFinite(t) && t > 0 ? t : void 0
+      });
+    }, Wt = (o) => {
+      const t = o.target.value;
+      Me({ defaultAction: t });
+    }, nt = (o) => {
+      ge("subflowId", o);
+    }, Ft = (o) => {
+      nt(o.target.value);
+    }, Kt = (o) => {
+      const t = o.target.value;
+      nt(t), t && _.value.some((R) => R.id === t) && (J.value = !1);
+    }, qt = () => {
+      J.value = !J.value;
+    }, Gt = () => {
+      n.value && i.editor.commands.updateNodeData(n.value.id, {
+        shareSession: !B.value.shareSession
+      });
+    }, Yt = (o, t) => {
+      if (!n.value) return;
+      const R = B.value.inputMappings || {};
+      i.editor.commands.updateNodeData(n.value.id, {
+        inputMappings: {
+          ...R,
+          [o]: t
+        }
+      });
+    }, Xt = (o) => {
+      if (!n.value) return;
+      const t = { ...B.value.inputMappings };
+      delete t[o], i.editor.commands.updateNodeData(n.value.id, {
+        inputMappings: t
+      });
+    }, Jt = () => {
+      if (!n.value || !T.value) return;
+      const o = n.value.id, t = q.value.label;
+      confirm(`Delete "${t}"?`) && (n.value = null, i.editor.commands.deleteNode(o), x("delete", o));
+    };
+    return (o, t) => {
+      var R, j, pe, Z;
+      return n.value ? (s(), l("div", nl, [
+        e("div", ll, [
+          e("div", {
+            class: P(["header-icon", n.value.type])
+          }, [
+            m.value ? (s(), l("svg", al, [...t[25] || (t[25] = [
+              e("rect", {
+                x: "3",
+                y: "11",
+                width: "18",
+                height: "10",
+                rx: "2"
+              }, null, -1),
+              e("circle", {
+                cx: "12",
+                cy: "5",
+                r: "2"
+              }, null, -1),
+              e("path", { d: "M12 7v4" }, null, -1)
+            ])])) : U.value ? (s(), l("svg", il, [...t[26] || (t[26] = [
+              e("line", {
+                x1: "6",
+                y1: "3",
+                x2: "6",
+                y2: "15"
+              }, null, -1),
+              e("circle", {
+                cx: "18",
+                cy: "6",
+                r: "3"
+              }, null, -1),
+              e("circle", {
+                cx: "6",
+                cy: "18",
+                r: "3"
+              }, null, -1),
+              e("path", { d: "M18 9a9 9 0 0 1-9 9" }, null, -1)
+            ])])) : g.value ? (s(), l("svg", rl, [...t[27] || (t[27] = [
+              e("circle", {
+                cx: "18",
+                cy: "18",
+                r: "3"
+              }, null, -1),
+              e("circle", {
+                cx: "6",
+                cy: "6",
+                r: "3"
+              }, null, -1),
+              e("path", { d: "M6 21V9a9 9 0 0 0 9 9" }, null, -1)
+            ])])) : (s(), l("svg", dl, [...t[28] || (t[28] = [
+              e("polygon", { points: "5 3 19 12 5 21 5 3" }, null, -1)
+            ])]))
+          ], 2),
+          e("input", {
+            class: "label-input",
+            value: q.value.label,
+            onInput: Tt,
+            placeholder: "Node name"
+          }, null, 40, ul),
+          T.value ? (s(), l("button", {
+            key: 0,
+            class: "delete-btn",
+            onClick: Jt,
+            title: "Delete node"
+          }, [...t[29] || (t[29] = [
+            e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              e("polyline", { points: "3 6 5 6 21 6" }),
+              e("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+            ], -1)
+          ])])) : M("", !0),
+          e("button", {
+            class: "close-btn",
+            onClick: t[0] || (t[0] = (p) => x("close")),
+            title: "Close inspector"
+          }, [...t[30] || (t[30] = [
+            e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              e("line", {
+                x1: "18",
+                y1: "6",
+                x2: "6",
+                y2: "18"
+              }),
+              e("line", {
+                x1: "6",
+                y1: "6",
+                x2: "18",
+                y2: "18"
+              })
+            ], -1)
+          ])])
+        ]),
+        N.value ? (s(), l("div", cl, [
+          t[31] || (t[31] = be('<label class="description-label" data-v-2de5c749><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-2de5c749><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" data-v-2de5c749></path><polyline points="14 2 14 8 20 8" data-v-2de5c749></polyline><line x1="16" y1="13" x2="8" y2="13" data-v-2de5c749></line><line x1="16" y1="17" x2="8" y2="17" data-v-2de5c749></line><polyline points="10 9 9 9 8 9" data-v-2de5c749></polyline></svg> Description <span class="description-hint" data-v-2de5c749>(used by router for decisions)</span></label>', 1)),
+          e("textarea", {
+            class: "description-textarea",
+            value: q.value.description || "",
+            placeholder: "Describe what this node does... e.g., 'Handles complex math problems and coding questions'",
+            onInput: Ct
+          }, null, 40, vl)
+        ])) : M("", !0),
+        N.value || V.value ? (s(), l("div", pl, [
+          N.value && !c.value && !g.value ? (s(), l("button", {
+            key: 0,
+            class: P(["tab", { active: v.value === "prompt" }]),
+            onClick: t[1] || (t[1] = (p) => v.value = "prompt")
+          }, [
+            t[32] || (t[32] = e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              e("rect", {
+                x: "3",
+                y: "11",
+                width: "18",
+                height: "10",
+                rx: "2"
+              }),
+              e("circle", {
+                cx: "12",
+                cy: "5",
+                r: "2"
+              }),
+              e("path", { d: "M12 7v4" })
+            ], -1)),
+            Y(" " + y(U.value ? "Instructions" : S.value ? "Condition" : "Instructions"), 1)
+          ], 2)) : M("", !0),
+          N.value && !c.value && !g.value ? (s(), l("button", {
+            key: 1,
+            class: P(["tab", { active: v.value === "model" }]),
+            onClick: t[2] || (t[2] = (p) => v.value = "model")
+          }, [...t[33] || (t[33] = [
+            be('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-2de5c749><rect x="4" y="4" width="16" height="16" rx="2" ry="2" data-v-2de5c749></rect><rect x="9" y="9" width="6" height="6" data-v-2de5c749></rect><line x1="9" y1="1" x2="9" y2="4" data-v-2de5c749></line><line x1="15" y1="1" x2="15" y2="4" data-v-2de5c749></line><line x1="9" y1="20" x2="9" y2="23" data-v-2de5c749></line><line x1="15" y1="20" x2="15" y2="23" data-v-2de5c749></line><line x1="20" y1="9" x2="23" y2="9" data-v-2de5c749></line><line x1="20" y1="14" x2="23" y2="14" data-v-2de5c749></line><line x1="1" y1="9" x2="4" y2="9" data-v-2de5c749></line><line x1="1" y1="14" x2="4" y2="14" data-v-2de5c749></line></svg> Model ', 2)
+          ])], 2)) : M("", !0),
+          U.value ? (s(), l("button", {
+            key: 2,
+            class: P(["tab", { active: v.value === "routes" }]),
+            onClick: t[3] || (t[3] = (p) => v.value = "routes")
+          }, [
+            t[34] || (t[34] = e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              e("path", { d: "M9 18l6-6-6-6" })
+            ], -1)),
+            t[35] || (t[35] = Y(" Routes ", -1)),
+            e("span", fl, y(ae.value.routes.length), 1)
+          ], 2)) : M("", !0),
+          g.value ? (s(), l("button", {
+            key: 3,
+            class: P(["tab", { active: v.value === "branches" }]),
+            onClick: t[4] || (t[4] = (p) => v.value = "branches")
+          }, [
+            t[36] || (t[36] = be('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-2de5c749><circle cx="18" cy="18" r="3" data-v-2de5c749></circle><circle cx="6" cy="6" r="3" data-v-2de5c749></circle><circle cx="18" cy="6" r="3" data-v-2de5c749></circle><path d="M6 9v12" data-v-2de5c749></path><path d="M18 9v6" data-v-2de5c749></path></svg> Branches ', 2)),
+            e("span", ml, y(ee.value.branches.length), 1)
+          ], 2)) : M("", !0),
+          m.value ? (s(), l("button", {
+            key: 4,
+            class: P(["tab", { active: v.value === "tools" }]),
+            onClick: t[5] || (t[5] = (p) => v.value = "tools")
+          }, [
+            t[37] || (t[37] = e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              e("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" })
+            ], -1)),
+            t[38] || (t[38] = Y(" Tools ", -1)),
+            k.value.length ? (s(), l("span", gl, y(k.value.length), 1)) : M("", !0)
+          ], 2)) : M("", !0),
+          V.value ? (s(), l("button", {
+            key: 5,
+            class: P(["tab", { active: v.value === "errors" }]),
+            onClick: t[6] || (t[6] = (p) => v.value = "errors")
+          }, [...t[39] || (t[39] = [
+            e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              e("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+              e("line", {
+                x1: "12",
+                y1: "9",
+                x2: "12",
+                y2: "13"
+              }),
+              e("line", {
+                x1: "12",
+                y1: "17",
+                x2: "12.01",
+                y2: "17"
+              })
+            ], -1),
+            Y(" Errors ", -1)
+          ])], 2)) : M("", !0),
+          z.value ? (s(), l("button", {
+            key: 6,
+            class: P(["tab", { active: v.value === "hitl" }]),
+            onClick: t[7] || (t[7] = (p) => v.value = "hitl")
+          }, [
+            t[40] || (t[40] = e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              e("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
+              e("circle", {
+                cx: "12",
+                cy: "7",
+                r: "4"
+              })
+            ], -1)),
+            t[41] || (t[41] = Y(" HITL ", -1)),
+            me.value.enabled ? (s(), l("span", hl, "ON")) : M("", !0)
+          ], 2)) : M("", !0),
+          h.value ? (s(), l("button", {
+            key: 7,
+            class: P(["tab", { active: v.value === "subflow" }]),
+            onClick: t[8] || (t[8] = (p) => v.value = "subflow")
+          }, [...t[42] || (t[42] = [
+            be('<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-2de5c749><rect x="3" y="3" width="7" height="7" rx="1" data-v-2de5c749></rect><rect x="14" y="3" width="7" height="7" rx="1" data-v-2de5c749></rect><rect x="8.5" y="14" width="7" height="7" rx="1" data-v-2de5c749></rect><path d="M6.5 10v2a2 2 0 002 2h1" data-v-2de5c749></path><path d="M17.5 10v2a2 2 0 01-2 2h-1" data-v-2de5c749></path></svg> Subflow ', 2)
+          ])], 2)) : M("", !0),
+          c.value ? (s(), l("button", {
+            key: 8,
+            class: P(["tab", { active: v.value === "output" }]),
+            onClick: t[9] || (t[9] = (p) => v.value = "output")
+          }, [...t[43] || (t[43] = [
+            e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              e("path", { d: "M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z" }),
+              e("line", {
+                x1: "4",
+                y1: "22",
+                x2: "4",
+                y2: "15"
+              })
+            ], -1),
+            Y(" Output ", -1)
+          ])], 2)) : M("", !0)
+        ])) : M("", !0),
+        N.value || V.value || z.value || h.value || c.value ? (s(), l("div", yl, [
+          v.value === "prompt" && N.value && !c.value && !g.value ? (s(), l("div", wl, [
+            S.value ? (s(), l(K, { key: 0 }, [
+              e("div", bl, [
+                t[44] || (t[44] = e("label", { class: "field-label" }, "Loop Strategy", -1)),
+                e("div", _l, [
+                  e("button", {
+                    class: P(["mode-button", {
+                      active: W.value.loopMode !== "fixed"
+                    }]),
+                    onClick: t[10] || (t[10] = (p) => ot({
+                      target: { value: "while" }
+                    }))
+                  }, " Smart Loop (AI) ", 2),
+                  e("button", {
+                    class: P(["mode-button", {
+                      active: W.value.loopMode === "fixed"
+                    }]),
+                    onClick: t[11] || (t[11] = (p) => ot({
+                      target: { value: "fixed" }
+                    }))
+                  }, " Fixed Count ", 2)
+                ]),
+                e("p", kl, y(W.value.loopMode === "fixed" ? "Runs exactly N times. Good for batch processing." : "AI evaluates results to decide when to stop."), 1)
+              ]),
+              W.value.loopMode !== "fixed" ? (s(), l("div", xl, [
+                t[45] || (t[45] = e("label", { class: "field-label" }, "Stop Condition", -1)),
+                e("textarea", {
+                  value: W.value.conditionPrompt || "",
+                  class: "prompt-textarea condition-prompt",
+                  placeholder: 'Example: "If the summary is concise and covers all points, respond DONE. Otherwise respond CONTINUE."',
+                  onInput: Qe,
+                  rows: "4"
+                }, null, 40, $l)
+              ])) : M("", !0),
+              e("div", Il, [
+                e("div", Ml, [
+                  e("label", Dl, y(W.value.loopMode === "fixed" ? "Run Count" : "Max Limit"), 1),
+                  e("input", {
+                    type: "number",
+                    min: "1",
+                    class: "text-input",
+                    value: W.value.maxIterations ?? 10,
+                    onInput: Ot
+                  }, null, 40, Sl)
+                ]),
+                e("div", Nl, [
+                  t[47] || (t[47] = e("label", { class: "field-label" }, "On Limit Reached", -1)),
+                  e("select", {
+                    class: "model-select",
+                    value: W.value.onMaxIterations || "warning",
+                    onChange: Lt
+                  }, [...t[46] || (t[46] = [
+                    e("option", { value: "warning" }, " Warn & Continue ", -1),
+                    e("option", { value: "continue" }, " Silent Continue ", -1),
+                    e("option", { value: "error" }, "Stop with Error", -1)
+                  ])], 40, Tl)
+                ])
+              ]),
+              e("div", Cl, [
+                t[48] || (t[48] = e("label", { class: "field-label" }, "Loop Instructions", -1)),
+                e("textarea", {
+                  value: W.value.loopPrompt || "",
+                  class: "prompt-textarea loop-prompt",
+                  placeholder: `Tell the AI what to do each time.
+
+Example: "Improve this text, making it clearer and more engaging."`,
+                  onInput: Vt,
+                  rows: "3"
+                }, null, 40, El),
+                t[49] || (t[49] = e("p", { class: "field-hint" }, " These instructions are added to the input at the start of each run. ", -1))
+              ]),
+              e("div", Bl, [
+                t[50] || (t[50] = e("label", { class: "field-label" }, "Output Handling", -1)),
+                e("div", Ol, [
+                  e("button", {
+                    class: P(["mode-button", {
+                      active: (W.value.outputMode || "last") === "last"
+                    }]),
+                    onClick: t[12] || (t[12] = (p) => st("last"))
+                  }, " Last Result Only ", 2),
+                  e("button", {
+                    class: P(["mode-button", {
+                      active: W.value.outputMode === "accumulate"
+                    }]),
+                    onClick: t[13] || (t[13] = (p) => st("accumulate"))
+                  }, " Collect All ", 2)
+                ])
+              ]),
+              t[57] || (t[57] = e("div", { class: "section-divider" }, null, -1)),
+              t[58] || (t[58] = e("label", { class: "field-label section-title" }, "Context Visibility", -1)),
+              t[59] || (t[59] = e("p", { class: "section-subtitle" }, " Choose what information is available to nodes inside the loop. ", -1)),
+              e("div", Ll, [
+                e("label", {
+                  class: P(["tool-item", {
+                    enabled: W.value.includePreviousOutputs !== !1
+                  }])
+                }, [
+                  e("input", {
+                    type: "checkbox",
+                    checked: W.value.includePreviousOutputs !== !1,
+                    onChange: Pt
+                  }, null, 40, Rl),
+                  t[51] || (t[51] = e("div", { class: "tool-info" }, [
+                    e("span", { class: "tool-name" }, "Previous Iterations"),
+                    e("span", { class: "tool-description" }, "Let the AI see results from earlier runs")
+                  ], -1))
+                ], 2),
+                e("label", {
+                  class: P(["tool-item", {
+                    enabled: W.value.includeIterationContext !== !1
+                  }])
+                }, [
+                  e("input", {
+                    type: "checkbox",
+                    checked: W.value.includeIterationContext !== !1,
+                    onChange: At
+                  }, null, 40, Pl),
+                  t[52] || (t[52] = e("div", { class: "tool-info" }, [
+                    e("span", { class: "tool-name" }, "Loop Counter"),
+                    e("span", { class: "tool-description" }, "Show current iteration number (1/10)")
+                  ], -1))
+                ], 2)
+              ]),
+              W.value.loopMode !== "fixed" ? (s(), l(K, { key: 1 }, [
+                t[56] || (t[56] = e("div", { class: "section-divider" }, null, -1)),
+                e("details", Al, [
+                  t[55] || (t[55] = e("summary", { class: "advanced-toggle" }, " Advanced: Custom Evaluator ", -1)),
+                  e("div", Vl, [
+                    e("div", Hl, [
+                      t[53] || (t[53] = e("label", { class: "field-label" }, "Function Name", -1)),
+                      e("input", {
+                        type: "text",
+                        class: "text-input",
+                        value: W.value.customEvaluator || "",
+                        placeholder: "e.g. checkQualityScore",
+                        onInput: Rt
+                      }, null, 40, jl),
+                      t[54] || (t[54] = e("p", { class: "field-hint" }, " Bypass AI evaluation and use a registered function to decide when to stop. ", -1))
+                    ])
+                  ])
+                ])
+              ], 64)) : M("", !0)
+            ], 64)) : (s(), l(K, { key: 1 }, [
+              e("label", zl, y(U.value ? "Routing Instructions" : g.value ? "Merge Instructions" : "Instructions"), 1),
+              e("textarea", {
+                value: q.value.prompt || "",
+                class: "prompt-textarea",
+                placeholder: U.value ? `Instructions for routing decisions...
+
+Example:
+Route to Technical if the user mentions bugs, errors, or technical issues.
+Route to Sales for pricing or product inquiries.` : g.value ? "Instructions for merging parallel outputs..." : `Enter the system prompt for this agent...
+
+Example:
+You are a helpful technical support specialist. Help users troubleshoot issues with their software.`,
+                onInput: Qe
+              }, null, 40, Ul),
+              e("p", Wl, y(U.value ? "These instructions help the router decide which branch to take. Edge labels are used to make decisions." : g.value ? "This prompt is used to merge/summarize outputs from all parallel branches." : "This prompt defines the agent's behavior and personality."), 1)
+            ], 64))
+          ])) : M("", !0),
+          v.value === "model" && !g.value ? (s(), l("div", Fl, [
+            e("label", Kl, y(S.value ? "Condition Model" : "Select Model"), 1),
+            e("select", {
+              class: "model-select",
+              value: S.value ? W.value.conditionModel || "z-ai/glm-4.6:exacto" : q.value.model || "z-ai/glm-4.6:exacto",
+              onChange: Et
+            }, [
+              (s(!0), l(K, null, Q(I.value, (p) => (s(), l("option", {
+                key: p.id,
+                value: p.id
+              }, y(p.name) + " (" + y(p.provider) + ") ", 9, Gl))), 128))
+            ], 40, ql),
+            e("div", Yl, [
+              t[60] || (t[60] = e("span", { class: "model-id-label" }, "Model ID:", -1)),
+              e("code", null, y(S.value ? W.value.conditionModel || "z-ai/glm-4.6:exacto" : q.value.model || "z-ai/glm-4.6:exacto"), 1)
+            ])
+          ])) : M("", !0),
+          v.value === "routes" && U.value ? (s(), l("div", Xl, [
+            e("div", { class: "routes-header" }, [
+              t[62] || (t[62] = e("label", { class: "field-label" }, "Defined Routes", -1)),
+              e("button", {
+                class: "add-btn with-label",
+                onClick: Oe
+              }, [...t[61] || (t[61] = [
+                e("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  e("line", {
+                    x1: "12",
+                    y1: "5",
+                    x2: "12",
+                    y2: "19"
+                  }),
+                  e("line", {
+                    x1: "5",
+                    y1: "12",
+                    x2: "19",
+                    y2: "12"
+                  })
+                ], -1),
+                Y(" Add Route ", -1)
+              ])])
+            ]),
+            t[64] || (t[64] = e("p", { class: "field-hint" }, " Define the possible routes for this node. Each route creates an output handle. ", -1)),
+            e("div", Jl, [
+              (s(!0), l(K, null, Q(ae.value.routes, (p) => (s(), l("div", {
+                key: p.id,
+                class: "route-item"
+              }, [
+                e("div", Ql, [
+                  e("input", {
+                    type: "text",
+                    class: "text-input route-label",
+                    value: p.label,
+                    onInput: (F) => ie(p.id, F.target.value),
+                    placeholder: "Route Label"
+                  }, null, 40, Zl),
+                  e("code", ea, y(p.id), 1)
+                ]),
+                e("button", {
+                  class: "delete-btn",
+                  onClick: (F) => E(p.id),
+                  title: "Remove route"
+                }, [...t[63] || (t[63] = [
+                  e("svg", {
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2"
+                  }, [
+                    e("line", {
+                      x1: "18",
+                      y1: "6",
+                      x2: "6",
+                      y2: "18"
+                    }),
+                    e("line", {
+                      x1: "6",
+                      y1: "6",
+                      x2: "18",
+                      y2: "18"
+                    })
+                  ], -1)
+                ])], 8, ta)
+              ]))), 128))
+            ])
+          ])) : M("", !0),
+          v.value === "branches" && g.value ? (s(), l("div", oa, [
+            e("div", { class: "branches-header" }, [
+              t[66] || (t[66] = e("label", { class: "field-label" }, "Parallel Branches", -1)),
+              e("button", {
+                class: "add-btn",
+                onClick: we,
+                "aria-label": "Add Branch"
+              }, [...t[65] || (t[65] = [
+                e("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  e("line", {
+                    x1: "12",
+                    y1: "5",
+                    x2: "12",
+                    y2: "19"
+                  }),
+                  e("line", {
+                    x1: "5",
+                    y1: "12",
+                    x2: "19",
+                    y2: "12"
+                  })
+                ], -1)
+              ])])
+            ]),
+            t[78] || (t[78] = e("p", { class: "field-hint" }, " Each branch runs in parallel. Connect nodes to each branch's output handle. Optionally set a model and system prompt per branch. ", -1)),
+            e("div", sa, [
+              (s(!0), l(K, null, Q(ee.value.branches, (p) => (s(), l("div", {
+                key: p.id,
+                class: P(["branch-item", { expanded: ye.value === p.id }])
+              }, [
+                e("div", {
+                  class: "branch-header",
+                  onClick: (F) => Be(p.id)
+                }, [
+                  e("div", la, [
+                    e("input", {
+                      type: "text",
+                      class: "text-input branch-label",
+                      value: p.label,
+                      onInput: (F) => ve(p.id, F.target.value),
+                      onClick: t[14] || (t[14] = Ve(() => {
+                      }, ["stop"])),
+                      placeholder: "Branch Label"
+                    }, null, 40, aa),
+                    e("div", ia, [
+                      p.model ? (s(), l("span", ra, y(p.model.split("/").pop()), 1)) : M("", !0)
+                    ])
+                  ]),
+                  e("div", da, [
+                    (s(), l("svg", {
+                      class: P(["expand-icon", {
+                        rotated: ye.value === p.id
+                      }]),
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2"
+                    }, [...t[67] || (t[67] = [
+                      e("polyline", { points: "6 9 12 15 18 9" }, null, -1)
+                    ])], 2)),
+                    e("button", {
+                      class: "delete-btn",
+                      onClick: Ve((F) => fe(p.id), ["stop"]),
+                      title: "Remove branch"
+                    }, [...t[68] || (t[68] = [
+                      e("svg", {
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        "stroke-width": "2"
+                      }, [
+                        e("line", {
+                          x1: "18",
+                          y1: "6",
+                          x2: "6",
+                          y2: "18"
+                        }),
+                        e("line", {
+                          x1: "6",
+                          y1: "6",
+                          x2: "18",
+                          y2: "18"
+                        })
+                      ], -1)
+                    ])], 8, ua)
+                  ])
+                ], 8, na),
+                ye.value === p.id ? (s(), l("div", ca, [
+                  e("div", va, [
+                    t[70] || (t[70] = e("label", { class: "field-label-sm" }, "Model (optional)", -1)),
+                    e("select", {
+                      class: "model-select-sm",
+                      value: p.model || "",
+                      onChange: (F) => Ne(p.id, F.target.value)
+                    }, [
+                      t[69] || (t[69] = e("option", { value: "" }, "Use default", -1)),
+                      (s(!0), l(K, null, Q(I.value, (F) => (s(), l("option", {
+                        key: F.id,
+                        value: F.id
+                      }, y(F.name), 9, fa))), 128))
+                    ], 40, pa)
+                  ]),
+                  e("div", ma, [
+                    t[71] || (t[71] = e("label", { class: "field-label-sm" }, "System Prompt (optional)", -1)),
+                    e("textarea", {
+                      class: "prompt-textarea-sm",
+                      value: p.prompt || "",
+                      onInput: (F) => Te(p.id, F.target.value),
+                      placeholder: "Override system prompt for this branch...",
+                      rows: "3"
+                    }, null, 40, ga)
+                  ]),
+                  D.value.length > 0 ? (s(), l("div", ha, [
+                    t[72] || (t[72] = e("label", { class: "field-label-sm" }, "Tools (optional)", -1)),
+                    e("div", ya, [
+                      (s(!0), l(K, null, Q(D.value, (F) => (s(), l("label", {
+                        key: F.id,
+                        class: P(["branch-tool-item", {
+                          enabled: (p.tools || []).includes(F.id)
+                        }])
+                      }, [
+                        e("input", {
+                          type: "checkbox",
+                          checked: (p.tools || []).includes(
+                            F.id
+                          ),
+                          onChange: (xe) => Ee(
+                            p.id,
+                            F.id
+                          )
+                        }, null, 40, wa),
+                        e("span", ba, y(F.name), 1)
+                      ], 2))), 128))
+                    ])
+                  ])) : M("", !0)
+                ])) : M("", !0)
+              ], 2))), 128))
+            ]),
+            e("div", _a, [
+              e("div", ka, [
+                t[74] || (t[74] = e("label", { class: "field-label" }, "Merge Configuration", -1)),
+                e("div", xa, [
+                  e("input", {
+                    type: "checkbox",
+                    checked: ee.value.mergeEnabled !== !1,
+                    onChange: t[15] || (t[15] = (p) => i.editor.commands.updateNodeData(n.value.id, { mergeEnabled: p.target.checked }))
+                  }, null, 40, $a),
+                  t[73] || (t[73] = e("span", { class: "toggle-text" }, "Enable Merge", -1))
+                ])
+              ]),
+              ee.value.mergeEnabled !== !1 ? (s(), l(K, { key: 0 }, [
+                t[77] || (t[77] = e("p", { class: "field-hint" }, " After all branches complete, results are merged using this prompt. ", -1)),
+                e("div", Ia, [
+                  t[75] || (t[75] = e("label", { class: "field-label-sm" }, "Merge Model", -1)),
+                  e("select", {
+                    class: "model-select",
+                    value: ee.value.mergeModel || "z-ai/glm-4.6:exacto",
+                    onChange: t[16] || (t[16] = (p) => i.editor.commands.updateNodeData(n.value.id, { model: p.target.value }))
+                  }, [
+                    (s(!0), l(K, null, Q(I.value, (p) => (s(), l("option", {
+                      key: p.id,
+                      value: p.id
+                    }, y(p.name) + " (" + y(p.provider) + ") ", 9, Da))), 128))
+                  ], 40, Ma)
+                ]),
+                e("div", Sa, [
+                  t[76] || (t[76] = e("label", { class: "field-label-sm" }, "Merge Prompt", -1)),
+                  e("textarea", {
+                    class: "prompt-textarea",
+                    value: ee.value.mergePrompt,
+                    onInput: t[17] || (t[17] = (p) => ge("prompt", p.target.value)),
+                    placeholder: "Instructions for merging branch outputs...",
+                    rows: "4"
+                  }, null, 40, Na)
+                ])
+              ], 64)) : M("", !0)
+            ])
+          ])) : M("", !0),
+          v.value === "tools" && m.value ? (s(), l("div", Ta, [
+            D.value.length > 0 ? (s(), l(K, { key: 0 }, [
+              t[80] || (t[80] = e("label", { class: "field-label" }, "Available Tools", -1)),
+              t[81] || (t[81] = e("p", { class: "field-hint" }, " Select which tools this agent can use during execution. ", -1)),
+              e("div", Ca, [
+                (s(!0), l(K, null, Q(D.value, (p) => (s(), l("label", {
+                  key: p.id,
+                  class: P(["tool-item", {
+                    enabled: k.value.includes(p.id)
+                  }])
+                }, [
+                  e("input", {
+                    type: "checkbox",
+                    checked: k.value.includes(p.id),
+                    onChange: (F) => Ze(p.id)
+                  }, null, 40, Ea),
+                  e("div", Ba, [
+                    e("span", Oa, y(p.name), 1),
+                    e("span", La, y(p.description), 1)
+                  ])
+                ], 2))), 128))
+              ]),
+              k.value.length > 0 ? (s(), l("div", Ra, [
+                e("label", Pa, "Enabled Tools (" + y(k.value.length) + ")", 1),
+                e("div", Aa, [
+                  (s(!0), l(K, null, Q(k.value, (p) => {
+                    var F;
+                    return s(), l("span", {
+                      key: p,
+                      class: "tool-chip"
+                    }, [
+                      Y(y((F = D.value.find((xe) => xe.id === p)) == null ? void 0 : F.name) + " ", 1),
+                      e("button", {
+                        class: "chip-remove",
+                        onClick: (xe) => Ze(p)
+                      }, [...t[79] || (t[79] = [
+                        e("svg", {
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          "stroke-width": "2"
+                        }, [
+                          e("line", {
+                            x1: "18",
+                            y1: "6",
+                            x2: "6",
+                            y2: "18"
+                          }),
+                          e("line", {
+                            x1: "6",
+                            y1: "6",
+                            x2: "18",
+                            y2: "18"
+                          })
+                        ], -1)
+                      ])], 8, Va)
+                    ]);
+                  }), 128))
+                ])
+              ])) : M("", !0)
+            ], 64)) : (s(), l("div", Ha, [...t[82] || (t[82] = [
+              e("label", { class: "field-label" }, "Available Tools", -1),
+              e("p", { class: "field-hint" }, " No tools are registered. Add tools in or3-chat to enable selections here. ", -1)
+            ])]))
+          ])) : M("", !0),
+          v.value === "errors" && V.value ? (s(), l("div", ja, [
+            t[87] || (t[87] = e("label", { class: "field-label" }, "Error handling mode", -1)),
+            e("div", za, [
+              e("button", {
+                class: P(["mode-button", { active: re.value.mode === "stop" }]),
+                onClick: t[18] || (t[18] = (p) => Ye("stop"))
+              }, " Stop on error ", 2),
+              e("button", {
+                class: P(["mode-button", { active: re.value.mode === "continue" }]),
+                onClick: t[19] || (t[19] = (p) => Ye("continue"))
+              }, " Continue ", 2),
+              e("button", {
+                class: P(["mode-button", { active: re.value.mode === "branch" }]),
+                onClick: t[20] || (t[20] = (p) => Ye("branch"))
+              }, " Branch to error ", 2)
+            ]),
+            e("div", Ua, [
+              e("div", Wa, [
+                t[83] || (t[83] = e("label", { class: "field-label" }, "Max retries", -1)),
+                e("input", {
+                  type: "number",
+                  min: "0",
+                  class: "text-input",
+                  value: _e.value.maxRetries,
+                  onInput: t[21] || (t[21] = (p) => Xe("maxRetries", p))
+                }, null, 40, Fa)
+              ]),
+              e("div", Ka, [
+                t[84] || (t[84] = e("label", { class: "field-label" }, "Base delay (ms)", -1)),
+                e("input", {
+                  type: "number",
+                  min: "0",
+                  class: "text-input",
+                  value: _e.value.baseDelay,
+                  onInput: t[22] || (t[22] = (p) => Xe("baseDelay", p))
+                }, null, 40, qa)
+              ]),
+              e("div", Ga, [
+                t[85] || (t[85] = e("label", { class: "field-label" }, "Max delay (ms)", -1)),
+                e("input", {
+                  type: "number",
+                  min: "0",
+                  class: "text-input",
+                  value: _e.value.maxDelay ?? "",
+                  onInput: t[23] || (t[23] = (p) => Xe("maxDelay", p))
+                }, null, 40, Ya)
+              ])
+            ]),
+            e("div", Xa, [
+              t[86] || (t[86] = e("label", { class: "field-label" }, "Retry on codes", -1)),
+              e("div", Ja, [
+                (s(), l(K, null, Q(Nt, (p) => e("label", {
+                  key: p.id,
+                  class: "checkbox-item"
+                }, [
+                  e("input", {
+                    type: "checkbox",
+                    checked: (_e.value.retryOn || []).includes(
+                      p.id
+                    ),
+                    onChange: (F) => Bt(p.id)
+                  }, null, 40, Qa),
+                  e("span", null, y(p.label), 1)
+                ])), 64))
+              ])
+            ]),
+            t[88] || (t[88] = e("p", { class: "field-hint" }, ' Branch mode sends errors to the "error" handle if connected. Continue mode logs the error and moves forward. ', -1))
+          ])) : M("", !0),
+          v.value === "hitl" && z.value ? (s(), l("div", Za, [
+            e("div", ei, [
+              e("label", ti, [
+                e("input", {
+                  type: "checkbox",
+                  checked: me.value.enabled,
+                  onChange: Ht
+                }, null, 40, oi),
+                t[89] || (t[89] = e("span", { class: "toggle-text" }, "Enable Human Review", -1))
+              ]),
+              t[90] || (t[90] = e("p", {
+                class: "field-hint",
+                style: { "margin-top": "4px" }
+              }, " Pause execution for human approval, input, or review. ", -1))
+            ]),
+            me.value.enabled ? (s(), l(K, { key: 0 }, [
+              e("div", si, [
+                t[91] || (t[91] = e("label", { class: "field-label" }, "Review Mode", -1)),
+                e("div", ni, [
+                  (s(), l(K, null, Q(Je, (p) => e("button", {
+                    key: p.id,
+                    class: P(["mode-button hitl-mode", { active: me.value.mode === p.id }]),
+                    onClick: (F) => jt(p.id),
+                    title: p.description
+                  }, y(p.label), 11, li)), 64))
+                ]),
+                e("p", ai, y((R = Je.find((p) => p.id === me.value.mode)) == null ? void 0 : R.description), 1)
+              ]),
+              e("div", ii, [
+                t[92] || (t[92] = e("label", { class: "field-label" }, "Prompt", -1)),
+                e("textarea", {
+                  value: me.value.prompt || "",
+                  class: "prompt-textarea hitl-prompt",
+                  placeholder: "Message to show the reviewer...",
+                  onInput: zt
+                }, null, 40, ri)
+              ]),
+              e("div", di, [
+                e("div", ui, [
+                  t[93] || (t[93] = e("label", { class: "field-label" }, "Timeout (ms)", -1)),
+                  e("input", {
+                    type: "number",
+                    min: "0",
+                    class: "text-input",
+                    value: me.value.timeout || "",
+                    placeholder: "No timeout",
+                    onInput: Ut
+                  }, null, 40, ci)
+                ]),
+                e("div", vi, [
+                  t[94] || (t[94] = e("label", { class: "field-label" }, "Default Action", -1)),
+                  e("select", {
+                    class: "model-select",
+                    value: me.value.defaultAction || "reject",
+                    onChange: Wt
+                  }, [
+                    (s(), l(K, null, Q(St, (p) => e("option", {
+                      key: p.id,
+                      value: p.id
+                    }, y(p.label), 9, fi)), 64))
+                  ], 40, pi)
+                ])
+              ]),
+              t[95] || (t[95] = e("p", { class: "field-hint" }, ' When timeout is set, the default action is taken automatically. Connect the "Rejected" handle to route rejected items. ', -1))
+            ], 64)) : M("", !0)
+          ])) : M("", !0),
+          v.value === "subflow" && h.value ? (s(), l("div", mi, [
+            e("div", gi, [
+              t[97] || (t[97] = e("label", { class: "field-label" }, "Subflow", -1)),
+              e("select", {
+                class: "model-select",
+                value: B.value.subflowId,
+                disabled: a.subflowListLoading,
+                onChange: Kt
+              }, [
+                e("option", yi, y(a.subflowListLoading ? "Loading workflows..." : "Select a workflow..."), 1),
+                (s(!0), l(K, null, Q(C.value, (p) => (s(), l("option", {
+                  key: p.id,
+                  value: p.id
+                }, y(p.name) + " (" + y(p.id) + ") ", 9, wi))), 128))
+              ], 40, hi),
+              a.subflowListLoading ? (s(), l("p", bi, " Loading available workflows... ")) : a.subflowListError ? (s(), l("p", _i, " Unable to load workflows. You can still enter a subflow ID manually. ")) : _.value.length === 0 ? (s(), l("p", ki, " No workflows found yet. Create one in the Workflows tab or enter an ID manually. ")) : (s(), l("p", xi, y(((j = oe.value) == null ? void 0 : j.description) || "Choose a workflow to run inside this node."), 1)),
+              B.value.subflowId ? (s(), l("div", $i, [
+                t[96] || (t[96] = e("span", { class: "model-id-label" }, "Workflow ID:", -1)),
+                e("code", null, y(B.value.subflowId), 1)
+              ])) : M("", !0),
+              e("button", {
+                class: "subflow-manual-toggle",
+                type: "button",
+                onClick: qt
+              }, y(J.value ? "Hide manual entry" : "Enter ID manually"), 1)
+            ]),
+            J.value ? (s(), l("div", Ii, [
+              t[98] || (t[98] = e("label", { class: "field-label" }, "Subflow ID", -1)),
+              e("input", {
+                type: "text",
+                class: "text-input",
+                value: B.value.subflowId,
+                placeholder: "e.g., email-composer",
+                onInput: Ft
+              }, null, 40, Mi),
+              t[99] || (t[99] = e("p", { class: "field-hint" }, " Use this only if the workflow isn't listed. ", -1))
+            ])) : M("", !0),
+            e("div", Di, [
+              e("label", Si, [
+                e("input", {
+                  type: "checkbox",
+                  checked: B.value.shareSession,
+                  onChange: Gt
+                }, null, 40, Ni),
+                t[100] || (t[100] = e("span", { class: "toggle-text" }, "Share Session", -1))
+              ]),
+              t[101] || (t[101] = e("p", {
+                class: "field-hint",
+                style: { "margin-top": "4px" }
+              }, " When enabled, the subflow shares conversation history with the parent workflow. ", -1))
+            ]),
+            Object.keys(B.value.inputMappings).length > 0 ? (s(), l("div", Ti, [
+              t[102] || (t[102] = e("label", { class: "field-label" }, "Input Mappings", -1)),
+              e("div", Ci, [
+                (s(!0), l(K, null, Q(B.value.inputMappings, (p, F) => (s(), l("div", {
+                  key: F,
+                  class: "mapping-item"
+                }, [
+                  e("span", Ei, y(F), 1),
+                  e("input", {
+                    type: "text",
+                    class: "text-input mapping-value",
+                    value: String(p),
+                    onInput: (xe) => Yt(String(F), xe.target.value)
+                  }, null, 40, Bi),
+                  e("button", {
+                    class: "remove-mapping-btn",
+                    onClick: (xe) => Xt(String(F)),
+                    title: "Remove mapping"
+                  }, " × ", 8, Oi)
+                ]))), 128))
+              ])
+            ])) : M("", !0),
+            t[103] || (t[103] = e("div", { class: "info-box" }, [
+              e("p", null, [
+                e("strong", null, "Expressions:")
+              ]),
+              e("ul", { class: "expression-hints" }, [
+                e("li", null, [
+                  e("code", null, "{{ output }}"),
+                  Y(" - Current input/output ")
+                ]),
+                e("li", null, [
+                  e("code", null, "{{ outputs.nodeId }}"),
+                  Y(" - Output from a specific node ")
+                ]),
+                e("li", null, [
+                  e("code", null, '"literal"'),
+                  Y(" - Static value")
+                ])
+              ])
+            ], -1))
+          ])) : M("", !0),
+          v.value === "output" && c.value ? (s(), l("div", Li, [
+            A(Mn, {
+              modelValue: X.value.mode || "combine",
+              "onUpdate:modelValue": Ue
+            }, null, 8, ["modelValue"]),
+            A(qn, {
+              modelValue: X.value.sources || [],
+              availableGroups: O(je),
+              "onUpdate:modelValue": We
+            }, null, 8, ["modelValue", "availableGroups"]),
+            X.value.mode === "synthesis" ? (s(), l("div", Ri, [
+              e("div", Pi, [
+                t[104] || (t[104] = e("label", { class: "field-label" }, "Synthesis Model", -1)),
+                e("select", {
+                  class: "model-select",
+                  value: ((pe = X.value.synthesis) == null ? void 0 : pe.model) || "z-ai/glm-4.6:exacto",
+                  onChange: De
+                }, [
+                  (s(!0), l(K, null, Q(I.value, (p) => (s(), l("option", {
+                    key: p.id,
+                    value: p.id
+                  }, y(p.name) + " (" + y(p.provider) + ") ", 9, Vi))), 128))
+                ], 40, Ai)
+              ]),
+              e("div", Hi, [
+                t[105] || (t[105] = e("label", { class: "field-label" }, "Synthesis Prompt", -1)),
+                e("textarea", {
+                  class: "prompt-textarea",
+                  value: ((Z = X.value.synthesis) == null ? void 0 : Z.prompt) || "",
+                  placeholder: "Instructions for synthesizing the final output...",
+                  rows: "4",
+                  onInput: qe
+                }, null, 40, ji)
+              ])
+            ])) : M("", !0),
+            e("div", zi, [
+              t[106] || (t[106] = e("label", { class: "field-label" }, "Introduction", -1)),
+              e("textarea", {
+                class: "text-input",
+                value: X.value.introText || "",
+                placeholder: "Optional text to prepend...",
+                rows: "2",
+                onInput: Fe
+              }, null, 40, Ui)
+            ]),
+            e("div", Wi, [
+              t[107] || (t[107] = e("label", { class: "field-label" }, "Conclusion", -1)),
+              e("textarea", {
+                class: "text-input",
+                value: X.value.outroText || "",
+                placeholder: "Optional text to append...",
+                rows: "2",
+                onInput: Ke
+              }, null, 40, Fi)
+            ]),
+            A(el, { previewData: O(ze) }, null, 8, ["previewData"]),
+            e("div", Ki, [
+              e("button", {
+                class: "advanced-toggle",
+                onClick: t[24] || (t[24] = (p) => ce.value = !ce.value)
+              }, [
+                (s(), l("svg", {
+                  class: P(["expand-icon", { rotated: ce.value }]),
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [...t[108] || (t[108] = [
+                  e("polyline", { points: "6 9 12 15 18 9" }, null, -1)
+                ])], 2)),
+                t[109] || (t[109] = Y(" Advanced Settings ", -1))
+              ]),
+              ce.value ? (s(), l("div", qi, [
+                e("div", Gi, [
+                  e("label", Yi, [
+                    e("input", {
+                      type: "checkbox",
+                      checked: X.value.useRawTemplate,
+                      onChange: Se
+                    }, null, 40, Xi),
+                    t[110] || (t[110] = e("div", { class: "tool-info" }, [
+                      e("span", { class: "tool-name" }, "Use Raw Template"),
+                      e("span", { class: "tool-description" }, "Override all settings with a custom template")
+                    ], -1))
+                  ]),
+                  e("label", Ji, [
+                    e("input", {
+                      type: "checkbox",
+                      checked: X.value.includeMetadata,
+                      onChange: Ge
+                    }, null, 40, Qi),
+                    t[111] || (t[111] = e("div", { class: "tool-info" }, [
+                      e("span", { class: "tool-name" }, "Include Metadata"),
+                      e("span", { class: "tool-description" }, "Add execution stats to output")
+                    ], -1))
+                  ])
+                ]),
+                X.value.useRawTemplate ? (s(), l("div", Zi, [
+                  t[112] || (t[112] = e("label", { class: "field-label" }, "Raw Template", -1)),
+                  e("textarea", {
+                    class: "textarea-input",
+                    value: X.value.template,
+                    placeholder: "e.g., Final result: {{outputs.nodeId}}",
+                    onInput: w,
+                    rows: "4"
+                  }, null, 40, er)
+                ])) : M("", !0)
+              ])) : M("", !0)
+            ])
+          ])) : M("", !0)
+        ])) : M("", !0),
+        b.value ? (s(), l("div", tr, [...t[113] || (t[113] = [
+          e("div", { class: "info-box" }, " The Start node is the entry point for workflow execution. Connect it to other nodes to define your workflow. ", -1)
+        ])])) : M("", !0)
+      ])) : (s(), l("div", or, [...t[114] || (t[114] = [
+        e("div", { class: "empty-icon" }, [
+          e("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "32",
+            height: "32",
+            viewBox: "0 0 24 24"
+          }, [
+            e("path", {
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "stroke-width": "2",
+              d: "m12 18l-2-4l-7-3.5a.55.55 0 0 1 0-1L21 3l-3.14 8.697M17.001 19a2 2 0 1 0 4 0a2 2 0 1 0-4 0m2-3.5V17m0 4v1.5m3.031-5.25l-1.299.75m-3.463 2l-1.3.75m0-3.5l1.3.75m3.463 2l1.3.75"
+            })
+          ])
+        ], -1),
+        e("p", null, "Select a node to edit its properties", -1)
+      ])]));
+    };
+  }
+}), nd = /* @__PURE__ */ G(sr, [["__scopeId", "data-v-2de5c749"]]), nr = { class: "chat-panel" }, lr = {
+  key: 0,
+  class: "empty-state"
+}, ar = { class: "message-avatar" }, ir = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, rr = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, dr = { class: "message-body" }, ur = {
+  key: 0,
+  class: "tool-calls"
+}, cr = { class: "tool-name" }, vr = {
+  key: 1,
+  class: "message-content"
+}, pr = {
+  key: 2,
+  class: "message-meta"
+}, fr = {
+  key: 1,
+  class: "message assistant streaming"
+}, mr = { class: "message-body" }, gr = { class: "message-content" }, hr = { class: "input-area" }, yr = ["disabled"], wr = ["disabled"], br = {
+  key: 0,
+  class: "spinner",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, _r = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, kr = /* @__PURE__ */ te({
+  __name: "ChatPanel",
+  props: {
+    messages: {},
+    streamingContent: {},
+    executionState: {}
+  },
+  emits: ["send", "clear"],
+  setup(a, { emit: d }) {
+    const r = a, u = d;
+    let i = null;
+    const x = () => r.executionState ? r.executionState : (i || (i = mo()), i), n = $(() => x()), v = $(() => n.value.state), D = () => n.value.reset(), _ = H(""), I = H(null);
+    de(() => {
+      var U;
+      return (U = r.messages) == null ? void 0 : U.length;
+    }, async () => {
+      await Pe(), f();
+    }), de(() => r.streamingContent, async () => {
+      await Pe(), f();
+    });
+    const f = () => {
+      I.value && (I.value.scrollTop = I.value.scrollHeight);
+    }, k = () => {
+      !_.value.trim() || v.value.value.isRunning || (u("send", _.value.trim()), _.value = "");
+    }, L = () => {
+      D(), u("clear");
+    }, m = (U) => {
+      U.key === "Enter" && !U.shiftKey && (U.preventDefault(), k());
+    };
+    return (U, g) => {
+      var S;
+      return s(), l("div", nr, [
+        e("div", { class: "chat-header" }, [
+          g[1] || (g[1] = e("div", { class: "header-title" }, [
+            e("svg", {
+              class: "sparkle-icon",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2"
+            }, [
+              e("path", { d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707" }),
+              e("circle", {
+                cx: "12",
+                cy: "12",
+                r: "4"
+              })
+            ]),
+            e("span", null, "Workflow Chat")
+          ], -1)),
+          e("button", {
+            onClick: L,
+            class: "clear-btn"
+          }, "Clear")
+        ]),
+        e("div", {
+          class: "messages",
+          ref_key: "messagesContainer",
+          ref: I
+        }, [
+          (S = a.messages) != null && S.length ? M("", !0) : (s(), l("div", lr, [...g[2] || (g[2] = [
+            e("svg", {
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "1.5"
+            }, [
+              e("rect", {
+                x: "3",
+                y: "11",
+                width: "18",
+                height: "10",
+                rx: "2"
+              }),
+              e("circle", {
+                cx: "12",
+                cy: "5",
+                r: "2"
+              }),
+              e("path", { d: "M12 7v4" })
+            ], -1),
+            e("p", null, "Send a message to start the workflow", -1)
+          ])])),
+          (s(!0), l(K, null, Q(a.messages, (b, h) => (s(), l("div", {
+            key: h,
+            class: P(["message", b.role])
+          }, [
+            e("div", ar, [
+              b.role === "user" ? (s(), l("svg", ir, [...g[3] || (g[3] = [
+                e("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }, null, -1),
+                e("circle", {
+                  cx: "12",
+                  cy: "7",
+                  r: "4"
+                }, null, -1)
+              ])])) : (s(), l("svg", rr, [...g[4] || (g[4] = [
+                e("rect", {
+                  x: "3",
+                  y: "11",
+                  width: "18",
+                  height: "10",
+                  rx: "2"
+                }, null, -1),
+                e("circle", {
+                  cx: "12",
+                  cy: "5",
+                  r: "2"
+                }, null, -1),
+                e("path", { d: "M12 7v4" }, null, -1)
+              ])]))
+            ]),
+            e("div", dr, [
+              b.toolCalls && b.toolCalls.length > 0 ? (s(), l("div", ur, [
+                (s(!0), l(K, null, Q(b.toolCalls, (c, T) => (s(), l("div", {
+                  key: T,
+                  class: "tool-call"
+                }, [
+                  g[5] || (g[5] = e("span", { class: "tool-icon" }, "🛠️", -1)),
+                  e("span", cr, "Used " + y(c.function.name), 1)
+                ]))), 128))
+              ])) : M("", !0),
+              b.content ? (s(), l("div", vr, y(b.content), 1)) : M("", !0),
+              b.nodeId ? (s(), l("div", pr, "via " + y(b.nodeId), 1)) : M("", !0)
+            ])
+          ], 2))), 128)),
+          a.streamingContent || v.value.value.streamingContent ? (s(), l("div", fr, [
+            g[7] || (g[7] = be('<div class="message-avatar" data-v-c2838e84><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-c2838e84><rect x="3" y="11" width="18" height="10" rx="2" data-v-c2838e84></rect><circle cx="12" cy="5" r="2" data-v-c2838e84></circle><path d="M12 7v4" data-v-c2838e84></path></svg></div>', 1)),
+            e("div", mr, [
+              e("div", gr, [
+                Y(y(a.streamingContent || v.value.value.streamingContent), 1),
+                g[6] || (g[6] = e("span", { class: "cursor" }, "|", -1))
+              ])
+            ])
+          ])) : M("", !0)
+        ], 512),
+        e("div", hr, [
+          ut(e("textarea", {
+            "onUpdate:modelValue": g[0] || (g[0] = (b) => _.value = b),
+            onKeydown: m,
+            placeholder: "Type a message...",
+            disabled: v.value.value.isRunning,
+            rows: "1"
+          }, null, 40, yr), [
+            [ct, _.value]
+          ]),
+          e("button", {
+            class: "send-btn",
+            onClick: k,
+            disabled: !_.value.trim() || v.value.value.isRunning
+          }, [
+            v.value.value.isRunning ? (s(), l("svg", br, [...g[8] || (g[8] = [
+              e("path", { d: "M21 12a9 9 0 11-6.219-8.56" }, null, -1)
+            ])])) : (s(), l("svg", _r, [...g[9] || (g[9] = [
+              e("line", {
+                x1: "22",
+                y1: "2",
+                x2: "11",
+                y2: "13"
+              }, null, -1),
+              e("polygon", { points: "22 2 15 22 11 13 2 9 22 2" }, null, -1)
+            ])]))
+          ], 8, wr)
+        ])
+      ]);
+    };
+  }
+}), ld = /* @__PURE__ */ G(kr, [["__scopeId", "data-v-c2838e84"]]), ad = /* @__PURE__ */ te({
+  __name: "Controls",
+  setup(a) {
+    return (d, r) => (s(), ue(O(vt)));
+  }
+}), id = /* @__PURE__ */ te({
+  __name: "MiniMap",
+  setup(a) {
+    return (d, r) => (s(), ue(O(vo)));
+  }
+}), xr = { class: "edge-editor" }, $r = { class: "editor-header" }, Ir = { class: "editor-content" }, Mr = {
+  key: 0,
+  class: "delete-confirm"
+}, Dr = /* @__PURE__ */ te({
+  __name: "EdgeLabelEditor",
+  props: {
+    edge: {},
+    show: { type: Boolean }
+  },
+  emits: ["close", "update", "delete"],
+  setup(a, { emit: d }) {
+    const r = a, u = d, i = H(""), x = H(null), n = H(!1);
+    de(
+      () => r.edge,
+      (f) => {
+        f && (i.value = f.label || "");
+      },
+      { immediate: !0 }
+    ), de(
+      () => r.show,
+      (f) => {
+        f && (n.value = !1, Pe(() => {
+          var k, L;
+          (k = x.value) == null || k.focus(), (L = x.value) == null || L.select();
+        }));
+      }
+    );
+    function v() {
+      r.edge && u("update", r.edge.id, i.value);
+    }
+    function D(f) {
+      f.key === "Enter" ? (v(), u("close")) : f.key === "Escape" && u("close");
+    }
+    function _() {
+      r.edge && (n.value ? (u("delete", r.edge.id), n.value = !1) : n.value = !0);
+    }
+    function I() {
+      n.value = !1;
+    }
+    return (f, k) => (s(), ue(so, { name: "modal" }, {
+      default: le(() => [
+        a.show && a.edge ? (s(), l("div", {
+          key: 0,
+          class: "edge-editor-overlay",
+          onClick: k[2] || (k[2] = Ve((L) => u("close"), ["self"]))
+        }, [
+          e("div", xr, [
+            e("div", $r, [
+              k[4] || (k[4] = e("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                class: "header-icon"
+              }, [
+                e("path", { d: "M12 2H2v10l9.29 9.29c.94.94 2.48.94 3.42 0l6.58-6.58c.94-.94.94-2.48 0-3.42L12 2Z" }),
+                e("path", { d: "M7 7h.01" })
+              ], -1)),
+              k[5] || (k[5] = e("span", null, "Edge Label", -1)),
+              e("button", {
+                class: "close-btn",
+                onClick: k[0] || (k[0] = (L) => u("close"))
+              }, [...k[3] || (k[3] = [
+                e("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  e("line", {
+                    x1: "18",
+                    y1: "6",
+                    x2: "6",
+                    y2: "18"
+                  }),
+                  e("line", {
+                    x1: "6",
+                    y1: "6",
+                    x2: "18",
+                    y2: "18"
+                  })
+                ], -1)
+              ])])
+            ]),
+            e("div", Ir, [
+              ut(e("input", {
+                ref_key: "inputRef",
+                ref: x,
+                "onUpdate:modelValue": k[1] || (k[1] = (L) => i.value = L),
+                type: "text",
+                class: "label-input",
+                placeholder: "Enter edge label (e.g., 'Technical', 'Sales')",
+                onInput: v,
+                onKeydown: D
+              }, null, 544), [
+                [ct, i.value]
+              ]),
+              k[8] || (k[8] = e("p", { class: "hint" }, " This label is shown on the connection line and helps the router make decisions. ", -1)),
+              n.value ? (s(), l("div", Mr, [
+                k[6] || (k[6] = e("span", null, "Delete this connection?", -1)),
+                e("div", { class: "confirm-actions" }, [
+                  e("button", {
+                    class: "confirm-btn confirm-yes",
+                    onClick: _
+                  }, " Yes, delete "),
+                  e("button", {
+                    class: "confirm-btn confirm-no",
+                    onClick: I
+                  }, " Cancel ")
+                ])
+              ])) : (s(), l("button", {
+                key: 1,
+                class: "delete-btn",
+                onClick: _
+              }, [...k[7] || (k[7] = [
+                e("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  e("polyline", { points: "3 6 5 6 21 6" }),
+                  e("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+                ], -1),
+                Y(" Delete Connection ", -1)
+              ])]))
+            ])
+          ])
+        ])) : M("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}), rd = /* @__PURE__ */ G(Dr, [["__scopeId", "data-v-ad20c837"]]), Sr = { class: "title" }, Nr = { class: "header-actions" }, Tr = {
+  key: 1,
+  class: "header-count error"
+}, Cr = {
+  key: 2,
+  class: "header-count warning"
+}, Er = {
+  key: 3,
+  class: "header-count ok"
+}, Br = { class: "collapsible-inner" }, Or = { class: "summary" }, Lr = {
+  key: 0,
+  class: "count error"
+}, Rr = {
+  key: 1,
+  class: "count warning"
+}, Pr = {
+  key: 2,
+  class: "count ok"
+}, Ar = {
+  key: 3,
+  class: "timestamp"
+}, Vr = {
+  key: 0,
+  class: "issue-list"
+}, Hr = { class: "badge" }, jr = { class: "details" }, zr = { class: "message" }, Ur = {
+  key: 0,
+  class: "meta"
+}, Wr = {
+  key: 1,
+  class: "meta"
+}, Fr = /* @__PURE__ */ te({
+  __name: "ValidationOverlay",
+  props: {
+    editor: {}
+  },
+  setup(a) {
+    const d = a, r = H({
+      isValid: !0,
+      errors: [],
+      warnings: []
+    }), u = H(null), i = H(!0);
+    let x = null, n = null;
+    const v = () => {
+      r.value = io(
+        [...d.editor.getNodes()],
+        [...d.editor.getEdges()]
+      ), u.value = Date.now();
+    }, D = () => {
+      n && clearTimeout(n), n = setTimeout(v, 120);
+    };
+    Re(() => {
+      v(), x = d.editor.on("update", D);
+    }), Ae(() => {
+      x == null || x(), n && clearTimeout(n);
+    });
+    const _ = $(() => [
+      ...r.value.errors,
+      ...r.value.warnings
+    ]), I = $(() => _.value.length === 0), f = $(
+      () => u.value ? new Date(u.value).toLocaleTimeString() : ""
+    );
+    return (k, L) => (s(), l("div", {
+      class: P(["validation-overlay", { "has-issues": !I.value }])
+    }, [
+      e("div", {
+        class: "overlay-header",
+        onClick: L[0] || (L[0] = (m) => i.value = !i.value)
+      }, [
+        e("div", Sr, [
+          e("span", {
+            class: P(["status-dot", I.value ? "ok" : "warn"])
+          }, null, 2),
+          L[1] || (L[1] = e("span", null, "Validation", -1))
+        ]),
+        e("div", Nr, [
+          i.value ? M("", !0) : (s(), l("button", {
+            key: 0,
+            type: "button",
+            class: "refresh",
+            onClick: Ve(v, ["stop"])
+          }, " Re-run ")),
+          i.value && r.value.errors.length ? (s(), l("span", Tr, y(r.value.errors.length) + " error" + y(r.value.errors.length === 1 ? "" : "s"), 1)) : M("", !0),
+          i.value && r.value.warnings.length ? (s(), l("span", Cr, y(r.value.warnings.length) + " warning" + y(r.value.warnings.length === 1 ? "" : "s"), 1)) : M("", !0),
+          i.value && I.value ? (s(), l("span", Er, "All clear")) : M("", !0),
+          (s(), l("svg", {
+            class: P(["collapse-chevron", { expanded: !i.value }]),
+            width: "12",
+            height: "12",
+            viewBox: "0 0 12 12",
+            fill: "none"
+          }, [...L[2] || (L[2] = [
+            e("path", {
+              d: "M3 4.5L6 7.5L9 4.5",
+              stroke: "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, null, -1)
+          ])], 2))
+        ])
+      ]),
+      e("div", {
+        class: P(["collapsible-content", { collapsed: i.value }])
+      }, [
+        e("div", Br, [
+          e("div", Or, [
+            r.value.errors.length ? (s(), l("span", Lr, y(r.value.errors.length) + " error" + y(r.value.errors.length === 1 ? "" : "s"), 1)) : M("", !0),
+            r.value.warnings.length ? (s(), l("span", Rr, y(r.value.warnings.length) + " warning" + y(r.value.warnings.length === 1 ? "" : "s"), 1)) : M("", !0),
+            I.value ? (s(), l("span", Pr, "All clear")) : M("", !0),
+            f.value ? (s(), l("span", Ar, " Updated " + y(f.value), 1)) : M("", !0)
+          ]),
+          _.value.length ? (s(), l("div", Vr, [
+            (s(!0), l(K, null, Q(_.value, (m) => (s(), l("div", {
+              key: m.code + (m.nodeId || "") + (m.edgeId || "") + m.message,
+              class: P(["issue", m.type])
+            }, [
+              e("span", Hr, y(m.type === "error" ? "Error" : "Warning"), 1),
+              e("div", jr, [
+                e("div", zr, y(m.message), 1),
+                m.nodeId ? (s(), l("div", Ur, " Node: " + y(m.nodeId), 1)) : m.edgeId ? (s(), l("div", Wr, " Edge: " + y(m.edgeId), 1)) : M("", !0)
+              ])
+            ], 2))), 128))
+          ])) : M("", !0)
+        ])
+      ], 2)
+    ], 2));
+  }
+}), dd = /* @__PURE__ */ G(Fr, [["__scopeId", "data-v-849827fb"]]);
+export {
+  ld as ChatPanel,
+  ad as Controls,
+  rd as EdgeLabelEditor,
+  id as MiniMap,
+  nd as NodeInspector,
+  sd as NodePalette,
+  Ie as NodeWrapper,
+  dd as ValidationOverlay,
+  od as WorkflowCanvas,
+  fo as createExecutionState,
+  go as createNodeRegistry,
+  ho as defaultNodeRegistry,
+  vd as isAgentNodeData,
+  pd as isOutputNodeData,
+  fd as isParallelNodeData,
+  md as isRouterNodeData,
+  gd as isStartNodeData,
+  Qr as useEditor,
+  mo as useExecutionState,
+  td as useNodeState,
+  po as useWorkflowEditor,
+  Zr as useWorkflowExecution,
+  ed as useWorkflowStorage
+};