@parallelworks/tandem-web 0.142.0 → 0.144.0

package/components/CodeHostSettings.js

@@ -1,9 +1,9 @@
 import { api as e, unwrap as t } from "../api/client.js";
 import { codeHostAccountsQuery as n, codeHostQuery as r, meQuery as i } from "../api/queries.js";
-import { CodeHostIcon as a } from "./icons.js";
-import { usePeople as o } from "../lib/people.js";
-import { useFormError as s } from "./settings.js";
-import { useConfirm as c } from "../lib/confirm.js";
+import { useConfirm as a } from "../lib/confirm.js";
+import { CodeHostIcon as o } from "./icons.js";
+import { usePeople as s } from "../lib/people.js";
+import { useFormError as c } from "./settings.js";
 import { externalUrl as l } from "../lib/externalUrl.js";
 import { ConnectionCard as u, ConnectionPanel as d } from "./ConnectionCard.js";
 import { Avatar as f, Button as p, Card as m, ErrorText as h, Section as g, Select as _, SettingsCard as v, StatusLabel as y } from "@parallelworks/ui";
@@ -13,7 +13,7 @@ import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 import { useMutation as T, useQueryClient as E, useSuspenseQuery as D } from "@tanstack/react-query";
 // src/components/CodeHostSettings.tsx
 function O({ workspace: n }) {
-	let a = x("code"), { data: o } = D(i), { data: l } = D(r(n)), u = E(), d = s(), { confirm: f, dialog: m } = c(), v = T({
+	let o = x("code"), { data: s } = D(i), { data: l } = D(r(n)), u = E(), d = c(), { confirm: f, dialog: m } = a(), v = T({
 		mutationFn: async (r) => t(await e.DELETE("/api/v1/workspaces/{workspace}/code-host/connections/{account}", { params: { path: {
 			workspace: n,
 			account: r
@@ -27,11 +27,11 @@ function O({ workspace: n }) {
 			] });
 		}
 	}), y = (e) => f({
-		title: a("disconnectConfirm", { account: e }),
-		description: a("disconnectDetail"),
-		confirmLabel: a("disconnect"),
+		title: o("disconnectConfirm", { account: e }),
+		description: o("disconnectDetail"),
+		confirmLabel: o("disconnect"),
 		onConfirm: () => v.mutateAsync(e)
-	}), [S, O] = b(""), k = l.connections.filter((e) => e.connectedBy === o?.user.username), A = k[0];
+	}), [S, O] = b(""), k = l.connections.filter((e) => e.connectedBy === s?.user.username), A = k[0];
 	if (!A) return null;
 	let j = k.some((e) => e.account === S) ? S : A.account;
 	return /* @__PURE__ */ w(g, {
@@ -39,8 +39,8 @@ function O({ workspace: n }) {
 		tone: "error",
 		collapsible: !1,
 		headingLevel: 2,
-		title: a("dangerZone"),
-		description: a("disconnectDetail"),
+		title: o("dangerZone"),
+		description: o("disconnectDetail"),
 		className: "mt-10",
 		children: [
 			/* @__PURE__ */ w("div", {
@@ -48,7 +48,7 @@ function O({ workspace: n }) {
 				children: [/* @__PURE__ */ C("div", {
 					className: "w-56 max-w-full",
 					children: /* @__PURE__ */ C(_, {
-						"aria-label": a("disconnectWhich"),
+						"aria-label": o("disconnectWhich"),
 						value: j,
 						onValueChange: (e) => e && O(e),
 						items: k.map((e) => ({
@@ -60,7 +60,7 @@ function O({ workspace: n }) {
 					variant: "danger",
 					onClick: () => y(j),
 					loading: v.isPending,
-					children: a("disconnectAccount", { account: j })
+					children: o("disconnectAccount", { account: j })
 				})]
 			}),
 			/* @__PURE__ */ C(h, {
@@ -72,8 +72,8 @@ function O({ workspace: n }) {
 		]
 	});
 }
-function k({ workspace: n, isAdmin: i, result: c }) {
-	let m = x("code"), { data: h } = D(r(n)), { person: g } = o(n), _ = s(), b = T({
+function k({ workspace: n, isAdmin: i, result: a }) {
+	let m = x("code"), { data: h } = D(r(n)), { person: g } = s(n), _ = c(), b = T({
 		mutationFn: async () => t(await e.POST("/api/v1/workspaces/{workspace}/code-host/connect", { params: { path: { workspace: n } } })),
 		onMutate: _.clear,
 		onSuccess: ({ url: e }) => {
@@ -86,13 +86,13 @@ function k({ workspace: n, isAdmin: i, result: c }) {
 		className: "px-3 py-2 text-sm text-muted-foreground",
 		children: m("notConfigured")
 	}) }) : /* @__PURE__ */ w(S, { children: [
-		c && c !== "choose" && /* @__PURE__ */ C("p", {
+		a && a !== "choose" && /* @__PURE__ */ C("p", {
 			role: "status",
-			className: `mb-3 rounded-md bg-muted px-3 py-2 text-sm ${c === "failed" ? "text-danger" : ""}`,
-			children: m(`result.${c}`)
+			className: `mb-3 rounded-md bg-muted px-3 py-2 text-sm ${a === "failed" ? "text-danger" : ""}`,
+			children: m(`result.${a}`)
 		}),
 		/* @__PURE__ */ C(u, {
-			icon: /* @__PURE__ */ C(a, { className: "size-7" }),
+			icon: /* @__PURE__ */ C(o, { className: "size-7" }),
 			name: m("provider"),
 			status: h.connections.length > 0 ? m("linkedCount", { count: h.connections.length }) : m("description"),
 			error: _.error,
@@ -129,12 +129,12 @@ function k({ workspace: n, isAdmin: i, result: c }) {
 		}),
 		i && /* @__PURE__ */ C(A, {
 			workspace: n,
-			chosen: c === "choose"
+			chosen: a === "choose"
 		})
 	] });
 }
 function A({ workspace: i, chosen: a }) {
-	let o = x("code"), { data: c } = D(n(i)), u = E(), d = s(), f = T({
+	let o = x("code"), { data: s } = D(n(i)), u = E(), d = c(), f = T({
 		mutationFn: async (n) => t(await e.POST("/api/v1/workspaces/{workspace}/code-host/connections", {
 			params: { path: { workspace: i } },
 			body: { id: n }
@@ -156,7 +156,7 @@ function A({ workspace: i, chosen: a }) {
 		onMutate: d.clear,
 		onError: d.set
 	});
-	return !a && c.length === 0 ? null : /* @__PURE__ */ w(m, {
+	return !a && s.length === 0 ? null : /* @__PURE__ */ w(m, {
 		size: "fill",
 		padding: "sm",
 		className: "mt-4",
@@ -167,11 +167,11 @@ function A({ workspace: i, chosen: a }) {
 			}),
 			/* @__PURE__ */ C("p", {
 				className: "mt-0.5 text-sm text-muted-foreground",
-				children: c.length > 0 ? o("chooseDescription") : o("noAccounts")
+				children: s.length > 0 ? o("chooseDescription") : o("noAccounts")
 			}),
-			c.length > 0 && /* @__PURE__ */ C("ul", {
+			s.length > 0 && /* @__PURE__ */ C("ul", {
 				className: "mt-3 divide-y divide-border rounded-md border border-border",
-				children: c.map((e) => /* @__PURE__ */ w("li", {
+				children: s.map((e) => /* @__PURE__ */ w("li", {
 					className: "px-3 py-2 text-sm",
 					children: [/* @__PURE__ */ w("div", {
 						className: "flex items-center gap-3",

package/components/CustomFields.js

@@ -0,0 +1,349 @@
+import { issueQuery as e } from "../api/queries.js";
+import { useConfirm as t } from "../lib/confirm.js";
+import { customFieldsQuery as n, fieldKinds as r, fieldsFor as i, hasValue as a, setIssueFields as o, setProjectFields as s, useCustomFieldActions as c } from "../lib/customFields.js";
+import { issueTypesQuery as l, typeShows as u } from "../lib/issueTypes.js";
+import { AddIcon as d } from "./icons.js";
+import { invalidateIssueViews as f } from "../api/mutations.js";
+import { PropertyField as p, usePropertyText as m } from "./DocProperties.js";
+import { Button as h, Checkbox as g, ErrorText as _, IconButton as v, Input as y, Select as b, SettingsCard as x, Textarea as S, menuDivider as C, useOpenMenu as w } from "@parallelworks/ui";
+import { useId as T, useState as E } from "react";
+import { useErrorMessage as D } from "@parallelworks/problem/react";
+import { useTranslations as O } from "use-intl";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { useMutation as M, useQuery as N, useQueryClient as P } from "@tanstack/react-query";
+// src/components/CustomFields.tsx
+function F(e) {
+	let t = m(e);
+	return (e, n) => t(e, n);
+}
+function I({ workspace: t, issue: r, label: a }) {
+	let s = D(), c = P(), { data: d } = N(n(t)), { data: m } = N(l(t)), h = m?.find((e) => e.id === r.type?.id), g = i(d, "issue", r.teamId).filter((e) => u(h, e.id)), v = e(t, r.identifier).queryKey, y = M({
+		mutationFn: (e) => o(t, r.identifier, e),
+		onMutate: async (e) => {
+			await c.cancelQueries({ queryKey: v });
+			let t = c.getQueryData(v);
+			return t && c.setQueryData(v, {
+				...t,
+				fields: {
+					...t.fields,
+					...e
+				}
+			}), { previous: t };
+		},
+		onError: (e, t, n) => {
+			n?.previous && c.setQueryData(v, n.previous);
+		},
+		onSuccess: (e) => c.setQueryData(v, e),
+		onSettled: () => f(c, t, r.identifier)
+	});
+	return g.length === 0 ? null : /* @__PURE__ */ j(k, { children: [g.map((e) => a(e.name, /* @__PURE__ */ A("div", {
+		className: "px-2",
+		children: /* @__PURE__ */ A(p, {
+			workspace: t,
+			property: e,
+			value: r.fields[e.id],
+			editable: !0,
+			onChange: (t) => y.mutate({ [e.id]: t })
+		})
+	}), e.id)), y.error && /* @__PURE__ */ A(_, {
+		className: "px-2",
+		children: s(y.error)
+	})] });
+}
+function L({ workspace: e, project: t, editable: r, onChange: a }) {
+	let o = O("customFields"), c = D(), { data: l } = N(n(e)), u = i(l, "project"), d = M({
+		mutationFn: (n) => s(e, t.id, n),
+		onSuccess: a
+	});
+	return u.length === 0 ? null : /* @__PURE__ */ j("section", {
+		"aria-label": o("title"),
+		className: "max-w-xl space-y-0.5 text-sm",
+		children: [u.map((n) => /* @__PURE__ */ j("div", {
+			className: "flex min-h-8 items-center gap-2",
+			children: [/* @__PURE__ */ A("span", {
+				className: "w-36 shrink-0 truncate text-muted-foreground",
+				children: n.name
+			}), /* @__PURE__ */ A("div", {
+				className: "min-w-0 flex-1",
+				children: /* @__PURE__ */ A(p, {
+					workspace: e,
+					property: n,
+					value: t.fields[n.id],
+					editable: r,
+					onChange: (e) => d.mutate({ [n.id]: e })
+				})
+			})]
+		}, n.id)), d.error && /* @__PURE__ */ A(_, { children: c(d.error) })]
+	});
+}
+function R({ workspace: e, teamId: t, typeId: r, values: o, onChange: s }) {
+	let c = O("customFields"), { data: d } = N(n(e)), { data: f } = N(l(e)), m = f?.find((e) => e.id === r), h = i(d, "issue", t).filter((e) => u(m, e.id)).map((e) => m?.requiredFieldIds.includes(e.id) ? {
+		...e,
+		required: !0
+	} : e).filter((e) => e.required || a(o[e.id]));
+	return h.length === 0 ? null : /* @__PURE__ */ j("fieldset", {
+		className: "space-y-0.5 text-sm",
+		children: [/* @__PURE__ */ A("legend", {
+			className: "sr-only",
+			children: c("title")
+		}), h.map((t) => /* @__PURE__ */ j("div", {
+			className: "flex min-h-8 items-center gap-2",
+			children: [/* @__PURE__ */ j("span", {
+				className: "w-36 shrink-0 truncate text-muted-foreground",
+				children: [t.name, t.required && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ j("span", {
+					"aria-hidden": !0,
+					className: "text-destructive",
+					children: [" ", "*"]
+				}), /* @__PURE__ */ A("span", {
+					className: "sr-only",
+					children: c("required")
+				})] })]
+			}), /* @__PURE__ */ A("div", {
+				className: "min-w-0 flex-1",
+				children: /* @__PURE__ */ A(p, {
+					workspace: e,
+					property: t,
+					value: o[t.id],
+					editable: !0,
+					onChange: (e) => s({
+						...o,
+						[t.id]: e
+					})
+				})
+			})]
+		}, t.id))]
+	});
+}
+function z({ workspace: e, target: t, team: r }) {
+	let i = O("customFields"), { data: a } = N(n(e)), o = (a ?? []).filter((e) => e.target === t && (r ? e.teamId === r.id : !e.teamId)).sort((e, t) => e.position - t.position), [s, c] = E(!1);
+	return /* @__PURE__ */ j(x, {
+		title: i(t === "issue" ? "issueFields" : "projectFields"),
+		description: i(r ? "teamFieldsHelp" : t === "issue" ? "issueFieldsHelp" : "projectFieldsHelp"),
+		action: /* @__PURE__ */ A(h, {
+			size: "sm",
+			icon: /* @__PURE__ */ A(d, {}),
+			onClick: () => c(!0),
+			children: i("add")
+		}),
+		children: [s && /* @__PURE__ */ A(V, {
+			workspace: e,
+			target: t,
+			team: r?.key,
+			onDone: () => c(!1)
+		}), o.length === 0 && !s ? /* @__PURE__ */ A("p", {
+			className: "px-3 py-3 text-sm text-muted-foreground",
+			children: i("none")
+		}) : /* @__PURE__ */ A("ul", {
+			className: "divide-y divide-border",
+			children: o.map((t, n) => /* @__PURE__ */ A(B, {
+				workspace: e,
+				field: t,
+				before: o[n - 1],
+				after: o[n + 1]
+			}, t.id))
+		})]
+	});
+}
+function B({ workspace: e, field: n, before: r, after: i }) {
+	let a = O("customFields"), o = c(e), s = w(), { confirm: l, dialog: u } = t(), [d, f] = E(!1), p = (e, t) => e && o.update.mutate({
+		id: n.id,
+		position: t ? (e.position + t.position) / 2 : e.position + (e === i ? 1 : -1)
+	}), m = () => l({
+		title: a("deleteTitle", { name: n.name }),
+		description: a("deleteDescription", { count: n.values }),
+		confirmLabel: a("delete"),
+		destructive: !0,
+		onConfirm: () => o.remove.mutateAsync(n.id)
+	}), h = () => [
+		{
+			label: a("edit"),
+			onClick: () => f(!0)
+		},
+		...r ? [{
+			label: a("moveUp"),
+			onClick: () => p(r, void 0)
+		}] : [],
+		...i ? [{
+			label: a("moveDown"),
+			onClick: () => p(i, void 0)
+		}] : [],
+		{
+			label: n.archivedAt ? a("restore") : a("archive"),
+			onClick: () => o.update.mutate({
+				id: n.id,
+				archived: !n.archivedAt
+			})
+		},
+		C,
+		{
+			label: a("delete"),
+			destructive: !0,
+			onClick: m
+		}
+	];
+	return d ? /* @__PURE__ */ A("li", {
+		className: "p-2",
+		children: /* @__PURE__ */ A(V, {
+			workspace: e,
+			target: n.target,
+			field: n,
+			onDone: () => f(!1)
+		})
+	}) : /* @__PURE__ */ j("li", {
+		className: "flex min-h-10 items-center gap-3 px-3 py-1.5",
+		onContextMenu: (e) => s(e, h()),
+		children: [
+			/* @__PURE__ */ j("div", {
+				className: "min-w-0 flex-1",
+				children: [/* @__PURE__ */ j("p", {
+					className: `truncate text-sm ${n.archivedAt ? "text-muted-foreground" : ""}`,
+					children: [n.name, n.required && /* @__PURE__ */ A("span", {
+						className: "ml-2 text-xs text-muted-foreground",
+						children: a("required")
+					})]
+				}), n.description && /* @__PURE__ */ A("p", {
+					className: "truncate text-xs text-muted-foreground",
+					children: n.description
+				})]
+			}),
+			n.archivedAt && /* @__PURE__ */ A("span", {
+				className: "shrink-0 text-xs text-muted-foreground",
+				children: a("archived")
+			}),
+			/* @__PURE__ */ A("span", {
+				className: "shrink-0 text-xs text-muted-foreground",
+				children: a(`kinds.${n.kind}`)
+			}),
+			/* @__PURE__ */ A("span", {
+				className: "w-20 shrink-0 text-right text-xs tabular-nums text-muted-foreground",
+				children: a("values", { count: n.values })
+			}),
+			/* @__PURE__ */ A(v, {
+				variant: "ghost",
+				size: "sm",
+				label: a("actions", { name: n.name }),
+				icon: /* @__PURE__ */ A("span", {
+					"aria-hidden": !0,
+					children: "⋯"
+				}),
+				onClick: (e) => s(e, h())
+			}),
+			u
+		]
+	});
+}
+function V({ workspace: e, target: t, team: n, field: i, onDone: a }) {
+	let o = O("customFields"), s = D(), l = c(e), [u, d] = E(i?.name ?? ""), [f, p] = E(i?.description ?? ""), [m, v] = E(i?.kind ?? "text"), [x, C] = E(i?.required ?? !1), w = T(), [k, M] = E((i?.options ?? []).map((e) => e.name).join("\n")), N = m === "select" || m === "multi_select", P = () => k.split("\n").map((e) => e.trim()).filter(Boolean).map((e) => {
+		let t = i?.options.find((t) => t.name === e)?.id;
+		return {
+			name: e,
+			...t && { id: t }
+		};
+	}), F = i ? l.update : l.create;
+	return /* @__PURE__ */ j("form", {
+		onSubmit: (e) => {
+			e.preventDefault(), i ? l.update.mutate({
+				id: i.id,
+				name: u,
+				description: f,
+				...t === "issue" && { required: x },
+				...N && { options: P() }
+			}, { onSuccess: a }) : l.create.mutate({
+				target: t,
+				...n && { team: n },
+				name: u,
+				description: f,
+				kind: m,
+				...t === "issue" && { required: x },
+				...N && { options: P() }
+			}, { onSuccess: a });
+		},
+		className: "space-y-3 rounded-md border border-border p-3 text-sm",
+		children: [
+			/* @__PURE__ */ j("div", {
+				className: "grid gap-3 sm:grid-cols-2",
+				children: [/* @__PURE__ */ j("label", {
+					className: "block text-xs font-medium text-muted-foreground",
+					children: [o("name"), /* @__PURE__ */ A(y, {
+						value: u,
+						onChange: (e) => d(e.target.value),
+						required: !0,
+						maxLength: 60,
+						className: "mt-1",
+						autoFocus: !0
+					})]
+				}), /* @__PURE__ */ j("div", {
+					className: "text-xs font-medium text-muted-foreground",
+					children: [o("kind"), /* @__PURE__ */ A("div", {
+						className: "mt-1",
+						children: /* @__PURE__ */ A(b, {
+							value: m,
+							items: r.map((e) => ({
+								value: e,
+								label: o(`kinds.${e}`)
+							})),
+							onValueChange: v,
+							"aria-label": o("kind"),
+							width: "fill",
+							disabled: !!i
+						})
+					})]
+				})]
+			}),
+			/* @__PURE__ */ j("label", {
+				className: "block text-xs font-medium text-muted-foreground",
+				children: [o("description"), /* @__PURE__ */ A(y, {
+					value: f,
+					onChange: (e) => p(e.target.value),
+					maxLength: 500,
+					className: "mt-1"
+				})]
+			}),
+			N && /* @__PURE__ */ j("label", {
+				className: "block text-xs font-medium text-muted-foreground",
+				children: [
+					o("options"),
+					/* @__PURE__ */ A(S, {
+						value: k,
+						onChange: (e) => M(e.target.value),
+						rows: 4,
+						className: "mt-1"
+					}),
+					/* @__PURE__ */ A("span", {
+						className: "mt-1 block font-normal",
+						children: o("optionsHint")
+					})
+				]
+			}),
+			t === "issue" && /* @__PURE__ */ j("div", {
+				className: "flex items-center gap-2 text-sm",
+				children: [/* @__PURE__ */ A(g, {
+					id: w,
+					checked: x,
+					onCheckedChange: (e) => C(e === !0)
+				}), /* @__PURE__ */ A("label", {
+					htmlFor: w,
+					children: o("requiredLabel")
+				})]
+			}),
+			F.error && /* @__PURE__ */ A(_, { children: s(F.error) }),
+			/* @__PURE__ */ j("div", {
+				className: "flex justify-end gap-2",
+				children: [/* @__PURE__ */ A(h, {
+					size: "sm",
+					variant: "ghost",
+					onClick: a,
+					children: o("cancel")
+				}), /* @__PURE__ */ A(h, {
+					type: "submit",
+					size: "sm",
+					variant: "primary",
+					loading: F.isPending,
+					disabled: !u.trim(),
+					children: o(i ? "save" : "add")
+				})]
+			})
+		]
+	});
+}
+export { z as FieldSettings, I as IssueFields, R as NewIssueFields, L as ProjectFields, F as useFieldText };

package/components/DocProperties.js

@@ -116,6 +116,12 @@ function O({ workspace: e, property: n, value: r, editable: i, onChange: a }) {
 			},
 			className: "text-primary hover:underline",
 			children: t
+		}) : n.kind === "url" && t ? /* @__PURE__ */ S("a", {
+			href: t,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: "truncate text-primary hover:underline",
+			children: t
 		}) : /* @__PURE__ */ S("span", {
 			className: t ? "" : "text-muted-foreground",
 			children: t || u
@@ -189,12 +195,12 @@ function k({ property: e, value: t, onChange: n }) {
 		a !== i && (a.trim() ? n(e.kind === "number" ? Number(a) : a) : n(null));
 	};
 	return /* @__PURE__ */ S(d, {
-		type: e.kind === "number" ? "number" : "text",
+		type: e.kind === "number" ? "number" : e.kind === "url" ? "url" : "text",
 		value: a,
 		onChange: (e) => o(e.target.value),
 		onBlur: s,
 		onKeyDown: (e) => e.key === "Enter" && s(),
-		placeholder: r(e.kind === "issue" ? "issueExample" : "empty"),
+		placeholder: r(e.kind === "issue" ? "issueExample" : e.kind === "url" ? "urlExample" : "empty"),
 		"aria-label": e.name,
 		className: "h-7 border-transparent px-1.5 shadow-none hover:border-border"
 	});

package/components/GitHub.js

@@ -1,9 +1,9 @@
 import { basePath as e } from "../lib/base.js";
 import { api as t, unwrap as n } from "../api/client.js";
 import { githubAccountQuery as r, githubSettingsQuery as i, teamsQuery as a } from "../api/queries.js";
-import { CheckIcon as o, CodeHostIcon as s } from "./icons.js";
-import { cardList as c, useFormError as l } from "./settings.js";
-import { useConfirm as u } from "../lib/confirm.js";
+import { useConfirm as o } from "../lib/confirm.js";
+import { CheckIcon as s, CodeHostIcon as c } from "./icons.js";
+import { cardList as l, useFormError as u } from "./settings.js";
 import { ConnectionCard as d } from "./ConnectionCard.js";
 import { TeamName as f } from "./TeamName.js";
 import { Button as p, ErrorText as m, ProgressBar as h, Select as g, SettingsCard as _, StatusLabel as v, Tooltip as y, buttonClasses as b } from "@parallelworks/ui";
@@ -44,15 +44,15 @@ async function I(e) {
 }
 var L = () => window.location.pathname.slice(e.length) || "/";
 function R() {
-	let { data: e } = M(r), i = T("github"), a = j(), o = l(), c = P(), f = k({
+	let { data: e } = M(r), i = T("github"), a = j(), s = u(), l = P(), f = k({
 		mutationFn: () => I(async () => n(await t.POST("/api/v1/me/github", { body: { returnTo: L() } }))),
-		onMutate: o.clear,
-		onError: o.set
+		onMutate: s.clear,
+		onError: s.set
 	}), m = k({
 		mutationFn: async () => n(await t.DELETE("/api/v1/me/github")),
-		onMutate: o.clear,
+		onMutate: s.clear,
 		onSettled: () => a.invalidateQueries({ queryKey: r.queryKey })
-	}), { confirm: h, dialog: g } = u();
+	}), { confirm: h, dialog: g } = o();
 	if (!e.enabled) return null;
 	let _ = e.keepsTokens ? i("accountDescriptionBothWays") : i("accountDescription"), y = e.login ? /* @__PURE__ */ D(z, {
 		login: e.login,
@@ -62,7 +62,7 @@ function R() {
 		children: i("notLinkedLabel")
 	});
 	if (e.linkedByHost) return /* @__PURE__ */ D(d, {
-		icon: /* @__PURE__ */ D(s, { className: "size-7" }),
+		icon: /* @__PURE__ */ D(c, { className: "size-7" }),
 		name: i("accountTitle"),
 		status: /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("span", {
 			className: "block",
@@ -79,10 +79,10 @@ function R() {
 	});
 	let S = !!e.login && e.keepsTokens && !e.actsAsYou;
 	return /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(d, {
-		icon: /* @__PURE__ */ D(s, { className: "size-7" }),
+		icon: /* @__PURE__ */ D(c, { className: "size-7" }),
 		name: i("accountTitle"),
 		status: y,
-		error: o.error,
+		error: s.error,
 		action: e.login ? /* @__PURE__ */ D(p, {
 			variant: "outline",
 			type: "button",
@@ -101,7 +101,7 @@ function R() {
 			onClick: () => f.mutate(),
 			children: i("link")
 		})] }),
-		children: (c || S) && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(F, { outcome: c }), S && /* @__PURE__ */ O("div", {
+		children: (l || S) && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(F, { outcome: l }), S && /* @__PURE__ */ O("div", {
 			className: "flex items-center gap-3 rounded-lg border border-border px-4 py-3 text-sm",
 			children: [/* @__PURE__ */ D("p", {
 				className: "min-w-0 flex-1",
@@ -134,7 +134,7 @@ function B({ workspace: e }) {
 		title: r("settingsTitle"),
 		description: r("settingsDescription"),
 		children: /* @__PURE__ */ O("ul", {
-			className: c,
+			className: l,
 			children: [t.repositories.map((t) => {
 				let i = n.find((e) => e.key === t.team)?.name ?? t.team;
 				return /* @__PURE__ */ D("li", {
@@ -167,8 +167,8 @@ function B({ workspace: e }) {
 	}) : null;
 }
 var V = "", H = 2e3;
-function U({ workspace: e, repository: r, teamName: s, children: c }) {
-	let d = T("github"), h = j(), _ = l(), { confirm: v, dialog: y } = u(), { data: b } = A(i(e)), { data: C = [] } = A(a(e)), w = (e) => C.find((t) => t.key === e) ?? {
+function U({ workspace: e, repository: r, teamName: c, children: l }) {
+	let d = T("github"), h = j(), _ = u(), { confirm: v, dialog: y } = o(), { data: b } = A(i(e)), { data: C = [] } = A(a(e)), w = (e) => C.find((t) => t.key === e) ?? {
 		icon: "",
 		name: e
 	}, M = (e) => w(e).name, N = (e) => () => /* @__PURE__ */ D(f, { team: w(e) }), P = (b?.repositories ?? []).filter((e) => e.id === r.id && e.team !== r.team), F = P.find((e) => e.syncMode), [I, L] = S(!1);
@@ -224,12 +224,12 @@ function U({ workspace: e, repository: r, teamName: s, children: c }) {
 				repository: r.fullName
 			}),
 			description: /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("p", { children: d.rich("takeOverIntro", {
-				teamName: s,
+				teamName: c,
 				team: N(r.team)
 			}) }), /* @__PURE__ */ O("ul", {
 				className: "mt-2 list-disc space-y-1 pl-5",
 				children: [/* @__PURE__ */ D("li", { children: d.rich("takeOverNew", {
-					teamName: s,
+					teamName: c,
 					team: N(r.team)
 				}) }), F.imported > 0 && /* @__PURE__ */ D("li", { children: d.rich("takeOverKeeps", {
 					fromName: t,
@@ -237,7 +237,7 @@ function U({ workspace: e, repository: r, teamName: s, children: c }) {
 					count: F.imported
 				}) })]
 			})] }),
-			confirmLabel: d("takeOver", { team: s }),
+			confirmLabel: d("takeOver", { team: c }),
 			destructive: !1,
 			onConfirm: () => B.mutateAsync({
 				syncMode: e,
@@ -255,12 +255,12 @@ function U({ workspace: e, repository: r, teamName: s, children: c }) {
 		/* @__PURE__ */ O("div", {
 			className: "flex flex-wrap items-center gap-2",
 			children: [
-				c,
+				l,
 				I && /* @__PURE__ */ O("span", {
 					role: "status",
 					className: "flex items-center gap-1 text-xs text-muted-foreground",
 					children: [
-						/* @__PURE__ */ D(o, { className: "size-3.5" }),
+						/* @__PURE__ */ D(s, { className: "size-3.5" }),
 						" ",
 						d("saved")
 					]
@@ -268,7 +268,7 @@ function U({ workspace: e, repository: r, teamName: s, children: c }) {
 				/* @__PURE__ */ D(g, {
 					"aria-label": d("modeFor", {
 						repository: r.fullName,
-						team: s
+						team: c
 					}),
 					value: K,
 					disabled: B.isPending,
@@ -411,7 +411,7 @@ function q({ links: e }) {
 			target: "_blank",
 			rel: "noreferrer",
 			className: "inline-flex h-6 min-w-0 items-center gap-1.5 rounded-md border border-border px-1.5 text-xs text-muted-foreground hover:bg-muted hover:text-foreground",
-			children: [/* @__PURE__ */ D(s, { className: "size-3.5" }), /* @__PURE__ */ D("span", {
+			children: [/* @__PURE__ */ D(c, { className: "size-3.5" }), /* @__PURE__ */ D("span", {
 				className: "truncate",
 				children: J(e.url)
 			})]