@factorialco/f0-react 14.9.1 → 14.9.3

package/dist/component-status.js

@@ -4,7 +4,7 @@ import { useCallback as i, useEffect as a, useRef as o, useState as s } from "re
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region \0virtual:f0-component-status-data
 var u = {
-	generatedAt: "2026-11-12T16:21:03.776Z",
+	generatedAt: "2026-11-12T21:45:06.818Z",
 	stats: {
 		total: 314,
 		byStatus: {

package/dist/experimental.js

@@ -1963,7 +1963,7 @@ var zf = Sn(En("F0PulseDot", Rf)), Bf = [
 			children: i ? e : t
 		}, i ? "replacement" : "input")
 	});
-}, lp = [], up = () => null, dp = B("relative flex flex-col rounded-xl border border-solid border-f1-border-secondary bg-f1-background", "shadow-md", "transition-colors motion-reduce:transition-none"), fp = "button, a, input, select, [role='menu'], [role='dialog'], [role='listbox']", pp = (e, t, n) => {
+}, lp = [], up = () => null, dp = B("relative flex flex-col rounded-xl border border-solid border-f1-border-secondary bg-f1-background", "shadow", "transition-colors motion-reduce:transition-none"), fp = "button, a, input, select, [role='menu'], [role='dialog'], [role='listbox']", pp = (e, t, n) => {
 	let r = e.target;
 	!t && !r.closest(fp) && n?.focus();
 }, mp = (e) => !!e && (e.sources.length > 0 || !!e.pinned), hp = (e, t) => B(dp, !e && "hover:cursor-text", t), gp = (e, t, n, r) => {
@@ -14684,46 +14684,46 @@ var FO = ({ item: e, active: t }) => {
 		className: B("group/item flex items-center rounded", s ? "bg-f1-background-secondary" : "hover:bg-f1-background-secondary"),
 		children: [c, /* @__PURE__ */ Q(IO, { pin: a })]
 	}) : c;
-}, RO = ({ item: e, tooltip: t, dragConstraints: n, onRemove: r, index: i, total: a, onMove: o, onReorderFinish: s, isSortable: c = !0 }) => {
-	let l = ql() === "two-level", u = R(), { isDragging: d, setIsDragging: f, draggedItemId: p, setDraggedItemId: m } = PO(), { isActive: h } = Rn(), g = h(e.href, { exact: e.exactMatch }), _ = Y(!1), [v, y] = X(!1), b = i === 0, x = i === a - 1, S = a === 1, C = J(function() {
+}, RO = ({ item: e, tooltip: t, onRemove: n, index: r, total: i, onMove: a, onReorderFinish: o, isSortable: s = !0 }) => {
+	let c = ql() === "two-level", l = R(), { isDragging: u, setIsDragging: d, draggedItemId: f, setDraggedItemId: p } = PO(), { isActive: m } = Rn(), h = m(e.href, { exact: e.exactMatch }), g = Y(!1), [_, v] = X(!1), y = r === 0, b = r === i - 1, x = i === 1, S = J(function() {
 		let t = [];
-		return !S && !b && t.push({
-			label: u.actions.moveUp,
-			onClick: () => o?.(i, i - 1),
+		return !x && !y && t.push({
+			label: l.actions.moveUp,
+			onClick: () => a?.(r, r - 1),
 			icon: ci
-		}), !S && !x && t.push({
-			label: u.actions.moveDown,
-			onClick: () => o?.(i, i + 1),
+		}), !x && !b && t.push({
+			label: l.actions.moveDown,
+			onClick: () => a?.(r, r + 1),
 			icon: Ja
 		}), t.length > 0 && t.push({ type: "separator" }), t.push({
-			label: u.favorites.remove,
-			onClick: () => r?.(e),
+			label: l.favorites.remove,
+			onClick: () => n?.(e),
 			icon: xi,
 			critical: !0
 		}), t;
 	}, [
-		S,
-		b,
 		x,
-		u,
-		o,
-		i,
+		y,
+		b,
+		l,
+		a,
 		r,
+		n,
 		e
-	]), w = () => {
-		f(!0), y(!1), m(e.href || null), _.current = !0;
-	}, T = () => {
-		f(!1), m(null), s(), setTimeout(() => {
-			_.current = !1;
+	]), C = () => {
+		d(!0), v(!1), p(e.href || null), g.current = !0;
+	}, w = () => {
+		d(!1), p(null), o(), setTimeout(() => {
+			g.current = !1;
 		}, 0);
-	}, E = d && p === e.href, D = J(function() {
-		return B("group relative cursor-pointer select-none list-none rounded backdrop-blur-sm active:cursor-grabbing", c && "touch-none", g ? "bg-f1-background-secondary text-f1-foreground" : "hover:bg-f1-background-secondary", v && "bg-f1-background-secondary", E && "bg-f1-background-secondary");
+	}, T = u && f === e.href, E = J(function() {
+		return B("group relative cursor-pointer select-none list-none rounded backdrop-blur-sm active:cursor-grabbing", s && "touch-none", h ? "bg-f1-background-secondary text-f1-foreground" : "hover:bg-f1-background-secondary", _ && "bg-f1-background-secondary", T && "bg-f1-background-secondary");
 	}, [
-		g,
-		v,
-		E,
-		c
-	]), O = J(function() {
+		h,
+		_,
+		T,
+		s
+	]), D = J(function() {
 		return /* @__PURE__ */ $(Z, { children: [/* @__PURE__ */ Q("div", {
 			className: "flex w-full items-center justify-between px-1.5 py-1.5",
 			children: /* @__PURE__ */ Q(HO, {
@@ -14732,12 +14732,12 @@ var FO = ({ item: e, active: t }) => {
 					onClick: e.onClick,
 					href: e.href,
 					exactMatch: e.exactMatch,
-					className: B("flex w-[calc(100%-24px-2px)] items-center gap-1.5 no-underline", E && "pointer-events-none"),
+					className: B("flex w-[calc(100%-24px-2px)] items-center gap-1.5 no-underline", T && "pointer-events-none"),
 					draggable: !1,
 					children: [e.type === "icon" ? /* @__PURE__ */ Q(W, {
 						icon: e.icon,
 						size: "md",
-						className: B(!l && "transition-colors", g ? "text-f1-icon-bold" : "text-f1-icon")
+						className: B(!c && "transition-colors", h ? "text-f1-icon-bold" : "text-f1-icon")
 					}) : e.avatar ? /* @__PURE__ */ Q(As, {
 						size: "xs",
 						avatar: e.avatar
@@ -14751,11 +14751,11 @@ var FO = ({ item: e, active: t }) => {
 				})
 			})
 		}), /* @__PURE__ */ Q("div", {
-			className: B("absolute inset-y-1 right-1 z-10 flex h-6 w-6 items-center justify-center rounded-sm opacity-0 transition-opacity duration-100 hover:bg-f1-background-secondary group-hover:opacity-100", v && "bg-f1-background-secondary opacity-100", E && "opacity-100"),
+			className: B("absolute inset-y-1 right-1 z-10 flex h-6 w-6 items-center justify-center rounded-sm opacity-0 transition-opacity duration-100 hover:bg-f1-background-secondary group-hover:opacity-100", _ && "bg-f1-background-secondary opacity-100", T && "opacity-100"),
 			children: /* @__PURE__ */ Q($a, {
-				open: v,
-				onOpenChange: y,
-				items: C,
+				open: _,
+				onOpenChange: v,
+				items: S,
 				children: /* @__PURE__ */ Q("div", {
 					className: "flex items-center justify-center",
 					role: "list",
@@ -14768,56 +14768,52 @@ var FO = ({ item: e, active: t }) => {
 		})] });
 	}, [
 		e,
-		g,
-		l,
-		v,
-		E,
-		C,
+		h,
+		c,
+		_,
+		T,
+		S,
 		t
 	]);
-	return c ? /* @__PURE__ */ Q(hn, {
+	return s ? /* @__PURE__ */ Q(hn, {
 		value: e,
 		drag: "y",
-		dragConstraints: n,
-		dragElastic: .1,
-		onDragStart: w,
-		onDragEnd: T,
-		className: D,
+		onDragStart: C,
+		onDragEnd: w,
+		className: E,
 		whileDrag: { scale: 1.05 },
-		children: O
+		children: D
 	}) : /* @__PURE__ */ Q("div", {
-		className: D,
-		children: O
-	});
-}, zO = ({ category: e, isSortable: t = !1, dragConstraints: n, onCollapse: r, onDragEnd: i, currentOrder: a }) => {
-	let o = ql() === "two-level", { isDragging: s, setIsDragging: c } = PO(), l = Y(!1), u = dn(), d = () => {
-		c(!0), l.current = !0;
-	}, f = () => {
-		c(!1), setTimeout(() => {
-			l.current = !1, a && i?.(a);
+		className: E,
+		children: D
+	});
+}, zO = ({ category: e, isSortable: t = !1, onCollapse: n, onDragEnd: r, currentOrder: i }) => {
+	let a = ql() === "two-level", { isDragging: o, setIsDragging: s } = PO(), c = Y(!1), l = dn(), u = () => {
+		s(!0), c.current = !0;
+	}, d = () => {
+		s(!1), setTimeout(() => {
+			c.current = !1, i && r?.(i);
 		}, 0);
-	}, p = /* @__PURE__ */ Q(gE, {
+	}, f = /* @__PURE__ */ Q(gE, {
 		title: e.title,
 		isOpen: e.isOpen,
 		isRoot: e.isRoot,
 		onCollapse: (t) => {
-			!s && !l.current && r?.(e, t);
+			!o && !c.current && n?.(e, t);
 		},
-		isDragging: s,
-		wasDragging: l,
+		isDragging: o,
+		wasDragging: c,
 		children: /* @__PURE__ */ Q("div", {
-			className: B("flex flex-col gap-0.5", s && !l.current && "pointer-events-none"),
+			className: B("flex flex-col gap-0.5", o && !c.current && "pointer-events-none"),
 			children: e.items.map((e) => /* @__PURE__ */ Q(LO, { item: e }, `${e.href ?? ""}|${e.label}`))
 		})
 	});
 	return t ? /* @__PURE__ */ Q(hn, {
 		id: e.id,
 		value: e,
-		dragConstraints: n,
-		dragElastic: .1,
-		dragControls: u,
-		onDragStart: d,
-		onDragEnd: f,
+		dragControls: l,
+		onDragStart: u,
+		onDragEnd: d,
 		layout: !0,
 		layoutId: `category-${e.id}`,
 		initial: { opacity: 1 },
@@ -14848,7 +14844,7 @@ var FO = ({ item: e, active: t }) => {
 					1.275
 				]
 			},
-			layout: s || !o ? {
+			layout: o || !a ? {
 				type: "spring",
 				bounce: .1,
 				damping: 15
@@ -14861,8 +14857,8 @@ var FO = ({ item: e, active: t }) => {
 			backdropFilter: "blur(4px)"
 		},
 		className: "relative",
-		children: p
-	}) : p;
+		children: f
+	}) : f;
 };
 function BO({ tree: e, onCollapse: t, onSort: n, onFavoritesChange: r, favorites: i }) {
 	let a = Y(null), o = e.filter((e) => e.isSortable === !1), s = J(function() {
@@ -14892,69 +14888,67 @@ function BO({ tree: e, onCollapse: t, onSort: n, onFavoritesChange: r, favorites
 	}) });
 }
 function VO({ nonSortableItems: e, sortableItems: t, setSortableItems: n, containerRef: r, onCollapse: i, onDragEnd: a, favorites: o = [], onFavoritesChange: s, forceUpdate: c, disableDragging: l = !1 }) {
-	let u = R(), { isDragging: d } = PO(), f = e.some((e) => e.isRoot), p = e.filter((e) => !e.isRoot).length > 0, m = t.length > 0, h = Y(null), [g, _] = X(o), v = o.length > 0;
+	let u = R(), { isDragging: d } = PO(), f = e.some((e) => e.isRoot), p = e.filter((e) => !e.isRoot).length > 0, m = t.length > 0, [h, g] = X(o), _ = o.length > 0;
 	K(function() {
-		JSON.stringify(o) !== JSON.stringify(g) && _(o);
+		JSON.stringify(o) !== JSON.stringify(h) && g(o);
 	}, [o]);
-	let y = (e) => {
-		_(e);
-	}, b = G(function(e) {
-		let t = g.filter((t) => t.href !== e.href);
-		_(t), s?.(t);
-	}, [g, s]), x = G(function(e, t) {
-		if (t < 0 || t >= g.length) return;
-		let n = [...g], [r] = n.splice(e, 1);
-		n.splice(t, 0, r), _(n), s?.(n);
-	}, [g, s]), [S, C] = X(!1), w = Y(null);
+	let v = (e) => {
+		g(e);
+	}, y = G(function(e) {
+		let t = h.filter((t) => t.href !== e.href);
+		g(t), s?.(t);
+	}, [h, s]), b = G(function(e, t) {
+		if (t < 0 || t >= h.length) return;
+		let n = [...h], [r] = n.splice(e, 1);
+		n.splice(t, 0, r), g(n), s?.(n);
+	}, [h, s]), [x, S] = X(!1), C = Y(null);
 	K(function() {
-		t.length > 0 && !S && (n([...t]), C(!0));
+		t.length > 0 && !x && (n([...t]), S(!0));
 	}, [
 		t,
 		n,
-		S
+		x
 	]), K(function() {
 		let e = () => {
-			w.current !== null && window.clearTimeout(w.current), w.current = window.setTimeout(() => {
+			C.current !== null && window.clearTimeout(C.current), C.current = window.setTimeout(() => {
 				r.current && t.length > 0 && c();
 			}, 50);
 		};
 		return window.addEventListener("resize", e), () => {
-			window.removeEventListener("resize", e), w.current !== null && window.clearTimeout(w.current);
+			window.removeEventListener("resize", e), C.current !== null && window.clearTimeout(C.current);
 		};
 	}, [
 		r,
 		t,
 		c
 	]);
-	let T = "flex flex-col gap-0.5", E = J(function() {
-		return g.reduce((e, t, n) => (t.label in e || (e[t.label] = []), e[t.label].push(n), e), {});
-	}, [g]), D = J(function() {
-		return v && g.map((e, t) => /* @__PURE__ */ Q(RO, {
+	let w = "flex flex-col gap-0.5", T = J(function() {
+		return h.reduce((e, t, n) => (t.label in e || (e[t.label] = []), e[t.label].push(n), e), {});
+	}, [h]), E = J(function() {
+		return _ && h.map((e, t) => /* @__PURE__ */ Q(RO, {
 			isSortable: !l,
-			tooltip: (E[e.label] ?? []).length > 1 ? e.tooltip : void 0,
+			tooltip: (T[e.label] ?? []).length > 1 ? e.tooltip : void 0,
 			item: e,
-			dragConstraints: h,
-			onRemove: b,
+			onRemove: y,
 			index: t,
-			total: g.length,
-			onMove: x,
+			total: h.length,
+			onMove: b,
 			onReorderFinish: () => {
-				s?.(g);
+				s?.(h);
 			}
 		}, `${e.href}-${e.label}`));
 	}, [
-		v,
-		g,
-		E,
+		_,
+		h,
+		T,
+		y,
 		b,
-		x,
 		s,
 		l
-	]), O = "flex flex-col gap-3", k = J(function() {
+	]), D = "flex flex-col gap-3", O = J(function() {
 		return t.map((e) => /* @__PURE__ */ Q(zO, {
 			category: e,
 			isSortable: !l,
-			dragConstraints: r,
 			onCollapse: i,
 			onDragEnd: a,
 			currentOrder: t
@@ -14962,7 +14956,6 @@ function VO({ nonSortableItems: e, sortableItems: t, setSortableItems: n, contai
 	}, [
 		t,
 		l,
-		r,
 		i,
 		a
 	]);
@@ -14976,22 +14969,19 @@ function VO({ nonSortableItems: e, sortableItems: t, setSortableItems: n, contai
 					onCollapse: i
 				}, `fixed-${t}`))
 			}) : null,
-			v ? /* @__PURE__ */ Q("div", {
+			_ ? /* @__PURE__ */ Q("div", {
 				className: "mt-3 flex w-full flex-col gap-3 bg-transparent px-3",
 				children: /* @__PURE__ */ Q(gE, {
 					title: u.favorites.favorites,
-					children: /* @__PURE__ */ Q("div", {
-						ref: h,
-						children: l ? /* @__PURE__ */ Q("div", {
-							className: T,
-							children: D
-						}) : /* @__PURE__ */ Q(We, {
-							axis: "y",
-							values: g,
-							onReorder: y,
-							className: T,
-							children: D
-						})
+					children: l ? /* @__PURE__ */ Q("div", {
+						className: w,
+						children: E
+					}) : /* @__PURE__ */ Q(We, {
+						axis: "y",
+						values: h,
+						onReorder: v,
+						className: w,
+						children: E
 					})
 				})
 			}) : null,
@@ -15006,15 +14996,15 @@ function VO({ nonSortableItems: e, sortableItems: t, setSortableItems: n, contai
 				className: B("mt-3 flex w-full flex-col gap-3 bg-transparent px-3 [&_li]:list-none"),
 				ref: r,
 				children: l ? /* @__PURE__ */ Q("div", {
-					className: O,
-					children: k
+					className: D,
+					children: O
 				}) : /* @__PURE__ */ Q(We, {
 					axis: "y",
 					values: t,
 					onReorder: n,
 					layoutScroll: !0,
-					className: O,
-					children: k
+					className: D,
+					children: O
 				})
 			}) : null
 		]
@@ -18612,7 +18602,7 @@ var QM = () => ZM(WM, "useChatJump"), $M = (e) => {
 		role: a ? "status" : void 0,
 		"aria-live": "polite",
 		"aria-label": a ? o : void 0,
-		className: "h-5 truncate px-1 text-sm leading-5 text-f1-foreground-tertiary",
+		className: "h-7 truncate px-2.5 text-sm leading-7 text-f1-foreground-tertiary",
 		children: a ? dN(o, t.slice(0, 2).map((e) => e.name)) : null
 	});
 }, pN = ({ visible: e }) => {