@parallelworks/tandem-web 0.138.2 → 0.139.1

package/pages/projects.js

@@ -1,257 +1,258 @@
-import { Link as e, useNavigate as t } from "../lib/router.js";
-import { projectsQuery as n, teamsQuery as r } from "../api/queries.js";
-import { ChevronDownIcon as i, ListViewIcon as a, PriorityIcon as o, ProjectIcon as s, TimelineIcon as c, usePriorityNames as l } from "../components/icons.js";
-import { copyItem as u, useLinkItems as d } from "../lib/menus.js";
-import { useTime as f } from "../lib/time.js";
-import { HealthIcon as p, ProgressBar as m, ProjectStatusIcon as h, healthOf as g, healthStates as _, projectStatuses as v } from "../components/Planning.js";
-import { storeLayout as y, storedLayout as b } from "../lib/projectList.js";
-import { useFavorites as x } from "../lib/favorites.js";
-import { usePeople as S } from "../lib/people.js";
-import { usePageTitle as C } from "../lib/pageTitle.js";
+import { usePageTitle as e } from "../lib/pageTitle.js";
+import { Link as t, useNavigate as n } from "../lib/router.js";
+import { projectsQuery as r, teamsQuery as i } from "../api/queries.js";
+import { ChevronDownIcon as a, ListViewIcon as o, PriorityIcon as s, ProjectIcon as c, TimelineIcon as l, usePriorityNames as u } from "../components/icons.js";
+import { healthStates as d, projectStatuses as f } from "../lib/projectStates.js";
+import { storeLayout as p, storedLayout as m } from "../lib/projectList.js";
+import { useFavorites as h } from "../lib/favorites.js";
+import { copyItem as g, useLinkItems as _ } from "../lib/menus.js";
+import { useTime as v } from "../lib/time.js";
+import { HealthIcon as y, ProgressBar as b, ProjectStatusIcon as x, healthOf as S } from "../components/Planning.js";
+import { usePeople as C } from "../lib/people.js";
 import { useCan as w } from "../lib/roles.js";
 import { EntityIcon as T } from "../components/EntityIcon.js";
 import { projectRef as E, projectTree as D, projectsUnder as O } from "../lib/projects.js";
 import { FavoriteStar as ee } from "../components/FavoriteStar.js";
-import { DisplayMenu as k } from "../components/DisplayMenu.js";
-import { NewProjectDialog as te } from "../components/NewProjectDialog.js";
-import { Avatar as A, Button as j, Combobox as ne, EmptyState as re, PageHeaderAddButton as ie, Switch as ae, Tabs as M, ToggleGroup as oe, Tooltip as N, menuDivider as se, useOpenMenu as ce } from "@parallelworks/ui";
-import { useEffect as P, useId as le, useRef as F, useState as I } from "react";
-import { useFormatter as L, useTranslations as R } from "use-intl";
-import { jsx as z, jsxs as B } from "react/jsx-runtime";
+import { DisplayMenu as te } from "../components/DisplayMenu.js";
+import { NewProjectDialog as ne } from "../components/NewProjectDialog.js";
+import { Avatar as k, Button as A, Combobox as re, EmptyState as ie, PageHeaderAddButton as ae, Switch as oe, Tabs as j, ToggleGroup as se, Tooltip as M, menuDivider as ce, useOpenMenu as le } from "@parallelworks/ui";
 import { useParams as ue, useSearch as de } from "@tanstack/react-router";
-import { useSuspenseQuery as V } from "@tanstack/react-query";
-import { MoreButton as H } from "@parallelworks/ui/list";
+import { useEffect as N, useId as fe, useRef as P, useState as F } from "react";
+import { useFormatter as I, useTranslations as L } from "use-intl";
+import { jsx as R, jsxs as z } from "react/jsx-runtime";
+import { useSuspenseQuery as B } from "@tanstack/react-query";
+import { MoreButton as V } from "@parallelworks/ui/list";
 // src/pages/projects.tsx
-function U() {
-	let { workspace: e, key: i } = ue({ strict: !1 }), o = de({ strict: !1 }), l = i ? {
-		...o,
-		team: i
-	} : o, f = R("planning"), p = R("common"), { data: m } = V(n(e)), { data: h } = V(r(e)), _ = h.find((e) => e.key === l.team);
-	C(_ ? f("teamProjects", { team: _.name }) : f("projects"));
-	let S = i ? "list" : "timeline", T = l.view ?? b(!!i) ?? S, D = m.filter((e) => (!_ || e.teamIds.includes(_.id)) && !!e.template == (T === "templates")), A = w(e, "manage_projects"), [M, N] = I(!1), P = le(), F = t(), L = ce(), H = d(), U = l.parent ? m.find((e) => e.id === l.parent) : void 0, W = U && new Set(O(m, U.id).map((e) => e.id)), G = D.filter((e) => (!l.status || e.status === l.status) && (!l.health || g(e) === l.health) && (!W || W.has(e.id))), K = (t) => {
+function H() {
+	let { workspace: t, key: a } = ue({ strict: !1 }), s = de({ strict: !1 }), u = a ? {
+		...s,
+		team: a
+	} : s, d = L("planning"), v = L("common"), { data: y } = B(r(t)), { data: b } = B(i(t)), x = b.find((e) => e.key === u.team);
+	e(x ? d("teamProjects", { team: x.name }) : d("projects"));
+	let C = a ? "list" : "timeline", T = u.view ?? m(!!a) ?? C, D = y.filter((e) => (!x || e.teamIds.includes(x.id)) && !!e.template == (T === "templates")), k = w(t, "manage_projects"), [j, M] = F(!1), N = fe(), P = n(), I = le(), V = _(), H = u.parent ? y.find((e) => e.id === u.parent) : void 0, U = H && new Set(O(y, H.id).map((e) => e.id)), W = D.filter((e) => (!u.status || e.status === u.status) && (!u.health || S(e) === u.health) && (!U || U.has(e.id))), G = (e) => {
 		let { team: n, ...r } = Object.fromEntries(Object.entries({
-			...l,
-			...t
+			...u,
+			...e
 		}).filter(([, e]) => e !== void 0));
-		return F(i ? {
+		return P(a ? {
 			to: "/$workspace/teams/$key/projects",
 			params: {
-				workspace: e,
-				key: i
+				workspace: t,
+				key: a
 			},
 			search: r,
 			replace: !0
 		} : {
 			to: "/$workspace/projects",
-			params: { workspace: e },
+			params: { workspace: t },
 			search: r,
 			replace: !0
 		});
-	}, q = x(e), J = R("favorites"), Y = (t) => [
+	}, K = h(t), q = L("favorites"), J = (e) => [
 		{
-			label: p("open"),
-			onClick: () => F({
+			label: v("open"),
+			onClick: () => P({
 				to: "/$workspace/projects/$projectId",
 				params: {
-					workspace: e,
-					projectId: E(t)
+					workspace: t,
+					projectId: E(e)
 				}
 			})
 		},
 		{
-			label: f("viewIssues"),
-			onClick: () => F({
+			label: d("viewIssues"),
+			onClick: () => P({
 				to: "/$workspace/projects/$projectId",
 				params: {
-					workspace: e,
-					projectId: E(t)
+					workspace: t,
+					projectId: E(e)
 				},
 				search: { tab: "issues" }
 			})
 		},
 		{
-			label: q.find("project", t.id) ? J("remove") : J("add"),
-			onClick: () => q.toggle("project", t.id)
+			label: K.find("project", e.id) ? q("remove") : q("add"),
+			onClick: () => K.toggle("project", e.id)
 		},
-		se,
-		...H(`/${e}/projects/${E(t)}`),
-		u(p("copyName"), t.name)
-	], X = (t) => ({
-		workspace: e,
-		project: t,
-		onContextMenu: (e) => L(e, Y(t)),
-		menu: () => Y(t)
+		ce,
+		...V(`/${t}/projects/${E(e)}`),
+		g(v("copyName"), e.name)
+	], Y = (e) => ({
+		workspace: t,
+		project: e,
+		onContextMenu: (t) => I(t, J(e)),
+		menu: () => J(e)
 	});
-	return /* @__PURE__ */ B("div", {
+	return /* @__PURE__ */ z("div", {
 		className: "flex h-full min-h-0 flex-col",
 		children: [
-			/* @__PURE__ */ B("header", {
+			/* @__PURE__ */ z("header", {
 				className: "flex h-12 shrink-0 items-center gap-2 border-b border-border px-4 md:px-5",
 				children: [
-					/* @__PURE__ */ z("h1", {
+					/* @__PURE__ */ R("h1", {
 						className: "min-w-0 truncate text-sm font-semibold",
-						children: _ ? f("teamProjects", { team: _.name }) : f("projects")
+						children: x ? d("teamProjects", { team: x.name }) : d("projects")
 					}),
-					!_ && /* @__PURE__ */ z(ee, {
-						workspace: e,
+					!x && /* @__PURE__ */ R(ee, {
+						workspace: t,
 						kind: "page",
 						target: "projects"
 					}),
-					/* @__PURE__ */ z("span", {
+					/* @__PURE__ */ R("span", {
 						className: "ml-auto flex items-center gap-1",
-						children: /* @__PURE__ */ z(k, {
+						children: /* @__PURE__ */ R(te, {
 							...T !== "templates" && {
 								layouts: [{
 									value: "list",
-									label: f("views.list"),
-									icon: /* @__PURE__ */ z(a, {})
+									label: d("views.list"),
+									icon: /* @__PURE__ */ R(o, {})
 								}, {
 									value: "timeline",
-									label: f("views.timeline"),
-									icon: /* @__PURE__ */ z(c, {})
+									label: d("views.timeline"),
+									icon: /* @__PURE__ */ R(l, {})
 								}],
 								layout: T,
 								onLayoutChange: (e) => {
-									y(!!i, e), K({ view: e });
+									p(!!a, e), G({ view: e });
 								}
 							},
-							changed: T !== S,
-							children: /* @__PURE__ */ B("div", {
+							changed: T !== C,
+							children: /* @__PURE__ */ z("div", {
 								className: "flex items-center justify-between gap-3",
-								children: [/* @__PURE__ */ z("span", {
-									id: P,
+								children: [/* @__PURE__ */ R("span", {
+									id: N,
 									className: "text-sm",
-									children: f("showTemplates")
-								}), /* @__PURE__ */ z(ae, {
+									children: d("showTemplates")
+								}), /* @__PURE__ */ R(oe, {
 									size: "sm",
 									checked: T === "templates",
-									onCheckedChange: (e) => K({ view: e ? "templates" : void 0 }),
-									"aria-labelledby": P
+									onCheckedChange: (e) => G({ view: e ? "templates" : void 0 }),
+									"aria-labelledby": N
 								})]
 							})
 						})
 					}),
-					A && /* @__PURE__ */ z(ie, {
-						label: f("newProject"),
-						onClick: () => N(!0)
+					k && /* @__PURE__ */ R(ae, {
+						label: d("newProject"),
+						onClick: () => M(!0)
 					})
 				]
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ z("div", {
 				className: "flex shrink-0 flex-wrap items-center gap-1 border-b border-border px-4 py-2 md:px-5",
 				children: [
-					/* @__PURE__ */ z(oe, {
-						label: f("filterStatus"),
+					/* @__PURE__ */ R(se, {
+						label: d("filterStatus"),
 						multiple: !1,
 						all: { count: D.length },
-						options: v.map((e) => ({
+						options: f.map((e) => ({
 							value: e,
-							label: f(`status.${e}`),
+							label: d(`status.${e}`),
 							count: D.filter((t) => t.status === e).length
 						})),
-						value: l.status ? [l.status] : [],
-						onValueChange: ([e]) => K({ status: e })
+						value: u.status ? [u.status] : [],
+						onValueChange: ([e]) => G({ status: e })
 					}),
-					l.health && /* @__PURE__ */ z(j, {
+					u.health && /* @__PURE__ */ R(A, {
 						variant: "outline",
 						size: "sm",
 						"aria-pressed": !0,
-						onClick: () => K({ health: void 0 }),
-						children: f("healthFilter", { health: f(`health.${l.health}`) })
+						onClick: () => G({ health: void 0 }),
+						children: d("healthFilter", { health: d(`health.${u.health}`) })
 					}),
-					D.some((e) => e.parentId) && /* @__PURE__ */ z(ne, {
+					D.some((e) => e.parentId) && /* @__PURE__ */ R(re, {
 						items: [{
 							value: "",
-							label: f("anyParent")
-						}, ...m.filter((e) => m.some((t) => t.parentId === e.id)).map((e) => ({
+							label: d("anyParent")
+						}, ...y.filter((e) => y.some((t) => t.parentId === e.id)).map((e) => ({
 							value: e.id,
 							label: e.name
 						}))],
-						value: l.parent ?? "",
-						onValueChange: (e) => K({ parent: e || void 0 }),
-						placeholder: f("parentProject"),
-						"aria-label": f("parentProject"),
-						trigger: /* @__PURE__ */ z(j, {
+						value: u.parent ?? "",
+						onValueChange: (e) => G({ parent: e || void 0 }),
+						placeholder: d("parentProject"),
+						"aria-label": d("parentProject"),
+						trigger: /* @__PURE__ */ R(A, {
 							variant: "outline",
 							size: "sm",
-							className: U ? "border-(--theme-link) text-(--theme-app)" : void 0,
-							children: U ? f("underProject", { name: U.name }) : f("parentProject")
+							className: H ? "border-(--theme-link) text-(--theme-app)" : void 0,
+							children: H ? d("underProject", { name: H.name }) : d("parentProject")
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ B("div", {
+			/* @__PURE__ */ z("div", {
 				className: "flex min-h-0 flex-1",
-				children: [/* @__PURE__ */ z("div", {
+				children: [/* @__PURE__ */ R("div", {
 					className: "min-h-0 min-w-0 flex-1 overflow-auto",
-					children: G.length === 0 ? /* @__PURE__ */ z("div", {
+					children: W.length === 0 ? /* @__PURE__ */ R("div", {
 						className: "p-6",
-						children: /* @__PURE__ */ z(re, {
-							icon: /* @__PURE__ */ z(s, {}),
-							title: l.status || l.health ? f("noProjectsWithStatus") : f(T === "templates" ? "noTemplates" : "noProjects"),
-							...!l.status && !l.health && { description: f(T === "templates" ? "noTemplatesDescription" : "noProjectsDescription") },
-							...A && !l.status && !l.health && T !== "templates" && { action: /* @__PURE__ */ z(j, {
+						children: /* @__PURE__ */ R(ie, {
+							icon: /* @__PURE__ */ R(c, {}),
+							title: u.status || u.health ? d("noProjectsWithStatus") : d(T === "templates" ? "noTemplates" : "noProjects"),
+							...!u.status && !u.health && { description: d(T === "templates" ? "noTemplatesDescription" : "noProjectsDescription") },
+							...k && !u.status && !u.health && T !== "templates" && { action: /* @__PURE__ */ R(A, {
 								type: "button",
 								variant: "primary",
-								onClick: () => N(!0),
-								children: f("newProject")
+								onClick: () => M(!0),
+								children: d("newProject")
 							}) }
 						})
-					}) : T === "timeline" ? /* @__PURE__ */ z(he, {
-						workspace: e,
-						projects: G,
-						rowProps: X
-					}) : /* @__PURE__ */ z(fe, {
-						projects: G,
-						rowProps: X
+					}) : T === "timeline" ? /* @__PURE__ */ R(ge, {
+						workspace: t,
+						projects: W,
+						rowProps: Y
+					}) : /* @__PURE__ */ R(pe, {
+						projects: W,
+						rowProps: Y
 					})
-				}), /* @__PURE__ */ z(_e, {
-					workspace: e,
+				}), /* @__PURE__ */ R(_e, {
+					workspace: t,
 					projects: D,
-					health: l.health,
-					onHealth: (e) => K({ health: e === l.health ? void 0 : e })
+					health: u.health,
+					onHealth: (e) => G({ health: e === u.health ? void 0 : e })
 				})]
 			}),
-			M && /* @__PURE__ */ z(te, {
-				workspace: e,
-				teamId: _?.id,
-				onClose: () => N(!1)
+			j && /* @__PURE__ */ R(ne, {
+				workspace: t,
+				teamId: x?.id,
+				onClose: () => M(!1)
 			})
 		]
 	});
 }
-var W = "@4xl:grid @4xl:grid-cols-[minmax(0,1fr)_10rem_2rem_2rem_6rem_8rem_2rem]";
-function fe({ projects: e, rowProps: t }) {
-	let n = R("planning"), [r, i] = I(/* @__PURE__ */ new Set()), a = new Set([...r].flatMap((t) => O(e, t).map((e) => e.id))), o = (e) => i((t) => {
+var U = "@4xl:grid @4xl:grid-cols-[minmax(0,1fr)_10rem_2rem_2rem_6rem_8rem_2rem]";
+function pe({ projects: e, rowProps: t }) {
+	let n = L("planning"), [r, i] = F(/* @__PURE__ */ new Set()), a = new Set([...r].flatMap((t) => O(e, t).map((e) => e.id))), o = (e) => i((t) => {
 		let n = new Set(t);
 		return n.delete(e) || n.add(e), n;
 	});
-	return /* @__PURE__ */ B("div", {
+	return /* @__PURE__ */ z("div", {
 		className: "@container",
-		children: [/* @__PURE__ */ B("div", {
-			className: `hidden h-8 items-center gap-3 border-b border-border px-4 text-xs text-muted-foreground md:px-5 ${W}`,
+		children: [/* @__PURE__ */ z("div", {
+			className: `hidden h-8 items-center gap-3 border-b border-border px-4 text-xs text-muted-foreground md:px-5 ${U}`,
 			children: [
-				/* @__PURE__ */ z("span", { children: n("name") }),
-				/* @__PURE__ */ z("span", { children: n("healthLabel") }),
-				/* @__PURE__ */ z(N, {
+				/* @__PURE__ */ R("span", { children: n("name") }),
+				/* @__PURE__ */ R("span", { children: n("healthLabel") }),
+				/* @__PURE__ */ R(M, {
 					content: n("priority"),
-					children: /* @__PURE__ */ z("span", { children: /* @__PURE__ */ z("span", {
+					children: /* @__PURE__ */ R("span", { children: /* @__PURE__ */ R("span", {
 						className: "sr-only",
 						children: n("priority")
 					}) })
 				}),
-				/* @__PURE__ */ z(N, {
+				/* @__PURE__ */ R(M, {
 					content: n("lead"),
-					children: /* @__PURE__ */ z("span", { children: /* @__PURE__ */ z("span", {
+					children: /* @__PURE__ */ R("span", { children: /* @__PURE__ */ R("span", {
 						className: "sr-only",
 						children: n("lead")
 					}) })
 				}),
-				/* @__PURE__ */ z("span", { children: n("targetDate") }),
-				/* @__PURE__ */ z("span", { children: n("progressTitle") }),
-				/* @__PURE__ */ z("span", {})
+				/* @__PURE__ */ R("span", { children: n("targetDate") }),
+				/* @__PURE__ */ R("span", { children: n("progressTitle") }),
+				/* @__PURE__ */ R("span", {})
 			]
-		}), /* @__PURE__ */ z("ul", { children: D(e).filter((e) => !a.has(e.project.id)).map((e) => /* @__PURE__ */ z(K, {
+		}), /* @__PURE__ */ R("ul", { children: D(e).filter((e) => !a.has(e.project.id)).map((e) => /* @__PURE__ */ R(G, {
 			...t(e.project),
 			depth: e.depth,
 			childCount: e.children,
@@ -260,124 +261,124 @@ function fe({ projects: e, rowProps: t }) {
 		}, e.project.id)) })]
 	});
 }
-function G({ project: e }) {
-	return e.icon || e.color ? /* @__PURE__ */ z(T, {
+function W({ project: e }) {
+	return e.icon || e.color ? /* @__PURE__ */ R(T, {
 		icon: e.icon ?? "",
 		color: e.color ?? "",
 		name: e.name
-	}) : /* @__PURE__ */ z(s, { className: "size-4 text-muted-foreground" });
+	}) : /* @__PURE__ */ R(c, { className: "size-4 text-muted-foreground" });
 }
-function K({ workspace: t, project: n, onContextMenu: r, menu: a, depth: s = 0, childCount: c = 0, folded: u = !1, onFold: d }) {
-	let _ = R("planning"), v = R("common"), y = f(), b = l(), { person: x } = S(t), C = n.lead ? x(n.lead) : void 0, w = g(n);
-	return /* @__PURE__ */ B("li", {
+function G({ workspace: e, project: n, onContextMenu: r, menu: i, depth: o = 0, childCount: c = 0, folded: l = !1, onFold: d }) {
+	let f = L("planning"), p = L("common"), m = v(), h = u(), { person: g } = C(e), _ = n.lead ? g(n.lead) : void 0, w = S(n);
+	return /* @__PURE__ */ z("li", {
 		className: "group flex items-center border-b border-border pr-2 hover:bg-muted/60",
 		children: [
-			/* @__PURE__ */ z("span", {
+			/* @__PURE__ */ R("span", {
 				className: "flex shrink-0 justify-end pl-2 md:pl-3",
-				style: { width: `${s * 1.25 + 2}rem` },
-				children: c > 0 && /* @__PURE__ */ z("button", {
+				style: { width: `${o * 1.25 + 2}rem` },
+				children: c > 0 && /* @__PURE__ */ R("button", {
 					type: "button",
 					onClick: d,
-					"aria-expanded": !u,
-					"aria-label": _(u ? "showSubProjects" : "hideSubProjects", { name: n.name }),
+					"aria-expanded": !l,
+					"aria-label": f(l ? "showSubProjects" : "hideSubProjects", { name: n.name }),
 					className: "rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground",
-					children: /* @__PURE__ */ z(i, { className: `size-3.5 transition-transform ${u ? "-rotate-90" : ""}` })
+					children: /* @__PURE__ */ R(a, { className: `size-3.5 transition-transform ${l ? "-rotate-90" : ""}` })
 				})
 			}),
-			/* @__PURE__ */ B(e, {
+			/* @__PURE__ */ z(t, {
 				to: "/$workspace/projects/$projectId",
 				params: {
-					workspace: t,
+					workspace: e,
 					projectId: E(n)
 				},
 				onContextMenu: r,
-				className: `flex min-w-0 flex-1 flex-wrap items-center gap-x-3 gap-y-1 py-2.5 pl-1 ${W}`,
+				className: `flex min-w-0 flex-1 flex-wrap items-center gap-x-3 gap-y-1 py-2.5 pl-1 ${U}`,
 				children: [
-					/* @__PURE__ */ B("span", {
+					/* @__PURE__ */ z("span", {
 						className: "flex min-w-0 basis-full items-center gap-2.5 @4xl:basis-auto",
-						children: [/* @__PURE__ */ z(G, { project: n }), /* @__PURE__ */ B("span", {
+						children: [/* @__PURE__ */ R(W, { project: n }), /* @__PURE__ */ z("span", {
 							className: "min-w-0",
-							children: [/* @__PURE__ */ z("span", {
+							children: [/* @__PURE__ */ R("span", {
 								className: "block truncate text-sm font-medium",
 								children: n.name
-							}), n.summary && /* @__PURE__ */ z("span", {
+							}), n.summary && /* @__PURE__ */ R("span", {
 								className: "block truncate text-xs text-muted-foreground",
 								children: n.summary
 							})]
 						})]
 					}),
-					/* @__PURE__ */ B("span", {
+					/* @__PURE__ */ z("span", {
 						className: "flex items-center gap-1.5 whitespace-nowrap text-xs text-muted-foreground",
-						children: [/* @__PURE__ */ z(p, { state: w }), _(`health.${w}`)]
+						children: [/* @__PURE__ */ R(y, { state: w }), f(`health.${w}`)]
 					}),
-					/* @__PURE__ */ z(N, {
-						content: b[n.priority],
-						children: /* @__PURE__ */ z("span", {
+					/* @__PURE__ */ R(M, {
+						content: h[n.priority],
+						children: /* @__PURE__ */ R("span", {
 							role: "img",
-							"aria-label": b[n.priority],
+							"aria-label": h[n.priority],
 							className: "flex",
-							children: /* @__PURE__ */ z(o, { priority: n.priority })
+							children: /* @__PURE__ */ R(s, { priority: n.priority })
 						})
 					}),
-					/* @__PURE__ */ z("span", {
+					/* @__PURE__ */ R("span", {
 						className: "flex",
-						children: C && /* @__PURE__ */ z(N, {
-							content: _("leadIs", { name: C.name }),
-							children: /* @__PURE__ */ z("span", { children: /* @__PURE__ */ z(A, {
-								name: C.name,
-								src: C.avatarUrl,
+						children: _ && /* @__PURE__ */ R(M, {
+							content: f("leadIs", { name: _.name }),
+							children: /* @__PURE__ */ R("span", { children: /* @__PURE__ */ R(k, {
+								name: _.name,
+								src: _.avatarUrl,
 								size: "sm"
 							}) })
 						})
 					}),
-					/* @__PURE__ */ z("span", {
+					/* @__PURE__ */ R("span", {
 						className: "text-xs text-muted-foreground tabular-nums",
-						children: n.targetDate ? y.day(n.targetDate) : ""
+						children: n.targetDate ? m.day(n.targetDate) : ""
 					}),
-					/* @__PURE__ */ z("span", { children: /* @__PURE__ */ z(m, {
+					/* @__PURE__ */ R("span", { children: /* @__PURE__ */ R(b, {
 						progress: c > 0 ? n.treeProgress : n.progress,
 						compact: !0
 					}) }),
-					/* @__PURE__ */ z(N, {
-						content: _(`status.${n.status}`),
-						children: /* @__PURE__ */ z("span", {
+					/* @__PURE__ */ R(M, {
+						content: f(`status.${n.status}`),
+						children: /* @__PURE__ */ R("span", {
 							role: "img",
-							"aria-label": _(`status.${n.status}`),
+							"aria-label": f(`status.${n.status}`),
 							className: "flex",
-							children: /* @__PURE__ */ z(h, { status: n.status })
+							children: /* @__PURE__ */ R(x, { status: n.status })
 						})
 					})
 				]
 			}),
-			/* @__PURE__ */ z(H, {
-				items: a,
-				label: v("moreActionsFor", { name: n.name })
+			/* @__PURE__ */ R(V, {
+				items: i,
+				label: p("moreActionsFor", { name: n.name })
 			})
 		]
 	});
 }
-var q = 864e5, J = 5, Y = 64, X = 256, Z = 56, Q = (e) => Date.parse(`${e}T00:00:00Z`), $ = (e) => {
+var K = 864e5, q = 5, J = 64, Y = 256, X = 56, Z = (e) => Date.parse(`${e}T00:00:00Z`), Q = (e) => {
 	let t = new Date(e);
 	return Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), 1);
-}, pe = () => {
+}, me = () => {
 	let e = /* @__PURE__ */ new Date();
 	return Date.UTC(e.getFullYear(), e.getMonth(), e.getDate());
-}, me = (e) => e - (new Date(e).getUTCDay() + 6) % 7 * q;
-function he({ workspace: t, projects: n, rowProps: r }) {
-	let i = R("planning"), a = L(), o = F(null), [s, c] = I({
+}, he = (e) => e - (new Date(e).getUTCDay() + 6) % 7 * K;
+function ge({ workspace: e, projects: n, rowProps: r }) {
+	let i = L("planning"), a = I(), o = P(null), [s, c] = F({
 		left: 0,
 		width: 0
-	}), l = pe(), u = n.map((e) => {
-		let t = e.targetDate ? Q(e.targetDate) : void 0;
+	}), l = me(), u = n.map((e) => {
+		let t = e.targetDate ? Z(e.targetDate) : void 0;
 		return {
 			p: e,
-			start: e.startDate ? Q(e.startDate) : t === void 0 ? void 0 : Math.min(Date.parse(e.createdAt), t),
+			start: e.startDate ? Z(e.startDate) : t === void 0 ? void 0 : Math.min(Date.parse(e.createdAt), t),
 			end: t
 		};
-	}), d = u.flatMap((e) => [e.start, e.end].filter((e) => e !== void 0)), f = $(Math.min(l - 90 * q, ...d)), p = $(Math.max(l + 300 * q, ...d) + 40 * q), m = (e) => (e - f) / q * J, h = m(p), g = [];
-	for (let e = f; e < p; e = $(e + 32 * q)) g.push(e);
+	}), d = u.flatMap((e) => [e.start, e.end].filter((e) => e !== void 0)), f = Q(Math.min(l - 90 * K, ...d)), p = Q(Math.max(l + 300 * K, ...d) + 40 * K), m = (e) => (e - f) / K * q, h = m(p), g = [];
+	for (let e = f; e < p; e = Q(e + 32 * K)) g.push(e);
 	let _ = [];
-	for (let e = me(f) + 7 * q; e < p; e += 7 * q) _.push(e);
+	for (let e = he(f) + 7 * K; e < p; e += 7 * K) _.push(e);
 	let v = (e, t) => a.dateTime(new Date(e), {
 		...t,
 		timeZone: "UTC"
@@ -391,48 +392,48 @@ function he({ workspace: t, projects: n, rowProps: r }) {
 		let e = o.current;
 		e && c({
 			left: e.scrollLeft,
-			width: e.clientWidth - X
+			width: e.clientWidth - Y
 		});
 	}, x = (e = "smooth") => {
 		let t = o.current;
 		t && t.scrollTo({
-			left: m(l) - (t.clientWidth - X) / 2,
+			left: m(l) - (t.clientWidth - Y) / 2,
 			behavior: e
 		});
 	};
-	return P(() => (x("instant"), b(), window.addEventListener("resize", b), () => window.removeEventListener("resize", b)), []), /* @__PURE__ */ z("div", {
+	return N(() => (x("instant"), b(), window.addEventListener("resize", b), () => window.removeEventListener("resize", b)), []), /* @__PURE__ */ R("div", {
 		ref: o,
 		onScroll: b,
 		className: "relative h-full min-h-0 overflow-auto",
-		children: /* @__PURE__ */ B("div", {
+		children: /* @__PURE__ */ z("div", {
 			className: "relative",
 			style: {
-				width: h + X,
+				width: h + Y,
 				minHeight: "100%"
 			},
 			children: [
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ R("div", {
 					"aria-hidden": "true",
 					className: "pointer-events-none sticky left-0 z-[2] float-left -mb-[100vh] h-full min-h-[100vh] border-r border-border bg-background",
-					style: { width: X }
+					style: { width: Y }
 				}),
-				/* @__PURE__ */ B("div", {
+				/* @__PURE__ */ z("div", {
 					className: "sticky top-0 z-[3] flex border-b border-border bg-background",
-					style: { height: Z },
-					children: [/* @__PURE__ */ z("div", {
+					style: { height: X },
+					children: [/* @__PURE__ */ R("div", {
 						className: "sticky left-0 z-[3] flex shrink-0 items-end border-r border-border bg-background px-4 pb-2",
-						style: { width: X },
-						children: /* @__PURE__ */ z(j, {
+						style: { width: Y },
+						children: /* @__PURE__ */ R(A, {
 							type: "button",
 							size: "xs",
 							onClick: () => x(),
 							children: i("today")
 						})
-					}), /* @__PURE__ */ B("div", {
+					}), /* @__PURE__ */ z("div", {
 						className: "relative",
 						style: { width: h },
 						children: [
-							g.map((e) => /* @__PURE__ */ z("span", {
+							g.map((e) => /* @__PURE__ */ R("span", {
 								className: "absolute top-2 pl-1.5 text-[11px] font-medium text-muted-foreground uppercase",
 								style: { left: m(e) },
 								children: v(e, {
@@ -440,12 +441,12 @@ function he({ workspace: t, projects: n, rowProps: r }) {
 									...new Date(e).getUTCMonth() === 0 && { year: "numeric" }
 								})
 							}, e)),
-							_.filter((e) => Math.abs(m(e) - m(l)) > 36).map((e) => /* @__PURE__ */ z("span", {
+							_.filter((e) => Math.abs(m(e) - m(l)) > 36).map((e) => /* @__PURE__ */ R("span", {
 								className: "absolute bottom-2 -translate-x-1/2 text-[11px] text-muted-foreground tabular-nums",
 								style: { left: m(e) },
 								children: v(e, { day: "numeric" })
 							}, e)),
-							/* @__PURE__ */ z("span", {
+							/* @__PURE__ */ R("span", {
 								className: "absolute bottom-1.5 z-[1] -translate-x-1/2 rounded-full bg-primary px-2 py-px text-[11px] font-medium text-primary-foreground uppercase tabular-nums",
 								style: { left: m(l) },
 								children: v(l, {
@@ -456,46 +457,46 @@ function he({ workspace: t, projects: n, rowProps: r }) {
 						]
 					})]
 				}),
-				_.map((e) => /* @__PURE__ */ z("div", {
+				_.map((e) => /* @__PURE__ */ R("div", {
 					"aria-hidden": "true",
 					className: "pointer-events-none absolute bottom-0 border-l border-dashed border-border/40",
 					style: {
-						left: X + m(e),
-						top: Z
+						left: Y + m(e),
+						top: X
 					}
 				}, e)),
-				g.map((e) => /* @__PURE__ */ z("div", {
+				g.map((e) => /* @__PURE__ */ R("div", {
 					"aria-hidden": "true",
 					className: "pointer-events-none absolute bottom-0 w-px bg-border/70",
 					style: {
-						left: X + m(e),
-						top: Z
+						left: Y + m(e),
+						top: X
 					}
 				}, e)),
-				/* @__PURE__ */ z("div", {
+				/* @__PURE__ */ R("div", {
 					"aria-hidden": "true",
 					className: "pointer-events-none absolute bottom-0 z-[1] w-px bg-primary",
 					style: {
-						left: X + m(l),
-						top: Z
+						left: Y + m(l),
+						top: X
 					}
 				}),
-				/* @__PURE__ */ z("ul", {
+				/* @__PURE__ */ R("ul", {
 					className: "relative",
 					children: u.map(({ p: n, start: i, end: a }) => {
-						let o = i !== void 0 && a !== void 0, c = o ? m(i) : 0, u = o ? Math.max(m(a + q), c + 24) : 0, d = o && u < s.left, f = o && c > s.left + s.width, p = o ? Math.min(Math.max(m(l) - c, 0), u - c) : 0;
-						return /* @__PURE__ */ B("li", {
+						let o = i !== void 0 && a !== void 0, c = o ? m(i) : 0, u = o ? Math.max(m(a + K), c + 24) : 0, d = o && u < s.left, f = o && c > s.left + s.width, p = o ? Math.min(Math.max(m(l) - c, 0), u - c) : 0;
+						return /* @__PURE__ */ z("li", {
 							className: "group flex hover:bg-muted/40",
-							style: { height: Y },
-							children: [/* @__PURE__ */ z(ge, { ...r(n) }), /* @__PURE__ */ B("div", {
+							style: { height: J },
+							children: [/* @__PURE__ */ R($, { ...r(n) }), /* @__PURE__ */ z("div", {
 								className: "relative",
 								style: { width: h },
-								children: [o && !d && !f && /* @__PURE__ */ z(N, {
+								children: [o && !d && !f && /* @__PURE__ */ R(M, {
 									content: `${n.name}, ${y(i, a)}`,
-									children: /* @__PURE__ */ B(e, {
+									children: /* @__PURE__ */ z(t, {
 										to: "/$workspace/projects/$projectId",
 										params: {
-											workspace: t,
+											workspace: e,
 											projectId: E(n)
 										},
 										className: "absolute top-2 bottom-2 flex flex-col justify-end gap-1",
@@ -503,25 +504,25 @@ function he({ workspace: t, projects: n, rowProps: r }) {
 											left: c,
 											width: u - c
 										},
-										children: [/* @__PURE__ */ z("span", {
+										children: [/* @__PURE__ */ R("span", {
 											className: "block truncate px-0.5 text-xs font-medium",
 											style: { marginLeft: Math.min(Math.max(s.left + 8 - c, 0), Math.max(u - c - 80, 0)) },
 											children: n.name
-										}), /* @__PURE__ */ B("span", {
+										}), /* @__PURE__ */ z("span", {
 											className: "relative block h-6 overflow-hidden rounded-md border border-border",
-											children: [/* @__PURE__ */ z("span", {
+											children: [/* @__PURE__ */ R("span", {
 												className: "absolute inset-y-0 left-0 bg-muted-foreground/20",
 												style: { width: p }
-											}), /* @__PURE__ */ z("span", {
+											}), /* @__PURE__ */ R("span", {
 												className: "absolute inset-y-0 right-0 border-l border-dashed border-primary/50 bg-primary/10",
 												style: { left: p }
 											})]
 										})]
 									})
-								}), (d || f) && /* @__PURE__ */ B(e, {
+								}), (d || f) && /* @__PURE__ */ z(t, {
 									to: "/$workspace/projects/$projectId",
 									params: {
-										workspace: t,
+										workspace: e,
 										projectId: E(n)
 									},
 									className: "absolute top-1/2 flex -translate-y-1/2 items-center gap-1.5 whitespace-nowrap text-xs text-muted-foreground hover:text-foreground",
@@ -530,12 +531,12 @@ function he({ workspace: t, projects: n, rowProps: r }) {
 										transform: "translate(-100%, -50%)"
 									},
 									children: [
-										d && /* @__PURE__ */ z("span", {
+										d && /* @__PURE__ */ R("span", {
 											"aria-hidden": "true",
 											children: "←"
 										}),
 										y(i, a),
-										f && /* @__PURE__ */ z("span", {
+										f && /* @__PURE__ */ R("span", {
 											"aria-hidden": "true",
 											children: "→"
 										})
@@ -549,32 +550,32 @@ function he({ workspace: t, projects: n, rowProps: r }) {
 		})
 	});
 }
-function ge({ workspace: t, project: n, onContextMenu: r }) {
-	let i = R("planning"), { person: a } = S(t), o = n.lead ? a(n.lead) : void 0, s = g(n);
-	return /* @__PURE__ */ B(e, {
+function $({ workspace: e, project: n, onContextMenu: r }) {
+	let i = L("planning"), { person: a } = C(e), o = n.lead ? a(n.lead) : void 0, s = S(n);
+	return /* @__PURE__ */ z(t, {
 		to: "/$workspace/projects/$projectId",
 		params: {
-			workspace: t,
+			workspace: e,
 			projectId: E(n)
 		},
 		onContextMenu: r,
 		className: "sticky left-0 z-[2] flex shrink-0 items-center gap-2 border-r border-border bg-background px-4 group-hover:bg-muted",
-		style: { width: X },
+		style: { width: Y },
 		children: [
-			/* @__PURE__ */ z(G, { project: n }),
-			/* @__PURE__ */ z("span", {
+			/* @__PURE__ */ R(W, { project: n }),
+			/* @__PURE__ */ R("span", {
 				className: "min-w-0 flex-1 truncate text-sm",
 				children: n.name
 			}),
-			/* @__PURE__ */ z(N, {
+			/* @__PURE__ */ R(M, {
 				content: i(`health.${s}`),
-				children: /* @__PURE__ */ z("span", {
+				children: /* @__PURE__ */ R("span", {
 					role: "img",
 					"aria-label": i(`health.${s}`),
-					children: /* @__PURE__ */ z(p, { state: s })
+					children: /* @__PURE__ */ R(y, { state: s })
 				})
 			}),
-			o && /* @__PURE__ */ z(A, {
+			o && /* @__PURE__ */ R(k, {
 				name: o.name,
 				src: o.avatarUrl,
 				size: "xs",
@@ -583,12 +584,12 @@ function ge({ workspace: t, project: n, onContextMenu: r }) {
 		]
 	});
 }
-function _e({ workspace: e, projects: t, health: n, onHealth: i }) {
-	let a = R("planning"), { data: o } = V(r(e)), { person: s } = S(e), [c, l] = I("health"), u = (e) => t.filter(e).length, d = "flex h-9 w-full items-center gap-2.5 rounded-md px-2 text-sm", f = [...new Set(t.map((e) => e.lead ?? ""))];
-	return /* @__PURE__ */ B("aside", {
+function _e({ workspace: e, projects: t, health: n, onHealth: r }) {
+	let a = L("planning"), { data: o } = B(i(e)), { person: s } = C(e), [c, l] = F("health"), u = (e) => t.filter(e).length, f = "flex h-9 w-full items-center gap-2.5 rounded-md px-2 text-sm", p = [...new Set(t.map((e) => e.lead ?? ""))];
+	return /* @__PURE__ */ z("aside", {
 		"aria-label": a("breakdown"),
 		className: "hidden w-72 shrink-0 overflow-y-auto border-l border-border p-3 xl:block",
-		children: [/* @__PURE__ */ z(M, {
+		children: [/* @__PURE__ */ R(j, {
 			variant: "segmented",
 			size: "sm",
 			label: a("breakdown"),
@@ -602,24 +603,24 @@ function _e({ workspace: e, projects: t, health: n, onHealth: i }) {
 			})),
 			value: c,
 			onValueChange: l
-		}), /* @__PURE__ */ B("ul", {
+		}), /* @__PURE__ */ z("ul", {
 			className: "mt-2",
 			children: [
-				c === "health" && _.map((e) => ({
+				c === "health" && d.map((e) => ({
 					h: e,
-					n: u((t) => g(t) === e)
-				})).filter(({ n: e }) => e > 0).map(({ h: e, n: t }) => /* @__PURE__ */ z("li", { children: /* @__PURE__ */ B("button", {
+					n: u((t) => S(t) === e)
+				})).filter(({ n: e }) => e > 0).map(({ h: e, n: t }) => /* @__PURE__ */ R("li", { children: /* @__PURE__ */ z("button", {
 					type: "button",
 					"aria-pressed": n === e,
-					onClick: () => i(e),
-					className: `${d} hover:bg-muted aria-pressed:bg-muted`,
+					onClick: () => r(e),
+					className: `${f} hover:bg-muted aria-pressed:bg-muted`,
 					children: [
-						/* @__PURE__ */ z(p, { state: e }),
-						/* @__PURE__ */ z("span", {
+						/* @__PURE__ */ R(y, { state: e }),
+						/* @__PURE__ */ R("span", {
 							className: "flex-1 text-left",
 							children: a(`health.${e}`)
 						}),
-						/* @__PURE__ */ z("span", {
+						/* @__PURE__ */ R("span", {
 							className: "text-muted-foreground tabular-nums",
 							children: t
 						})
@@ -628,40 +629,40 @@ function _e({ workspace: e, projects: t, health: n, onHealth: i }) {
 				c === "teams" && o.filter((e) => !e.archivedAt).map((e) => ({
 					team: e,
 					n: u((t) => t.teamIds.includes(e.id))
-				})).filter(({ n: e }) => e > 0).map(({ team: e, n: t }) => /* @__PURE__ */ B("li", {
-					className: d,
+				})).filter(({ n: e }) => e > 0).map(({ team: e, n: t }) => /* @__PURE__ */ z("li", {
+					className: f,
 					children: [
-						/* @__PURE__ */ z(T, {
+						/* @__PURE__ */ R(T, {
 							icon: e.icon,
 							color: e.color,
 							name: e.name
 						}),
-						/* @__PURE__ */ z("span", {
+						/* @__PURE__ */ R("span", {
 							className: "flex-1 truncate",
 							children: e.name
 						}),
-						/* @__PURE__ */ z("span", {
+						/* @__PURE__ */ R("span", {
 							className: "text-muted-foreground tabular-nums",
 							children: t
 						})
 					]
 				}, e.id)),
-				c === "leads" && f.map((e) => {
+				c === "leads" && p.map((e) => {
 					let t = e ? s(e) : void 0;
-					return /* @__PURE__ */ B("li", {
-						className: d,
+					return /* @__PURE__ */ z("li", {
+						className: f,
 						children: [
-							t ? /* @__PURE__ */ z(A, {
+							t ? /* @__PURE__ */ R(k, {
 								name: t.name,
 								src: t.avatarUrl,
 								size: "xs",
 								decorative: !0
-							}) : /* @__PURE__ */ z("span", { className: "size-4" }),
-							/* @__PURE__ */ z("span", {
+							}) : /* @__PURE__ */ R("span", { className: "size-4" }),
+							/* @__PURE__ */ R("span", {
 								className: "flex-1 truncate",
 								children: t ? t.name : a("noLead")
 							}),
-							/* @__PURE__ */ z("span", {
+							/* @__PURE__ */ R("span", {
 								className: "text-muted-foreground tabular-nums",
 								children: u((t) => (t.lead ?? "") === e)
 							})
@@ -672,4 +673,4 @@ function _e({ workspace: e, projects: t, health: n, onHealth: i }) {
 		})]
 	});
 }
-export { U as Projects };
+export { H as Projects };