@parallelworks/tandem-web 0.142.0 → 0.143.0

package/routes/_workspace/settings/sso2.js

@@ -1,9 +1,9 @@
 import { api as e, unwrap as t } from "../../../api/client.js";
 import { providersQuery as n, ssoQuery as r } from "../../../api/queries.js";
-import { Route as i } from "./sso.js";
-import { useCan as a } from "../../../lib/roles.js";
-import { AdminOnly as o, SettingsPage as s, cardList as c, useFormError as l } from "../../../components/settings.js";
-import { useConfirm as u } from "../../../lib/confirm.js";
+import { useConfirm as i } from "../../../lib/confirm.js";
+import { Route as a } from "./sso.js";
+import { useCan as o } from "../../../lib/roles.js";
+import { AdminOnly as s, SettingsPage as c, cardList as l, useFormError as u } from "../../../components/settings.js";
 import { Button as d, CopyButton as f, CopyCodeBlock as p, ErrorText as m, Input as h, Section as g, Select as _, SettingRow as v, SettingsCard as y, StatusLabel as b, Switch as x } from "@parallelworks/ui";
 import { useState as S } from "react";
 import { useTranslations as C } from "use-intl";
@@ -11,17 +11,17 @@ import { jsx as w, jsxs as T } from "react/jsx-runtime";
 import { useMutation as E, useQueryClient as D, useSuspenseQuery as O } from "@tanstack/react-query";
 // src/routes/$workspace/settings/sso.tsx?tsr-split=component
 function k() {
-	let { workspace: e } = i.useParams(), t = C("settingsNav"), r = C("sso"), c = a(e, "manage_workspace"), { data: l } = O(n);
-	return /* @__PURE__ */ T(s, {
+	let { workspace: e } = a.useParams(), t = C("settingsNav"), r = C("sso"), i = o(e, "manage_workspace"), { data: l } = O(n);
+	return /* @__PURE__ */ T(c, {
 		title: t("sso"),
 		description: r("description"),
 		children: [
-			/* @__PURE__ */ w(o, { workspace: e }),
+			/* @__PURE__ */ w(s, { workspace: e }),
 			!l.sso && /* @__PURE__ */ w("p", {
 				className: "rounded-lg bg-muted px-3 py-2 text-sm text-muted-foreground",
 				children: r("off")
 			}),
-			c && l.sso && /* @__PURE__ */ w(A, { workspace: e })
+			i && l.sso && /* @__PURE__ */ w(A, { workspace: e })
 		]
 	});
 }
@@ -43,7 +43,7 @@ function A({ workspace: e }) {
 	});
 }
 function j({ workspace: n, sso: i }) {
-	let a = C("sso"), o = D(), s = l(), [c, u] = S(i.issuer ?? ""), [p, m] = S(i.clientId ?? ""), [g, b] = S(""), [O, k] = S(i.defaultRole), [A, j] = S(i.requireSso), M = E({
+	let a = C("sso"), o = D(), s = u(), [c, l] = S(i.issuer ?? ""), [p, m] = S(i.clientId ?? ""), [g, b] = S(""), [O, k] = S(i.defaultRole), [A, j] = S(i.requireSso), M = E({
 		mutationFn: async () => t(await e.PUT("/api/v1/workspaces/{workspace}/sso", {
 			params: { path: { workspace: n } },
 			body: {
@@ -101,7 +101,7 @@ function j({ workspace: n, sso: i }) {
 						required: !0,
 						placeholder: "https://login.example.com",
 						value: c,
-						onChange: (e) => u(e.target.value),
+						onChange: (e) => l(e.target.value),
 						mono: !0
 					})
 				}),
@@ -161,14 +161,14 @@ function j({ workspace: n, sso: i }) {
 		})
 	});
 }
-function M({ workspace: n, sso: i }) {
-	let a = C("sso"), o = D(), s = l(), { confirm: f, dialog: g } = u(), [_, v] = S(""), y = () => o.invalidateQueries({ queryKey: r(n).queryKey }), x = E({
+function M({ workspace: n, sso: a }) {
+	let o = C("sso"), s = D(), c = u(), { confirm: f, dialog: g } = i(), [_, v] = S(""), y = () => s.invalidateQueries({ queryKey: r(n).queryKey }), x = E({
 		mutationFn: async () => t(await e.POST("/api/v1/workspaces/{workspace}/sso/domains", {
 			params: { path: { workspace: n } },
 			body: { domain: _.trim() }
 		})),
-		onMutate: s.clear,
-		onError: s.set,
+		onMutate: c.clear,
+		onError: c.set,
 		onSuccess: () => v(""),
 		onSettled: y
 	}), O = E({
@@ -176,34 +176,34 @@ function M({ workspace: n, sso: i }) {
 			workspace: n,
 			domain: r
 		} } })),
-		onMutate: s.clear,
-		onError: s.set,
+		onMutate: c.clear,
+		onError: c.set,
 		onSettled: y
 	}), k = E({
 		mutationFn: async (r) => t(await e.DELETE("/api/v1/workspaces/{workspace}/sso/domains/{domain}", { params: { path: {
 			workspace: n,
 			domain: r
 		} } })),
-		onMutate: s.clear,
+		onMutate: c.clear,
 		onSettled: y
-	}), A = x.isError ? s.error : null;
+	}), A = x.isError ? c.error : null;
 	return /* @__PURE__ */ T("section", { children: [
 		/* @__PURE__ */ w("h2", {
 			className: "text-sm font-semibold",
-			children: a("domains")
+			children: o("domains")
 		}),
 		/* @__PURE__ */ w("p", {
 			className: "mt-0.5 text-sm text-muted-foreground",
-			children: a("domainsDescription")
+			children: o("domainsDescription")
 		}),
 		/* @__PURE__ */ T("div", {
 			className: "mt-4 rounded-lg border border-border",
-			children: [i.domains.length === 0 ? /* @__PURE__ */ w("p", {
+			children: [a.domains.length === 0 ? /* @__PURE__ */ w("p", {
 				className: "px-3 py-3 text-sm text-muted-foreground",
-				children: a("noDomains")
+				children: o("noDomains")
 			}) : /* @__PURE__ */ w("ul", {
-				className: c,
-				children: i.domains.map((e) => /* @__PURE__ */ T("li", {
+				className: l,
+				children: a.domains.map((e) => /* @__PURE__ */ T("li", {
 					className: "px-3 py-3",
 					children: [
 						/* @__PURE__ */ T("div", {
@@ -216,7 +216,7 @@ function M({ workspace: n, sso: i }) {
 								}), /* @__PURE__ */ w(b, {
 									variant: e.verified ? "success" : "warning",
 									className: "text-xs",
-									children: e.verified ? a("verified") : a("pending")
+									children: e.verified ? o("verified") : o("pending")
 								})]
 							}), /* @__PURE__ */ T("div", {
 								className: "flex shrink-0 gap-2",
@@ -225,55 +225,55 @@ function M({ workspace: n, sso: i }) {
 									variant: "outline",
 									loading: O.isPending && O.variables === e.domain,
 									onClick: () => O.mutate(e.domain),
-									children: a("verify")
+									children: o("verify")
 								}), /* @__PURE__ */ w(d, {
 									size: "sm",
 									variant: "ghost",
 									onClick: () => f({
-										title: a("removeDomainTitle", { domain: e.domain }),
-										description: a("removeDomainDescription"),
-										confirmLabel: a("removeDomain"),
+										title: o("removeDomainTitle", { domain: e.domain }),
+										description: o("removeDomainDescription"),
+										confirmLabel: o("removeDomain"),
 										onConfirm: () => k.mutateAsync(e.domain)
 									}),
-									children: a("removeDomain")
+									children: o("removeDomain")
 								})]
 							})]
 						}),
 						/* @__PURE__ */ w(m, {
 							size: "md",
 							className: "mt-2",
-							children: O.isError && O.variables === e.domain ? s.error : null
+							children: O.isError && O.variables === e.domain ? c.error : null
 						}),
 						!e.verified && /* @__PURE__ */ T("div", {
 							className: "mt-3 space-y-2",
 							children: [/* @__PURE__ */ w("p", {
 								className: "text-sm text-muted-foreground",
-								children: a("txtInstructions")
+								children: o("txtInstructions")
 							}), /* @__PURE__ */ T("dl", {
 								className: "grid gap-2 sm:grid-cols-[auto_1fr] sm:items-center",
 								children: [
 									/* @__PURE__ */ w("dt", {
 										className: "text-xs text-muted-foreground",
-										children: a("txtName")
+										children: o("txtName")
 									}),
 									/* @__PURE__ */ w("dd", {
 										className: "min-w-0",
 										children: /* @__PURE__ */ w(p, {
 											text: e.txtName,
-											label: a("txtName"),
+											label: o("txtName"),
 											wrap: !0,
 											children: e.txtName
 										})
 									}),
 									/* @__PURE__ */ w("dt", {
 										className: "text-xs text-muted-foreground",
-										children: a("txtValue")
+										children: o("txtValue")
 									}),
 									/* @__PURE__ */ w("dd", {
 										className: "min-w-0",
 										children: /* @__PURE__ */ w(p, {
 											text: e.txtValue,
-											label: a("txtValue"),
+											label: o("txtValue"),
 											wrap: !0,
 											children: e.txtValue
 										})
@@ -293,7 +293,7 @@ function M({ workspace: n, sso: i }) {
 					children: [/* @__PURE__ */ w("div", {
 						className: "min-w-0 flex-1",
 						children: /* @__PURE__ */ w(h, {
-							"aria-label": a("domain"),
+							"aria-label": o("domain"),
 							"aria-describedby": A ? "sso-domain-error" : void 0,
 							placeholder: "example.com",
 							value: _,
@@ -305,7 +305,7 @@ function M({ workspace: n, sso: i }) {
 						type: "submit",
 						size: "sm",
 						loading: x.isPending,
-						children: a("addDomain")
+						children: o("addDomain")
 					})]
 				}), /* @__PURE__ */ w(m, {
 					id: "sso-domain-error",
@@ -319,36 +319,36 @@ function M({ workspace: n, sso: i }) {
 	] });
 }
 function N({ workspace: n }) {
-	let i = C("sso"), a = D(), o = l(), { confirm: s, dialog: c } = u(), f = E({
+	let a = C("sso"), o = D(), s = u(), { confirm: c, dialog: l } = i(), f = E({
 		mutationFn: async () => t(await e.DELETE("/api/v1/workspaces/{workspace}/sso", { params: { path: { workspace: n } } })),
-		onMutate: o.clear,
-		onSettled: () => a.invalidateQueries({ queryKey: r(n).queryKey })
+		onMutate: s.clear,
+		onSettled: () => o.invalidateQueries({ queryKey: r(n).queryKey })
 	});
 	return /* @__PURE__ */ T(g, {
 		variant: "card",
 		tone: "error",
 		collapsible: !1,
 		headingLevel: 2,
-		title: i("dangerZone"),
-		description: i("removeDescription"),
+		title: a("dangerZone"),
+		description: a("removeDescription"),
 		children: [
 			/* @__PURE__ */ w(d, {
 				variant: "danger",
 				loading: f.isPending,
-				onClick: () => s({
-					title: i("removeTitle"),
-					description: i("removeDescription"),
-					confirmLabel: i("remove"),
+				onClick: () => c({
+					title: a("removeTitle"),
+					description: a("removeDescription"),
+					confirmLabel: a("remove"),
 					onConfirm: () => f.mutateAsync()
 				}),
-				children: i("remove")
+				children: a("remove")
 			}),
 			/* @__PURE__ */ w(m, {
 				size: "md",
 				className: "mt-3",
-				children: o.error
+				children: s.error
 			}),
-			c
+			l
 		]
 	});
 }

package/routes/_workspace/settings/tokens2.js

@@ -1,11 +1,11 @@
 import { api as e, unwrap as t } from "../../../api/client.js";
 import { tokensQuery as n } from "../../../api/queries.js";
-import { KeyIcon as r } from "../../../components/icons.js";
-import { Route as i } from "./tokens.js";
-import { copyItem as a } from "../../../lib/menus.js";
-import { useTime as o } from "../../../lib/time.js";
-import { 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 { KeyIcon as i } from "../../../components/icons.js";
+import { Route as a } from "./tokens.js";
+import { copyItem as o } from "../../../lib/menus.js";
+import { useTime as s } from "../../../lib/time.js";
+import { SettingsPage as c, useFormError as l } from "../../../components/settings.js";
 import { OneTimeSecret as u } from "../../../components/OneTimeSecret.js";
 import { Button as d, ErrorText as f, Input as p, Modal as m, ModalTitle as h, PageHeaderAddButton as g, Select as _, Table as v, menuDivider as y, useOpenMenu as b } from "@parallelworks/ui";
 import { useMemo as x, useState as S } from "react";
@@ -15,10 +15,10 @@ import { useMutation as E, useQueryClient as D, useSuspenseQuery as O } from "@t
 import { ListCellText as k, ListColumns as A, ListPage as j, ListRow as M, ListToolbar as N, NameCell as P, listTableProps as F, useListNavigate as I, useListSearch as L, useListView as R } from "@parallelworks/ui/list";
 // src/routes/$workspace/settings/tokens.tsx?tsr-split=component
 function z() {
-	let { workspace: c } = i.useParams(), { data: d } = O(n), f = C("account"), p = C("common"), m = o(), h = D(), _ = L(), z = I(), V = b(), [H, U] = S(!1), [W, G] = S(null), K = E({
+	let { workspace: l } = a.useParams(), { data: d } = O(n), f = C("account"), p = C("common"), m = s(), h = D(), _ = L(), z = I(), V = b(), [H, U] = S(!1), [W, G] = S(null), K = E({
 		mutationFn: async (n) => t(await e.DELETE("/api/v1/me/tokens/{tokenId}", { params: { path: { tokenId: n } } })),
 		onSettled: () => h.invalidateQueries({ queryKey: n.queryKey })
-	}), { confirm: q, dialog: J } = l(), Y = (e) => q({
+	}), { confirm: q, dialog: J } = r(), Y = (e) => q({
 		title: f("revokeTokenTitle"),
 		description: f("revokeTokenDescription", { name: e.name }),
 		confirmLabel: f("revoke"),
@@ -57,7 +57,7 @@ function z() {
 		defaultOrderBy: "name",
 		facets: []
 	}), Q = _.filter.trim().toLowerCase(), $ = d.filter((e) => !Q || e.name.toLowerCase().includes(Q));
-	return /* @__PURE__ */ T(s, {
+	return /* @__PURE__ */ T(c, {
 		wide: !0,
 		title: f("tokens"),
 		description: f.rich("tokensDescription", { code: (e) => /* @__PURE__ */ w("code", {
@@ -96,7 +96,7 @@ function z() {
 						nounPlural: f("tokenNounPlural")
 					},
 					empty: {
-						icon: /* @__PURE__ */ w(r, {}),
+						icon: /* @__PURE__ */ w(i, {}),
 						title: f("noTokens")
 					},
 					noMatches: f("tokenNoMatches"),
@@ -107,7 +107,7 @@ function z() {
 							goTo: z,
 							openMenu: V,
 							items: [
-								a(p("copyName"), e.name),
+								o(p("copyName"), e.name),
 								y,
 								{
 									label: f("revoke"),
@@ -117,7 +117,7 @@ function z() {
 							],
 							children: [
 								/* @__PURE__ */ w(P, {
-									icon: /* @__PURE__ */ w(r, {}),
+									icon: /* @__PURE__ */ w(i, {}),
 									iconTile: !0,
 									name: e.name,
 									subtitle: f("tokenCreatedAgo", { created: m.relative(e.createdAt) }),
@@ -142,7 +142,7 @@ function z() {
 			}),
 			J,
 			H && /* @__PURE__ */ w(B, {
-				workspace: c,
+				workspace: l,
 				onCreated: (e) => {
 					U(!1), G(e);
 				},
@@ -152,7 +152,7 @@ function z() {
 	});
 }
 function B({ workspace: r, onCreated: i, onClose: a }) {
-	let o = C("account"), s = C("common"), l = D(), u = c(), [g, v] = S(""), [y, b] = S("read"), [x, O] = S("one"), [k, A] = S("90"), j = E({
+	let o = C("account"), s = C("common"), c = D(), u = l(), [g, v] = S(""), [y, b] = S("read"), [x, O] = S("one"), [k, A] = S("90"), j = E({
 		mutationFn: async () => t(await e.POST("/api/v1/me/tokens", { body: {
 			name: g,
 			readOnly: y === "read",
@@ -164,7 +164,7 @@ function B({ workspace: r, onCreated: i, onClose: a }) {
 			name: e.name,
 			secret: e.secret
 		}),
-		onSettled: () => l.invalidateQueries({ queryKey: n.queryKey }),
+		onSettled: () => c.invalidateQueries({ queryKey: n.queryKey }),
 		onError: u.set
 	});
 	return /* @__PURE__ */ w(m, {

package/routes/_workspace/settings/webhooks2.js

@@ -1,10 +1,10 @@
 import { api as e, unwrap as t } from "../../../api/client.js";
 import { teamsQuery as n, webhooksQuery as r } from "../../../api/queries.js";
-import { Route as i } from "./webhooks.js";
-import { useTime as a } from "../../../lib/time.js";
-import { useCan as o } from "../../../lib/roles.js";
-import { AdminOnly as s, SettingsPage as c, cardFooter as l, cardList as u, useFormError as d } from "../../../components/settings.js";
-import { useConfirm as f } from "../../../lib/confirm.js";
+import { useConfirm as i } from "../../../lib/confirm.js";
+import { Route as a } from "./webhooks.js";
+import { useTime as o } from "../../../lib/time.js";
+import { useCan as s } from "../../../lib/roles.js";
+import { AdminOnly as c, SettingsPage as l, cardFooter as u, cardList as d, useFormError as f } from "../../../components/settings.js";
 import { OneTimeSecret as p } from "../../../components/OneTimeSecret.js";
 import { Button as m, Checkbox as h, ErrorText as g, Input as ee, Select as _, SettingsCard as v, Switch as y, Tooltip as b } from "@parallelworks/ui";
 import { useState as x } from "react";
@@ -20,20 +20,20 @@ var A = {
 	plans: ["project."]
 };
 function j() {
-	let { workspace: e } = i.useParams(), t = o(e, "manage_workspace"), n = S("webhooks"), r = S("settingsNav");
-	return /* @__PURE__ */ T(c, {
+	let { workspace: e } = a.useParams(), t = s(e, "manage_workspace"), n = S("webhooks"), r = S("settingsNav");
+	return /* @__PURE__ */ T(l, {
 		title: r("webhooks"),
 		description: n("description"),
-		children: [/* @__PURE__ */ w(s, { workspace: e }), t && /* @__PURE__ */ w(M, { workspace: e })]
+		children: [/* @__PURE__ */ w(c, { workspace: e }), t && /* @__PURE__ */ w(M, { workspace: e })]
 	});
 }
-function M({ workspace: i }) {
-	let { data: o } = k(r(i)), s = S("webhooks"), c = S("common"), j = a(), M = O(), N = d(), [P, F] = x(""), [I, L] = x([]), [R, z] = x("json"), [B, V] = x(""), { data: H = [] } = D(n(i)), [U, W] = x(null), [G, K] = x({}), q = () => M.invalidateQueries({ queryKey: r(i).queryKey }), J = (e) => ({ path: {
-		workspace: i,
+function M({ workspace: a }) {
+	let { data: s } = k(r(a)), c = S("webhooks"), l = S("common"), j = o(), M = O(), N = f(), [P, F] = x(""), [I, L] = x([]), [R, z] = x("json"), [B, V] = x(""), { data: H = [] } = D(n(a)), [U, W] = x(null), [G, K] = x({}), q = () => M.invalidateQueries({ queryKey: r(a).queryKey }), J = (e) => ({ path: {
+		workspace: a,
 		webhookId: e
 	} }), Y = E({
 		mutationFn: async () => t(await e.POST("/api/v1/workspaces/{workspace}/webhooks", {
-			params: { path: { workspace: i } },
+			params: { path: { workspace: a } },
 			body: {
 				url: P,
 				events: I.flatMap((e) => A[e]),
@@ -60,7 +60,7 @@ function M({ workspace: i }) {
 		onMutate: N.clear,
 		onSuccess: (e, t) => K((n) => ({
 			...n,
-			[t]: e.status ? s("pingAnswered", { status: e.status }) : s("pingFailed")
+			[t]: e.status ? c("pingAnswered", { status: e.status }) : c("pingFailed")
 		})),
 		onSettled: q,
 		onError: N.set
@@ -68,27 +68,27 @@ function M({ workspace: i }) {
 		mutationFn: async (n) => t(await e.DELETE("/api/v1/workspaces/{workspace}/webhooks/{webhookId}", { params: J(n) })),
 		onMutate: N.clear,
 		onSettled: q
-	}), { confirm: te, dialog: ne } = f(), $ = Y.isError ? N.error : null, re = (e) => X.isError && X.variables?.id === e || Z.isError && Z.variables === e ? N.error : null, ie = (e) => e.events.length === 0 ? s("allEvents") : Object.keys(A).filter((t) => A[t].some((t) => e.events.includes(t))).map((e) => s(`groups.${e}`)).join(", "), ae = (e) => {
-		if (!e.lastDeliveredAt) return s("neverDelivered");
+	}), { confirm: te, dialog: ne } = i(), $ = Y.isError ? N.error : null, re = (e) => X.isError && X.variables?.id === e || Z.isError && Z.variables === e ? N.error : null, ie = (e) => e.events.length === 0 ? c("allEvents") : Object.keys(A).filter((t) => A[t].some((t) => e.events.includes(t))).map((e) => c(`groups.${e}`)).join(", "), ae = (e) => {
+		if (!e.lastDeliveredAt) return c("neverDelivered");
 		let t = j.relative(e.lastDeliveredAt);
-		return e.lastError ? s("lastFailed", {
+		return e.lastError ? c("lastFailed", {
 			when: t,
 			status: e.lastStatus ?? 0,
 			hasStatus: e.lastStatus ? "yes" : "no"
-		}) : s("lastDelivered", {
+		}) : c("lastDelivered", {
 			when: t,
 			status: e.lastStatus ?? 0
 		});
 	};
 	return /* @__PURE__ */ T(C, { children: [
 		U && /* @__PURE__ */ w(p, {
-			title: s("created"),
+			title: c("created"),
 			secret: U,
 			onDismiss: () => W(null)
 		}),
 		/* @__PURE__ */ T(v, { children: [/* @__PURE__ */ T("ul", {
-			className: u,
-			children: [o.map((e) => /* @__PURE__ */ T("li", {
+			className: d,
+			children: [s.map((e) => /* @__PURE__ */ T("li", {
 				className: "flex flex-wrap items-center gap-x-3 gap-y-2 px-3 py-2 text-sm",
 				children: [
 					/* @__PURE__ */ T("div", {
@@ -103,7 +103,7 @@ function M({ workspace: i }) {
 						}), /* @__PURE__ */ T("p", {
 							className: "text-xs text-muted-foreground",
 							children: [
-								e.format === "chat" && /* @__PURE__ */ T(C, { children: [s("chat"), " · "] }),
+								e.format === "chat" && /* @__PURE__ */ T(C, { children: [c("chat"), " · "] }),
 								e.teamId && /* @__PURE__ */ T(C, { children: [H.find((t) => t.id === e.teamId)?.name ?? "", " · "] }),
 								ie(e),
 								" · ",
@@ -117,7 +117,7 @@ function M({ workspace: i }) {
 					}),
 					/* @__PURE__ */ w(y, {
 						size: "sm",
-						"aria-label": s("enabledFor", { url: e.url }),
+						"aria-label": c("enabledFor", { url: e.url }),
 						checked: e.enabled,
 						disabled: X.isPending,
 						onCheckedChange: (t) => X.mutate({
@@ -130,18 +130,18 @@ function M({ workspace: i }) {
 						size: "sm",
 						loading: Z.isPending,
 						onClick: () => Z.mutate(e.id),
-						children: s("sendTest")
+						children: c("sendTest")
 					}),
 					/* @__PURE__ */ w("button", {
 						type: "button",
 						onClick: () => te({
-							title: s("deleteTitle"),
-							description: s("deleteDescription", { url: e.url }),
-							confirmLabel: s("delete"),
+							title: c("deleteTitle"),
+							description: c("deleteDescription", { url: e.url }),
+							confirmLabel: c("delete"),
 							onConfirm: () => Q.mutateAsync(e.id)
 						}),
 						className: "text-xs text-muted-foreground hover:text-danger",
-						children: c("delete")
+						children: l("delete")
 					}),
 					/* @__PURE__ */ w(g, {
 						size: "md",
@@ -149,12 +149,12 @@ function M({ workspace: i }) {
 						children: re(e.id)
 					})
 				]
-			}, e.id)), o.length === 0 && /* @__PURE__ */ w("li", {
+			}, e.id)), s.length === 0 && /* @__PURE__ */ w("li", {
 				className: "px-3 py-2 text-sm text-muted-foreground",
-				children: s("none")
+				children: c("none")
 			})]
 		}), /* @__PURE__ */ T("form", {
-			className: `${l} flex-wrap`,
+			className: `${u} flex-wrap`,
 			onSubmit: (e) => {
 				e.preventDefault(), Y.mutate();
 			},
@@ -165,7 +165,7 @@ function M({ workspace: i }) {
 					value: P,
 					onChange: (e) => F(e.target.value),
 					placeholder: "https://example.com/tandem",
-					"aria-label": s("url"),
+					"aria-label": c("url"),
 					"aria-describedby": $ ? "webhook-add-error" : void 0,
 					className: "min-w-0 basis-full"
 				}),
@@ -174,42 +174,42 @@ function M({ workspace: i }) {
 					children: [
 						/* @__PURE__ */ w("legend", {
 							className: "sr-only",
-							children: s("events")
+							children: c("events")
 						}),
 						Object.keys(A).map((e) => /* @__PURE__ */ T("label", {
 							className: "flex items-center gap-1.5",
 							children: [/* @__PURE__ */ w(h, {
 								checked: I.includes(e),
 								onCheckedChange: (t) => L((n) => t ? [...n, e] : n.filter((t) => t !== e))
-							}), s(`groups.${e}`)]
+							}), c(`groups.${e}`)]
 						}, e)),
 						/* @__PURE__ */ w("span", {
 							className: "text-xs text-muted-foreground",
-							children: s("noneChosen")
+							children: c("noneChosen")
 						})
 					]
 				}),
 				/* @__PURE__ */ w(_, {
-					"aria-label": s("format"),
+					"aria-label": c("format"),
 					value: R,
 					onValueChange: (e) => e && z(e),
 					items: [{
 						value: "json",
-						label: s("formats.json")
+						label: c("formats.json")
 					}, {
 						value: "chat",
-						label: s("formats.chat")
+						label: c("formats.chat")
 					}],
 					size: "sm",
 					width: "content"
 				}),
 				/* @__PURE__ */ w(_, {
-					"aria-label": s("team"),
+					"aria-label": c("team"),
 					value: B,
 					onValueChange: (e) => V(e ?? ""),
 					items: [{
 						value: "",
-						label: s("allTeams")
+						label: c("allTeams")
 					}, ...H.filter((e) => !e.archivedAt).map((e) => ({
 						value: e.id,
 						label: e.name
@@ -221,7 +221,7 @@ function M({ workspace: i }) {
 					type: "submit",
 					variant: "primary",
 					loading: Y.isPending,
-					children: s("add")
+					children: c("add")
 				}),
 				/* @__PURE__ */ w(g, {
 					id: "webhook-add-error",
@@ -233,11 +233,11 @@ function M({ workspace: i }) {
 		})] }),
 		/* @__PURE__ */ w("p", {
 			className: "mt-3 text-xs text-muted-foreground",
-			children: s("verify")
+			children: c("verify")
 		}),
 		/* @__PURE__ */ w("p", {
 			className: "mt-1 text-xs text-muted-foreground",
-			children: s("chatHelp")
+			children: c("chatHelp")
 		}),
 		ne
 	] });