@orvui/vue 0.0.0-stage → 0.1.1

package/dist/ai-sidebar-DU97ERIh.js

@@ -0,0 +1,599 @@
+import { s as e, t } from "./composables-BJ1sih_H.js";
+import { o as n, r } from "./ease-rIvCM4O3.js";
+import { t as i } from "./utils-DIrLOK2M.js";
+import { n as a, r as o, t as s } from "./popover-CMwRDauk.js";
+import { t as c } from "./shared-DAEawhBJ.js";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createSlots as h, createVNode as g, defineComponent as _, mergeProps as v, nextTick as ee, normalizeClass as y, normalizeStyle as b, onBeforeUnmount as x, onMounted as S, openBlock as C, ref as w, renderList as te, renderSlot as ne, resolveDynamicComponent as T, toDisplayString as E, unref as D, vModelText as O, watch as k, withCtx as A, withDirectives as j, withModifiers as M } from "vue";
+import { AnimatePresence as re, motion as N } from "motion-v";
+import { ArrowDown as P, ArrowUp as ie, Bookmark as F, FileText as I, Folder as L, FolderInput as R, FolderOpen as z, MoreHorizontal as ae, Pencil as B, Undo2 as oe } from "lucide-vue-next";
+// src/agents/ai-sidebar/src/tree.ts
+function V(e) {
+	return ["folder", "project"].includes(e.kind);
+}
+function H(e, t) {
+	let n = e.map((e, t) => ({
+		item: e,
+		path: [t]
+	})).reverse();
+	for (; n.length;) {
+		let e = n.pop();
+		if (e.item.id === t) return e.path;
+		let r = e.item.children ?? [];
+		for (let t = r.length - 1; t >= 0; t--) n.push({
+			item: r[t],
+			path: [...e.path, t]
+		});
+	}
+}
+function U(e, t) {
+	let n = e, r = n[t[0]];
+	return t.forEach((e, i) => {
+		r = n[e], i < t.length - 1 && (n = r.children ?? []);
+	}), r;
+}
+function W(e, t, n) {
+	if (!t.length) return n(e);
+	let [r, ...i] = t, a = e.slice();
+	return a[r] = {
+		...e[r],
+		children: W(e[r].children ?? [], i, n)
+	}, a;
+}
+function G(e, t, n = 0, r = null) {
+	let i = [], a = e.map((e) => ({
+		item: e,
+		depth: n,
+		parentId: r
+	})).reverse();
+	for (; a.length;) {
+		let e = a.pop();
+		if (i.push(e), !t.has(e.item.id)) continue;
+		let n = e.item.children ?? [];
+		for (let t = n.length - 1; t >= 0; t--) a.push({
+			item: n[t],
+			parentId: e.item.id,
+			depth: e.depth + 1
+		});
+	}
+	return i;
+}
+function K(e, t) {
+	let n = H(e, t);
+	return n ? U(e, n) : void 0;
+}
+function q(e, t) {
+	return H([e], t) !== void 0;
+}
+function J(e, t) {
+	let n = H(e, t);
+	if (!n) return { items: e.slice() };
+	let r = U(e, n), i = n[n.length - 1];
+	return {
+		removed: r,
+		items: W(e, n.slice(0, -1), (e) => e.filter((e, t) => t !== i))
+	};
+}
+function Y(e, t, n, r) {
+	if (n === null) return e.concat(t);
+	let i = H(e, n);
+	if (!i) return e.slice();
+	if (r === "inside") return W(e, i, (e) => e.concat(t));
+	let a = i[i.length - 1] + Number(r === "after");
+	return W(e, i.slice(0, -1), (e) => [
+		...e.slice(0, a),
+		t,
+		...e.slice(a)
+	]);
+}
+function X(e, t) {
+	let n = K(e, t.itemId);
+	if (!n || n.disabled) return null;
+	let r = t.targetId === null ? void 0 : K(e, t.targetId);
+	return t.targetId !== null && (!r || q(n, t.targetId)) || t.position === "inside" && (!r || r.disabled || !V(r)) ? null : Y(J(e, t.itemId).items, n, t.targetId, t.position);
+}
+function Z(e, t, n) {
+	let r = H(e, t);
+	if (!r) return e.slice();
+	let i = r[r.length - 1];
+	return W(e, r.slice(0, -1), (e) => e.map((e, t) => t === i ? {
+		...e,
+		label: n
+	} : e));
+}
+// src/agents/ai-sidebar/src/MarqueeLabel.vue?vue&type=script&setup=true&lang.ts
+var Q = {
+	key: 0,
+	"aria-hidden": "true"
+}, se = /* @__PURE__ */ _({
+	__name: "MarqueeLabel",
+	props: {
+		active: { type: Boolean },
+		label: {}
+	},
+	setup(t) {
+		let n = t, i = w(), a = w(), o = w(0), s = e(), c = u(() => n.active && o.value > 0 && !s.value), l, d = !1;
+		function h() {
+			d && i.value && a.value && (o.value = a.value.scrollWidth > i.value.clientWidth ? a.value.scrollWidth + 24 : 0);
+		}
+		return k(() => n.label, () => ee(h)), S(() => {
+			d = !0, h(), typeof ResizeObserver < "u" && (l = new ResizeObserver(h), i.value && l.observe(i.value), a.value && l.observe(a.value));
+		}), x(() => {
+			d = !1, l?.disconnect();
+		}), (e, n) => (C(), p("span", {
+			ref_key: "viewport",
+			ref: i,
+			class: "block min-w-0 flex-1 overflow-hidden"
+		}, [g(D(N).span, {
+			class: "flex w-max items-center gap-6 whitespace-nowrap",
+			animate: { x: c.value ? [0, -o.value] : 0 },
+			transition: c.value ? {
+				duration: Math.max(2.4, o.value / 34),
+				ease: "linear",
+				repeat: Infinity,
+				repeatDelay: 2
+			} : {
+				duration: .16,
+				ease: D(r)
+			}
+		}, {
+			default: A(() => [m("span", {
+				ref_key: "text",
+				ref: a
+			}, E(t.label), 513), c.value ? (C(), p("span", Q, E(t.label), 1)) : f("", !0)]),
+			_: 1
+		}, 8, ["animate", "transition"])], 512));
+	}
+});
+// src/agents/ai-sidebar/src/useTouchCapable.ts
+function ce() {
+	let e = w(!1), t, n = () => {
+		e.value = !!t?.matches || navigator.maxTouchPoints > 0;
+	};
+	return S(() => {
+		t = window.matchMedia?.("(any-pointer: coarse)"), n(), t?.addEventListener?.("change", n);
+	}), x(() => t?.removeEventListener?.("change", n)), e;
+}
+// src/agents/ai-sidebar/src/ResourceRow.vue?vue&type=script&setup=true&lang.ts
+var le = {
+	"aria-hidden": "true",
+	class: "grid size-5 shrink-0 place-items-center"
+}, ue = ["aria-label"], de = ["aria-label"], fe = ["data-sidebar-resource-menu"], pe = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "my-1 h-px bg-border"
+}, me = ["onClick"], he = { class: "min-w-0 truncate" }, ge = /* @__PURE__ */ _({
+	__name: "ResourceRow",
+	props: {
+		row: {},
+		active: { type: Boolean },
+		expanded: { type: Boolean },
+		focused: { type: Boolean },
+		draggingId: {},
+		dropTarget: {},
+		menuOpen: { type: Boolean },
+		moves: {},
+		renaming: { type: Boolean },
+		renderIcon: { type: Function },
+		renderMenu: { type: Function }
+	},
+	emits: [
+		"focus",
+		"key",
+		"menu",
+		"renameStart",
+		"renameCancel",
+		"renameCommit",
+		"select",
+		"toggle",
+		"dragStart",
+		"dragEnd",
+		"dragOver",
+		"drop"
+	],
+	setup(r, { expose: h, emit: _ }) {
+		let v = r, S = _, re = e(), H = ce(), U = w(), W = w(), G = w(!1), K = w(v.row.item.label), q = u(() => V(v.row.item)), J = u(() => v.dropTarget?.id === v.row.item.id ? v.dropTarget.position : void 0), Y = u(() => q.value ? v.expanded ? z : L : v.row.item.kind === "bookmark" ? F : I), X = u(() => v.renderIcon?.(v.row.item)), Z = u(() => ({
+			close: () => S("menu", !1),
+			rename: () => Se(() => S("renameStart")),
+			moves: v.moves
+		})), Q = u(() => v.renderMenu?.(v.row.item, Z.value)), ge = u(() => {
+			let e = [{
+				label: "Rename",
+				icon: B,
+				run: () => S("renameStart")
+			}];
+			return v.moves.up && e.push({
+				label: "Move up",
+				icon: ie,
+				run: v.moves.up
+			}), v.moves.down && e.push({
+				label: "Move down",
+				icon: P,
+				run: v.moves.down
+			}), v.moves.into && e.push({
+				label: `Move into ${v.moves.into.label}`,
+				icon: R,
+				run: v.moves.into.run
+			}), v.moves.out && e.push({
+				label: "Move out",
+				icon: oe,
+				run: v.moves.out
+			}), e;
+		}), _e = !1, ve = !1, $, ye, be = /* @__PURE__ */ new WeakSet();
+		k(() => [v.renaming, v.row.item.label], async ([e]) => {
+			e && (_e = !1, K.value = v.row.item.label, await ee(), $ !== void 0 && cancelAnimationFrame($), $ = requestAnimationFrame(() => {
+				W.value?.focus(), W.value?.select();
+			}));
+		});
+		function xe(e) {
+			be.has(e) || e.defaultPrevented || ve || v.renaming || v.row.item.disabled || (be.add(e), q.value ? S("toggle") : S("select"));
+		}
+		function Se(e, t) {
+			t && xe(t), S("menu", !1), e();
+		}
+		function Ce(e) {
+			e.stopPropagation(), (e.key === "Enter" || e.key === "Escape") && (_e = !0, e.key === "Enter" ? S("renameCommit", K.value) : S("renameCancel"));
+		}
+		function we(e) {
+			!q.value && !v.row.item.disabled && (e.preventDefault(), S("renameStart"));
+		}
+		function Te(e) {
+			ve = !0, S("dragStart", e, v.row.item.id);
+		}
+		function Ee() {
+			S("dragEnd"), ye = requestAnimationFrame(() => {
+				ve = !1;
+			});
+		}
+		return x(() => {
+			$ !== void 0 && cancelAnimationFrame($), ye !== void 0 && cancelAnimationFrame(ye);
+		}), h({ focus: () => t(U.value)?.focus() }), (e, t) => (C(), d(D(N).div, {
+			ref_key: "element",
+			ref: U,
+			layout: "position",
+			transition: D(re) ? { duration: 0 } : D(n),
+			role: "treeitem",
+			"aria-level": r.row.depth + 1,
+			"aria-selected": q.value ? void 0 : r.active,
+			"aria-expanded": q.value ? r.expanded : void 0,
+			"aria-disabled": r.row.item.disabled || void 0,
+			tabindex: r.focused ? 0 : -1,
+			draggable: !r.row.item.disabled && !r.renaming,
+			"data-resource-id": r.row.item.id,
+			"data-menu-open": r.menuOpen || void 0,
+			"data-drop": J.value,
+			"data-dragging": r.draggingId === r.row.item.id || void 0,
+			onFocus: t[6] ||= (e) => S("focus"),
+			onKeydown: t[7] ||= (e) => S("key", e),
+			onClick: xe,
+			onDblclick: we,
+			onMouseenter: t[8] ||= (e) => G.value = !0,
+			onMouseleave: t[9] ||= (e) => G.value = !1,
+			onDragstartCapture: Te,
+			onDragendCapture: Ee,
+			onDragover: t[10] ||= (e) => S("dragOver", e, r.row),
+			onDrop: t[11] ||= (e) => S("drop", e),
+			class: y(D(i)("group/resource relative flex min-h-9 min-w-0 cursor-pointer items-center gap-2.5 rounded-xl pr-3 text-sm outline-none", "text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", "focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", "data-[menu-open=true]:bg-muted data-[menu-open=true]:text-foreground", "data-[dragging=true]:opacity-40", "data-[drop=inside]:bg-muted data-[drop=inside]:ring-1 data-[drop=inside]:ring-primary/45", "data-[drop=before]:before:absolute data-[drop=before]:before:-top-0.5 data-[drop=before]:before:right-2 data-[drop=before]:before:left-2 data-[drop=before]:before:h-0.5 data-[drop=before]:before:rounded-full data-[drop=before]:before:bg-primary", "data-[drop=after]:after:absolute data-[drop=after]:after:-bottom-0.5 data-[drop=after]:after:right-2 data-[drop=after]:after:left-2 data-[drop=after]:after:h-0.5 data-[drop=after]:after:rounded-full data-[drop=after]:after:bg-primary", !q.value && r.active && "bg-muted text-foreground", r.row.item.disabled && "cursor-not-allowed opacity-45")),
+			style: b({ paddingLeft: `${12 + r.row.depth * 16}px` })
+		}, {
+			default: A(() => [
+				m("span", le, [ne(e.$slots, "icon", { item: r.row.item }, () => [X.value == null ? (C(), d(T(Y.value), {
+					key: 1,
+					class: "size-4"
+				})) : (C(), d(D(c), {
+					key: 0,
+					node: X.value
+				}, null, 8, ["node"]))])]),
+				r.renaming ? j((C(), p("input", {
+					key: 0,
+					ref_key: "input",
+					ref: W,
+					"onUpdate:modelValue": t[0] ||= (e) => K.value = e,
+					"aria-label": `Rename ${r.row.item.label}`,
+					draggable: !1,
+					onClick: t[1] ||= M(() => {}, ["stop"]),
+					onDblclick: t[2] ||= M(() => {}, ["stop"]),
+					onBlur: t[3] ||= (e) => !D(_e) && S("renameCommit", K.value),
+					onKeydown: Ce,
+					class: "mx-1 h-7 min-w-0 flex-1 rounded-md border border-border bg-background px-2 text-sm text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring"
+				}, null, 40, ue)), [[O, K.value]]) : (C(), d(se, {
+					key: 1,
+					active: G.value || r.menuOpen,
+					label: r.row.item.label
+				}, null, 8, ["active", "label"])),
+				!r.renaming && !r.row.item.disabled ? (C(), d(D(o), {
+					key: 2,
+					open: r.menuOpen,
+					"onUpdate:open": t[5] ||= (e) => S("menu", e)
+				}, {
+					default: A(() => [g(D(s), null, {
+						default: A(() => [m("button", {
+							type: "button",
+							draggable: !1,
+							tabindex: -1,
+							"aria-label": `Actions for ${r.row.item.label}`,
+							onClick: t[4] ||= M(() => {}, ["stop"]),
+							class: y(D(i)("grid size-7 shrink-0 place-items-center rounded-lg outline-none transition-opacity hover:bg-foreground/5 focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-ring group-hover/resource:opacity-100 group-focus-visible/resource:opacity-100 group-data-[menu-open=true]/resource:opacity-100", D(H) ? "opacity-100" : "opacity-0"))
+						}, [g(D(ae), {
+							"aria-hidden": "true",
+							class: "size-4"
+						})], 10, de)]),
+						_: 1
+					}), g(D(a), {
+						side: "bottom",
+						align: "end",
+						"side-offset": 8,
+						radius: 12,
+						class: "w-40 p-1.5"
+					}, {
+						default: A(() => [m("div", {
+							"data-sidebar-resource-menu": r.row.item.id,
+							onClick: xe
+						}, [ne(e.$slots, "menu", {
+							item: r.row.item,
+							controls: Z.value
+						}, () => [Q.value == null ? f("", !0) : (C(), d(D(c), {
+							key: 0,
+							node: Q.value
+						}, null, 8, ["node"])), (C(!0), p(l, null, te(Q.value == null ? ge.value : [], (e, t) => (C(), p(l, { key: e.label }, [t === 1 ? (C(), p("div", pe)) : f("", !0), m("button", {
+							type: "button",
+							onClick: (t) => Se(e.run, t),
+							class: "flex h-8 w-full items-center gap-2 rounded-lg px-2.5 text-left text-xs text-foreground outline-none transition-colors hover:bg-muted focus-visible:bg-muted focus-visible:ring-2 focus-visible:ring-ring"
+						}, [(C(), d(T(e.icon), {
+							"aria-hidden": "true",
+							class: "size-3.5 shrink-0"
+						})), m("span", he, E(e.label), 1)], 8, me)], 64))), 128))])], 8, fe)]),
+						_: 3
+					})]),
+					_: 3
+				}, 8, ["open"])) : f("", !0)
+			]),
+			_: 3
+		}, 8, [
+			"transition",
+			"aria-level",
+			"aria-selected",
+			"aria-expanded",
+			"aria-disabled",
+			"tabindex",
+			"draggable",
+			"data-resource-id",
+			"data-menu-open",
+			"data-drop",
+			"data-dragging",
+			"class",
+			"style"
+		]));
+	}
+}), _e = ["aria-label"], ve = ["data-active"], $ = {
+	class: "sr-only",
+	"aria-live": "polite"
+}, ye = /* @__PURE__ */ _({
+	inheritAttrs: !1,
+	__name: "AISidebar",
+	props: {
+		items: {},
+		defaultItems: { default: () => [] },
+		activeId: {},
+		defaultActiveId: { default: null },
+		defaultExpandedIds: { default: () => [] },
+		ariaLabel: { default: "Resources" },
+		className: {},
+		onMove: {},
+		onRename: {},
+		renderIcon: {},
+		renderMenu: {}
+	},
+	emits: [
+		"update:items",
+		"itemsChange",
+		"update:activeId",
+		"activeChange",
+		"moveError",
+		"renameError"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = w(n.items ?? n.defaultItems), o = w(n.defaultActiveId), s = u(() => n.activeId === void 0 ? o.value : n.activeId), _ = w(new Set(n.defaultExpandedIds)), y = u(() => G(a.value, _.value)), b = w(n.activeId ?? n.defaultActiveId), S = u(() => y.value.some((e) => e.item.id === b.value) ? b.value : y.value[0]?.item.id ?? null), T = w(null), O = w(null), j = w(null), M = w(""), N = w(null), P = /* @__PURE__ */ new Map(), ie = !1, F = !0, I, L;
+		k(() => n.items, (e) => {
+			e && (a.value = e);
+		}), k(S, (e) => {
+			b.value = e;
+		}, { flush: "sync" }), k(O, async (e) => {
+			L !== void 0 && cancelAnimationFrame(L), e && (await ee(), F && O.value === e && (L = requestAnimationFrame(() => Array.from(document.querySelectorAll("[data-sidebar-resource-menu]")).find((t) => t.dataset.sidebarResourceMenu === e)?.querySelector("button,a[href]")?.focus())));
+		}), x(() => {
+			F = !1, I !== void 0 && cancelAnimationFrame(I), L !== void 0 && cancelAnimationFrame(L), P.clear();
+		});
+		function R(e) {
+			a.value = e, r("update:items", e), r("itemsChange", e);
+		}
+		function z(e) {
+			b.value = e, I !== void 0 && cancelAnimationFrame(I), I = requestAnimationFrame(() => {
+				F && P.get(e)?.focus();
+			});
+		}
+		function ae(e) {
+			n.activeId === void 0 && (o.value = e), r("update:activeId", e), r("activeChange", e);
+		}
+		function B(e) {
+			let t = new Set(_.value);
+			t.has(e) ? t.delete(e) : t.add(e), _.value = t;
+		}
+		async function oe(e) {
+			if (ie) {
+				M.value = "Wait for the current move to finish.";
+				return;
+			}
+			let t = a.value, i = X(t, e);
+			if (!i || i === t) return;
+			ie = !0, R(i), T.value = null, N.value = null;
+			let o = K(t, e.itemId), s = e.targetId ? K(t, e.targetId) : void 0;
+			M.value = s ? `Moved ${o?.label ?? "item"} ${e.position} ${s.label}.` : `Moved ${o?.label ?? "item"} to the top level.`;
+			try {
+				await n.onMove?.(e);
+			} catch (n) {
+				F && (R(t), M.value = `Move failed. ${o?.label ?? "Item"} was restored.`, r("moveError", n, e));
+			} finally {
+				ie = !1;
+			}
+		}
+		function H(e) {
+			if (e.item.disabled) return {};
+			let t = y.value.findIndex((t) => t.item.id === e.item.id), n = y.value[t - 1], r = y.value[t + 1], i = {}, a = (t, n) => () => {
+				oe({
+					itemId: e.item.id,
+					targetId: t,
+					position: n
+				});
+			};
+			return n && (i.up = a(n.item.id, "before")), r && (i.down = a(r.item.id, "after")), n && V(n.item) && n.item.id !== e.parentId && (i.into = {
+				label: n.item.label,
+				run: () => {
+					_.value = new Set(_.value).add(n.item.id), a(n.item.id, "inside")();
+				}
+			}), e.parentId && (i.out = a(e.parentId, "after")), i;
+		}
+		function U(e, t) {
+			let n = y.value.findIndex((e) => e.item.id === t.item.id), r = y.value[n - 1], i = y.value[n + 1], a = e.key, o = e.altKey && e.shiftKey;
+			if (!o && (a === "ArrowUp" || a === "ArrowDown")) {
+				let t = a === "ArrowUp" ? r : i;
+				t && (e.preventDefault(), z(t.item.id));
+			} else if ((a === "Home" || a === "End") && y.value.length) e.preventDefault(), z((a === "Home" ? y.value[0] : y.value[y.value.length - 1]).item.id);
+			else if (t.item.disabled) a === "ArrowLeft" && t.parentId ? (e.preventDefault(), z(t.parentId)) : (o || [
+				"ArrowRight",
+				"Enter",
+				" ",
+				"F2",
+				"ContextMenu"
+			].includes(a) || e.shiftKey && a === "F10") && e.preventDefault();
+			else {
+				if (o) {
+					let n = H(t), r = a === "ArrowUp" ? n.up : a === "ArrowDown" ? n.down : a === "ArrowLeft" ? n.out : a === "ArrowRight" ? n.into?.run : void 0;
+					if (r) {
+						e.preventDefault(), r();
+						return;
+					}
+				}
+				a === "ArrowRight" && V(t.item) ? (e.preventDefault(), _.value.has(t.item.id) ? i?.parentId === t.item.id && z(i.item.id) : B(t.item.id)) : a === "ArrowLeft" ? (e.preventDefault(), _.value.has(t.item.id) ? B(t.item.id) : t.parentId && z(t.parentId)) : a === "Enter" || a === " " ? (e.preventDefault(), V(t.item) ? B(t.item.id) : ae(t.item.id)) : a === "F2" ? (e.preventDefault(), j.value = t.item.id) : (a === "ContextMenu" || e.shiftKey && a === "F10") && (e.preventDefault(), O.value = t.item.id);
+			}
+		}
+		async function W(e, t) {
+			j.value = null;
+			let i = t.trim();
+			if (!i || i === e.label) return;
+			let o = a.value;
+			R(Z(o, e.id, i));
+			try {
+				await n.onRename?.(e, i);
+			} catch (t) {
+				F && (R(o), M.value = `Rename failed. ${e.label} was restored.`, r("renameError", t, e));
+			}
+		}
+		function J(e, t) {
+			T.value = t, e.dataTransfer && (e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t));
+		}
+		function Y(e, t) {
+			if (!T.value || T.value === t.item.id) return;
+			let n = K(a.value, T.value);
+			if (n && q(n, t.item.id)) return;
+			e.preventDefault(), e.stopPropagation();
+			let r = e.currentTarget.getBoundingClientRect(), i = (e.clientY - r.top) / Math.max(1, r.height), o = !t.item.disabled && V(t.item) && i >= .25 && i <= .75 ? "inside" : i < .5 ? "before" : "after";
+			N.value = {
+				id: t.item.id,
+				position: o
+			};
+		}
+		function Q(e) {
+			e.preventDefault(), e.stopPropagation(), T.value && N.value && oe({
+				itemId: T.value,
+				targetId: N.value.id,
+				position: N.value.position
+			});
+		}
+		function se(e, t) {
+			O.value = e ? t : null, e || z(t);
+		}
+		function ce() {
+			T.value = null, N.value = null;
+		}
+		function le(e) {
+			T.value && e.target === e.currentTarget && (e.preventDefault(), N.value = {
+				id: null,
+				position: "after"
+			});
+		}
+		return (t, n) => (C(), p(l, null, [m("div", v(t.$attrs, {
+			role: "tree",
+			"aria-label": e.ariaLabel,
+			"aria-multiselectable": "false",
+			class: D(i)("relative flex min-w-0 flex-col gap-0.5 [overflow-anchor:none] group-data-[state=collapsed]/sidebar:hidden", T.value && "select-none pb-9", e.className, t.$attrs.class),
+			onDragover: le,
+			onDrop: Q
+		}), [g(D(re), { initial: !1 }, {
+			default: A(() => [(C(!0), p(l, null, te(y.value, (r) => (C(), d(ge, {
+				key: r.item.id,
+				ref_for: !0,
+				ref: (e) => {
+					e ? D(P).set(r.item.id, e) : D(P).delete(r.item.id);
+				},
+				row: r,
+				active: s.value === r.item.id,
+				expanded: _.value.has(r.item.id),
+				focused: S.value === r.item.id,
+				"dragging-id": T.value,
+				"drop-target": N.value,
+				"menu-open": O.value === r.item.id,
+				moves: H(r),
+				renaming: j.value === r.item.id,
+				"render-icon": e.renderIcon,
+				"render-menu": e.renderMenu,
+				onFocus: (e) => b.value = r.item.id,
+				onSelect: (e) => ae(r.item.id),
+				onToggle: (e) => B(r.item.id),
+				onKey: (e) => U(e, r),
+				onRenameStart: (e) => j.value = r.item.id,
+				onRenameCancel: n[0] ||= (e) => j.value = null,
+				onRenameCommit: (e) => W(r.item, e),
+				onMenu: (e) => se(e, r.item.id),
+				onDragStart: J,
+				onDragEnd: ce,
+				onDragOver: Y,
+				onDrop: Q
+			}, h({ _: 2 }, [t.$slots.icon ? {
+				name: "icon",
+				fn: A((n) => [ne(t.$slots, "icon", v({ ref_for: !0 }, n), () => [g(D(c), { node: e.renderIcon?.(n.item) }, null, 8, ["node"])])]),
+				key: "0"
+			} : void 0, t.$slots.menu ? {
+				name: "menu",
+				fn: A((n) => [ne(t.$slots, "menu", v({ ref_for: !0 }, n), () => [g(D(c), { node: e.renderMenu?.(n.item, n.controls) }, null, 8, ["node"])])]),
+				key: "1"
+			} : void 0]), 1032, [
+				"row",
+				"active",
+				"expanded",
+				"focused",
+				"dragging-id",
+				"drop-target",
+				"menu-open",
+				"moves",
+				"renaming",
+				"render-icon",
+				"render-menu",
+				"onFocus",
+				"onSelect",
+				"onToggle",
+				"onKey",
+				"onRenameStart",
+				"onRenameCommit",
+				"onMenu"
+			]))), 128))]),
+			_: 3
+		}), T.value ? (C(), p("div", {
+			key: 0,
+			"aria-hidden": "true",
+			"data-active": N.value?.id === null || void 0,
+			class: "absolute inset-x-1 bottom-0 flex h-8 items-center justify-center rounded-lg border border-dashed border-border text-[10px] text-muted-foreground data-[active=true]:border-primary/50 data-[active=true]:bg-muted data-[active=true]:text-foreground"
+		}, " Move to top level ", 8, ve)) : f("", !0)], 16, _e), m("span", $, E(M.value), 1)], 64));
+	}
+});
+export { G as a, J as c, K as i, Z as l, V as n, Y as o, q as r, X as s, ye as t };
+
+//# sourceMappingURL=ai-sidebar-DU97ERIh.js.map