@parallelworks/tandem-web 0.139.0 → 0.139.2

package/pages/areas.js

@@ -1,9 +1,9 @@
-import { Link as e } from "../lib/router.js";
-import { areasQuery as t, countsQuery as n, docsQuery as r, inboxQuery as i, teamsQuery as a, unfiledQuery as o, workspaceQuery as s } from "../api/queries.js";
-import { AddIcon as c, AreaIcon as l, ChevronRightIcon as u, FileTextIcon as d, GridIcon as f, ListViewIcon as p } from "../components/icons.js";
-import { docRef as m } from "../lib/docs.js";
-import { usePeople as h } from "../lib/people.js";
-import { usePageTitle as g } from "../lib/pageTitle.js";
+import { usePageTitle as e } from "../lib/pageTitle.js";
+import { Link as t } from "../lib/router.js";
+import { areasQuery as n, countsQuery as r, docsQuery as i, inboxQuery as a, teamsQuery as o, unfiledQuery as s, workspaceQuery as c } from "../api/queries.js";
+import { AddIcon as l, AreaIcon as u, ChevronRightIcon as d, FileTextIcon as f, GridIcon as p, ListViewIcon as m } from "../components/icons.js";
+import { docRef as h } from "../lib/docs.js";
+import { usePeople as g } from "../lib/people.js";
 import { EntityIcon as _ } from "../components/EntityIcon.js";
 import { DocIcon as v } from "../components/DocIcon.js";
 import { actorAvatar as y } from "../lib/avatar.js";
@@ -22,15 +22,15 @@ import { MoreButton as ne } from "@parallelworks/ui/list";
 // src/pages/areas.tsx
 var re = (...e) => e.filter(Boolean).join(" ");
 function ie() {
-	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] = 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) ? [{
+	let t = q("areas"), { workspace: i, key: a } = V({ strict: !1 }), { team: d = a } = H({ strict: !1 }), { data: f } = Q(n(i)), { data: h } = Q(o(i)), g = h.find((e) => e.key === d);
+	e(t("title"), g?.name);
+	let v = g ? f.filter((e) => e.teamId === g.id) : f, { data: y } = Q(c(i)), { data: C } = Q(r(i)), [w, T] = G(null), { data: E } = Z(s(i, g?.key)), D = (E?.proposed.length ?? 0) + (E?.notInDocs.length ?? 0), O = v.filter((e) => e.status === "proposed"), A = [...!g && f.some((e) => !e.teamId) ? [{
 		id: "",
 		key: "workspace",
 		name: y.name,
 		icon: y.icon,
 		color: y.color
-	}] : [], ...m.filter((e) => !e.archivedAt && (!h || e.id === h.id)).map((e) => ({
+	}] : [], ...h.filter((e) => !e.archivedAt && (!g || e.id === g.id)).map((e) => ({
 		id: e.id,
 		key: e.key,
 		name: e.name,
@@ -39,19 +39,19 @@ function ie() {
 		team: e
 	}))], M = (e) => A.find((t) => t.id === (e.teamId ?? "")), P = () => T({
 		kind: "create",
-		...h && { space: h.key }
-	}), F = de(r, (e) => T({
+		...g && { space: g.key }
+	}), F = de(i, (e) => T({
 		kind: "edit",
 		area: e
 	}), (e) => T({
 		kind: "create",
 		parent: e
 	})), [I, L] = G(se), R = E && /* @__PURE__ */ X(J, { children: [E.proposed.map((e) => /* @__PURE__ */ Y(x, {
-		workspace: r,
+		workspace: i,
 		entry: e,
 		isNew: !1
 	}, e.id)), E.notInDocs.map((e) => /* @__PURE__ */ Y(b, {
-		workspace: r,
+		workspace: i,
 		decision: e,
 		isNew: !1,
 		notInDocs: !0
@@ -64,21 +64,21 @@ function ie() {
 				children: [
 					/* @__PURE__ */ Y("h1", {
 						className: "text-sm font-semibold",
-						children: h ? e("teamTitle", { team: h.name }) : e("title")
+						children: g ? t("teamTitle", { team: g.name }) : t("title")
 					}),
 					/* @__PURE__ */ Y("span", {
 						className: "text-xs text-muted-foreground tabular-nums",
-						children: e("count", { count: v.length })
+						children: t("count", { count: v.length })
 					}),
 					/* @__PURE__ */ Y(S, {
-						counts: h ? C.teams[h.id] : C.workspace,
-						teamId: h?.id,
+						counts: g ? C.teams[g.id] : C.workspace,
+						teamId: g?.id,
 						className: "max-sm:hidden"
 					}),
 					/* @__PURE__ */ Y("div", {
 						className: "ml-auto",
 						children: /* @__PURE__ */ Y(ee, {
-							label: e("view"),
+							label: t("view"),
 							size: "sm",
 							value: I,
 							onValueChange: (e) => {
@@ -86,21 +86,21 @@ function ie() {
 							},
 							options: [{
 								value: "icons",
-								label: e("icons"),
-								icon: /* @__PURE__ */ Y(f, {})
+								label: t("icons"),
+								icon: /* @__PURE__ */ Y(p, {})
 							}, {
 								value: "list",
-								label: e("list"),
-								icon: /* @__PURE__ */ Y(p, {})
+								label: t("list"),
+								icon: /* @__PURE__ */ Y(m, {})
 							}]
 						})
 					}),
 					/* @__PURE__ */ Y(k, {
 						variant: "primary",
 						size: "sm",
-						icon: /* @__PURE__ */ Y(c, { className: "size-3.5" }),
+						icon: /* @__PURE__ */ Y(l, { className: "size-3.5" }),
 						onClick: P,
-						children: e("new")
+						children: t("new")
 					})
 				]
 			}),
@@ -110,22 +110,22 @@ function ie() {
 					v.length === 0 ? /* @__PURE__ */ Y("div", {
 						className: "p-6",
 						children: /* @__PURE__ */ Y(j, {
-							icon: /* @__PURE__ */ Y(l, {}),
-							title: e("none"),
-							description: e("description"),
+							icon: /* @__PURE__ */ Y(u, {}),
+							title: t("none"),
+							description: t("description"),
 							action: /* @__PURE__ */ Y(k, {
 								variant: "primary",
 								size: "sm",
 								onClick: P,
-								children: e("new")
+								children: t("new")
 							})
 						})
 					}) : /* @__PURE__ */ X(J, { children: [O.length > 0 && /* @__PURE__ */ Y($, {
-						title: e("toReview"),
+						title: t("toReview"),
 						count: O.length,
-						icon: /* @__PURE__ */ Y(l, { className: "size-4 text-warning" }),
+						icon: /* @__PURE__ */ Y(u, { className: "size-4 text-warning" }),
 						children: O.map((e) => /* @__PURE__ */ Y(pe, {
-							workspace: r,
+							workspace: i,
 							area: e,
 							counts: C.areas[e.id],
 							siblings: v.filter((t) => (t.teamId ?? "") === (e.teamId ?? "")),
@@ -134,62 +134,62 @@ function ie() {
 							areaMenu: F
 						}, e.id))
 					}), I === "icons" ? /* @__PURE__ */ Y(ue, {
-						workspace: r,
+						workspace: i,
 						spaces: A,
 						areas: v,
 						unfiledCount: D,
 						unfiledRows: R,
 						areaMenu: F,
 						onCreate: T
-					}, h?.id ?? "") : A.map((t) => {
-						let n = v.filter((e) => (e.teamId ?? "") === t.id);
+					}, g?.id ?? "") : A.map((e) => {
+						let n = v.filter((t) => (t.teamId ?? "") === e.id);
 						return /* @__PURE__ */ Y($, {
-							title: t.name,
+							title: e.name,
 							count: n.length,
 							icon: /* @__PURE__ */ Y(_, {
-								icon: t.icon,
-								color: t.color,
-								name: t.name
+								icon: e.icon,
+								color: e.color,
+								name: e.name
 							}),
-							extra: t.team && /* @__PURE__ */ Y(S, {
-								counts: C.teams[t.team.id],
-								teamId: t.team.id,
+							extra: e.team && /* @__PURE__ */ Y(S, {
+								counts: C.teams[e.team.id],
+								teamId: e.team.id,
 								className: "max-sm:hidden"
 							}),
-							action: t.team && /* @__PURE__ */ Y(N, {
+							action: e.team && /* @__PURE__ */ Y(N, {
 								variant: "ghost",
 								size: "xs",
-								icon: /* @__PURE__ */ Y(c, { className: "size-3.5" }),
-								label: e("newIn", { space: t.name }),
+								icon: /* @__PURE__ */ Y(l, { className: "size-3.5" }),
+								label: t("newIn", { space: e.name }),
 								onClick: () => T({
 									kind: "create",
-									space: t.key
+									space: e.key
 								})
 							}),
 							children: /* @__PURE__ */ Y(ae, {
-								workspace: r,
+								workspace: i,
 								areas: n,
 								counts: C.areas,
 								parent: void 0,
 								depth: 0,
 								areaMenu: F
 							})
-						}, t.key);
+						}, e.key);
 					})] }),
 					I === "list" && D > 0 && /* @__PURE__ */ Y($, {
-						title: e("unfiled"),
+						title: t("unfiled"),
 						count: D,
-						icon: /* @__PURE__ */ Y(l, { className: "size-4 text-muted-foreground" }),
+						icon: /* @__PURE__ */ Y(u, { className: "size-4 text-muted-foreground" }),
 						children: R
 					}),
-					/* @__PURE__ */ Y(me, { workspace: r })
+					/* @__PURE__ */ Y(me, { workspace: i })
 				]
 			}),
 			w && /* @__PURE__ */ Y(ge, {
-				workspace: r,
+				workspace: i,
 				editing: w,
 				spaces: A.filter((e) => e.team),
-				areas: d,
+				areas: f,
 				onClose: () => T(null)
 			})
 		]
@@ -250,28 +250,28 @@ function ce(e) {
 	} catch {}
 }
 var le = /* @__PURE__ */ new Map();
-function ue({ workspace: t, spaces: n, areas: r, unfiledCount: a, unfiledRows: o, areaMenu: s, onCreate: u }) {
-	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) => {
+function ue({ workspace: e, spaces: n, areas: r, unfiledCount: i, unfiledRows: o, areaMenu: s, onCreate: c }) {
+	let d = q("areas"), { data: f = [] } = Z(a(e)), p = `${e}/${n.map((e) => e.id).join(",")}`, [m, h] = G(() => le.get(p) ?? null), g = (e) => {
 		le.set(p, e), h(e);
 	}, 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__ */ Y(w, {
-		workspace: t,
-		area: e,
-		inside: y(e.id).length,
-		decisions: v(e.id),
-		menu: () => s(e, n),
+	}, [f, r]), y = (e) => r.filter((t) => t.parentId === e), b = (t, n) => t.map((t) => /* @__PURE__ */ Y(w, {
+		workspace: e,
+		area: t,
+		inside: y(t.id).length,
+		decisions: v(t.id),
+		menu: () => s(t, n),
 		onOpen: (e) => g({
 			kind: "area",
 			trail: [...m?.kind === "area" ? m.trail : [], e]
 		})
-	}, e.id)), x = a > 0 && /* @__PURE__ */ Y(E, {
+	}, t.id)), x = i > 0 && /* @__PURE__ */ Y(E, {
 		name: d("unfiled"),
-		icon: /* @__PURE__ */ Y(l, { className: "size-7 opacity-60" }),
-		hint: a,
+		icon: /* @__PURE__ */ Y(u, { className: "size-7 opacity-60" }),
+		hint: i,
 		onOpen: () => g({ kind: "unfiled" })
 	});
 	if (!m) return n.map((e, t) => {
@@ -293,7 +293,7 @@ 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__ */ Y(l, { className: "size-4" })
+		icon: /* @__PURE__ */ Y(u, { 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__ */ X("section", {
 		"aria-label": k.at(-1)?.label,
@@ -307,10 +307,10 @@ 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__ */ X(J, { children: [/* @__PURE__ */ Y(e, {
+			}), C && /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(t, {
 				to: "/$workspace/areas/$area",
 				params: {
-					workspace: t,
+					workspace: e,
 					area: C.key
 				},
 				className: te({
@@ -321,9 +321,9 @@ function ue({ workspace: t, spaces: n, areas: r, unfiledCount: a, unfiledRows: o
 			}), /* @__PURE__ */ Y(N, {
 				variant: "ghost",
 				size: "xs",
-				icon: /* @__PURE__ */ Y(c, { className: "size-3.5" }),
+				icon: /* @__PURE__ */ Y(l, { className: "size-3.5" }),
 				label: d("addInside"),
-				onClick: () => u({
+				onClick: () => c({
 					kind: "create",
 					parent: C
 				})
@@ -331,7 +331,7 @@ function ue({ workspace: t, spaces: n, areas: r, unfiledCount: a, unfiledRows: o
 		}), m.kind === "unfiled" ? /* @__PURE__ */ Y("ul", { children: o }) : D.length === 0 ? /* @__PURE__ */ Y("div", {
 			className: "p-6",
 			children: /* @__PURE__ */ Y(j, {
-				icon: /* @__PURE__ */ Y(l, {}),
+				icon: /* @__PURE__ */ Y(u, {}),
 				title: d("emptyArea")
 			})
 		}) : /* @__PURE__ */ Y(T, {
@@ -377,27 +377,27 @@ 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 = 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;
+function pe({ workspace: e, area: n, counts: r, siblings: i, depth: a, review: o, areaMenu: s }) {
+	let c = q("areas"), l = q("common"), d = B(), p = C(e), m = K(), { nameOf: h, avatarOf: _ } = g(e), 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__ */ X(e, {
+			/* @__PURE__ */ X(t, {
 				to: "/$workspace/areas/$area",
 				params: {
-					workspace: t,
+					workspace: e,
 					area: n.key
 				},
-				onContextMenu: (e) => f(e, x()),
+				onContextMenu: (e) => d(e, x()),
 				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__ */ Y(v, { icon: n.icon }) : /* @__PURE__ */ Y(l, { className: "size-4 shrink-0 text-muted-foreground" }),
+					n.icon ? /* @__PURE__ */ Y(v, { icon: n.icon }) : /* @__PURE__ */ Y(u, { 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__ */ Y(d, {
+					n.homeDocId && /* @__PURE__ */ Y(f, {
 						className: "size-3.5 shrink-0 text-muted-foreground",
 						"aria-label": c("hasHomeDoc")
 					}),
@@ -426,17 +426,17 @@ function pe({ workspace: t, area: n, counts: r, siblings: i, depth: a, review: o
 				children: c("proposed")
 			}),
 			o && T && /* @__PURE__ */ Y(R, {
-				content: c("proposedBy", { name: g(T.kind, T.handle) }),
+				content: c("proposedBy", { name: h(T.kind, T.handle) }),
 				describesAnchor: !0,
 				children: /* @__PURE__ */ X("span", {
 					className: "flex shrink-0 items-center gap-1.5 text-xs text-muted-foreground max-sm:hidden",
 					children: [/* @__PURE__ */ Y(D, {
 						...y(T.kind),
-						name: g(T.kind, T.handle),
+						name: h(T.kind, T.handle),
 						src: _(T.kind, T.handle),
 						size: "xs",
 						decorative: !0
-					}), g(T.kind, T.handle)]
+					}), h(T.kind, T.handle)]
 				})
 			}),
 			/* @__PURE__ */ Y("span", {
@@ -452,18 +452,18 @@ function pe({ workspace: t, area: n, counts: r, siblings: i, depth: a, review: o
 			}),
 			/* @__PURE__ */ Y(ne, {
 				items: x,
-				label: u("moreActionsFor", { name: n.title })
+				label: l("moreActionsFor", { name: n.title })
 			})
 		]
 	});
 }
 function me({ workspace: e }) {
-	let n = q("areas"), r = C(e), [i, a] = G(!1), { data: o = [], isPending: s } = Z({
-		...t(e, !0),
+	let t = q("areas"), r = C(e), [i, a] = G(!1), { data: o = [], isPending: s } = Z({
+		...n(e, !0),
 		enabled: i
 	});
 	return /* @__PURE__ */ X("section", {
-		"aria-label": n("archived"),
+		"aria-label": t("archived"),
 		children: [/* @__PURE__ */ Y("h2", {
 			className: "border-b border-border",
 			children: /* @__PURE__ */ X("button", {
@@ -472,8 +472,8 @@ function me({ workspace: 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__ */ Y(u, { className: re("size-3.5 transition-transform", i && "rotate-90") }),
-					n("archived"),
+					/* @__PURE__ */ Y(d, { className: re("size-3.5 transition-transform", i && "rotate-90") }),
+					t("archived"),
 					i && !s && /* @__PURE__ */ Y("span", {
 						className: "tabular-nums",
 						children: o.length
@@ -482,11 +482,11 @@ function me({ workspace: e }) {
 			})
 		}), 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")
+			children: t("noArchived")
 		}) : /* @__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__ */ Y(l, { className: "size-4 shrink-0" }),
+				/* @__PURE__ */ Y(u, { className: "size-4 shrink-0" }),
 				/* @__PURE__ */ Y("span", {
 					className: "min-w-0 truncate text-sm",
 					children: e.title
@@ -500,7 +500,7 @@ function me({ workspace: e }) {
 					size: "xs",
 					loading: r.restore.isPending && r.restore.variables === e.key,
 					onClick: () => r.restore.mutate(e.key),
-					children: n("restore")
+					children: t("restore")
 				}),
 				/* @__PURE__ */ Y("span", {
 					"aria-hidden": !0,
@@ -511,14 +511,14 @@ 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 = 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: 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), [
+function ge({ workspace: e, editing: n, spaces: r, areas: a, onClose: o }) {
+	let s = q("areas"), c = q("common"), l = K(), u = C(e), d = n.kind === "edit" ? n.area : void 0, p = n.kind === "create" ? n.parent : void 0, [m, g] = G(d?.title ?? ""), [_, v] = G(d?.key ?? ""), [y, b] = G(!!d), [x, S] = G((d?.aliases ?? []).join(", ")), w = n.kind === "create" && n.space || r.find((e) => e.id === (d?.teamId ?? p?.teamId ?? ""))?.key || r[0]?.key || "", [T, E] = G(w), D = r.find((e) => e.key === T)?.id ?? "", [O, j] = G(p?.key ?? a.find((e) => e.id === d?.parentId)?.key ?? ""), [N, ee] = G(""), [R, te] = G(!1), { data: z = [] } = Z({
+		...i(e),
+		enabled: R || !!d?.homeDocId
+	}), B = N ? z.find((e) => e.key === N) : z.find((e) => e.id === d?.homeDocId), V = !d || d.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 !== d?.id), [
 		a,
 		D,
-		f?.id
+		d?.id
 	]), Q = x.split(",").map((e) => e.trim()).filter(Boolean);
 	return /* @__PURE__ */ Y(F, {
 		open: !0,
@@ -526,18 +526,18 @@ function ge({ workspace: t, editing: n, spaces: i, areas: a, onClose: o }) {
 		className: "max-h-[85vh] w-full max-w-md overflow-y-auto p-5",
 		children: /* @__PURE__ */ X("form", {
 			onSubmit: (e) => {
-				e.preventDefault(), f ? u.update.mutate({
-					area: f.key,
+				e.preventDefault(), d ? u.update.mutate({
+					area: d.key,
 					body: {
-						title: h,
+						title: m,
 						aliases: Q,
-						...V && _ !== f.key && { key: _ },
-						...O !== (a.find((e) => e.id === f.parentId)?.key ?? "") && { parent: O },
+						...V && _ !== d.key && { key: _ },
+						...O !== (a.find((e) => e.id === d.parentId)?.key ?? "") && { parent: O },
 						...N && { homeDoc: N }
 					}
 				}, { onSuccess: o }) : u.create.mutate({
 					key: _,
-					title: h,
+					title: m,
 					aliases: Q,
 					space: T,
 					...O && { parent: O },
@@ -547,12 +547,12 @@ function ge({ workspace: t, editing: n, spaces: i, areas: a, onClose: o }) {
 			children: [
 				/* @__PURE__ */ Y(I, {
 					className: "text-sm font-semibold",
-					children: s(f ? "editTitle" : "newTitle")
+					children: s(d ? "editTitle" : "newTitle")
 				}),
 				/* @__PURE__ */ X("label", {
 					className: "mt-4 block text-xs font-medium text-muted-foreground",
 					children: [s("fieldTitle"), /* @__PURE__ */ Y(P, {
-						value: h,
+						value: m,
 						onChange: (e) => {
 							g(e.target.value), y || v(he(e.target.value));
 						},
@@ -594,13 +594,13 @@ function ge({ workspace: t, editing: n, spaces: i, areas: a, onClose: o }) {
 				}),
 				/* @__PURE__ */ X("div", {
 					className: "mt-3 flex flex-wrap gap-3",
-					children: [!f && !p && /* @__PURE__ */ X("div", {
+					children: [!d && !p && /* @__PURE__ */ X("div", {
 						className: "text-xs font-medium text-muted-foreground",
 						children: [s("fieldSpace"), /* @__PURE__ */ Y("div", {
 							className: "mt-1",
 							children: /* @__PURE__ */ Y(L, {
 								value: T,
-								items: i.map((e) => ({
+								items: r.map((e) => ({
 									value: e.key,
 									label: e.name
 								})),
@@ -641,7 +641,7 @@ function ge({ workspace: t, editing: n, spaces: i, areas: a, onClose: o }) {
 							items: z.map((e) => ({
 								value: e.key,
 								label: e.title,
-								icon: /* @__PURE__ */ Y(d, { className: "size-3.5" })
+								icon: /* @__PURE__ */ Y(f, { className: "size-3.5" })
 							})),
 							value: B?.key ?? null,
 							onValueChange: (e) => e !== null && ee(e),
@@ -650,16 +650,16 @@ function ge({ workspace: t, editing: n, spaces: i, areas: a, onClose: o }) {
 							trigger: /* @__PURE__ */ X(k, {
 								type: "button",
 								className: "max-w-full font-normal",
-								children: [/* @__PURE__ */ Y(d, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ Y("span", {
+								children: [/* @__PURE__ */ Y(f, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ Y("span", {
 									className: "truncate",
 									children: B?.title ?? s("noDoc")
 								})]
 							})
-						}), B && /* @__PURE__ */ Y(e, {
+						}), B && /* @__PURE__ */ Y(t, {
 							to: "/$workspace/docs/$doc",
 							params: {
-								workspace: t,
-								doc: m(B)
+								workspace: e,
+								doc: h(B)
 							},
 							className: "ml-2 text-xs font-normal text-primary hover:underline",
 							children: s("openDoc")
@@ -680,9 +680,9 @@ function ge({ workspace: t, editing: n, spaces: i, areas: a, onClose: o }) {
 					}), /* @__PURE__ */ Y(k, {
 						type: "submit",
 						variant: "primary",
-						disabled: !h.trim() || !_,
+						disabled: !m.trim() || !_,
 						loading: H,
-						children: f ? c("save") : s("create")
+						children: d ? c("save") : s("create")
 					})]
 				})
 			]