@parallelworks/tandem-web 0.142.0 → 0.144.0

package/routes/_workspace/projects/_projectId3.js

@@ -2,46 +2,47 @@ import { api as e, unwrap as t } from "../../../api/client.js";
 import { usePageTitle as n } from "../../../lib/pageTitle.js";
 import { Link as r, useNavigate as i } from "../../../lib/router.js";
 import { issuesQuery as a, meQuery as o, projectEventsQuery as s, projectOf as c, projectQuery as l, projectUpdatesQuery as u, projectsQuery as d, teamsQuery as f } from "../../../api/queries.js";
-import { AddIcon as p, AddUserIcon as m, CalendarIcon as h, LinkIcon as g, PriorityIcon as _, ProjectIcon as v, RemoveUserIcon as y, RenameIcon as b, UsersIcon as x, usePriorityNames as S } from "../../../components/icons.js";
-import { projectStatuses as C } from "../../../lib/projectStates.js";
-import { projectIssueFilter as w, tabs as T } from "./_projectId.js";
-import { Route as E } from "./_projectId2.js";
-import { copyItem as ee, useLinkItems as D } from "../../../lib/menus.js";
+import { useConfirm as p } from "../../../lib/confirm.js";
+import { AddIcon as m, AddUserIcon as h, CalendarIcon as g, LinkIcon as _, PriorityIcon as v, ProjectIcon as y, RemoveUserIcon as b, RenameIcon as x, UsersIcon as S, usePriorityNames as C } from "../../../components/icons.js";
+import { projectStatuses as w } from "../../../lib/projectStates.js";
+import { projectIssueFilter as T, tabs as E } from "./_projectId.js";
+import { Route as D } from "./_projectId2.js";
+import { copyItem as ee, useLinkItems as te } from "../../../lib/menus.js";
 import { invalidateIssueViews as O } from "../../../api/mutations.js";
 import { useTime as k } from "../../../lib/time.js";
-import { HealthIcon as A, ProgressBar as te, ProjectStatusIcon as j, healthOf as M } from "../../../components/Planning.js";
-import { usePeople as N } from "../../../lib/people.js";
+import { HealthIcon as A, ProgressBar as j, ProjectStatusIcon as M, healthOf as N } from "../../../components/Planning.js";
+import { usePeople as P } from "../../../lib/people.js";
 import { useCan as ne } from "../../../lib/roles.js";
-import { useConfirm as re } from "../../../lib/confirm.js";
-import { EntityIcon as ie } from "../../../components/EntityIcon.js";
-import { projectRef as P, projectsUnder as ae } from "../../../lib/projects.js";
-import { Editor as oe } from "../../../components/Editor.js";
-import { FavoriteStar as se } from "../../../components/FavoriteStar.js";
-import { Timeline as F, TimelineItem as ce, activityIcon as I } from "../../../components/ActivityTimeline.js";
-import { useIssuePicker as le } from "../../../lib/issuePicker.js";
+import { EntityIcon as re } from "../../../components/EntityIcon.js";
+import { ProjectFields as ie } from "../../../components/CustomFields.js";
+import { projectRef as ae, projectsUnder as oe } from "../../../lib/projects.js";
+import { Editor as se } from "../../../components/Editor.js";
+import { FavoriteStar as ce } from "../../../components/FavoriteStar.js";
+import { Timeline as F, TimelineItem as le, activityIcon as I } from "../../../components/ActivityTimeline.js";
+import { useIssuePicker as L } from "../../../lib/issuePicker.js";
 import { IssueBreakdown as ue } from "../../../components/IssueBreakdown.js";
 import { FollowButton as de } from "../../../components/FollowButton.js";
 import { IconUpload as fe } from "../../../components/IconUpload.js";
-import { StatusGroups as L } from "../../../components/IssueGroup.js";
+import { StatusGroups as R } from "../../../components/IssueGroup.js";
 import { ProjectAccessDialog as pe } from "../../../components/ProjectAccess.js";
 import { Updates as me } from "../../../components/Updates.js";
-import { Avatar as R, AvatarGroup as z, Button as B, Card as he, Combobox as V, DatePicker as ge, EmptyState as _e, ErrorText as H, Input as ve, PageHeader as ye, Select as be, Switch as xe, buttonClasses as U, menuDivider as W, useOpenMenu as Se } from "@parallelworks/ui";
-import { useEffect as Ce, useState as G } from "react";
-import { useErrorMessage as K } from "@parallelworks/problem/react";
+import { Avatar as z, AvatarGroup as B, Button as V, Card as he, Combobox as H, DatePicker as ge, EmptyState as _e, ErrorText as U, Input as ve, PageHeader as ye, Select as be, Switch as xe, buttonClasses as W, menuDivider as G, useOpenMenu as Se } from "@parallelworks/ui";
+import { useEffect as Ce, useState as K } from "react";
+import { useErrorMessage as we } 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 { useMutation as Z, useQuery as Q, useQueryClient as $, useSuspenseQuery as we } from "@tanstack/react-query";
-import { MoreButton as Te } from "@parallelworks/ui/list";
+import { useMutation as Z, useQuery as Q, useQueryClient as $, useSuspenseQuery as Te } from "@tanstack/react-query";
+import { MoreButton as Ee } from "@parallelworks/ui/list";
 // src/routes/$workspace/projects/$projectId.tsx?tsr-split=component
-var Ee = [
+var De = [
 	"assignees",
 	"labels",
 	"cycles"
 ];
-function De() {
-	let { workspace: s, projectId: u } = E.useParams(), f = q("planning"), p = q("common"), m = K(), { data: h } = we(l(s, u)), g = P(h);
-	n(h.name);
-	let _ = ne(s, "manage_projects", { project: h.id }), y = ne(s, "delete_projects", { project: h.id }), b = $(), x = i(), S = D(), { confirm: C, dialog: O } = re(), [k, A] = G(!1), { data: j } = we(o), M = !!E.useSearch().own, { data: N } = Q(a(s, w(h.id, M))), { data: ae = [] } = Q(d(s)), F = ae.filter((e) => e.parentId === h.id), ce = M || F.length === 0 ? h.progress : h.treeProgress, [I, le] = G("assignees"), L = Z({
+function Oe() {
+	let { workspace: s, projectId: u } = D.useParams(), f = q("planning"), m = q("common"), h = we(), { data: g } = Te(l(s, u)), _ = ae(g);
+	n(g.name);
+	let v = ne(s, "manage_projects", { project: g.id }), b = ne(s, "delete_projects", { project: g.id }), x = $(), S = i(), C = te(), { confirm: w, dialog: O } = p(), [k, A] = K(!1), { data: M } = Te(o), N = !!D.useSearch().own, { data: P } = Q(a(s, T(g.id, N))), { data: oe = [] } = Q(d(s)), F = oe.filter((e) => e.parentId === g.id), le = N || F.length === 0 ? g.progress : g.treeProgress, [I, L] = K("assignees"), R = Z({
 		mutationFn: async (n) => t(await e.PATCH("/api/v1/workspaces/{workspace}/projects/{projectId}", {
 			params: { path: {
 				workspace: s,
@@ -49,9 +50,9 @@ function De() {
 			} },
 			body: n
 		})),
-		onSuccess: (e) => b.setQueryData(l(s, u).queryKey, c(e)),
+		onSuccess: (e) => x.setQueryData(l(s, u).queryKey, c(e)),
 		onSettled: () => {
-			b.invalidateQueries({ queryKey: d(s).queryKey });
+			x.invalidateQueries({ queryKey: d(s).queryKey });
 		}
 	}), me = Z({
 		mutationFn: async () => t(await e.DELETE("/api/v1/workspaces/{workspace}/projects/{projectId}", { params: { path: {
@@ -59,15 +60,15 @@ function De() {
 			projectId: u
 		} } })),
 		onSuccess: () => {
-			b.invalidateQueries({ queryKey: ["workspace", s] }), x({
+			x.invalidateQueries({ queryKey: ["workspace", s] }), S({
 				to: "/$workspace/projects",
 				params: { workspace: s }
 			});
 		}
-	}), R = () => [
+	}), z = () => [
 		{
 			label: f("viewIssues"),
-			onClick: () => x({
+			onClick: () => S({
 				to: "/$workspace/projects/$projectId",
 				params: {
 					workspace: s,
@@ -76,43 +77,43 @@ function De() {
 				search: { tab: "issues" }
 			})
 		},
-		..._ ? [{
-			label: h.template ? f("stopTemplate") : f("useAsTemplate"),
-			onClick: () => L.mutate({ template: !h.template })
+		...v ? [{
+			label: g.template ? f("stopTemplate") : f("useAsTemplate"),
+			onClick: () => R.mutate({ template: !g.template })
 		}] : [],
-		...j?.mode === "platform" ? [] : [{
+		...M?.mode === "platform" ? [] : [{
 			label: f("manageAccess"),
 			onClick: () => A(!0)
 		}],
-		W,
-		...S(`/${s}/projects/${g}`),
-		ee(p("copyName"), h.name),
-		...y ? [W, {
+		G,
+		...C(`/${s}/projects/${_}`),
+		ee(m("copyName"), g.name),
+		...b ? [G, {
 			label: f("deleteProject"),
 			destructive: !0,
-			onClick: () => C({
-				title: f("deleteProjectTitle", { name: h.name }),
+			onClick: () => w({
+				title: f("deleteProjectTitle", { name: g.name }),
 				description: f("deleteProjectDescription"),
 				confirmLabel: f("deleteProject"),
 				onConfirm: () => me.mutateAsync()
 			})
 		}] : []
-	], z = E.useSearch().tab ?? "overview", B = N?.issues ?? [];
+	], B = D.useSearch().tab ?? "overview", V = P?.issues ?? [];
 	return Ce(() => {
-		u !== g && x({
+		u !== _ && S({
 			to: "/$workspace/projects/$projectId",
 			params: {
 				workspace: s,
-				projectId: g
+				projectId: _
 			},
 			search: (e) => e,
 			replace: !0
 		});
 	}, [
-		x,
+		S,
 		s,
 		u,
-		g
+		_
 	]), /* @__PURE__ */ X("div", {
 		className: "flex h-full min-h-0 flex-col",
 		children: [
@@ -122,107 +123,118 @@ function De() {
 					label: f("projects"),
 					href: `/${s}/projects`
 				}, {
-					label: h.name,
-					icon: h.icon || h.color ? /* @__PURE__ */ Y(ie, {
-						icon: h.icon ?? "",
-						color: h.color ?? "",
-						name: h.name
-					}) : /* @__PURE__ */ Y(v, { className: "size-4 text-muted-foreground" })
+					label: g.name,
+					icon: g.icon || g.color ? /* @__PURE__ */ Y(re, {
+						icon: g.icon ?? "",
+						color: g.color ?? "",
+						name: g.name
+					}) : /* @__PURE__ */ Y(y, { className: "size-4 text-muted-foreground" })
 				}],
 				titleActions: /* @__PURE__ */ X(J, { children: [
-					/* @__PURE__ */ Y(se, {
+					/* @__PURE__ */ Y(ce, {
 						workspace: s,
 						kind: "project",
-						target: h.id
+						target: g.id
 					}),
 					/* @__PURE__ */ Y(de, {
 						workspace: s,
-						project: h.id
+						project: g.id
 					}),
-					/* @__PURE__ */ Y(Te, {
-						items: R,
-						label: p("moreActionsFor", { name: h.name }),
+					/* @__PURE__ */ Y(Ee, {
+						items: z,
+						label: m("moreActionsFor", { name: g.name }),
 						visible: !0
 					})
 				] }),
-				actions: L.isPending && /* @__PURE__ */ Y("span", {
+				actions: R.isPending && /* @__PURE__ */ Y("span", {
 					className: "text-xs text-muted-foreground",
-					children: p("saving")
+					children: m("saving")
 				})
 			}),
 			/* @__PURE__ */ Y("nav", {
 				"aria-label": f("projectSections"),
 				className: "flex shrink-0 gap-1 border-b border-border px-4 py-2 md:px-5",
-				children: T.map((e) => /* @__PURE__ */ X(r, {
+				children: E.map((e) => /* @__PURE__ */ X(r, {
 					to: "/$workspace/projects/$projectId",
 					params: {
 						workspace: s,
 						projectId: u
 					},
 					search: e === "overview" ? {} : { tab: e },
-					"aria-current": z === e ? "page" : void 0,
+					"aria-current": B === e ? "page" : void 0,
 					activeOptions: { exact: !0 },
 					className: "h-7 rounded-full px-3 text-xs leading-7 text-muted-foreground hover:bg-muted hover:text-foreground aria-[current=page]:bg-muted aria-[current=page]:text-foreground",
-					children: [f(`projectTabs.${e}`), e === "issues" && B.length > 0 && /* @__PURE__ */ Y("span", {
+					children: [f(`projectTabs.${e}`), e === "issues" && V.length > 0 && /* @__PURE__ */ Y("span", {
 						className: "ml-1 tabular-nums",
-						children: B.length
+						children: V.length
 					})]
 				}, e))
 			}),
 			/* @__PURE__ */ X("div", {
 				className: "flex min-h-0 flex-1 flex-col overflow-y-auto xl:flex-row xl:overflow-hidden",
 				children: [/* @__PURE__ */ X("div", {
-					className: z === "issues" ? "w-full min-w-0 pb-16 xl:flex-1 xl:overflow-y-auto" : "w-full min-w-0 px-4 pt-6 pb-16 md:px-8 md:pt-8 xl:flex-1 xl:overflow-y-auto",
+					className: B === "issues" ? "w-full min-w-0 pb-16 xl:flex-1 xl:overflow-y-auto" : "w-full min-w-0 px-4 pt-6 pb-16 md:px-8 md:pt-8 xl:flex-1 xl:overflow-y-auto",
 					children: [
-						z === "overview" && /* @__PURE__ */ X(J, { children: [
+						B === "overview" && /* @__PURE__ */ X(J, { children: [
 							/* @__PURE__ */ X("div", {
 								className: "flex items-center gap-3",
 								children: [/* @__PURE__ */ Y(fe, {
 									workspace: s,
-									icon: h.icon ?? "",
-									name: h.name,
-									onChange: (e) => L.mutateAsync({
+									icon: g.icon ?? "",
+									name: g.name,
+									onChange: (e) => R.mutateAsync({
 										icon: e,
 										color: ""
 									}),
-									disabled: !_,
+									disabled: !v,
 									size: 40
-								}), /* @__PURE__ */ Y(Oe, {
-									project: h,
-									canWrite: _,
-									onSave: (e) => L.mutate({ name: e })
+								}), /* @__PURE__ */ Y(ke, {
+									project: g,
+									canWrite: v,
+									onSave: (e) => R.mutate({ name: e })
 								})]
 							}),
-							/* @__PURE__ */ Y(ke, {
-								project: h,
-								canWrite: _,
-								onSave: (e) => L.mutate({ summary: e })
-							}),
 							/* @__PURE__ */ Y(Ae, {
+								project: g,
+								canWrite: v,
+								onSave: (e) => R.mutate({ summary: e })
+							}),
+							/* @__PURE__ */ Y(je, {
 								workspace: s,
-								project: h,
-								canWrite: _,
-								update: (e) => L.mutate(e)
+								project: g,
+								canWrite: v,
+								update: (e) => R.mutate(e)
 							}),
-							/* @__PURE__ */ Y(Me, {
+							/* @__PURE__ */ Y(Ne, {
 								workspace: s,
-								project: h
+								project: g
+							}),
+							/* @__PURE__ */ Y("div", {
+								className: "mt-4",
+								children: /* @__PURE__ */ Y(ie, {
+									workspace: s,
+									project: g,
+									editable: v,
+									onChange: (e) => {
+										x.setQueryData(l(s, u).queryKey, c(e)), x.invalidateQueries({ queryKey: d(s).queryKey });
+									}
+								})
 							}),
-							L.isError && /* @__PURE__ */ Y(H, {
+							R.isError && /* @__PURE__ */ Y(U, {
 								size: "md",
 								className: "mt-2",
-								children: m(L.error)
+								children: h(R.error)
 							}),
 							/* @__PURE__ */ X("section", {
 								className: "mt-6",
 								"aria-label": f("progressTitle"),
-								children: [/* @__PURE__ */ Y(te, { progress: ce }), F.length > 0 && /* @__PURE__ */ X("div", {
+								children: [/* @__PURE__ */ Y(j, { progress: le }), F.length > 0 && /* @__PURE__ */ X("div", {
 									className: "mt-2 flex items-center gap-2 text-xs text-muted-foreground",
 									children: [/* @__PURE__ */ Y(xe, {
 										"aria-label": f("onlyOwnIssues"),
 										size: "sm",
-										checked: M,
-										onCheckedChange: (e) => x({
+										checked: N,
+										onCheckedChange: (e) => S({
 											to: "/$workspace/projects/$projectId",
 											params: {
 												workspace: s,
@@ -240,84 +252,84 @@ function De() {
 									})]
 								})]
 							}),
-							/* @__PURE__ */ Y(Pe, {
+							/* @__PURE__ */ Y(Fe, {
 								workspace: s,
 								projects: F
 							}),
-							B.length > 0 && /* @__PURE__ */ Y("section", {
+							V.length > 0 && /* @__PURE__ */ Y("section", {
 								className: "mt-8 xl:hidden",
 								"aria-label": f("issueBreakdown.label"),
 								children: /* @__PURE__ */ Y(ue, {
 									workspace: s,
-									issues: B,
-									tabs: Ee,
+									issues: V,
+									tabs: De,
 									tab: I,
-									onTabChange: le
+									onTabChange: L
 								})
 							}),
 							/* @__PURE__ */ X("section", {
 								className: "mt-8",
 								children: [/* @__PURE__ */ Y("h2", {
 									className: "text-base font-semibold",
-									children: p("description")
+									children: m("description")
 								}), /* @__PURE__ */ Y(he, {
 									size: "fill",
 									padding: "sm",
 									className: "mt-2 min-h-16",
-									children: /* @__PURE__ */ Y(oe, {
-										value: h.description,
-										editable: _,
+									children: /* @__PURE__ */ Y(se, {
+										value: g.description,
+										editable: v,
 										placeholder: f("addDescription"),
-										label: p("description"),
-										onBlur: (e) => e !== h.description && L.mutate({ description: e }),
+										label: m("description"),
+										onBlur: (e) => e !== g.description && R.mutate({ description: e }),
 										className: "min-h-12"
-									}, h.updatedAt)
+									}, g.updatedAt)
 								})]
 							}),
-							/* @__PURE__ */ Y(Fe, {
+							/* @__PURE__ */ Y(Ie, {
 								workspace: s,
-								project: h,
-								canWrite: _
+								project: g,
+								canWrite: v
 							}),
-							/* @__PURE__ */ Y(Re, {
+							/* @__PURE__ */ Y(ze, {
 								workspace: s,
-								projectId: h.id
+								projectId: g.id
 							})
 						] }),
-						z === "updates" && /* @__PURE__ */ Y(Le, {
+						B === "updates" && /* @__PURE__ */ Y(Re, {
 							workspace: s,
-							project: h,
-							canWrite: _
+							project: g,
+							canWrite: v
 						}),
-						z === "issues" && /* @__PURE__ */ Y(Ie, {
+						B === "issues" && /* @__PURE__ */ Y(Le, {
 							workspace: s,
-							project: h,
-							canWrite: _
+							project: g,
+							canWrite: v
 						})
 					]
-				}), z !== "updates" && B.length > 0 && /* @__PURE__ */ Y("aside", {
+				}), B !== "updates" && V.length > 0 && /* @__PURE__ */ Y("aside", {
 					"aria-label": f("issueBreakdown.label"),
 					className: "hidden w-80 shrink-0 overflow-y-auto border-l border-border px-4 py-6 xl:block",
 					children: /* @__PURE__ */ Y(ue, {
 						workspace: s,
-						issues: B,
-						tabs: Ee,
+						issues: V,
+						tabs: De,
 						tab: I,
-						onTabChange: le
+						onTabChange: L
 					})
 				})]
 			}),
 			O,
 			k && /* @__PURE__ */ Y(pe, {
 				workspace: s,
-				project: h,
+				project: g,
 				onClose: () => A(!1)
 			})
 		]
 	});
 }
-function Oe({ project: e, canWrite: t, onSave: n }) {
-	let r = q("planning"), [i, a] = G(e.name), [o, s] = G(e.name);
+function ke({ project: e, canWrite: t, onSave: n }) {
+	let r = q("planning"), [i, a] = K(e.name), [o, s] = K(e.name);
 	return o !== e.name && (s(e.name), a(e.name)), t ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y("h1", {
 		className: "sr-only",
 		children: e.name
@@ -333,8 +345,8 @@ function Oe({ project: e, canWrite: t, onSave: n }) {
 		children: e.name
 	});
 }
-function ke({ project: e, canWrite: t, onSave: n }) {
-	let r = q("planning"), [i, a] = G(e.summary ?? ""), [o, s] = G(e.summary ?? "");
+function Ae({ project: e, canWrite: t, onSave: n }) {
+	let r = q("planning"), [i, a] = K(e.summary ?? ""), [o, s] = K(e.summary ?? "");
 	return o !== (e.summary ?? "") && (s(e.summary ?? ""), a(e.summary ?? "")), t ? /* @__PURE__ */ Y("input", {
 		value: i,
 		onChange: (e) => a(e.target.value),
@@ -349,10 +361,10 @@ function ke({ project: e, canWrite: t, onSave: n }) {
 		children: e.summary
 	}) : null;
 }
-function Ae({ workspace: e, project: t, canWrite: n, update: r }) {
-	let i = q("planning"), a = k(), { members: o, person: s } = N(e), { data: c = [] } = Q(f(e)), l = S(), [u, d] = G(null), p = t.lead ? s(t.lead) : void 0, m = (e, t, i) => {
+function je({ workspace: e, project: t, canWrite: n, update: r }) {
+	let i = q("planning"), a = k(), { members: o, person: s } = P(e), { data: c = [] } = Q(f(e)), l = C(), [u, d] = K(null), p = t.lead ? s(t.lead) : void 0, m = (e, t, i) => {
 		let o = /* @__PURE__ */ X(J, { children: [
-			/* @__PURE__ */ Y(h, { className: "size-3.5 text-muted-foreground" }),
+			/* @__PURE__ */ Y(g, { className: "size-3.5 text-muted-foreground" }),
 			/* @__PURE__ */ Y("span", {
 				className: "text-muted-foreground",
 				children: e
@@ -365,7 +377,7 @@ function Ae({ workspace: e, project: t, canWrite: n, update: r }) {
 			"aria-label": e,
 			trigger: /* @__PURE__ */ Y("button", {
 				type: "button",
-				className: U({ size: "sm" }),
+				className: W({ size: "sm" }),
 				children: o
 			})
 		}) : /* @__PURE__ */ Y("span", {
@@ -381,18 +393,18 @@ function Ae({ workspace: e, project: t, canWrite: n, update: r }) {
 				value: t.status,
 				disabled: !n,
 				onValueChange: (e) => e && r({ status: e }),
-				items: C.map((e) => ({
+				items: w.map((e) => ({
 					value: e,
 					label: i(`status.${e}`),
-					icon: /* @__PURE__ */ Y(j, { status: e })
+					icon: /* @__PURE__ */ Y(M, { status: e })
 				})),
 				trigger: /* @__PURE__ */ X("button", {
 					type: "button",
-					className: U({ size: "sm" }),
-					children: [/* @__PURE__ */ Y(j, { status: t.status }), i(`status.${t.status}`)]
+					className: W({ size: "sm" }),
+					children: [/* @__PURE__ */ Y(M, { status: t.status }), i(`status.${t.status}`)]
 				})
 			}),
-			/* @__PURE__ */ Y(V, {
+			/* @__PURE__ */ Y(H, {
 				"aria-label": i("lead"),
 				value: t.lead ?? "",
 				disabled: !n,
@@ -403,7 +415,7 @@ function Ae({ workspace: e, project: t, canWrite: n, update: r }) {
 				}, ...o.map((e) => ({
 					value: e.user.username,
 					label: e.user.name,
-					icon: /* @__PURE__ */ Y(R, {
+					icon: /* @__PURE__ */ Y(z, {
 						name: e.user.name,
 						src: e.user.avatarUrl,
 						size: "xs",
@@ -412,8 +424,8 @@ function Ae({ workspace: e, project: t, canWrite: n, update: r }) {
 				}))],
 				trigger: /* @__PURE__ */ Y("button", {
 					type: "button",
-					className: U({ size: "sm" }),
-					children: p ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(R, {
+					className: W({ size: "sm" }),
+					children: p ? /* @__PURE__ */ X(J, { children: [/* @__PURE__ */ Y(z, {
 						name: p.name,
 						src: p.avatarUrl,
 						size: "xs",
@@ -432,17 +444,17 @@ function Ae({ workspace: e, project: t, canWrite: n, update: r }) {
 				items: l.map((e, t) => ({
 					value: String(t),
 					label: e,
-					icon: /* @__PURE__ */ Y(_, { priority: t })
+					icon: /* @__PURE__ */ Y(v, { priority: t })
 				})),
 				trigger: /* @__PURE__ */ X("button", {
 					type: "button",
-					className: U({ size: "sm" }),
-					children: [/* @__PURE__ */ Y(_, { priority: t.priority }), t.priority ? l[t.priority] : i("noPriority")]
+					className: W({ size: "sm" }),
+					children: [/* @__PURE__ */ Y(v, { priority: t.priority }), t.priority ? l[t.priority] : i("noPriority")]
 				})
 			}),
 			m(i("startDate"), t.startDate, "startDate"),
 			m(i("targetDate"), t.targetDate, "targetDate"),
-			/* @__PURE__ */ Y(V, {
+			/* @__PURE__ */ Y(H, {
 				"aria-label": i("members"),
 				open: u === "members",
 				onOpenChange: (e) => d(e ? "members" : null),
@@ -451,7 +463,7 @@ function Ae({ workspace: e, project: t, canWrite: n, update: r }) {
 				items: o.map((e) => ({
 					value: e.user.username,
 					label: e.user.name,
-					icon: /* @__PURE__ */ Y(R, {
+					icon: /* @__PURE__ */ Y(z, {
 						name: e.user.name,
 						src: e.user.avatarUrl,
 						size: "xs",
@@ -464,26 +476,26 @@ function Ae({ workspace: e, project: t, canWrite: n, update: r }) {
 				trigger: /* @__PURE__ */ X("button", {
 					type: "button",
 					disabled: !n,
-					className: U({ size: "sm" }),
-					children: [t.members.length > 0 ? /* @__PURE__ */ Y(z, {
+					className: W({ size: "sm" }),
+					children: [t.members.length > 0 ? /* @__PURE__ */ Y(B, {
 						size: "xs",
 						max: 4,
 						showOverflow: !1,
 						children: t.members.map((e) => {
 							let t = s(e);
-							return /* @__PURE__ */ Y(R, {
+							return /* @__PURE__ */ Y(z, {
 								name: t.name,
 								src: t.avatarUrl,
 								decorative: !0
 							}, e);
 						})
-					}) : /* @__PURE__ */ Y(x, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ Y("span", {
+					}) : /* @__PURE__ */ Y(S, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ Y("span", {
 						className: t.members.length ? "" : "text-muted-foreground",
 						children: t.members.length ? i("memberCount", { count: t.members.length }) : i("members")
 					})]
 				})
 			}),
-			/* @__PURE__ */ Y(V, {
+			/* @__PURE__ */ Y(H, {
 				"aria-label": i("teams"),
 				open: u === "teams",
 				onOpenChange: (e) => d(e ? "teams" : null),
@@ -493,7 +505,7 @@ function Ae({ workspace: e, project: t, canWrite: n, update: r }) {
 					value: e.id,
 					label: e.name,
 					hint: e.key,
-					icon: /* @__PURE__ */ Y(ie, {
+					icon: /* @__PURE__ */ Y(re, {
 						icon: e.icon,
 						color: e.color,
 						name: e.name
@@ -505,20 +517,20 @@ function Ae({ workspace: e, project: t, canWrite: n, update: r }) {
 				trigger: /* @__PURE__ */ X("button", {
 					type: "button",
 					disabled: !n,
-					className: U({ size: "sm" }),
-					children: [/* @__PURE__ */ Y(x, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ Y("span", {
+					className: W({ size: "sm" }),
+					children: [/* @__PURE__ */ Y(S, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ Y("span", {
 						className: t.teamIds.length ? "" : "text-muted-foreground",
 						children: t.teamIds.length ? c.filter((e) => t.teamIds.includes(e.id)).map((e) => e.key).join(", ") : i("teams")
 					})]
 				})
 			}),
-			/* @__PURE__ */ Y(Ne, {
+			/* @__PURE__ */ Y(Pe, {
 				workspace: e,
 				project: t,
 				canWrite: n,
 				onChange: (e) => r({ parentId: e })
 			}),
-			/* @__PURE__ */ Y(je, {
+			/* @__PURE__ */ Y(Me, {
 				workspace: e,
 				project: t,
 				canWrite: n,
@@ -527,11 +539,11 @@ function Ae({ workspace: e, project: t, canWrite: n, update: r }) {
 		]
 	});
 }
-function je({ workspace: e, project: t, canWrite: n, onChange: r }) {
+function Me({ workspace: e, project: t, canWrite: n, onChange: r }) {
 	let i = q("planning"), { data: a = [] } = Q(d(e)), o = /* @__PURE__ */ new Set(), s = (e) => {
 		for (let t of a) t.blockedBy.includes(e) && !o.has(t.id) && (o.add(t.id), s(t.id));
 	};
-	return s(t.id), /* @__PURE__ */ Y(V, {
+	return s(t.id), /* @__PURE__ */ Y(H, {
 		multiple: !0,
 		disabled: !n,
 		items: a.filter((e) => e.id !== t.id && !o.has(e.id) && !e.template).map((e) => ({
@@ -545,22 +557,22 @@ function je({ workspace: e, project: t, canWrite: n, onChange: r }) {
 		trigger: /* @__PURE__ */ X("button", {
 			type: "button",
 			disabled: !n,
-			className: U({ size: "sm" }),
-			children: [/* @__PURE__ */ Y(g, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ Y("span", {
+			className: W({ size: "sm" }),
+			children: [/* @__PURE__ */ Y(_, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ Y("span", {
 				className: t.blockedBy.length ? "" : "text-muted-foreground",
 				children: t.blockedBy.length ? i("waitsOnCount", { count: t.blockedBy.length }) : i("waitsOn")
 			})]
 		})
 	});
 }
-function Me({ workspace: e, project: t }) {
+function Ne({ workspace: e, project: t }) {
 	let n = q("planning"), i = k(), { data: a = [] } = Q(d(e)), o = (e) => a.filter((t) => e.includes(t.id)), s = o(t.blockedBy), c = o(t.blocks);
 	if (s.length === 0 && c.length === 0) return null;
 	let l = t.targetDate ? s.filter((e) => e.targetDate && e.targetDate > (t.targetDate ?? "")) : [], u = (t) => /* @__PURE__ */ Y(r, {
 		to: "/$workspace/projects/$projectId",
 		params: {
 			workspace: e,
-			projectId: P(t)
+			projectId: ae(t)
 		},
 		className: "font-medium hover:underline",
 		children: t.name
@@ -590,9 +602,9 @@ function Me({ workspace: e, project: t }) {
 		]
 	});
 }
-function Ne({ workspace: e, project: t, canWrite: n, onChange: r }) {
-	let i = q("planning"), { data: a = [] } = Q(d(e)), o = new Set(ae(a, t.id).map((e) => e.id)), s = a.find((e) => e.id === t.parentId);
-	return /* @__PURE__ */ Y(V, {
+function Pe({ workspace: e, project: t, canWrite: n, onChange: r }) {
+	let i = q("planning"), { data: a = [] } = Q(d(e)), o = new Set(oe(a, t.id).map((e) => e.id)), s = a.find((e) => e.id === t.parentId);
+	return /* @__PURE__ */ Y(H, {
 		disabled: !n,
 		items: [{
 			value: "",
@@ -608,16 +620,16 @@ function Ne({ workspace: e, project: t, canWrite: n, onChange: r }) {
 		trigger: /* @__PURE__ */ X("button", {
 			type: "button",
 			disabled: !n,
-			className: U({ size: "sm" }),
-			children: [/* @__PURE__ */ Y(v, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ Y("span", {
+			className: W({ size: "sm" }),
+			children: [/* @__PURE__ */ Y(y, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ Y("span", {
 				className: s ? "" : "text-muted-foreground",
 				children: s ? i("underProject", { name: s.name }) : i("parentProject")
 			})]
 		})
 	});
 }
-function Pe({ workspace: e, projects: t }) {
-	let n = q("planning"), i = k(), { person: a } = N(e);
+function Fe({ workspace: e, projects: t }) {
+	let n = q("planning"), i = k(), { person: a } = P(e);
 	return t.length === 0 ? null : /* @__PURE__ */ X("section", {
 		className: "mt-8",
 		children: [/* @__PURE__ */ Y("h2", {
@@ -626,16 +638,16 @@ function Pe({ workspace: e, projects: t }) {
 		}), /* @__PURE__ */ Y("ul", {
 			className: "mt-2 divide-y divide-border rounded-lg border border-border",
 			children: t.map((t) => {
-				let o = M(t), s = t.lead ? a(t.lead) : void 0;
+				let o = N(t), s = t.lead ? a(t.lead) : void 0;
 				return /* @__PURE__ */ Y("li", { children: /* @__PURE__ */ X(r, {
 					to: "/$workspace/projects/$projectId",
 					params: {
 						workspace: e,
-						projectId: P(t)
+						projectId: ae(t)
 					},
 					className: "flex flex-wrap items-center gap-x-3 gap-y-1 px-3 py-2.5 text-sm hover:bg-muted/60",
 					children: [
-						/* @__PURE__ */ Y(j, { status: t.status }),
+						/* @__PURE__ */ Y(M, { status: t.status }),
 						/* @__PURE__ */ Y("span", {
 							className: "min-w-0 flex-1 truncate font-medium",
 							children: t.name
@@ -644,7 +656,7 @@ function Pe({ workspace: e, projects: t }) {
 							className: "flex items-center gap-1.5 text-xs text-muted-foreground",
 							children: [/* @__PURE__ */ Y(A, { state: o }), n(`health.${o}`)]
 						}),
-						s && /* @__PURE__ */ Y(R, {
+						s && /* @__PURE__ */ Y(z, {
 							name: s.name,
 							src: s.avatarUrl,
 							size: "xs"
@@ -655,7 +667,7 @@ function Pe({ workspace: e, projects: t }) {
 						}),
 						/* @__PURE__ */ Y("span", {
 							className: "w-28",
-							children: /* @__PURE__ */ Y(te, {
+							children: /* @__PURE__ */ Y(j, {
 								progress: t.treeProgress,
 								compact: !0
 							})
@@ -666,8 +678,8 @@ function Pe({ workspace: e, projects: t }) {
 		})]
 	});
 }
-function Fe({ workspace: n, project: r, canWrite: i }) {
-	let a = q("planning"), o = q("common"), s = K(), c = k(), l = $(), u = Se(), [d, f] = G(!1), [m, h] = G(""), [g, _] = G(""), [v, y] = G(null), b = {
+function Ie({ workspace: n, project: r, canWrite: i }) {
+	let a = q("planning"), o = q("common"), s = we(), c = k(), l = $(), u = Se(), [d, f] = K(!1), [p, h] = K(""), [g, _] = K(""), [v, y] = K(null), b = {
 		workspace: n,
 		projectId: r.id
 	}, x = () => {
@@ -680,7 +692,7 @@ function Fe({ workspace: n, project: r, canWrite: i }) {
 		mutationFn: async () => t(await e.POST("/api/v1/workspaces/{workspace}/projects/{projectId}/milestones", {
 			params: { path: b },
 			body: {
-				name: m,
+				name: p,
 				...g && { targetDate: g }
 			}
 		})),
@@ -724,7 +736,7 @@ function Fe({ workspace: n, project: r, canWrite: i }) {
 				position: t + 1
 			})
 		},
-		W,
+		G,
 		{
 			label: o("delete"),
 			destructive: !0,
@@ -739,12 +751,12 @@ function Fe({ workspace: n, project: r, canWrite: i }) {
 				children: [/* @__PURE__ */ Y("h2", {
 					className: "text-base font-semibold",
 					children: a("milestones")
-				}), i && !d && /* @__PURE__ */ X(B, {
+				}), i && !d && /* @__PURE__ */ X(V, {
 					type: "button",
 					size: "sm",
 					onClick: () => f(!0),
 					className: "ml-auto",
-					children: [/* @__PURE__ */ Y(p, { className: "size-3.5" }), a("addMilestone")]
+					children: [/* @__PURE__ */ Y(m, { className: "size-3.5" }), a("addMilestone")]
 				})]
 			}),
 			/* @__PURE__ */ X(he, {
@@ -785,12 +797,12 @@ function Fe({ workspace: n, project: r, canWrite: i }) {
 							}),
 							/* @__PURE__ */ Y("span", {
 								className: "w-44 shrink-0",
-								children: /* @__PURE__ */ Y(te, {
+								children: /* @__PURE__ */ Y(j, {
 									progress: e.progress,
 									compact: !0
 								})
 							}),
-							/* @__PURE__ */ Y(Te, {
+							/* @__PURE__ */ Y(Ee, {
 								items: () => E(e, t),
 								label: o("moreActionsFor", { name: e.name })
 							})
@@ -803,12 +815,12 @@ function Fe({ workspace: n, project: r, canWrite: i }) {
 					d && /* @__PURE__ */ Y("li", { children: /* @__PURE__ */ X("form", {
 						className: "flex flex-wrap items-center gap-2 px-3 py-2",
 						onSubmit: (e) => {
-							e.preventDefault(), m.trim() && S.mutate();
+							e.preventDefault(), p.trim() && S.mutate();
 						},
 						children: [
 							/* @__PURE__ */ Y(ve, {
 								autoFocus: !0,
-								value: m,
+								value: p,
 								onChange: (e) => h(e.target.value),
 								placeholder: a("milestoneName"),
 								"aria-label": a("milestoneName"),
@@ -820,14 +832,14 @@ function Fe({ workspace: n, project: r, canWrite: i }) {
 								"aria-label": a("targetDate"),
 								className: "w-auto"
 							}),
-							/* @__PURE__ */ Y(B, {
+							/* @__PURE__ */ Y(V, {
 								type: "submit",
 								variant: "primary",
-								disabled: !m.trim(),
+								disabled: !p.trim(),
 								loading: S.isPending,
 								children: a("addMilestone")
 							}),
-							/* @__PURE__ */ Y(B, {
+							/* @__PURE__ */ Y(V, {
 								type: "button",
 								variant: "ghost",
 								onClick: () => f(!1),
@@ -837,7 +849,7 @@ function Fe({ workspace: n, project: r, canWrite: i }) {
 					}) })
 				]
 			}),
-			D && /* @__PURE__ */ Y(H, {
+			D && /* @__PURE__ */ Y(U, {
 				size: "md",
 				className: "mt-2",
 				children: s(D)
@@ -845,8 +857,8 @@ function Fe({ workspace: n, project: r, canWrite: i }) {
 		]
 	});
 }
-function Ie({ workspace: n, project: r, canWrite: i }) {
-	let o = q("planning"), s = K(), c = $(), l = !!E.useSearch().own, { data: u } = we(a(n, w(r.id, l))), d = le(n, (e) => e.project?.id !== r.id), f = u.issues, m = Z({
+function Le({ workspace: n, project: r, canWrite: i }) {
+	let o = q("planning"), s = we(), c = $(), l = !!D.useSearch().own, { data: u } = Te(a(n, T(r.id, l))), d = L(n, (e) => e.project?.id !== r.id), f = u.issues, p = Z({
 		mutationFn: async (i) => t(await e.PATCH("/api/v1/workspaces/{workspace}/issues/{identifier}", {
 			params: { path: {
 				workspace: n,
@@ -861,36 +873,36 @@ function Ie({ workspace: n, project: r, canWrite: i }) {
 		children: [
 			i && /* @__PURE__ */ Y("div", {
 				className: "flex min-h-11 items-center justify-end border-b border-border px-4 py-2 md:px-5",
-				children: /* @__PURE__ */ Y(V, {
+				children: /* @__PURE__ */ Y(H, {
 					"aria-label": o("addIssues"),
 					align: "end",
 					...d,
 					value: null,
-					onValueChange: (e) => e !== null && m.mutate(e),
+					onValueChange: (e) => e !== null && p.mutate(e),
 					placeholder: o("findIssue"),
-					trigger: /* @__PURE__ */ X(B, {
+					trigger: /* @__PURE__ */ X(V, {
 						type: "button",
 						size: "sm",
-						children: [/* @__PURE__ */ Y(p, { className: "size-3.5" }), o("addIssues")]
+						children: [/* @__PURE__ */ Y(m, { className: "size-3.5" }), o("addIssues")]
 					})
 				})
 			}),
-			m.isError && /* @__PURE__ */ Y(H, {
+			p.isError && /* @__PURE__ */ Y(U, {
 				size: "md",
 				className: "px-4 pt-2 md:px-5",
-				children: s(m.error)
+				children: s(p.error)
 			}),
 			f.length === 0 ? /* @__PURE__ */ Y(_e, {
 				title: o("noIssuesInProject"),
 				className: "mt-6"
-			}) : /* @__PURE__ */ Y(L, {
+			}) : /* @__PURE__ */ Y(R, {
 				workspace: n,
 				issues: f
 			})
 		]
 	});
 }
-function Le({ workspace: n, project: r, canWrite: i }) {
+function Re({ workspace: n, project: r, canWrite: i }) {
 	let a = q("planning"), o = $(), { data: s = [] } = Q(u(n, r.id)), c = Z({
 		mutationFn: async ({ health: i, body: a }) => t(await e.POST("/api/v1/workspaces/{workspace}/projects/{projectId}/updates", {
 			params: { path: {
@@ -921,7 +933,7 @@ function Le({ workspace: n, project: r, canWrite: i }) {
 	});
 	return /* @__PURE__ */ Y(me, {
 		workspace: n,
-		state: M(r),
+		state: N(r),
 		health: r.health,
 		updates: s,
 		canWrite: i,
@@ -930,8 +942,8 @@ function Le({ workspace: n, project: r, canWrite: i }) {
 		remove: l
 	});
 }
-function Re({ workspace: e, projectId: t }) {
-	let n = q("planning.activity"), r = q("planning"), i = q("planning.health"), a = k(), o = S(), { data: c = [] } = Q(s(e, t)), { actorName: l, person: u } = N(e);
+function ze({ workspace: e, projectId: t }) {
+	let n = q("planning.activity"), r = q("planning"), i = q("planning.health"), a = k(), o = C(), { data: c = [] } = Q(s(e, t)), { actorName: l, person: u } = P(e);
 	if (c.length === 0) return null;
 	let d = (e) => {
 		let t = {
@@ -986,40 +998,40 @@ function Re({ workspace: e, projectId: t }) {
 		}];
 		let f = [], p = (e) => e ? a.day(String(e)) : "";
 		return d.name && f.push({
-			icon: /* @__PURE__ */ Y(b, {}),
+			icon: /* @__PURE__ */ Y(x, {}),
 			text: n.rich("renamed", {
 				...t,
 				from: String(d.name.from)
 			})
 		}), d.status && f.push({
-			icon: /* @__PURE__ */ Y(j, { status: d.status.to }),
+			icon: /* @__PURE__ */ Y(M, { status: d.status.to }),
 			text: n.rich("status", {
 				...t,
 				status: r(`status.${d.status.to}`)
 			})
 		}), d.priority && f.push({
-			icon: /* @__PURE__ */ Y(_, { priority: Number(d.priority.to) }),
+			icon: /* @__PURE__ */ Y(v, { priority: Number(d.priority.to) }),
 			text: n.rich("priority", {
 				...t,
 				priority: o[Number(d.priority.to)] ?? ""
 			})
 		}), d.lead && f.push(d.lead.to ? {
-			icon: /* @__PURE__ */ Y(m, {}),
+			icon: /* @__PURE__ */ Y(h, {}),
 			text: n.rich("lead", {
 				...t,
 				lead: u(String(d.lead.to)).name
 			})
 		} : {
-			icon: /* @__PURE__ */ Y(y, {}),
+			icon: /* @__PURE__ */ Y(b, {}),
 			text: n.rich("leadRemoved", t)
 		}), d.startDate && f.push({
-			icon: /* @__PURE__ */ Y(h, {}),
+			icon: /* @__PURE__ */ Y(g, {}),
 			text: d.startDate.to ? n.rich("startDate", {
 				...t,
 				date: p(d.startDate.to)
 			}) : n.rich("startDateRemoved", t)
 		}), d.targetDate && f.push({
-			icon: /* @__PURE__ */ Y(h, {}),
+			icon: /* @__PURE__ */ Y(g, {}),
 			text: d.targetDate.to ? n.rich("targetDate", {
 				...t,
 				date: p(d.targetDate.to)
@@ -1037,7 +1049,7 @@ function Re({ workspace: e, projectId: t }) {
 			children: n("title")
 		}), /* @__PURE__ */ Y(F, {
 			className: "mt-3",
-			children: [...c].reverse().flatMap((t) => d(t).map(({ icon: n, text: r }, i) => /* @__PURE__ */ Y(ce, {
+			children: [...c].reverse().flatMap((t) => d(t).map(({ icon: n, text: r }, i) => /* @__PURE__ */ Y(le, {
 				workspace: e,
 				icon: n,
 				actor: t.actor,
@@ -1047,4 +1059,4 @@ function Re({ workspace: e, projectId: t }) {
 		})]
 	});
 }
-export { De as component };
+export { Oe as component };