@invect/ui 0.0.1

package/dist/index.js

@@ -0,0 +1,717 @@
+"use client";
+import { $ as e, A as t, At as n, Bt as r, C as i, Ct as a, D as o, Dt as s, E as c, Et as l, F as u, Ft as d, G as f, Gt as p, H as m, Ht as h, It as g, J as _, Jt as v, K as y, Kt as ee, Lt as te, M as ne, N as re, Nt as ie, O as ae, Ot as oe, P as b, Q as se, Qt as ce, Rt as le, S as ue, St as de, T as fe, Tt as pe, U as me, Ut as he, Vt as ge, W as x, Wt as S, X as _e, Xt as C, Y as ve, Yt as ye, Z as be, Zt as xe, _ as Se, _t as Ce, at as we, b as Te, bt as Ee, c as De, ct as Oe, d as ke, dt as Ae, et as je, f as Me, ft as Ne, g as Pe, gt as Fe, h as Ie, ht as Le, i as Re, it as ze, j as Be, jt as Ve, k as He, kt as Ue, l as We, lt as Ge, m as Ke, mt as qe, n as Je, nt as Ye, o as Xe, ot as Ze, p as Qe, pt as $e, q as et, r as tt, rt as nt, s as rt, st as it, t as at, tt as ot, u as w, ut as st, v as ct, vt as lt, w as ut, wt as dt, x as ft, xt as pt, y as mt, yt as T, zt as ht } from "./Invect-CWpIwZ5F.js";
+import E from "react";
+import { useMutation as D, useQuery as O, useQueryClient as k } from "@tanstack/react-query";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { ChevronRight as gt, CircleIcon as _t } from "lucide-react";
+import { createSlot as N } from "@radix-ui/react-slot";
+import * as P from "@radix-ui/react-dropdown-menu";
+//#region src/InvectShell.tsx
+var F = E.memo(({ children: e, theme: t = "dark", className: n }) => /* @__PURE__ */ j(ee, {
+	defaultTheme: t,
+	storageKey: "invect-ui-theme",
+	className: n,
+	children: e
+}));
+F.displayName = "InvectShell";
+//#endregion
+//#region src/stores/executionViewStore.ts
+var I = {
+	activeFlowRunId: null,
+	activeFlowId: null,
+	selectedExecutionNodeId: null,
+	statusFilter: "all",
+	flowIdFilter: null,
+	page: 1,
+	limit: 20,
+	sortBy: "startedAt",
+	sortOrder: "desc",
+	logsExpanded: !1,
+	selectedLogNodeId: null
+}, L = we()(nt(ze(Ye((e) => ({
+	...I,
+	setActiveExecution: (t, n) => e((e) => {
+		e.activeFlowId = t, e.activeFlowRunId = n, e.selectedExecutionNodeId = null, e.selectedLogNodeId = null;
+	}),
+	clearActiveExecution: () => e((e) => {
+		e.activeFlowId = null, e.activeFlowRunId = null, e.selectedExecutionNodeId = null, e.selectedLogNodeId = null;
+	}),
+	selectExecutionNode: (t) => e((e) => {
+		e.selectedExecutionNodeId = t;
+	}),
+	setStatusFilter: (t) => e((e) => {
+		e.statusFilter = t, e.page = 1;
+	}),
+	setFlowIdFilter: (t) => e((e) => {
+		e.flowIdFilter = t, e.page = 1;
+	}),
+	clearFilters: () => e((e) => {
+		e.statusFilter = "all", e.flowIdFilter = null, e.page = 1;
+	}),
+	setPage: (t) => e((e) => {
+		e.page = t;
+	}),
+	setLimit: (t) => e((e) => {
+		e.limit = t, e.page = 1;
+	}),
+	setSortBy: (t) => e((e) => {
+		e.sortBy = t;
+	}),
+	setSortOrder: (t) => e((e) => {
+		e.sortOrder = t;
+	}),
+	toggleLogsExpanded: () => e((e) => {
+		e.logsExpanded = !e.logsExpanded;
+	}),
+	setLogsExpanded: (t) => e((e) => {
+		e.logsExpanded = t;
+	}),
+	selectLogNode: (t) => e((e) => {
+		e.selectedLogNodeId = t;
+	}),
+	reset: () => e(() => ({ ...I }))
+}))), { name: "execution-view" })), vt = () => L((e) => e.activeFlowRunId), yt = () => L((e) => e.activeFlowId), bt = () => L((e) => e.selectedExecutionNodeId), xt = () => L((e) => e.statusFilter), St = () => L((e) => ({
+	page: e.page,
+	limit: e.limit,
+	setPage: e.setPage,
+	setLimit: e.setLimit
+})), Ct = () => L((e) => ({
+	sortBy: e.sortBy,
+	sortOrder: e.sortOrder,
+	setSortBy: e.setSortBy,
+	setSortOrder: e.setSortOrder
+})), wt = () => L((e) => ({
+	logsExpanded: e.logsExpanded,
+	selectedLogNodeId: e.selectedLogNodeId,
+	toggleLogsExpanded: e.toggleLogsExpanded,
+	setLogsExpanded: e.setLogsExpanded,
+	selectLogNode: e.selectLogNode
+})), Tt = () => L((e) => ({
+	statusFilter: e.statusFilter,
+	flowIdFilter: e.flowIdFilter,
+	setStatusFilter: e.setStatusFilter,
+	setFlowIdFilter: e.setFlowIdFilter,
+	clearFilters: e.clearFilters
+}));
+//#endregion
+//#region src/api/triggers.api.ts
+function Et(e) {
+	let t = C();
+	return O({
+		queryKey: p.triggers(e),
+		queryFn: () => t.listTriggersForFlow(e),
+		enabled: !!e,
+		staleTime: 1e3 * 30
+	});
+}
+function Dt(e) {
+	let t = C();
+	return O({
+		queryKey: p.trigger(e),
+		queryFn: () => t.getTrigger(e),
+		enabled: !!e
+	});
+}
+function Ot() {
+	let e = C(), t = k();
+	return D({
+		mutationFn: ({ flowId: t, input: n }) => e.createTrigger(t, n),
+		onSuccess: (e, { flowId: n }) => {
+			t.invalidateQueries({ queryKey: p.triggers(n) });
+		},
+		onError: (e) => {
+			console.error("Error creating trigger:", S(e));
+		}
+	});
+}
+function kt() {
+	let e = C(), t = k();
+	return D({
+		mutationFn: ({ triggerId: t, input: n }) => e.updateTrigger(t, n),
+		onSuccess: (e, { triggerId: n, flowId: r }) => {
+			t.invalidateQueries({ queryKey: p.trigger(n) }), t.invalidateQueries({ queryKey: p.triggers(r) });
+		},
+		onError: (e) => {
+			console.error("Error updating trigger:", S(e));
+		}
+	});
+}
+function At() {
+	let e = C(), t = k();
+	return D({
+		mutationFn: ({ triggerId: t }) => e.deleteTrigger(t),
+		onSuccess: (e, { flowId: n }) => {
+			t.invalidateQueries({ queryKey: p.triggers(n) });
+		},
+		onError: (e) => {
+			console.error("Error deleting trigger:", S(e));
+		}
+	});
+}
+function jt() {
+	let e = C(), t = k();
+	return D({
+		mutationFn: ({ flowId: t, definition: n }) => e.syncTriggersForFlow(t, n),
+		onSuccess: (e, { flowId: n }) => {
+			t.invalidateQueries({ queryKey: p.triggers(n) });
+		},
+		onError: (e) => {
+			console.error("Error syncing triggers:", S(e));
+		}
+	});
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@radix-ui+react-collection@1.1.7_@types+react-dom@18.3.7_@types+react@18.3.7__@types+re_9c54a6c78143ba4955bf0911e594a119/node_modules/@radix-ui/react-collection/dist/index.mjs
+function Mt(e) {
+	let t = e + "CollectionProvider", [n, r] = x(t), [i, a] = n(t, {
+		collectionRef: { current: null },
+		itemMap: /* @__PURE__ */ new Map()
+	}), o = (e) => {
+		let { scope: t, children: n } = e, r = E.useRef(null), a = E.useRef(/* @__PURE__ */ new Map()).current;
+		return /* @__PURE__ */ j(i, {
+			scope: t,
+			itemMap: a,
+			collectionRef: r,
+			children: n
+		});
+	};
+	o.displayName = t;
+	let s = e + "CollectionSlot", c = N(s), l = E.forwardRef((e, t) => {
+		let { scope: n, children: r } = e;
+		return /* @__PURE__ */ j(c, {
+			ref: f(t, a(s, n).collectionRef),
+			children: r
+		});
+	});
+	l.displayName = s;
+	let u = e + "CollectionItemSlot", d = "data-radix-collection-item", p = N(u), m = E.forwardRef((e, t) => {
+		let { scope: n, children: r, ...i } = e, o = E.useRef(null), s = f(t, o), c = a(u, n);
+		return E.useEffect(() => (c.itemMap.set(o, {
+			ref: o,
+			...i
+		}), () => void c.itemMap.delete(o))), /* @__PURE__ */ j(p, {
+			[d]: "",
+			ref: s,
+			children: r
+		});
+	});
+	m.displayName = u;
+	function h(t) {
+		let n = a(e + "CollectionConsumer", t);
+		return E.useCallback(() => {
+			let e = n.collectionRef.current;
+			if (!e) return [];
+			let t = Array.from(e.querySelectorAll(`[${d}]`));
+			return Array.from(n.itemMap.values()).sort((e, n) => t.indexOf(e.ref.current) - t.indexOf(n.ref.current));
+		}, [n.collectionRef, n.itemMap]);
+	}
+	return [
+		{
+			Provider: o,
+			Slot: l,
+			ItemSlot: m
+		},
+		h,
+		r
+	];
+}
+//#endregion
+//#region ../../node_modules/.pnpm/@radix-ui+react-accordion@1.2.12_@types+react-dom@18.3.7_@types+react@18.3.7__@types+re_38986d0a8e303276d4d07a19b1e5d4a9/node_modules/@radix-ui/react-accordion/dist/index.mjs
+var R = "Accordion", Nt = [
+	"Home",
+	"End",
+	"ArrowDown",
+	"ArrowUp",
+	"ArrowLeft",
+	"ArrowRight"
+], [z, Pt, Ft] = Mt(R), [B, It] = x(R, [Ft, w]), V = w(), H = E.forwardRef((e, t) => {
+	let { type: n, ...r } = e, i = r, a = r;
+	return /* @__PURE__ */ j(z.Provider, {
+		scope: e.__scopeAccordion,
+		children: n === "multiple" ? /* @__PURE__ */ j(Bt, {
+			...a,
+			ref: t
+		}) : /* @__PURE__ */ j(zt, {
+			...i,
+			ref: t
+		})
+	});
+});
+H.displayName = R;
+var [U, Lt] = B(R), [W, Rt] = B(R, { collapsible: !1 }), zt = E.forwardRef((e, t) => {
+	let { value: n, defaultValue: r, onValueChange: i = () => {}, collapsible: a = !1, ...o } = e, [s, c] = b({
+		prop: n,
+		defaultProp: r ?? "",
+		onChange: i,
+		caller: R
+	});
+	return /* @__PURE__ */ j(U, {
+		scope: e.__scopeAccordion,
+		value: E.useMemo(() => s ? [s] : [], [s]),
+		onItemOpen: c,
+		onItemClose: E.useCallback(() => a && c(""), [a, c]),
+		children: /* @__PURE__ */ j(W, {
+			scope: e.__scopeAccordion,
+			collapsible: a,
+			children: /* @__PURE__ */ j(K, {
+				...o,
+				ref: t
+			})
+		})
+	});
+}), Bt = E.forwardRef((e, t) => {
+	let { value: n, defaultValue: r, onValueChange: i = () => {}, ...a } = e, [o, s] = b({
+		prop: n,
+		defaultProp: r ?? [],
+		onChange: i,
+		caller: R
+	}), c = E.useCallback((e) => s((t = []) => [...t, e]), [s]), l = E.useCallback((e) => s((t = []) => t.filter((t) => t !== e)), [s]);
+	return /* @__PURE__ */ j(U, {
+		scope: e.__scopeAccordion,
+		value: o,
+		onItemOpen: c,
+		onItemClose: l,
+		children: /* @__PURE__ */ j(W, {
+			scope: e.__scopeAccordion,
+			collapsible: !0,
+			children: /* @__PURE__ */ j(K, {
+				...a,
+				ref: t
+			})
+		})
+	});
+}), [Vt, G] = B(R), K = E.forwardRef((e, t) => {
+	let { __scopeAccordion: n, disabled: r, dir: i, orientation: a = "vertical", ...o } = e, s = f(E.useRef(null), t), c = Pt(n), l = me(i) === "ltr", u = m(e.onKeyDown, (e) => {
+		if (!Nt.includes(e.key)) return;
+		let t = e.target, n = c().filter((e) => !e.ref.current?.disabled), r = n.findIndex((e) => e.ref.current === t), i = n.length;
+		if (r === -1) return;
+		e.preventDefault();
+		let o = r, s = i - 1, u = () => {
+			o = r + 1, o > s && (o = 0);
+		}, d = () => {
+			o = r - 1, o < 0 && (o = s);
+		};
+		switch (e.key) {
+			case "Home":
+				o = 0;
+				break;
+			case "End":
+				o = s;
+				break;
+			case "ArrowRight":
+				a === "horizontal" && (l ? u() : d());
+				break;
+			case "ArrowDown":
+				a === "vertical" && u();
+				break;
+			case "ArrowLeft":
+				a === "horizontal" && (l ? d() : u());
+				break;
+			case "ArrowUp":
+				a === "vertical" && d();
+				break;
+		}
+		n[o % i].ref.current?.focus();
+	});
+	return /* @__PURE__ */ j(Vt, {
+		scope: n,
+		disabled: r,
+		direction: i,
+		orientation: a,
+		children: /* @__PURE__ */ j(z.Slot, {
+			scope: n,
+			children: /* @__PURE__ */ j(y.div, {
+				...o,
+				"data-orientation": a,
+				ref: s,
+				onKeyDown: r ? void 0 : u
+			})
+		})
+	});
+}), q = "AccordionItem", [Ht, J] = B(q), Y = E.forwardRef((e, t) => {
+	let { __scopeAccordion: n, value: r, ...i } = e, a = G(q, n), o = Lt(q, n), s = V(n), c = u(), l = r && o.value.includes(r) || !1, d = a.disabled || e.disabled;
+	return /* @__PURE__ */ j(Ht, {
+		scope: n,
+		open: l,
+		disabled: d,
+		triggerId: c,
+		children: /* @__PURE__ */ j(De, {
+			"data-orientation": a.orientation,
+			"data-state": qt(l),
+			...s,
+			...i,
+			ref: t,
+			disabled: d,
+			open: l,
+			onOpenChange: (e) => {
+				e ? o.onItemOpen(r) : o.onItemClose(r);
+			}
+		})
+	});
+});
+Y.displayName = q;
+var X = "AccordionHeader", Ut = E.forwardRef((e, t) => {
+	let { __scopeAccordion: n, ...r } = e, i = G(R, n), a = J(X, n);
+	return /* @__PURE__ */ j(y.h3, {
+		"data-orientation": i.orientation,
+		"data-state": qt(a.open),
+		"data-disabled": a.disabled ? "" : void 0,
+		...r,
+		ref: t
+	});
+});
+Ut.displayName = X;
+var Z = "AccordionTrigger", Wt = E.forwardRef((e, t) => {
+	let { __scopeAccordion: n, ...r } = e, i = G(R, n), a = J(Z, n), o = Rt(Z, n), s = V(n);
+	return /* @__PURE__ */ j(z.ItemSlot, {
+		scope: n,
+		children: /* @__PURE__ */ j(We, {
+			"aria-disabled": a.open && !o.collapsible || void 0,
+			"data-orientation": i.orientation,
+			id: a.triggerId,
+			...s,
+			...r,
+			ref: t
+		})
+	});
+});
+Wt.displayName = Z;
+var Gt = "AccordionContent", Kt = E.forwardRef((e, t) => {
+	let { __scopeAccordion: n, ...r } = e, i = G(R, n), a = J(Gt, n), o = V(n);
+	return /* @__PURE__ */ j(rt, {
+		role: "region",
+		"aria-labelledby": a.triggerId,
+		"data-orientation": i.orientation,
+		...o,
+		...r,
+		ref: t,
+		style: {
+			"--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
+			"--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
+			...e.style
+		}
+	});
+});
+Kt.displayName = Gt;
+function qt(e) {
+	return e ? "open" : "closed";
+}
+var Jt = H, Yt = Y, Xt = Ut, Zt = Wt, Qt = Kt;
+//#endregion
+//#region src/components/ui/tree-view.tsx
+function $t(e, t) {
+	return t ? { backgroundColor: "color-mix(in srgb, var(--imp-primary, #5B5BD6) 15%, transparent)" } : e ? { backgroundColor: "var(--imp-accent, #ededf7)" } : {};
+}
+var en = "group relative rounded-md px-2 cursor-pointer transition-colors", tn = "imp-tree-item-hover", nn = "font-medium", rn = E.forwardRef(({ data: e, initialSelectedItemId: t, onSelectChange: n, expandAll: r, defaultLeafIcon: i, defaultNodeIcon: a, className: o, onDocumentDrag: s, renderItem: c, ...l }, u) => {
+	let [d, f] = E.useState(t), [p, m] = E.useState(null), h = E.useCallback((e) => {
+		f(e?.id), n && n(e);
+	}, [n]), g = E.useCallback((e) => {
+		m(e);
+	}, []), _ = E.useCallback((e) => {
+		p && s && p.id !== e.id && s(p, e), m(null);
+	}, [p, s]), v = E.useMemo(() => {
+		if (!t) return [];
+		let n = [];
+		function i(e, t) {
+			if (Array.isArray(e)) for (let a = 0; a < e.length; a++) {
+				if (n.push(e[a].id), i(e[a], t) && !r) return !0;
+				r || n.pop();
+			}
+			else if (!r && e.id === t) return !0;
+			else if (e.children) return i(e.children, t);
+		}
+		return i(e, t), n;
+	}, [
+		e,
+		r,
+		t
+	]);
+	return /* @__PURE__ */ M("div", {
+		className: T("overflow-hidden relative p-2", o),
+		children: [/* @__PURE__ */ j(Q, {
+			data: e,
+			ref: u,
+			selectedItemId: d,
+			handleSelectChange: h,
+			expandedItemIds: v,
+			defaultLeafIcon: i,
+			defaultNodeIcon: a,
+			handleDragStart: g,
+			handleDrop: _,
+			draggedItem: p,
+			renderItem: c,
+			level: 0,
+			...l
+		}), /* @__PURE__ */ j("div", {
+			className: "w-full h-12",
+			onDrop: () => {
+				_({
+					id: "",
+					name: "parent_div"
+				});
+			}
+		})]
+	});
+});
+rn.displayName = "TreeView";
+var Q = E.forwardRef(({ className: e, data: t, selectedItemId: n, handleSelectChange: r, expandedItemIds: i, defaultNodeIcon: a, defaultLeafIcon: o, handleDragStart: s, handleDrop: c, draggedItem: l, renderItem: u, level: d, onSelectChange: f, expandAll: p, initialSelectedItemId: m, onDocumentDrag: h, ...g }, _) => {
+	let v = t;
+	return Array.isArray(v) || (v = [v]), /* @__PURE__ */ j("div", {
+		ref: _,
+		role: "tree",
+		className: e,
+		...g,
+		children: /* @__PURE__ */ j("ul", { children: v.map((e) => /* @__PURE__ */ j("li", { children: e.children ? /* @__PURE__ */ j(an, {
+			item: e,
+			level: d ?? 0,
+			selectedItemId: n,
+			expandedItemIds: i,
+			handleSelectChange: r,
+			defaultNodeIcon: a,
+			defaultLeafIcon: o,
+			handleDragStart: s,
+			handleDrop: c,
+			draggedItem: l,
+			renderItem: u
+		}) : /* @__PURE__ */ j(on, {
+			item: e,
+			level: d ?? 0,
+			selectedItemId: n,
+			handleSelectChange: r,
+			defaultLeafIcon: o,
+			handleDragStart: s,
+			handleDrop: c,
+			draggedItem: l,
+			renderItem: u
+		}) }, e.id)) })
+	});
+});
+Q.displayName = "TreeItem";
+var an = ({ item: e, handleSelectChange: t, expandedItemIds: n, selectedItemId: r, defaultNodeIcon: i, defaultLeafIcon: a, handleDragStart: o, handleDrop: s, draggedItem: c, renderItem: l, level: u = 0 }) => {
+	let [d, f] = E.useState(n.includes(e.id) ? [e.id] : []), [p, m] = E.useState(!1), h = !!e.children?.length, g = r === e.id, _ = d.includes(e.id);
+	return /* @__PURE__ */ j(Jt, {
+		type: "multiple",
+		value: d,
+		onValueChange: (e) => f(e),
+		children: /* @__PURE__ */ M(Yt, {
+			value: e.id,
+			children: [/* @__PURE__ */ j(sn, {
+				className: T(en, tn, g && nn, e.className),
+				style: $t(g, p),
+				onClick: () => {
+					t(e), e.onClick?.();
+				},
+				draggable: !!e.draggable,
+				onDragStart: (t) => {
+					if (!e.draggable) {
+						t.preventDefault();
+						return;
+					}
+					t.dataTransfer.setData("text/plain", e.id), o?.(e);
+				},
+				onDragOver: (t) => {
+					e.droppable !== !1 && c && c.id !== e.id && (t.preventDefault(), m(!0));
+				},
+				onDragLeave: () => {
+					m(!1);
+				},
+				onDrop: (t) => {
+					t.preventDefault(), m(!1), s?.(e);
+				},
+				children: l ? l({
+					item: e,
+					level: u,
+					isLeaf: !1,
+					isSelected: g,
+					isOpen: _,
+					hasChildren: h
+				}) : /* @__PURE__ */ M(A, { children: [
+					/* @__PURE__ */ j(ln, {
+						item: e,
+						isSelected: g,
+						isOpen: _,
+						default: i
+					}),
+					/* @__PURE__ */ j("span", {
+						className: "min-w-0 flex-1 text-sm truncate",
+						title: e.name,
+						children: e.name
+					}),
+					e.trailingContent ? /* @__PURE__ */ j("span", {
+						className: "ml-2 shrink-0",
+						children: e.trailingContent
+					}) : null,
+					/* @__PURE__ */ j($, {
+						isSelected: g,
+						children: e.actions
+					})
+				] })
+			}), /* @__PURE__ */ j(cn, {
+				className: T("ml-4 pl-1 border-l border-imp-border", e.childContainerClassName),
+				children: /* @__PURE__ */ j(Q, {
+					data: e.children ? e.children : e,
+					selectedItemId: r,
+					handleSelectChange: t,
+					expandedItemIds: n,
+					defaultLeafIcon: a,
+					defaultNodeIcon: i,
+					handleDragStart: o,
+					handleDrop: s,
+					draggedItem: c,
+					renderItem: l,
+					level: u + 1
+				})
+			})]
+		})
+	});
+}, on = E.forwardRef(({ className: e, item: t, level: n, selectedItemId: r, handleSelectChange: i, defaultLeafIcon: a, handleDragStart: o, handleDrop: s, draggedItem: c, renderItem: l, ...u }, d) => {
+	let [f, p] = E.useState(!1), m = r === t.id;
+	return /* @__PURE__ */ j("div", {
+		ref: d,
+		className: T("ml-5 flex items-center py-2 text-left cursor-pointer", en, tn, e, m && nn, t.disabled && "opacity-50 cursor-not-allowed pointer-events-none", t.className),
+		style: $t(m, f),
+		onClick: () => {
+			t.disabled || (i(t), t.onClick?.());
+		},
+		draggable: !!t.draggable && !t.disabled,
+		onDragStart: (e) => {
+			if (!t.draggable || t.disabled) {
+				e.preventDefault();
+				return;
+			}
+			e.dataTransfer.setData("text/plain", t.id), o?.(t);
+		},
+		onDragOver: (e) => {
+			t.droppable !== !1 && !t.disabled && c && c.id !== t.id && (e.preventDefault(), p(!0));
+		},
+		onDragLeave: () => {
+			p(!1);
+		},
+		onDrop: (e) => {
+			t.disabled || (e.preventDefault(), p(!1), s?.(t));
+		},
+		...u,
+		children: l ? /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j("div", { className: "h-4 w-4 shrink-0 mr-1" }), l({
+			item: t,
+			level: n,
+			isLeaf: !0,
+			isSelected: m,
+			hasChildren: !1
+		})] }) : /* @__PURE__ */ M(A, { children: [
+			/* @__PURE__ */ j(ln, {
+				item: t,
+				isSelected: m,
+				default: a
+			}),
+			/* @__PURE__ */ j("span", {
+				className: "grow min-w-0 text-sm truncate",
+				title: t.name,
+				children: t.name
+			}),
+			t.trailingContent ? /* @__PURE__ */ j("span", {
+				className: "ml-2 shrink-0",
+				children: t.trailingContent
+			}) : null,
+			/* @__PURE__ */ j($, {
+				isSelected: m && !t.disabled,
+				children: t.actions
+			})
+		] })
+	});
+});
+on.displayName = "TreeLeaf";
+var sn = E.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ j(Xt, { children: /* @__PURE__ */ M(Zt, {
+	ref: r,
+	className: T("flex w-full flex-1 items-center py-2 text-left transition-all first:[&[data-state=open]>svg]:first-of-type:rotate-90", e),
+	...n,
+	children: [/* @__PURE__ */ j(gt, { className: "mr-1 h-4 w-4 shrink-0 text-accent-foreground/50 transition-transform duration-200" }), t]
+}) }));
+sn.displayName = Zt.displayName;
+var cn = E.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ j(Qt, {
+	ref: r,
+	className: T("overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", e),
+	...n,
+	children: /* @__PURE__ */ j("div", {
+		className: "pb-1 pt-0",
+		children: t
+	})
+}));
+cn.displayName = Qt.displayName;
+var ln = ({ item: e, isOpen: t, isSelected: n, default: r }) => {
+	let i = r;
+	return n && e.selectedIcon ? i = e.selectedIcon : t && e.openIcon ? i = e.openIcon : e.icon && (i = e.icon), i ? /* @__PURE__ */ j(i, { className: "h-4 w-4 shrink-0 mr-2" }) : /* @__PURE__ */ j(A, {});
+}, $ = ({ children: e, isSelected: t }) => /* @__PURE__ */ j("div", {
+	className: T(t ? "block" : "hidden", "absolute right-3 group-hover:block"),
+	children: e
+});
+//#endregion
+//#region src/components/ui/dropdown-menu.tsx
+function un({ ...e }) {
+	return /* @__PURE__ */ j(P.Root, {
+		"data-slot": "dropdown-menu",
+		...e
+	});
+}
+function dn({ ...e }) {
+	return /* @__PURE__ */ j(P.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...e
+	});
+}
+function fn({ className: e, sideOffset: t = 4, ...n }) {
+	let r = Ze();
+	return /* @__PURE__ */ j(P.Portal, { children: /* @__PURE__ */ j("div", {
+		className: r,
+		children: /* @__PURE__ */ j(P.Content, {
+			"data-slot": "dropdown-menu-content",
+			sideOffset: t,
+			className: T("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", e),
+			...n
+		})
+	}) });
+}
+function pn({ className: e, inset: t, variant: n = "default", ...r }) {
+	return /* @__PURE__ */ j(P.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": t,
+		"data-variant": n,
+		className: T("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", e),
+		...r
+	});
+}
+function mn({ ...e }) {
+	return /* @__PURE__ */ j(P.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...e
+	});
+}
+function hn({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ M(P.RadioItem, {
+		"data-slot": "dropdown-menu-radio-item",
+		className: T("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", e),
+		...n,
+		children: [/* @__PURE__ */ j("span", {
+			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ j(P.ItemIndicator, { children: /* @__PURE__ */ j(_t, { className: "size-2 fill-current" }) })
+		}), t]
+	});
+}
+function gn({ className: e, inset: t, ...n }) {
+	return /* @__PURE__ */ j(P.Label, {
+		"data-slot": "dropdown-menu-label",
+		"data-inset": t,
+		className: T("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", e),
+		...n
+	});
+}
+function _n({ className: e, ...t }) {
+	return /* @__PURE__ */ j(P.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: T("bg-border -mx-1 my-1 h-px", e),
+		...t
+	});
+}
+//#endregion
+export { xe as ApiClient, v as ApiProvider, ut as Dialog, fe as DialogClose, c as DialogContent, o as DialogDescription, ae as DialogFooter, He as DialogHeader, t as DialogOverlay, Be as DialogPortal, ne as DialogTitle, re as DialogTrigger, un as DropdownMenu, fn as DropdownMenuContent, pn as DropdownMenuItem, gn as DropdownMenuLabel, mn as DropdownMenuRadioGroup, hn as DropdownMenuRadioItem, _n as DropdownMenuSeparator, dn as DropdownMenuTrigger, tt as FlowEditor, at as Invect, it as InvectLoader, Je as InvectLogo, F as InvectShell, Xe as OAuth2CallbackHandler, Ve as PageLayout, rn as TreeView, ce as ValidationError, S as getErrorMessage, p as queryKeys, yt as useActiveFlowId, vt as useActiveFlowRunId, et as useActiveModal, _ as useActiveSidebarTab, Re as useAgentTools, ye as useApiBaseURL, C as useApiClient, d as useAvailableNodes, Oe as useCancelFlowRun, ke as useCreateCredential, Ee as useCreateFlow, pt as useCreateFlowVersion, de as useCreateFlowWithVersion, Ot as useCreateTrigger, Me as useCredential, Qe as useCredentialUsage, Ke as useCredentials, a as useDashboardStats, Ie as useDeleteCredential, dt as useDeleteFlow, At as useDeleteTrigger, Ge as useExecuteFlow, st as useExecuteFlowToNode, g as useExecuteModelPrompt, te as useExecuteSqlQuery, Tt as useExecutionFilters, St as useExecutionPagination, Ct as useExecutionSorting, L as useExecutionViewStore, pe as useFlow, l as useFlowReactFlowData, Ae as useFlowRun, Ne as useFlowRuns, Et as useFlowTriggers, s as useFlowVersions, oe as useFlows, Pe as useHandleOAuth2Callback, $e as useLatestFlowRun, le as useListAvailableModels, qe as useListFlowRuns, ht as useListQueryDatabases, r as useLoadFieldOptions, ve as useLogsPanelOpen, wt as useLogsState, _e as useModalData, be as useModals, Le as useNodeExecutions, se as useNodeSidebarOpen, Se as useOAuth2Provider, ct as useOAuth2Providers, Fe as usePauseFlowRun, ie as usePluginRegistry, mt as useRefreshOAuth2Credential, ge as useResolveNodeDefinition, Ce as useResumeFlowRun, bt as useSelectedExecutionNodeId, e as useSidebarCollapsed, Te as useStartOAuth2Flow, xt as useStatusFilter, jt as useSyncTriggers, ft as useTestCredential, ue as useTestCredentialRequest, h as useTestJsExpression, he as useTestMapper, lt as useTestNode, Dt as useTrigger, je as useUIStore, i as useUpdateCredential, Ue as useUpdateFlow, kt as useUpdateTrigger, n as useValidateFlow, ot as useValidationPanelOpen };
+
+//# sourceMappingURL=index.js.map