Spaces:
Running
Running
| const { | |
| SvelteComponent: ll, | |
| append_hydration: y, | |
| attr: i, | |
| binding_callbacks: It, | |
| bubble: rt, | |
| children: P, | |
| claim_element: b, | |
| claim_space: R, | |
| claim_svg_element: Fe, | |
| claim_text: U, | |
| destroy_block: Pt, | |
| destroy_each: Ke, | |
| detach: m, | |
| element: k, | |
| empty: de, | |
| ensure_array_like: le, | |
| get_svelte_dataset: ke, | |
| init: al, | |
| insert_hydration: N, | |
| listen: T, | |
| noop: vt, | |
| run_all: Pe, | |
| safe_not_equal: nl, | |
| select_option: gt, | |
| set_data: ce, | |
| set_input_value: $e, | |
| set_style: X, | |
| space: Y, | |
| stop_propagation: Te, | |
| svg_element: Ve, | |
| text: G, | |
| toggle_class: Se, | |
| update_keyed_each: Et | |
| } = window.__gradio__svelte__internal, { createEventDispatcher: sl, onMount: ol } = window.__gradio__svelte__internal; | |
| function Dt(t, e, l) { | |
| const a = t.slice(); | |
| return a[90] = e[l], a; | |
| } | |
| function Mt(t, e, l) { | |
| const a = t.slice(); | |
| return a[93] = e[l], a; | |
| } | |
| function Nt(t, e, l) { | |
| const a = t.slice(); | |
| a[96] = e[l]; | |
| const n = ( | |
| /*getComponentConfig*/ | |
| a[36]( | |
| /*node*/ | |
| a[96].type | |
| ) | |
| ); | |
| return a[97] = n, a; | |
| } | |
| function Ct(t, e, l) { | |
| const a = t.slice(); | |
| return a[103] = e[l][0], a[104] = e[l][1], a[106] = l, a; | |
| } | |
| function il(t) { | |
| const e = t.slice(), l = Object.entries( | |
| /*node*/ | |
| e[96].data.template | |
| ).filter(([o, s]) => s.is_handle); | |
| e[100] = l; | |
| const a = ( | |
| /*templateHandles*/ | |
| e[100].some(([o, s]) => s.type === "object") | |
| ); | |
| e[101] = a; | |
| const n = ( | |
| /*templateHandles*/ | |
| e[100].some(([o, s]) => s.type === "string" || s.type === "list" || s.type === "file") | |
| ); | |
| return e[102] = n, e; | |
| } | |
| function At(t, e, l) { | |
| const a = t.slice(); | |
| return a[90] = e[l], a; | |
| } | |
| function St(t, e, l) { | |
| const a = t.slice(); | |
| return a[93] = e[l], a; | |
| } | |
| function bt(t) { | |
| const e = t.slice(), l = ( | |
| /*nodes*/ | |
| e[4].find((a) => a.id === /*connectionStart*/ | |
| e[9]) | |
| ); | |
| return e[111] = l, e; | |
| } | |
| function Tt(t, e, l) { | |
| const a = t.slice(); | |
| a[112] = e[l]; | |
| const n = ( | |
| /*nodes*/ | |
| a[4].find(function(...p) { | |
| return ( | |
| /*func*/ | |
| t[50]( | |
| /*edge*/ | |
| a[112], | |
| ...p | |
| ) | |
| ); | |
| }) | |
| ); | |
| a[113] = n; | |
| const o = ( | |
| /*nodes*/ | |
| a[4].find(function(...p) { | |
| return ( | |
| /*func_1*/ | |
| t[51]( | |
| /*edge*/ | |
| a[112], | |
| ...p | |
| ) | |
| ); | |
| }) | |
| ); | |
| return a[114] = o, a; | |
| } | |
| function kt(t) { | |
| const e = t.slice(), l = El( | |
| /*sourceNode*/ | |
| e[113], | |
| /*targetNode*/ | |
| e[114] | |
| ); | |
| return e[117] = l, e; | |
| } | |
| function Ot(t, e, l) { | |
| const a = t.slice(); | |
| return a[118] = e[l][0], a[119] = e[l][1], a; | |
| } | |
| function Rt(t, e, l) { | |
| const a = t.slice(); | |
| return a[122] = e[l][0], a[123] = e[l][1], a; | |
| } | |
| function Yt(t) { | |
| let e, l = "Components"; | |
| return { | |
| c() { | |
| e = k("h3"), e.textContent = l, this.h(); | |
| }, | |
| l(a) { | |
| e = b(a, "H3", { class: !0, "data-svelte-h": !0 }), ke(e) !== "svelte-zv3r40" && (e.textContent = l), this.h(); | |
| }, | |
| h() { | |
| i(e, "class", "svelte-c4syt2"); | |
| }, | |
| m(a, n) { | |
| N(a, e, n); | |
| }, | |
| d(a) { | |
| a && m(e); | |
| } | |
| }; | |
| } | |
| function Lt(t) { | |
| let e, l = le(Object.entries( | |
| /*componentCategories*/ | |
| t[17] | |
| )), a = []; | |
| for (let n = 0; n < l.length; n += 1) | |
| a[n] = Vt(Ot(t, l, n)); | |
| return { | |
| c() { | |
| e = k("div"); | |
| for (let n = 0; n < a.length; n += 1) | |
| a[n].c(); | |
| this.h(); | |
| }, | |
| l(n) { | |
| e = b(n, "DIV", { class: !0 }); | |
| var o = P(e); | |
| for (let s = 0; s < a.length; s += 1) | |
| a[s].l(o); | |
| o.forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(e, "class", "sidebar-content svelte-c4syt2"); | |
| }, | |
| m(n, o) { | |
| N(n, e, o); | |
| for (let s = 0; s < a.length; s += 1) | |
| a[s] && a[s].m(e, null); | |
| }, | |
| p(n, o) { | |
| if (o[0] & /*componentCategories, handleSidebarDragStart*/ | |
| 33685504) { | |
| l = le(Object.entries( | |
| /*componentCategories*/ | |
| n[17] | |
| )); | |
| let s; | |
| for (s = 0; s < l.length; s += 1) { | |
| const p = Ot(n, l, s); | |
| a[s] ? a[s].p(p, o) : (a[s] = Vt(p), a[s].c(), a[s].m(e, null)); | |
| } | |
| for (; s < a.length; s += 1) | |
| a[s].d(1); | |
| a.length = l.length; | |
| } | |
| }, | |
| d(n) { | |
| n && m(e), Ke(a, n); | |
| } | |
| }; | |
| } | |
| function Ft(t) { | |
| let e, l, a = ( | |
| /*component*/ | |
| t[123].icon + "" | |
| ), n, o, s, p = ( | |
| /*component*/ | |
| t[123].label + "" | |
| ), u, d, c, _; | |
| function v(...g) { | |
| return ( | |
| /*dragstart_handler*/ | |
| t[46]( | |
| /*componentType*/ | |
| t[122], | |
| /*component*/ | |
| t[123], | |
| ...g | |
| ) | |
| ); | |
| } | |
| return { | |
| c() { | |
| e = k("div"), l = k("span"), n = G(a), o = Y(), s = k("span"), u = G(p), d = Y(), this.h(); | |
| }, | |
| l(g) { | |
| e = b(g, "DIV", { class: !0, draggable: !0 }); | |
| var h = P(e); | |
| l = b(h, "SPAN", { class: !0 }); | |
| var I = P(l); | |
| n = U(I, a), I.forEach(m), o = R(h), s = b(h, "SPAN", { class: !0 }); | |
| var E = P(s); | |
| u = U(E, p), E.forEach(m), d = R(h), h.forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(l, "class", "component-icon svelte-c4syt2"), i(s, "class", "component-label svelte-c4syt2"), i(e, "class", "component-item svelte-c4syt2"), i(e, "draggable", "true"); | |
| }, | |
| m(g, h) { | |
| N(g, e, h), y(e, l), y(l, n), y(e, o), y(e, s), y(s, u), y(e, d), c || (_ = T(e, "dragstart", v), c = !0); | |
| }, | |
| p(g, h) { | |
| t = g; | |
| }, | |
| d(g) { | |
| g && m(e), c = !1, _(); | |
| } | |
| }; | |
| } | |
| function Vt(t) { | |
| let e, l, a, n = ( | |
| /*category*/ | |
| t[119].icon + "" | |
| ), o, s, p, u = ( | |
| /*categoryName*/ | |
| t[118] + "" | |
| ), d, c, _, v, g = le(Object.entries( | |
| /*category*/ | |
| t[119].components | |
| )), h = []; | |
| for (let I = 0; I < g.length; I += 1) | |
| h[I] = Ft(Rt(t, g, I)); | |
| return { | |
| c() { | |
| e = k("div"), l = k("div"), a = k("span"), o = G(n), s = Y(), p = k("span"), d = G(u), c = Y(), _ = k("div"); | |
| for (let I = 0; I < h.length; I += 1) | |
| h[I].c(); | |
| v = Y(), this.h(); | |
| }, | |
| l(I) { | |
| e = b(I, "DIV", { class: !0 }); | |
| var E = P(e); | |
| l = b(E, "DIV", { class: !0 }); | |
| var D = P(l); | |
| a = b(D, "SPAN", { class: !0 }); | |
| var A = P(a); | |
| o = U(A, n), A.forEach(m), s = R(D), p = b(D, "SPAN", { class: !0 }); | |
| var C = P(p); | |
| d = U(C, u), C.forEach(m), D.forEach(m), c = R(E), _ = b(E, "DIV", { class: !0 }); | |
| var oe = P(_); | |
| for (let Q = 0; Q < h.length; Q += 1) | |
| h[Q].l(oe); | |
| oe.forEach(m), v = R(E), E.forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(a, "class", "category-icon svelte-c4syt2"), i(p, "class", "category-name"), i(l, "class", "category-header svelte-c4syt2"), i(_, "class", "category-components"), i(e, "class", "category svelte-c4syt2"); | |
| }, | |
| m(I, E) { | |
| N(I, e, E), y(e, l), y(l, a), y(a, o), y(l, s), y(l, p), y(p, d), y(e, c), y(e, _); | |
| for (let D = 0; D < h.length; D += 1) | |
| h[D] && h[D].m(_, null); | |
| y(e, v); | |
| }, | |
| p(I, E) { | |
| if (E[0] & /*handleSidebarDragStart, componentCategories*/ | |
| 33685504) { | |
| g = le(Object.entries( | |
| /*category*/ | |
| I[119].components | |
| )); | |
| let D; | |
| for (D = 0; D < g.length; D += 1) { | |
| const A = Rt(I, g, D); | |
| h[D] ? h[D].p(A, E) : (h[D] = Ft(A), h[D].c(), h[D].m(_, null)); | |
| } | |
| for (; D < h.length; D += 1) | |
| h[D].d(1); | |
| h.length = g.length; | |
| } | |
| }, | |
| d(I) { | |
| I && m(e), Ke(h, I); | |
| } | |
| }; | |
| } | |
| function Kt(t) { | |
| let e, l, a, n, o, s, p, u, d, c, _, v, g, h, I; | |
| function E() { | |
| return ( | |
| /*click_handler_5*/ | |
| t[48]( | |
| /*edge*/ | |
| t[112] | |
| ) | |
| ); | |
| } | |
| function D() { | |
| return ( | |
| /*click_handler_6*/ | |
| t[49]( | |
| /*edge*/ | |
| t[112] | |
| ) | |
| ); | |
| } | |
| return { | |
| c() { | |
| e = Ve("g"), l = Ve("path"), n = Ve("circle"), p = Ve("circle"), c = Ve("text"), _ = G(`✕ | |
| `), this.h(); | |
| }, | |
| l(A) { | |
| e = Fe(A, "g", { class: !0 }); | |
| var C = P(e); | |
| l = Fe(C, "path", { | |
| d: !0, | |
| stroke: !0, | |
| "stroke-width": !0, | |
| fill: !0, | |
| class: !0 | |
| }), P(l).forEach(m), n = Fe(C, "circle", { cx: !0, cy: !0, r: !0, fill: !0 }), P(n).forEach(m), p = Fe(C, "circle", { | |
| cx: !0, | |
| cy: !0, | |
| r: !0, | |
| fill: !0, | |
| class: !0 | |
| }), P(p).forEach(m), c = Fe(C, "text", { | |
| x: !0, | |
| y: !0, | |
| "text-anchor": !0, | |
| class: !0 | |
| }); | |
| var oe = P(c); | |
| _ = U(oe, `✕ | |
| `), oe.forEach(m), C.forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(l, "d", a = "M " + /*points*/ | |
| t[117].sourceX + " " + /*points*/ | |
| t[117].sourceY + " C " + /*points*/ | |
| (t[117].sourceX + 80) + " " + /*points*/ | |
| t[117].sourceY + " " + /*points*/ | |
| (t[117].targetX - 80) + " " + /*points*/ | |
| t[117].targetY + " " + /*points*/ | |
| t[117].targetX + " " + /*points*/ | |
| t[117].targetY), i(l, "stroke", "#64748b"), i(l, "stroke-width", "2"), i(l, "fill", "none"), i(l, "class", "edge-path"), i(n, "cx", o = /*points*/ | |
| t[117].targetX), i(n, "cy", s = /*points*/ | |
| t[117].targetY), i(n, "r", "4"), i(n, "fill", "#64748b"), i(p, "cx", u = /*points*/ | |
| (t[117].sourceX + /*points*/ | |
| t[117].targetX) / 2), i(p, "cy", d = /*points*/ | |
| (t[117].sourceY + /*points*/ | |
| t[117].targetY) / 2), i(p, "r", "10"), i(p, "fill", "#ef4444"), i(p, "class", "edge-delete svelte-c4syt2"), i(c, "x", v = /*points*/ | |
| (t[117].sourceX + /*points*/ | |
| t[117].targetX) / 2), i(c, "y", g = /*points*/ | |
| (t[117].sourceY + /*points*/ | |
| t[117].targetY) / 2 + 4), i(c, "text-anchor", "middle"), i(c, "class", "edge-delete-text svelte-c4syt2"), i(e, "class", "edge-group"); | |
| }, | |
| m(A, C) { | |
| N(A, e, C), y(e, l), y(e, n), y(e, p), y(e, c), y(c, _), h || (I = [ | |
| T(p, "click", Te(E)), | |
| T(c, "click", Te(D)) | |
| ], h = !0); | |
| }, | |
| p(A, C) { | |
| t = A, C[0] & /*nodes, edges, propertyFields*/ | |
| 262192 && a !== (a = "M " + /*points*/ | |
| t[117].sourceX + " " + /*points*/ | |
| t[117].sourceY + " C " + /*points*/ | |
| (t[117].sourceX + 80) + " " + /*points*/ | |
| t[117].sourceY + " " + /*points*/ | |
| (t[117].targetX - 80) + " " + /*points*/ | |
| t[117].targetY + " " + /*points*/ | |
| t[117].targetX + " " + /*points*/ | |
| t[117].targetY) && i(l, "d", a), C[0] & /*nodes, edges, propertyFields*/ | |
| 262192 && o !== (o = /*points*/ | |
| t[117].targetX) && i(n, "cx", o), C[0] & /*nodes, edges, propertyFields*/ | |
| 262192 && s !== (s = /*points*/ | |
| t[117].targetY) && i(n, "cy", s), C[0] & /*nodes, edges, propertyFields*/ | |
| 262192 && u !== (u = /*points*/ | |
| (t[117].sourceX + /*points*/ | |
| t[117].targetX) / 2) && i(p, "cx", u), C[0] & /*nodes, edges, propertyFields*/ | |
| 262192 && d !== (d = /*points*/ | |
| (t[117].sourceY + /*points*/ | |
| t[117].targetY) / 2) && i(p, "cy", d), C[0] & /*nodes, edges, propertyFields*/ | |
| 262192 && v !== (v = /*points*/ | |
| (t[117].sourceX + /*points*/ | |
| t[117].targetX) / 2) && i(c, "x", v), C[0] & /*nodes, edges, propertyFields*/ | |
| 262192 && g !== (g = /*points*/ | |
| (t[117].sourceY + /*points*/ | |
| t[117].targetY) / 2 + 4) && i(c, "y", g); | |
| }, | |
| d(A) { | |
| A && m(e), h = !1, Pe(I); | |
| } | |
| }; | |
| } | |
| function jt(t, e) { | |
| let l, a, n = ( | |
| /*sourceNode*/ | |
| e[113] && /*targetNode*/ | |
| e[114] && Kt(kt(e)) | |
| ); | |
| return { | |
| key: t, | |
| first: null, | |
| c() { | |
| l = de(), n && n.c(), a = de(), this.h(); | |
| }, | |
| l(o) { | |
| l = de(), n && n.l(o), a = de(), this.h(); | |
| }, | |
| h() { | |
| this.first = l; | |
| }, | |
| m(o, s) { | |
| N(o, l, s), n && n.m(o, s), N(o, a, s); | |
| }, | |
| p(o, s) { | |
| e = o, /*sourceNode*/ | |
| e[113] && /*targetNode*/ | |
| e[114] ? n ? n.p(kt(e), s) : (n = Kt(kt(e)), n.c(), n.m(a.parentNode, a)) : n && (n.d(1), n = null); | |
| }, | |
| d(o) { | |
| o && (m(l), m(a)), n && n.d(o); | |
| } | |
| }; | |
| } | |
| function Bt(t) { | |
| let e, l = ( | |
| /*startNode*/ | |
| t[111] && Ht(t) | |
| ); | |
| return { | |
| c() { | |
| l && l.c(), e = de(); | |
| }, | |
| l(a) { | |
| l && l.l(a), e = de(); | |
| }, | |
| m(a, n) { | |
| l && l.m(a, n), N(a, e, n); | |
| }, | |
| p(a, n) { | |
| /*startNode*/ | |
| a[111] ? l ? l.p(a, n) : (l = Ht(a), l.c(), l.m(e.parentNode, e)) : l && (l.d(1), l = null); | |
| }, | |
| d(a) { | |
| a && m(e), l && l.d(a); | |
| } | |
| }; | |
| } | |
| function Ht(t) { | |
| let e, l; | |
| return { | |
| c() { | |
| e = Ve("path"), this.h(); | |
| }, | |
| l(a) { | |
| e = Fe(a, "path", { | |
| d: !0, | |
| stroke: !0, | |
| "stroke-width": !0, | |
| "stroke-dasharray": !0, | |
| fill: !0, | |
| opacity: !0 | |
| }), P(e).forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(e, "d", l = "M " + /*startNode*/ | |
| (t[111].position.x + 320) + " " + /*startNode*/ | |
| (t[111].position.y + 80) + " L " + /*mousePos*/ | |
| t[10].x + " " + /*mousePos*/ | |
| t[10].y), i(e, "stroke", "#3b82f6"), i(e, "stroke-width", "3"), i(e, "stroke-dasharray", "8,4"), i(e, "fill", "none"), i(e, "opacity", "0.8"); | |
| }, | |
| m(a, n) { | |
| N(a, e, n); | |
| }, | |
| p(a, n) { | |
| n[0] & /*nodes, connectionStart, mousePos, propertyFields*/ | |
| 263696 && l !== (l = "M " + /*startNode*/ | |
| (a[111].position.x + 320) + " " + /*startNode*/ | |
| (a[111].position.y + 80) + " L " + /*mousePos*/ | |
| a[10].x + " " + /*mousePos*/ | |
| a[10].y) && i(e, "d", l); | |
| }, | |
| d(a) { | |
| a && m(e); | |
| } | |
| }; | |
| } | |
| function rl(t) { | |
| let e, l = "Ready"; | |
| return { | |
| c() { | |
| e = k("div"), e.textContent = l, this.h(); | |
| }, | |
| l(a) { | |
| e = b(a, "DIV", { class: !0, "data-svelte-h": !0 }), ke(e) !== "svelte-1jdx31r" && (e.textContent = l), this.h(); | |
| }, | |
| h() { | |
| i(e, "class", "node-status svelte-c4syt2"); | |
| }, | |
| m(a, n) { | |
| N(a, e, n); | |
| }, | |
| p: vt, | |
| d(a) { | |
| a && m(e); | |
| } | |
| }; | |
| } | |
| function pl(t) { | |
| let e, l = le( | |
| /*propertyFields*/ | |
| t[18][ | |
| /*node*/ | |
| t[96].type | |
| ].slice(0, 3) | |
| ), a = []; | |
| for (let n = 0; n < l.length; n += 1) | |
| a[n] = Xt(At(t, l, n)); | |
| return { | |
| c() { | |
| for (let n = 0; n < a.length; n += 1) | |
| a[n].c(); | |
| e = de(); | |
| }, | |
| l(n) { | |
| for (let o = 0; o < a.length; o += 1) | |
| a[o].l(n); | |
| e = de(); | |
| }, | |
| m(n, o) { | |
| for (let s = 0; s < a.length; s += 1) | |
| a[s] && a[s].m(n, o); | |
| N(n, e, o); | |
| }, | |
| p(n, o) { | |
| if (o[0] & /*nodes, propertyFields*/ | |
| 262160 | o[1] & /*updateNodeProperty*/ | |
| 4) { | |
| l = le( | |
| /*propertyFields*/ | |
| n[18][ | |
| /*node*/ | |
| n[96].type | |
| ].slice(0, 3) | |
| ); | |
| let s; | |
| for (s = 0; s < l.length; s += 1) { | |
| const p = At(n, l, s); | |
| a[s] ? a[s].p(p, o) : (a[s] = Xt(p), a[s].c(), a[s].m(e.parentNode, e)); | |
| } | |
| for (; s < a.length; s += 1) | |
| a[s].d(1); | |
| a.length = l.length; | |
| } | |
| }, | |
| d(n) { | |
| n && m(e), Ke(a, n); | |
| } | |
| }; | |
| } | |
| function ul(t) { | |
| let e, l, a, n; | |
| function o(...s) { | |
| return ( | |
| /*input_handler_2*/ | |
| t[57]( | |
| /*node*/ | |
| t[96], | |
| /*field*/ | |
| t[90], | |
| ...s | |
| ) | |
| ); | |
| } | |
| return { | |
| c() { | |
| e = k("input"), this.h(); | |
| }, | |
| l(s) { | |
| e = b(s, "INPUT", { class: !0, type: !0 }), this.h(); | |
| }, | |
| h() { | |
| i(e, "class", "property-input svelte-c4syt2"), i(e, "type", "text"), e.value = l = W( | |
| /*node*/ | |
| t[96], | |
| /*field*/ | |
| t[90].key | |
| ) || ""; | |
| }, | |
| m(s, p) { | |
| N(s, e, p), a || (n = [ | |
| T(e, "input", o), | |
| T(e, "click", Te( | |
| /*click_handler_4*/ | |
| t[45] | |
| )) | |
| ], a = !0); | |
| }, | |
| p(s, p) { | |
| t = s, p[0] & /*nodes, propertyFields*/ | |
| 262160 && l !== (l = W( | |
| /*node*/ | |
| t[96], | |
| /*field*/ | |
| t[90].key | |
| ) || "") && e.value !== l && (e.value = l); | |
| }, | |
| d(s) { | |
| s && m(e), a = !1, Pe(n); | |
| } | |
| }; | |
| } | |
| function cl(t) { | |
| let e, l, a, n; | |
| function o(...s) { | |
| return ( | |
| /*input_handler_1*/ | |
| t[56]( | |
| /*node*/ | |
| t[96], | |
| /*field*/ | |
| t[90], | |
| ...s | |
| ) | |
| ); | |
| } | |
| return { | |
| c() { | |
| e = k("textarea"), this.h(); | |
| }, | |
| l(s) { | |
| e = b(s, "TEXTAREA", { class: !0, rows: !0 }), P(e).forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(e, "class", "property-input svelte-c4syt2"), e.value = l = W( | |
| /*node*/ | |
| t[96], | |
| /*field*/ | |
| t[90].key | |
| ) || "", i(e, "rows", "2"); | |
| }, | |
| m(s, p) { | |
| N(s, e, p), a || (n = [ | |
| T(e, "input", o), | |
| T(e, "click", Te( | |
| /*click_handler_3*/ | |
| t[44] | |
| )) | |
| ], a = !0); | |
| }, | |
| p(s, p) { | |
| t = s, p[0] & /*nodes, propertyFields*/ | |
| 262160 && l !== (l = W( | |
| /*node*/ | |
| t[96], | |
| /*field*/ | |
| t[90].key | |
| ) || "") && (e.value = l); | |
| }, | |
| d(s) { | |
| s && m(e), a = !1, Pe(n); | |
| } | |
| }; | |
| } | |
| function dl(t) { | |
| let e, l, a, n, o, s = "Yes", p, u; | |
| function d(...c) { | |
| return ( | |
| /*change_handler_1*/ | |
| t[55]( | |
| /*node*/ | |
| t[96], | |
| /*field*/ | |
| t[90], | |
| ...c | |
| ) | |
| ); | |
| } | |
| return { | |
| c() { | |
| e = k("label"), l = k("input"), n = Y(), o = k("span"), o.textContent = s, this.h(); | |
| }, | |
| l(c) { | |
| e = b(c, "LABEL", { class: !0 }); | |
| var _ = P(e); | |
| l = b(_, "INPUT", { type: !0, class: !0 }), n = R(_), o = b(_, "SPAN", { "data-svelte-h": !0 }), ke(o) !== "svelte-956xxn" && (o.textContent = s), _.forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(l, "type", "checkbox"), l.checked = a = W( | |
| /*node*/ | |
| t[96], | |
| /*field*/ | |
| t[90].key | |
| ) || !1, i(l, "class", "svelte-c4syt2"), i(e, "class", "property-checkbox svelte-c4syt2"); | |
| }, | |
| m(c, _) { | |
| N(c, e, _), y(e, l), y(e, n), y(e, o), p || (u = [ | |
| T(l, "change", d), | |
| T(l, "click", Te( | |
| /*click_handler_2*/ | |
| t[43] | |
| )) | |
| ], p = !0); | |
| }, | |
| p(c, _) { | |
| t = c, _[0] & /*nodes, propertyFields*/ | |
| 262160 && a !== (a = W( | |
| /*node*/ | |
| t[96], | |
| /*field*/ | |
| t[90].key | |
| ) || !1) && (l.checked = a); | |
| }, | |
| d(c) { | |
| c && m(e), p = !1, Pe(u); | |
| } | |
| }; | |
| } | |
| function _l(t) { | |
| let e, l, a, n, o, s, p; | |
| function u(...d) { | |
| return ( | |
| /*input_handler*/ | |
| t[54]( | |
| /*node*/ | |
| t[96], | |
| /*field*/ | |
| t[90], | |
| ...d | |
| ) | |
| ); | |
| } | |
| return { | |
| c() { | |
| e = k("input"), this.h(); | |
| }, | |
| l(d) { | |
| e = b(d, "INPUT", { | |
| class: !0, | |
| type: !0, | |
| min: !0, | |
| max: !0, | |
| step: !0 | |
| }), this.h(); | |
| }, | |
| h() { | |
| i(e, "class", "property-input svelte-c4syt2"), i(e, "type", "number"), i(e, "min", l = /*field*/ | |
| t[90].min), i(e, "max", a = /*field*/ | |
| t[90].max), i(e, "step", n = /*field*/ | |
| t[90].step), e.value = o = W( | |
| /*node*/ | |
| t[96], | |
| /*field*/ | |
| t[90].key | |
| ) || 0; | |
| }, | |
| m(d, c) { | |
| N(d, e, c), s || (p = [ | |
| T(e, "input", u), | |
| T(e, "click", Te( | |
| /*click_handler_1*/ | |
| t[42] | |
| )) | |
| ], s = !0); | |
| }, | |
| p(d, c) { | |
| t = d, c[0] & /*nodes, propertyFields*/ | |
| 262160 && l !== (l = /*field*/ | |
| t[90].min) && i(e, "min", l), c[0] & /*nodes, propertyFields*/ | |
| 262160 && a !== (a = /*field*/ | |
| t[90].max) && i(e, "max", a), c[0] & /*nodes, propertyFields*/ | |
| 262160 && n !== (n = /*field*/ | |
| t[90].step) && i(e, "step", n), c[0] & /*nodes, propertyFields*/ | |
| 262160 && o !== (o = W( | |
| /*node*/ | |
| t[96], | |
| /*field*/ | |
| t[90].key | |
| ) || 0) && e.value !== o && (e.value = o); | |
| }, | |
| d(d) { | |
| d && m(e), s = !1, Pe(p); | |
| } | |
| }; | |
| } | |
| function ml(t) { | |
| let e, l, a, n, o = le( | |
| /*field*/ | |
| t[90].options | |
| ), s = []; | |
| for (let u = 0; u < o.length; u += 1) | |
| s[u] = Ut(St(t, o, u)); | |
| function p(...u) { | |
| return ( | |
| /*change_handler*/ | |
| t[53]( | |
| /*node*/ | |
| t[96], | |
| /*field*/ | |
| t[90], | |
| ...u | |
| ) | |
| ); | |
| } | |
| return { | |
| c() { | |
| e = k("select"); | |
| for (let u = 0; u < s.length; u += 1) | |
| s[u].c(); | |
| this.h(); | |
| }, | |
| l(u) { | |
| e = b(u, "SELECT", { class: !0 }); | |
| var d = P(e); | |
| for (let c = 0; c < s.length; c += 1) | |
| s[c].l(d); | |
| d.forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(e, "class", "property-select svelte-c4syt2"); | |
| }, | |
| m(u, d) { | |
| N(u, e, d); | |
| for (let c = 0; c < s.length; c += 1) | |
| s[c] && s[c].m(e, null); | |
| gt(e, W( | |
| /*node*/ | |
| t[96], | |
| /*field*/ | |
| t[90].key | |
| ) || ""), a || (n = [ | |
| T(e, "change", p), | |
| T(e, "click", Te( | |
| /*click_handler*/ | |
| t[41] | |
| )) | |
| ], a = !0); | |
| }, | |
| p(u, d) { | |
| if (t = u, d[0] & /*propertyFields, nodes*/ | |
| 262160) { | |
| o = le( | |
| /*field*/ | |
| t[90].options | |
| ); | |
| let c; | |
| for (c = 0; c < o.length; c += 1) { | |
| const _ = St(t, o, c); | |
| s[c] ? s[c].p(_, d) : (s[c] = Ut(_), s[c].c(), s[c].m(e, null)); | |
| } | |
| for (; c < s.length; c += 1) | |
| s[c].d(1); | |
| s.length = o.length; | |
| } | |
| d[0] & /*nodes, propertyFields*/ | |
| 262160 && l !== (l = W( | |
| /*node*/ | |
| t[96], | |
| /*field*/ | |
| t[90].key | |
| ) || "") && gt(e, W( | |
| /*node*/ | |
| t[96], | |
| /*field*/ | |
| t[90].key | |
| ) || ""); | |
| }, | |
| d(u) { | |
| u && m(e), Ke(s, u), a = !1, Pe(n); | |
| } | |
| }; | |
| } | |
| function Ut(t) { | |
| let e, l = ( | |
| /*option*/ | |
| t[93] + "" | |
| ), a, n; | |
| return { | |
| c() { | |
| e = k("option"), a = G(l), this.h(); | |
| }, | |
| l(o) { | |
| e = b(o, "OPTION", {}); | |
| var s = P(e); | |
| a = U(s, l), s.forEach(m), this.h(); | |
| }, | |
| h() { | |
| e.__value = n = /*option*/ | |
| t[93], $e(e, e.__value); | |
| }, | |
| m(o, s) { | |
| N(o, e, s), y(e, a); | |
| }, | |
| p(o, s) { | |
| s[0] & /*nodes*/ | |
| 16 && l !== (l = /*option*/ | |
| o[93] + "") && ce(a, l), s[0] & /*nodes, propertyFields*/ | |
| 262160 && n !== (n = /*option*/ | |
| o[93]) && (e.__value = n, $e(e, e.__value)); | |
| }, | |
| d(o) { | |
| o && m(e); | |
| } | |
| }; | |
| } | |
| function Xt(t) { | |
| let e, l, a = ( | |
| /*field*/ | |
| t[90].label + "" | |
| ), n, o, s, p; | |
| function u(_, v) { | |
| return ( | |
| /*field*/ | |
| _[90].type === "select" ? ml : ( | |
| /*field*/ | |
| _[90].type === "number" ? _l : ( | |
| /*field*/ | |
| _[90].type === "checkbox" ? dl : ( | |
| /*field*/ | |
| _[90].type === "textarea" ? cl : ul | |
| ) | |
| ) | |
| ) | |
| ); | |
| } | |
| let d = u(t), c = d(t); | |
| return { | |
| c() { | |
| e = k("div"), l = k("label"), n = G(a), o = G(":"), s = Y(), c.c(), p = Y(), this.h(); | |
| }, | |
| l(_) { | |
| e = b(_, "DIV", { class: !0 }); | |
| var v = P(e); | |
| l = b(v, "LABEL", { class: !0 }); | |
| var g = P(l); | |
| n = U(g, a), o = U(g, ":"), g.forEach(m), s = R(v), c.l(v), p = R(v), v.forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(l, "class", "property-label svelte-c4syt2"), i(e, "class", "node-property svelte-c4syt2"); | |
| }, | |
| m(_, v) { | |
| N(_, e, v), y(e, l), y(l, n), y(l, o), y(e, s), c.m(e, null), y(e, p); | |
| }, | |
| p(_, v) { | |
| v[0] & /*nodes*/ | |
| 16 && a !== (a = /*field*/ | |
| _[90].label + "") && ce(n, a), d === (d = u(_)) && c ? c.p(_, v) : (c.d(1), c = d(_), c && (c.c(), c.m(e, p))); | |
| }, | |
| d(_) { | |
| _ && m(e), c.d(); | |
| } | |
| }; | |
| } | |
| function yl(t) { | |
| let e, l, a, n, o; | |
| function s(...u) { | |
| return ( | |
| /*mouseup_handler_2*/ | |
| t[62]( | |
| /*node*/ | |
| t[96], | |
| ...u | |
| ) | |
| ); | |
| } | |
| function p(...u) { | |
| return ( | |
| /*mousedown_handler_2*/ | |
| t[63]( | |
| /*node*/ | |
| t[96], | |
| ...u | |
| ) | |
| ); | |
| } | |
| return { | |
| c() { | |
| e = k("div"), l = Y(), a = k("div"), this.h(); | |
| }, | |
| l(u) { | |
| e = b(u, "DIV", { class: !0, style: !0, title: !0 }), P(e).forEach(m), l = R(u), a = b(u, "DIV", { class: !0, style: !0, title: !0 }), P(a).forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(e, "class", "connection-point input svelte-c4syt2"), X(e, "top", "50%"), X(e, "left", "-6px"), X(e, "transform", "translateY(-50%)"), i(e, "title", "Input"), i(a, "class", "connection-point output svelte-c4syt2"), X(a, "top", "50%"), X(a, "right", "-6px"), X(a, "transform", "translateY(-50%)"), i(a, "title", "Output"); | |
| }, | |
| m(u, d) { | |
| N(u, e, d), N(u, l, d), N(u, a, d), n || (o = [ | |
| T(e, "mouseup", s), | |
| T(a, "mousedown", p) | |
| ], n = !0); | |
| }, | |
| p(u, d) { | |
| t = u; | |
| }, | |
| d(u) { | |
| u && (m(e), m(l), m(a)), n = !1, Pe(o); | |
| } | |
| }; | |
| } | |
| function Gt(t) { | |
| let e, l, a, n = le( | |
| /*templateHandles*/ | |
| t[100] | |
| ), o = []; | |
| for (let u = 0; u < n.length; u += 1) | |
| o[u] = Wt(Ct(t, n, u)); | |
| let s = !/*hasInputHandles*/ | |
| t[101] && Qt(t), p = !/*hasOutputHandles*/ | |
| t[102] && zt(t); | |
| return { | |
| c() { | |
| for (let u = 0; u < o.length; u += 1) | |
| o[u].c(); | |
| e = Y(), s && s.c(), l = Y(), p && p.c(), a = de(); | |
| }, | |
| l(u) { | |
| for (let d = 0; d < o.length; d += 1) | |
| o[d].l(u); | |
| e = R(u), s && s.l(u), l = R(u), p && p.l(u), a = de(); | |
| }, | |
| m(u, d) { | |
| for (let c = 0; c < o.length; c += 1) | |
| o[c] && o[c].m(u, d); | |
| N(u, e, d), s && s.m(u, d), N(u, l, d), p && p.m(u, d), N(u, a, d); | |
| }, | |
| p(u, d) { | |
| if (d[0] & /*nodes, endConnection, startConnection*/ | |
| 1610612752) { | |
| n = le( | |
| /*templateHandles*/ | |
| u[100] | |
| ); | |
| let c; | |
| for (c = 0; c < n.length; c += 1) { | |
| const _ = Ct(u, n, c); | |
| o[c] ? o[c].p(_, d) : (o[c] = Wt(_), o[c].c(), o[c].m(e.parentNode, e)); | |
| } | |
| for (; c < o.length; c += 1) | |
| o[c].d(1); | |
| o.length = n.length; | |
| } | |
| /*hasInputHandles*/ | |
| u[101] ? s && (s.d(1), s = null) : s ? s.p(u, d) : (s = Qt(u), s.c(), s.m(l.parentNode, l)), /*hasOutputHandles*/ | |
| u[102] ? p && (p.d(1), p = null) : p ? p.p(u, d) : (p = zt(u), p.c(), p.m(a.parentNode, a)); | |
| }, | |
| d(u) { | |
| u && (m(e), m(l), m(a)), Ke(o, u), s && s.d(u), p && p.d(u); | |
| } | |
| }; | |
| } | |
| function qt(t) { | |
| let e, l, a, n, o, s; | |
| function p(...d) { | |
| return ( | |
| /*mouseup_handler*/ | |
| t[58]( | |
| /*handle*/ | |
| t[104], | |
| /*node*/ | |
| t[96], | |
| ...d | |
| ) | |
| ); | |
| } | |
| function u(...d) { | |
| return ( | |
| /*mousedown_handler*/ | |
| t[59]( | |
| /*handle*/ | |
| t[104], | |
| /*node*/ | |
| t[96], | |
| ...d | |
| ) | |
| ); | |
| } | |
| return { | |
| c() { | |
| e = k("div"), this.h(); | |
| }, | |
| l(d) { | |
| e = b(d, "DIV", { class: !0, style: !0, title: !0 }), P(e).forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(e, "class", l = "connection-point " + /*handle*/ | |
| (t[104].type === "string" || /*handle*/ | |
| t[104].type === "list" || /*handle*/ | |
| t[104].type === "file" ? "output" : "input") + " svelte-c4syt2"), i(e, "style", a = "top: " + /*index*/ | |
| (t[106] * 25 + 40) + "px; " + /*handle*/ | |
| (t[104].type === "string" || /*handle*/ | |
| t[104].type === "list" || /*handle*/ | |
| t[104].type === "file" ? "right: -6px;" : "left: -6px;")), i(e, "title", n = `${/*handle*/ | |
| t[104].display_name || /*handleId*/ | |
| t[103]} (${/*handle*/ | |
| t[104].type})`); | |
| }, | |
| m(d, c) { | |
| N(d, e, c), o || (s = [ | |
| T(e, "mouseup", p), | |
| T(e, "mousedown", u) | |
| ], o = !0); | |
| }, | |
| p(d, c) { | |
| t = d, c[0] & /*nodes, propertyFields*/ | |
| 262160 && l !== (l = "connection-point " + /*handle*/ | |
| (t[104].type === "string" || /*handle*/ | |
| t[104].type === "list" || /*handle*/ | |
| t[104].type === "file" ? "output" : "input") + " svelte-c4syt2") && i(e, "class", l), c[0] & /*nodes, propertyFields*/ | |
| 262160 && a !== (a = "top: " + /*index*/ | |
| (t[106] * 25 + 40) + "px; " + /*handle*/ | |
| (t[104].type === "string" || /*handle*/ | |
| t[104].type === "list" || /*handle*/ | |
| t[104].type === "file" ? "right: -6px;" : "left: -6px;")) && i(e, "style", a), c[0] & /*nodes, propertyFields*/ | |
| 262160 && n !== (n = `${/*handle*/ | |
| t[104].display_name || /*handleId*/ | |
| t[103]} (${/*handle*/ | |
| t[104].type})`) && i(e, "title", n); | |
| }, | |
| d(d) { | |
| d && m(e), o = !1, Pe(s); | |
| } | |
| }; | |
| } | |
| function Wt(t) { | |
| let e, l = ( | |
| /*handle*/ | |
| (t[104].type === "string" || /*handle*/ | |
| t[104].type === "object" || /*handle*/ | |
| t[104].type === "list" || /*handle*/ | |
| t[104].type === "file") && qt(t) | |
| ); | |
| return { | |
| c() { | |
| l && l.c(), e = de(); | |
| }, | |
| l(a) { | |
| l && l.l(a), e = de(); | |
| }, | |
| m(a, n) { | |
| l && l.m(a, n), N(a, e, n); | |
| }, | |
| p(a, n) { | |
| /*handle*/ | |
| a[104].type === "string" || /*handle*/ | |
| a[104].type === "object" || /*handle*/ | |
| a[104].type === "list" || /*handle*/ | |
| a[104].type === "file" ? l ? l.p(a, n) : (l = qt(a), l.c(), l.m(e.parentNode, e)) : l && (l.d(1), l = null); | |
| }, | |
| d(a) { | |
| a && m(e), l && l.d(a); | |
| } | |
| }; | |
| } | |
| function Qt(t) { | |
| let e, l, a; | |
| function n(...o) { | |
| return ( | |
| /*mouseup_handler_1*/ | |
| t[60]( | |
| /*node*/ | |
| t[96], | |
| ...o | |
| ) | |
| ); | |
| } | |
| return { | |
| c() { | |
| e = k("div"), this.h(); | |
| }, | |
| l(o) { | |
| e = b(o, "DIV", { class: !0, style: !0, title: !0 }), P(e).forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(e, "class", "connection-point input svelte-c4syt2"), X(e, "top", "50%"), X(e, "left", "-6px"), X(e, "transform", "translateY(-50%)"), i(e, "title", "Input"); | |
| }, | |
| m(o, s) { | |
| N(o, e, s), l || (a = T(e, "mouseup", n), l = !0); | |
| }, | |
| p(o, s) { | |
| t = o; | |
| }, | |
| d(o) { | |
| o && m(e), l = !1, a(); | |
| } | |
| }; | |
| } | |
| function zt(t) { | |
| let e, l, a; | |
| function n(...o) { | |
| return ( | |
| /*mousedown_handler_1*/ | |
| t[61]( | |
| /*node*/ | |
| t[96], | |
| ...o | |
| ) | |
| ); | |
| } | |
| return { | |
| c() { | |
| e = k("div"), this.h(); | |
| }, | |
| l(o) { | |
| e = b(o, "DIV", { class: !0, style: !0, title: !0 }), P(e).forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(e, "class", "connection-point output svelte-c4syt2"), X(e, "top", "50%"), X(e, "right", "-6px"), X(e, "transform", "translateY(-50%)"), i(e, "title", "Output"); | |
| }, | |
| m(o, s) { | |
| N(o, e, s), l || (a = T(e, "mousedown", n), l = !0); | |
| }, | |
| p(o, s) { | |
| t = o; | |
| }, | |
| d(o) { | |
| o && m(e), l = !1, a(); | |
| } | |
| }; | |
| } | |
| function Jt(t, e) { | |
| let l, a, n, o = ( | |
| /*config*/ | |
| e[97].icon + "" | |
| ), s, p, u, d = ( | |
| /*node*/ | |
| (e[96].data.display_name || /*node*/ | |
| e[96].data.label) + "" | |
| ), c, _, v, g = "✕", h, I, E, D, A, C; | |
| function oe() { | |
| return ( | |
| /*click_handler_7*/ | |
| e[52]( | |
| /*node*/ | |
| e[96] | |
| ) | |
| ); | |
| } | |
| function Q(L, K) { | |
| return ( | |
| /*propertyFields*/ | |
| L[18][ | |
| /*node*/ | |
| L[96].type | |
| ] ? pl : rl | |
| ); | |
| } | |
| let Z = Q(e), S = Z(e); | |
| function fe(L, K) { | |
| return ( | |
| /*node*/ | |
| L[96].data.template ? Gt : yl | |
| ); | |
| } | |
| function ve(L, K) { | |
| return K === Gt ? il(L) : L; | |
| } | |
| let ae = fe(e), O = ae(ve(e, ae)); | |
| function j(...L) { | |
| return ( | |
| /*mousedown_handler_3*/ | |
| e[64]( | |
| /*node*/ | |
| e[96], | |
| ...L | |
| ) | |
| ); | |
| } | |
| function Ee(...L) { | |
| return ( | |
| /*click_handler_8*/ | |
| e[65]( | |
| /*node*/ | |
| e[96], | |
| ...L | |
| ) | |
| ); | |
| } | |
| return { | |
| key: t, | |
| first: null, | |
| c() { | |
| l = k("div"), a = k("div"), n = k("span"), s = G(o), p = Y(), u = k("span"), c = G(d), _ = Y(), v = k("button"), v.textContent = g, h = Y(), I = k("div"), S.c(), E = Y(), O.c(), D = Y(), this.h(); | |
| }, | |
| l(L) { | |
| l = b(L, "DIV", { class: !0, style: !0 }); | |
| var K = P(l); | |
| a = b(K, "DIV", { class: !0, style: !0 }); | |
| var V = P(a); | |
| n = b(V, "SPAN", { class: !0 }); | |
| var B = P(n); | |
| s = U(B, o), B.forEach(m), p = R(V), u = b(V, "SPAN", { class: !0 }); | |
| var _e = P(u); | |
| c = U(_e, d), _e.forEach(m), _ = R(V), v = b(V, "BUTTON", { | |
| class: !0, | |
| title: !0, | |
| "data-svelte-h": !0 | |
| }), ke(v) !== "svelte-18enu0f" && (v.textContent = g), V.forEach(m), h = R(K), I = b(K, "DIV", { class: !0 }); | |
| var Me = P(I); | |
| S.l(Me), Me.forEach(m), E = R(K), O.l(K), D = R(K), K.forEach(m), this.h(); | |
| }, | |
| h() { | |
| var L; | |
| i(n, "class", "node-icon svelte-c4syt2"), i(u, "class", "node-title svelte-c4syt2"), i(v, "class", "node-delete svelte-c4syt2"), i(v, "title", "Delete node"), i(a, "class", "node-header svelte-c4syt2"), X( | |
| a, | |
| "background", | |
| /*config*/ | |
| e[97].color | |
| ), i(I, "class", "node-content svelte-c4syt2"), i(l, "class", "node svelte-c4syt2"), X( | |
| l, | |
| "left", | |
| /*node*/ | |
| e[96].position.x + "px" | |
| ), X( | |
| l, | |
| "top", | |
| /*node*/ | |
| e[96].position.y + "px" | |
| ), X( | |
| l, | |
| "border-color", | |
| /*config*/ | |
| e[97].color | |
| ), Se( | |
| l, | |
| "selected", | |
| /*selectedNode*/ | |
| ((L = e[11]) == null ? void 0 : L.id) === /*node*/ | |
| e[96].id | |
| ), this.first = l; | |
| }, | |
| m(L, K) { | |
| N(L, l, K), y(l, a), y(a, n), y(n, s), y(a, p), y(a, u), y(u, c), y(a, _), y(a, v), y(l, h), y(l, I), S.m(I, null), y(l, E), O.m(l, null), y(l, D), A || (C = [ | |
| T(v, "click", Te(oe)), | |
| T(l, "mousedown", j), | |
| T(l, "click", Ee) | |
| ], A = !0); | |
| }, | |
| p(L, K) { | |
| var V; | |
| e = L, K[0] & /*nodes*/ | |
| 16 && o !== (o = /*config*/ | |
| e[97].icon + "") && ce(s, o), K[0] & /*nodes*/ | |
| 16 && d !== (d = /*node*/ | |
| (e[96].data.display_name || /*node*/ | |
| e[96].data.label) + "") && ce(c, d), K[0] & /*nodes*/ | |
| 16 && X( | |
| a, | |
| "background", | |
| /*config*/ | |
| e[97].color | |
| ), Z === (Z = Q(e)) && S ? S.p(e, K) : (S.d(1), S = Z(e), S && (S.c(), S.m(I, null))), ae === (ae = fe(e)) && O ? O.p(ve(e, ae), K) : (O.d(1), O = ae(ve(e, ae)), O && (O.c(), O.m(l, D))), K[0] & /*nodes*/ | |
| 16 && X( | |
| l, | |
| "left", | |
| /*node*/ | |
| e[96].position.x + "px" | |
| ), K[0] & /*nodes*/ | |
| 16 && X( | |
| l, | |
| "top", | |
| /*node*/ | |
| e[96].position.y + "px" | |
| ), K[0] & /*nodes*/ | |
| 16 && X( | |
| l, | |
| "border-color", | |
| /*config*/ | |
| e[97].color | |
| ), K[0] & /*selectedNode, nodes*/ | |
| 2064 && Se( | |
| l, | |
| "selected", | |
| /*selectedNode*/ | |
| ((V = e[11]) == null ? void 0 : V.id) === /*node*/ | |
| e[96].id | |
| ); | |
| }, | |
| d(L) { | |
| L && m(l), S.d(), O.d(), A = !1, Pe(C); | |
| } | |
| }; | |
| } | |
| function Zt(t) { | |
| let e, l = "Properties"; | |
| return { | |
| c() { | |
| e = k("h3"), e.textContent = l, this.h(); | |
| }, | |
| l(a) { | |
| e = b(a, "H3", { class: !0, "data-svelte-h": !0 }), ke(e) !== "svelte-mbvbrx" && (e.textContent = l), this.h(); | |
| }, | |
| h() { | |
| i(e, "class", "svelte-c4syt2"); | |
| }, | |
| m(a, n) { | |
| N(a, e, n); | |
| }, | |
| d(a) { | |
| a && m(e); | |
| } | |
| }; | |
| } | |
| function xt(t) { | |
| let e; | |
| function l(o, s) { | |
| return ( | |
| /*selectedNode*/ | |
| o[11] && /*propertyFields*/ | |
| o[18][ | |
| /*selectedNode*/ | |
| o[11].type | |
| ] ? fl : hl | |
| ); | |
| } | |
| let a = l(t), n = a(t); | |
| return { | |
| c() { | |
| e = k("div"), n.c(), this.h(); | |
| }, | |
| l(o) { | |
| e = b(o, "DIV", { class: !0 }); | |
| var s = P(e); | |
| n.l(s), s.forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(e, "class", "property-content svelte-c4syt2"); | |
| }, | |
| m(o, s) { | |
| N(o, e, s), n.m(e, null); | |
| }, | |
| p(o, s) { | |
| a === (a = l(o)) && n ? n.p(o, s) : (n.d(1), n = a(o), n && (n.c(), n.m(e, null))); | |
| }, | |
| d(o) { | |
| o && m(e), n.d(); | |
| } | |
| }; | |
| } | |
| function hl(t) { | |
| let e, l = '<div class="empty-icon svelte-c4syt2">🎯</div> <p class="svelte-c4syt2">Select a node to edit properties</p> <small class="svelte-c4syt2">Click on any node to configure its detailed settings</small>'; | |
| return { | |
| c() { | |
| e = k("div"), e.innerHTML = l, this.h(); | |
| }, | |
| l(a) { | |
| e = b(a, "DIV", { class: !0, "data-svelte-h": !0 }), ke(e) !== "svelte-aa72n1" && (e.innerHTML = l), this.h(); | |
| }, | |
| h() { | |
| i(e, "class", "property-empty svelte-c4syt2"); | |
| }, | |
| m(a, n) { | |
| N(a, e, n); | |
| }, | |
| p: vt, | |
| d(a) { | |
| a && m(e); | |
| } | |
| }; | |
| } | |
| function fl(t) { | |
| let e, l, a = ( | |
| /*selectedNode*/ | |
| (t[11].data.display_name || /*selectedNode*/ | |
| t[11].data.label) + "" | |
| ), n, o, s, p, u = ( | |
| /*selectedNode*/ | |
| t[11].type.toUpperCase() + "" | |
| ), d, c, _, v = le( | |
| /*propertyFields*/ | |
| t[18][ | |
| /*selectedNode*/ | |
| t[11].type | |
| ] | |
| ), g = []; | |
| for (let h = 0; h < v.length; h += 1) | |
| g[h] = tl(Dt(t, v, h)); | |
| return { | |
| c() { | |
| e = k("div"), l = k("h4"), n = G(a), o = Y(), s = k("p"), p = G("TYPE: "), d = G(u), c = Y(), _ = k("div"); | |
| for (let h = 0; h < g.length; h += 1) | |
| g[h].c(); | |
| this.h(); | |
| }, | |
| l(h) { | |
| e = b(h, "DIV", { class: !0 }); | |
| var I = P(e); | |
| l = b(I, "H4", { class: !0 }); | |
| var E = P(l); | |
| n = U(E, a), E.forEach(m), o = R(I), s = b(I, "P", { class: !0 }); | |
| var D = P(s); | |
| p = U(D, "TYPE: "), d = U(D, u), D.forEach(m), I.forEach(m), c = R(h), _ = b(h, "DIV", { class: !0 }); | |
| var A = P(_); | |
| for (let C = 0; C < g.length; C += 1) | |
| g[C].l(A); | |
| A.forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(l, "class", "svelte-c4syt2"), i(s, "class", "property-node-type svelte-c4syt2"), i(e, "class", "property-node-info svelte-c4syt2"), i(_, "class", "property-fields"); | |
| }, | |
| m(h, I) { | |
| N(h, e, I), y(e, l), y(l, n), y(e, o), y(e, s), y(s, p), y(s, d), N(h, c, I), N(h, _, I); | |
| for (let E = 0; E < g.length; E += 1) | |
| g[E] && g[E].m(_, null); | |
| }, | |
| p(h, I) { | |
| if (I[0] & /*selectedNode*/ | |
| 2048 && a !== (a = /*selectedNode*/ | |
| (h[11].data.display_name || /*selectedNode*/ | |
| h[11].data.label) + "") && ce(n, a), I[0] & /*selectedNode*/ | |
| 2048 && u !== (u = /*selectedNode*/ | |
| h[11].type.toUpperCase() + "") && ce(d, u), I[0] & /*propertyFields, selectedNode*/ | |
| 264192 | I[1] & /*updateNodeProperty*/ | |
| 4) { | |
| v = le( | |
| /*propertyFields*/ | |
| h[18][ | |
| /*selectedNode*/ | |
| h[11].type | |
| ] | |
| ); | |
| let E; | |
| for (E = 0; E < v.length; E += 1) { | |
| const D = Dt(h, v, E); | |
| g[E] ? g[E].p(D, I) : (g[E] = tl(D), g[E].c(), g[E].m(_, null)); | |
| } | |
| for (; E < g.length; E += 1) | |
| g[E].d(1); | |
| g.length = v.length; | |
| } | |
| }, | |
| d(h) { | |
| h && (m(e), m(c), m(_)), Ke(g, h); | |
| } | |
| }; | |
| } | |
| function $t(t) { | |
| let e, l = ( | |
| /*field*/ | |
| t[90].help + "" | |
| ), a; | |
| return { | |
| c() { | |
| e = k("small"), a = G(l), this.h(); | |
| }, | |
| l(n) { | |
| e = b(n, "SMALL", { class: !0 }); | |
| var o = P(e); | |
| a = U(o, l), o.forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(e, "class", "field-help svelte-c4syt2"); | |
| }, | |
| m(n, o) { | |
| N(n, e, o), y(e, a); | |
| }, | |
| p(n, o) { | |
| o[0] & /*selectedNode*/ | |
| 2048 && l !== (l = /*field*/ | |
| n[90].help + "") && ce(a, l); | |
| }, | |
| d(n) { | |
| n && m(e); | |
| } | |
| }; | |
| } | |
| function vl(t) { | |
| let e, l, a, n, o; | |
| function s(...p) { | |
| return ( | |
| /*input_handler_5*/ | |
| t[73]( | |
| /*field*/ | |
| t[90], | |
| ...p | |
| ) | |
| ); | |
| } | |
| return { | |
| c() { | |
| e = k("textarea"), this.h(); | |
| }, | |
| l(p) { | |
| e = b(p, "TEXTAREA", { id: !0, rows: !0, class: !0 }), P(e).forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(e, "id", l = /*field*/ | |
| t[90].key), e.value = a = W( | |
| /*selectedNode*/ | |
| t[11], | |
| /*field*/ | |
| t[90].key | |
| ) || "", i(e, "rows", "4"), i(e, "class", "svelte-c4syt2"); | |
| }, | |
| m(p, u) { | |
| N(p, e, u), n || (o = T(e, "input", s), n = !0); | |
| }, | |
| p(p, u) { | |
| t = p, u[0] & /*selectedNode, propertyFields*/ | |
| 264192 && l !== (l = /*field*/ | |
| t[90].key) && i(e, "id", l), u[0] & /*selectedNode, propertyFields*/ | |
| 264192 && a !== (a = W( | |
| /*selectedNode*/ | |
| t[11], | |
| /*field*/ | |
| t[90].key | |
| ) || "") && (e.value = a); | |
| }, | |
| d(p) { | |
| p && m(e), n = !1, o(); | |
| } | |
| }; | |
| } | |
| function gl(t) { | |
| let e, l, a, n, o, s = le( | |
| /*field*/ | |
| t[90].options | |
| ), p = []; | |
| for (let d = 0; d < s.length; d += 1) | |
| p[d] = el(Mt(t, s, d)); | |
| function u(...d) { | |
| return ( | |
| /*change_handler_3*/ | |
| t[72]( | |
| /*field*/ | |
| t[90], | |
| ...d | |
| ) | |
| ); | |
| } | |
| return { | |
| c() { | |
| e = k("select"); | |
| for (let d = 0; d < p.length; d += 1) | |
| p[d].c(); | |
| this.h(); | |
| }, | |
| l(d) { | |
| e = b(d, "SELECT", { id: !0, class: !0 }); | |
| var c = P(e); | |
| for (let _ = 0; _ < p.length; _ += 1) | |
| p[_].l(c); | |
| c.forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(e, "id", l = /*field*/ | |
| t[90].key), i(e, "class", "svelte-c4syt2"); | |
| }, | |
| m(d, c) { | |
| N(d, e, c); | |
| for (let _ = 0; _ < p.length; _ += 1) | |
| p[_] && p[_].m(e, null); | |
| gt(e, W( | |
| /*selectedNode*/ | |
| t[11], | |
| /*field*/ | |
| t[90].key | |
| ) || ""), n || (o = T(e, "change", u), n = !0); | |
| }, | |
| p(d, c) { | |
| if (t = d, c[0] & /*propertyFields, selectedNode*/ | |
| 264192) { | |
| s = le( | |
| /*field*/ | |
| t[90].options | |
| ); | |
| let _; | |
| for (_ = 0; _ < s.length; _ += 1) { | |
| const v = Mt(t, s, _); | |
| p[_] ? p[_].p(v, c) : (p[_] = el(v), p[_].c(), p[_].m(e, null)); | |
| } | |
| for (; _ < p.length; _ += 1) | |
| p[_].d(1); | |
| p.length = s.length; | |
| } | |
| c[0] & /*selectedNode, propertyFields*/ | |
| 264192 && l !== (l = /*field*/ | |
| t[90].key) && i(e, "id", l), c[0] & /*selectedNode, propertyFields*/ | |
| 264192 && a !== (a = W( | |
| /*selectedNode*/ | |
| t[11], | |
| /*field*/ | |
| t[90].key | |
| ) || "") && gt(e, W( | |
| /*selectedNode*/ | |
| t[11], | |
| /*field*/ | |
| t[90].key | |
| ) || ""); | |
| }, | |
| d(d) { | |
| d && m(e), Ke(p, d), n = !1, o(); | |
| } | |
| }; | |
| } | |
| function bl(t) { | |
| let e, l, a, n, o, s, p = "Enable", u, d; | |
| function c(..._) { | |
| return ( | |
| /*change_handler_2*/ | |
| t[71]( | |
| /*field*/ | |
| t[90], | |
| ..._ | |
| ) | |
| ); | |
| } | |
| return { | |
| c() { | |
| e = k("label"), l = k("input"), o = Y(), s = k("span"), s.textContent = p, this.h(); | |
| }, | |
| l(_) { | |
| e = b(_, "LABEL", { class: !0 }); | |
| var v = P(e); | |
| l = b(v, "INPUT", { type: !0, id: !0, class: !0 }), o = R(v), s = b(v, "SPAN", { class: !0, "data-svelte-h": !0 }), ke(s) !== "svelte-k3h2i9" && (s.textContent = p), v.forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(l, "type", "checkbox"), i(l, "id", a = /*field*/ | |
| t[90].key), l.checked = n = W( | |
| /*selectedNode*/ | |
| t[11], | |
| /*field*/ | |
| t[90].key | |
| ) || !1, i(l, "class", "svelte-c4syt2"), i(s, "class", "checkbox-text"), i(e, "class", "checkbox-label svelte-c4syt2"); | |
| }, | |
| m(_, v) { | |
| N(_, e, v), y(e, l), y(e, o), y(e, s), u || (d = T(l, "change", c), u = !0); | |
| }, | |
| p(_, v) { | |
| t = _, v[0] & /*selectedNode, propertyFields*/ | |
| 264192 && a !== (a = /*field*/ | |
| t[90].key) && i(l, "id", a), v[0] & /*selectedNode, propertyFields*/ | |
| 264192 && n !== (n = W( | |
| /*selectedNode*/ | |
| t[11], | |
| /*field*/ | |
| t[90].key | |
| ) || !1) && (l.checked = n); | |
| }, | |
| d(_) { | |
| _ && m(e), u = !1, d(); | |
| } | |
| }; | |
| } | |
| function kl(t) { | |
| let e, l, a, n, o, s, p, u; | |
| function d(...c) { | |
| return ( | |
| /*input_handler_4*/ | |
| t[70]( | |
| /*field*/ | |
| t[90], | |
| ...c | |
| ) | |
| ); | |
| } | |
| return { | |
| c() { | |
| e = k("input"), this.h(); | |
| }, | |
| l(c) { | |
| e = b(c, "INPUT", { | |
| type: !0, | |
| id: !0, | |
| min: !0, | |
| max: !0, | |
| step: !0, | |
| class: !0 | |
| }), this.h(); | |
| }, | |
| h() { | |
| i(e, "type", "number"), i(e, "id", l = /*field*/ | |
| t[90].key), e.value = a = W( | |
| /*selectedNode*/ | |
| t[11], | |
| /*field*/ | |
| t[90].key | |
| ) || 0, i(e, "min", n = /*field*/ | |
| t[90].min), i(e, "max", o = /*field*/ | |
| t[90].max), i(e, "step", s = /*field*/ | |
| t[90].step), i(e, "class", "svelte-c4syt2"); | |
| }, | |
| m(c, _) { | |
| N(c, e, _), p || (u = T(e, "input", d), p = !0); | |
| }, | |
| p(c, _) { | |
| t = c, _[0] & /*selectedNode, propertyFields*/ | |
| 264192 && l !== (l = /*field*/ | |
| t[90].key) && i(e, "id", l), _[0] & /*selectedNode, propertyFields*/ | |
| 264192 && a !== (a = W( | |
| /*selectedNode*/ | |
| t[11], | |
| /*field*/ | |
| t[90].key | |
| ) || 0) && e.value !== a && (e.value = a), _[0] & /*selectedNode, propertyFields*/ | |
| 264192 && n !== (n = /*field*/ | |
| t[90].min) && i(e, "min", n), _[0] & /*selectedNode, propertyFields*/ | |
| 264192 && o !== (o = /*field*/ | |
| t[90].max) && i(e, "max", o), _[0] & /*selectedNode, propertyFields*/ | |
| 264192 && s !== (s = /*field*/ | |
| t[90].step) && i(e, "step", s); | |
| }, | |
| d(c) { | |
| c && m(e), p = !1, u(); | |
| } | |
| }; | |
| } | |
| function wl(t) { | |
| let e, l, a, n, o; | |
| function s(...p) { | |
| return ( | |
| /*input_handler_3*/ | |
| t[69]( | |
| /*field*/ | |
| t[90], | |
| ...p | |
| ) | |
| ); | |
| } | |
| return { | |
| c() { | |
| e = k("input"), this.h(); | |
| }, | |
| l(p) { | |
| e = b(p, "INPUT", { type: !0, id: !0, class: !0 }), this.h(); | |
| }, | |
| h() { | |
| i(e, "type", "text"), i(e, "id", l = /*field*/ | |
| t[90].key), e.value = a = W( | |
| /*selectedNode*/ | |
| t[11], | |
| /*field*/ | |
| t[90].key | |
| ) || "", i(e, "class", "svelte-c4syt2"); | |
| }, | |
| m(p, u) { | |
| N(p, e, u), n || (o = T(e, "input", s), n = !0); | |
| }, | |
| p(p, u) { | |
| t = p, u[0] & /*selectedNode, propertyFields*/ | |
| 264192 && l !== (l = /*field*/ | |
| t[90].key) && i(e, "id", l), u[0] & /*selectedNode, propertyFields*/ | |
| 264192 && a !== (a = W( | |
| /*selectedNode*/ | |
| t[11], | |
| /*field*/ | |
| t[90].key | |
| ) || "") && e.value !== a && (e.value = a); | |
| }, | |
| d(p) { | |
| p && m(e), n = !1, o(); | |
| } | |
| }; | |
| } | |
| function el(t) { | |
| let e, l = ( | |
| /*option*/ | |
| t[93] + "" | |
| ), a, n; | |
| return { | |
| c() { | |
| e = k("option"), a = G(l), this.h(); | |
| }, | |
| l(o) { | |
| e = b(o, "OPTION", {}); | |
| var s = P(e); | |
| a = U(s, l), s.forEach(m), this.h(); | |
| }, | |
| h() { | |
| e.__value = n = /*option*/ | |
| t[93], $e(e, e.__value); | |
| }, | |
| m(o, s) { | |
| N(o, e, s), y(e, a); | |
| }, | |
| p(o, s) { | |
| s[0] & /*selectedNode*/ | |
| 2048 && l !== (l = /*option*/ | |
| o[93] + "") && ce(a, l), s[0] & /*selectedNode, propertyFields*/ | |
| 264192 && n !== (n = /*option*/ | |
| o[93]) && (e.__value = n, $e(e, e.__value)); | |
| }, | |
| d(o) { | |
| o && m(e); | |
| } | |
| }; | |
| } | |
| function tl(t) { | |
| let e, l, a = ( | |
| /*field*/ | |
| t[90].label + "" | |
| ), n, o, s, p, u, d = ( | |
| /*field*/ | |
| t[90].help && $t(t) | |
| ); | |
| function c(g, h) { | |
| if ( | |
| /*field*/ | |
| g[90].type === "text" | |
| ) return wl; | |
| if ( | |
| /*field*/ | |
| g[90].type === "number" | |
| ) return kl; | |
| if ( | |
| /*field*/ | |
| g[90].type === "checkbox" | |
| ) return bl; | |
| if ( | |
| /*field*/ | |
| g[90].type === "select" | |
| ) return gl; | |
| if ( | |
| /*field*/ | |
| g[90].type === "textarea" | |
| ) return vl; | |
| } | |
| let _ = c(t), v = _ && _(t); | |
| return { | |
| c() { | |
| e = k("div"), l = k("label"), n = G(a), s = Y(), d && d.c(), p = Y(), v && v.c(), u = Y(), this.h(); | |
| }, | |
| l(g) { | |
| e = b(g, "DIV", { class: !0 }); | |
| var h = P(e); | |
| l = b(h, "LABEL", { for: !0, class: !0 }); | |
| var I = P(l); | |
| n = U(I, a), I.forEach(m), s = R(h), d && d.l(h), p = R(h), v && v.l(h), u = R(h), h.forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(l, "for", o = /*field*/ | |
| t[90].key), i(l, "class", "svelte-c4syt2"), i(e, "class", "property-field svelte-c4syt2"); | |
| }, | |
| m(g, h) { | |
| N(g, e, h), y(e, l), y(l, n), y(e, s), d && d.m(e, null), y(e, p), v && v.m(e, null), y(e, u); | |
| }, | |
| p(g, h) { | |
| h[0] & /*selectedNode*/ | |
| 2048 && a !== (a = /*field*/ | |
| g[90].label + "") && ce(n, a), h[0] & /*selectedNode, propertyFields*/ | |
| 264192 && o !== (o = /*field*/ | |
| g[90].key) && i(l, "for", o), /*field*/ | |
| g[90].help ? d ? d.p(g, h) : (d = $t(g), d.c(), d.m(e, p)) : d && (d.d(1), d = null), _ === (_ = c(g)) && v ? v.p(g, h) : (v && v.d(1), v = _ && _(g), v && (v.c(), v.m(e, u))); | |
| }, | |
| d(g) { | |
| g && m(e), d && d.d(), v && v.d(); | |
| } | |
| }; | |
| } | |
| function Il(t) { | |
| let e, l, a, n, o, s, p = ( | |
| /*sidebarCollapsed*/ | |
| t[12] ? "→" : "←" | |
| ), u, d, c, _, v, g, h, I, E, D, A, C, oe = "-", Q, Z, S = Math.round( | |
| /*zoomLevel*/ | |
| t[15] * 100 | |
| ) + "", fe, ve, ae, O, j = "+", Ee, L, K = "⌂", V, B, _e, Me, Oe = ( | |
| /*nodes*/ | |
| t[4].length + "" | |
| ), je, et, De, tt, Re = ( | |
| /*edges*/ | |
| t[5].length + "" | |
| ), Be, lt, ye, pt = "🗑️ Clear", He, we, q, Ne, Ce, re, pe = [], Ue = /* @__PURE__ */ new Map(), ie, at, ue = [], ut = /* @__PURE__ */ new Map(), nt, me, ge, Xe, be, Ye = ( | |
| /*propertyPanelCollapsed*/ | |
| t[13] ? "←" : "→" | |
| ), Ge, qe, st, We, ot, ct, ne = !/*sidebarCollapsed*/ | |
| t[12] && Yt(), x = !/*sidebarCollapsed*/ | |
| t[12] && Lt(t), Qe = le( | |
| /*edges*/ | |
| t[5] | |
| ); | |
| const dt = (w) => ( | |
| /*edge*/ | |
| w[112].id | |
| ); | |
| for (let w = 0; w < Qe.length; w += 1) { | |
| let M = Tt(t, Qe, w), H = dt(M); | |
| Ue.set(H, pe[w] = jt(H, M)); | |
| } | |
| let $ = ( | |
| /*isConnecting*/ | |
| t[8] && /*connectionStart*/ | |
| t[9] && Bt(bt(t)) | |
| ), ze = le( | |
| /*nodes*/ | |
| t[4] | |
| ); | |
| const _t = (w) => ( | |
| /*node*/ | |
| w[96].id | |
| ); | |
| for (let w = 0; w < ze.length; w += 1) { | |
| let M = Nt(t, ze, w), H = _t(M); | |
| ut.set(H, ue[w] = Jt(H, M)); | |
| } | |
| let se = !/*propertyPanelCollapsed*/ | |
| t[13] && Zt(), ee = !/*propertyPanelCollapsed*/ | |
| t[13] && xt(t); | |
| return { | |
| c() { | |
| e = k("div"), l = k("div"), a = k("div"), n = k("div"), ne && ne.c(), o = Y(), s = k("button"), u = G(p), c = Y(), x && x.c(), _ = Y(), v = k("div"), g = k("div"), h = k("div"), I = k("input"), E = Y(), D = k("div"), A = k("div"), C = k("button"), C.textContent = oe, Q = Y(), Z = k("span"), fe = G(S), ve = G("%"), ae = Y(), O = k("button"), O.textContent = j, Ee = Y(), L = k("button"), L.textContent = K, V = Y(), B = k("div"), _e = k("span"), Me = G("Nodes: "), je = G(Oe), et = Y(), De = k("span"), tt = G("Edges: "), Be = G(Re), lt = Y(), ye = k("button"), ye.textContent = pt, He = Y(), we = k("div"), q = k("div"), Ne = k("div"), Ce = Y(), re = Ve("svg"); | |
| for (let w = 0; w < pe.length; w += 1) | |
| pe[w].c(); | |
| ie = de(), $ && $.c(), at = Y(); | |
| for (let w = 0; w < ue.length; w += 1) | |
| ue[w].c(); | |
| nt = Y(), me = k("div"), ge = k("div"), se && se.c(), Xe = Y(), be = k("button"), Ge = G(Ye), st = Y(), ee && ee.c(), this.h(); | |
| }, | |
| l(w) { | |
| e = b(w, "DIV", { class: !0, id: !0 }); | |
| var M = P(e); | |
| l = b(M, "DIV", { class: !0 }); | |
| var H = P(l); | |
| a = b(H, "DIV", { class: !0 }); | |
| var Je = P(a); | |
| n = b(Je, "DIV", { class: !0 }); | |
| var Ze = P(n); | |
| ne && ne.l(Ze), o = R(Ze), s = b(Ze, "BUTTON", { class: !0, title: !0 }); | |
| var mt = P(s); | |
| u = U(mt, p), mt.forEach(m), Ze.forEach(m), c = R(Je), x && x.l(Je), Je.forEach(m), _ = R(H), v = b(H, "DIV", { class: !0 }); | |
| var xe = P(v); | |
| g = b(xe, "DIV", { class: !0 }); | |
| var Ae = P(g); | |
| h = b(Ae, "DIV", { class: !0 }); | |
| var yt = P(h); | |
| I = b(yt, "INPUT", { | |
| class: !0, | |
| type: !0, | |
| placeholder: !0, | |
| title: !0 | |
| }), yt.forEach(m), E = R(Ae), D = b(Ae, "DIV", { class: !0 }); | |
| var ht = P(D); | |
| A = b(ht, "DIV", { class: !0 }); | |
| var Ie = P(A); | |
| C = b(Ie, "BUTTON", { | |
| class: !0, | |
| title: !0, | |
| "data-svelte-h": !0 | |
| }), ke(C) !== "svelte-1q3p1i9" && (C.textContent = oe), Q = R(Ie), Z = b(Ie, "SPAN", { class: !0 }); | |
| var it = P(Z); | |
| fe = U(it, S), ve = U(it, "%"), it.forEach(m), ae = R(Ie), O = b(Ie, "BUTTON", { | |
| class: !0, | |
| title: !0, | |
| "data-svelte-h": !0 | |
| }), ke(O) !== "svelte-1ugjjy9" && (O.textContent = j), Ee = R(Ie), L = b(Ie, "BUTTON", { | |
| class: !0, | |
| title: !0, | |
| "data-svelte-h": !0 | |
| }), ke(L) !== "svelte-dw5791" && (L.textContent = K), Ie.forEach(m), ht.forEach(m), V = R(Ae), B = b(Ae, "DIV", { class: !0 }); | |
| var r = P(B); | |
| _e = b(r, "SPAN", { class: !0 }); | |
| var f = P(_e); | |
| Me = U(f, "Nodes: "), je = U(f, Oe), f.forEach(m), et = R(r), De = b(r, "SPAN", { class: !0 }); | |
| var F = P(De); | |
| tt = U(F, "Edges: "), Be = U(F, Re), F.forEach(m), lt = R(r), ye = b(r, "BUTTON", { | |
| class: !0, | |
| title: !0, | |
| "data-svelte-h": !0 | |
| }), ke(ye) !== "svelte-38q2s3" && (ye.textContent = pt), r.forEach(m), Ae.forEach(m), He = R(xe), we = b(xe, "DIV", { class: !0 }); | |
| var z = P(we); | |
| q = b(z, "DIV", { class: !0, style: !0 }); | |
| var J = P(q); | |
| Ne = b(J, "DIV", { class: !0 }), P(Ne).forEach(m), Ce = R(J), re = Fe(J, "svg", { class: !0 }); | |
| var te = P(re); | |
| for (let Le = 0; Le < pe.length; Le += 1) | |
| pe[Le].l(te); | |
| ie = de(), $ && $.l(te), te.forEach(m), at = R(J); | |
| for (let Le = 0; Le < ue.length; Le += 1) | |
| ue[Le].l(J); | |
| J.forEach(m), z.forEach(m), xe.forEach(m), nt = R(H), me = b(H, "DIV", { class: !0 }); | |
| var he = P(me); | |
| ge = b(he, "DIV", { class: !0 }); | |
| var ft = P(ge); | |
| se && se.l(ft), Xe = R(ft), be = b(ft, "BUTTON", { class: !0, title: !0 }); | |
| var wt = P(be); | |
| Ge = U(wt, Ye), wt.forEach(m), ft.forEach(m), st = R(he), ee && ee.l(he), he.forEach(m), H.forEach(m), M.forEach(m), this.h(); | |
| }, | |
| h() { | |
| i(s, "class", "toggle-btn sidebar-toggle svelte-c4syt2"), i(s, "title", d = /*sidebarCollapsed*/ | |
| t[12] ? "Expand sidebar" : "Collapse sidebar"), i(n, "class", "sidebar-header svelte-c4syt2"), i(a, "class", "sidebar svelte-c4syt2"), Se( | |
| a, | |
| "collapsed", | |
| /*sidebarCollapsed*/ | |
| t[12] | |
| ), i(I, "class", "workflow-name-input svelte-c4syt2"), i(I, "type", "text"), i(I, "placeholder", "Workflow Name"), i(I, "title", "Enter workflow name"), i(h, "class", "toolbar-left"), i(C, "class", "zoom-btn svelte-c4syt2"), i(C, "title", "Zoom Out"), i(Z, "class", "zoom-level svelte-c4syt2"), i(O, "class", "zoom-btn svelte-c4syt2"), i(O, "title", "Zoom In"), i(L, "class", "zoom-btn reset svelte-c4syt2"), i(L, "title", "Reset View"), i(A, "class", "zoom-controls svelte-c4syt2"), i(D, "class", "toolbar-center svelte-c4syt2"), i(_e, "class", "node-count svelte-c4syt2"), i(De, "class", "edge-count svelte-c4syt2"), i(ye, "class", "clear-btn svelte-c4syt2"), i(ye, "title", "Clear Workflow"), i(B, "class", "toolbar-right svelte-c4syt2"), i(g, "class", "toolbar svelte-c4syt2"), i(Ne, "class", "grid-background svelte-c4syt2"), i(re, "class", "edges-layer svelte-c4syt2"), i(q, "class", "canvas svelte-c4syt2"), X(q, "transform", "scale(" + /*zoomLevel*/ | |
| t[15] + ") translate(" + /*panOffset*/ | |
| t[16].x / /*zoomLevel*/ | |
| t[15] + "px, " + /*panOffset*/ | |
| t[16].y / /*zoomLevel*/ | |
| t[15] + "px)"), i(we, "class", "canvas-container svelte-c4syt2"), i(v, "class", "canvas-area svelte-c4syt2"), i(be, "class", "toggle-btn property-toggle svelte-c4syt2"), i(be, "title", qe = /*propertyPanelCollapsed*/ | |
| t[13] ? "Expand properties" : "Collapse properties"), i(ge, "class", "property-header svelte-c4syt2"), i(me, "class", "property-panel svelte-c4syt2"), Se( | |
| me, | |
| "collapsed", | |
| /*propertyPanelCollapsed*/ | |
| t[13] | |
| ), i(l, "class", "top-section svelte-c4syt2"), i(e, "class", We = "workflow-builder " + /*elem_classes*/ | |
| t[1].join(" ") + " svelte-c4syt2"), i( | |
| e, | |
| "id", | |
| /*elem_id*/ | |
| t[0] | |
| ), Se(e, "hide", !/*visible*/ | |
| t[2]), X( | |
| e, | |
| "min-width", | |
| /*min_width*/ | |
| t[3] && /*min_width*/ | |
| t[3] + "px" | |
| ); | |
| }, | |
| m(w, M) { | |
| N(w, e, M), y(e, l), y(l, a), y(a, n), ne && ne.m(n, null), y(n, o), y(n, s), y(s, u), y(a, c), x && x.m(a, null), y(l, _), y(l, v), y(v, g), y(g, h), y(h, I), $e( | |
| I, | |
| /*workflowName*/ | |
| t[14] | |
| ), y(g, E), y(g, D), y(D, A), y(A, C), y(A, Q), y(A, Z), y(Z, fe), y(Z, ve), y(A, ae), y(A, O), y(A, Ee), y(A, L), y(g, V), y(g, B), y(B, _e), y(_e, Me), y(_e, je), y(B, et), y(B, De), y(De, tt), y(De, Be), y(B, lt), y(B, ye), y(v, He), y(v, we), y(we, q), y(q, Ne), y(q, Ce), y(q, re); | |
| for (let H = 0; H < pe.length; H += 1) | |
| pe[H] && pe[H].m(re, null); | |
| y(re, ie), $ && $.m(re, null), y(q, at); | |
| for (let H = 0; H < ue.length; H += 1) | |
| ue[H] && ue[H].m(q, null); | |
| t[66](q), t[68](we), y(l, nt), y(l, me), y(me, ge), se && se.m(ge, null), y(ge, Xe), y(ge, be), y(be, Ge), y(me, st), ee && ee.m(me, null), ot || (ct = [ | |
| T( | |
| s, | |
| "click", | |
| /*toggleSidebar*/ | |
| t[34] | |
| ), | |
| T( | |
| I, | |
| "input", | |
| /*input_input_handler*/ | |
| t[47] | |
| ), | |
| T( | |
| C, | |
| "click", | |
| /*zoomOut*/ | |
| t[21] | |
| ), | |
| T( | |
| O, | |
| "click", | |
| /*zoomIn*/ | |
| t[20] | |
| ), | |
| T( | |
| L, | |
| "click", | |
| /*resetZoom*/ | |
| t[22] | |
| ), | |
| T( | |
| ye, | |
| "click", | |
| /*clearWorkflow*/ | |
| t[19] | |
| ), | |
| T( | |
| q, | |
| "drop", | |
| /*handleCanvasDropFromSidebar*/ | |
| t[26] | |
| ), | |
| T(q, "dragover", Pl), | |
| T( | |
| q, | |
| "wheel", | |
| /*handleWheel*/ | |
| t[23] | |
| ), | |
| T( | |
| q, | |
| "mousedown", | |
| /*startPanning*/ | |
| t[24] | |
| ), | |
| T( | |
| q, | |
| "click", | |
| /*click_handler_9*/ | |
| t[67] | |
| ), | |
| T( | |
| be, | |
| "click", | |
| /*togglePropertyPanel*/ | |
| t[35] | |
| ) | |
| ], ot = !0); | |
| }, | |
| p(w, M) { | |
| /*sidebarCollapsed*/ | |
| w[12] ? ne && (ne.d(1), ne = null) : ne || (ne = Yt(), ne.c(), ne.m(n, o)), M[0] & /*sidebarCollapsed*/ | |
| 4096 && p !== (p = /*sidebarCollapsed*/ | |
| w[12] ? "→" : "←") && ce(u, p), M[0] & /*sidebarCollapsed*/ | |
| 4096 && d !== (d = /*sidebarCollapsed*/ | |
| w[12] ? "Expand sidebar" : "Collapse sidebar") && i(s, "title", d), /*sidebarCollapsed*/ | |
| w[12] ? x && (x.d(1), x = null) : x ? x.p(w, M) : (x = Lt(w), x.c(), x.m(a, null)), M[0] & /*sidebarCollapsed*/ | |
| 4096 && Se( | |
| a, | |
| "collapsed", | |
| /*sidebarCollapsed*/ | |
| w[12] | |
| ), M[0] & /*workflowName*/ | |
| 16384 && I.value !== /*workflowName*/ | |
| w[14] && $e( | |
| I, | |
| /*workflowName*/ | |
| w[14] | |
| ), M[0] & /*zoomLevel*/ | |
| 32768 && S !== (S = Math.round( | |
| /*zoomLevel*/ | |
| w[15] * 100 | |
| ) + "") && ce(fe, S), M[0] & /*nodes*/ | |
| 16 && Oe !== (Oe = /*nodes*/ | |
| w[4].length + "") && ce(je, Oe), M[0] & /*edges*/ | |
| 32 && Re !== (Re = /*edges*/ | |
| w[5].length + "") && ce(Be, Re), M[0] & /*nodes, edges*/ | |
| 48 | M[1] & /*deleteEdge*/ | |
| 2 && (Qe = le( | |
| /*edges*/ | |
| w[5] | |
| ), pe = Et(pe, M, dt, 1, w, Qe, Ue, re, Pt, jt, ie, Tt)), /*isConnecting*/ | |
| w[8] && /*connectionStart*/ | |
| w[9] ? $ ? $.p(bt(w), M) : ($ = Bt(bt(w)), $.c(), $.m(re, null)) : $ && ($.d(1), $ = null), M[0] & /*nodes, selectedNode, handleMouseDown, handleNodeClick, startConnection, endConnection, propertyFields*/ | |
| 2013530128 | M[1] & /*getComponentConfig, updateNodeProperty, deleteNode*/ | |
| 37 && (ze = le( | |
| /*nodes*/ | |
| w[4] | |
| ), ue = Et(ue, M, _t, 1, w, ze, ut, q, Pt, Jt, null, Nt)), M[0] & /*zoomLevel, panOffset*/ | |
| 98304 && X(q, "transform", "scale(" + /*zoomLevel*/ | |
| w[15] + ") translate(" + /*panOffset*/ | |
| w[16].x / /*zoomLevel*/ | |
| w[15] + "px, " + /*panOffset*/ | |
| w[16].y / /*zoomLevel*/ | |
| w[15] + "px)"), /*propertyPanelCollapsed*/ | |
| w[13] ? se && (se.d(1), se = null) : se || (se = Zt(), se.c(), se.m(ge, Xe)), M[0] & /*propertyPanelCollapsed*/ | |
| 8192 && Ye !== (Ye = /*propertyPanelCollapsed*/ | |
| w[13] ? "←" : "→") && ce(Ge, Ye), M[0] & /*propertyPanelCollapsed*/ | |
| 8192 && qe !== (qe = /*propertyPanelCollapsed*/ | |
| w[13] ? "Expand properties" : "Collapse properties") && i(be, "title", qe), /*propertyPanelCollapsed*/ | |
| w[13] ? ee && (ee.d(1), ee = null) : ee ? ee.p(w, M) : (ee = xt(w), ee.c(), ee.m(me, null)), M[0] & /*propertyPanelCollapsed*/ | |
| 8192 && Se( | |
| me, | |
| "collapsed", | |
| /*propertyPanelCollapsed*/ | |
| w[13] | |
| ), M[0] & /*elem_classes*/ | |
| 2 && We !== (We = "workflow-builder " + /*elem_classes*/ | |
| w[1].join(" ") + " svelte-c4syt2") && i(e, "class", We), M[0] & /*elem_id*/ | |
| 1 && i( | |
| e, | |
| "id", | |
| /*elem_id*/ | |
| w[0] | |
| ), M[0] & /*elem_classes, visible*/ | |
| 6 && Se(e, "hide", !/*visible*/ | |
| w[2]), M[0] & /*min_width*/ | |
| 8 && X( | |
| e, | |
| "min-width", | |
| /*min_width*/ | |
| w[3] && /*min_width*/ | |
| w[3] + "px" | |
| ); | |
| }, | |
| i: vt, | |
| o: vt, | |
| d(w) { | |
| w && m(e), ne && ne.d(), x && x.d(); | |
| for (let M = 0; M < pe.length; M += 1) | |
| pe[M].d(); | |
| $ && $.d(); | |
| for (let M = 0; M < ue.length; M += 1) | |
| ue[M].d(); | |
| t[66](null), t[68](null), se && se.d(), ee && ee.d(), ot = !1, Pe(ct); | |
| } | |
| }; | |
| } | |
| function Pl(t) { | |
| t.preventDefault(); | |
| } | |
| function W(t, e) { | |
| const l = e.split("."); | |
| let a = t.data; | |
| for (const n of l) | |
| a = a == null ? void 0 : a[n]; | |
| return a; | |
| } | |
| function El(t, e) { | |
| const l = t.position.x + 320, a = t.position.y + 80, n = e.position.x, o = e.position.y + 80; | |
| return { sourceX: l, sourceY: a, targetX: n, targetY: o }; | |
| } | |
| function Dl(t, e, l) { | |
| var a, n; | |
| let { value: o = { nodes: [], edges: [] } } = e, { elem_id: s = "" } = e, { elem_classes: p = [] } = e, { visible: u = !0 } = e; | |
| const d = !0, c = null; | |
| let { min_width: _ = void 0 } = e; | |
| const v = {}, g = sl(); | |
| let h, I, E = !1, D = !1, A = null, C = { x: 0, y: 0 }, oe = !1, Q = null, Z = { x: 0, y: 0 }, S = null, fe = !1, ve = !1, ae = "My Workflow", O = 0.6, j = { x: 0, y: 0 }, Ee = !1, L = { x: 0, y: 0 }; | |
| const K = { | |
| workflow_id: "workflow-" + Date.now(), | |
| workflow_name: "My Workflow", | |
| nodes: [], | |
| edges: [] | |
| }; | |
| let V = ((a = o == null ? void 0 : o.nodes) === null || a === void 0 ? void 0 : a.length) > 0 ? [...o.nodes] : K.nodes, B = ((n = o == null ? void 0 : o.edges) === null || n === void 0 ? void 0 : n.length) > 0 ? [...o.edges] : K.edges; | |
| o != null && o.workflow_name && (ae = o.workflow_name), o != null && o.workflow_id && o.workflow_id; | |
| const _e = { | |
| "Input/Output": { | |
| icon: "📥", | |
| components: { | |
| ChatInput: { | |
| label: "Chat Input", | |
| icon: "💬", | |
| color: "#4CAF50", | |
| defaultData: { | |
| display_name: "Chat Input", | |
| template: { | |
| input_value: { | |
| display_name: "User Message", | |
| type: "string", | |
| value: "", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.1, memory: "128Mi", gpu: "none" } | |
| } | |
| }, | |
| ChatOutput: { | |
| label: "Chat Output", | |
| icon: "💭", | |
| color: "#F44336", | |
| defaultData: { | |
| display_name: "Chat Output", | |
| template: { | |
| response: { | |
| display_name: "AI Response", | |
| type: "string", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.1, memory: "128Mi", gpu: "none" } | |
| } | |
| }, | |
| Input: { | |
| label: "Input", | |
| icon: "📥", | |
| color: "#2196F3", | |
| defaultData: { | |
| display_name: "Source Data", | |
| template: { | |
| data_type: { | |
| display_name: "Data Type", | |
| type: "options", | |
| options: ["string", "image", "video", "audio", "file"], | |
| value: "string" | |
| }, | |
| value: { | |
| display_name: "Value or Path", | |
| type: "string", | |
| value: "This is the initial text." | |
| }, | |
| data: { | |
| display_name: "Output Data", | |
| type: "object", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.1, memory: "128Mi", gpu: "none" } | |
| } | |
| }, | |
| Output: { | |
| label: "Output", | |
| icon: "📤", | |
| color: "#FF9800", | |
| defaultData: { | |
| display_name: "Final Result", | |
| template: { | |
| input_data: { | |
| display_name: "Input Data", | |
| type: "object", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.1, memory: "128Mi", gpu: "none" } | |
| } | |
| } | |
| } | |
| }, | |
| "AI & Language": { | |
| icon: "🤖", | |
| components: { | |
| llmNode: { | |
| label: "Gemma-3-r1984-27B", | |
| icon: "🎯", | |
| color: "#4F46E5", | |
| defaultData: { | |
| display_name: "Gemma-3-r1984-27B", | |
| template: { | |
| prompt: { | |
| display_name: "Prompt", | |
| type: "string", | |
| value: "", | |
| is_handle: true | |
| }, | |
| model: { | |
| display_name: "Model", | |
| type: "options", | |
| options: ["Gemma-3-r1984-27B"], | |
| value: "Gemma-3-r1984-27B" | |
| }, | |
| temperature: { | |
| display_name: "Temperature", | |
| type: "number", | |
| value: 0.7, | |
| min: 0, | |
| max: 1, | |
| step: 0.1 | |
| }, | |
| response: { | |
| display_name: "Response", | |
| type: "string", | |
| is_handle: true | |
| } | |
| }, | |
| resources: { cpu: 0.4, memory: "512Mi", gpu: "none" } | |
| } | |
| }, | |
| OpenAIModel: { | |
| label: "OpenAI Model", | |
| icon: "🎯", | |
| color: "#9C27B0", | |
| defaultData: { | |
| display_name: "OpenAI Model", | |
| template: { | |
| model: { | |
| display_name: "Model", | |
| type: "options", | |
| value: "gpt-4", | |
| options: ["gpt-4o", "gpt-4o-mini", "gpt-3.5-turbo"] | |
| }, | |
| temperature: { | |
| display_name: "Temperature", | |
| type: "number", | |
| value: 0.7, | |
| min: 0, | |
| max: 1 | |
| }, | |
| max_tokens: { | |
| display_name: "Max Tokens", | |
| type: "number", | |
| value: 2048, | |
| min: 1, | |
| max: 4096 | |
| }, | |
| api_key: { | |
| display_name: "API Key", | |
| type: "SecretStr", | |
| value: "", | |
| env_var: "OPENAI_API_KEY" | |
| }, | |
| prompt: { | |
| display_name: "Prompt", | |
| type: "string", | |
| is_handle: !0 | |
| }, | |
| response: { | |
| display_name: "Response", | |
| type: "string", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.5, memory: "512Mi", gpu: "none" } | |
| } | |
| }, | |
| ChatModel: { | |
| label: "Chat Model", | |
| icon: "💭", | |
| color: "#673AB7", | |
| defaultData: { | |
| display_name: "Chat Model", | |
| template: { | |
| provider: { | |
| display_name: "Provider", | |
| type: "options", | |
| options: ["OpenAI", "Anthropic"], | |
| value: "OpenAI" | |
| }, | |
| model: { | |
| display_name: "Model", | |
| type: "string", | |
| value: "gpt-4o-mini" | |
| }, | |
| api_key: { | |
| display_name: "API Key", | |
| type: "SecretStr", | |
| required: !0, | |
| env_var: "OPENAI_API_KEY" | |
| }, | |
| system_prompt: { | |
| display_name: "System Prompt", | |
| type: "string", | |
| value: "You are a helpful assistant." | |
| }, | |
| prompt: { | |
| display_name: "Prompt", | |
| type: "string", | |
| is_handle: !0 | |
| }, | |
| response: { | |
| display_name: "Response", | |
| type: "string", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.5, memory: "512Mi", gpu: "none" } | |
| } | |
| }, | |
| Prompt: { | |
| label: "Prompt", | |
| icon: "📝", | |
| color: "#3F51B5", | |
| defaultData: { | |
| display_name: "Prompt", | |
| template: { | |
| prompt_template: { | |
| display_name: "Template", | |
| type: "string", | |
| value: "{{input}}", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.1, memory: "128Mi", gpu: "none" } | |
| } | |
| }, | |
| HFTextGeneration: { | |
| label: "HF Text Generation", | |
| icon: "🤗", | |
| color: "#E91E63", | |
| defaultData: { | |
| display_name: "HF Text Generation", | |
| template: { | |
| model: { | |
| display_name: "Model", | |
| type: "string", | |
| value: "gpt2" | |
| }, | |
| temperature: { | |
| display_name: "Temperature", | |
| type: "number", | |
| value: 0.7, | |
| min: 0, | |
| max: 1 | |
| }, | |
| max_tokens: { | |
| display_name: "Max Tokens", | |
| type: "number", | |
| value: 2048, | |
| min: 1, | |
| max: 4096 | |
| }, | |
| api_key: { | |
| display_name: "API Key", | |
| type: "SecretStr", | |
| value: "", | |
| env_var: "HF_API_KEY" | |
| }, | |
| prompt: { | |
| display_name: "Prompt", | |
| type: "string", | |
| is_handle: !0 | |
| }, | |
| response: { | |
| display_name: "Response", | |
| type: "string", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.3, memory: "256Mi", gpu: "none" } | |
| } | |
| }, | |
| ReActAgent: { | |
| label: "ReAct Agent", | |
| icon: "🤖", | |
| color: "#9C27B0", | |
| defaultData: { | |
| display_name: "LlamaIndex ReAct Agent", | |
| template: { | |
| tools_input: { | |
| display_name: "Available Tools", | |
| type: "list", | |
| is_handle: !0, | |
| info: "Connect WebSearch, ExecutePython, APIRequest, and other tool nodes" | |
| }, | |
| llm_model: { | |
| display_name: "LLM Model", | |
| type: "options", | |
| options: [ | |
| "gpt-4o", | |
| "gpt-4o-mini", | |
| "gpt-3.5-turbo", | |
| "gpt-4", | |
| "gpt-3.5-turbo-16k" | |
| ], | |
| value: "gpt-4o-mini" | |
| }, | |
| api_key: { | |
| display_name: "OpenAI API Key", | |
| type: "SecretStr", | |
| required: !0, | |
| env_var: "OPENAI_API_KEY" | |
| }, | |
| system_prompt: { | |
| display_name: "System Prompt", | |
| type: "string", | |
| value: "You are a helpful AI assistant with access to various tools. Use the available tools to answer user questions accurately and efficiently.", | |
| multiline: !0 | |
| }, | |
| user_query: { | |
| display_name: "User Query", | |
| type: "string", | |
| is_handle: !0 | |
| }, | |
| max_iterations: { | |
| display_name: "Max Iterations", | |
| type: "number", | |
| value: 8 | |
| }, | |
| temperature: { | |
| display_name: "Temperature", | |
| type: "number", | |
| value: 0.1, | |
| min: 0, | |
| max: 2, | |
| step: 0.1 | |
| }, | |
| verbose: { | |
| display_name: "Verbose Output", | |
| type: "boolean", | |
| value: !0 | |
| }, | |
| agent_response: { | |
| display_name: "Agent Response", | |
| type: "string", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.5, memory: "512Mi", gpu: "none" } | |
| } | |
| } | |
| } | |
| }, | |
| "API & Web": { | |
| icon: "🌐", | |
| components: { | |
| APIRequest: { | |
| label: "API Request", | |
| icon: "🔌", | |
| color: "#00BCD4", | |
| defaultData: { | |
| display_name: "API Request", | |
| template: { | |
| url: { | |
| display_name: "URL", | |
| type: "string", | |
| value: "" | |
| }, | |
| method: { | |
| display_name: "Method", | |
| type: "options", | |
| value: "GET", | |
| options: ["GET", "POST", "PUT", "DELETE"] | |
| }, | |
| headers: { | |
| display_name: "Headers", | |
| type: "dict", | |
| value: {} | |
| }, | |
| body: { | |
| display_name: "Body", | |
| type: "string", | |
| value: "" | |
| }, | |
| response: { | |
| display_name: "Response", | |
| type: "object", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.2, memory: "256Mi", gpu: "none" } | |
| } | |
| }, | |
| WebSearch: { | |
| label: "Web Search", | |
| icon: "🔍", | |
| color: "#009688", | |
| defaultData: { | |
| display_name: "Web Search", | |
| template: { | |
| query: { | |
| display_name: "Query", | |
| type: "string", | |
| value: "", | |
| is_handle: !0 | |
| }, | |
| num_results: { | |
| display_name: "Number of Results", | |
| type: "number", | |
| value: 5, | |
| min: 1, | |
| max: 10 | |
| }, | |
| api_key: { | |
| display_name: "API Key", | |
| type: "SecretStr", | |
| value: "", | |
| env_var: "SERPAPI_KEY" | |
| }, | |
| results: { | |
| display_name: "Search Results", | |
| type: "list", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.2, memory: "256Mi", gpu: "none" } | |
| } | |
| } | |
| } | |
| }, | |
| "Data Processing": { | |
| icon: "⚙️", | |
| components: { | |
| ExecutePython: { | |
| label: "Execute Python", | |
| icon: "🐍", | |
| color: "#FF5722", | |
| defaultData: { | |
| display_name: "Execute Python", | |
| template: { | |
| code: { | |
| display_name: "Python Code", | |
| type: "string", | |
| value: `def process(input_data): | |
| return input_data` | |
| }, | |
| timeout: { | |
| display_name: "Timeout", | |
| type: "number", | |
| value: 30, | |
| min: 1, | |
| max: 300 | |
| }, | |
| input_data: { | |
| display_name: "Input Data", | |
| type: "object", | |
| is_handle: !0 | |
| }, | |
| output_data: { | |
| display_name: "Output Data", | |
| type: "object", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.3, memory: "256Mi", gpu: "none" } | |
| } | |
| }, | |
| ConditionalLogic: { | |
| label: "Conditional Logic", | |
| icon: "🔀", | |
| color: "#795548", | |
| defaultData: { | |
| display_name: "Conditional Logic", | |
| template: { | |
| condition: { | |
| display_name: "Condition", | |
| type: "string", | |
| value: "{{input}} == True" | |
| }, | |
| input: { | |
| display_name: "Input", | |
| type: "object", | |
| is_handle: !0 | |
| }, | |
| true_output: { | |
| display_name: "True Output", | |
| type: "object", | |
| is_handle: !0 | |
| }, | |
| false_output: { | |
| display_name: "False Output", | |
| type: "object", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.1, memory: "128Mi", gpu: "none" } | |
| } | |
| }, | |
| Wait: { | |
| label: "Wait", | |
| icon: "⏳", | |
| color: "#607D8B", | |
| defaultData: { | |
| display_name: "Wait", | |
| template: { | |
| seconds: { | |
| display_name: "Seconds", | |
| type: "number", | |
| value: 1, | |
| min: 1, | |
| max: 3600 | |
| }, | |
| input: { | |
| display_name: "Input", | |
| type: "object", | |
| is_handle: !0 | |
| }, | |
| output: { | |
| display_name: "Output", | |
| type: "object", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.1, memory: "128Mi", gpu: "none" } | |
| } | |
| } | |
| } | |
| }, | |
| "RAG & Knowledge": { | |
| icon: "📚", | |
| components: { | |
| KnowledgeBase: { | |
| label: "Knowledge Base", | |
| icon: "📖", | |
| color: "#8BC34A", | |
| defaultData: { | |
| display_name: "Knowledge Base", | |
| template: { | |
| kb_name: { | |
| display_name: "Knowledge Base Name", | |
| type: "string", | |
| value: "" | |
| }, | |
| source_type: { | |
| display_name: "Source Type", | |
| type: "options", | |
| options: ["Directory", "URL"], | |
| value: "Directory" | |
| }, | |
| path_or_url: { | |
| display_name: "Path or URL", | |
| type: "string", | |
| value: "" | |
| }, | |
| knowledge_base: { | |
| display_name: "Knowledge Base", | |
| type: "object", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.2, memory: "512Mi", gpu: "none" } | |
| } | |
| }, | |
| RAGQuery: { | |
| label: "RAG Query", | |
| icon: "🔎", | |
| color: "#FFC107", | |
| defaultData: { | |
| display_name: "RAG Query", | |
| template: { | |
| query: { | |
| display_name: "Query", | |
| type: "string", | |
| is_handle: !0 | |
| }, | |
| knowledge_base: { | |
| display_name: "Knowledge Base", | |
| type: "object", | |
| is_handle: !0 | |
| }, | |
| num_results: { | |
| display_name: "Number of Results", | |
| type: "number", | |
| value: 3, | |
| min: 1, | |
| max: 10 | |
| }, | |
| rag_prompt: { | |
| display_name: "RAG Prompt", | |
| type: "string", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.3, memory: "512Mi", gpu: "none" } | |
| } | |
| } | |
| } | |
| }, | |
| "Speech & Vision": { | |
| icon: "👁️", | |
| components: { | |
| HFSpeechToText: { | |
| label: "HF Speech to Text", | |
| icon: "🎤", | |
| color: "#9E9E9E", | |
| defaultData: { | |
| display_name: "HF Speech to Text", | |
| template: { | |
| model: { | |
| display_name: "Model", | |
| type: "string", | |
| value: "facebook/wav2vec2-base-960h" | |
| }, | |
| api_key: { | |
| display_name: "API Key", | |
| type: "SecretStr", | |
| value: "", | |
| env_var: "HF_API_KEY" | |
| }, | |
| audio_input: { | |
| display_name: "Audio Input", | |
| type: "file", | |
| is_handle: !0 | |
| }, | |
| text_output: { | |
| display_name: "Text Output", | |
| type: "string", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { | |
| cpu: 0.4, | |
| memory: "512Mi", | |
| gpu: "optional" | |
| } | |
| } | |
| }, | |
| HFTextToSpeech: { | |
| label: "HF Text to Speech", | |
| icon: "🔊", | |
| color: "#CDDC39", | |
| defaultData: { | |
| display_name: "HF Text to Speech", | |
| template: { | |
| model: { | |
| display_name: "Model", | |
| type: "string", | |
| value: "facebook/fastspeech2-en-ljspeech" | |
| }, | |
| api_key: { | |
| display_name: "API Key", | |
| type: "SecretStr", | |
| value: "", | |
| env_var: "HF_API_KEY" | |
| }, | |
| text_input: { | |
| display_name: "Text Input", | |
| type: "string", | |
| is_handle: !0 | |
| }, | |
| audio_output: { | |
| display_name: "Audio Output", | |
| type: "file", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { | |
| cpu: 0.4, | |
| memory: "512Mi", | |
| gpu: "optional" | |
| } | |
| } | |
| }, | |
| HFSVisionModel: { | |
| label: "HF Vision Model", | |
| icon: "👁️", | |
| color: "#FF9800", | |
| defaultData: { | |
| display_name: "HF Vision Model", | |
| template: { | |
| model: { | |
| display_name: "Model", | |
| type: "string", | |
| value: "google/vit-base-patch16-224" | |
| }, | |
| api_key: { | |
| display_name: "API Key", | |
| type: "SecretStr", | |
| value: "", | |
| env_var: "HF_API_KEY" | |
| }, | |
| image_input: { | |
| display_name: "Image Input", | |
| type: "file", | |
| is_handle: !0 | |
| }, | |
| prediction: { | |
| display_name: "Prediction", | |
| type: "object", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { | |
| cpu: 0.4, | |
| memory: "512Mi", | |
| gpu: "required" | |
| } | |
| } | |
| } | |
| } | |
| }, | |
| "Image Generation": { | |
| icon: "🎨", | |
| components: { | |
| HFImageGeneration: { | |
| label: "HF Image Generation", | |
| icon: "🎨", | |
| color: "#E91E63", | |
| defaultData: { | |
| display_name: "HF Image Generation", | |
| template: { | |
| model: { | |
| display_name: "Model", | |
| type: "string", | |
| value: "stabilityai/stable-diffusion-2" | |
| }, | |
| prompt: { | |
| display_name: "Prompt", | |
| type: "string", | |
| value: "", | |
| is_handle: !0 | |
| }, | |
| num_images: { | |
| display_name: "Number of Images", | |
| type: "number", | |
| value: 1, | |
| min: 1, | |
| max: 4 | |
| }, | |
| api_key: { | |
| display_name: "API Key", | |
| type: "SecretStr", | |
| value: "", | |
| env_var: "HF_API_KEY" | |
| }, | |
| images: { | |
| display_name: "Generated Images", | |
| type: "list", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.5, memory: "1Gi", gpu: "required" } | |
| } | |
| }, | |
| NebiusImage: { | |
| label: "Nebius Image", | |
| icon: "🖼️", | |
| color: "#2196F3", | |
| defaultData: { | |
| display_name: "Nebius Image", | |
| template: { | |
| model: { | |
| display_name: "Model", | |
| type: "options", | |
| options: [ | |
| "black-forest-labs/flux-dev", | |
| "black-forest-labs/flux-schnell", | |
| "stability-ai/sdxl" | |
| ], | |
| value: "black-forest-labs/flux-dev" | |
| }, | |
| prompt: { | |
| display_name: "Prompt", | |
| type: "string", | |
| value: "", | |
| is_handle: !0 | |
| }, | |
| negative_prompt: { | |
| display_name: "Negative Prompt", | |
| type: "string", | |
| value: "" | |
| }, | |
| width: { | |
| display_name: "Width", | |
| type: "number", | |
| value: 1024 | |
| }, | |
| height: { | |
| display_name: "Height", | |
| type: "number", | |
| value: 1024 | |
| }, | |
| num_inference_steps: { | |
| display_name: "Inference Steps", | |
| type: "number", | |
| value: 28 | |
| }, | |
| seed: { | |
| display_name: "Seed", | |
| type: "number", | |
| value: -1 | |
| }, | |
| api_key: { | |
| display_name: "API Key", | |
| type: "SecretStr", | |
| value: "", | |
| env_var: "NEBIUS_API_KEY" | |
| }, | |
| image: { | |
| display_name: "Generated Image", | |
| type: "file", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.5, memory: "1Gi", gpu: "required" } | |
| } | |
| } | |
| } | |
| }, | |
| "MCP Integration": { | |
| icon: "🤝", | |
| components: { | |
| MCPConnection: { | |
| label: "MCP Connection", | |
| icon: "🔌", | |
| color: "#673AB7", | |
| defaultData: { | |
| display_name: "MCP Connection", | |
| template: { | |
| server_url: { | |
| display_name: "Server URL", | |
| type: "string", | |
| value: "" | |
| }, | |
| connection_type: { | |
| display_name: "Connection Type", | |
| type: "options", | |
| options: ["http", "stdio"], | |
| value: "http" | |
| }, | |
| allowed_tools: { | |
| display_name: "Allowed Tools", | |
| type: "string", | |
| value: "" | |
| }, | |
| api_key: { | |
| display_name: "API Key", | |
| type: "SecretStr", | |
| value: "", | |
| env_var: "MCP_API_KEY" | |
| }, | |
| connection: { | |
| display_name: "MCP Connection", | |
| type: "object", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.2, memory: "256Mi", gpu: "none" } | |
| } | |
| }, | |
| MCPAgent: { | |
| label: "MCP Agent", | |
| icon: "🤖", | |
| color: "#3F51B5", | |
| defaultData: { | |
| display_name: "MCP Agent", | |
| template: { | |
| llm_model: { | |
| display_name: "LLM Model", | |
| type: "options", | |
| options: [ | |
| "gpt-4o", | |
| "gpt-4o-mini", | |
| "gpt-3.5-turbo", | |
| "gpt-4", | |
| "gpt-3.5-turbo-16k" | |
| ], | |
| value: "gpt-4o" | |
| }, | |
| api_key: { | |
| display_name: "OpenAI API Key", | |
| type: "SecretStr", | |
| required: !0, | |
| env_var: "OPENAI_API_KEY" | |
| }, | |
| system_prompt: { | |
| display_name: "System Prompt", | |
| type: "string", | |
| value: "You are a helpful AI assistant.", | |
| multiline: !0 | |
| }, | |
| max_iterations: { | |
| display_name: "Max Iterations", | |
| type: "number", | |
| value: 10, | |
| min: 1, | |
| max: 20 | |
| }, | |
| temperature: { | |
| display_name: "Temperature", | |
| type: "number", | |
| value: 0.1, | |
| min: 0, | |
| max: 2, | |
| step: 0.1 | |
| }, | |
| verbose: { | |
| display_name: "Verbose Output", | |
| type: "boolean", | |
| value: !1 | |
| }, | |
| user_query: { | |
| display_name: "User Query", | |
| type: "string", | |
| is_handle: !0 | |
| }, | |
| mcp_connection: { | |
| display_name: "MCP Connection", | |
| type: "object", | |
| is_handle: !0 | |
| }, | |
| agent_response: { | |
| display_name: "Agent Response", | |
| type: "string", | |
| is_handle: !0 | |
| } | |
| }, | |
| resources: { cpu: 0.5, memory: "512Mi", gpu: "none" } | |
| } | |
| } | |
| } | |
| } | |
| }, Me = { | |
| // Input/Output nodes | |
| ChatInput: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.input_value.display_name", | |
| label: "Input Field Label", | |
| type: "text", | |
| help: "Label shown in the chat input field" | |
| }, | |
| { | |
| key: "template.input_value.value", | |
| label: "Default Message", | |
| type: "textarea", | |
| help: "Default message shown in the input field" | |
| } | |
| ], | |
| ChatOutput: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.response.display_name", | |
| label: "Response Field Label", | |
| type: "text", | |
| help: "Label shown in the chat output field" | |
| } | |
| ], | |
| Input: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.data_type.value", | |
| label: "Data Type", | |
| type: "select", | |
| options: ["string", "image", "video", "audio", "file"], | |
| help: "Type of data this node will handle" | |
| }, | |
| { | |
| key: "template.value.value", | |
| label: "Default Value", | |
| type: "textarea", | |
| help: "Default value or path" | |
| } | |
| ], | |
| Output: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| } | |
| ], | |
| // AI & Language nodes | |
| llmNode: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.prompt.value", | |
| label: "Prompt", | |
| type: "textarea", | |
| help: "Text prompt sent to Gemma-3-27B" | |
| }, | |
| { | |
| key: "template.temperature.value", | |
| label: "Temperature", | |
| type: "number", | |
| min: 0, | |
| max: 1, | |
| step: 0.1, | |
| help: "Sampling temperature" | |
| }, | |
| { | |
| key: "template.model.value", | |
| label: "Model Variant", | |
| type: "select", | |
| options: ["Gemma-3-27B"], | |
| help: "Only one variant is pre-configured" | |
| } | |
| ], | |
| OpenAIModel: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.model.value", | |
| label: "Model", | |
| type: "select", | |
| options: ["gpt-4o", "gpt-4o-mini", "gpt-3.5-turbo"] | |
| }, | |
| { | |
| key: "template.temperature.value", | |
| label: "Temperature", | |
| type: "number", | |
| min: 0, | |
| max: 1, | |
| step: 0.1 | |
| }, | |
| { | |
| key: "template.max_tokens.value", | |
| label: "Max Tokens", | |
| type: "number", | |
| min: 1, | |
| max: 4096 | |
| } | |
| ], | |
| ChatModel: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.provider.value", | |
| label: "Provider", | |
| type: "select", | |
| options: ["OpenAI", "Anthropic"], | |
| help: "AI model provider" | |
| }, | |
| { | |
| key: "template.model.value", | |
| label: "Model", | |
| type: "text", | |
| help: "Model name" | |
| }, | |
| { | |
| key: "template.system_prompt.value", | |
| label: "System Prompt", | |
| type: "textarea", | |
| help: "Optional system prompt" | |
| } | |
| ], | |
| Prompt: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.prompt_template.value", | |
| label: "Prompt Template", | |
| type: "textarea", | |
| help: "Prompt template" | |
| } | |
| ], | |
| HFTextGeneration: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.model.value", | |
| label: "Model", | |
| type: "text", | |
| help: "Model name" | |
| }, | |
| { | |
| key: "template.temperature.value", | |
| label: "Temperature", | |
| type: "number", | |
| min: 0, | |
| max: 1, | |
| step: 0.1, | |
| help: "Model temperature" | |
| }, | |
| { | |
| key: "template.max_tokens.value", | |
| label: "Max Tokens", | |
| type: "number", | |
| min: 1, | |
| max: 4096, | |
| help: "Maximum tokens" | |
| } | |
| ], | |
| ReActAgent: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.llm_model.value", | |
| label: "LLM Model", | |
| type: "select", | |
| options: ["gpt-4o", "gpt-4o-mini", "gpt-3.5-turbo", "gpt-4", "gpt-3.5-turbo-16k"], | |
| help: "Model to use for the agent" | |
| }, | |
| { | |
| key: "template.system_prompt.value", | |
| label: "System Prompt", | |
| type: "textarea", | |
| help: "System prompt for the agent", | |
| multiline: !0 | |
| }, | |
| { | |
| key: "template.max_iterations.value", | |
| label: "Max Iterations", | |
| type: "number", | |
| min: 1, | |
| max: 20, | |
| help: "Maximum number of agent iterations" | |
| }, | |
| { | |
| key: "template.temperature.value", | |
| label: "Temperature", | |
| type: "number", | |
| min: 0, | |
| max: 2, | |
| step: 0.1, | |
| help: "Model temperature (0-2)" | |
| }, | |
| { | |
| key: "template.verbose.value", | |
| label: "Verbose Output", | |
| type: "checkbox", | |
| help: "Show detailed agent reasoning" | |
| } | |
| ], | |
| // API & Web nodes | |
| APIRequest: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.url.value", | |
| label: "URL", | |
| type: "text", | |
| help: "API endpoint URL" | |
| }, | |
| { | |
| key: "template.method.value", | |
| label: "Method", | |
| type: "select", | |
| options: ["GET", "POST", "PUT", "DELETE"], | |
| help: "HTTP method" | |
| } | |
| ], | |
| WebSearch: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.num_results.value", | |
| label: "Number of Results", | |
| type: "number", | |
| help: "Number of search results" | |
| } | |
| ], | |
| // Data Processing nodes | |
| ExecutePython: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.code.value", | |
| label: "Python Code", | |
| type: "textarea", | |
| help: "Python code to execute" | |
| }, | |
| { | |
| key: "template.timeout.value", | |
| label: "Timeout", | |
| type: "number", | |
| help: "Execution timeout" | |
| } | |
| ], | |
| ConditionalLogic: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.condition.value", | |
| label: "Condition", | |
| type: "text", | |
| help: "Condition expression" | |
| } | |
| ], | |
| Wait: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.seconds.value", | |
| label: "Seconds", | |
| type: "number", | |
| help: "Wait time in seconds" | |
| } | |
| ], | |
| // RAG nodes | |
| KnowledgeBase: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.kb_name.value", | |
| label: "Knowledge Base Name", | |
| type: "text", | |
| help: "Name for the knowledge base" | |
| }, | |
| { | |
| key: "template.source_type.value", | |
| label: "Source Type", | |
| type: "select", | |
| options: ["Directory", "URL"], | |
| help: "Type of source" | |
| }, | |
| { | |
| key: "template.path_or_url.value", | |
| label: "Path or URL", | |
| type: "text", | |
| help: "Source location" | |
| } | |
| ], | |
| RAGQuery: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.num_results.value", | |
| label: "Number of Results", | |
| type: "number", | |
| help: "Number of results to retrieve" | |
| } | |
| ], | |
| // Speech & Vision nodes | |
| HFSpeechToText: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.model.value", | |
| label: "Model", | |
| type: "text", | |
| help: "HuggingFace model ID" | |
| } | |
| ], | |
| HFTextToSpeech: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.model.value", | |
| label: "Model", | |
| type: "text", | |
| help: "HuggingFace model ID" | |
| } | |
| ], | |
| HFSVisionModel: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.model.value", | |
| label: "Model", | |
| type: "text", | |
| help: "HuggingFace model ID" | |
| } | |
| ], | |
| // Image Generation nodes | |
| HFImageGeneration: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.model.value", | |
| label: "Model", | |
| type: "text", | |
| help: "HuggingFace model ID" | |
| }, | |
| { | |
| key: "template.num_images.value", | |
| label: "Number of Images", | |
| type: "number", | |
| help: "Number of images to generate" | |
| } | |
| ], | |
| NebiusImage: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.model.value", | |
| label: "Model", | |
| type: "select", | |
| options: [ | |
| "black-forest-labs/flux-dev", | |
| "black-forest-labs/flux-schnell", | |
| "stability-ai/sdxl" | |
| ], | |
| help: "Nebius model to use" | |
| }, | |
| { | |
| key: "template.width.value", | |
| label: "Width", | |
| type: "number", | |
| help: "Image width" | |
| }, | |
| { | |
| key: "template.height.value", | |
| label: "Height", | |
| type: "number", | |
| help: "Image height" | |
| }, | |
| { | |
| key: "template.num_inference_steps.value", | |
| label: "Inference Steps", | |
| type: "number", | |
| help: "Number of inference steps" | |
| }, | |
| { | |
| key: "template.seed.value", | |
| label: "Seed", | |
| type: "number", | |
| help: "Random seed (-1 for random)" | |
| } | |
| ], | |
| // MCP nodes | |
| MCPConnection: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.server_url.value", | |
| label: "Server URL", | |
| type: "text", | |
| help: "MCP server URL" | |
| }, | |
| { | |
| key: "template.connection_type.value", | |
| label: "Connection Type", | |
| type: "select", | |
| options: ["http", "stdio"], | |
| help: "Connection type" | |
| }, | |
| { | |
| key: "template.allowed_tools.value", | |
| label: "Allowed Tools", | |
| type: "text", | |
| help: "Optional list of allowed tools" | |
| } | |
| ], | |
| MCPAgent: [ | |
| { | |
| key: "display_name", | |
| label: "Display Name", | |
| type: "text", | |
| help: "Name shown in the workflow" | |
| }, | |
| { | |
| key: "template.llm_model.value", | |
| label: "LLM Model", | |
| type: "select", | |
| options: ["gpt-4o", "gpt-4o-mini", "gpt-3.5-turbo", "gpt-4", "gpt-3.5-turbo-16k"], | |
| help: "Model to use for the agent" | |
| }, | |
| { | |
| key: "template.system_prompt.value", | |
| label: "System Prompt", | |
| type: "textarea", | |
| help: "System prompt for the agent", | |
| multiline: !0 | |
| }, | |
| { | |
| key: "template.max_iterations.value", | |
| label: "Max Iterations", | |
| type: "number", | |
| min: 1, | |
| max: 20, | |
| help: "Maximum number of agent iterations" | |
| }, | |
| { | |
| key: "template.temperature.value", | |
| label: "Temperature", | |
| type: "number", | |
| min: 0, | |
| max: 2, | |
| step: 0.1, | |
| help: "Model temperature (0-2)" | |
| }, | |
| { | |
| key: "template.verbose.value", | |
| label: "Verbose Output", | |
| type: "checkbox", | |
| help: "Show detailed agent reasoning" | |
| } | |
| ] | |
| }; | |
| function Oe() { | |
| l(4, V = []), l(5, B = []), l(11, S = null), l(14, ae = "My Workflow"); | |
| } | |
| function je() { | |
| l(15, O = Math.min(O * 1.2, 3)); | |
| } | |
| function et() { | |
| l(15, O = Math.max(O / 1.2, 0.3)); | |
| } | |
| function De() { | |
| l(15, O = 1), l(16, j = { x: 0, y: 0 }); | |
| } | |
| function tt(r) { | |
| if (r.preventDefault(), r.ctrlKey || r.metaKey) { | |
| const f = r.deltaY > 0 ? 0.9 : 1.1; | |
| l(15, O = Math.max(0.3, Math.min(3, O * f))); | |
| } else | |
| l(16, j.x -= r.deltaX * 0.5, j), l(16, j.y -= r.deltaY * 0.5, j), l(16, j = Object.assign({}, j)); | |
| } | |
| function Re(r) { | |
| (r.button === 1 || r.button === 0 && r.altKey) && (Ee = !0, L = { x: r.clientX, y: r.clientY }, r.preventDefault()); | |
| } | |
| function Be(r) { | |
| if (Ee) { | |
| const f = r.clientX - L.x, F = r.clientY - L.y; | |
| l(16, j.x += f, j), l(16, j.y += F, j), l(16, j = Object.assign({}, j)), L = { x: r.clientX, y: r.clientY }; | |
| } | |
| } | |
| function lt() { | |
| Ee = !1; | |
| } | |
| function ye(r, f, F) { | |
| r.dataTransfer && (r.dataTransfer.setData("application/json", JSON.stringify({ type: f, data: F })), D = !0); | |
| } | |
| function pt(r) { | |
| var f; | |
| if (r.preventDefault(), !D) return; | |
| const F = h.getBoundingClientRect(), z = (r.clientX - F.left - j.x) / O, J = (r.clientY - F.top - j.y) / O; | |
| try { | |
| const te = JSON.parse(((f = r.dataTransfer) === null || f === void 0 ? void 0 : f.getData("application/json")) || "{}"); | |
| if (te.type && te.data) { | |
| const he = { | |
| id: `${te.type}-${Date.now()}`, | |
| type: te.type, | |
| position: { | |
| x: Math.max(20, z - 160), | |
| y: Math.max(20, J - 80) | |
| }, | |
| data: Object.assign(Object.assign({}, te.data.defaultData), { label: te.data.label }) | |
| }; | |
| l(4, V = [...V, he]); | |
| } | |
| } catch (te) { | |
| console.error("Failed to parse drop data:", te); | |
| } | |
| D = !1; | |
| } | |
| function He(r, f) { | |
| if (r.target.closest(".node-property") || r.target.closest(".property-input") || r.target.closest(".property-select") || r.target.closest(".property-checkbox") || r.button !== 0) return; | |
| E = !0, A = f; | |
| const F = h.getBoundingClientRect(), z = f.position.x * O + j.x, J = f.position.y * O + j.y; | |
| C.x = r.clientX - F.left - z, C.y = r.clientY - F.top - J, r.preventDefault(), r.stopPropagation(); | |
| } | |
| function we(r, f) { | |
| r.stopPropagation(), l(11, S = Object.assign({}, f)); | |
| } | |
| function q(r) { | |
| const f = h.getBoundingClientRect(); | |
| if (l(10, Z.x = (r.clientX - f.left - j.x) / O, Z), l(10, Z.y = (r.clientY - f.top - j.y) / O, Z), E && A) { | |
| const F = V.findIndex((z) => z.id === A.id); | |
| if (F >= 0) { | |
| const z = Math.max(0, (r.clientX - f.left - C.x - j.x) / O), J = Math.max(0, (r.clientY - f.top - C.y - j.y) / O); | |
| l(4, V[F].position.x = z, V), l(4, V[F].position.y = J, V), l(4, V = [...V]), (S == null ? void 0 : S.id) === A.id && l(11, S = Object.assign({}, V[F])); | |
| } | |
| } | |
| Be(r); | |
| } | |
| function Ne() { | |
| E = !1, A = null, l(8, oe = !1), l(9, Q = null), lt(); | |
| } | |
| function Ce(r, f) { | |
| r.stopPropagation(), l(8, oe = !0), l(9, Q = f); | |
| } | |
| function re(r, f) { | |
| if (r.stopPropagation(), oe && Q && Q !== f && !B.find((z) => z.source === Q && z.target === f || z.source === f && z.target === Q)) { | |
| const z = { | |
| id: `e-${Q}-${f}-${Date.now()}`, | |
| source: Q, | |
| target: f | |
| }; | |
| l(5, B = [...B, z]); | |
| } | |
| l(8, oe = !1), l(9, Q = null); | |
| } | |
| function pe(r) { | |
| l(4, V = V.filter((f) => f.id !== r)), l(5, B = B.filter((f) => f.source !== r && f.target !== r)), (S == null ? void 0 : S.id) === r && l(11, S = null); | |
| } | |
| function Ue(r) { | |
| l(5, B = B.filter((f) => f.id !== r)); | |
| } | |
| function ie(r, f, F) { | |
| const z = V.findIndex((J) => J.id === r); | |
| if (z >= 0) { | |
| const J = f.split("."); | |
| let te = V[z].data; | |
| for (let he = 0; he < J.length - 1; he++) | |
| te[J[he]] || (te[J[he]] = {}), te = te[J[he]]; | |
| te[J[J.length - 1]] = F, l(4, V = [...V]), (S == null ? void 0 : S.id) === r && l(11, S = Object.assign({}, V[z])); | |
| } | |
| } | |
| function at() { | |
| l(12, fe = !fe); | |
| } | |
| function ue() { | |
| l(13, ve = !ve); | |
| } | |
| function ut(r) { | |
| for (const f of Object.values(_e)) | |
| if (f.components[r]) | |
| return f.components[r]; | |
| return { label: r, icon: "⚡", color: "#6b7280" }; | |
| } | |
| ol(() => (document.addEventListener("mousemove", q), document.addEventListener("mouseup", Ne), () => { | |
| document.removeEventListener("mousemove", q), document.removeEventListener("mouseup", Ne); | |
| })); | |
| function nt(r) { | |
| rt.call(this, t, r); | |
| } | |
| function me(r) { | |
| rt.call(this, t, r); | |
| } | |
| function ge(r) { | |
| rt.call(this, t, r); | |
| } | |
| function Xe(r) { | |
| rt.call(this, t, r); | |
| } | |
| function be(r) { | |
| rt.call(this, t, r); | |
| } | |
| const Ye = (r, f, F) => ye(F, r, f); | |
| function Ge() { | |
| ae = this.value, l(14, ae); | |
| } | |
| const qe = (r) => Ue(r.id), st = (r) => Ue(r.id), We = (r, f) => f.id === r.source, ot = (r, f) => f.id === r.target, ct = (r) => pe(r.id), ne = (r, f, F) => ie(r.id, f.key, F.target.value), x = (r, f, F) => ie(r.id, f.key, Number(F.target.value)), Qe = (r, f, F) => ie(r.id, f.key, F.target.checked), dt = (r, f, F) => ie(r.id, f.key, F.target.value), $ = (r, f, F) => ie(r.id, f.key, F.target.value), ze = (r, f, F) => r.type === "object" && re(F, f.id), _t = (r, f, F) => (r.type === "string" || r.type === "list" || r.type === "file") && Ce(F, f.id), se = (r, f) => re(f, r.id), ee = (r, f) => Ce(f, r.id), w = (r, f) => re(f, r.id), M = (r, f) => Ce(f, r.id), H = (r, f) => He(f, r), Je = (r, f) => we(f, r); | |
| function Ze(r) { | |
| It[r ? "unshift" : "push"](() => { | |
| h = r, l(6, h); | |
| }); | |
| } | |
| const mt = () => { | |
| l(11, S = null); | |
| }; | |
| function xe(r) { | |
| It[r ? "unshift" : "push"](() => { | |
| I = r, l(7, I); | |
| }); | |
| } | |
| const Ae = (r, f) => ie(S.id, r.key, f.target.value), yt = (r, f) => ie(S.id, r.key, Number(f.target.value)), ht = (r, f) => ie(S.id, r.key, f.target.checked), Ie = (r, f) => ie(S.id, r.key, f.target.value), it = (r, f) => ie(S.id, r.key, f.target.value); | |
| return t.$$set = (r) => { | |
| "value" in r && l(37, o = r.value), "elem_id" in r && l(0, s = r.elem_id), "elem_classes" in r && l(1, p = r.elem_classes), "visible" in r && l(2, u = r.visible), "min_width" in r && l(3, _ = r.min_width); | |
| }, t.$$.update = () => { | |
| if (t.$$.dirty[1] & /*value*/ | |
| 64 && (!o || !o.nodes || o.nodes.length === 0) && l(37, o = K), t.$$.dirty[0] & /*nodes, edges*/ | |
| 48 | t.$$.dirty[1] & /*value*/ | |
| 64) { | |
| const r = { nodes: V, edges: B }; | |
| JSON.stringify(r) !== JSON.stringify(o) && (l(37, o = r), g("change", r)); | |
| } | |
| }, [ | |
| s, | |
| p, | |
| u, | |
| _, | |
| V, | |
| B, | |
| h, | |
| I, | |
| oe, | |
| Q, | |
| Z, | |
| S, | |
| fe, | |
| ve, | |
| ae, | |
| O, | |
| j, | |
| _e, | |
| Me, | |
| Oe, | |
| je, | |
| et, | |
| De, | |
| tt, | |
| Re, | |
| ye, | |
| pt, | |
| He, | |
| we, | |
| Ce, | |
| re, | |
| pe, | |
| Ue, | |
| ie, | |
| at, | |
| ue, | |
| ut, | |
| o, | |
| d, | |
| c, | |
| v, | |
| nt, | |
| me, | |
| ge, | |
| Xe, | |
| be, | |
| Ye, | |
| Ge, | |
| qe, | |
| st, | |
| We, | |
| ot, | |
| ct, | |
| ne, | |
| x, | |
| Qe, | |
| dt, | |
| $, | |
| ze, | |
| _t, | |
| se, | |
| ee, | |
| w, | |
| M, | |
| H, | |
| Je, | |
| Ze, | |
| mt, | |
| xe, | |
| Ae, | |
| yt, | |
| ht, | |
| Ie, | |
| it | |
| ]; | |
| } | |
| class Ml extends ll { | |
| constructor(e) { | |
| super(), al( | |
| this, | |
| e, | |
| Dl, | |
| Il, | |
| nl, | |
| { | |
| value: 37, | |
| elem_id: 0, | |
| elem_classes: 1, | |
| visible: 2, | |
| container: 38, | |
| scale: 39, | |
| min_width: 3, | |
| gradio: 40 | |
| }, | |
| null, | |
| [-1, -1, -1, -1, -1] | |
| ); | |
| } | |
| get container() { | |
| return this.$$.ctx[38]; | |
| } | |
| get scale() { | |
| return this.$$.ctx[39]; | |
| } | |
| get gradio() { | |
| return this.$$.ctx[40]; | |
| } | |
| } | |
| export { | |
| Ml as default | |
| }; | |