@parallelworks/tandem-web 0.138.2 → 0.139.0

package/pages/areas.js

@@ -11,20 +11,20 @@ import { FoldedAnswer as b, KnowledgeRow as x } from "../components/AreaWork.js"
 import { WorkCounts as S } from "../components/WorkCounts.js";
 import { useAreaActions as C } from "../lib/areas.js";
 import { AreaTile as w, AreaTiles as T, PlaceTile as E } from "../components/AreaTiles.js";
-import { Avatar as D, Breadcrumbs as O, Button as k, Combobox as A, EmptyState as j, ErrorText as M, IconButton as N, Input as P, Modal as F, ModalTitle as I, SegmentedControl as L, Select as R, Tooltip as z, buttonClasses as ee, menuDivider as B, useOpenMenu as V } from "@parallelworks/ui";
-import { Fragment as H, useMemo as U, useState as W } from "react";
-import { useErrorMessage as G } from "@parallelworks/problem/react";
-import { useTranslations as K } from "use-intl";
-import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
-import { useParams as X, useSearch as te } from "@tanstack/react-router";
+import { Avatar as D, Breadcrumbs as O, Button as k, Combobox as A, EmptyState as j, ErrorText as M, IconButton as N, Input as P, Modal as F, ModalTitle as I, SegmentedControl as ee, Select as L, Tooltip as R, buttonClasses as te, menuDivider as z, useOpenMenu as B } from "@parallelworks/ui";
+import { useParams as V, useSearch as H } from "@tanstack/react-router";
+import { Fragment as U, useMemo as W, useState as G } from "react";
+import { useErrorMessage as K } from "@parallelworks/problem/react";
+import { useTranslations as q } from "use-intl";
+import { Fragment as J, jsx as Y, jsxs as X } from "react/jsx-runtime";
 import { useQuery as Z, useSuspenseQuery as Q } from "@tanstack/react-query";
 import { MoreButton as ne } from "@parallelworks/ui/list";
 // src/pages/areas.tsx
 var re = (...e) => e.filter(Boolean).join(" ");
 function ie() {
-	let e = K("areas"), { workspace: r, key: i } = X({ strict: !1 }), { team: u = i } = te({ strict: !1 }), { data: d } = Q(t(r)), { data: m } = Q(a(r)), h = m.find((e) => e.key === u);
+	let e = q("areas"), { workspace: r, key: i } = V({ strict: !1 }), { team: u = i } = H({ strict: !1 }), { data: d } = Q(t(r)), { data: m } = Q(a(r)), h = m.find((e) => e.key === u);
 	g(e("title"), h?.name);
-	let v = h ? d.filter((e) => e.teamId === h.id) : d, { data: y } = Q(s(r)), { data: C } = Q(n(r)), [w, T] = W(null), { data: E } = Z(o(r, h?.key)), D = (E?.proposed.length ?? 0) + (E?.notInDocs.length ?? 0), O = v.filter((e) => e.status === "proposed"), A = [...!h && d.some((e) => !e.teamId) ? [{
+	let v = h ? d.filter((e) => e.teamId === h.id) : d, { data: y } = Q(s(r)), { data: C } = Q(n(r)), [w, T] = G(null), { data: E } = Z(o(r, h?.key)), D = (E?.proposed.length ?? 0) + (E?.notInDocs.length ?? 0), O = v.filter((e) => e.status === "proposed"), A = [...!h && d.some((e) => !e.teamId) ? [{
 		id: "",
 		key: "workspace",
 		name: y.name,
@@ -46,85 +46,85 @@ function ie() {
 	}), (e) => T({
 		kind: "create",
 		parent: e
-	})), [I, R] = W(se), z = E && /* @__PURE__ */ Y(q, { children: [E.proposed.map((e) => /* @__PURE__ */ J(x, {
+	})), [I, L] = G(se), R = E && /* @__PURE__ */ X(J, { children: [E.proposed.map((e) => /* @__PURE__ */ Y(x, {
 		workspace: r,
 		entry: e,
 		isNew: !1
-	}, e.id)), E.notInDocs.map((e) => /* @__PURE__ */ J(b, {
+	}, e.id)), E.notInDocs.map((e) => /* @__PURE__ */ Y(b, {
 		workspace: r,
 		decision: e,
 		isNew: !1,
 		notInDocs: !0
 	}, e.id))] });
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ X("div", {
 		className: "flex h-full flex-col",
 		children: [
-			/* @__PURE__ */ Y("header", {
+			/* @__PURE__ */ X("header", {
 				className: "flex h-12 shrink-0 items-center gap-3 border-b border-border px-4 md:px-5",
 				children: [
-					/* @__PURE__ */ J("h1", {
+					/* @__PURE__ */ Y("h1", {
 						className: "text-sm font-semibold",
 						children: h ? e("teamTitle", { team: h.name }) : e("title")
 					}),
-					/* @__PURE__ */ J("span", {
+					/* @__PURE__ */ Y("span", {
 						className: "text-xs text-muted-foreground tabular-nums",
 						children: e("count", { count: v.length })
 					}),
-					/* @__PURE__ */ J(S, {
+					/* @__PURE__ */ Y(S, {
 						counts: h ? C.teams[h.id] : C.workspace,
 						teamId: h?.id,
 						className: "max-sm:hidden"
 					}),
-					/* @__PURE__ */ J("div", {
+					/* @__PURE__ */ Y("div", {
 						className: "ml-auto",
-						children: /* @__PURE__ */ J(L, {
+						children: /* @__PURE__ */ Y(ee, {
 							label: e("view"),
 							size: "sm",
 							value: I,
 							onValueChange: (e) => {
-								R(e), ce(e);
+								L(e), ce(e);
 							},
 							options: [{
 								value: "icons",
 								label: e("icons"),
-								icon: /* @__PURE__ */ J(f, {})
+								icon: /* @__PURE__ */ Y(f, {})
 							}, {
 								value: "list",
 								label: e("list"),
-								icon: /* @__PURE__ */ J(p, {})
+								icon: /* @__PURE__ */ Y(p, {})
 							}]
 						})
 					}),
-					/* @__PURE__ */ J(k, {
+					/* @__PURE__ */ Y(k, {
 						variant: "primary",
 						size: "sm",
-						icon: /* @__PURE__ */ J(c, { className: "size-3.5" }),
+						icon: /* @__PURE__ */ Y(c, { className: "size-3.5" }),
 						onClick: P,
 						children: e("new")
 					})
 				]
 			}),
-			/* @__PURE__ */ Y("div", {
+			/* @__PURE__ */ X("div", {
 				className: "min-h-0 flex-1 overflow-y-auto",
 				children: [
-					v.length === 0 ? /* @__PURE__ */ J("div", {
+					v.length === 0 ? /* @__PURE__ */ Y("div", {
 						className: "p-6",
-						children: /* @__PURE__ */ J(j, {
-							icon: /* @__PURE__ */ J(l, {}),
+						children: /* @__PURE__ */ Y(j, {
+							icon: /* @__PURE__ */ Y(l, {}),
 							title: e("none"),
 							description: e("description"),
-							action: /* @__PURE__ */ J(k, {
+							action: /* @__PURE__ */ Y(k, {
 								variant: "primary",
 								size: "sm",
 								onClick: P,
 								children: e("new")
 							})
 						})
-					}) : /* @__PURE__ */ Y(q, { children: [O.length > 0 && /* @__PURE__ */ J($, {
+					}) : /* @__PURE__ */ X(J, { children: [O.length > 0 && /* @__PURE__ */ Y($, {
 						title: e("toReview"),
 						count: O.length,
-						icon: /* @__PURE__ */ J(l, { className: "size-4 text-warning" }),
-						children: O.map((e) => /* @__PURE__ */ J(pe, {
+						icon: /* @__PURE__ */ Y(l, { className: "size-4 text-warning" }),
+						children: O.map((e) => /* @__PURE__ */ Y(pe, {
 							workspace: r,
 							area: e,
 							counts: C.areas[e.id],
@@ -133,40 +133,40 @@ function ie() {
 							review: M(e)?.name,
 							areaMenu: F
 						}, e.id))
-					}), I === "icons" ? /* @__PURE__ */ J(ue, {
+					}), I === "icons" ? /* @__PURE__ */ Y(ue, {
 						workspace: r,
 						spaces: A,
 						areas: v,
 						unfiledCount: D,
-						unfiledRows: z,
+						unfiledRows: R,
 						areaMenu: F,
 						onCreate: T
 					}, h?.id ?? "") : A.map((t) => {
 						let n = v.filter((e) => (e.teamId ?? "") === t.id);
-						return /* @__PURE__ */ J($, {
+						return /* @__PURE__ */ Y($, {
 							title: t.name,
 							count: n.length,
-							icon: /* @__PURE__ */ J(_, {
+							icon: /* @__PURE__ */ Y(_, {
 								icon: t.icon,
 								color: t.color,
 								name: t.name
 							}),
-							extra: t.team && /* @__PURE__ */ J(S, {
+							extra: t.team && /* @__PURE__ */ Y(S, {
 								counts: C.teams[t.team.id],
 								teamId: t.team.id,
 								className: "max-sm:hidden"
 							}),
-							action: t.team && /* @__PURE__ */ J(N, {
+							action: t.team && /* @__PURE__ */ Y(N, {
 								variant: "ghost",
 								size: "xs",
-								icon: /* @__PURE__ */ J(c, { className: "size-3.5" }),
+								icon: /* @__PURE__ */ Y(c, { className: "size-3.5" }),
 								label: e("newIn", { space: t.name }),
 								onClick: () => T({
 									kind: "create",
 									space: t.key
 								})
 							}),
-							children: /* @__PURE__ */ J(ae, {
+							children: /* @__PURE__ */ Y(ae, {
 								workspace: r,
 								areas: n,
 								counts: C.areas,
@@ -176,16 +176,16 @@ function ie() {
 							})
 						}, t.key);
 					})] }),
-					I === "list" && D > 0 && /* @__PURE__ */ J($, {
+					I === "list" && D > 0 && /* @__PURE__ */ Y($, {
 						title: e("unfiled"),
 						count: D,
-						icon: /* @__PURE__ */ J(l, { className: "size-4 text-muted-foreground" }),
-						children: z
+						icon: /* @__PURE__ */ Y(l, { className: "size-4 text-muted-foreground" }),
+						children: R
 					}),
-					/* @__PURE__ */ J(me, { workspace: r })
+					/* @__PURE__ */ Y(me, { workspace: r })
 				]
 			}),
-			w && /* @__PURE__ */ J(ge, {
+			w && /* @__PURE__ */ Y(ge, {
 				workspace: r,
 				editing: w,
 				spaces: A.filter((e) => e.team),
@@ -196,38 +196,38 @@ function ie() {
 	});
 }
 function $({ title: e, count: t, icon: n, extra: r, action: i, bare: a = !1, children: o }) {
-	return /* @__PURE__ */ Y("section", {
+	return /* @__PURE__ */ X("section", {
 		"aria-label": e,
-		children: [/* @__PURE__ */ Y("h2", {
+		children: [/* @__PURE__ */ X("h2", {
 			className: "sticky top-0 z-10 flex h-9 items-center gap-2 border-b border-border bg-background px-4 text-xs font-medium md:px-5",
 			children: [
 				n,
-				/* @__PURE__ */ J("span", {
+				/* @__PURE__ */ Y("span", {
 					className: "truncate",
 					children: e
 				}),
-				/* @__PURE__ */ J("span", {
+				/* @__PURE__ */ Y("span", {
 					className: "text-muted-foreground tabular-nums",
 					children: t
 				}),
 				r,
-				i && /* @__PURE__ */ J("span", {
+				i && /* @__PURE__ */ Y("span", {
 					className: "ml-auto flex",
 					children: i
 				})
 			]
-		}), t > 0 && (a ? o : /* @__PURE__ */ J("ul", { children: o }))]
+		}), t > 0 && (a ? o : /* @__PURE__ */ Y("ul", { children: o }))]
 	});
 }
 function ae({ workspace: e, areas: t, counts: n, parent: r, depth: i, areaMenu: a }) {
-	return t.filter((e) => e.parentId === r).map((r) => /* @__PURE__ */ Y(H, { children: [/* @__PURE__ */ J(pe, {
+	return t.filter((e) => e.parentId === r).map((r) => /* @__PURE__ */ X(U, { children: [/* @__PURE__ */ Y(pe, {
 		workspace: e,
 		area: r,
 		counts: n[r.id],
 		siblings: t,
 		depth: i,
 		areaMenu: a
-	}), /* @__PURE__ */ J(ae, {
+	}), /* @__PURE__ */ Y(ae, {
 		workspace: e,
 		areas: t,
 		counts: n,
@@ -251,14 +251,14 @@ function ce(e) {
 }
 var le = /* @__PURE__ */ new Map();
 function ue({ workspace: t, spaces: n, areas: r, unfiledCount: a, unfiledRows: o, areaMenu: s, onCreate: u }) {
-	let d = K("areas"), { data: f = [] } = Z(i(t)), p = `${t}/${n.map((e) => e.id).join(",")}`, [m, h] = W(() => le.get(p) ?? null), g = (e) => {
+	let d = q("areas"), { data: f = [] } = Z(i(t)), p = `${t}/${n.map((e) => e.id).join(",")}`, [m, h] = G(() => le.get(p) ?? null), g = (e) => {
 		le.set(p, e), h(e);
-	}, v = U(() => {
+	}, v = W(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of f) t.area && e.set(t.area.id, (e.get(t.area.id) ?? 0) + 1);
 		let t = (n) => (e.get(n) ?? 0) + r.filter((e) => e.parentId === n).reduce((e, n) => e + t(n.id), 0);
 		return t;
-	}, [f, r]), y = (e) => r.filter((t) => t.parentId === e), b = (e, n) => e.map((e) => /* @__PURE__ */ J(w, {
+	}, [f, r]), y = (e) => r.filter((t) => t.parentId === e), b = (e, n) => e.map((e) => /* @__PURE__ */ Y(w, {
 		workspace: t,
 		area: e,
 		inside: y(e.id).length,
@@ -268,24 +268,24 @@ function ue({ workspace: t, spaces: n, areas: r, unfiledCount: a, unfiledRows: o
 			kind: "area",
 			trail: [...m?.kind === "area" ? m.trail : [], e]
 		})
-	}, e.id)), x = a > 0 && /* @__PURE__ */ J(E, {
+	}, e.id)), x = a > 0 && /* @__PURE__ */ Y(E, {
 		name: d("unfiled"),
-		icon: /* @__PURE__ */ J(l, { className: "size-7 opacity-60" }),
+		icon: /* @__PURE__ */ Y(l, { className: "size-7 opacity-60" }),
 		hint: a,
 		onOpen: () => g({ kind: "unfiled" })
 	});
 	if (!m) return n.map((e, t) => {
 		let i = r.filter((t) => (t.teamId ?? "") === e.id);
-		return /* @__PURE__ */ J($, {
+		return /* @__PURE__ */ Y($, {
 			title: e.name,
 			count: i.length + (t === n.length - 1 && x ? 1 : 0),
-			icon: /* @__PURE__ */ J(_, {
+			icon: /* @__PURE__ */ Y(_, {
 				icon: e.icon,
 				color: e.color,
 				name: e.name
 			}),
 			bare: !0,
-			children: /* @__PURE__ */ Y(T, {
+			children: /* @__PURE__ */ X(T, {
 				label: e.name,
 				children: [b(i.filter((e) => !e.parentId), i), t === n.length - 1 && x]
 			})
@@ -293,13 +293,13 @@ function ue({ workspace: t, spaces: n, areas: r, unfiledCount: a, unfiledRows: o
 	});
 	let S = m.kind === "area" ? m.trail.at(-1) : void 0, C = S && r.find((e) => e.id === S.id), D = C ? y(C.id) : [], k = [{
 		label: d("title"),
-		icon: /* @__PURE__ */ J(l, { className: "size-4" })
+		icon: /* @__PURE__ */ Y(l, { className: "size-4" })
 	}, ...m.kind === "area" ? m.trail.map((e) => ({ label: r.find((t) => t.id === e.id)?.title ?? e.title })) : [{ label: d("unfiled") }]];
-	return /* @__PURE__ */ Y("section", {
+	return /* @__PURE__ */ X("section", {
 		"aria-label": k.at(-1)?.label,
-		children: [/* @__PURE__ */ Y("div", {
+		children: [/* @__PURE__ */ X("div", {
 			className: "sticky top-0 z-10 flex h-10 items-center gap-2 border-b border-border bg-background px-4 md:px-5",
-			children: [/* @__PURE__ */ J(O, {
+			children: [/* @__PURE__ */ Y(O, {
 				crumbs: k,
 				current: "location",
 				onSelect: (e, t) => g(t === 0 || m.kind !== "area" ? null : {
@@ -307,41 +307,41 @@ function ue({ workspace: t, spaces: n, areas: r, unfiledCount: a, unfiledRows: o
 					trail: m.trail.slice(0, t)
 				}),
 				className: "min-w-0 flex-1"
-			}), C && /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(e, {
+			}), C && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(e, {
 				to: "/$workspace/areas/$area",
 				params: {
 					workspace: t,
 					area: C.key
 				},
-				className: ee({
+				className: te({
 					variant: "ghost",
 					size: "xs"
 				}),
 				children: d("openArea")
-			}), /* @__PURE__ */ J(N, {
+			}), /* @__PURE__ */ Y(N, {
 				variant: "ghost",
 				size: "xs",
-				icon: /* @__PURE__ */ J(c, { className: "size-3.5" }),
+				icon: /* @__PURE__ */ Y(c, { className: "size-3.5" }),
 				label: d("addInside"),
 				onClick: () => u({
 					kind: "create",
 					parent: C
 				})
 			})] })]
-		}), m.kind === "unfiled" ? /* @__PURE__ */ J("ul", { children: o }) : D.length === 0 ? /* @__PURE__ */ J("div", {
+		}), m.kind === "unfiled" ? /* @__PURE__ */ Y("ul", { children: o }) : D.length === 0 ? /* @__PURE__ */ Y("div", {
 			className: "p-6",
-			children: /* @__PURE__ */ J(j, {
-				icon: /* @__PURE__ */ J(l, {}),
+			children: /* @__PURE__ */ Y(j, {
+				icon: /* @__PURE__ */ Y(l, {}),
 				title: d("emptyArea")
 			})
-		}) : /* @__PURE__ */ J(T, {
+		}) : /* @__PURE__ */ Y(T, {
 			label: k.at(-1)?.label ?? "",
 			children: b(D, D)
 		})]
 	});
 }
 function de(e, t, n) {
-	let r = K("areas"), i = C(e);
+	let r = q("areas"), i = C(e);
 	return (e, a) => {
 		let o = a.filter((t) => t.id !== e.id);
 		return [
@@ -367,7 +367,7 @@ function de(e, t, n) {
 					})
 				}))
 			}] : [],
-			B,
+			z,
 			{
 				label: r("archive"),
 				destructive: !0,
@@ -378,11 +378,11 @@ function de(e, t, n) {
 }
 var fe = 20;
 function pe({ workspace: t, area: n, counts: r, siblings: i, depth: a, review: o, areaMenu: s }) {
-	let c = K("areas"), u = K("common"), f = V(), p = C(t), m = G(), { nameOf: g, avatarOf: _ } = h(t), b = n.status === "proposed", x = () => s(n, i), w = p.accept.error ?? p.merge.error ?? p.archive.error, T = n.creator;
-	return /* @__PURE__ */ Y("li", {
+	let c = q("areas"), u = q("common"), f = B(), p = C(t), m = K(), { nameOf: g, avatarOf: _ } = h(t), b = n.status === "proposed", x = () => s(n, i), w = p.accept.error ?? p.merge.error ?? p.archive.error, T = n.creator;
+	return /* @__PURE__ */ X("li", {
 		className: "group flex min-h-10 items-center gap-2 border-b border-border/60 pr-2 hover:bg-muted/60",
 		children: [
-			/* @__PURE__ */ Y(e, {
+			/* @__PURE__ */ X(e, {
 				to: "/$workspace/areas/$area",
 				params: {
 					workspace: t,
@@ -392,45 +392,45 @@ function pe({ workspace: t, area: n, counts: r, siblings: i, depth: a, review: o
 				style: { paddingLeft: `calc(var(--row-start) + ${a * fe}px)` },
 				className: "flex min-w-0 flex-1 items-center gap-2 self-stretch py-2 [--row-start:1rem] md:[--row-start:1.25rem]",
 				children: [
-					n.icon ? /* @__PURE__ */ J(v, { icon: n.icon }) : /* @__PURE__ */ J(l, { className: "size-4 shrink-0 text-muted-foreground" }),
-					/* @__PURE__ */ J("span", {
+					n.icon ? /* @__PURE__ */ Y(v, { icon: n.icon }) : /* @__PURE__ */ Y(l, { className: "size-4 shrink-0 text-muted-foreground" }),
+					/* @__PURE__ */ Y("span", {
 						className: "min-w-0 truncate text-sm font-medium",
 						children: n.title
 					}),
-					n.homeDocId && /* @__PURE__ */ J(d, {
+					n.homeDocId && /* @__PURE__ */ Y(d, {
 						className: "size-3.5 shrink-0 text-muted-foreground",
 						"aria-label": c("hasHomeDoc")
 					}),
-					n.aliases.length > 0 && /* @__PURE__ */ J("span", {
+					n.aliases.length > 0 && /* @__PURE__ */ Y("span", {
 						className: "min-w-0 truncate text-xs text-muted-foreground max-sm:hidden",
 						children: c("alsoCalled", { names: n.aliases.join(", ") })
 					}),
-					o && /* @__PURE__ */ J("span", {
+					o && /* @__PURE__ */ Y("span", {
 						className: "min-w-0 truncate text-xs text-muted-foreground max-sm:hidden",
 						children: c("inSpace", { space: o })
 					})
 				]
 			}),
-			w && /* @__PURE__ */ J(M, {
+			w && /* @__PURE__ */ Y(M, {
 				inline: !0,
 				className: "shrink-0 text-xs",
 				children: m(w)
 			}),
-			/* @__PURE__ */ J(S, {
+			/* @__PURE__ */ Y(S, {
 				counts: r,
 				teamId: n.teamId,
 				className: "max-sm:hidden"
 			}),
-			b && !o && /* @__PURE__ */ J("span", {
+			b && !o && /* @__PURE__ */ Y("span", {
 				className: "shrink-0 rounded border border-warning/60 px-1.5 py-0.5 text-[11px] leading-none text-warning",
 				children: c("proposed")
 			}),
-			o && T && /* @__PURE__ */ J(z, {
+			o && T && /* @__PURE__ */ Y(R, {
 				content: c("proposedBy", { name: g(T.kind, T.handle) }),
 				describesAnchor: !0,
-				children: /* @__PURE__ */ Y("span", {
+				children: /* @__PURE__ */ X("span", {
 					className: "flex shrink-0 items-center gap-1.5 text-xs text-muted-foreground max-sm:hidden",
-					children: [/* @__PURE__ */ J(D, {
+					children: [/* @__PURE__ */ Y(D, {
 						...y(T.kind),
 						name: g(T.kind, T.handle),
 						src: _(T.kind, T.handle),
@@ -439,18 +439,18 @@ function pe({ workspace: t, area: n, counts: r, siblings: i, depth: a, review: o
 					}), g(T.kind, T.handle)]
 				})
 			}),
-			/* @__PURE__ */ J("span", {
+			/* @__PURE__ */ Y("span", {
 				className: "w-28 shrink-0 truncate text-right font-mono text-xs text-muted-foreground max-md:hidden",
 				children: n.key
 			}),
-			o && /* @__PURE__ */ J(k, {
+			o && /* @__PURE__ */ Y(k, {
 				variant: "outline",
 				size: "xs",
 				loading: p.accept.isPending,
 				onClick: () => p.accept.mutate(n.key),
 				children: c("accept")
 			}),
-			/* @__PURE__ */ J(ne, {
+			/* @__PURE__ */ Y(ne, {
 				items: x,
 				label: u("moreActionsFor", { name: n.title })
 			})
@@ -458,51 +458,51 @@ function pe({ workspace: t, area: n, counts: r, siblings: i, depth: a, review: o
 	});
 }
 function me({ workspace: e }) {
-	let n = K("areas"), r = C(e), [i, a] = W(!1), { data: o = [], isPending: s } = Z({
+	let n = q("areas"), r = C(e), [i, a] = G(!1), { data: o = [], isPending: s } = Z({
 		...t(e, !0),
 		enabled: i
 	});
-	return /* @__PURE__ */ Y("section", {
+	return /* @__PURE__ */ X("section", {
 		"aria-label": n("archived"),
-		children: [/* @__PURE__ */ J("h2", {
+		children: [/* @__PURE__ */ Y("h2", {
 			className: "border-b border-border",
-			children: /* @__PURE__ */ Y("button", {
+			children: /* @__PURE__ */ X("button", {
 				type: "button",
 				onClick: () => a((e) => !e),
 				"aria-expanded": i,
 				className: "flex h-9 w-full items-center gap-2 px-4 text-xs font-medium text-muted-foreground hover:bg-muted/60 hover:text-foreground md:px-5",
 				children: [
-					/* @__PURE__ */ J(u, { className: re("size-3.5 transition-transform", i && "rotate-90") }),
+					/* @__PURE__ */ Y(u, { className: re("size-3.5 transition-transform", i && "rotate-90") }),
 					n("archived"),
-					i && !s && /* @__PURE__ */ J("span", {
+					i && !s && /* @__PURE__ */ Y("span", {
 						className: "tabular-nums",
 						children: o.length
 					})
 				]
 			})
-		}), i && !s && (o.length === 0 ? /* @__PURE__ */ J("p", {
+		}), i && !s && (o.length === 0 ? /* @__PURE__ */ Y("p", {
 			className: "border-b border-border/60 px-4 py-2.5 pl-10 text-xs text-muted-foreground md:pl-11",
 			children: n("noArchived")
-		}) : /* @__PURE__ */ J("ul", { children: o.map((e) => /* @__PURE__ */ Y("li", {
+		}) : /* @__PURE__ */ Y("ul", { children: o.map((e) => /* @__PURE__ */ X("li", {
 			className: "flex min-h-10 items-center gap-2 border-b border-border/60 py-1.5 pr-2 pl-4 text-muted-foreground md:pl-5",
 			children: [
-				/* @__PURE__ */ J(l, { className: "size-4 shrink-0" }),
-				/* @__PURE__ */ J("span", {
+				/* @__PURE__ */ Y(l, { className: "size-4 shrink-0" }),
+				/* @__PURE__ */ Y("span", {
 					className: "min-w-0 truncate text-sm",
 					children: e.title
 				}),
-				/* @__PURE__ */ J("span", {
+				/* @__PURE__ */ Y("span", {
 					className: "ml-auto w-28 shrink-0 truncate text-right font-mono text-xs max-md:hidden",
 					children: e.key
 				}),
-				/* @__PURE__ */ J(k, {
+				/* @__PURE__ */ Y(k, {
 					variant: "outline",
 					size: "xs",
 					loading: r.restore.isPending && r.restore.variables === e.key,
 					onClick: () => r.restore.mutate(e.key),
 					children: n("restore")
 				}),
-				/* @__PURE__ */ J("span", {
+				/* @__PURE__ */ Y("span", {
 					"aria-hidden": !0,
 					className: "size-7 shrink-0"
 				})
@@ -512,26 +512,26 @@ function me({ workspace: e }) {
 }
 var he = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 63);
 function ge({ workspace: t, editing: n, spaces: i, areas: a, onClose: o }) {
-	let s = K("areas"), c = K("common"), l = G(), u = C(t), f = n.kind === "edit" ? n.area : void 0, p = n.kind === "create" ? n.parent : void 0, [h, g] = W(f?.title ?? ""), [_, v] = W(f?.key ?? ""), [y, b] = W(!!f), [x, S] = W((f?.aliases ?? []).join(", ")), w = n.kind === "create" && n.space || i.find((e) => e.id === (f?.teamId ?? p?.teamId ?? ""))?.key || i[0]?.key || "", [T, E] = W(w), D = i.find((e) => e.key === T)?.id ?? "", [O, j] = W(p?.key ?? a.find((e) => e.id === f?.parentId)?.key ?? ""), [N, L] = W(""), [z, ee] = W(!1), { data: B = [] } = Z({
+	let s = q("areas"), c = q("common"), l = K(), u = C(t), f = n.kind === "edit" ? n.area : void 0, p = n.kind === "create" ? n.parent : void 0, [h, g] = G(f?.title ?? ""), [_, v] = G(f?.key ?? ""), [y, b] = G(!!f), [x, S] = G((f?.aliases ?? []).join(", ")), w = n.kind === "create" && n.space || i.find((e) => e.id === (f?.teamId ?? p?.teamId ?? ""))?.key || i[0]?.key || "", [T, E] = G(w), D = i.find((e) => e.key === T)?.id ?? "", [O, j] = G(p?.key ?? a.find((e) => e.id === f?.parentId)?.key ?? ""), [N, ee] = G(""), [R, te] = G(!1), { data: z = [] } = Z({
 		...r(t),
-		enabled: z || !!f?.homeDocId
-	}), V = N ? B.find((e) => e.key === N) : B.find((e) => e.id === f?.homeDocId), H = !f || f.status === "proposed", q = u.create.isPending || u.update.isPending, X = u.create.error ?? u.update.error, te = U(() => a.filter((e) => (e.teamId ?? "") === D && e.id !== f?.id), [
+		enabled: R || !!f?.homeDocId
+	}), B = N ? z.find((e) => e.key === N) : z.find((e) => e.id === f?.homeDocId), V = !f || f.status === "proposed", H = u.create.isPending || u.update.isPending, U = u.create.error ?? u.update.error, J = W(() => a.filter((e) => (e.teamId ?? "") === D && e.id !== f?.id), [
 		a,
 		D,
 		f?.id
 	]), Q = x.split(",").map((e) => e.trim()).filter(Boolean);
-	return /* @__PURE__ */ J(F, {
+	return /* @__PURE__ */ Y(F, {
 		open: !0,
 		onClose: o,
 		className: "max-h-[85vh] w-full max-w-md overflow-y-auto p-5",
-		children: /* @__PURE__ */ Y("form", {
+		children: /* @__PURE__ */ X("form", {
 			onSubmit: (e) => {
 				e.preventDefault(), f ? u.update.mutate({
 					area: f.key,
 					body: {
 						title: h,
 						aliases: Q,
-						...H && _ !== f.key && { key: _ },
+						...V && _ !== f.key && { key: _ },
 						...O !== (a.find((e) => e.id === f.parentId)?.key ?? "") && { parent: O },
 						...N && { homeDoc: N }
 					}
@@ -545,13 +545,13 @@ function ge({ workspace: t, editing: n, spaces: i, areas: a, onClose: o }) {
 				}, { onSuccess: o });
 			},
 			children: [
-				/* @__PURE__ */ J(I, {
+				/* @__PURE__ */ Y(I, {
 					className: "text-sm font-semibold",
 					children: s(f ? "editTitle" : "newTitle")
 				}),
-				/* @__PURE__ */ Y("label", {
+				/* @__PURE__ */ X("label", {
 					className: "mt-4 block text-xs font-medium text-muted-foreground",
-					children: [s("fieldTitle"), /* @__PURE__ */ J(P, {
+					children: [s("fieldTitle"), /* @__PURE__ */ Y(P, {
 						value: h,
 						onChange: (e) => {
 							g(e.target.value), y || v(he(e.target.value));
@@ -562,43 +562,43 @@ function ge({ workspace: t, editing: n, spaces: i, areas: a, onClose: o }) {
 						className: "mt-1"
 					})]
 				}),
-				/* @__PURE__ */ Y("label", {
+				/* @__PURE__ */ X("label", {
 					className: "mt-3 block text-xs font-medium text-muted-foreground",
 					children: [
 						s("fieldKey"),
-						/* @__PURE__ */ J(P, {
+						/* @__PURE__ */ Y(P, {
 							value: _,
 							onChange: (e) => {
 								b(!0), v(e.target.value.toLowerCase());
 							},
-							disabled: !H,
+							disabled: !V,
 							required: !0,
 							pattern: "[a-z0-9][a-z0-9-]{0,62}",
 							mono: !0,
 							className: "mt-1"
 						}),
-						/* @__PURE__ */ J("span", {
+						/* @__PURE__ */ Y("span", {
 							className: "mt-1 block font-normal",
-							children: s(H ? "keyHint" : "keyFixed")
+							children: s(V ? "keyHint" : "keyFixed")
 						})
 					]
 				}),
-				/* @__PURE__ */ Y("label", {
+				/* @__PURE__ */ X("label", {
 					className: "mt-3 block text-xs font-medium text-muted-foreground",
-					children: [s("fieldAliases"), /* @__PURE__ */ J(P, {
+					children: [s("fieldAliases"), /* @__PURE__ */ Y(P, {
 						value: x,
 						onChange: (e) => S(e.target.value),
 						placeholder: s("aliasesPlaceholder"),
 						className: "mt-1"
 					})]
 				}),
-				/* @__PURE__ */ Y("div", {
+				/* @__PURE__ */ X("div", {
 					className: "mt-3 flex flex-wrap gap-3",
-					children: [!f && !p && /* @__PURE__ */ Y("div", {
+					children: [!f && !p && /* @__PURE__ */ X("div", {
 						className: "text-xs font-medium text-muted-foreground",
-						children: [s("fieldSpace"), /* @__PURE__ */ J("div", {
+						children: [s("fieldSpace"), /* @__PURE__ */ Y("div", {
 							className: "mt-1",
-							children: /* @__PURE__ */ J(R, {
+							children: /* @__PURE__ */ Y(L, {
 								value: T,
 								items: i.map((e) => ({
 									value: e.key,
@@ -611,16 +611,16 @@ function ge({ workspace: t, editing: n, spaces: i, areas: a, onClose: o }) {
 								width: "content"
 							})
 						})]
-					}), /* @__PURE__ */ Y("div", {
+					}), /* @__PURE__ */ X("div", {
 						className: "text-xs font-medium text-muted-foreground",
-						children: [s("fieldParent"), /* @__PURE__ */ J("div", {
+						children: [s("fieldParent"), /* @__PURE__ */ Y("div", {
 							className: "mt-1",
-							children: /* @__PURE__ */ J(R, {
+							children: /* @__PURE__ */ Y(L, {
 								value: O,
 								items: [{
 									value: "",
 									label: s("top")
-								}, ...te.map((e) => ({
+								}, ...J.map((e) => ({
 									value: e.key,
 									label: e.title
 								}))],
@@ -631,57 +631,57 @@ function ge({ workspace: t, editing: n, spaces: i, areas: a, onClose: o }) {
 						})]
 					})]
 				}),
-				/* @__PURE__ */ Y("div", {
+				/* @__PURE__ */ X("div", {
 					className: "mt-3 text-xs font-medium text-muted-foreground",
-					children: [s("fieldHomeDoc"), /* @__PURE__ */ Y("div", {
+					children: [s("fieldHomeDoc"), /* @__PURE__ */ X("div", {
 						className: "mt-1",
-						children: [/* @__PURE__ */ J(A, {
-							open: z,
-							onOpenChange: ee,
-							items: B.map((e) => ({
+						children: [/* @__PURE__ */ Y(A, {
+							open: R,
+							onOpenChange: te,
+							items: z.map((e) => ({
 								value: e.key,
 								label: e.title,
-								icon: /* @__PURE__ */ J(d, { className: "size-3.5" })
+								icon: /* @__PURE__ */ Y(d, { className: "size-3.5" })
 							})),
-							value: V?.key ?? null,
-							onValueChange: (e) => e !== null && L(e),
+							value: B?.key ?? null,
+							onValueChange: (e) => e !== null && ee(e),
 							placeholder: s("chooseDoc"),
 							"aria-label": s("fieldHomeDoc"),
-							trigger: /* @__PURE__ */ Y(k, {
+							trigger: /* @__PURE__ */ X(k, {
 								type: "button",
 								className: "max-w-full font-normal",
-								children: [/* @__PURE__ */ J(d, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ J("span", {
+								children: [/* @__PURE__ */ Y(d, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ Y("span", {
 									className: "truncate",
-									children: V?.title ?? s("noDoc")
+									children: B?.title ?? s("noDoc")
 								})]
 							})
-						}), V && /* @__PURE__ */ J(e, {
+						}), B && /* @__PURE__ */ Y(e, {
 							to: "/$workspace/docs/$doc",
 							params: {
 								workspace: t,
-								doc: m(V)
+								doc: m(B)
 							},
 							className: "ml-2 text-xs font-normal text-primary hover:underline",
 							children: s("openDoc")
 						})]
 					})]
 				}),
-				X && /* @__PURE__ */ J(M, {
+				U && /* @__PURE__ */ Y(M, {
 					size: "md",
 					className: "mt-3",
-					children: l(X)
+					children: l(U)
 				}),
-				/* @__PURE__ */ Y("div", {
+				/* @__PURE__ */ X("div", {
 					className: "mt-5 flex justify-end gap-2",
-					children: [/* @__PURE__ */ J(k, {
+					children: [/* @__PURE__ */ Y(k, {
 						type: "button",
 						onClick: o,
 						children: c("cancel")
-					}), /* @__PURE__ */ J(k, {
+					}), /* @__PURE__ */ Y(k, {
 						type: "submit",
 						variant: "primary",
 						disabled: !h.trim() || !_,
-						loading: q,
+						loading: H,
 						children: f ? c("save") : s("create")
 					})]
 				})