@parallelworks/tandem-web 0.142.0 → 0.143.0

package/components/SettingsNav.js

@@ -1,13 +1,13 @@
 import { Link as e } from "../lib/router.js";
 import { githubAccountQuery as t, meQuery as n } from "../api/queries.js";
-import { ChevronDownIcon as r, CommentIcon as i, FolderIcon as a, HistoryIcon as o, KeyIcon as s, LinkIcon as c, NotificationIcon as l, RepositoryIcon as u, SettingsIcon as d, ShieldIcon as f, TagIcon as p, UserIcon as m, UsersIcon as h, WebhookIcon as g, WorkerIcon as _ } from "./icons.js";
-import { useTranslations as v } from "use-intl";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { useQuery as S, useSuspenseQuery as C } from "@tanstack/react-query";
+import { ChevronDownIcon as r, CommentIcon as i, FolderIcon as a, HistoryIcon as o, KeyIcon as s, LinkIcon as c, ListViewIcon as l, NotificationIcon as u, RepositoryIcon as d, SettingsIcon as f, ShieldIcon as p, TagIcon as m, UserIcon as h, UsersIcon as g, WebhookIcon as _, WorkerIcon as v } from "./icons.js";
+import { useTranslations as y } from "use-intl";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useQuery as C, useSuspenseQuery as w } from "@tanstack/react-query";
 // src/components/SettingsNav.tsx
-var w = "flex h-8 items-center gap-2.5 rounded-md px-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground", 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", E = { className: T };
-function D() {
-	let { data: e } = C(n), r = v("settingsNav"), y = e?.mode === "platform", { data: b } = S(t);
+var T = "flex h-8 items-center gap-2.5 rounded-md px-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground", E = "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", D = { className: E };
+function O() {
+	let { data: e } = w(n), r = y("settingsNav"), b = e?.mode === "platform", { data: x } = C(t);
 	return [
 		{
 			label: r("account"),
@@ -15,31 +15,31 @@ function D() {
 				{
 					to: "/$workspace/settings/account",
 					label: r("profile"),
-					Icon: m
+					Icon: h
 				},
 				{
 					to: "/$workspace/settings/notifications",
 					label: r("notifications"),
-					Icon: l
+					Icon: u
 				},
 				{
 					to: "/$workspace/settings/runners",
 					label: r("runners"),
-					Icon: _
+					Icon: v
 				},
-				...b?.enabled ? [{
+				...x?.enabled ? [{
 					to: "/$workspace/settings/connections",
 					label: r("connections"),
 					Icon: c
 				}] : [],
-				...y ? [] : [{
+				...b ? [] : [{
 					to: "/$workspace/settings/tokens",
 					label: r("tokens"),
 					Icon: s
 				}, {
 					to: "/$workspace/settings/sessions",
 					label: r("sessions"),
-					Icon: f
+					Icon: p
 				}]
 			]
 		},
@@ -49,22 +49,22 @@ function D() {
 				{
 					to: "/$workspace/settings",
 					label: r("general"),
-					Icon: d
+					Icon: f
 				},
 				{
 					to: "/$workspace/settings/members",
-					label: r(y ? "access" : "members"),
-					Icon: h
+					label: r(b ? "access" : "members"),
+					Icon: g
 				},
 				{
 					to: "/$workspace/settings/roles",
 					label: r("roles"),
-					Icon: f
+					Icon: p
 				},
 				{
 					to: "/$workspace/settings/groups",
 					label: r("groups"),
-					Icon: f
+					Icon: p
 				},
 				{
 					to: "/$workspace/settings/teams",
@@ -74,14 +74,19 @@ function D() {
 				{
 					to: "/$workspace/settings/labels",
 					label: r("labels"),
-					Icon: p
+					Icon: m
+				},
+				{
+					to: "/$workspace/settings/fields",
+					label: r("fields"),
+					Icon: l
 				},
 				{
 					to: "/$workspace/settings/audit-log",
 					label: r("auditLog"),
 					Icon: o
 				},
-				...y ? [] : [{
+				...b ? [] : [{
 					to: "/$workspace/settings/sso",
 					label: r("sso"),
 					Icon: s
@@ -94,7 +99,7 @@ function D() {
 				{
 					to: "/$workspace/settings/github",
 					label: r("github"),
-					Icon: u
+					Icon: d
 				},
 				{
 					to: "/$workspace/settings/slack",
@@ -104,37 +109,37 @@ function D() {
 				{
 					to: "/$workspace/settings/webhooks",
 					label: r("webhooks"),
-					Icon: g
+					Icon: _
 				}
 			]
 		}
 	];
 }
-function O({ workspace: t }) {
-	let n = v("settingsNav"), i = D();
-	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x(e, {
+function k({ workspace: t }) {
+	let n = y("settingsNav"), i = O();
+	return /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S(e, {
 		to: "/$workspace/issues",
 		params: { workspace: t },
 		className: "flex h-9 items-center gap-2 rounded-md px-2 text-sm font-semibold hover:bg-muted",
-		children: [/* @__PURE__ */ b(r, { className: "size-4 rotate-90 text-muted-foreground" }), n("label")]
-	}), /* @__PURE__ */ b("nav", {
+		children: [/* @__PURE__ */ x(r, { className: "size-4 rotate-90 text-muted-foreground" }), n("label")]
+	}), /* @__PURE__ */ x("nav", {
 		"aria-label": n("label"),
 		className: "-mx-3 mt-2 min-h-0 flex-1 overflow-y-auto px-3",
-		children: i.map((n) => /* @__PURE__ */ x("div", {
+		children: i.map((n) => /* @__PURE__ */ S("div", {
 			className: "mt-4 first:mt-0",
-			children: [/* @__PURE__ */ b("p", {
+			children: [/* @__PURE__ */ x("p", {
 				className: "flex h-6 items-center px-2 text-xs font-medium text-muted-foreground",
 				children: n.label
-			}), /* @__PURE__ */ b("div", {
+			}), /* @__PURE__ */ x("div", {
 				className: "mt-1 space-y-0.5",
-				children: n.items.map(({ to: n, label: r, Icon: i }) => /* @__PURE__ */ x(e, {
+				children: n.items.map(({ to: n, label: r, Icon: i }) => /* @__PURE__ */ S(e, {
 					to: n,
 					params: { workspace: t },
-					className: w,
-					activeProps: E,
+					className: T,
+					activeProps: D,
 					activeOptions: { exact: !0 },
 					children: [
-						/* @__PURE__ */ b(i, { className: "size-4" }),
+						/* @__PURE__ */ x(i, { className: "size-4" }),
 						" ",
 						r
 					]
@@ -143,4 +148,4 @@ function O({ workspace: t }) {
 		}, n.label))
 	})] });
 }
-export { O as SettingsNav, w as navItem, T as navOn, D as useSettingsPages };
+export { k as SettingsNav, T as navItem, E as navOn, O as useSettingsPages };

package/components/TeamForm.js

@@ -2,73 +2,87 @@ import { api as e, unwrap as t } from "../api/client.js";
 import { useNavigate as n } from "../lib/router.js";
 import { teamsQuery as r } from "../api/queries.js";
 import { useFormError as i } from "./settings.js";
-import { Button as a, ErrorText as o, Input as s, Modal as c } from "@parallelworks/ui";
-import { useEffect as l, useState as u } from "react";
-import { useTranslations as d } from "use-intl";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { useMutation as h, useQueryClient as g } from "@tanstack/react-query";
+import { Button as a, ErrorText as o, Input as s, Modal as c, Select as l } from "@parallelworks/ui";
+import { useEffect as u, useState as d } from "react";
+import { useTranslations as f } from "use-intl";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useMutation as g, useQuery as _, useQueryClient as v } from "@tanstack/react-query";
 // src/components/TeamForm.tsx
-function _({ workspace: n, onCreated: c, onPendingChange: _, autoFocus: v }) {
-	let y = g(), [b, x] = u(""), [S, C] = u(""), w = d("settings"), T = i(), E = b.replace(/[^A-Za-z0-9]/g, "").toUpperCase().slice(0, 3), D = h({
+function y({ workspace: n, onCreated: c, onPendingChange: y, autoFocus: b }) {
+	let x = v(), [S, C] = d(""), [w, T] = d(""), [E, D] = d(""), { data: O = [] } = _(r(n)), k = f("settings"), A = f("teamParent"), j = i(), M = S.replace(/[^A-Za-z0-9]/g, "").toUpperCase().slice(0, 3), N = g({
 		mutationFn: async () => t(await e.POST("/api/v1/workspaces/{workspace}/teams", {
 			params: { path: { workspace: n } },
 			body: {
-				name: b,
-				key: S || E
+				name: S,
+				key: w || M,
+				...E && { parent: E }
 			}
 		})),
-		onMutate: T.clear,
+		onMutate: j.clear,
 		onSuccess: async (e) => {
-			x(""), C(""), await y.invalidateQueries({ queryKey: r(n).queryKey }), c?.(e);
+			C(""), T(""), await x.invalidateQueries({ queryKey: r(n).queryKey }), c?.(e);
 		},
-		onError: T.set
+		onError: j.set
 	});
-	return l(() => _?.(D.isPending), [D.isPending, _]), /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("form", {
+	return u(() => y?.(N.isPending), [N.isPending, y]), /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("form", {
 		className: "flex gap-2",
 		onSubmit: (e) => {
-			e.preventDefault(), D.mutate();
+			e.preventDefault(), N.mutate();
 		},
 		children: [
-			/* @__PURE__ */ p(s, {
+			/* @__PURE__ */ m(s, {
 				required: !0,
-				autoFocus: v,
-				placeholder: w("teamName"),
-				value: b,
-				onChange: (e) => x(e.target.value),
-				"aria-label": w("teamName"),
+				autoFocus: b,
+				placeholder: k("teamName"),
+				value: S,
+				onChange: (e) => C(e.target.value),
+				"aria-label": k("teamName"),
 				className: "min-w-0 flex-1"
 			}),
-			/* @__PURE__ */ p(s, {
-				placeholder: E || w("keyPlaceholder"),
-				value: S,
-				onChange: (e) => C(e.target.value.toUpperCase()),
-				"aria-label": w("key"),
+			/* @__PURE__ */ m(s, {
+				placeholder: M || k("keyPlaceholder"),
+				value: w,
+				onChange: (e) => T(e.target.value.toUpperCase()),
+				"aria-label": k("key"),
 				maxLength: 10,
 				className: "w-24"
 			}),
-			/* @__PURE__ */ p(a, {
+			O.some((e) => !e.archivedAt) && /* @__PURE__ */ m(l, {
+				value: E,
+				items: [{
+					value: "",
+					label: A("none")
+				}, ...O.filter((e) => !e.archivedAt).map((e) => ({
+					value: e.key,
+					label: e.name
+				}))],
+				onValueChange: D,
+				"aria-label": A("parent"),
+				width: "content"
+			}),
+			/* @__PURE__ */ m(a, {
 				type: "submit",
 				variant: "primary",
-				loading: D.isPending,
-				children: w("createTeam")
+				loading: N.isPending,
+				children: k("createTeam")
 			})
 		]
-	}), /* @__PURE__ */ p(o, {
+	}), /* @__PURE__ */ m(o, {
 		size: "md",
 		className: "mt-2",
-		children: T.error
+		children: j.error
 	})] });
 }
-function v({ workspace: e, onClose: t }) {
-	let r = d("teamForm"), i = n(), [a, o] = u(!1);
-	return /* @__PURE__ */ p(c, {
+function b({ workspace: e, onClose: t }) {
+	let r = f("teamForm"), i = n(), [a, o] = d(!1);
+	return /* @__PURE__ */ m(c, {
 		open: !0,
 		onClose: t,
 		dismissible: !a,
 		size: "lg",
 		title: r("title"),
 		description: r("description"),
-		children: /* @__PURE__ */ p(_, {
+		children: /* @__PURE__ */ m(y, {
 			workspace: e,
 			autoFocus: !0,
 			onPendingChange: o,
@@ -84,4 +98,4 @@ function v({ workspace: e, onClose: t }) {
 		})
 	});
 }
-export { v as CreateTeamDialog, _ as TeamForm };
+export { b as CreateTeamDialog, y as TeamForm };

package/components/TeamRepositories.js

@@ -1,27 +1,27 @@
 import { api as e, unwrap as t } from "../api/client.js";
 import { Link as n } from "../lib/router.js";
-import { availableRepositoriesQuery as r, codeHostQuery as ee, githubSettingsQuery as i, repositoriesQuery as a, teamsQuery as o } from "../api/queries.js";
-import { AddIcon as s, RepositoryIcon as c } from "./icons.js";
-import { copyItem as l } from "../lib/menus.js";
-import { useFormError as u } from "./settings.js";
-import { useConfirm as d } from "../lib/confirm.js";
-import { externalUrl as f } from "../lib/externalUrl.js";
-import { RepositoryIssueSync as p } from "./GitHub.js";
-import { Button as m, Card as h, Checkbox as g, Combobox as te, ErrorText as _, InfoTip as v, Section as y, Tooltip as b, menuDivider as x, useOpenMenu as ne } from "@parallelworks/ui";
-import { useState as S } from "react";
-import { useTranslations as C } from "use-intl";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { useMutation as E, useQuery as D, useQueryClient as O, useSuspenseQuery as k } from "@tanstack/react-query";
+import { availableRepositoriesQuery as r, codeHostQuery as i, githubSettingsQuery as a, repositoriesQuery as o, teamsQuery as s } from "../api/queries.js";
+import { useConfirm as c } from "../lib/confirm.js";
+import { AddIcon as l, RepositoryIcon as u } from "./icons.js";
+import { copyItem as d } from "../lib/menus.js";
+import { useFormError as f } from "./settings.js";
+import { externalUrl as p } from "../lib/externalUrl.js";
+import { RepositoryIssueSync as m } from "./GitHub.js";
+import { Button as h, Card as g, Checkbox as _, Combobox as ee, ErrorText as te, InfoTip as v, Section as y, Tooltip as b, menuDivider as x, useOpenMenu as S } from "@parallelworks/ui";
+import { useState as C } from "react";
+import { useTranslations as w } from "use-intl";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { useMutation as D, useQuery as O, useQueryClient as ne, useSuspenseQuery as k } from "@tanstack/react-query";
 // src/components/TeamRepositories.tsx
 var A = "cursor-help underline decoration-dotted underline-offset-2";
 function j({ workspace: j, team: M, isAdmin: N }) {
-	let P = C("code"), F = C("common"), { data: I } = k(ee(j)), { data: L } = k(a(j, M.key)), { data: R } = D({
-		...i(j),
+	let P = w("code"), F = w("common"), { data: I } = k(i(j)), { data: L } = k(o(j, M.key)), { data: R } = O({
+		...a(j),
 		enabled: N
-	}), z = C("github"), [B, V] = S(!1), H = I.connections.some((e) => !e.removed), U = D({
+	}), z = w("github"), [B, V] = C(!1), H = I.connections.some((e) => !e.removed), U = O({
 		...r(j, M.key),
 		enabled: B && N && H
-	}), W = O(), G = ne(), K = u(), { confirm: q, dialog: J } = d(), Y = () => W.invalidateQueries({ queryKey: a(j, M.key).queryKey }), X = (e) => {
+	}), W = ne(), G = S(), K = f(), { confirm: q, dialog: J } = c(), Y = () => W.invalidateQueries({ queryKey: o(j, M.key).queryKey }), X = (e) => {
 		let [t = "", n = ""] = e.split("/");
 		return { path: {
 			workspace: j,
@@ -29,7 +29,7 @@ function j({ workspace: j, team: M, isAdmin: N }) {
 			owner: t,
 			name: n
 		} };
-	}, Z = E({
+	}, Z = D({
 		mutationFn: async (n) => t(await e.PUT("/api/v1/workspaces/{workspace}/teams/{key}/repositories/{owner}/{name}", {
 			params: X(n.repository),
 			body: { default: n.makeDefault }
@@ -37,11 +37,11 @@ function j({ workspace: j, team: M, isAdmin: N }) {
 		onMutate: K.clear,
 		onError: K.set,
 		onSettled: Y
-	}), re = E({
+	}), re = D({
 		mutationFn: async (n) => t(await e.DELETE("/api/v1/workspaces/{workspace}/teams/{key}/repositories/{owner}/{name}", { params: X(n) })),
 		onMutate: K.clear,
 		onSettled: Y
-	}), Q = E({
+	}), Q = D({
 		mutationFn: async (n) => t(await e.PATCH("/api/v1/workspaces/{workspace}/teams/{key}", {
 			params: { path: {
 				workspace: j,
@@ -51,40 +51,40 @@ function j({ workspace: j, team: M, isAdmin: N }) {
 		})),
 		onMutate: K.clear,
 		onError: K.set,
-		onSettled: () => W.invalidateQueries({ queryKey: o(j).queryKey })
+		onSettled: () => W.invalidateQueries({ queryKey: s(j).queryKey })
 	}), $ = (e) => q({
 		title: P("unlinkConfirm", { repository: e }),
 		description: P("unlinkDetail"),
 		confirmLabel: P("unlink"),
 		onConfirm: () => re.mutateAsync(e)
 	});
-	if (I.provider === "") return /* @__PURE__ */ w(y, {
+	if (I.provider === "") return /* @__PURE__ */ T(y, {
 		variant: "bare",
 		headingLevel: 2,
 		collapsible: !1,
 		title: P("repositories"),
-		children: /* @__PURE__ */ w("p", {
+		children: /* @__PURE__ */ T("p", {
 			className: "text-sm text-muted-foreground",
 			children: P("notConfigured")
 		})
 	});
 	let ie = new Set(L.map((e) => `${e.owner}/${e.name}`.toLowerCase()));
-	return /* @__PURE__ */ T(y, {
+	return /* @__PURE__ */ E(y, {
 		variant: "bare",
 		headingLevel: 2,
 		collapsible: !1,
 		title: P("repositories"),
 		description: P("repositoriesDescription"),
 		children: [
-			/* @__PURE__ */ T(h, {
+			/* @__PURE__ */ E(g, {
 				size: "fill",
 				padding: "none",
 				divided: !0,
 				interactive: !1,
-				render: /* @__PURE__ */ w("ul", {}),
+				render: /* @__PURE__ */ T("ul", {}),
 				children: [L.map((e) => {
-					let t = `${e.owner}/${e.name}`, n = f(e.url), r = R?.enabled && R.repositories.find((e) => e.team === M.key && e.fullName.toLowerCase() === t.toLowerCase());
-					return /* @__PURE__ */ T("li", {
+					let t = `${e.owner}/${e.name}`, n = p(e.url), r = R?.enabled && R.repositories.find((e) => e.team === M.key && e.fullName.toLowerCase() === t.toLowerCase());
+					return /* @__PURE__ */ E("li", {
 						onContextMenu: (r) => G(r, [
 							n ? {
 								label: P("openOnHost"),
@@ -95,7 +95,7 @@ function j({ workspace: j, team: M, isAdmin: N }) {
 								disabled: !0,
 								onClick: () => {}
 							},
-							l(F("copyName"), t),
+							d(F("copyName"), t),
 							...N ? [
 								x,
 								{
@@ -114,29 +114,29 @@ function j({ workspace: j, team: M, isAdmin: N }) {
 							] : []
 						]),
 						className: "px-3 py-2 text-sm",
-						children: [/* @__PURE__ */ T("div", {
+						children: [/* @__PURE__ */ E("div", {
 							className: "flex items-center gap-3",
 							children: [
-								/* @__PURE__ */ w(c, { className: "size-4 text-muted-foreground" }),
-								/* @__PURE__ */ w("a", {
+								/* @__PURE__ */ T(u, { className: "size-4 text-muted-foreground" }),
+								/* @__PURE__ */ T("a", {
 									href: n,
 									target: "_blank",
 									rel: "noopener noreferrer",
 									className: "min-w-0 truncate hover:underline",
 									children: t
 								}),
-								/* @__PURE__ */ w("span", {
+								/* @__PURE__ */ T("span", {
 									className: "flex-1 text-xs text-muted-foreground",
-									children: e.default ? /* @__PURE__ */ w(v, {
+									children: e.default ? /* @__PURE__ */ T(v, {
 										text: P("defaultHint"),
 										className: A,
 										children: P("defaultRepository")
 									}) : e.private && P("private")
 								}),
-								N && !e.default && /* @__PURE__ */ w(b, {
+								N && !e.default && /* @__PURE__ */ T(b, {
 									content: P("makeDefaultHint"),
 									describesAnchor: !0,
-									children: /* @__PURE__ */ w("button", {
+									children: /* @__PURE__ */ T("button", {
 										type: "button",
 										onClick: () => Z.mutate({
 											repository: t,
@@ -146,22 +146,22 @@ function j({ workspace: j, team: M, isAdmin: N }) {
 										children: P("makeDefault")
 									})
 								}),
-								N && /* @__PURE__ */ w("button", {
+								N && /* @__PURE__ */ T("button", {
 									type: "button",
 									onClick: () => $(t),
 									className: "text-xs text-muted-foreground hover:text-danger",
 									children: P("unlink")
 								})
 							]
-						}), r && /* @__PURE__ */ w("div", {
+						}), r && /* @__PURE__ */ T("div", {
 							className: "mt-2 pl-7",
-							children: /* @__PURE__ */ w(p, {
+							children: /* @__PURE__ */ T(m, {
 								workspace: j,
 								repository: r,
 								teamName: M.name,
-								children: /* @__PURE__ */ w("span", {
+								children: /* @__PURE__ */ T("span", {
 									className: "flex-1 text-xs text-muted-foreground",
-									children: /* @__PURE__ */ w(v, {
+									children: /* @__PURE__ */ T(v, {
 										text: z("issueSyncHint"),
 										className: A,
 										children: z("issueSync")
@@ -170,30 +170,30 @@ function j({ workspace: j, team: M, isAdmin: N }) {
 							})
 						})]
 					}, t);
-				}), L.length === 0 && /* @__PURE__ */ w("li", {
+				}), L.length === 0 && /* @__PURE__ */ T("li", {
 					className: "px-3 py-2 text-sm text-muted-foreground",
 					children: P("noRepositories")
 				})]
 			}),
-			N && !H && /* @__PURE__ */ w("p", {
+			N && !H && /* @__PURE__ */ T("p", {
 				className: "mt-3 text-sm text-muted-foreground",
-				children: P.rich("connectFirst", { settings: (e) => /* @__PURE__ */ w(n, {
+				children: P.rich("connectFirst", { settings: (e) => /* @__PURE__ */ T(n, {
 					to: "/$workspace/settings/github",
 					params: { workspace: j },
 					className: "underline",
 					children: e
 				}) })
 			}),
-			N && H && /* @__PURE__ */ w("div", {
+			N && H && /* @__PURE__ */ T("div", {
 				className: "mt-3",
-				children: /* @__PURE__ */ w(te, {
+				children: /* @__PURE__ */ T(ee, {
 					open: B,
 					onOpenChange: V,
 					items: (U.data ?? []).filter((e) => !ie.has(`${e.owner}/${e.name}`.toLowerCase())).map((e) => ({
 						value: `${e.owner}/${e.name}`,
 						label: `${e.owner}/${e.name}`,
 						...e.private && { hint: P("private") },
-						icon: /* @__PURE__ */ w(c, { className: "size-3.5 text-muted-foreground" })
+						icon: /* @__PURE__ */ T(u, { className: "size-3.5 text-muted-foreground" })
 					})),
 					value: null,
 					onValueChange: (e) => e !== null && Z.mutate({
@@ -203,25 +203,25 @@ function j({ workspace: j, team: M, isAdmin: N }) {
 					placeholder: P("linkPlaceholder"),
 					"aria-label": P("linkRepository"),
 					loading: U.isPending,
-					trigger: /* @__PURE__ */ T(m, {
+					trigger: /* @__PURE__ */ E(h, {
 						type: "button",
 						children: [
-							/* @__PURE__ */ w(s, { className: "size-3.5" }),
+							/* @__PURE__ */ T(l, { className: "size-3.5" }),
 							" ",
 							P("linkRepository")
 						]
 					})
 				})
 			}),
-			/* @__PURE__ */ T("label", {
+			/* @__PURE__ */ E("label", {
 				className: "mt-4 flex w-fit items-center gap-2 text-sm",
-				children: [/* @__PURE__ */ w(g, {
+				children: [/* @__PURE__ */ T(_, {
 					checked: M.closeIssuesOnMerge,
 					disabled: !N || Q.isPending,
 					onCheckedChange: (e) => Q.mutate(e)
 				}), P("closeOnMerge")]
 			}),
-			(K.error || U.isError) && /* @__PURE__ */ w(_, {
+			(K.error || U.isError) && /* @__PURE__ */ T(te, {
 				size: "md",
 				className: "mt-2",
 				children: K.error ?? P("unavailable")

package/components/TeamWorkflow.js

@@ -1,8 +1,8 @@
 import { api as e, unwrap as t } from "../api/client.js";
 import { statusesQuery as n } from "../api/queries.js";
-import { ChevronDownIcon as r, StatusIcon as i } from "./icons.js";
-import { useFormError as a } from "./settings.js";
-import { useConfirm as o } from "../lib/confirm.js";
+import { useConfirm as r } from "../lib/confirm.js";
+import { ChevronDownIcon as i, StatusIcon as a } from "./icons.js";
+import { useFormError as o } from "./settings.js";
 import { Button as s, Card as c, ErrorText as l, IconButton as u, Input as d, Section as f, Select as p } from "@parallelworks/ui";
 import { useState as m } from "react";
 import { useTranslations as h } from "use-intl";
@@ -17,7 +17,7 @@ var x = [
 	"canceled"
 ], S = (e) => e === "completed" || e === "canceled";
 function C({ workspace: C, teamKey: w, isAdmin: T }) {
-	let { data: E } = b(n(C, w)), D = h("workflow"), O = h("issues.groups"), k = h("common"), A = y(), j = a(), [M, N] = m(null), [P, F] = m(""), [I, L] = m(""), [R, z] = m("started"), B = (e) => ({ path: {
+	let { data: E } = b(n(C, w)), D = h("workflow"), O = h("issues.groups"), k = h("common"), A = y(), j = o(), [M, N] = m(null), [P, F] = m(""), [I, L] = m(""), [R, z] = m("started"), B = (e) => ({ path: {
 		workspace: C,
 		key: w,
 		statusId: e
@@ -58,7 +58,7 @@ function C({ workspace: C, teamKey: w, isAdmin: T }) {
 		mutationFn: async (n) => t(await e.DELETE("/api/v1/workspaces/{workspace}/teams/{key}/statuses/{statusId}", { params: B(n) })),
 		onMutate: j.clear,
 		onSettled: V
-	}), { confirm: G, dialog: K } = o(), q = (e) => {
+	}), { confirm: G, dialog: K } = r(), q = (e) => {
 		let t = E.filter((t) => t.id !== e.id);
 		return t.find((t) => t.category === e.category) ?? t.find((t) => S(t.category) === S(e.category));
 	}, J = (e) => G({
@@ -90,7 +90,7 @@ function C({ workspace: C, teamKey: w, isAdmin: T }) {
 						children: t.map((e, n) => /* @__PURE__ */ _("li", {
 							className: "flex items-center gap-3 px-3 py-2 text-sm",
 							children: [
-								/* @__PURE__ */ g(i, { category: e.category }),
+								/* @__PURE__ */ g(a, { category: e.category }),
 								M === e.id ? /* @__PURE__ */ _("form", {
 									className: "flex min-w-0 flex-1 gap-2",
 									onSubmit: (t) => {
@@ -132,7 +132,7 @@ function C({ workspace: C, teamKey: w, isAdmin: T }) {
 										/* @__PURE__ */ g(u, {
 											variant: "ghost",
 											size: "sm",
-											icon: /* @__PURE__ */ g(r, { className: "rotate-180" }),
+											icon: /* @__PURE__ */ g(i, { className: "rotate-180" }),
 											label: D("moveUp", { name: e.name }),
 											disabled: n === 0 || U.isPending,
 											onClick: () => U.mutate({
@@ -143,7 +143,7 @@ function C({ workspace: C, teamKey: w, isAdmin: T }) {
 										/* @__PURE__ */ g(u, {
 											variant: "ghost",
 											size: "sm",
-											icon: /* @__PURE__ */ g(r, {}),
+											icon: /* @__PURE__ */ g(i, {}),
 											label: D("moveDown", { name: e.name }),
 											disabled: n === t.length - 1 || U.isPending,
 											onClick: () => U.mutate({