@parallelworks/tandem-web 0.139.0 → 0.139.2

package/routes/_workspace2.js

@@ -14,16 +14,16 @@ import { usePeople as g } from "../lib/people.js";
 import { NewIssueContext as ve } from "../lib/newIssue.js";
 import { PaletteSelectionContext as ye } from "../lib/palette.js";
 import { isBuiltIn as be, useCan as xe } from "../lib/roles.js";
-import { SettingsNav as Se } from "../components/SettingsNav.js";
-import { useSavedViews as _, useViewMenu as v, viewSearch as Ce } from "../lib/views.js";
-import { EntityIcon as we } from "../components/EntityIcon.js";
-import { CommandPalette as Te } from "../components/CommandPalette.js";
-import { DocsTree as Ee } from "../components/DocsTree.js";
-import { FavoritesNav as De } from "../components/FavoritesNav.js";
-import { HostPanelProvider as Oe, useHostPanel as ke } from "../lib/hostPanel.js";
-import { HostActions as y } from "../components/HostActions.js";
-import { HostPanel as b } from "../components/HostPanel.js";
-import { PersonHoverCard as x } from "../components/PersonHoverCard.js";
+import { SettingsNav as Se, navItem as _, navOn as v } from "../components/SettingsNav.js";
+import { useSavedViews as y, useViewMenu as b, viewSearch as Ce } from "../lib/views.js";
+import { EntityIcon as x } from "../components/EntityIcon.js";
+import { CommandPalette as we } from "../components/CommandPalette.js";
+import { DocsTree as Te } from "../components/DocsTree.js";
+import { FavoritesNav as Ee } from "../components/FavoritesNav.js";
+import { HostPanelProvider as De, useHostPanel as S } from "../lib/hostPanel.js";
+import { HostActions as C } from "../components/HostActions.js";
+import { HostPanel as Oe } from "../components/HostPanel.js";
+import { PersonHoverCard as ke } from "../components/PersonHoverCard.js";
 import { HoverCards as Ae } from "../components/HoverCards.js";
 import { Logo as je } from "../components/Logo.js";
 import { CreateTeamDialog as Me } from "../components/TeamForm.js";
@@ -34,26 +34,26 @@ import { useInstall as Ie } from "../lib/install.js";
 import { LiveProvider as Le, useLive as Re } from "../lib/live.js";
 import { usePushSync as ze } from "../lib/notifications.js";
 import { useShortcuts as Be } from "../lib/shortcuts.js";
-import { ActionMenu as Ve, Avatar as He, AvatarGroup as Ue, Combobox as We, CountBadge as S, IconButton as C, Kbd as Ge, Tooltip as w, menuDivider as T, useOpenMenu as Ke } from "@parallelworks/ui";
+import { ActionMenu as Ve, Avatar as He, AvatarGroup as w, Combobox as Ue, CountBadge as We, IconButton as T, Kbd as Ge, Tooltip as E, menuDivider as D, useOpenMenu as Ke } from "@parallelworks/ui";
 import { Outlet as qe, useParams as Je } from "@tanstack/react-router";
-import { Fragment as Ye, Suspense as Xe, useCallback as Ze, useEffect as E, useMemo as Qe, useState as D } from "react";
-import { useLocale as $e, useTranslations as O } from "use-intl";
-import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
-import { useQuery as M, useQueryClient as et, useSuspenseQuery as N } from "@tanstack/react-query";
+import { Fragment as Ye, Suspense as Xe, useCallback as Ze, useEffect as O, useMemo as Qe, useState as k } from "react";
+import { useLocale as $e, useTranslations as A } from "use-intl";
+import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
+import { useQuery as P, useQueryClient as et, useSuspenseQuery as F } from "@tanstack/react-query";
 import { MoreButton as tt } from "@parallelworks/ui/list";
-import { AppFrame as nt, AppFrameToggle as rt, useAppFrame as P } from "@parallelworks/ui/app-frame";
-import { createPortal as it } from "react-dom";
+import { AppFrame as nt, AppFrameToggle as I, useAppFrame as L } from "@parallelworks/ui/app-frame";
+import { createPortal as R } from "react-dom";
 // src/routes/$workspace.tsx?tsr-split=component
-function at(e, t) {
+function rt(e, t) {
 	let n = e.slice(`/${t}/docs/`.length).split("/")[0];
 	return e.startsWith(`/${t}/docs/`) && n ? h(n) : void 0;
 }
-var F = "flex h-8 items-center gap-2.5 rounded-md px-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground", I = "bg-muted !text-foreground font-medium", L = { className: I }, R = "inline-flex h-8 min-w-8 items-center justify-center rounded-md border border-[color-mix(in_oklab,currentColor_20%,transparent)] bg-[color-mix(in_oklab,currentColor_6%,transparent)] text-sm font-medium hover:bg-[color-mix(in_oklab,currentColor_12%,transparent)]", ot = "absolute top-1.5 right-3 size-2 rounded-full bg-primary", z = (...e) => e.filter(Boolean).join(" ");
-function B() {
-	let { workspace: f } = n.useParams(), { data: p } = N(c), { data: h } = N(te(f)), { data: g } = N(ee(f)), _ = t(), [v, Ce] = D(null), [ke, b] = D(!1), x = xe(f, "manage_teams"), { canInstall: Re, install: Ue } = Ie(), P = a(), it = et(), B = Ke(), H = he(f), U = O("workspace"), yt = O("common"), bt = $e(), W = O("favorites"), xt = O("roles"), G = _e(), St = (e) => [
+var z = { className: v }, B = "inline-flex h-8 min-w-8 items-center justify-center rounded-md border border-[color-mix(in_oklab,currentColor_20%,transparent)] bg-[color-mix(in_oklab,currentColor_6%,transparent)] text-sm font-medium hover:bg-[color-mix(in_oklab,currentColor_12%,transparent)]", it = "absolute top-1.5 right-3 size-2 rounded-full bg-primary", V = (...e) => e.filter(Boolean).join(" ");
+function H() {
+	let { workspace: f } = n.useParams(), { data: p } = F(c), { data: h } = F(te(f)), { data: g } = F(ee(f)), v = t(), [y, b] = k(null), [Ce, S] = k(!1), Oe = xe(f, "manage_teams"), { canInstall: ke, install: Re } = Ie(), w = a(), L = et(), R = Ke(), H = he(f), W = A("workspace"), G = A("common"), _t = $e(), K = A("favorites"), vt = A("roles"), q = _e(), yt = (e) => [
 		{
-			label: yt("open"),
-			onClick: () => P({
+			label: G("open"),
+			onClick: () => w({
 				to: "/$workspace/teams/$key/issues",
 				params: {
 					workspace: f,
@@ -62,13 +62,13 @@ function B() {
 			})
 		},
 		{
-			label: U("newIssueInTeam"),
+			label: W("newIssueInTeam"),
 			shortcut: "C",
-			onClick: () => Z({ team: e.key })
+			onClick: () => Q({ team: e.key })
 		},
 		...e.cyclesEnabled ? [{
-			label: U("cycles"),
-			onClick: () => P({
+			label: W("cycles"),
+			onClick: () => w({
 				to: "/$workspace/teams/$key/cycles",
 				params: {
 					workspace: f,
@@ -77,8 +77,8 @@ function B() {
 			})
 		}] : [],
 		{
-			label: U("teamSettings"),
-			onClick: () => P({
+			label: W("teamSettings"),
+			onClick: () => w({
 				to: "/$workspace/teams/$key/settings",
 				params: {
 					workspace: f,
@@ -87,554 +87,554 @@ function B() {
 			})
 		},
 		{
-			label: H.find("team", e.id) ? W("remove") : W("add"),
+			label: H.find("team", e.id) ? K("remove") : K("add"),
 			onClick: () => H.toggle("team", e.id)
 		},
-		T,
-		...G(m(f, e.key, "issues")),
-		ge(yt("copyKey"), e.key)
-	], K = (e) => ({
-		label: H.find("page", e) ? W("remove") : W("add"),
+		D,
+		...q(m(f, e.key, "issues")),
+		ge(G("copyKey"), e.key)
+	], J = (e) => ({
+		label: H.find("page", e) ? K("remove") : K("add"),
 		onClick: () => H.toggle("page", e)
-	}), q = i(), [Ct, wt] = D(() => mt().expanded), [Tt, Et] = D(() => mt().width), Dt = Qe(() => {
-		let e = pe(q.pathname, f), t = e?.page === "issues" ? e.team : void 0, n = q.pathname === `/${f}/issues` || t !== void 0, r = q.search, i = n && !r.saved;
+	}), Y = i(), [bt, xt] = k(() => ft().expanded), [St, Ct] = k(() => ft().width), wt = Qe(() => {
+		let e = pe(Y.pathname, f), t = e?.page === "issues" ? e.team : void 0, n = Y.pathname === `/${f}/issues` || t !== void 0, r = Y.search, i = n && !r.saved;
 		return {
 			mine: i && !t && (r.assignee === p?.user.username || r.creator === p?.user.username),
 			team: i && !r.assignee ? t : void 0,
 			saved: n ? r.saved : void 0
 		};
 	}, [
-		q.pathname,
-		q.search,
+		Y.pathname,
+		Y.search,
 		f,
 		p?.user.username
-	]), J = (e, t) => {
-		let n = pe(q.pathname, f);
+	]), X = (e, t) => {
+		let n = pe(Y.pathname, f);
 		return n?.page === e && n.team === t;
-	}, [Ot, kt] = D(() => pt(f)), At = (e) => kt((t) => {
+	}, [Tt, Et] = k(() => dt(f)), Dt = (e) => Et((t) => {
 		let n = new Set(t);
-		return n.delete(e) || n.add(e), gt(f, n), n;
-	}), Y = q.pathname.startsWith(`/${f}/settings`), { data: jt = [] } = M(o(f)), Mt = g.some((e) => e.triageEnabled && !e.archivedAt), { data: Nt } = M({
+		return n.delete(e) || n.add(e), mt(f, n), n;
+	}), Z = Y.pathname.startsWith(`/${f}/settings`), { data: Ot = [] } = P(o(f)), kt = g.some((e) => e.triageEnabled && !e.archivedAt), { data: At } = P({
 		...s(f, { triage: "only" }),
-		enabled: Mt
-	}), Pt = (e) => Nt?.issues.filter((t) => t.teamId === e).length ?? 0, { data: Ft } = M(l(f)), It = Ft?.unread ?? 0;
+		enabled: kt
+	}), jt = (e) => At?.issues.filter((t) => t.teamId === e).length ?? 0, { data: Mt } = P(l(f)), Nt = Mt?.unread ?? 0;
 	ze();
-	let { key: X } = Je({ strict: !1 }), Z = Ze((e) => Ce({
-		...X && { team: X },
+	let { key: Pt } = Je({ strict: !1 }), Q = Ze((e) => b({
+		...Pt && { team: Pt },
 		...e
-	}), [X]);
-	Be({ c: () => Z() }, v === null);
-	let [Lt, Q] = D(!1), [Rt, zt] = D([]);
-	if (E(() => {
+	}), [Pt]);
+	Be({ c: () => Q() }, y === null);
+	let [Ft, $] = k(!1), [It, Lt] = k([]);
+	if (O(() => {
 		let e = (e) => {
-			!e.metaKey && !e.ctrlKey || e.altKey || e.shiftKey || e.key.toLowerCase() !== "k" || e.defaultPrevented || (e.preventDefault(), Q((e) => !e)), !e.metaKey && !e.ctrlKey || e.altKey || e.shiftKey || e.key.toLowerCase() !== "f" || e.defaultPrevented || _t() || (e.preventDefault(), Q(!0));
+			!e.metaKey && !e.ctrlKey || e.altKey || e.shiftKey || e.key.toLowerCase() !== "k" || e.defaultPrevented || (e.preventDefault(), $((e) => !e)), !e.metaKey && !e.ctrlKey || e.altKey || e.shiftKey || e.key.toLowerCase() !== "f" || e.defaultPrevented || ht() || (e.preventDefault(), $(!0));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, []), !p) return null;
-	let Bt = p.mode === "platform", Vt = Re && !Bt, $ = p.signOutUrl, Ht = !_ && (!Bt || $ !== void 0), Ut = async () => {
-		$ === void 0 ? (await e.POST("/api/v1/auth/logout"), it.clear(), P({ to: "/login" })) : await Fe($);
-	}, Wt = Y ? void 0 : ({ expanded: e }) => {
-		let t = /* @__PURE__ */ A(We, {
+	let Rt = p.mode === "platform", zt = ke && !Rt, Bt = p.signOutUrl, Vt = !v && (!Rt || Bt !== void 0), Ht = async () => {
+		Bt === void 0 ? (await e.POST("/api/v1/auth/logout"), L.clear(), w({ to: "/login" })) : await Fe(Bt);
+	}, Ut = Z ? void 0 : ({ expanded: e }) => {
+		let t = /* @__PURE__ */ M(Ue, {
 			items: [...p.workspaces.map((e) => ({
 				value: e.slug,
 				label: e.name,
-				hint: be(e.role) ? xt(`${e.role}.name`) : xt("custom")
+				hint: be(e.role) ? vt(`${e.role}.name`) : vt("custom")
 			})), ...p.canCreateWorkspace ? [{
 				value: "__new",
-				label: U("createWorkspace")
+				label: W("createWorkspace")
 			}] : []],
 			value: f,
-			onValueChange: (e) => P(e === "__new" ? { to: "/new" } : {
+			onValueChange: (e) => w(e === "__new" ? { to: "/new" } : {
 				to: "/$workspace/issues",
 				params: { workspace: e ?? f }
 			}),
-			placeholder: U("switchWorkspacePlaceholder"),
-			"aria-label": U("switchWorkspace"),
-			trigger: /* @__PURE__ */ j("button", {
+			placeholder: W("switchWorkspacePlaceholder"),
+			"aria-label": W("switchWorkspace"),
+			trigger: /* @__PURE__ */ N("button", {
 				type: "button",
 				"aria-label": e ? void 0 : h.name,
-				onContextMenu: (e) => B(e, [
+				onContextMenu: (e) => R(e, [
 					{
-						label: U("workspaceSettings"),
-						onClick: () => P({
+						label: W("workspaceSettings"),
+						onClick: () => w({
 							to: "/$workspace/settings",
 							params: { workspace: f }
 						})
 					},
 					{
-						label: U("switchWorkspace"),
+						label: W("switchWorkspace"),
 						items: [...p.workspaces.map((e) => ({
 							label: e.name,
 							checked: e.slug === f,
-							onClick: () => P({
+							onClick: () => w({
 								to: "/$workspace/issues",
 								params: { workspace: e.slug }
 							})
-						})), ...p.canCreateWorkspace ? [T, {
-							label: U("createWorkspace"),
-							onClick: () => P({ to: "/new" })
+						})), ...p.canCreateWorkspace ? [D, {
+							label: W("createWorkspace"),
+							onClick: () => w({ to: "/new" })
 						}] : []]
 					},
-					T,
-					ge(U("copyWorkspaceSlug"), f),
-					...Ht ? [T, {
-						label: U("signOut"),
-						onClick: Ut
+					D,
+					ge(W("copyWorkspaceSlug"), f),
+					...Vt ? [D, {
+						label: W("signOut"),
+						onClick: Ht
 					}] : []
 				]),
-				className: z("flex h-9 items-center gap-2 rounded-md text-left hover:bg-muted", e ? "w-full px-2" : "w-9 justify-center"),
-				children: [h.icon ? /* @__PURE__ */ A(we, {
+				className: V("flex h-9 items-center gap-2 rounded-md text-left hover:bg-muted", e ? "w-full px-2" : "w-9 justify-center"),
+				children: [h.icon ? /* @__PURE__ */ M(x, {
 					icon: h.icon,
 					color: h.color,
 					name: h.name,
 					className: "size-6 text-base"
-				}) : /* @__PURE__ */ A(je, { withName: !1 }), e && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("span", {
+				}) : /* @__PURE__ */ M(je, { withName: !1 }), e && /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M("span", {
 					className: "min-w-0 flex-1 truncate text-sm font-semibold",
 					children: h.name
-				}), /* @__PURE__ */ A(ie, { className: "size-3.5 text-muted-foreground" })] })]
+				}), /* @__PURE__ */ M(ie, { className: "size-3.5 text-muted-foreground" })] })]
 			})
 		});
-		return e ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("div", {
+		return e ? /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ N("div", {
 			className: "flex items-center gap-1",
 			children: [
-				/* @__PURE__ */ A("div", {
+				/* @__PURE__ */ M("div", {
 					className: "min-w-0 flex-1",
 					children: t
 				}),
-				!_ && /* @__PURE__ */ A(y, { className: "hidden md:flex" }),
-				!_ && /* @__PURE__ */ A(me, {
+				!v && /* @__PURE__ */ M(C, { className: "hidden md:flex" }),
+				!v && /* @__PURE__ */ M(me, {
 					apps: p.apps ?? [],
 					className: "hidden md:block"
 				})
 			]
-		}), /* @__PURE__ */ j("div", {
+		}), /* @__PURE__ */ N("div", {
 			className: "mt-3 flex gap-1.5",
-			children: [/* @__PURE__ */ j("button", {
+			children: [/* @__PURE__ */ N("button", {
 				type: "button",
-				onClick: () => Z(),
-				className: z(R, "min-w-0 flex-1 gap-2 px-2"),
+				onClick: () => Q(),
+				className: V(B, "min-w-0 flex-1 gap-2 px-2"),
 				children: [
-					/* @__PURE__ */ A(u, { className: "size-3.5" }),
-					/* @__PURE__ */ A("span", {
+					/* @__PURE__ */ M(u, { className: "size-3.5" }),
+					/* @__PURE__ */ M("span", {
 						className: "flex-1 text-left",
-						children: U("newIssue")
+						children: W("newIssue")
 					}),
-					/* @__PURE__ */ A(Ge, {
+					/* @__PURE__ */ M(Ge, {
 						keys: "C",
 						size: "xs",
 						variant: "plain"
 					})
 				]
-			}), /* @__PURE__ */ A(w, {
-				content: U("openPalette"),
+			}), /* @__PURE__ */ M(E, {
+				content: W("openPalette"),
 				shortcut: "Mod+K",
-				children: /* @__PURE__ */ A("button", {
+				children: /* @__PURE__ */ M("button", {
 					type: "button",
-					onClick: () => Q(!0),
-					"aria-label": U("openPalette"),
+					onClick: () => $(!0),
+					"aria-label": W("openPalette"),
 					"aria-keyshortcuts": "Meta+K Control+K",
-					className: R,
-					children: /* @__PURE__ */ A(d, { className: "size-3.5" })
+					className: B,
+					children: /* @__PURE__ */ M(d, { className: "size-3.5" })
 				})
 			})]
-		})] }) : /* @__PURE__ */ j("div", {
+		})] }) : /* @__PURE__ */ N("div", {
 			className: "flex flex-col items-center gap-1.5",
 			children: [
 				t,
-				!_ && /* @__PURE__ */ A(me, { apps: p.apps ?? [] }),
-				!_ && /* @__PURE__ */ A(y, { className: "flex-col" }),
-				/* @__PURE__ */ A(w, {
-					content: U("newIssue"),
+				!v && /* @__PURE__ */ M(me, { apps: p.apps ?? [] }),
+				!v && /* @__PURE__ */ M(C, { className: "flex-col" }),
+				/* @__PURE__ */ M(E, {
+					content: W("newIssue"),
 					shortcut: "C",
 					side: "right",
-					children: /* @__PURE__ */ A("button", {
+					children: /* @__PURE__ */ M("button", {
 						type: "button",
-						onClick: () => Z(),
-						"aria-label": U("newIssue"),
-						className: R,
-						children: /* @__PURE__ */ A(u, { className: "size-3.5" })
+						onClick: () => Q(),
+						"aria-label": W("newIssue"),
+						className: B,
+						children: /* @__PURE__ */ M(u, { className: "size-3.5" })
 					})
 				}),
-				/* @__PURE__ */ A(w, {
-					content: U("openPalette"),
+				/* @__PURE__ */ M(E, {
+					content: W("openPalette"),
 					shortcut: "Mod+K",
 					side: "right",
-					children: /* @__PURE__ */ A("button", {
+					children: /* @__PURE__ */ M("button", {
 						type: "button",
-						onClick: () => Q(!0),
-						"aria-label": U("openPalette"),
+						onClick: () => $(!0),
+						"aria-label": W("openPalette"),
 						"aria-keyshortcuts": "Meta+K Control+K",
-						className: R,
-						children: /* @__PURE__ */ A(d, { className: "size-3.5" })
+						className: B,
+						children: /* @__PURE__ */ M(d, { className: "size-3.5" })
 					})
 				})
 			]
 		});
-	}, Gt = ({ expanded: e, mobileOpen: t }) => {
-		if (Y) return /* @__PURE__ */ A(Se, { workspace: f });
-		let n = !e, i = z(F, n && "relative justify-center px-0"), a = (e) => n ? /* @__PURE__ */ A("span", {
+	}, Wt = ({ expanded: e, mobileOpen: t }) => {
+		if (Z) return /* @__PURE__ */ M(Se, { workspace: f });
+		let n = !e, i = V(_, n && "relative justify-center px-0"), a = (e) => n ? /* @__PURE__ */ M("span", {
 			className: "sr-only",
 			children: e
 		}) : e;
-		return /* @__PURE__ */ j(k, { children: [
-			t && /* @__PURE__ */ A(st, {}),
-			/* @__PURE__ */ j("nav", {
+		return /* @__PURE__ */ N(j, { children: [
+			t && /* @__PURE__ */ M(at, {}),
+			/* @__PURE__ */ N("nav", {
 				className: "space-y-0.5",
-				"aria-label": U("workspaceNav"),
+				"aria-label": W("workspaceNav"),
 				children: [
-					/* @__PURE__ */ A(V, {
+					/* @__PURE__ */ M(U, {
 						rail: n,
-						label: U("notifications"),
-						children: /* @__PURE__ */ j(r, {
+						label: W("notifications"),
+						children: /* @__PURE__ */ N(r, {
 							to: "/$workspace/notifications",
 							params: { workspace: f },
-							onContextMenu: (e) => B(e, G(`/${f}/notifications`)),
+							onContextMenu: (e) => R(e, q(`/${f}/notifications`)),
 							className: i,
-							activeProps: L,
-							children: [/* @__PURE__ */ A(le, { className: "size-4" }), n ? /* @__PURE__ */ j(k, { children: [a(U("notifications")), It > 0 && /* @__PURE__ */ A("span", { className: ot })] }) : /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("span", {
+							activeProps: z,
+							children: [/* @__PURE__ */ M(le, { className: "size-4" }), n ? /* @__PURE__ */ N(j, { children: [a(W("notifications")), Nt > 0 && /* @__PURE__ */ M("span", { className: it })] }) : /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M("span", {
 								className: "flex-1",
-								children: U("notifications")
-							}), /* @__PURE__ */ A(S, {
-								count: It,
-								locale: bt,
-								label: U("unreadCount")
+								children: W("notifications")
+							}), /* @__PURE__ */ M(We, {
+								count: Nt,
+								locale: _t,
+								label: W("unreadCount")
 							})] })]
 						})
 					}),
-					/* @__PURE__ */ A(V, {
+					/* @__PURE__ */ M(U, {
 						rail: n,
-						label: U("myIssues"),
-						children: /* @__PURE__ */ j(r, {
+						label: W("myIssues"),
+						children: /* @__PURE__ */ N(r, {
 							to: "/$workspace/issues",
 							params: { workspace: f },
 							search: { assignee: p.user.username },
-							onContextMenu: (e) => B(e, [
-								K("my-issues"),
-								T,
-								...G(`/${f}/issues?assignee=${p.user.username}`)
+							onContextMenu: (e) => R(e, [
+								J("my-issues"),
+								D,
+								...q(`/${f}/issues?assignee=${p.user.username}`)
 							]),
-							className: z(i, Dt.mine && I),
+							className: V(i, wt.mine && "bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] hover:bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] !text-[var(--theme-sidebar-active-text,var(--theme-app))] font-medium"),
 							children: [
-								/* @__PURE__ */ A(fe, { className: "size-4" }),
+								/* @__PURE__ */ M(fe, { className: "size-4" }),
 								" ",
-								a(U("myIssues"))
+								a(W("myIssues"))
 							]
 						})
 					}),
-					/* @__PURE__ */ A(V, {
+					/* @__PURE__ */ M(U, {
 						rail: n,
-						label: U("projects"),
-						children: /* @__PURE__ */ j(r, {
+						label: W("projects"),
+						children: /* @__PURE__ */ N(r, {
 							to: "/$workspace/projects",
 							params: { workspace: f },
-							onContextMenu: (e) => B(e, [
-								K("projects"),
-								T,
-								...G(`/${f}/projects`)
+							onContextMenu: (e) => R(e, [
+								J("projects"),
+								D,
+								...q(`/${f}/projects`)
 							]),
 							className: i,
-							activeProps: L,
+							activeProps: z,
 							children: [
-								/* @__PURE__ */ A(ue, { className: "size-4" }),
+								/* @__PURE__ */ M(ue, { className: "size-4" }),
 								" ",
-								a(U("projects"))
+								a(W("projects"))
 							]
 						})
 					}),
-					/* @__PURE__ */ A(V, {
+					/* @__PURE__ */ M(U, {
 						rail: n,
-						label: U("knowledge"),
-						children: /* @__PURE__ */ j(r, {
+						label: W("knowledge"),
+						children: /* @__PURE__ */ N(r, {
 							to: "/$workspace/knowledge",
 							params: { workspace: f },
-							onContextMenu: (e) => B(e, [
-								K("knowledge"),
-								T,
-								...G(`/${f}/knowledge`)
+							onContextMenu: (e) => R(e, [
+								J("knowledge"),
+								D,
+								...q(`/${f}/knowledge`)
 							]),
 							className: i,
-							activeProps: L,
+							activeProps: z,
 							children: [
-								/* @__PURE__ */ A(se, { className: "size-4" }),
+								/* @__PURE__ */ M(se, { className: "size-4" }),
 								" ",
-								a(U("knowledge"))
+								a(W("knowledge"))
 							]
 						})
 					}),
-					/* @__PURE__ */ A(V, {
+					/* @__PURE__ */ M(U, {
 						rail: n,
-						label: U("agents"),
-						children: /* @__PURE__ */ j(r, {
+						label: W("agents"),
+						children: /* @__PURE__ */ N(r, {
 							to: "/$workspace/agents",
 							params: { workspace: f },
-							onContextMenu: (e) => B(e, [
-								K("agents"),
-								T,
-								...G(`/${f}/agents`)
+							onContextMenu: (e) => R(e, [
+								J("agents"),
+								D,
+								...q(`/${f}/agents`)
 							]),
 							className: i,
-							activeProps: L,
+							activeProps: z,
 							children: [
-								/* @__PURE__ */ A(ne, { className: "size-4" }),
+								/* @__PURE__ */ M(ne, { className: "size-4" }),
 								" ",
-								a(U("agents"))
+								a(W("agents"))
 							]
 						})
 					})
 				]
 			}),
-			n ? /* @__PURE__ */ A("nav", {
+			n ? /* @__PURE__ */ M("nav", {
 				className: "mt-4 space-y-0.5 border-t border-border pt-4",
-				"aria-label": U("teams"),
-				children: g.filter((e) => !e.archivedAt).map((e) => /* @__PURE__ */ A(V, {
+				"aria-label": W("teams"),
+				children: g.filter((e) => !e.archivedAt).map((e) => /* @__PURE__ */ M(U, {
 					rail: !0,
 					label: e.name,
-					children: /* @__PURE__ */ j(r, {
+					children: /* @__PURE__ */ N(r, {
 						to: "/$workspace/teams/$key/issues",
 						params: {
 							workspace: f,
 							key: e.key
 						},
-						onContextMenu: (t) => B(t, St(e)),
-						className: z(i, pe(q.pathname, f)?.team === e.key && I),
+						onContextMenu: (t) => R(t, yt(e)),
+						className: V(i, pe(Y.pathname, f)?.team === e.key && "bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] hover:bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] !text-[var(--theme-sidebar-active-text,var(--theme-app))] font-medium"),
 						children: [
-							/* @__PURE__ */ A(we, {
+							/* @__PURE__ */ M(x, {
 								icon: e.icon,
 								color: e.color,
 								name: e.name
 							}),
 							a(e.name),
-							Pt(e.id) > 0 && /* @__PURE__ */ A("span", { className: ot })
+							jt(e.id) > 0 && /* @__PURE__ */ M("span", { className: it })
 						]
 					})
 				}, e.id))
-			}) : /* @__PURE__ */ j(k, { children: [
-				/* @__PURE__ */ A(ft, {
+			}) : /* @__PURE__ */ N(j, { children: [
+				/* @__PURE__ */ M(ut, {
 					workspace: f,
-					current: Dt.saved
+					current: wt.saved
 				}),
-				/* @__PURE__ */ A(De, {
+				/* @__PURE__ */ M(Ee, {
 					workspace: f,
 					myUsername: p.user.username,
-					currentHref: q.pathname + q.searchStr
+					currentHref: Y.pathname + Y.searchStr
 				}),
-				/* @__PURE__ */ j("div", {
+				/* @__PURE__ */ N("div", {
 					className: "group mt-6 flex h-6 items-center pr-1 pl-2",
-					children: [/* @__PURE__ */ A("p", {
+					children: [/* @__PURE__ */ M("p", {
 						className: "flex-1 text-xs font-medium text-muted-foreground",
-						children: U("teams")
-					}), x && /* @__PURE__ */ A(C, {
+						children: W("teams")
+					}), Oe && /* @__PURE__ */ M(T, {
 						variant: "ghost",
 						size: "xs",
-						icon: /* @__PURE__ */ A(u, {}),
-						label: U("createTeam"),
-						onClick: () => b(!0),
+						icon: /* @__PURE__ */ M(u, {}),
+						label: W("createTeam"),
+						onClick: () => S(!0),
 						className: "opacity-0 group-hover:opacity-100 focus-visible:opacity-100"
 					})]
 				}),
-				/* @__PURE__ */ j("nav", {
+				/* @__PURE__ */ N("nav", {
 					className: "mt-1 space-y-0.5",
-					"aria-label": U("teams"),
-					children: [g.filter((e) => !e.archivedAt).map((e) => /* @__PURE__ */ j(Ye, { children: [/* @__PURE__ */ j("div", {
-						className: z(F, "group gap-0 pr-1 pl-0"),
-						children: [/* @__PURE__ */ j("button", {
+					"aria-label": W("teams"),
+					children: [g.filter((e) => !e.archivedAt).map((e) => /* @__PURE__ */ N(Ye, { children: [/* @__PURE__ */ N("div", {
+						className: V(_, "group gap-0 pr-1 pl-0"),
+						children: [/* @__PURE__ */ N("button", {
 							type: "button",
-							onClick: () => At(e.key),
-							onContextMenu: (t) => B(t, St(e)),
-							"aria-expanded": !Ot.has(e.key),
+							onClick: () => Dt(e.key),
+							onContextMenu: (t) => R(t, yt(e)),
+							"aria-expanded": !Tt.has(e.key),
 							className: "flex h-full min-w-0 flex-1 items-center gap-2.5 pl-2 text-left",
 							children: [
-								/* @__PURE__ */ A(we, {
+								/* @__PURE__ */ M(x, {
 									icon: e.icon,
 									color: e.color,
 									name: e.name
 								}),
-								/* @__PURE__ */ A("span", {
+								/* @__PURE__ */ M("span", {
 									className: "truncate",
 									children: e.name
 								}),
-								/* @__PURE__ */ A(ie, { className: z("size-3 shrink-0 text-muted-foreground transition-transform", Ot.has(e.key) && "-rotate-90") })
+								/* @__PURE__ */ M(ie, { className: V("size-3 shrink-0 text-muted-foreground transition-transform", Tt.has(e.key) && "-rotate-90") })
 							]
-						}), /* @__PURE__ */ A(tt, {
-							items: () => St(e),
-							label: yt("moreActionsFor", { name: e.name })
+						}), /* @__PURE__ */ M(tt, {
+							items: () => yt(e),
+							label: G("moreActionsFor", { name: e.name })
 						})]
-					}), !Ot.has(e.key) && /* @__PURE__ */ j(k, { children: [
-						e.triageEnabled && /* @__PURE__ */ j(r, {
+					}), !Tt.has(e.key) && /* @__PURE__ */ N(j, { children: [
+						e.triageEnabled && /* @__PURE__ */ N(r, {
 							to: "/$workspace/teams/$key/triage",
 							params: {
 								workspace: f,
 								key: e.key
 							},
-							onContextMenu: (t) => B(t, G(m(f, e.key, "triage"))),
-							className: z(F, "pl-8", J("triage", e.key) && I),
+							onContextMenu: (t) => R(t, q(m(f, e.key, "triage"))),
+							className: V("flex h-8 items-center gap-2.5 rounded-md px-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground", "pl-8", X("triage", e.key) && "bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] hover:bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] !text-[var(--theme-sidebar-active-text,var(--theme-app))] font-medium"),
 							children: [
-								/* @__PURE__ */ A(de, { className: "size-4" }),
-								/* @__PURE__ */ A("span", {
+								/* @__PURE__ */ M(de, { className: "size-4" }),
+								/* @__PURE__ */ M("span", {
 									className: "flex-1",
-									children: U("triage")
+									children: W("triage")
 								}),
-								/* @__PURE__ */ A(S, {
-									count: Pt(e.id),
-									locale: bt,
-									label: U("triageCount")
+								/* @__PURE__ */ M(We, {
+									count: jt(e.id),
+									locale: _t,
+									label: W("triageCount")
 								})
 							]
 						}),
-						/* @__PURE__ */ j(r, {
+						/* @__PURE__ */ N(r, {
 							to: "/$workspace/teams/$key/issues",
 							params: {
 								workspace: f,
 								key: e.key
 							},
-							onContextMenu: (t) => B(t, G(m(f, e.key, "issues"))),
-							className: z(F, "pl-8", Dt.team === e.key && I),
+							onContextMenu: (t) => R(t, q(m(f, e.key, "issues"))),
+							className: V("flex h-8 items-center gap-2.5 rounded-md px-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground", "pl-8", wt.team === e.key && "bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] hover:bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] !text-[var(--theme-sidebar-active-text,var(--theme-app))] font-medium"),
 							children: [
-								/* @__PURE__ */ A(ce, { className: "size-4" }),
+								/* @__PURE__ */ M(ce, { className: "size-4" }),
 								" ",
-								U("issues")
+								W("issues")
 							]
 						}),
-						/* @__PURE__ */ j(r, {
+						/* @__PURE__ */ N(r, {
 							to: "/$workspace/teams/$key/projects",
 							params: {
 								workspace: f,
 								key: e.key
 							},
-							onContextMenu: (t) => B(t, G(m(f, e.key, "projects"))),
-							className: z(F, "pl-8", J("projects", e.key) && I),
+							onContextMenu: (t) => R(t, q(m(f, e.key, "projects"))),
+							className: V("flex h-8 items-center gap-2.5 rounded-md px-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground", "pl-8", X("projects", e.key) && "bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] hover:bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] !text-[var(--theme-sidebar-active-text,var(--theme-app))] font-medium"),
 							children: [
-								/* @__PURE__ */ A(ue, { className: "size-4" }),
+								/* @__PURE__ */ M(ue, { className: "size-4" }),
 								" ",
-								U("projects")
+								W("projects")
 							]
 						}),
-						/* @__PURE__ */ j(r, {
+						/* @__PURE__ */ N(r, {
 							to: "/$workspace/teams/$key/areas",
 							params: {
 								workspace: f,
 								key: e.key
 							},
-							onContextMenu: (t) => B(t, G(m(f, e.key, "areas"))),
-							className: z(F, "pl-8", J("areas", e.key) && I),
+							onContextMenu: (t) => R(t, q(m(f, e.key, "areas"))),
+							className: V("flex h-8 items-center gap-2.5 rounded-md px-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground", "pl-8", X("areas", e.key) && "bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] hover:bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] !text-[var(--theme-sidebar-active-text,var(--theme-app))] font-medium"),
 							children: [
-								/* @__PURE__ */ A(re, { className: "size-4" }),
+								/* @__PURE__ */ M(re, { className: "size-4" }),
 								" ",
-								U("areas")
+								W("areas")
 							]
 						}),
-						/* @__PURE__ */ j(r, {
+						/* @__PURE__ */ N(r, {
 							to: "/$workspace/teams/$key/decisions",
 							params: {
 								workspace: f,
 								key: e.key
 							},
-							onContextMenu: (t) => B(t, G(m(f, e.key, "decisions"))),
-							className: z(F, "pl-8", J("decisions", e.key) && I),
+							onContextMenu: (t) => R(t, q(m(f, e.key, "decisions"))),
+							className: V("flex h-8 items-center gap-2.5 rounded-md px-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground", "pl-8", X("decisions", e.key) && "bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] hover:bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] !text-[var(--theme-sidebar-active-text,var(--theme-app))] font-medium"),
 							children: [
-								/* @__PURE__ */ A(oe, { className: "size-4" }),
-								/* @__PURE__ */ A("span", {
+								/* @__PURE__ */ M(oe, { className: "size-4" }),
+								/* @__PURE__ */ M("span", {
 									className: "flex-1",
-									children: U("decisions")
+									children: W("decisions")
 								}),
-								/* @__PURE__ */ A(S, {
-									count: jt.filter((t) => t.identifier.startsWith(`${e.key}-`)).length,
-									locale: bt,
-									label: U("waitingCount"),
+								/* @__PURE__ */ M(We, {
+									count: Ot.filter((t) => t.identifier.startsWith(`${e.key}-`)).length,
+									locale: _t,
+									label: W("waitingCount"),
 									className: "bg-agent! text-agent-foreground!"
 								})
 							]
 						}),
-						/* @__PURE__ */ A(Ee, {
+						/* @__PURE__ */ M(Te, {
 							workspace: f,
 							team: e,
-							current: at(q.pathname, f)
+							current: rt(Y.pathname, f)
 						}),
-						e.cyclesEnabled && /* @__PURE__ */ j(r, {
+						e.cyclesEnabled && /* @__PURE__ */ N(r, {
 							to: "/$workspace/teams/$key/cycles",
 							params: {
 								workspace: f,
 								key: e.key
 							},
-							className: z(F, "pl-8"),
-							activeProps: L,
+							className: V("flex h-8 items-center gap-2.5 rounded-md px-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground", "pl-8"),
+							activeProps: z,
 							activeOptions: { includeSearch: !1 },
 							children: [
-								/* @__PURE__ */ A(ae, { className: "size-4" }),
+								/* @__PURE__ */ M(ae, { className: "size-4" }),
 								" ",
-								U("cycles")
+								W("cycles")
 							]
 						})
-					] })] }, e.id)), g.length === 0 && (x ? /* @__PURE__ */ j("button", {
+					] })] }, e.id)), g.length === 0 && (Oe ? /* @__PURE__ */ N("button", {
 						type: "button",
-						onClick: () => b(!0),
-						className: z(F, "w-full"),
+						onClick: () => S(!0),
+						className: V("flex h-8 items-center gap-2.5 rounded-md px-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground", "w-full"),
 						children: [
-							/* @__PURE__ */ A(u, { className: "size-4" }),
+							/* @__PURE__ */ M(u, { className: "size-4" }),
 							" ",
-							U("createFirstTeam")
+							W("createFirstTeam")
 						]
-					}) : /* @__PURE__ */ A("p", {
+					}) : /* @__PURE__ */ M("p", {
 						className: "px-2 text-sm text-muted-foreground",
-						children: U("noTeams")
+						children: W("noTeams")
 					}))]
 				})
 			] })
 		] });
-	}, Kt = Y ? void 0 : ({ expanded: e, isMobile: t }) => {
+	}, Gt = Z ? void 0 : ({ expanded: e, isMobile: t }) => {
 		let n = [
 			{
-				label: U("myAccount"),
-				onClick: () => P({
+				label: W("myAccount"),
+				onClick: () => w({
 					to: "/$workspace/settings/account",
 					params: { workspace: f }
 				})
 			},
 			{
-				label: U("settings"),
-				onClick: () => P({
+				label: W("settings"),
+				onClick: () => w({
 					to: "/$workspace/settings",
 					params: { workspace: f }
 				})
 			},
-			...Vt ? [{
-				label: U("installApp"),
-				onClick: Ue
+			...zt ? [{
+				label: W("installApp"),
+				onClick: Re
 			}] : [],
-			...Ht ? [T, {
-				label: U("signOut"),
-				onClick: Ut
+			...Vt ? [D, {
+				label: W("signOut"),
+				onClick: Ht
 			}] : []
-		], r = /* @__PURE__ */ A(He, {
+		], r = /* @__PURE__ */ M(He, {
 			name: p.user.name,
 			src: p.user.avatarUrl,
 			size: "sm",
 			decorative: !0
 		});
-		return e ? /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(dt, {
+		return e ? /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(lt, {
 			myUsername: p.user.username,
 			workspace: f
-		}), /* @__PURE__ */ j("div", {
+		}), /* @__PURE__ */ N("div", {
 			className: "flex items-center gap-1",
-			children: [/* @__PURE__ */ A(Ve, {
-				label: U("accountMenu", { name: p.user.name }),
+			children: [/* @__PURE__ */ M(Ve, {
+				label: W("accountMenu", { name: p.user.name }),
 				side: "top",
 				align: "start",
 				matchTriggerWidth: !0,
 				items: n,
-				trigger: /* @__PURE__ */ j("button", {
+				trigger: /* @__PURE__ */ N("button", {
 					type: "button",
 					className: "flex h-9 min-w-0 flex-1 items-center gap-2 rounded-md px-1.5 text-left hover:bg-muted",
-					children: [r, /* @__PURE__ */ A("span", {
+					children: [r, /* @__PURE__ */ M("span", {
 						className: "min-w-0 flex-1 truncate text-sm",
 						children: p.user.name
 					})]
 				})
-			}), !t && /* @__PURE__ */ A(rt, {})]
-		})] }) : /* @__PURE__ */ j("div", {
+			}), !t && /* @__PURE__ */ M(I, {})]
+		})] }) : /* @__PURE__ */ N("div", {
 			className: "flex flex-col items-center gap-2",
-			children: [/* @__PURE__ */ A(rt, {}), /* @__PURE__ */ A(Ve, {
-				label: U("accountMenu", { name: p.user.name }),
+			children: [/* @__PURE__ */ M(I, {}), /* @__PURE__ */ M(Ve, {
+				label: W("accountMenu", { name: p.user.name }),
 				side: "right",
 				align: "end",
 				items: n,
@@ -643,89 +643,89 @@ function B() {
 				children: r
 			})]
 		});
-	}, qt = /* @__PURE__ */ A(ct, {
+	}, Kt = /* @__PURE__ */ M(ot, {
 		workspace: f,
 		name: h.name,
 		apps: p.apps ?? [],
-		unread: It,
-		onSearch: () => Q(!0),
-		onNewIssue: () => Z()
+		unread: Nt,
+		onSearch: () => $(!0),
+		onNewIssue: () => Q()
 	});
-	return /* @__PURE__ */ A(Le, {
+	return /* @__PURE__ */ M(Le, {
 		workspace: f,
-		children: /* @__PURE__ */ A(Oe, {
+		children: /* @__PURE__ */ M(De, {
 			actions: p.actions ?? [],
-			children: /* @__PURE__ */ A(ve.Provider, {
-				value: Z,
-				children: /* @__PURE__ */ j(ye.Provider, {
-					value: zt,
+			children: /* @__PURE__ */ M(ve.Provider, {
+				value: Q,
+				children: /* @__PURE__ */ N(ye.Provider, {
+					value: Lt,
 					children: [
-						_ ? /* @__PURE__ */ A(lt, {
-							sidebar: _.sidebar,
-							brand: Wt,
-							navigation: Gt,
-							header: qt,
-							presence: /* @__PURE__ */ A(dt, {
+						v ? /* @__PURE__ */ M(st, {
+							sidebar: v.sidebar,
+							brand: Ut,
+							navigation: Wt,
+							header: Kt,
+							presence: /* @__PURE__ */ M(lt, {
 								myUsername: p.user.username,
 								workspace: f
 							}),
-							children: /* @__PURE__ */ A(ut, { children: /* @__PURE__ */ A(qe, {}) })
-						}) : /* @__PURE__ */ A(nt, {
-							expanded: Ct || Y,
+							children: /* @__PURE__ */ M(ct, { children: /* @__PURE__ */ M(qe, {}) })
+						}) : /* @__PURE__ */ M(nt, {
+							expanded: bt || Z,
 							onExpandedChange: (e) => {
-								wt(e), ht({
+								xt(e), pt({
 									expanded: e,
-									width: Tt
+									width: St
 								});
 							},
-							width: Tt,
+							width: St,
 							onWidthChange: (e) => {
-								Et(e), ht({
-									expanded: Ct,
+								Ct(e), pt({
+									expanded: bt,
 									width: e
 								});
 							},
-							navigationKey: q.pathname + q.searchStr,
-							navigationResetKey: Y ? "settings" : "workspace",
+							navigationKey: Y.pathname + Y.searchStr,
+							navigationResetKey: Z ? "settings" : "workspace",
 							mainClassName: "flex flex-col overflow-hidden",
 							labels: {
-								navigation: U("navigation"),
-								skipToContent: U("skipToContent"),
-								openNavigation: U("openNav"),
-								closeNavigation: U("closeNav"),
-								expandSidebar: U("expandSidebar"),
-								collapseSidebar: U("collapseSidebar"),
-								resizeSidebar: U("resizeSidebar")
+								navigation: W("navigation"),
+								skipToContent: W("skipToContent"),
+								openNavigation: W("openNav"),
+								closeNavigation: W("closeNav"),
+								expandSidebar: W("expandSidebar"),
+								collapseSidebar: W("collapseSidebar"),
+								resizeSidebar: W("resizeSidebar")
 							},
-							header: qt,
-							brand: Wt,
-							navigation: Gt,
-							footer: Kt,
-							children: /* @__PURE__ */ A(ut, { children: /* @__PURE__ */ A(qe, {}) })
+							header: Kt,
+							brand: Ut,
+							navigation: Wt,
+							footer: Gt,
+							children: /* @__PURE__ */ M(ct, { children: /* @__PURE__ */ M(qe, {}) })
 						}),
-						/* @__PURE__ */ A(Ae, { workspace: f }),
-						!Bt && /* @__PURE__ */ A(vt, {}),
-						/* @__PURE__ */ A(Te, {
+						/* @__PURE__ */ M(Ae, { workspace: f }),
+						!Rt && /* @__PURE__ */ M(gt, {}),
+						/* @__PURE__ */ M(we, {
 							workspace: f,
-							open: Lt,
-							onClose: () => Q(!1),
-							selection: Rt
+							open: Ft,
+							onClose: () => $(!1),
+							selection: It
 						}),
-						/* @__PURE__ */ A(Pe, { workspace: f }),
-						ke && /* @__PURE__ */ A(Me, {
+						/* @__PURE__ */ M(Pe, { workspace: f }),
+						Ce && /* @__PURE__ */ M(Me, {
 							workspace: f,
-							onClose: () => b(!1)
+							onClose: () => S(!1)
 						}),
-						v && /* @__PURE__ */ A(Xe, { children: /* @__PURE__ */ A(Ne, {
+						y && /* @__PURE__ */ M(Xe, { children: /* @__PURE__ */ M(Ne, {
 							workspace: f,
-							...v.team && { defaultTeam: v.team },
-							...v.title && { defaultTitle: v.title },
-							...v.body && { defaultBody: v.body },
-							...v.area && { defaultArea: v.area },
-							...v.origin && { origin: v.origin },
-							...v.fields && { defaults: v.fields },
-							...v.onCreated && { onCreated: v.onCreated },
-							onClose: () => Ce(null)
+							...y.team && { defaultTeam: y.team },
+							...y.title && { defaultTitle: y.title },
+							...y.body && { defaultBody: y.body },
+							...y.area && { defaultArea: y.area },
+							...y.origin && { origin: y.origin },
+							...y.fields && { defaults: y.fields },
+							...y.onCreated && { onCreated: y.onCreated },
+							onClose: () => b(null)
 						}) })
 					]
 				})
@@ -733,98 +733,98 @@ function B() {
 		})
 	});
 }
-function V({ rail: e, label: t, children: n }) {
-	return /* @__PURE__ */ A(w, {
+function U({ rail: e, label: t, children: n }) {
+	return /* @__PURE__ */ M(E, {
 		content: t,
 		side: "right",
 		disabled: !e,
 		children: n
 	});
 }
-function st() {
-	return E(() => {
+function at() {
+	return O(() => {
 		document.querySelector(".pw-frame-drawer [aria-current=\"page\"]")?.scrollIntoView({ block: "nearest" });
 	}, []), null;
 }
-function ct({ workspace: e, name: n, apps: r, unread: i, onSearch: a, onNewIssue: o }) {
-	let { isMobile: s } = P(), c = t(), l = O("workspace");
-	return s ? /* @__PURE__ */ j("div", {
+function ot({ workspace: e, name: n, apps: r, unread: i, onSearch: a, onNewIssue: o }) {
+	let { isMobile: s } = L(), c = t(), l = A("workspace");
+	return s ? /* @__PURE__ */ N("div", {
 		className: "flex h-12 items-center gap-1 border-b border-border px-1",
 		children: [
-			/* @__PURE__ */ A(rt, {}),
-			/* @__PURE__ */ A("span", {
+			/* @__PURE__ */ M(I, {}),
+			/* @__PURE__ */ M("span", {
 				className: "min-w-0 flex-1 truncate text-sm font-semibold",
 				children: n
 			}),
-			!c && /* @__PURE__ */ A(y, {}),
-			!c && /* @__PURE__ */ A(me, { apps: r }),
-			/* @__PURE__ */ A(C, {
+			!c && /* @__PURE__ */ M(C, {}),
+			!c && /* @__PURE__ */ M(me, { apps: r }),
+			/* @__PURE__ */ M(T, {
 				variant: "ghost",
 				size: "lg",
-				icon: /* @__PURE__ */ A(d, {}),
+				icon: /* @__PURE__ */ M(d, {}),
 				label: l("openPalette"),
 				onClick: a
 			}),
-			/* @__PURE__ */ A(C, {
+			/* @__PURE__ */ M(T, {
 				variant: "ghost",
 				size: "lg",
-				icon: /* @__PURE__ */ A(le, {}),
+				icon: /* @__PURE__ */ M(le, {}),
 				label: l("notifications"),
 				href: `/${e}/notifications`,
 				dot: i > 0
 			}),
-			/* @__PURE__ */ A(C, {
+			/* @__PURE__ */ M(T, {
 				variant: "ghost",
 				size: "lg",
-				icon: /* @__PURE__ */ A(u, {}),
+				icon: /* @__PURE__ */ M(u, {}),
 				label: l("newIssue"),
 				onClick: o
 			})
 		]
 	}) : null;
 }
-function lt({ sidebar: e, brand: t, navigation: n, header: r, presence: i, children: a }) {
-	let o = P();
-	return /* @__PURE__ */ j(k, { children: [e && it(/* @__PURE__ */ j("div", {
+function st({ sidebar: e, brand: t, navigation: n, header: r, presence: i, children: a }) {
+	let o = L();
+	return /* @__PURE__ */ N(j, { children: [e && R(/* @__PURE__ */ N("div", {
 		className: "tandem-hosted-sidebar flex flex-col gap-3",
 		children: [
 			t?.(o),
 			n(o),
 			o.expanded && i
 		]
-	}), e), /* @__PURE__ */ j("div", {
+	}), e), /* @__PURE__ */ N("div", {
 		className: "flex h-full min-h-0 flex-col",
 		children: [r, a]
 	})] });
 }
-function ut({ children: e }) {
-	let { state: t } = ke(), n = t?.open && t.maximized;
-	return /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A("div", {
-		className: z("min-h-0 min-w-0 flex-1 overflow-y-auto bg-card", n && "hidden"),
+function ct({ children: e }) {
+	let { state: t } = S(), n = t?.open && t.maximized;
+	return /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M("div", {
+		className: V("min-h-0 min-w-0 flex-1 overflow-y-auto bg-card", n && "hidden"),
 		children: e
-	}), /* @__PURE__ */ A(b, {})] });
+	}), /* @__PURE__ */ M(Oe, {})] });
 }
-function dt({ myUsername: e, workspace: t }) {
-	let { people: n, page: r } = Re(), { person: i } = g(t), a = O("workspace"), o = new Set(n.map((e) => e.username).filter((t) => t !== e));
+function lt({ myUsername: e, workspace: t }) {
+	let { people: n, page: r } = Re(), { person: i } = g(t), a = A("workspace"), o = new Set(n.map((e) => e.username).filter((t) => t !== e));
 	if (o.size === 0) return null;
 	let s = [...new Set(n.filter((t) => t.username !== e && t.page === r).map((e) => e.username))];
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ N("div", {
 		className: "flex items-center gap-2 px-2 pb-2 text-xs text-muted-foreground",
-		children: [s.length > 0 && /* @__PURE__ */ A(Ue, {
+		children: [s.length > 0 && /* @__PURE__ */ M(w, {
 			size: "xs",
 			max: 5,
 			showOverflow: !1,
 			ringColor: "var(--theme-sidebar-bg, var(--theme-muted-panel-bg))",
 			label: a("onThisPage", { count: s.length }),
-			children: s.map((e) => /* @__PURE__ */ A(x, {
+			children: s.map((e) => /* @__PURE__ */ M(ke, {
 				workspace: t,
 				handle: e,
-				children: /* @__PURE__ */ A(He, {
+				children: /* @__PURE__ */ M(He, {
 					name: i(e).name,
 					src: i(e).avatarUrl
 				})
 			}, e))
-		}), /* @__PURE__ */ A("span", { children: s.length === 1 ? a("oneOnThisPage", {
+		}), /* @__PURE__ */ M("span", { children: s.length === 1 ? a("oneOnThisPage", {
 			name: i(s[0] ?? "").name,
 			count: o.size
 		}) : s.length > 1 ? a("othersOnThisPage", {
@@ -833,34 +833,34 @@ function dt({ myUsername: e, workspace: t }) {
 		}) : a("online", { count: o.size }) })]
 	});
 }
-function ft({ workspace: e, current: t }) {
-	let n = O("savedViews"), i = O("common"), a = Ke(), { views: o } = _(e), { menu: s, dialogs: c } = v(e);
-	return o.length === 0 ? c : /* @__PURE__ */ j(k, { children: [
-		/* @__PURE__ */ A("p", {
+function ut({ workspace: e, current: t }) {
+	let n = A("savedViews"), i = A("common"), a = Ke(), { views: o } = y(e), { menu: s, dialogs: c } = b(e);
+	return o.length === 0 ? c : /* @__PURE__ */ N(j, { children: [
+		/* @__PURE__ */ M("p", {
 			className: "mt-6 flex h-6 items-center px-2 text-xs font-medium text-muted-foreground",
 			children: n("title")
 		}),
-		/* @__PURE__ */ A("nav", {
+		/* @__PURE__ */ M("nav", {
 			className: "mt-1 space-y-0.5",
 			"aria-label": n("title"),
-			children: o.map((o) => /* @__PURE__ */ j("div", {
-				className: z(F, "group gap-0 pr-1 pl-0", p(o, t) && I),
-				children: [/* @__PURE__ */ A(w, {
+			children: o.map((o) => /* @__PURE__ */ N("div", {
+				className: V(_, "group gap-0 pr-1 pl-0", p(o, t) && "bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] hover:bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] !text-[var(--theme-sidebar-active-text,var(--theme-app))] font-medium"),
+				children: [/* @__PURE__ */ M(E, {
 					content: o.shared ? n("sharedBy", { owner: o.owner }) : n("onlyYou"),
 					side: "right",
 					describesAnchor: !0,
-					children: /* @__PURE__ */ j(r, {
+					children: /* @__PURE__ */ N(r, {
 						to: "/$workspace/issues",
 						params: { workspace: e },
 						search: Ce(o),
 						onContextMenu: (e) => a(e, s(o)),
 						className: "flex h-full min-w-0 flex-1 items-center gap-2.5 pl-2",
-						children: [o.shared ? /* @__PURE__ */ A(f, { className: "size-4" }) : /* @__PURE__ */ A(ce, { className: "size-4" }), /* @__PURE__ */ A("span", {
+						children: [o.shared ? /* @__PURE__ */ M(f, { className: "size-4" }) : /* @__PURE__ */ M(ce, { className: "size-4" }), /* @__PURE__ */ M("span", {
 							className: "truncate",
 							children: o.name
 						})]
 					})
-				}), /* @__PURE__ */ A(tt, {
+				}), /* @__PURE__ */ M(tt, {
 					items: () => s(o),
 					label: i("moreActionsFor", { name: o.name })
 				})]
@@ -869,19 +869,19 @@ function ft({ workspace: e, current: t }) {
 		c
 	] });
 }
-var H = (e) => `tandem:collapsed-teams:${e}`;
-function pt(e) {
+var W = (e) => `tandem:collapsed-teams:${e}`;
+function dt(e) {
 	try {
-		let t = JSON.parse(localStorage.getItem(H(e)) ?? "[]");
+		let t = JSON.parse(localStorage.getItem(W(e)) ?? "[]");
 		return new Set(Array.isArray(t) ? t.filter((e) => typeof e == "string") : []);
 	} catch {
 		return /* @__PURE__ */ new Set();
 	}
 }
-var U = "tandem:sidebar";
-function mt() {
+var G = "tandem:sidebar";
+function ft() {
 	try {
-		let e = JSON.parse(localStorage.getItem(U) ?? "{}");
+		let e = JSON.parse(localStorage.getItem(G) ?? "{}");
 		return {
 			expanded: e?.expanded !== !1,
 			width: typeof e?.width == "number" ? e.width : 240
@@ -893,21 +893,21 @@ function mt() {
 		};
 	}
 }
-function ht(e) {
+function pt(e) {
 	try {
-		localStorage.setItem(U, JSON.stringify(e));
+		localStorage.setItem(G, JSON.stringify(e));
 	} catch {}
 }
-function gt(e, t) {
+function mt(e, t) {
 	try {
-		localStorage.setItem(H(e), JSON.stringify([...t]));
+		localStorage.setItem(W(e), JSON.stringify([...t]));
 	} catch {}
 }
-function _t() {
+function ht() {
 	return Array.from(document.querySelectorAll("[aria-keyshortcuts]")).some((e) => /\b(Meta|Control)\+F\b/.test(e.getAttribute("aria-keyshortcuts") ?? "") && e.getClientRects().length > 0);
 }
-function vt() {
-	return E(() => {
+function gt() {
+	return O(() => {
 		let t = Intl.DateTimeFormat().resolvedOptions().timeZone;
 		try {
 			if (!t || sessionStorage.getItem("tandem:time-zone") === t) return;
@@ -916,4 +916,4 @@ function vt() {
 		e.PATCH("/api/v1/me", { body: { timeZone: t } }).catch(() => {});
 	}, []), null;
 }
-export { B as component };
+export { H as component };