@parallelworks/tandem-web 0.142.0 → 0.143.0

package/routes/_workspace/settings/members2.js

@@ -1,12 +1,12 @@
 import { api as e, unwrap as t } from "../../../api/client.js";
 import { useNavigate as n } from "../../../lib/router.js";
 import { meQuery as r, membersQuery as i, workspaceAccessQuery as a, workspaceQuery as o } from "../../../api/queries.js";
-import { ShieldIcon as s, UserIcon as c, UsersIcon as l } from "../../../components/icons.js";
-import { Route as u } from "./members.js";
-import { copyItem as d } from "../../../lib/menus.js";
-import { useCan as f, useRoleOptions as p } from "../../../lib/roles.js";
-import { AdminOnly as m, SettingsPage as h, useFormError as g } from "../../../components/settings.js";
-import { useConfirm as _ } from "../../../lib/confirm.js";
+import { useConfirm as s } from "../../../lib/confirm.js";
+import { ShieldIcon as c, UserIcon as l, UsersIcon as u } from "../../../components/icons.js";
+import { Route as d } from "./members.js";
+import { copyItem as f } from "../../../lib/menus.js";
+import { useCan as p, useRoleOptions as m } from "../../../lib/roles.js";
+import { AdminOnly as h, SettingsPage as g, useFormError as _ } from "../../../components/settings.js";
 import { PersonHoverCard as v } from "../../../components/PersonHoverCard.js";
 import { AccessGrants as y } from "../../../components/AccessGrants.js";
 import { Avatar as b, Button as x, Card as S, ErrorText as C, Input as ee, Modal as te, ModalTitle as ne, PageHeaderAddButton as re, SearchInput as w, Select as ie, Table as T, menuDivider as E, useOpenMenu as D } from "@parallelworks/ui";
@@ -17,7 +17,7 @@ import { useMutation as P, useQueryClient as F, useSuspenseQuery as I } from "@t
 import { ListCellText as L, ListColumns as R, ListPage as z, ListRow as ae, ListToolbar as oe, NameCell as se, listTableProps as ce, useListNavigate as le, useListSearch as ue, useListView as de } from "@parallelworks/ui/list";
 // src/routes/$workspace/settings/members.tsx?tsr-split=component
 function B() {
-	let { workspace: e } = u.useParams(), { data: t } = I(r), n = f(e, "manage_members"), i = t?.user.username ?? "";
+	let { workspace: e } = d.useParams(), { data: t } = I(r), n = p(e, "manage_members"), i = t?.user.username ?? "";
 	return t?.mode === "platform" ? /* @__PURE__ */ M(H, {
 		workspace: e,
 		isAdmin: n,
@@ -28,9 +28,9 @@ function B() {
 		myUsername: i
 	});
 }
-function V({ workspace: a, isAdmin: o, myUsername: s }) {
-	let { data: l } = I(i(a)), u = F(), f = n(), [y, S] = k(""), [w, A] = k("member"), [B, V] = k(!1), H = j("settings"), U = j("common"), W = p(a), G = g(), K = () => {
-		u.invalidateQueries({ queryKey: i(a).queryKey }), u.invalidateQueries({ queryKey: r.queryKey });
+function V({ workspace: a, isAdmin: o, myUsername: c }) {
+	let { data: u } = I(i(a)), d = F(), p = n(), [y, S] = k(""), [w, A] = k("member"), [B, V] = k(!1), H = j("settings"), U = j("common"), W = m(a), G = _(), K = () => {
+		d.invalidateQueries({ queryKey: i(a).queryKey }), d.invalidateQueries({ queryKey: r.queryKey });
 	}, q = P({
 		mutationFn: async () => t(await e.POST("/api/v1/workspaces/{workspace}/members", {
 			params: { path: { workspace: a } },
@@ -62,7 +62,7 @@ function V({ workspace: a, isAdmin: o, myUsername: s }) {
 		} } })),
 		onMutate: G.clear,
 		onSuccess: K
-	}), { confirm: fe, dialog: pe } = _(), me = (e) => fe(e.user.username === s ? {
+	}), { confirm: fe, dialog: pe } = s(), me = (e) => fe(e.user.username === c ? {
 		title: H("leaveTitle"),
 		description: H("leaveDescription"),
 		confirmLabel: H("leave"),
@@ -106,12 +106,12 @@ function V({ workspace: a, isAdmin: o, myUsername: s }) {
 		orderBys: ve,
 		defaultOrderBy: "name",
 		facets: []
-	}), Q = X.filter.trim().toLowerCase(), $ = l.filter((e) => !Q || [
+	}), Q = X.filter.trim().toLowerCase(), $ = u.filter((e) => !Q || [
 		e.user.name,
 		e.user.username,
 		e.user.email
 	].some((e) => e.toLowerCase().includes(Q)));
-	return /* @__PURE__ */ N(h, {
+	return /* @__PURE__ */ N(g, {
 		wide: !0,
 		title: H("members"),
 		description: H("membersDescription"),
@@ -120,7 +120,7 @@ function V({ workspace: a, isAdmin: o, myUsername: s }) {
 			word: "add",
 			onClick: () => V(!0)
 		}),
-		toolbar: l.length > 0 && /* @__PURE__ */ M(oe, {
+		toolbar: u.length > 0 && /* @__PURE__ */ M(oe, {
 			view: Z,
 			search: X,
 			searchLabel: H("searchPeople"),
@@ -129,7 +129,7 @@ function V({ workspace: a, isAdmin: o, myUsername: s }) {
 		children: [
 			/* @__PURE__ */ M("div", {
 				className: "px-4",
-				children: /* @__PURE__ */ M(m, {
+				children: /* @__PURE__ */ M(h, {
 					workspace: a,
 					permission: "manage_members"
 				})
@@ -138,7 +138,7 @@ function V({ workspace: a, isAdmin: o, myUsername: s }) {
 				className: "border-t border-border",
 				children: /* @__PURE__ */ M(z, {
 					view: Z,
-					total: l.length,
+					total: u.length,
 					matches: $.length,
 					count: {
 						filterActive: X.filter.trim() !== "",
@@ -146,7 +146,7 @@ function V({ workspace: a, isAdmin: o, myUsername: s }) {
 						nounPlural: H("memberNounPlural")
 					},
 					empty: {
-						icon: /* @__PURE__ */ M(c, {}),
+						icon: /* @__PURE__ */ M(l, {}),
 						title: H("noMembersYet")
 					},
 					noMatches: H("noPeopleMatch"),
@@ -170,7 +170,7 @@ function V({ workspace: a, isAdmin: o, myUsername: s }) {
 								}] : [],
 								{
 									label: H("viewIssues"),
-									onClick: () => f({
+									onClick: () => p({
 										to: "/$workspace/people/$username",
 										params: {
 											workspace: a,
@@ -178,9 +178,9 @@ function V({ workspace: a, isAdmin: o, myUsername: s }) {
 										}
 									})
 								},
-								d(U("copyEmail"), e.user.email),
-								...o || e.user.username === s ? [E, {
-									label: e.user.username === s ? H("leaveWorkspace") : H("removeFromWorkspace"),
+								f(U("copyEmail"), e.user.email),
+								...o || e.user.username === c ? [E, {
+									label: e.user.username === c ? H("leaveWorkspace") : H("removeFromWorkspace"),
 									destructive: !0,
 									onClick: () => me(e)
 								}] : []
@@ -196,7 +196,7 @@ function V({ workspace: a, isAdmin: o, myUsername: s }) {
 											size: "md"
 										})
 									}),
-									name: e.user.username === s ? `${e.user.name} ${H("you")}` : e.user.name,
+									name: e.user.username === c ? `${e.user.name} ${H("you")}` : e.user.name,
 									subtitle: e.user.username,
 									href: null,
 									children: J.isError && J.variables?.username === e.user.username && /* @__PURE__ */ M(C, {
@@ -275,8 +275,8 @@ function V({ workspace: a, isAdmin: o, myUsername: s }) {
 		]
 	});
 }
-function H({ workspace: n, isAdmin: r, myUsername: c }) {
-	let { data: u } = I(a(n)), { data: d } = I(i(n)), { data: f } = I(o(n)), p = F(), m = j("settings"), g = j("settingsNav"), [_, v] = k(!1), b = P({
+function H({ workspace: n, isAdmin: r, myUsername: s }) {
+	let { data: l } = I(a(n)), { data: d } = I(i(n)), { data: f } = I(o(n)), p = F(), m = j("settings"), h = j("settingsNav"), [_, v] = k(!1), b = P({
 		mutationFn: async (r) => t(await e.PUT("/api/v1/workspaces/{workspace}/access", {
 			params: { path: { workspace: n } },
 			body: {
@@ -295,19 +295,19 @@ function H({ workspace: n, isAdmin: r, myUsername: c }) {
 			p.invalidateQueries({ queryKey: a(n).queryKey }), p.invalidateQueries({ queryKey: i(n).queryKey });
 		}
 	}), x = (e) => d.filter((t) => t.via?.some((t) => t.kind === e)), S = x("organizationAdmin");
-	return /* @__PURE__ */ N(h, {
-		title: g("access"),
+	return /* @__PURE__ */ N(g, {
+		title: h("access"),
 		description: m("workspaceAccessDescription"),
 		children: [/* @__PURE__ */ M(y, {
 			workspace: n,
 			resourceName: f.name,
-			access: u,
+			access: l,
 			save: (e) => b.mutateAsync(e),
 			openLabel: m("workspaceAccessEveryone"),
 			readOnly: !r,
 			rules: [{
 				id: "organizationAdmins",
-				icon: /* @__PURE__ */ M(s, { className: "size-4" }),
+				icon: /* @__PURE__ */ M(c, { className: "size-4" }),
 				title: m("organizationAdmins"),
 				detail: m("organizationAdminsDetail", { count: S.length }),
 				people: S.map((e) => ({
@@ -315,9 +315,9 @@ function H({ workspace: n, isAdmin: r, myUsername: c }) {
 					avatarUrl: e.user.avatarUrl
 				})),
 				roleId: "admin"
-			}, ...u.restricted ? [] : [{
+			}, ...l.restricted ? [] : [{
 				id: "everyone",
-				icon: /* @__PURE__ */ M(l, { className: "size-4" }),
+				icon: /* @__PURE__ */ M(u, { className: "size-4" }),
 				title: m("workspaceAccessEveryone"),
 				detail: m("peopleCount", { count: x("everyone").length }),
 				roleId: "member"
@@ -332,12 +332,12 @@ function H({ workspace: n, isAdmin: r, myUsername: c }) {
 		}), _ && /* @__PURE__ */ M(U, {
 			workspace: n,
 			members: d,
-			myUsername: c
+			myUsername: s
 		})]
 	});
 }
 function U({ workspace: e, members: t, myUsername: r }) {
-	let i = j("settings"), a = j("common"), o = A(), s = p(e), c = D(), l = n(), [u, f] = k(""), m = (e) => e.kind === "organizationAdmin" ? i("viaOrganizationAdmin") : e.kind === "everyone" ? i("viaEveryone") : e.kind === "group" ? e.principal?.name ?? "" : i("viaGrant"), h = u.trim().toLowerCase(), g = (e) => {
+	let i = j("settings"), a = j("common"), o = A(), s = m(e), c = D(), l = n(), [u, d] = k(""), p = (e) => e.kind === "organizationAdmin" ? i("viaOrganizationAdmin") : e.kind === "everyone" ? i("viaEveryone") : e.kind === "group" ? e.principal?.name ?? "" : i("viaGrant"), h = u.trim().toLowerCase(), g = (e) => {
 		let t = e.via ?? [], n = t.filter((e) => e.kind !== "everyone");
 		return n.length > 0 ? n : t;
 	}, _ = (e) => +!!g(e).every((e) => e.kind === "organizationAdmin"), y = t.toSorted((e, t) => _(e) - _(t)).filter((e) => !h || [
@@ -349,7 +349,7 @@ function U({ workspace: e, members: t, myUsername: r }) {
 		className: "mt-4",
 		children: [/* @__PURE__ */ M(w, {
 			value: u,
-			onValueChange: f,
+			onValueChange: d,
 			label: i("searchPeople")
 		}), /* @__PURE__ */ N(S, {
 			size: "fill",
@@ -368,7 +368,7 @@ function U({ workspace: e, members: t, myUsername: r }) {
 							username: t.user.username
 						}
 					})
-				}, d(a("copyEmail"), t.user.email)]),
+				}, f(a("copyEmail"), t.user.email)]),
 				className: "flex items-center gap-3 px-3 py-2",
 				children: [
 					/* @__PURE__ */ M(v, {
@@ -393,7 +393,7 @@ function U({ workspace: e, members: t, myUsername: r }) {
 							children: [
 								t.user.username,
 								" · ",
-								o.list(g(t).map(m), { type: "conjunction" })
+								o.list(g(t).map(p), { type: "conjunction" })
 							]
 						})]
 					}),

package/routes/_workspace/settings/roles2.js

@@ -1,10 +1,10 @@
 import { api as e, unwrap as t } from "../../../api/client.js";
 import { meQuery as n, rolesQuery as r, workspaceAccessQuery as i } from "../../../api/queries.js";
-import { ShieldIcon as a } from "../../../components/icons.js";
-import { Route as o } from "./roles.js";
-import { isBuiltIn as s, permissionGroups as c, useCan as l } from "../../../lib/roles.js";
-import { AdminOnly as u, SettingsPage as d } from "../../../components/settings.js";
-import { useConfirm as f } from "../../../lib/confirm.js";
+import { useConfirm as a } from "../../../lib/confirm.js";
+import { ShieldIcon as o } from "../../../components/icons.js";
+import { Route as s } from "./roles.js";
+import { isBuiltIn as c, permissionGroups as l, useCan as u } from "../../../lib/roles.js";
+import { AdminOnly as d, SettingsPage as f } from "../../../components/settings.js";
 import { AccessGrants as p } from "../../../components/AccessGrants.js";
 import { Button as m, Callout as h, Checkbox as g, ErrorText as _, Input as v, Modal as y, PageHeaderAddButton as b, StatusBadge as x, Table as S, Textarea as C, useOpenMenu as w } from "@parallelworks/ui";
 import { useMemo as T, useState as E } from "react";
@@ -15,7 +15,7 @@ import { useMutation as M, useQueryClient as N, useSuspenseQuery as P } from "@t
 import { ListCellText as F, ListColumns as I, ListPage as L, ListRow as R, NameCell as z, listTableProps as B, useListNavigate as V, useListView as H } from "@parallelworks/ui/list";
 // src/routes/$workspace/settings/roles.tsx?tsr-split=component
 function U() {
-	let { workspace: i } = o.useParams(), { data: c } = P(n), { data: p } = P(r(i)), m = l(i, "manage_members") && c?.mode !== "platform", h = O("roleSettings"), g = O("roles"), v = O("common"), y = w(), C = V(), { confirm: k, dialog: U } = f(), ee = D(), te = N(), [q, J] = E(null), [Y, X] = E(null), ne = M({
+	let { workspace: i } = s.useParams(), { data: l } = P(n), { data: p } = P(r(i)), m = u(i, "manage_members") && l?.mode !== "platform", h = O("roleSettings"), g = O("roles"), v = O("common"), y = w(), C = V(), { confirm: k, dialog: U } = a(), ee = D(), te = N(), [q, J] = E(null), [Y, X] = E(null), ne = M({
 		mutationFn: async (n) => t(await e.DELETE("/api/v1/workspaces/{workspace}/roles/{role}", { params: { path: {
 			workspace: i,
 			role: n
@@ -46,7 +46,7 @@ function U() {
 		columns: re,
 		orderBys: [],
 		facets: []
-	}), Q = (e) => s(e.id) ? g(`${e.id}.name`) : e.name, ie = (e) => s(e.id) ? g(`${e.id}.description`) : e.description, $ = (e) => k({
+	}), Q = (e) => c(e.id) ? g(`${e.id}.name`) : e.name, ie = (e) => c(e.id) ? g(`${e.id}.description`) : e.description, $ = (e) => k({
 		title: h("deleteTitle", { name: e.name }),
 		description: h("deleteDescription", { name: e.name }),
 		confirmLabel: v("delete"),
@@ -59,7 +59,7 @@ function U() {
 		destructive: !0,
 		onClick: () => $(e)
 	}] : []];
-	return /* @__PURE__ */ j(d, {
+	return /* @__PURE__ */ j(f, {
 		wide: !0,
 		title: h("title"),
 		description: h("description"),
@@ -73,7 +73,7 @@ function U() {
 				className: "px-4",
 				children: [
 					/* @__PURE__ */ A(W, { workspace: i }),
-					/* @__PURE__ */ A(u, {
+					/* @__PURE__ */ A(d, {
 						workspace: i,
 						permission: "manage_members"
 					}),
@@ -100,7 +100,7 @@ function U() {
 							openMenu: y,
 							children: [
 								/* @__PURE__ */ A(z, {
-									icon: /* @__PURE__ */ A(a, {}),
+									icon: /* @__PURE__ */ A(o, {}),
 									iconTile: !0,
 									name: Q(e),
 									subtitle: ie(e) || void 0,
@@ -131,7 +131,7 @@ function U() {
 					})
 				})
 			}),
-			c?.mode !== "platform" && /* @__PURE__ */ A(G, {
+			l?.mode !== "platform" && /* @__PURE__ */ A(G, {
 				workspace: i,
 				readOnly: !m
 			}),
@@ -192,18 +192,18 @@ function G({ workspace: r, readOnly: a }) {
 		]
 	});
 }
-function K({ workspace: i, role: o, name: s, readOnly: l, onDelete: u, onClose: d }) {
-	let f = O("roleSettings"), p = O("permissions"), h = O("common"), b = D(), x = N(), [S, w] = E(s), [T, P] = E(o?.description ?? ""), [F, I] = E(new Set(o?.permissions ?? ["read", "comment"])), L = M({
+function K({ workspace: i, role: a, name: s, readOnly: c, onDelete: u, onClose: d }) {
+	let f = O("roleSettings"), p = O("permissions"), h = O("common"), b = D(), x = N(), [S, w] = E(s), [T, P] = E(a?.description ?? ""), [F, I] = E(new Set(a?.permissions ?? ["read", "comment"])), L = M({
 		mutationFn: async () => {
 			let n = {
 				name: S.trim(),
 				description: T.trim(),
 				permissions: [...F]
 			};
-			return t(o ? await e.PATCH("/api/v1/workspaces/{workspace}/roles/{role}", {
+			return t(a ? await e.PATCH("/api/v1/workspaces/{workspace}/roles/{role}", {
 				params: { path: {
 					workspace: i,
-					role: o.id
+					role: a.id
 				} },
 				body: n
 			}) : await e.POST("/api/v1/workspaces/{workspace}/roles", {
@@ -224,9 +224,9 @@ function K({ workspace: i, role: o, name: s, readOnly: l, onDelete: u, onClose:
 		size: "lg",
 		title: /* @__PURE__ */ j("span", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ A(a, { className: "size-4 text-muted-foreground" }), o ? s : f("new")]
+			children: [/* @__PURE__ */ A(o, { className: "size-4 text-muted-foreground" }), a ? s : f("new")]
 		}),
-		...l && o?.description && { description: o.description },
+		...c && a?.description && { description: a.description },
 		onSubmit: () => L.mutate(),
 		footer: /* @__PURE__ */ j(k, { children: [
 			u && /* @__PURE__ */ A("button", {
@@ -238,24 +238,24 @@ function K({ workspace: i, role: o, name: s, readOnly: l, onDelete: u, onClose:
 			/* @__PURE__ */ A(m, {
 				type: "button",
 				onClick: d,
-				children: h(l ? "close" : "cancel")
+				children: h(c ? "close" : "cancel")
 			}),
-			!l && /* @__PURE__ */ A(m, {
+			!c && /* @__PURE__ */ A(m, {
 				type: "submit",
 				variant: "primary",
 				disabled: !S.trim(),
 				loading: L.isPending,
-				children: o ? h("save") : f("create")
+				children: a ? h("save") : f("create")
 			})
 		] }),
 		children: [
-			!l && /* @__PURE__ */ j("div", {
+			!c && /* @__PURE__ */ j("div", {
 				className: "mb-5 space-y-3",
 				children: [/* @__PURE__ */ j("label", {
 					className: "block text-xs text-muted-foreground",
 					children: [f("name"), /* @__PURE__ */ A(v, {
 						required: !0,
-						autoFocus: !o,
+						autoFocus: !a,
 						maxLength: 60,
 						value: S,
 						onChange: (e) => w(e.target.value),
@@ -276,7 +276,7 @@ function K({ workspace: i, role: o, name: s, readOnly: l, onDelete: u, onClose:
 			}),
 			/* @__PURE__ */ A("div", {
 				className: "space-y-5",
-				children: c.map((e) => /* @__PURE__ */ j("fieldset", { children: [/* @__PURE__ */ A("legend", {
+				children: l.map((e) => /* @__PURE__ */ j("fieldset", { children: [/* @__PURE__ */ A("legend", {
 					className: "mb-2 text-xs font-medium text-muted-foreground",
 					children: f(`groups.${e.id}`)
 				}), /* @__PURE__ */ A("div", {
@@ -286,7 +286,7 @@ function K({ workspace: i, role: o, name: s, readOnly: l, onDelete: u, onClose:
 						children: [/* @__PURE__ */ A(g, {
 							className: "mt-0.5",
 							checked: F.has(e),
-							disabled: l || e === "read",
+							disabled: c || e === "read",
 							onCheckedChange: (t) => R(e, t)
 						}), /* @__PURE__ */ j("span", {
 							className: "min-w-0",

package/routes/_workspace/settings/runners2.js

@@ -1,11 +1,11 @@
 import { api as e, unwrap as t } from "../../../api/client.js";
 import { runnersQuery as n } from "../../../api/queries.js";
-import { WorkerIcon as r } from "../../../components/icons.js";
-import { Route as i } from "./runners.js";
-import { copyItem as a } from "../../../lib/menus.js";
-import { useTime as o } from "../../../lib/time.js";
-import { SettingsPage as s } from "../../../components/settings.js";
-import { useConfirm as c } from "../../../lib/confirm.js";
+import { useConfirm as r } from "../../../lib/confirm.js";
+import { WorkerIcon as i } from "../../../components/icons.js";
+import { Route as a } from "./runners.js";
+import { copyItem as o } from "../../../lib/menus.js";
+import { useTime as s } from "../../../lib/time.js";
+import { SettingsPage as c } from "../../../components/settings.js";
 import { Table as l, menuDivider as u, useOpenMenu as d } from "@parallelworks/ui";
 import { useMemo as f } from "react";
 import { useFormatter as p, useTranslations as m } from "use-intl";
@@ -20,17 +20,17 @@ var A = {
 	bypass: "runnerModeBypass"
 };
 function j() {
-	let { workspace: e } = i.useParams();
+	let { workspace: e } = a.useParams();
 	return /* @__PURE__ */ h(M, { workspace: e });
 }
-function M({ workspace: i }) {
-	let { data: j } = y(n(i)), M = m("account"), N = p(), P = m("common"), F = o(), I = v(), L = O(), R = D(), z = d(), B = _({
+function M({ workspace: a }) {
+	let { data: j } = y(n(a)), M = m("account"), N = p(), P = m("common"), F = s(), I = v(), L = O(), R = D(), z = d(), B = _({
 		mutationFn: async (n) => t(await e.DELETE("/api/v1/workspaces/{workspace}/runners/{runnerId}", { params: { path: {
-			workspace: i,
+			workspace: a,
 			runnerId: n
 		} } })),
-		onSettled: () => I.invalidateQueries({ queryKey: n(i).queryKey })
-	}), { confirm: V, dialog: H } = c(), U = (e) => V({
+		onSettled: () => I.invalidateQueries({ queryKey: n(a).queryKey })
+	}), { confirm: V, dialog: H } = r(), U = (e) => V({
 		title: M("revokeRunnerTitle"),
 		description: M("revokeRunnerDescription", { name: e.name }),
 		confirmLabel: M("revoke"),
@@ -54,7 +54,7 @@ function M({ workspace: i }) {
 		label: M("runnerColSeen"),
 		compare: (e, t) => (t.lastSeenAt ?? "").localeCompare(e.lastSeenAt ?? "")
 	}], [M, P]), K = k({
-		storageKey: `tandem-runners-${i}`,
+		storageKey: `tandem-runners-${a}`,
 		defaultShowColumnHeaders: !1,
 		columns: W,
 		orderBys: G,
@@ -66,7 +66,7 @@ function M({ workspace: i }) {
 		...e.harnesses,
 		...e.labels
 	].some((e) => e.toLowerCase().includes(q)));
-	return /* @__PURE__ */ g(s, {
+	return /* @__PURE__ */ g(c, {
 		wide: !0,
 		title: M("runners"),
 		description: M.rich("runnersDescription", { code: (e) => /* @__PURE__ */ h("code", {
@@ -91,7 +91,7 @@ function M({ workspace: i }) {
 					nounPlural: M("runnerNounPlural")
 				},
 				empty: {
-					icon: /* @__PURE__ */ h(r, {}),
+					icon: /* @__PURE__ */ h(i, {}),
 					title: M("noRunners")
 				},
 				noMatches: M("runnerNoMatches"),
@@ -102,8 +102,8 @@ function M({ workspace: i }) {
 						goTo: R,
 						openMenu: z,
 						items: [
-							a(M("copyRunnerId"), e.id),
-							a(P("copyName"), e.name),
+							o(M("copyRunnerId"), e.id),
+							o(P("copyName"), e.name),
 							u,
 							{
 								label: M("revoke"),
@@ -112,7 +112,7 @@ function M({ workspace: i }) {
 							}
 						],
 						children: [/* @__PURE__ */ h(T, {
-							icon: /* @__PURE__ */ h(r, {}),
+							icon: /* @__PURE__ */ h(i, {}),
 							iconTile: !0,
 							name: e.name,
 							subtitle: N.list([

package/routes/_workspace/settings/sessions2.js

@@ -1,10 +1,10 @@
 import { api as e, unwrap as t } from "../../../api/client.js";
 import { useNavigate as n } from "../../../lib/router.js";
 import { sessionsQuery as r } from "../../../api/queries.js";
-import { ShieldIcon as i } from "../../../components/icons.js";
-import { useTime as a } from "../../../lib/time.js";
-import { SettingsPage as o, useFormError as s } from "../../../components/settings.js";
-import { useConfirm as c } from "../../../lib/confirm.js";
+import { useConfirm as i } from "../../../lib/confirm.js";
+import { ShieldIcon as a } from "../../../components/icons.js";
+import { useTime as o } from "../../../lib/time.js";
+import { SettingsPage as s, useFormError as c } from "../../../components/settings.js";
 import { ErrorText as l, PageHeaderAction as u, Table as d, useOpenMenu as f } from "@parallelworks/ui";
 import { useMemo as p } from "react";
 import { useTranslations as m } from "use-intl";
@@ -14,7 +14,7 @@ import { SignOutIcon as b } from "@parallelworks/ui/icons";
 import { ListCellText as x, ListColumns as S, ListPage as C, ListRow as w, ListToolbar as T, NameCell as E, listTableProps as D, useListNavigate as O, useListSearch as k, useListView as A } from "@parallelworks/ui/list";
 // src/routes/$workspace/settings/sessions.tsx?tsr-split=component
 function j() {
-	let { data: j } = y(r), N = m("sessions"), P = a(), F = v(), I = n(), L = s(), R = () => F.invalidateQueries({ queryKey: r.queryKey }), z = _({
+	let { data: j } = y(r), N = m("sessions"), P = o(), F = v(), I = n(), L = c(), R = () => F.invalidateQueries({ queryKey: r.queryKey }), z = _({
 		mutationFn: async (n) => t(await e.DELETE("/api/v1/me/sessions/{sessionId}", { params: { path: { sessionId: n } } })),
 		onMutate: L.clear,
 		onSettled: R
@@ -28,7 +28,7 @@ function j() {
 			F.clear(), I({ to: "/login" });
 		},
 		onError: L.set
-	}), { confirm: H, dialog: U } = c(), W = k(), G = O(), K = f(), q = j.filter((e) => !e.current).length, J = p(() => [{
+	}), { confirm: H, dialog: U } = i(), W = k(), G = O(), K = f(), q = j.filter((e) => !e.current).length, J = p(() => [{
 		key: "name",
 		label: N("device"),
 		headerClassName: "py-2",
@@ -55,7 +55,7 @@ function j() {
 		confirmLabel: N("end"),
 		onConfirm: () => z.mutateAsync(e.id)
 	});
-	return /* @__PURE__ */ g(o, {
+	return /* @__PURE__ */ g(s, {
 		wide: !0,
 		title: N("title"),
 		description: N("description"),
@@ -88,7 +88,7 @@ function j() {
 					nounPlural: N("nounPlural")
 				},
 				empty: {
-					icon: /* @__PURE__ */ h(i, {}),
+					icon: /* @__PURE__ */ h(a, {}),
 					title: N("none")
 				},
 				noMatches: N("noMatches"),
@@ -107,7 +107,7 @@ function j() {
 							onClick: () => $(e)
 						}],
 						children: [/* @__PURE__ */ h(E, {
-							icon: /* @__PURE__ */ h(i, {}),
+							icon: /* @__PURE__ */ h(a, {}),
 							iconTile: !0,
 							name: M(e.userAgent) || N("unknownBrowser"),
 							subtitle: e.current ? N("current", { created: P.relative(e.createdAt) }) : N("created", { created: P.relative(e.createdAt) }),

package/routes/_workspace/settings/slack2.js

@@ -1,10 +1,10 @@
 import { api as e, unwrap as t } from "../../../api/client.js";
 import { slackQuery as n } from "../../../api/queries.js";
-import { Route as r } from "./slack.js";
-import { usePeople as i } from "../../../lib/people.js";
-import { useCan as a } from "../../../lib/roles.js";
-import { AdminOnly as o, SettingsPage as s, useFormError as c } from "../../../components/settings.js";
-import { useConfirm as l } from "../../../lib/confirm.js";
+import { useConfirm as r } from "../../../lib/confirm.js";
+import { Route as i } from "./slack.js";
+import { usePeople as a } from "../../../lib/people.js";
+import { useCan as o } from "../../../lib/roles.js";
+import { AdminOnly as s, SettingsPage as c, useFormError as l } from "../../../components/settings.js";
 import { externalUrl as u } from "../../../lib/externalUrl.js";
 import { ConnectionCard as d } from "../../../components/ConnectionCard.js";
 import { Button as f, SettingsCard as p, StatusLabel as m, buttonClasses as h } from "@parallelworks/ui";
@@ -14,7 +14,7 @@ import { useMutation as x, useQueryClient as S, useSuspenseQuery as C } from "@t
 import { SlackIcon as w } from "@parallelworks/ui/brand-icons";
 // src/routes/$workspace/settings/slack.tsx?tsr-split=component
 function T() {
-	let { workspace: T } = r.useParams(), { slack: E } = r.useSearch(), { data: D } = C(n(T)), O = a(T, "manage_workspace"), k = _("settingsNav"), A = _("slack"), j = g(), { person: M } = i(T), N = S(), P = c(), { confirm: F, dialog: I } = l(), L = x({
+	let { workspace: T } = i.useParams(), { slack: E } = i.useSearch(), { data: D } = C(n(T)), O = o(T, "manage_workspace"), k = _("settingsNav"), A = _("slack"), j = g(), { person: M } = a(T), N = S(), P = l(), { confirm: F, dialog: I } = r(), L = x({
 		mutationFn: async () => t(await e.POST("/api/v1/workspaces/{workspace}/slack/connect", { params: { path: { workspace: T } } })),
 		onMutate: P.clear,
 		onSuccess: ({ url: e }) => {
@@ -28,11 +28,11 @@ function T() {
 		onSuccess: () => N.invalidateQueries({ queryKey: n(T).queryKey }),
 		onError: P.set
 	});
-	return /* @__PURE__ */ b(s, {
+	return /* @__PURE__ */ b(c, {
 		title: k("slack"),
 		description: A("pageDescription"),
 		children: [
-			/* @__PURE__ */ y(o, { workspace: T }),
+			/* @__PURE__ */ y(s, { workspace: T }),
 			I,
 			D.enabled ? /* @__PURE__ */ b("div", {
 				className: "space-y-6",