@parallelworks/tandem-web 0.139.0 → 0.139.2

package/pages/decisions.js

@@ -1,9 +1,9 @@
 import { issuePath as e } from "../lib/branch.js";
-import { Link as t } from "../lib/router.js";
-import { allDecisionsQuery as n, inboxQuery as r, myAllDecisionsQuery as i, myDecisionsQuery as a, teamsQuery as o } from "../api/queries.js";
-import { ChevronRightIcon as s, PriorityIcon as c, usePriorityNames as l } from "../components/icons.js";
-import { copyItem as u, useLinkItems as d } from "../lib/menus.js";
-import { usePageTitle as f } from "../lib/pageTitle.js";
+import { usePageTitle as t } from "../lib/pageTitle.js";
+import { Link as n } from "../lib/router.js";
+import { allDecisionsQuery as r, inboxQuery as i, myAllDecisionsQuery as a, myDecisionsQuery as o, teamsQuery as s } from "../api/queries.js";
+import { ChevronRightIcon as c, PriorityIcon as l, usePriorityNames as u } from "../components/icons.js";
+import { copyItem as d, useLinkItems as f } from "../lib/menus.js";
 import { AnsweredDecision as p, DecisionCard as m } from "../components/AgentWork.js";
 import { FavoriteStar as h } from "../components/FavoriteStar.js";
 import { recentlyAnswered as g, saveScope as _, savedScope as v } from "../lib/decisionScope.js";
@@ -23,8 +23,8 @@ function A(e) {
 	}
 	return [...t.values()];
 }
-function j({ first: n, count: r, open: i, onToggle: a, showWorkspace: o, children: f }) {
-	let p = T("decisions"), m = d(), h = x(), g = l();
+function j({ first: t, count: r, open: i, onToggle: a, showWorkspace: o, children: s }) {
+	let p = T("decisions"), m = f(), h = x(), g = u();
 	return /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("div", {
 		className: "mb-1.5 flex min-w-0 items-center gap-1 text-xs text-muted-foreground",
 		children: [
@@ -32,40 +32,40 @@ function j({ first: n, count: r, open: i, onToggle: a, showWorkspace: o, childre
 				type: "button",
 				onClick: a,
 				"aria-expanded": i,
-				"aria-label": p(i ? "hideDecisions" : "showDecisions", { issue: n.identifier }),
+				"aria-label": p(i ? "hideDecisions" : "showDecisions", { issue: t.identifier }),
 				className: "-ml-1 shrink-0 rounded p-0.5 hover:bg-muted hover:text-foreground",
-				children: /* @__PURE__ */ E(s, { className: i ? "size-3.5 rotate-90" : "size-3.5" })
+				children: /* @__PURE__ */ E(c, { className: i ? "size-3.5 rotate-90" : "size-3.5" })
 			}),
-			/* @__PURE__ */ D(t, {
+			/* @__PURE__ */ D(n, {
 				to: "/$workspace/issues/$identifier",
 				params: {
-					workspace: n.workspace,
-					identifier: n.identifier
+					workspace: t.workspace,
+					identifier: t.identifier
 				},
-				onContextMenu: (t) => h(t, [...m(e(n.workspace, n.identifier)), u(p("copyId"), n.identifier)]),
+				onContextMenu: (n) => h(n, [...m(e(t.workspace, t.identifier)), d(p("copyId"), t.identifier)]),
 				className: "flex min-w-0 items-center gap-2 hover:text-foreground",
 				children: [
 					o && /* @__PURE__ */ E("span", {
 						className: "max-w-[40%] shrink-0 truncate rounded bg-muted px-1.5 py-0.5 font-medium text-foreground",
-						children: n.workspaceName
+						children: t.workspaceName
 					}),
 					/* @__PURE__ */ E(b, {
-						content: g[n.issuePriority],
+						content: g[t.issuePriority],
 						children: /* @__PURE__ */ D("span", {
 							className: "flex",
-							children: [/* @__PURE__ */ E(c, { priority: n.issuePriority }), /* @__PURE__ */ E("span", {
+							children: [/* @__PURE__ */ E(l, { priority: t.issuePriority }), /* @__PURE__ */ E("span", {
 								className: "sr-only",
-								children: g[n.issuePriority]
+								children: g[t.issuePriority]
 							})]
 						})
 					}),
 					/* @__PURE__ */ E("span", {
 						className: "shrink-0 font-medium",
-						children: n.identifier
+						children: t.identifier
 					}),
 					/* @__PURE__ */ E("span", {
 						className: "truncate",
-						children: n.issueTitle
+						children: t.issueTitle
 					})
 				]
 			}),
@@ -76,19 +76,19 @@ function j({ first: n, count: r, open: i, onToggle: a, showWorkspace: o, childre
 		]
 	}), i && /* @__PURE__ */ E("div", {
 		className: "space-y-3",
-		children: f
+		children: s
 	})] });
 }
 function M() {
-	let { workspace: e, key: t } = S({ strict: !1 }), c = T("decisions"), l = x(), { team: u = t } = C({ strict: !1 }), { data: d } = O(o(e)), b = d.find((e) => e.key === u);
-	f(c("title"), b?.name);
+	let { workspace: e, key: n } = S({ strict: !1 }), l = T("decisions"), u = x(), { team: d = n } = C({ strict: !1 }), { data: f } = O(s(e)), b = f.find((e) => e.key === d);
+	t(l("title"), b?.name);
 	let [M, N] = w(v), P = b ? "workspace" : M, F = P === "all", I = (e) => b ? e.filter((e) => e.identifier.startsWith(`${b.key}-`)) : e, L = (e) => {
 		N(e), _(e);
-	}, { data: R } = O(F ? a : r(e)), { data: z } = O(F ? i : n(e)), B = I(R), V = g(I(z)), [H, U] = w(/* @__PURE__ */ new Set()), [W, G] = w(!1), K = (e) => U((t) => {
+	}, { data: R } = O(F ? o : i(e)), { data: z } = O(F ? a : r(e)), B = I(R), V = g(I(z)), [H, U] = w(/* @__PURE__ */ new Set()), [W, G] = w(!1), K = (e) => U((t) => {
 		let n = new Set(t);
 		return n.delete(e) || n.add(e), n;
 	}), q = () => k.map((e) => ({
-		label: c(`scopes.${e}`),
+		label: l(`scopes.${e}`),
 		checked: e === P,
 		onClick: () => L(e)
 	}));
@@ -99,7 +99,7 @@ function M() {
 			children: [
 				/* @__PURE__ */ E("h1", {
 					className: "text-sm font-semibold",
-					children: b ? c("teamTitle", { team: b.name }) : c("title")
+					children: b ? l("teamTitle", { team: b.name }) : l("title")
 				}),
 				!b && /* @__PURE__ */ E(h, {
 					workspace: e,
@@ -108,20 +108,20 @@ function M() {
 				}),
 				/* @__PURE__ */ E("span", {
 					className: "text-xs text-muted-foreground",
-					children: c("openCount", { count: B.length })
+					children: l("openCount", { count: B.length })
 				}),
 				!b && /* @__PURE__ */ E("div", {
 					className: "ml-auto",
 					children: /* @__PURE__ */ E(y, {
 						size: "sm",
-						label: c("scope"),
+						label: l("scope"),
 						options: k.map((e) => ({
 							value: e,
-							label: c(`scopes.${e}`)
+							label: l(`scopes.${e}`)
 						})),
 						value: P,
 						onValueChange: L,
-						onContextMenu: (e) => l(e, q())
+						onContextMenu: (e) => u(e, q())
 					})
 				})
 			]
@@ -134,7 +134,7 @@ function M() {
 						let [t] = e, n = `open:${t.workspace}/${t.identifier}`;
 						return /* @__PURE__ */ E(j, {
 							first: t,
-							count: c("openCount", { count: e.length }),
+							count: l("openCount", { count: e.length }),
 							open: !H.has(n),
 							onToggle: () => K(n),
 							showWorkspace: F,
@@ -148,23 +148,23 @@ function M() {
 						className: "py-24 text-center",
 						children: [/* @__PURE__ */ E("p", {
 							className: "text-sm font-medium",
-							children: c("emptyTitle")
+							children: l("emptyTitle")
 						}), /* @__PURE__ */ E("p", {
 							className: "mt-1 text-sm text-muted-foreground",
-							children: c(F ? "emptyDescriptionAll" : "emptyDescription")
+							children: l(F ? "emptyDescriptionAll" : "emptyDescription")
 						})]
 					}),
 					V.length > 0 && /* @__PURE__ */ D("section", {
 						className: "space-y-3 pt-6",
-						"aria-label": c("recentlyAnswered"),
+						"aria-label": l("recentlyAnswered"),
 						children: [/* @__PURE__ */ E("h2", { children: /* @__PURE__ */ D("button", {
 							type: "button",
 							onClick: () => G((e) => !e),
 							"aria-expanded": W,
 							className: "-ml-1 flex items-center gap-1 rounded px-1 text-base font-semibold hover:bg-muted",
 							children: [
-								/* @__PURE__ */ E(s, { className: W ? "size-4 rotate-90" : "size-4" }),
-								c("recentlyAnswered"),
+								/* @__PURE__ */ E(c, { className: W ? "size-4 rotate-90" : "size-4" }),
+								l("recentlyAnswered"),
 								/* @__PURE__ */ E("span", {
 									className: "ml-1 text-xs font-normal text-muted-foreground",
 									children: V.length
@@ -174,7 +174,7 @@ function M() {
 							let [t] = e, n = `answered:${t.workspace}/${t.identifier}`;
 							return /* @__PURE__ */ E(j, {
 								first: t,
-								count: c("answeredCount", { count: e.length }),
+								count: l("answeredCount", { count: e.length }),
 								open: H.has(n),
 								onToggle: () => K(n),
 								showWorkspace: F,

package/pages/issues.js

@@ -1,16 +1,16 @@
 import { basePath as e } from "../lib/base.js";
 import { ErrorMessage as t } from "../components/status.js";
-import { useNavigate as n } from "../lib/router.js";
-import { cyclesQuery as r, issuesQuery as i, labelsQuery as a, meQuery as ee, projectsQuery as te, statusesQuery as ne, teamsQuery as re } from "../api/queries.js";
-import { BoardIcon as ie, ChartIcon as ae, CloseIcon as oe, DownloadIcon as se, ListViewIcon as ce, SidePanelIcon as le, UploadIcon as ue, usePriorityNames as de } from "../components/icons.js";
-import { isViewAt as fe, viewRef as pe } from "../lib/refs.js";
-import { groupIssues as me, groupings as he, issueFilterOf as ge, orders as _e, sortIssues as ve, views as o } from "../lib/issueList.js";
-import { issuesHref as ye } from "../lib/teamPaths.js";
-import { usePeople as be } from "../lib/people.js";
-import { useIssueMenu as xe } from "../lib/issueMenu.js";
-import { useNewIssue as Se } from "../lib/newIssue.js";
-import { usePaletteSelection as Ce } from "../lib/palette.js";
-import { usePageTitle as we } from "../lib/pageTitle.js";
+import { usePageTitle as n } from "../lib/pageTitle.js";
+import { useNavigate as r } from "../lib/router.js";
+import { cyclesQuery as i, issuesQuery as a, labelsQuery as ee, meQuery as te, projectsQuery as ne, statusesQuery as re, teamsQuery as ie } from "../api/queries.js";
+import { BoardIcon as ae, ChartIcon as oe, CloseIcon as se, DownloadIcon as ce, ListViewIcon as le, SidePanelIcon as ue, UploadIcon as de, usePriorityNames as fe } from "../components/icons.js";
+import { isViewAt as pe, viewRef as me } from "../lib/refs.js";
+import { groupIssues as he, groupings as ge, issueFilterOf as _e, orders as ve, sortIssues as ye, views as o } from "../lib/issueList.js";
+import { issuesHref as be } from "../lib/teamPaths.js";
+import { usePeople as xe } from "../lib/people.js";
+import { useIssueMenu as Se } from "../lib/issueMenu.js";
+import { useNewIssue as Ce } from "../lib/newIssue.js";
+import { usePaletteSelection as we } from "../lib/palette.js";
 import { useCan as Te } from "../lib/roles.js";
 import { ViewDialog as Ee } from "../components/ViewDialog.js";
 import { filtersOf as De, sameFilters as Oe, useSavedViews as ke, viewSearch as Ae } from "../lib/views.js";
@@ -53,7 +53,7 @@ function b({ person: e } = {}) {
 	} : {
 		...w,
 		assignee: e
-	} : w, pt = n(), mt = (t) => e ? ye(S, { ...y(t) }).replace(`/${S}/issues`, `/${S}/people/${encodeURIComponent(e)}`) : ye(S, { ...t }), E = (t, n) => {
+	} : w, pt = r(), mt = (t) => e ? be(S, { ...y(t) }).replace(`/${S}/issues`, `/${S}/people/${encodeURIComponent(e)}`) : be(S, { ...t }), E = (t, n) => {
 		let { team: r, ...i } = t;
 		return pt(e ? {
 			to: "/$workspace/people/$username",
@@ -81,7 +81,7 @@ function b({ person: e } = {}) {
 	ht.current = (e) => E(e, !0);
 	let gt = p((e) => E(c(T, "q", e), !0));
 	gt.current = (e) => E(c(T, "q", e), !0);
-	let { data: D } = st(ee), { data: O } = st(re(S)), _t = Se(), k = T.view ?? "active", [A, vt] = m(T.q ?? ""), j = p(null);
+	let { data: D } = st(te), { data: O } = st(ie(S)), _t = Ce(), k = T.view ?? "active", [A, vt] = m(T.q ?? ""), j = p(null);
 	d(() => {
 		let e = setTimeout(() => {
 			(T.q ?? "") !== A && gt.current(A);
@@ -89,13 +89,13 @@ function b({ person: e } = {}) {
 		return () => clearTimeout(e);
 	}, [A, T.q]);
 	let { data: yt } = v({
-		...ne(S, T.team ?? ""),
+		...re(S, T.team ?? ""),
 		enabled: !!T.status && !!T.team
-	}), bt = ge(T, yt), { data: M, error: xt, isFetching: St } = v({
-		...i(S, bt),
+	}), bt = _e(T, yt), { data: M, error: xt, isFetching: St } = v({
+		...a(S, bt),
 		placeholderData: ot,
 		enabled: !T.status || !T.team || !!yt
-	}), N = M?.issues ?? [], Ct = de(), { nameOf: wt, avatarOf: Tt } = be(S), Et = T.saved ? {} : Xe(), P = _e.includes(T.order) ? T.order : Et.order ?? "updated", F = he.includes(T.group) ? T.group : Et.group ?? "status", I = T.layout === "board" || !T.layout && Et.layout === "board", [Dt, Ot] = m(() => {
+	}), N = M?.issues ?? [], Ct = fe(), { nameOf: wt, avatarOf: Tt } = xe(S), Et = T.saved ? {} : Xe(), P = ve.includes(T.order) ? T.order : Et.order ?? "updated", F = ge.includes(T.group) ? T.group : Et.group ?? "status", I = T.layout === "board" || !T.layout && Et.layout === "board", [Dt, Ot] = m(() => {
 		try {
 			return localStorage.getItem(Ye) !== "hidden";
 		} catch {
@@ -117,7 +117,7 @@ function b({ person: e } = {}) {
 			localStorage.setItem(qe, e ? "hidden" : "shown");
 		} catch {}
 		return !e;
-	}), [Nt, Pt] = m("assignees"), [L, Ft] = m(null), R = L ? N.filter((e) => He(e, L.tab).includes(L.key)) : N, z = f(() => me(ve(R, P), F, {
+	}), [Nt, Pt] = m("assignees"), [L, Ft] = m(null), R = L ? N.filter((e) => He(e, L.tab).includes(L.key)) : N, z = f(() => he(ye(R, P), F, {
 		status: (e) => b(`groups.${e}`),
 		priority: (e) => Ct[e] ?? "",
 		person: wt,
@@ -137,7 +137,7 @@ function b({ person: e } = {}) {
 		wt,
 		Tt,
 		I
-	]), B = f(() => z.flatMap((e) => e.issues), [z]), [It, Lt] = m(0), V = B[Math.min(It, B.length - 1)], [H, U] = m(/* @__PURE__ */ new Set()), W = p(null), Rt = xe(S), zt = Me(S, O), { people: Bt } = Le(), Vt = f(() => {
+	]), B = f(() => z.flatMap((e) => e.issues), [z]), [It, Lt] = m(0), V = B[Math.min(It, B.length - 1)], [H, U] = m(/* @__PURE__ */ new Set()), W = p(null), Rt = Se(S), zt = Me(S, O), { people: Bt } = Le(), Vt = f(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of Bt) {
 			if (!t.identifier || t.username === D?.user.username) continue;
@@ -146,7 +146,7 @@ function b({ person: e } = {}) {
 		}
 		return e;
 	}, [Bt, D?.user.username]), Ht = nt(), Ut = f(() => B.filter((e) => H.has(e.id)), [B, H]);
-	Ce(Ut);
+	we(Ut);
 	let Wt = (e) => U((t) => {
 		let n = new Set(t);
 		return n.has(e) ? n.delete(e) : n.add(e), n;
@@ -196,8 +196,8 @@ function b({ person: e } = {}) {
 	}, []), d(() => {
 		document.getElementById(`row-${V?.id}`)?.scrollIntoView({ block: "nearest" });
 	}, [V]);
-	let K = O.find((e) => e.key === T.team), q = Pe(S, T, (e) => E(Fe(T, e), !0), !!C && !T.assignee && !T.creator && !T.saved), Yt = ye(S, { ...c(T, "q", void 0) }), { views: Xt, create: Zt, update: Qt } = ke(S), J = Xt.find((e) => fe(e, T.saved)), { data: $t } = v(a(S)), { data: en } = v(te(S)), { data: tn } = v({
-		...r(S, K?.key ?? ""),
+	let K = O.find((e) => e.key === T.team), q = Pe(S, T, (e) => E(Fe(T, e), !0), !!C && !T.assignee && !T.creator && !T.saved), Yt = be(S, { ...c(T, "q", void 0) }), { views: Xt, create: Zt, update: Qt } = ke(S), J = Xt.find((e) => pe(e, T.saved)), { data: $t } = v(ee(S)), { data: en } = v(ne(S)), { data: tn } = v({
+		...i(S, K?.key ?? ""),
 		enabled: !!K
 	});
 	d(() => {
@@ -206,7 +206,7 @@ function b({ person: e } = {}) {
 		let r = en?.find((e) => e.id === T.project);
 		T.project && e.test(T.project) && r && (t.project = je(r));
 		let i = tn?.find((e) => e.id === T.cycle);
-		T.cycle && e.test(T.cycle) && i && (t.cycle = String(i.number)), T.saved && e.test(T.saved) && J && (t.saved = pe(J)), JSON.stringify(t) !== JSON.stringify(T) && ht.current(t);
+		T.cycle && e.test(T.cycle) && i && (t.cycle = String(i.number)), T.saved && e.test(T.saved) && J && (t.saved = me(J)), JSON.stringify(t) !== JSON.stringify(T) && ht.current(t);
 	}, [
 		T,
 		$t,
@@ -220,7 +220,7 @@ function b({ person: e } = {}) {
 		...F !== "status" && { group: F },
 		...I && { layout: "board" }
 	}), nn = J ? !Oe(J.filters, Y) : Object.keys(Y).length > 0, rn = Te(S, "create_issues", T.team ? { team: T.team } : void 0), an = Te(S, "save_views"), [on, sn] = m(!1), [cn, ln] = m(null), X = h("savedViews"), Z = D?.user.username, un = !J && !K && (!T.assigneeKind && T.assignee === Z && !T.creator || T.creator === Z && !T.assignee), Q = e ?? (un ? Z : void 0), $ = J?.name ?? K?.name ?? (e && e !== Z ? b("personIssues", { name: wt("user", e) }) : !T.assigneeKind && T.assignee === Z || T.creator === Z ? b("mine") : b("all")), dn = h("workspace");
-	we(...K && !J ? [dn("issues"), K.name] : [$]);
+	n(...K && !J ? [dn("issues"), K.name] : [$]);
 	let fn = nn && /* @__PURE__ */ _(at, { children: [J?.canEdit && /* @__PURE__ */ g(l, {
 		type: "button",
 		size: "sm",
@@ -300,11 +300,11 @@ function b({ person: e } = {}) {
 								layouts: [{
 									value: "list",
 									label: b("layouts.list"),
-									icon: /* @__PURE__ */ g(ce, {})
+									icon: /* @__PURE__ */ g(le, {})
 								}, {
 									value: "board",
 									label: b("layouts.board"),
-									icon: /* @__PURE__ */ g(ie, {})
+									icon: /* @__PURE__ */ g(ae, {})
 								}],
 								layout: I ? "board" : "list",
 								onLayoutChange: (e) => {
@@ -315,7 +315,7 @@ function b({ person: e } = {}) {
 									label: b("orderBy"),
 									children: /* @__PURE__ */ g(et, {
 										value: P,
-										items: _e.map((e) => ({
+										items: ve.map((e) => ({
 											value: e,
 											label: b(`order.${e}`)
 										})),
@@ -329,7 +329,7 @@ function b({ person: e } = {}) {
 									label: b("groupBy"),
 									children: /* @__PURE__ */ g(et, {
 										value: F,
-										items: he.map((e) => ({
+										items: ge.map((e) => ({
 											value: e,
 											label: b(`grouping.${e}`)
 										})),
@@ -344,7 +344,7 @@ function b({ person: e } = {}) {
 							/* @__PURE__ */ g(u, {
 								variant: "secondary",
 								size: "sm",
-								icon: /* @__PURE__ */ g(le, { className: "size-3.5" }),
+								icon: /* @__PURE__ */ g(ue, { className: "size-3.5" }),
 								label: b(Dt ? "hidePanel" : "showPanel"),
 								"aria-pressed": Dt,
 								onClick: kt,
@@ -353,7 +353,7 @@ function b({ person: e } = {}) {
 							/* @__PURE__ */ g(u, {
 								variant: "secondary",
 								size: "sm",
-								icon: /* @__PURE__ */ g(ae, { className: "size-3.5" }),
+								icon: /* @__PURE__ */ g(oe, { className: "size-3.5" }),
 								label: b(At ? "hideInsights" : "showInsights"),
 								"aria-pressed": At,
 								onClick: Mt
@@ -361,14 +361,14 @@ function b({ person: e } = {}) {
 							/* @__PURE__ */ g(u, {
 								variant: "secondary",
 								size: "sm",
-								icon: /* @__PURE__ */ g(se, { className: "size-3.5" }),
+								icon: /* @__PURE__ */ g(ce, { className: "size-3.5" }),
 								label: b("exportCsv"),
 								onClick: () => ft(S, bt)
 							}),
 							T.team && rn && /* @__PURE__ */ g(u, {
 								variant: "secondary",
 								size: "sm",
-								icon: /* @__PURE__ */ g(ue, { className: "size-3.5" }),
+								icon: /* @__PURE__ */ g(de, { className: "size-3.5" }),
 								label: b("importCsv"),
 								onClick: () => We((e, t) => ln({
 									name: e,
@@ -441,7 +441,7 @@ function b({ person: e } = {}) {
 							/* @__PURE__ */ g(u, {
 								size: "sm",
 								variant: "ghost",
-								icon: /* @__PURE__ */ g(oe, {}),
+								icon: /* @__PURE__ */ g(se, {}),
 								label: b("clear"),
 								onClick: () => U(/* @__PURE__ */ new Set())
 							})
@@ -510,7 +510,7 @@ function b({ person: e } = {}) {
 	});
 }
 function dt({ workspace: e, filtered: t, onCreate: n }) {
-	let r = h("issues.empty"), { data: i = [] } = v(re(e)), a = Te(e, "manage_teams");
+	let r = h("issues.empty"), { data: i = [] } = v(ie(e)), a = Te(e, "manage_teams");
 	return i.some((e) => !e.archivedAt) ? /* @__PURE__ */ _("div", {
 		className: "mx-auto max-w-sm px-4 py-24 text-center",
 		children: [