@parallelworks/tandem-web 0.142.0 → 0.143.0

package/routes/_workspace2.js

@@ -5,55 +5,56 @@ import { Link as r, useLocation as i, useNavigate as a } from "../lib/router.js"
 import { inboxQuery as o, issuesQuery as s, meQuery as c, notificationsQuery as l, teamsQuery as ee, workspaceQuery as te } from "../api/queries.js";
 import { AddIcon as u, AgentIcon as ne, AreaIcon as re, ChevronDownIcon as ie, CycleIcon as ae, InboxIcon as oe, LibraryIcon as se, ListViewIcon as ce, NotificationIcon as le, ProjectIcon as ue, SearchIcon as d, TriageIcon as de, UserIcon as fe, UsersIcon as f } from "../components/icons.js";
 import { isViewAt as p } from "../lib/refs.js";
-import { teamPageOf as pe, teamPath as m } from "../lib/teamPaths.js";
-import { AppLauncher as me } from "../components/AppLauncher.js";
-import { useFavorites as he } from "../lib/favorites.js";
-import { copyItem as ge, useLinkItems as _e } from "../lib/menus.js";
-import { docKey as h } from "../lib/docs.js";
-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, 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";
-import { NewIssueDialog as Ne } from "../components/NewIssueDialog.js";
-import { ShareDialogHost as Pe } from "../components/ShareDialog.js";
-import { hostSignOut as Fe } from "../lib/hostSignOut.js";
-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 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 O, useMemo as Qe, useState as k } from "react";
-import { useLocale as $e, useTranslations as A } from "use-intl";
+import { teamPageOf as m, teamPath as h } from "../lib/teamPaths.js";
+import { AppLauncher as pe } from "../components/AppLauncher.js";
+import { useFavorites as me } from "../lib/favorites.js";
+import { copyItem as he, useLinkItems as ge } from "../lib/menus.js";
+import { docKey as g } from "../lib/docs.js";
+import { usePeople as _ } from "../lib/people.js";
+import { NewIssueContext as _e } from "../lib/newIssue.js";
+import { PaletteSelectionContext as ve } from "../lib/palette.js";
+import { isBuiltIn as ye, useCan as be } from "../lib/roles.js";
+import { SettingsNav as xe, navItem as Se, navOn as v } from "../components/SettingsNav.js";
+import { useSavedViews as y, useViewMenu as Ce, viewSearch as we } from "../lib/views.js";
+import { EntityIcon as Te } from "../components/EntityIcon.js";
+import { CommandPalette as Ee } from "../components/CommandPalette.js";
+import { DocsTree as De } from "../components/DocsTree.js";
+import { FavoritesNav as Oe } from "../components/FavoritesNav.js";
+import { HostPanelProvider as ke, useHostPanel as b } from "../lib/hostPanel.js";
+import { HostActions as x } from "../components/HostActions.js";
+import { HostPanel as S } from "../components/HostPanel.js";
+import { PersonHoverCard as Ae } from "../components/PersonHoverCard.js";
+import { HoverCards as je } from "../components/HoverCards.js";
+import { Logo as Me } from "../components/Logo.js";
+import { CreateTeamDialog as Ne } from "../components/TeamForm.js";
+import { NewIssueDialog as Pe } from "../components/NewIssueDialog.js";
+import { ShareDialogHost as Fe } from "../components/ShareDialog.js";
+import { hostSignOut as Ie } from "../lib/hostSignOut.js";
+import { useInstall as Le } from "../lib/install.js";
+import { LiveProvider as Re, useLive as ze } from "../lib/live.js";
+import { usePushSync as Be } from "../lib/notifications.js";
+import { useShortcuts as Ve } from "../lib/shortcuts.js";
+import { teamTree as He } from "../lib/teamTree.js";
+import { ActionMenu as Ue, Avatar as We, AvatarGroup as C, Combobox as Ge, CountBadge as w, IconButton as T, Kbd as Ke, Tooltip as E, menuDivider as D, useOpenMenu as qe } from "@parallelworks/ui";
+import { Outlet as Je, useParams as Ye } from "@tanstack/react-router";
+import { Fragment as Xe, Suspense as Ze, useCallback as Qe, useEffect as O, useMemo as $e, useState as k } from "react";
+import { useLocale as et, 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 I, useAppFrame as L } from "@parallelworks/ui/app-frame";
-import { createPortal as R } from "react-dom";
+import { useQuery as P, useQueryClient as tt, useSuspenseQuery as F } from "@tanstack/react-query";
+import { MoreButton as nt } from "@parallelworks/ui/list";
+import { AppFrame as rt, AppFrameToggle as I, useAppFrame as it } from "@parallelworks/ui/app-frame";
+import { createPortal as L } from "react-dom";
 // src/routes/$workspace.tsx?tsr-split=component
-function rt(e, t) {
+function at(e, t) {
 	let [n, r] = e.slice(`/${t}/docs/`.length).split("/");
-	return e.startsWith(`/${t}/docs/`) && n && r === void 0 ? h(n) : void 0;
+	return e.startsWith(`/${t}/docs/`) && n && r === void 0 ? g(n) : void 0;
 }
-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) => [
+var R = { className: v }, z = "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", B = (...e) => e.filter(Boolean).join(" ");
+function V() {
+	let { workspace: f } = n.useParams(), { data: p } = F(c), { data: g } = F(te(f)), { data: _ } = F(ee(f)), v = t(), [y, Ce] = k(null), [we, b] = k(!1), S = be(f, "manage_teams"), { canInstall: Ae, install: ze } = Le(), C = a(), it = tt(), L = qe(), V = me(f), U = A("workspace"), W = A("common"), yt = et(), G = A("favorites"), bt = A("roles"), K = ge(), xt = (e) => [
 		{
-			label: G("open"),
-			onClick: () => w({
+			label: W("open"),
+			onClick: () => C({
 				to: "/$workspace/teams/$key/issues",
 				params: {
 					workspace: f,
@@ -62,13 +63,13 @@ function H() {
 			})
 		},
 		{
-			label: W("newIssueInTeam"),
+			label: U("newIssueInTeam"),
 			shortcut: "C",
 			onClick: () => Q({ team: e.key })
 		},
 		...e.cyclesEnabled ? [{
-			label: W("cycles"),
-			onClick: () => w({
+			label: U("cycles"),
+			onClick: () => C({
 				to: "/$workspace/teams/$key/cycles",
 				params: {
 					workspace: f,
@@ -77,8 +78,8 @@ function H() {
 			})
 		}] : [],
 		{
-			label: W("teamSettings"),
-			onClick: () => w({
+			label: U("teamSettings"),
+			onClick: () => C({
 				to: "/$workspace/teams/$key/settings",
 				params: {
 					workspace: f,
@@ -87,110 +88,110 @@ function H() {
 			})
 		},
 		{
-			label: H.find("team", e.id) ? K("remove") : K("add"),
-			onClick: () => H.toggle("team", e.id)
+			label: V.find("team", e.id) ? G("remove") : G("add"),
+			onClick: () => V.toggle("team", e.id)
 		},
 		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)
-	}), 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;
+		...K(h(f, e.key, "issues")),
+		he(W("copyKey"), e.key)
+	], q = (e) => ({
+		label: V.find("page", e) ? G("remove") : G("add"),
+		onClick: () => V.toggle("page", e)
+	}), J = i(), [St, Ct] = k(() => mt().expanded), [wt, Tt] = k(() => mt().width), Et = $e(() => {
+		let e = m(J.pathname, f), t = e?.page === "issues" ? e.team : void 0, n = J.pathname === `/${f}/issues` || t !== void 0, r = J.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
 		};
 	}, [
-		Y.pathname,
-		Y.search,
+		J.pathname,
+		J.search,
 		f,
 		p?.user.username
-	]), X = (e, t) => {
-		let n = pe(Y.pathname, f);
+	]), Y = (e, t) => {
+		let n = m(J.pathname, f);
 		return n?.page === e && n.team === t;
-	}, [Tt, Et] = k(() => dt(f)), Dt = (e) => Et((t) => {
+	}, [Dt, Ot] = k(() => pt(f)), kt = (e) => Ot((t) => {
 		let n = new Set(t);
-		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({
+		return n.delete(e) || n.add(e), gt(f, n), n;
+	}), X = J.pathname.startsWith(`/${f}/settings`), { data: At = [] } = P(o(f)), jt = _.some((e) => e.triageEnabled && !e.archivedAt), { data: Mt } = P({
 		...s(f, { triage: "only" }),
-		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: Pt } = Je({ strict: !1 }), Q = Ze((e) => b({
-		...Pt && { team: Pt },
+		enabled: jt
+	}), Nt = (e) => Mt?.issues.filter((t) => t.teamId === e).length ?? 0, { data: Pt } = P(l(f)), Ft = Pt?.unread ?? 0;
+	Be();
+	let { key: Z } = Ye({ strict: !1 }), Q = Qe((e) => Ce({
+		...Z && { team: Z },
 		...e
-	}), [Pt]);
-	Be({ c: () => Q() }, y === null);
-	let [Ft, $] = k(!1), [It, Lt] = k([]);
+	}), [Z]);
+	Ve({ c: () => Q() }, y === null);
+	let [It, $] = k(!1), [Lt, Rt] = k([]);
 	if (O(() => {
 		let e = (e) => {
-			!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));
+			!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 || _t() || (e.preventDefault(), $(!0));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
 	}, []), !p) return null;
-	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, {
+	let zt = p.mode === "platform", Bt = Ae && !zt, Vt = p.signOutUrl, Ht = !v && (!zt || Vt !== void 0), Ut = async () => {
+		Vt === void 0 ? (await e.POST("/api/v1/auth/logout"), it.clear(), C({ to: "/login" })) : await Ie(Vt);
+	}, Wt = X ? void 0 : ({ expanded: e }) => {
+		let t = /* @__PURE__ */ M(Ge, {
 			items: [...p.workspaces.map((e) => ({
 				value: e.slug,
 				label: e.name,
-				hint: be(e.role) ? vt(`${e.role}.name`) : vt("custom")
+				hint: ye(e.role) ? bt(`${e.role}.name`) : bt("custom")
 			})), ...p.canCreateWorkspace ? [{
 				value: "__new",
-				label: W("createWorkspace")
+				label: U("createWorkspace")
 			}] : []],
 			value: f,
-			onValueChange: (e) => w(e === "__new" ? { to: "/new" } : {
+			onValueChange: (e) => C(e === "__new" ? { to: "/new" } : {
 				to: "/$workspace/issues",
 				params: { workspace: e ?? f }
 			}),
-			placeholder: W("switchWorkspacePlaceholder"),
-			"aria-label": W("switchWorkspace"),
+			placeholder: U("switchWorkspacePlaceholder"),
+			"aria-label": U("switchWorkspace"),
 			trigger: /* @__PURE__ */ N("button", {
 				type: "button",
-				"aria-label": e ? void 0 : h.name,
-				onContextMenu: (e) => R(e, [
+				"aria-label": e ? void 0 : g.name,
+				onContextMenu: (e) => L(e, [
 					{
-						label: W("workspaceSettings"),
-						onClick: () => w({
+						label: U("workspaceSettings"),
+						onClick: () => C({
 							to: "/$workspace/settings",
 							params: { workspace: f }
 						})
 					},
 					{
-						label: W("switchWorkspace"),
+						label: U("switchWorkspace"),
 						items: [...p.workspaces.map((e) => ({
 							label: e.name,
 							checked: e.slug === f,
-							onClick: () => w({
+							onClick: () => C({
 								to: "/$workspace/issues",
 								params: { workspace: e.slug }
 							})
 						})), ...p.canCreateWorkspace ? [D, {
-							label: W("createWorkspace"),
-							onClick: () => w({ to: "/new" })
+							label: U("createWorkspace"),
+							onClick: () => C({ to: "/new" })
 						}] : []]
 					},
 					D,
-					ge(W("copyWorkspaceSlug"), f),
-					...Vt ? [D, {
-						label: W("signOut"),
-						onClick: Ht
+					he(U("copyWorkspaceSlug"), f),
+					...Ht ? [D, {
+						label: U("signOut"),
+						onClick: Ut
 					}] : []
 				]),
-				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: B("flex h-9 items-center gap-2 rounded-md text-left hover:bg-muted", e ? "w-full px-2" : "w-9 justify-center"),
+				children: [g.icon ? /* @__PURE__ */ M(Te, {
+					icon: g.icon,
+					color: g.color,
+					name: g.name,
 					className: "size-6 text-base"
-				}) : /* @__PURE__ */ M(je, { withName: !1 }), e && /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M("span", {
+				}) : /* @__PURE__ */ M(Me, { withName: !1 }), e && /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M("span", {
 					className: "min-w-0 flex-1 truncate text-sm font-semibold",
-					children: h.name
+					children: g.name
 				}), /* @__PURE__ */ M(ie, { className: "size-3.5 text-muted-foreground" })] })]
 			})
 		});
@@ -201,8 +202,8 @@ function H() {
 					className: "min-w-0 flex-1",
 					children: t
 				}),
-				!v && /* @__PURE__ */ M(C, { className: "hidden md:flex" }),
-				!v && /* @__PURE__ */ M(me, {
+				!v && /* @__PURE__ */ M(x, { className: "hidden md:flex" }),
+				!v && /* @__PURE__ */ M(pe, {
 					apps: p.apps ?? [],
 					className: "hidden md:block"
 				})
@@ -212,28 +213,28 @@ function H() {
 			children: [/* @__PURE__ */ N("button", {
 				type: "button",
 				onClick: () => Q(),
-				className: V(B, "min-w-0 flex-1 gap-2 px-2"),
+				className: B(z, "min-w-0 flex-1 gap-2 px-2"),
 				children: [
 					/* @__PURE__ */ M(u, { className: "size-3.5" }),
 					/* @__PURE__ */ M("span", {
 						className: "flex-1 text-left",
-						children: W("newIssue")
+						children: U("newIssue")
 					}),
-					/* @__PURE__ */ M(Ge, {
+					/* @__PURE__ */ M(Ke, {
 						keys: "C",
 						size: "xs",
 						variant: "plain"
 					})
 				]
 			}), /* @__PURE__ */ M(E, {
-				content: W("openPalette"),
+				content: U("openPalette"),
 				shortcut: "Mod+K",
 				children: /* @__PURE__ */ M("button", {
 					type: "button",
 					onClick: () => $(!0),
-					"aria-label": W("openPalette"),
+					"aria-label": U("openPalette"),
 					"aria-keyshortcuts": "Meta+K Control+K",
-					className: B,
+					className: z,
 					children: /* @__PURE__ */ M(d, { className: "size-3.5" })
 				})
 			})]
@@ -241,143 +242,143 @@ function H() {
 			className: "flex flex-col items-center gap-1.5",
 			children: [
 				t,
-				!v && /* @__PURE__ */ M(me, { apps: p.apps ?? [] }),
-				!v && /* @__PURE__ */ M(C, { className: "flex-col" }),
+				!v && /* @__PURE__ */ M(pe, { apps: p.apps ?? [] }),
+				!v && /* @__PURE__ */ M(x, { className: "flex-col" }),
 				/* @__PURE__ */ M(E, {
-					content: W("newIssue"),
+					content: U("newIssue"),
 					shortcut: "C",
 					side: "right",
 					children: /* @__PURE__ */ M("button", {
 						type: "button",
 						onClick: () => Q(),
-						"aria-label": W("newIssue"),
-						className: B,
+						"aria-label": U("newIssue"),
+						className: z,
 						children: /* @__PURE__ */ M(u, { className: "size-3.5" })
 					})
 				}),
 				/* @__PURE__ */ M(E, {
-					content: W("openPalette"),
+					content: U("openPalette"),
 					shortcut: "Mod+K",
 					side: "right",
 					children: /* @__PURE__ */ M("button", {
 						type: "button",
 						onClick: () => $(!0),
-						"aria-label": W("openPalette"),
+						"aria-label": U("openPalette"),
 						"aria-keyshortcuts": "Meta+K Control+K",
-						className: B,
+						className: z,
 						children: /* @__PURE__ */ M(d, { className: "size-3.5" })
 					})
 				})
 			]
 		});
-	}, 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", {
+	}, Gt = ({ expanded: e, mobileOpen: t }) => {
+		if (X) return /* @__PURE__ */ M(xe, { workspace: f });
+		let n = !e, i = B(Se, n && "relative justify-center px-0"), a = (e) => n ? /* @__PURE__ */ M("span", {
 			className: "sr-only",
 			children: e
 		}) : e;
 		return /* @__PURE__ */ N(j, { children: [
-			t && /* @__PURE__ */ M(at, {}),
+			t && /* @__PURE__ */ M(st, {}),
 			/* @__PURE__ */ N("nav", {
 				className: "space-y-0.5",
-				"aria-label": W("workspaceNav"),
+				"aria-label": U("workspaceNav"),
 				children: [
-					/* @__PURE__ */ M(U, {
+					/* @__PURE__ */ M(H, {
 						rail: n,
-						label: W("notifications"),
+						label: U("notifications"),
 						children: /* @__PURE__ */ N(r, {
 							to: "/$workspace/notifications",
 							params: { workspace: f },
-							onContextMenu: (e) => R(e, q(`/${f}/notifications`)),
+							onContextMenu: (e) => L(e, K(`/${f}/notifications`)),
 							className: i,
-							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", {
+							activeProps: R,
+							children: [/* @__PURE__ */ M(le, { className: "size-4" }), n ? /* @__PURE__ */ N(j, { children: [a(U("notifications")), Ft > 0 && /* @__PURE__ */ M("span", { className: ot })] }) : /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M("span", {
 								className: "flex-1",
-								children: W("notifications")
-							}), /* @__PURE__ */ M(We, {
-								count: Nt,
-								locale: _t,
-								label: W("unreadCount")
+								children: U("notifications")
+							}), /* @__PURE__ */ M(w, {
+								count: Ft,
+								locale: yt,
+								label: U("unreadCount")
 							})] })]
 						})
 					}),
-					/* @__PURE__ */ M(U, {
+					/* @__PURE__ */ M(H, {
 						rail: n,
-						label: W("myIssues"),
+						label: U("myIssues"),
 						children: /* @__PURE__ */ N(r, {
 							to: "/$workspace/issues",
 							params: { workspace: f },
 							search: { assignee: p.user.username },
-							onContextMenu: (e) => R(e, [
-								J("my-issues"),
+							onContextMenu: (e) => L(e, [
+								q("my-issues"),
 								D,
-								...q(`/${f}/issues?assignee=${p.user.username}`)
+								...K(`/${f}/issues?assignee=${p.user.username}`)
 							]),
-							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"),
+							className: B(i, Et.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__ */ M(fe, { className: "size-4" }),
 								" ",
-								a(W("myIssues"))
+								a(U("myIssues"))
 							]
 						})
 					}),
-					/* @__PURE__ */ M(U, {
+					/* @__PURE__ */ M(H, {
 						rail: n,
-						label: W("projects"),
+						label: U("projects"),
 						children: /* @__PURE__ */ N(r, {
 							to: "/$workspace/projects",
 							params: { workspace: f },
-							onContextMenu: (e) => R(e, [
-								J("projects"),
+							onContextMenu: (e) => L(e, [
+								q("projects"),
 								D,
-								...q(`/${f}/projects`)
+								...K(`/${f}/projects`)
 							]),
 							className: i,
-							activeProps: z,
+							activeProps: R,
 							children: [
 								/* @__PURE__ */ M(ue, { className: "size-4" }),
 								" ",
-								a(W("projects"))
+								a(U("projects"))
 							]
 						})
 					}),
-					/* @__PURE__ */ M(U, {
+					/* @__PURE__ */ M(H, {
 						rail: n,
-						label: W("knowledge"),
+						label: U("knowledge"),
 						children: /* @__PURE__ */ N(r, {
 							to: "/$workspace/knowledge",
 							params: { workspace: f },
-							onContextMenu: (e) => R(e, [
-								J("knowledge"),
+							onContextMenu: (e) => L(e, [
+								q("knowledge"),
 								D,
-								...q(`/${f}/knowledge`)
+								...K(`/${f}/knowledge`)
 							]),
 							className: i,
-							activeProps: z,
+							activeProps: R,
 							children: [
 								/* @__PURE__ */ M(se, { className: "size-4" }),
 								" ",
-								a(W("knowledge"))
+								a(U("knowledge"))
 							]
 						})
 					}),
-					/* @__PURE__ */ M(U, {
+					/* @__PURE__ */ M(H, {
 						rail: n,
-						label: W("agents"),
+						label: U("agents"),
 						children: /* @__PURE__ */ N(r, {
 							to: "/$workspace/agents",
 							params: { workspace: f },
-							onContextMenu: (e) => R(e, [
-								J("agents"),
+							onContextMenu: (e) => L(e, [
+								q("agents"),
 								D,
-								...q(`/${f}/agents`)
+								...K(`/${f}/agents`)
 							]),
 							className: i,
-							activeProps: z,
+							activeProps: R,
 							children: [
 								/* @__PURE__ */ M(ne, { className: "size-4" }),
 								" ",
-								a(W("agents"))
+								a(U("agents"))
 							]
 						})
 					})
@@ -385,8 +386,8 @@ function H() {
 			}),
 			n ? /* @__PURE__ */ M("nav", {
 				className: "mt-4 space-y-0.5 border-t border-border pt-4",
-				"aria-label": W("teams"),
-				children: g.filter((e) => !e.archivedAt).map((e) => /* @__PURE__ */ M(U, {
+				"aria-label": U("teams"),
+				children: _.filter((e) => !e.archivedAt).map((e) => /* @__PURE__ */ M(H, {
 					rail: !0,
 					label: e.name,
 					children: /* @__PURE__ */ N(r, {
@@ -395,56 +396,57 @@ function H() {
 							workspace: f,
 							key: e.key
 						},
-						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"),
+						onContextMenu: (t) => L(t, xt(e)),
+						className: B(i, m(J.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__ */ M(x, {
+							/* @__PURE__ */ M(Te, {
 								icon: e.icon,
 								color: e.color,
 								name: e.name
 							}),
 							a(e.name),
-							jt(e.id) > 0 && /* @__PURE__ */ M("span", { className: it })
+							Nt(e.id) > 0 && /* @__PURE__ */ M("span", { className: ot })
 						]
 					})
 				}, e.id))
 			}) : /* @__PURE__ */ N(j, { children: [
-				/* @__PURE__ */ M(ut, {
+				/* @__PURE__ */ M(ft, {
 					workspace: f,
-					current: wt.saved
+					current: Et.saved
 				}),
-				/* @__PURE__ */ M(Ee, {
+				/* @__PURE__ */ M(Oe, {
 					workspace: f,
 					myUsername: p.user.username,
-					currentHref: Y.pathname + Y.searchStr
+					currentHref: J.pathname + J.searchStr
 				}),
 				/* @__PURE__ */ N("div", {
 					className: "group mt-6 flex h-6 items-center pr-1 pl-2",
 					children: [/* @__PURE__ */ M("p", {
 						className: "flex-1 text-xs font-medium text-muted-foreground",
-						children: W("teams")
-					}), Oe && /* @__PURE__ */ M(T, {
+						children: U("teams")
+					}), S && /* @__PURE__ */ M(T, {
 						variant: "ghost",
 						size: "xs",
 						icon: /* @__PURE__ */ M(u, {}),
-						label: W("createTeam"),
-						onClick: () => S(!0),
+						label: U("createTeam"),
+						onClick: () => b(!0),
 						className: "opacity-0 group-hover:opacity-100 focus-visible:opacity-100"
 					})]
 				}),
 				/* @__PURE__ */ N("nav", {
 					className: "mt-1 space-y-0.5",
-					"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"),
+					"aria-label": U("teams"),
+					children: [He(_.filter((e) => !e.archivedAt)).map(({ team: e, depth: t }) => /* @__PURE__ */ N(Xe, { children: [/* @__PURE__ */ N("div", {
+						className: B(Se, "group gap-0 pr-1 pl-0"),
+						style: t ? { marginLeft: `${t * .75}rem` } : void 0,
 						children: [/* @__PURE__ */ N("button", {
 							type: "button",
-							onClick: () => Dt(e.key),
-							onContextMenu: (t) => R(t, yt(e)),
-							"aria-expanded": !Tt.has(e.key),
+							onClick: () => kt(e.key),
+							onContextMenu: (t) => L(t, xt(e)),
+							"aria-expanded": !Dt.has(e.key),
 							className: "flex h-full min-w-0 flex-1 items-center gap-2.5 pl-2 text-left",
 							children: [
-								/* @__PURE__ */ M(x, {
+								/* @__PURE__ */ M(Te, {
 									icon: e.icon,
 									color: e.color,
 									name: e.name
@@ -453,31 +455,31 @@ function H() {
 									className: "truncate",
 									children: e.name
 								}),
-								/* @__PURE__ */ M(ie, { className: V("size-3 shrink-0 text-muted-foreground transition-transform", Tt.has(e.key) && "-rotate-90") })
+								/* @__PURE__ */ M(ie, { className: B("size-3 shrink-0 text-muted-foreground transition-transform", Dt.has(e.key) && "-rotate-90") })
 							]
-						}), /* @__PURE__ */ M(tt, {
-							items: () => yt(e),
-							label: G("moreActionsFor", { name: e.name })
+						}), /* @__PURE__ */ M(nt, {
+							items: () => xt(e),
+							label: W("moreActionsFor", { name: e.name })
 						})]
-					}), !Tt.has(e.key) && /* @__PURE__ */ N(j, { children: [
+					}), !Dt.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) => 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"),
+							onContextMenu: (t) => L(t, K(h(f, e.key, "triage"))),
+							className: B("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", Y("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__ */ M(de, { className: "size-4" }),
 								/* @__PURE__ */ M("span", {
 									className: "flex-1",
-									children: W("triage")
+									children: U("triage")
 								}),
-								/* @__PURE__ */ M(We, {
-									count: jt(e.id),
-									locale: _t,
-									label: W("triageCount")
+								/* @__PURE__ */ M(w, {
+									count: Nt(e.id),
+									locale: yt,
+									label: U("triageCount")
 								})
 							]
 						}),
@@ -487,12 +489,12 @@ function H() {
 								workspace: f,
 								key: e.key
 							},
-							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"),
+							onContextMenu: (t) => L(t, K(h(f, e.key, "issues"))),
+							className: B("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", Et.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__ */ M(ce, { className: "size-4" }),
 								" ",
-								W("issues")
+								U("issues")
 							]
 						}),
 						/* @__PURE__ */ N(r, {
@@ -501,12 +503,12 @@ function H() {
 								workspace: f,
 								key: e.key
 							},
-							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"),
+							onContextMenu: (t) => L(t, K(h(f, e.key, "projects"))),
+							className: B("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", Y("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__ */ M(ue, { className: "size-4" }),
 								" ",
-								W("projects")
+								U("projects")
 							]
 						}),
 						/* @__PURE__ */ N(r, {
@@ -515,12 +517,12 @@ function H() {
 								workspace: f,
 								key: e.key
 							},
-							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"),
+							onContextMenu: (t) => L(t, K(h(f, e.key, "areas"))),
+							className: B("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", Y("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__ */ M(re, { className: "size-4" }),
 								" ",
-								W("areas")
+								U("areas")
 							]
 						}),
 						/* @__PURE__ */ N(r, {
@@ -529,26 +531,26 @@ function H() {
 								workspace: f,
 								key: e.key
 							},
-							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"),
+							onContextMenu: (t) => L(t, K(h(f, e.key, "decisions"))),
+							className: B("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", Y("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__ */ M(oe, { className: "size-4" }),
 								/* @__PURE__ */ M("span", {
 									className: "flex-1",
-									children: W("decisions")
+									children: U("decisions")
 								}),
-								/* @__PURE__ */ M(We, {
-									count: Ot.filter((t) => t.identifier.startsWith(`${e.key}-`)).length,
-									locale: _t,
-									label: W("waitingCount"),
+								/* @__PURE__ */ M(w, {
+									count: At.filter((t) => t.identifier.startsWith(`${e.key}-`)).length,
+									locale: yt,
+									label: U("waitingCount"),
 									className: "bg-agent! text-agent-foreground!"
 								})
 							]
 						}),
-						/* @__PURE__ */ M(Te, {
+						/* @__PURE__ */ M(De, {
 							workspace: f,
 							team: e,
-							current: rt(Y.pathname, f)
+							current: at(J.pathname, f)
 						}),
 						e.cyclesEnabled && /* @__PURE__ */ N(r, {
 							to: "/$workspace/teams/$key/cycles",
@@ -556,68 +558,68 @@ function H() {
 								workspace: f,
 								key: e.key
 							},
-							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,
+							className: B("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: R,
 							activeOptions: { includeSearch: !1 },
 							children: [
 								/* @__PURE__ */ M(ae, { className: "size-4" }),
 								" ",
-								W("cycles")
+								U("cycles")
 							]
 						})
-					] })] }, e.id)), g.length === 0 && (Oe ? /* @__PURE__ */ N("button", {
+					] })] }, e.id)), _.length === 0 && (S ? /* @__PURE__ */ N("button", {
 						type: "button",
-						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"),
+						onClick: () => b(!0),
+						className: B("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__ */ M(u, { className: "size-4" }),
 							" ",
-							W("createFirstTeam")
+							U("createFirstTeam")
 						]
 					}) : /* @__PURE__ */ M("p", {
 						className: "px-2 text-sm text-muted-foreground",
-						children: W("noTeams")
+						children: U("noTeams")
 					}))]
 				})
 			] })
 		] });
-	}, Gt = Z ? void 0 : ({ expanded: e, isMobile: t }) => {
+	}, Kt = X ? void 0 : ({ expanded: e, isMobile: t }) => {
 		let n = [
 			{
-				label: W("myAccount"),
-				onClick: () => w({
+				label: U("myAccount"),
+				onClick: () => C({
 					to: "/$workspace/settings/account",
 					params: { workspace: f }
 				})
 			},
 			{
-				label: W("settings"),
-				onClick: () => w({
+				label: U("settings"),
+				onClick: () => C({
 					to: "/$workspace/settings",
 					params: { workspace: f }
 				})
 			},
-			...zt ? [{
-				label: W("installApp"),
-				onClick: Re
+			...Bt ? [{
+				label: U("installApp"),
+				onClick: ze
 			}] : [],
-			...Vt ? [D, {
-				label: W("signOut"),
-				onClick: Ht
+			...Ht ? [D, {
+				label: U("signOut"),
+				onClick: Ut
 			}] : []
-		], r = /* @__PURE__ */ M(He, {
+		], r = /* @__PURE__ */ M(We, {
 			name: p.user.name,
 			src: p.user.avatarUrl,
 			size: "sm",
 			decorative: !0
 		});
-		return e ? /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(lt, {
+		return e ? /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(dt, {
 			myUsername: p.user.username,
 			workspace: f
 		}), /* @__PURE__ */ N("div", {
 			className: "flex items-center gap-1",
-			children: [/* @__PURE__ */ M(Ve, {
-				label: W("accountMenu", { name: p.user.name }),
+			children: [/* @__PURE__ */ M(Ue, {
+				label: U("accountMenu", { name: p.user.name }),
 				side: "top",
 				align: "start",
 				matchTriggerWidth: !0,
@@ -633,8 +635,8 @@ function H() {
 			}), !t && /* @__PURE__ */ M(I, {})]
 		})] }) : /* @__PURE__ */ N("div", {
 			className: "flex flex-col items-center gap-2",
-			children: [/* @__PURE__ */ M(I, {}), /* @__PURE__ */ M(Ve, {
-				label: W("accountMenu", { name: p.user.name }),
+			children: [/* @__PURE__ */ M(I, {}), /* @__PURE__ */ M(Ue, {
+				label: U("accountMenu", { name: p.user.name }),
 				side: "right",
 				align: "end",
 				items: n,
@@ -643,80 +645,80 @@ function H() {
 				children: r
 			})]
 		});
-	}, Kt = /* @__PURE__ */ M(ot, {
+	}, qt = /* @__PURE__ */ M(ct, {
 		workspace: f,
-		name: h.name,
+		name: g.name,
 		apps: p.apps ?? [],
-		unread: Nt,
+		unread: Ft,
 		onSearch: () => $(!0),
 		onNewIssue: () => Q()
 	});
-	return /* @__PURE__ */ M(Le, {
+	return /* @__PURE__ */ M(Re, {
 		workspace: f,
-		children: /* @__PURE__ */ M(De, {
+		children: /* @__PURE__ */ M(ke, {
 			actions: p.actions ?? [],
-			children: /* @__PURE__ */ M(ve.Provider, {
+			children: /* @__PURE__ */ M(_e.Provider, {
 				value: Q,
-				children: /* @__PURE__ */ N(ye.Provider, {
-					value: Lt,
+				children: /* @__PURE__ */ N(ve.Provider, {
+					value: Rt,
 					children: [
-						v ? /* @__PURE__ */ M(st, {
+						v ? /* @__PURE__ */ M(lt, {
 							sidebar: v.sidebar,
-							brand: Ut,
-							navigation: Wt,
-							header: Kt,
-							presence: /* @__PURE__ */ M(lt, {
+							brand: Wt,
+							navigation: Gt,
+							header: qt,
+							presence: /* @__PURE__ */ M(dt, {
 								myUsername: p.user.username,
 								workspace: f
 							}),
-							children: /* @__PURE__ */ M(ct, { children: /* @__PURE__ */ M(qe, {}) })
-						}) : /* @__PURE__ */ M(nt, {
-							expanded: bt || Z,
+							children: /* @__PURE__ */ M(ut, { children: /* @__PURE__ */ M(Je, {}) })
+						}) : /* @__PURE__ */ M(rt, {
+							expanded: St || X,
 							onExpandedChange: (e) => {
-								xt(e), pt({
+								Ct(e), ht({
 									expanded: e,
-									width: St
+									width: wt
 								});
 							},
-							width: St,
+							width: wt,
 							onWidthChange: (e) => {
-								Ct(e), pt({
-									expanded: bt,
+								Tt(e), ht({
+									expanded: St,
 									width: e
 								});
 							},
-							navigationKey: Y.pathname + Y.searchStr,
-							navigationResetKey: Z ? "settings" : "workspace",
+							navigationKey: J.pathname + J.searchStr,
+							navigationResetKey: X ? "settings" : "workspace",
 							mainClassName: "flex flex-col overflow-hidden",
 							labels: {
-								navigation: W("navigation"),
-								skipToContent: W("skipToContent"),
-								openNavigation: W("openNav"),
-								closeNavigation: W("closeNav"),
-								expandSidebar: W("expandSidebar"),
-								collapseSidebar: W("collapseSidebar"),
-								resizeSidebar: W("resizeSidebar")
+								navigation: U("navigation"),
+								skipToContent: U("skipToContent"),
+								openNavigation: U("openNav"),
+								closeNavigation: U("closeNav"),
+								expandSidebar: U("expandSidebar"),
+								collapseSidebar: U("collapseSidebar"),
+								resizeSidebar: U("resizeSidebar")
 							},
-							header: Kt,
-							brand: Ut,
-							navigation: Wt,
-							footer: Gt,
-							children: /* @__PURE__ */ M(ct, { children: /* @__PURE__ */ M(qe, {}) })
+							header: qt,
+							brand: Wt,
+							navigation: Gt,
+							footer: Kt,
+							children: /* @__PURE__ */ M(ut, { children: /* @__PURE__ */ M(Je, {}) })
 						}),
-						/* @__PURE__ */ M(Ae, { workspace: f }),
-						!Rt && /* @__PURE__ */ M(gt, {}),
-						/* @__PURE__ */ M(we, {
+						/* @__PURE__ */ M(je, { workspace: f }),
+						!zt && /* @__PURE__ */ M(vt, {}),
+						/* @__PURE__ */ M(Ee, {
 							workspace: f,
-							open: Ft,
+							open: It,
 							onClose: () => $(!1),
-							selection: It
+							selection: Lt
 						}),
-						/* @__PURE__ */ M(Pe, { workspace: f }),
-						Ce && /* @__PURE__ */ M(Me, {
+						/* @__PURE__ */ M(Fe, { workspace: f }),
+						we && /* @__PURE__ */ M(Ne, {
 							workspace: f,
-							onClose: () => S(!1)
+							onClose: () => b(!1)
 						}),
-						y && /* @__PURE__ */ M(Xe, { children: /* @__PURE__ */ M(Ne, {
+						y && /* @__PURE__ */ M(Ze, { children: /* @__PURE__ */ M(Pe, {
 							workspace: f,
 							...y.team && { defaultTeam: y.team },
 							...y.title && { defaultTitle: y.title },
@@ -725,7 +727,7 @@ function H() {
 							...y.origin && { origin: y.origin },
 							...y.fields && { defaults: y.fields },
 							...y.onCreated && { onCreated: y.onCreated },
-							onClose: () => b(null)
+							onClose: () => Ce(null)
 						}) })
 					]
 				})
@@ -733,7 +735,7 @@ function H() {
 		})
 	});
 }
-function U({ rail: e, label: t, children: n }) {
+function H({ rail: e, label: t, children: n }) {
 	return /* @__PURE__ */ M(E, {
 		content: t,
 		side: "right",
@@ -741,13 +743,13 @@ function U({ rail: e, label: t, children: n }) {
 		children: n
 	});
 }
-function at() {
+function st() {
 	return O(() => {
 		document.querySelector(".pw-frame-drawer [aria-current=\"page\"]")?.scrollIntoView({ block: "nearest" });
 	}, []), null;
 }
-function ot({ workspace: e, name: n, apps: r, unread: i, onSearch: a, onNewIssue: o }) {
-	let { isMobile: s } = L(), c = t(), l = A("workspace");
+function ct({ workspace: e, name: n, apps: r, unread: i, onSearch: a, onNewIssue: o }) {
+	let { isMobile: s } = it(), 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: [
@@ -756,8 +758,8 @@ function ot({ workspace: e, name: n, apps: r, unread: i, onSearch: a, onNewIssue
 				className: "min-w-0 flex-1 truncate text-sm font-semibold",
 				children: n
 			}),
-			!c && /* @__PURE__ */ M(C, {}),
-			!c && /* @__PURE__ */ M(me, { apps: r }),
+			!c && /* @__PURE__ */ M(x, {}),
+			!c && /* @__PURE__ */ M(pe, { apps: r }),
 			/* @__PURE__ */ M(T, {
 				variant: "ghost",
 				size: "lg",
@@ -783,9 +785,9 @@ function ot({ workspace: e, name: n, apps: r, unread: i, onSearch: a, onNewIssue
 		]
 	}) : null;
 }
-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", {
+function lt({ sidebar: e, brand: t, navigation: n, header: r, presence: i, children: a }) {
+	let o = it();
+	return /* @__PURE__ */ N(j, { children: [e && L(/* @__PURE__ */ N("div", {
 		className: "tandem-hosted-sidebar flex flex-col gap-3",
 		children: [
 			t?.(o),
@@ -797,29 +799,29 @@ function st({ sidebar: e, brand: t, navigation: n, header: r, presence: i, child
 		children: [r, a]
 	})] });
 }
-function ct({ children: e }) {
-	let { state: t } = S(), n = t?.open && t.maximized;
+function ut({ children: e }) {
+	let { state: t } = b(), 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"),
+		className: B("min-h-0 min-w-0 flex-1 overflow-y-auto bg-card", n && "hidden"),
 		children: e
-	}), /* @__PURE__ */ M(Oe, {})] });
+	}), /* @__PURE__ */ M(S, {})] });
 }
-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));
+function dt({ myUsername: e, workspace: t }) {
+	let { people: n, page: r } = ze(), { person: i } = _(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__ */ N("div", {
 		className: "flex items-center gap-2 px-2 pb-2 text-xs text-muted-foreground",
-		children: [s.length > 0 && /* @__PURE__ */ M(w, {
+		children: [s.length > 0 && /* @__PURE__ */ M(C, {
 			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__ */ M(ke, {
+			children: s.map((e) => /* @__PURE__ */ M(Ae, {
 				workspace: t,
 				handle: e,
-				children: /* @__PURE__ */ M(He, {
+				children: /* @__PURE__ */ M(We, {
 					name: i(e).name,
 					src: i(e).avatarUrl
 				})
@@ -833,8 +835,8 @@ function lt({ myUsername: e, workspace: t }) {
 		}) : a("online", { count: o.size }) })]
 	});
 }
-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);
+function ft({ workspace: e, current: t }) {
+	let n = A("savedViews"), i = A("common"), a = qe(), { views: o } = y(e), { menu: s, dialogs: c } = Ce(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",
@@ -844,7 +846,7 @@ function ut({ workspace: e, current: t }) {
 			className: "mt-1 space-y-0.5",
 			"aria-label": n("title"),
 			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"),
+				className: B(Se, "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",
@@ -852,7 +854,7 @@ function ut({ workspace: e, current: t }) {
 					children: /* @__PURE__ */ N(r, {
 						to: "/$workspace/issues",
 						params: { workspace: e },
-						search: Ce(o),
+						search: we(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__ */ M(f, { className: "size-4" }) : /* @__PURE__ */ M(ce, { className: "size-4" }), /* @__PURE__ */ M("span", {
@@ -860,7 +862,7 @@ function ut({ workspace: e, current: t }) {
 							children: o.name
 						})]
 					})
-				}), /* @__PURE__ */ M(tt, {
+				}), /* @__PURE__ */ M(nt, {
 					items: () => s(o),
 					label: i("moreActionsFor", { name: o.name })
 				})]
@@ -869,19 +871,19 @@ function ut({ workspace: e, current: t }) {
 		c
 	] });
 }
-var W = (e) => `tandem:collapsed-teams:${e}`;
-function dt(e) {
+var U = (e) => `tandem:collapsed-teams:${e}`;
+function pt(e) {
 	try {
-		let t = JSON.parse(localStorage.getItem(W(e)) ?? "[]");
+		let t = JSON.parse(localStorage.getItem(U(e)) ?? "[]");
 		return new Set(Array.isArray(t) ? t.filter((e) => typeof e == "string") : []);
 	} catch {
 		return /* @__PURE__ */ new Set();
 	}
 }
-var G = "tandem:sidebar";
-function ft() {
+var W = "tandem:sidebar";
+function mt() {
 	try {
-		let e = JSON.parse(localStorage.getItem(G) ?? "{}");
+		let e = JSON.parse(localStorage.getItem(W) ?? "{}");
 		return {
 			expanded: e?.expanded !== !1,
 			width: typeof e?.width == "number" ? e.width : 240
@@ -893,20 +895,20 @@ function ft() {
 		};
 	}
 }
-function pt(e) {
+function ht(e) {
 	try {
-		localStorage.setItem(G, JSON.stringify(e));
+		localStorage.setItem(W, JSON.stringify(e));
 	} catch {}
 }
-function mt(e, t) {
+function gt(e, t) {
 	try {
-		localStorage.setItem(W(e), JSON.stringify([...t]));
+		localStorage.setItem(U(e), JSON.stringify([...t]));
 	} catch {}
 }
-function ht() {
+function _t() {
 	return Array.from(document.querySelectorAll("[aria-keyshortcuts]")).some((e) => /\b(Meta|Control)\+F\b/.test(e.getAttribute("aria-keyshortcuts") ?? "") && e.getClientRects().length > 0);
 }
-function gt() {
+function vt() {
 	return O(() => {
 		let t = Intl.DateTimeFormat().resolvedOptions().timeZone;
 		try {
@@ -916,4 +918,4 @@ function gt() {
 		e.PATCH("/api/v1/me", { body: { timeZone: t } }).catch(() => {});
 	}, []), null;
 }
-export { H as component };
+export { V as component };