@parallelworks/tandem-web 0.142.0 → 0.143.0

package/pages/issues.js

@@ -2,174 +2,187 @@ import { basePath as e } from "../lib/base.js";
 import { ErrorMessage as t } from "../components/status.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";
-import { projectRef as je } from "../lib/projects.js";
-import { useBoardMove as Me } from "../lib/boardMove.js";
-import { IssueBoard as Ne } from "../components/IssueBoard.js";
-import { useIssueFilters as Pe, withIssueFilters as Fe } from "../components/IssueFilters.js";
-import { IssueRow as Ie } from "../components/IssueRow.js";
-import { useLive as Le } from "../lib/live.js";
-import { useShortcuts as Re } from "../lib/shortcuts.js";
-import { FavoriteStar as ze } from "../components/FavoriteStar.js";
-import { DisplayMenu as Be } from "../components/DisplayMenu.js";
-import { IssueBreakdown as Ve, breakdownKeys as He } from "../components/IssueBreakdown.js";
-import { IssueImport as Ue, pickCsv as We } from "../components/IssueImport.js";
-import { IssueInsights as Ge } from "../components/IssueInsights.js";
-import { IssueSection as Ke } from "../components/IssueSection.js";
-import { insightsKey as qe, listTabs as Je, panelKey as Ye, storeDisplay as s, storedDisplay as Xe, withParam as c } from "../lib/issueDisplay.js";
-import { ActionMenu as Ze, Button as l, Field as Qe, IconButton as u, SearchInput as $e, Select as et, Tabs as tt, useOpenMenu as nt } from "@parallelworks/ui";
-import { useParams as rt, useSearch as it } from "@tanstack/react-router";
-import { useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { useTranslations as h } from "use-intl";
-import { Fragment as at, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { keepPreviousData as ot, useQuery as v, useSuspenseQuery as st } from "@tanstack/react-query";
-import { ListFilterBar as ct, ListFilterMenu as lt, ListSkeleton as ut } from "@parallelworks/ui/list";
+import { cyclesQuery as i, issuesQuery as ee, labelsQuery as te, meQuery as ne, projectsQuery as re, statusesQuery as ie, teamsQuery as ae } from "../api/queries.js";
+import { customFieldsQuery as oe, fieldRef as se, fieldsForTeams as ce, groupableKinds as le, sortableKinds as ue } from "../lib/customFields.js";
+import { issueTypesQuery as de } from "../lib/issueTypes.js";
+import { BoardIcon as fe, ChartIcon as pe, CloseIcon as me, DownloadIcon as he, ListViewIcon as ge, SidePanelIcon as _e, UploadIcon as ve, usePriorityNames as ye } from "../components/icons.js";
+import { isViewAt as be, viewRef as xe } from "../lib/refs.js";
+import { groupIssues as Se, groupings as Ce, isGrouping as we, isOrder as Te, issueFilterOf as Ee, orders as De, sortIssues as Oe, views as ke } from "../lib/issueList.js";
+import { issuesHref as Ae } from "../lib/teamPaths.js";
+import { usePeople as je } from "../lib/people.js";
+import { useIssueMenu as Me } from "../lib/issueMenu.js";
+import { useNewIssue as Ne } from "../lib/newIssue.js";
+import { usePaletteSelection as Pe } from "../lib/palette.js";
+import { useCan as Fe } from "../lib/roles.js";
+import { ViewDialog as Ie } from "../components/ViewDialog.js";
+import { filtersOf as Le, sameFilters as Re, useSavedViews as ze, viewSearch as Be } from "../lib/views.js";
+import { projectRef as Ve } from "../lib/projects.js";
+import { useBoardMove as He } from "../lib/boardMove.js";
+import { IssueBoard as Ue } from "../components/IssueBoard.js";
+import { useIssueFilters as We, withIssueFilters as Ge } from "../components/IssueFilters.js";
+import { IssueRow as Ke } from "../components/IssueRow.js";
+import { useLive as qe } from "../lib/live.js";
+import { useShortcuts as Je } from "../lib/shortcuts.js";
+import { FavoriteStar as Ye } from "../components/FavoriteStar.js";
+import { DisplayMenu as Xe } from "../components/DisplayMenu.js";
+import { IssueBreakdown as Ze, breakdownKeys as Qe } from "../components/IssueBreakdown.js";
+import { IssueImport as $e, pickCsv as et } from "../components/IssueImport.js";
+import { IssueInsights as tt } from "../components/IssueInsights.js";
+import { IssueSection as nt } from "../components/IssueSection.js";
+import { insightsKey as rt, listTabs as it, panelKey as at, shownFields as ot, storeDisplay as a, storeShownFields as st, storedDisplay as ct, withParam as o } from "../lib/issueDisplay.js";
+import { ActionMenu as lt, Button as s, Field as ut, IconButton as c, SearchInput as dt, Select as ft, Tabs as pt, useOpenMenu as mt } from "@parallelworks/ui";
+import { useParams as ht, useSearch as gt } from "@tanstack/react-router";
+import { useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { useTranslations as p } from "use-intl";
+import { Fragment as _t, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { keepPreviousData as vt, useQuery as g, useSuspenseQuery as yt } from "@tanstack/react-query";
+import { ListFilterBar as bt, ListFilterMenu as xt, ListSkeleton as St } from "@parallelworks/ui/list";
 // src/pages/issues.tsx
-function y(e) {
+function Ct(e) {
 	let { assignee: t, creator: n, ...r } = e;
 	return n ? {
 		...r,
 		creator: n
 	} : r;
 }
-function b({ person: e } = {}) {
-	let b = h("issues"), x = h("planning"), { workspace: S, key: C } = rt({ strict: !1 }), w = it({ strict: !1 }), T = C ? {
-		...w,
-		team: C
-	} : e ? w.creator ? {
-		...y(w),
+function _({ person: e } = {}) {
+	let _ = p("issues"), Et = p("planning"), { workspace: v, key: y } = ht({ strict: !1 }), b = gt({ strict: !1 }), x = y ? {
+		...b,
+		team: y
+	} : e ? b.creator ? {
+		...Ct(b),
 		creator: e
 	} : {
-		...w,
+		...b,
 		assignee: e
-	} : w, pt = r(), mt = (t) => e ? be(S, { ...y(t) }).replace(`/${S}/issues`, `/${S}/people/${encodeURIComponent(e)}`) : be(S, { ...t }), E = (t, n) => {
+	} : b, Dt = r(), Ot = (t) => e ? Ae(v, { ...Ct(t) }).replace(`/${v}/issues`, `/${v}/people/${encodeURIComponent(e)}`) : Ae(v, { ...t }), S = (t, n) => {
 		let { team: r, ...i } = t;
-		return pt(e ? {
+		return Dt(e ? {
 			to: "/$workspace/people/$username",
 			params: {
-				workspace: S,
+				workspace: v,
 				username: e
 			},
-			search: y(i),
+			search: Ct(i),
 			...n && { replace: n }
 		} : r ? {
 			to: "/$workspace/teams/$key/issues",
 			params: {
-				workspace: S,
+				workspace: v,
 				key: r
 			},
 			search: i,
 			...n && { replace: n }
 		} : {
 			to: "/$workspace/issues",
-			params: { workspace: S },
+			params: { workspace: v },
 			search: i,
 			...n && { replace: n }
 		});
-	}, ht = p((e) => E(e, !0));
-	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(te), { data: O } = st(ie(S)), _t = Ce(), k = T.view ?? "active", [A, vt] = m(T.q ?? ""), j = p(null);
-	d(() => {
+	}, kt = d((e) => S(e, !0));
+	kt.current = (e) => S(e, !0);
+	let At = d((e) => S(o(x, "q", e), !0));
+	At.current = (e) => S(o(x, "q", e), !0);
+	let { data: C } = yt(ne), { data: w } = yt(ae(v)), jt = Ne(), T = x.view ?? "active", [E, Mt] = f(x.q ?? ""), D = d(null);
+	l(() => {
 		let e = setTimeout(() => {
-			(T.q ?? "") !== A && gt.current(A);
+			(x.q ?? "") !== E && At.current(E);
 		}, 250);
 		return () => clearTimeout(e);
-	}, [A, T.q]);
-	let { data: yt } = v({
-		...re(S, T.team ?? ""),
-		enabled: !!T.status && !!T.team
-	}), 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 = 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(() => {
+	}, [E, x.q]);
+	let { data: Nt } = g({
+		...ie(v, x.team ?? ""),
+		enabled: !!x.status && !!x.team
+	}), Pt = Ee(x, Nt), { data: O, error: Ft, isFetching: It } = g({
+		...ee(v, Pt),
+		placeholderData: vt,
+		enabled: !x.status || !x.team || !!Nt
+	}), k = O?.issues ?? [], Lt = ye(), { nameOf: Rt, avatarOf: zt } = je(v), A = x.saved ? {} : ct(), { data: Bt } = g(oe(v)), j = w.find((e) => e.key === x.team), M = u(() => ce(Bt, j ? [j.id] : w.map((e) => e.id)), [
+		Bt,
+		j,
+		w
+	]), N = p("customFields"), Vt = p("issueTypes"), { data: Ht } = g(de(v)), Ut = u(() => (Ht ?? []).filter((e) => !e.archivedAt && (!j || e.teamIds.length === 0 || e.teamIds.includes(j.id))), [Ht, j]), P = Te(x.order, M) ? x.order : Te(A.order, M) ? A.order : "updated", F = we(x.group, M) ? x.group : we(A.group, M) ? A.group : "status", Wt = M.find((e) => e.id === se(F)), [Gt, Kt] = f(() => ot(v)), qt = M.filter((e) => Gt.includes(e.id)), I = x.layout === "board" || !x.layout && A.layout === "board", [Jt, Yt] = f(() => {
 		try {
-			return localStorage.getItem(Ye) !== "hidden";
+			return localStorage.getItem(at) !== "hidden";
 		} catch {
 			return !0;
 		}
-	}), kt = () => Ot((e) => {
+	}), Xt = () => Yt((e) => {
 		try {
-			localStorage.setItem(Ye, e ? "hidden" : "shown");
+			localStorage.setItem(at, e ? "hidden" : "shown");
 		} catch {}
 		return !e;
-	}), [At, jt] = m(() => {
+	}), [Zt, Qt] = f(() => {
 		try {
-			return localStorage.getItem(qe) === "shown";
+			return localStorage.getItem(rt) === "shown";
 		} catch {
 			return !1;
 		}
-	}), Mt = () => jt((e) => {
+	}), $t = () => Qt((e) => {
 		try {
-			localStorage.setItem(qe, e ? "hidden" : "shown");
+			localStorage.setItem(rt, 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(() => he(ye(R, P), F, {
-		status: (e) => b(`groups.${e}`),
-		priority: (e) => Ct[e] ?? "",
-		person: wt,
-		avatar: Tt,
+	}), [en, tn] = f("assignees"), [L, nn] = f(null), R = L ? k.filter((e) => Qe(e, L.tab).includes(L.key)) : k, z = u(() => Se(Oe(R, P, M), F, {
+		status: (e) => _(`groups.${e}`),
+		priority: (e) => Lt[e] ?? "",
+		person: Rt,
+		avatar: zt,
 		none: {
-			assignee: b("noAssignee"),
-			project: b("noProject"),
-			label: b("noLabel"),
-			all: b("all")
-		}
-	}, I), [
+			assignee: _("noAssignee"),
+			project: _("noProject"),
+			label: _("noLabel"),
+			all: _("all")
+		},
+		noField: (e) => N("noField", { name: e }),
+		yes: N("yes"),
+		noType: Vt("noType")
+	}, I, M, Ut), [
 		R,
 		P,
 		F,
-		b,
-		Ct,
-		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 = Se(S), zt = Me(S, O), { people: Bt } = Le(), Vt = f(() => {
+		_,
+		N,
+		Vt,
+		Lt,
+		Rt,
+		zt,
+		I,
+		M,
+		Ut
+	]), B = u(() => z.flatMap((e) => e.issues), [z]), [rn, an] = f(0), V = B[Math.min(rn, B.length - 1)], [H, U] = f(/* @__PURE__ */ new Set()), W = d(null), on = Me(v), sn = He(v, w), { people: cn } = qe(), ln = u(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of Bt) {
-			if (!t.identifier || t.username === D?.user.username) continue;
+		for (let t of cn) {
+			if (!t.identifier || t.username === C?.user.username) continue;
 			let n = e.get(t.identifier) ?? /* @__PURE__ */ new Set();
 			n.add(t.username), e.set(t.identifier, n);
 		}
 		return e;
-	}, [Bt, D?.user.username]), Ht = nt(), Ut = f(() => B.filter((e) => H.has(e.id)), [B, H]);
-	we(Ut);
-	let Wt = (e) => U((t) => {
+	}, [cn, C?.user.username]), un = mt(), dn = u(() => B.filter((e) => H.has(e.id)), [B, H]);
+	Pe(dn);
+	let fn = (e) => U((t) => {
 		let n = new Set(t);
 		return n.has(e) ? n.delete(e) : n.add(e), n;
-	}), Gt = (e) => {
-		(W.current === null || H.size === 0) && (W.current = Math.max(It, 0));
+	}), pn = (e) => {
+		(W.current === null || H.size === 0) && (W.current = Math.max(rn, 0));
 		let t = W.current, [n, r] = t < e ? [t, e] : [e, t];
 		U(new Set(B.slice(n, r + 1).map((e) => e.id)));
-	}, Kt = (e, t) => {
+	}, mn = (e, t) => {
 		let n = B[e];
 		if (n) {
-			if (t) return Gt(e);
-			Wt(n.id), W.current = e;
+			if (t) return pn(e);
+			fn(n.id), W.current = e;
 		}
-	}, qt = (e, t) => {
-		(e.metaKey || e.ctrlKey || e.shiftKey) && (e.preventDefault(), Kt(t, e.shiftKey));
+	}, hn = (e, t) => {
+		(e.metaKey || e.ctrlKey || e.shiftKey) && (e.preventDefault(), mn(t, e.shiftKey));
 	}, G = (e, t) => {
-		let n = Math.min(Math.max(It + e, 0), B.length - 1);
-		t && Gt(n), Lt(n);
-	}, Jt = (e, t) => {
+		let n = Math.min(Math.max(rn + e, 0), B.length - 1);
+		t && pn(n), an(n);
+	}, gn = (e, t) => {
 		let n = H.has(t.id) ? B.filter((e) => H.has(e.id)) : [t];
-		H.has(t.id) || U(/* @__PURE__ */ new Set()), Ht(e, Rt(n));
+		H.has(t.id) || U(/* @__PURE__ */ new Set()), un(e, on(n));
 	};
-	Re({
+	Je({
 		...!I && {
 			j: () => G(1, !1),
 			k: () => G(-1, !1),
@@ -177,200 +190,226 @@ function b({ person: e } = {}) {
 			K: () => G(-1, !0),
 			ArrowDown: (e) => G(1, e.shiftKey),
 			ArrowUp: (e) => G(-1, e.shiftKey),
-			x: () => V && Kt(B.indexOf(V), !1),
-			Enter: () => V && pt({
+			x: () => V && mn(B.indexOf(V), !1),
+			Enter: () => V && Dt({
 				to: "/$workspace/issues/$identifier",
 				params: {
-					workspace: S,
+					workspace: v,
 					identifier: V.identifier
 				}
 			})
 		},
 		Escape: () => U(/* @__PURE__ */ new Set()),
-		"/": () => j.current?.focus()
-	}), d(() => {
+		"/": () => D.current?.focus()
+	}), l(() => {
 		let e = (e) => {
-			(e.metaKey || e.ctrlKey) && !e.altKey && !e.shiftKey && e.key.toLowerCase() === "f" && (e.preventDefault(), j.current?.focus(), j.current?.select());
+			(e.metaKey || e.ctrlKey) && !e.altKey && !e.shiftKey && e.key.toLowerCase() === "f" && (e.preventDefault(), D.current?.focus(), D.current?.select());
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, []), d(() => {
+	}, []), l(() => {
 		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 = 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 ?? ""),
+	let K = w.find((e) => e.key === x.team), q = We(v, x, (e) => S(Ge(x, e), !0), !!y && !x.assignee && !x.creator && !x.saved), _n = Ae(v, { ...o(x, "q", void 0) }), { views: vn, create: yn, update: bn } = ze(v), J = vn.find((e) => be(e, x.saved)), { data: xn } = g(te(v)), { data: Sn } = g(re(v)), { data: Cn } = g({
+		...i(v, K?.key ?? ""),
 		enabled: !!K
 	});
-	d(() => {
-		let e = /^[0-9a-f]{8}-[0-9a-f]{4}-/i, t = { ...T }, n = $t?.find((e) => e.id === T.label);
-		T.label && e.test(T.label) && n && (t.label = n.name);
-		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 = me(J)), JSON.stringify(t) !== JSON.stringify(T) && ht.current(t);
+	l(() => {
+		let e = /^[0-9a-f]{8}-[0-9a-f]{4}-/i, t = { ...x }, n = xn?.find((e) => e.id === x.label);
+		x.label && e.test(x.label) && n && (t.label = n.name);
+		let r = Sn?.find((e) => e.id === x.project);
+		x.project && e.test(x.project) && r && (t.project = Ve(r));
+		let i = Cn?.find((e) => e.id === x.cycle);
+		x.cycle && e.test(x.cycle) && i && (t.cycle = String(i.number)), x.saved && e.test(x.saved) && J && (t.saved = xe(J)), JSON.stringify(t) !== JSON.stringify(x) && kt.current(t);
 	}, [
-		T,
-		$t,
-		en,
-		tn,
+		x,
+		xn,
+		Sn,
+		Cn,
 		J
 	]);
-	let Y = De({
-		...T,
+	let Y = Le({
+		...x,
 		...P !== "updated" && { order: P },
 		...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");
-	n(...K && !J ? [dn("issues"), K.name] : [$]);
-	let fn = nn && /* @__PURE__ */ _(at, { children: [J?.canEdit && /* @__PURE__ */ g(l, {
+	}), wn = J ? !Re(J.filters, Y) : Object.keys(Y).length > 0, Tn = Fe(v, "create_issues", x.team ? { team: x.team } : void 0), En = Fe(v, "save_views"), [Dn, On] = f(!1), [kn, An] = f(null), X = p("savedViews"), Z = C?.user.username, jn = !J && !K && (!x.assigneeKind && x.assignee === Z && !x.creator || x.creator === Z && !x.assignee), Q = e ?? (jn ? Z : void 0), $ = J?.name ?? K?.name ?? (e && e !== Z ? _("personIssues", { name: Rt("user", e) }) : !x.assigneeKind && x.assignee === Z || x.creator === Z ? _("mine") : _("all")), Mn = p("workspace");
+	n(...K && !J ? [Mn("issues"), K.name] : [$]);
+	let Nn = wn && /* @__PURE__ */ h(_t, { children: [J?.canEdit && /* @__PURE__ */ m(s, {
 		type: "button",
 		size: "sm",
-		loading: Qt.isPending,
-		onClick: () => Qt.mutate({
+		loading: bn.isPending,
+		onClick: () => bn.mutate({
 			id: J.id,
 			filters: Y
 		}),
 		children: X("update")
-	}), /* @__PURE__ */ g(l, {
+	}), /* @__PURE__ */ m(s, {
 		type: "button",
 		size: "sm",
-		onClick: () => sn(!0),
+		onClick: () => On(!0),
 		children: X(J ? "saveAsNew" : "save")
 	})] });
-	return /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ h("div", {
 		className: "flex h-full flex-col",
 		children: [
-			/* @__PURE__ */ _("header", {
+			/* @__PURE__ */ h("header", {
 				className: "flex min-h-12 shrink-0 flex-wrap items-center gap-x-3 gap-y-2 border-b border-border px-4 py-2 md:px-5",
 				children: [
-					/* @__PURE__ */ g("h1", {
+					/* @__PURE__ */ m("h1", {
 						className: "text-sm font-semibold whitespace-nowrap",
 						children: $
 					}),
-					/* @__PURE__ */ g(ze, {
-						workspace: S,
+					/* @__PURE__ */ m(Ye, {
+						workspace: v,
 						kind: "view",
-						target: Yt,
-						label: k === "active" ? $ : b("favoriteLabel", {
+						target: _n,
+						label: T === "active" ? $ : _("favoriteLabel", {
 							title: $,
-							view: b(`views.${k}`)
+							view: _(`views.${T}`)
 						})
 					}),
-					Q && /* @__PURE__ */ g(tt, {
+					Q && /* @__PURE__ */ m(pt, {
 						variant: "segmented",
 						size: "sm",
-						label: b("mineScope"),
+						label: _("mineScope"),
 						items: ["assigned", "created"].map((e) => ({
 							value: e,
-							label: b(`mineScopes.${e}`),
-							href: mt({
-								...T.view && { view: T.view },
+							label: _(`mineScopes.${e}`),
+							href: Ot({
+								...x.view && { view: x.view },
 								...e === "assigned" ? { assignee: Q } : { creator: Q }
 							})
 						})),
-						value: T.creator ? "created" : "assigned"
+						value: x.creator ? "created" : "assigned"
 					}),
-					/* @__PURE__ */ g(tt, {
+					/* @__PURE__ */ m(pt, {
 						variant: "segmented",
 						size: "sm",
-						label: b("view"),
-						items: Object.keys(o).map((e) => ({
+						label: _("view"),
+						items: Object.keys(ke).map((e) => ({
 							value: e,
-							label: b(`views.${e}`),
-							href: mt(c(T, "view", e === "active" ? void 0 : e))
+							label: _(`views.${e}`),
+							href: Ot(o(x, "view", e === "active" ? void 0 : e))
 						})),
-						value: k
+						value: T
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ h("div", {
 						className: "flex w-full min-w-0 flex-wrap items-center gap-2 md:ml-auto md:w-auto md:flex-nowrap",
 						children: [
-							q.count === 0 && fn,
-							/* @__PURE__ */ g($e, {
-								ref: j,
-								value: A,
-								onValueChange: vt,
-								onKeyDown: (e) => e.key === "Escape" && !A && e.currentTarget.blur(),
-								placeholder: b("search"),
-								label: b("search"),
+							q.count === 0 && Nn,
+							/* @__PURE__ */ m(dt, {
+								ref: D,
+								value: E,
+								onValueChange: Mt,
+								onKeyDown: (e) => e.key === "Escape" && !E && e.currentTarget.blur(),
+								placeholder: _("search"),
+								label: _("search"),
 								"aria-keyshortcuts": "/ Meta+F Control+F",
 								size: "sm",
 								className: "min-w-0 flex-1 max-md:order-first max-md:basis-full md:w-56 md:flex-initial"
 							}),
-							/* @__PURE__ */ g(lt, { filters: q }),
-							/* @__PURE__ */ _(Be, {
+							/* @__PURE__ */ m(xt, { filters: q }),
+							/* @__PURE__ */ h(Xe, {
 								layouts: [{
 									value: "list",
-									label: b("layouts.list"),
-									icon: /* @__PURE__ */ g(le, {})
+									label: _("layouts.list"),
+									icon: /* @__PURE__ */ m(ge, {})
 								}, {
 									value: "board",
-									label: b("layouts.board"),
-									icon: /* @__PURE__ */ g(ae, {})
+									label: _("layouts.board"),
+									icon: /* @__PURE__ */ m(fe, {})
 								}],
 								layout: I ? "board" : "list",
 								onLayoutChange: (e) => {
-									s({ layout: e }), E(c(T, "layout", e === "board" ? "board" : void 0));
+									a({ layout: e }), S(o(x, "layout", e === "board" ? "board" : void 0));
 								},
 								changed: P !== "updated" || F !== "status" || I,
-								children: [/* @__PURE__ */ g(Qe, {
-									label: b("orderBy"),
-									children: /* @__PURE__ */ g(et, {
-										value: P,
-										items: ve.map((e) => ({
-											value: e,
-											label: b(`order.${e}`)
-										})),
-										onValueChange: (e) => {
-											s({ order: e }), E(c(T, "order", e === "updated" ? void 0 : e));
-										},
-										"aria-label": b("orderBy"),
-										size: "sm"
+								children: [
+									/* @__PURE__ */ m(ut, {
+										label: _("orderBy"),
+										children: /* @__PURE__ */ m(ft, {
+											value: P,
+											items: [...De.map((e) => ({
+												value: e,
+												label: _(`order.${e}`)
+											})), ...M.filter((e) => ue.includes(e.kind)).map((e) => ({
+												value: `field:${e.id}`,
+												label: e.name
+											}))],
+											onValueChange: (e) => {
+												a({ order: e }), S(o(x, "order", e === "updated" ? void 0 : e));
+											},
+											"aria-label": _("orderBy"),
+											size: "sm"
+										})
+									}),
+									/* @__PURE__ */ m(ut, {
+										label: _("groupBy"),
+										children: /* @__PURE__ */ m(ft, {
+											value: F,
+											items: [...Ce.map((e) => ({
+												value: e,
+												label: _(`grouping.${e}`)
+											})), ...M.filter((e) => le.includes(e.kind)).map((e) => ({
+												value: `field:${e.id}`,
+												label: e.name
+											}))],
+											onValueChange: (e) => {
+												a({ group: e }), S(o(x, "group", e === "status" ? void 0 : e));
+											},
+											"aria-label": _("groupBy"),
+											size: "sm"
+										})
+									}),
+									M.length > 0 && /* @__PURE__ */ m(ut, {
+										label: N("onRows"),
+										children: /* @__PURE__ */ m(ft, {
+											multiple: !0,
+											value: Gt.filter((e) => M.some((t) => t.id === e)),
+											items: M.map((e) => ({
+												value: e.id,
+												label: e.name
+											})),
+											onValueChange: (e) => {
+												st(v, e), Kt(e);
+											},
+											placeholder: N("noneOnRows"),
+											"aria-label": N("onRows"),
+											size: "sm"
+										})
 									})
-								}), /* @__PURE__ */ g(Qe, {
-									label: b("groupBy"),
-									children: /* @__PURE__ */ g(et, {
-										value: F,
-										items: ge.map((e) => ({
-											value: e,
-											label: b(`grouping.${e}`)
-										})),
-										onValueChange: (e) => {
-											s({ group: e }), E(c(T, "group", e === "status" ? void 0 : e));
-										},
-										"aria-label": b("groupBy"),
-										size: "sm"
-									})
-								})]
+								]
 							}),
-							/* @__PURE__ */ g(u, {
+							/* @__PURE__ */ m(c, {
 								variant: "secondary",
 								size: "sm",
-								icon: /* @__PURE__ */ g(ue, { className: "size-3.5" }),
-								label: b(Dt ? "hidePanel" : "showPanel"),
-								"aria-pressed": Dt,
-								onClick: kt,
+								icon: /* @__PURE__ */ m(_e, { className: "size-3.5" }),
+								label: _(Jt ? "hidePanel" : "showPanel"),
+								"aria-pressed": Jt,
+								onClick: Xt,
 								className: "max-xl:hidden"
 							}),
-							/* @__PURE__ */ g(u, {
+							/* @__PURE__ */ m(c, {
 								variant: "secondary",
 								size: "sm",
-								icon: /* @__PURE__ */ g(oe, { className: "size-3.5" }),
-								label: b(At ? "hideInsights" : "showInsights"),
-								"aria-pressed": At,
-								onClick: Mt
+								icon: /* @__PURE__ */ m(pe, { className: "size-3.5" }),
+								label: _(Zt ? "hideInsights" : "showInsights"),
+								"aria-pressed": Zt,
+								onClick: $t
 							}),
-							/* @__PURE__ */ g(u, {
+							/* @__PURE__ */ m(c, {
 								variant: "secondary",
 								size: "sm",
-								icon: /* @__PURE__ */ g(ce, { className: "size-3.5" }),
-								label: b("exportCsv"),
-								onClick: () => ft(S, bt)
+								icon: /* @__PURE__ */ m(he, { className: "size-3.5" }),
+								label: _("exportCsv"),
+								onClick: () => Tt(v, Pt)
 							}),
-							T.team && rn && /* @__PURE__ */ g(u, {
+							x.team && Tn && /* @__PURE__ */ m(c, {
 								variant: "secondary",
 								size: "sm",
-								icon: /* @__PURE__ */ g(de, { className: "size-3.5" }),
-								label: b("importCsv"),
-								onClick: () => We((e, t) => ln({
+								icon: /* @__PURE__ */ m(ve, { className: "size-3.5" }),
+								label: _("importCsv"),
+								onClick: () => et((e, t) => An({
 									name: e,
 									text: t
 								}))
@@ -379,129 +418,130 @@ function b({ person: e } = {}) {
 					})
 				]
 			}),
-			/* @__PURE__ */ g(ct, {
+			/* @__PURE__ */ m(bt, {
 				filters: q,
-				trailing: fn,
+				trailing: Nn,
 				className: "shrink-0 border-b border-border px-4 py-2 md:px-5"
 			}),
-			At && /* @__PURE__ */ g(Ge, {
-				workspace: S,
+			Zt && /* @__PURE__ */ m(tt, {
+				workspace: v,
 				issues: R
 			}),
-			cn && T.team && /* @__PURE__ */ g(Ue, {
-				workspace: S,
-				team: T.team,
-				file: cn,
-				onClose: () => ln(null)
+			kn && x.team && /* @__PURE__ */ m($e, {
+				workspace: v,
+				team: x.team,
+				file: kn,
+				onClose: () => An(null)
 			}),
-			on && /* @__PURE__ */ g(Ee, {
+			Dn && /* @__PURE__ */ m(Ie, {
 				title: X("saveTitle"),
 				submitLabel: X("save"),
-				share: { allowed: an },
-				onClose: () => sn(!1),
+				share: { allowed: En },
+				onClose: () => On(!1),
 				onSubmit: async ({ name: e, shared: t }) => {
-					let n = await Zt.mutateAsync({
+					let n = await yn.mutateAsync({
 						name: e,
 						shared: t,
 						filters: Y
 					});
-					E(Ae(n), !0);
+					S(Be(n), !0);
 				}
 			}),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ h("div", {
 				className: "relative flex min-h-0 flex-1",
 				children: [
-					H.size > 0 && /* @__PURE__ */ _("div", {
+					H.size > 0 && /* @__PURE__ */ h("div", {
 						role: "toolbar",
-						"aria-label": b("selected", { count: H.size }),
+						"aria-label": _("selected", { count: H.size }),
 						className: "absolute bottom-4 left-1/2 z-10 flex max-w-[calc(100%-2rem)] -translate-x-1/2 items-center gap-1 rounded-xl border border-border bg-popover py-1 pr-1 pl-3 text-sm shadow-md",
 						children: [
-							/* @__PURE__ */ g("span", {
+							/* @__PURE__ */ m("span", {
 								className: "whitespace-nowrap tabular-nums",
-								children: b("selected", { count: H.size })
+								children: _("selected", { count: H.size })
 							}),
-							H.size < B.length && /* @__PURE__ */ g(l, {
+							H.size < B.length && /* @__PURE__ */ m(s, {
 								size: "sm",
 								variant: "ghost",
 								className: "shrink-0",
 								onClick: () => U(new Set(B.map((e) => e.id))),
-								children: b("selectAll", { count: B.length })
+								children: _("selectAll", { count: B.length })
 							}),
-							/* @__PURE__ */ g(Ze, {
-								label: b("actions"),
-								items: Rt(Ut),
+							/* @__PURE__ */ m(lt, {
+								label: _("actions"),
+								items: on(dn),
 								side: "top",
-								trigger: /* @__PURE__ */ g(l, {
+								trigger: /* @__PURE__ */ m(s, {
 									size: "sm",
 									variant: "outline",
 									className: "shrink-0",
-									children: b("actions")
+									children: _("actions")
 								})
 							}),
-							/* @__PURE__ */ g(u, {
+							/* @__PURE__ */ m(c, {
 								size: "sm",
 								variant: "ghost",
-								icon: /* @__PURE__ */ g(se, {}),
-								label: b("clear"),
+								icon: /* @__PURE__ */ m(me, {}),
+								label: _("clear"),
 								onClick: () => U(/* @__PURE__ */ new Set())
 							})
 						]
 					}),
-					/* @__PURE__ */ _("div", {
-						className: `min-h-0 min-w-0 flex-1 ${I ? "overflow-hidden" : "overflow-y-auto"} ${H.size > 0 ? "pb-16" : ""} transition-opacity ${St && !M ? "opacity-50" : ""}`,
+					/* @__PURE__ */ h("div", {
+						className: `min-h-0 min-w-0 flex-1 ${I ? "overflow-hidden" : "overflow-y-auto"} ${H.size > 0 ? "pb-16" : ""} transition-opacity ${It && !O ? "opacity-50" : ""}`,
 						children: [
-							L && /* @__PURE__ */ _("div", {
+							L && /* @__PURE__ */ h("div", {
 								className: "flex h-8 items-center gap-2 border-b border-border px-5 text-xs text-muted-foreground",
 								role: "status",
-								children: [x("issueBreakdown.showing", { count: R.length }), /* @__PURE__ */ g("button", {
+								children: [Et("issueBreakdown.showing", { count: R.length }), /* @__PURE__ */ m("button", {
 									type: "button",
-									onClick: () => Ft(null),
+									onClick: () => nn(null),
 									className: "text-primary hover:underline",
-									children: x("issueBreakdown.showAll")
+									children: Et("issueBreakdown.showAll")
 								})]
 							}),
-							I && M && /* @__PURE__ */ g(Ne, {
-								workspace: S,
-								columns: F === "status" && o[k].categories.length > 0 ? z.filter((e) => e.issues.length > 0 || e.key === "completed" || o[k].categories.includes(e.key)) : z,
-								onMove: F === "none" ? void 0 : (e, t, n) => zt(e, F, t, n, z.find((e) => e.key === n)?.issues[0]),
-								onContextMenu: Jt
+							I && O && /* @__PURE__ */ m(Ue, {
+								workspace: v,
+								columns: F === "status" && ke[T].categories.length > 0 ? z.filter((e) => e.issues.length > 0 || e.key === "completed" || ke[T].categories.includes(e.key)) : z,
+								onMove: F === "none" ? void 0 : (e, t, n) => sn(e, F, t, n, z.find((e) => e.key === n)?.issues[0], Wt),
+								onContextMenu: gn
 							}),
-							!I && z.map((e) => /* @__PURE__ */ g(Ke, {
+							!I && z.map((e) => /* @__PURE__ */ m(nt, {
 								label: e.label,
 								icon: e.icon,
 								count: e.issues.length,
-								children: e.issues.map((e) => /* @__PURE__ */ g(Ie, {
+								children: e.issues.map((e) => /* @__PURE__ */ m(Ke, {
 									issue: e,
-									team: O.find((t) => t.id === e.teamId),
-									workspace: S,
+									team: w.find((t) => t.id === e.teamId),
+									workspace: v,
 									selected: e.id === V?.id,
 									picked: H.has(e.id),
-									onPick: (t) => Kt(B.indexOf(e), t),
-									viewers: [...Vt.get(e.identifier) ?? []],
-									onHover: () => Lt(B.indexOf(e)),
-									onClick: (t) => qt(t, B.indexOf(e)),
-									onContextMenu: (t) => Jt(t, e)
+									onPick: (t) => mn(B.indexOf(e), t),
+									viewers: [...ln.get(e.identifier) ?? []],
+									onHover: () => an(B.indexOf(e)),
+									onClick: (t) => hn(t, B.indexOf(e)),
+									onContextMenu: (t) => gn(t, e),
+									fields: qt
 								}, e.id))
 							}, e.key)),
-							!M && (xt ? /* @__PURE__ */ g(t, { error: xt }) : /* @__PURE__ */ g(ut, { rows: 8 })),
-							M && N.length === 0 && /* @__PURE__ */ g(dt, {
-								workspace: S,
-								filtered: !!T.q || k !== "active" || q.count > +!!C,
-								onCreate: () => _t(T.team ? { team: T.team } : void 0)
+							!O && (Ft ? /* @__PURE__ */ m(t, { error: Ft }) : /* @__PURE__ */ m(St, { rows: 8 })),
+							O && k.length === 0 && /* @__PURE__ */ m(wt, {
+								workspace: v,
+								filtered: !!x.q || T !== "active" || q.count > +!!y,
+								onCreate: () => jt(x.team ? { team: x.team } : void 0)
 							})
 						]
 					}),
-					Dt && M && /* @__PURE__ */ g("aside", {
-						"aria-label": x("issueBreakdown.label"),
+					Jt && O && /* @__PURE__ */ m("aside", {
+						"aria-label": Et("issueBreakdown.label"),
 						className: "hidden w-80 shrink-0 overflow-y-auto border-l border-border px-4 py-4 xl:block",
-						children: /* @__PURE__ */ g(Ve, {
-							workspace: S,
-							issues: N,
-							tabs: Je,
-							tab: Nt,
-							onTabChange: Pt,
+						children: /* @__PURE__ */ m(Ze, {
+							workspace: v,
+							issues: k,
+							tabs: it,
+							tab: en,
+							onTabChange: tn,
 							focus: L,
-							onFocus: Ft
+							onFocus: nn
 						})
 					})
 				]
@@ -509,20 +549,20 @@ function b({ person: e } = {}) {
 		]
 	});
 }
-function dt({ workspace: e, filtered: t, onCreate: n }) {
-	let r = h("issues.empty"), { data: i = [] } = v(ie(e)), a = Te(e, "manage_teams");
-	return i.some((e) => !e.archivedAt) ? /* @__PURE__ */ _("div", {
+function wt({ workspace: e, filtered: t, onCreate: n }) {
+	let r = p("issues.empty"), { data: i = [] } = g(ae(e)), ee = Fe(e, "manage_teams");
+	return i.some((e) => !e.archivedAt) ? /* @__PURE__ */ h("div", {
 		className: "mx-auto max-w-sm px-4 py-24 text-center",
 		children: [
-			/* @__PURE__ */ g("p", {
+			/* @__PURE__ */ m("p", {
 				className: "text-sm font-medium",
 				children: r(t ? "noMatch" : "nothingInProgress")
 			}),
-			/* @__PURE__ */ g("p", {
+			/* @__PURE__ */ m("p", {
 				className: "mt-1 text-sm text-muted-foreground",
 				children: r(t ? "tryAnother" : "pressC")
 			}),
-			!t && /* @__PURE__ */ g(l, {
+			!t && /* @__PURE__ */ m(s, {
 				type: "button",
 				variant: "primary",
 				onClick: n,
@@ -530,18 +570,18 @@ function dt({ workspace: e, filtered: t, onCreate: n }) {
 				children: r("create")
 			})
 		]
-	}) : /* @__PURE__ */ _("div", {
+	}) : /* @__PURE__ */ h("div", {
 		className: "mx-auto max-w-sm px-4 py-24 text-center",
 		children: [
-			/* @__PURE__ */ g("p", {
+			/* @__PURE__ */ m("p", {
 				className: "text-sm font-medium",
 				children: r("noTeamsTitle")
 			}),
-			/* @__PURE__ */ g("p", {
+			/* @__PURE__ */ m("p", {
 				className: "mt-1 text-sm text-muted-foreground",
-				children: r(a ? "noTeamsDescription" : "noTeamsAskAdmin")
+				children: r(ee ? "noTeamsDescription" : "noTeamsAskAdmin")
 			}),
-			a && /* @__PURE__ */ g(l, {
+			ee && /* @__PURE__ */ m(s, {
 				type: "button",
 				variant: "primary",
 				onClick: n,
@@ -551,7 +591,7 @@ function dt({ workspace: e, filtered: t, onCreate: n }) {
 		]
 	});
 }
-function ft(t, n) {
+function Tt(t, n) {
 	let r = new URLSearchParams({
 		triage: "exclude",
 		archived: "exclude"
@@ -560,4 +600,4 @@ function ft(t, n) {
 	let i = document.createElement("a");
 	i.href = `${e}/api/v1/workspaces/${encodeURIComponent(t)}/exports/issues.csv?${r}`, i.download = "", i.click();
 }
-export { b as IssueList };
+export { _ as IssueList };