@parallelworks/tandem-web 0.141.2 → 0.143.0

package/components/DocTable.js

@@ -0,0 +1,176 @@
+import { docsQuery as e } from "../api/queries.js";
+import { docRef as t } from "../lib/docs.js";
+import { usePeople as n } from "../lib/people.js";
+import { useCan as r } from "../lib/roles.js";
+import { DocIcon as i } from "./DocIcon.js";
+import { docPropertiesQuery as a, spaceScope as o, useDocPropertyActions as s } from "../lib/docProperties.js";
+import { usePropertyText as c } from "./DocProperties.js";
+import { cx as l } from "@parallelworks/ui";
+import { Link as u } from "@tanstack/react-router";
+import { useState as d } from "react";
+import { useFormatter as f, useTranslations as p } from "use-intl";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { keepPreviousData as g, useQuery as _ } from "@tanstack/react-query";
+// src/components/DocTable.tsx
+var v = (e) => e.kind === "select" || e.kind === "person";
+function y(t, n, r) {
+	let i = Object.entries(r.filters ?? {}).map(([e, t]) => `${e}=${t}`), { data: o = [], isPending: s } = _({
+		...e(t, {
+			...n === "workspace" ? { workspace: !0 } : { team: n },
+			...i.length > 0 && { property: i }
+		}),
+		placeholderData: g
+	}), { data: l = [] } = _(a(t, n)), u = c(t), d = r.sort ?? "title", f = l.find((e) => e.id === d), p = (e) => {
+		if (d === "updated") return e.updatedAt;
+		if (!f) return e.title.toLowerCase();
+		let t = e.properties?.[f.id];
+		return f.kind === "number" ? typeof t == "number" ? t : -Infinity : u(f, t).toLowerCase();
+	};
+	return {
+		docs: o.filter((e) => !e.template).sort((e, t) => {
+			let n = p(e), i = p(t), a = n < i ? -1 : +(n > i);
+			return r.desc ? -a : a;
+		}),
+		props: l,
+		isPending: s
+	};
+}
+function b({ workspace: e, space: n, layout: r, config: a }) {
+	let o = p("docViews"), s = f(), { docs: l, props: d, isPending: g } = y(e, n, a), _ = c(e), b = (e, t) => e.properties?.[t.id];
+	if (g) return /* @__PURE__ */ m("p", {
+		className: "p-4 text-sm text-muted-foreground",
+		children: o("loading")
+	});
+	if (r === "board") {
+		let t = d.find((e) => e.id === a.groupBy && v(e));
+		return t ? /* @__PURE__ */ m(x, {
+			workspace: e,
+			space: n,
+			docs: l,
+			props: d,
+			by: t
+		}) : /* @__PURE__ */ m("p", {
+			className: "p-4 text-sm text-muted-foreground",
+			children: o("pickGroup")
+		});
+	}
+	let S = a.columns ? a.columns.flatMap((e) => d.filter((t) => t.id === e)) : d;
+	return l.length === 0 ? /* @__PURE__ */ m("p", {
+		className: "p-4 text-sm text-muted-foreground",
+		children: o("none")
+	}) : /* @__PURE__ */ m("div", {
+		className: "overflow-x-auto",
+		children: /* @__PURE__ */ h("table", {
+			className: "doc-table w-full min-w-max text-sm",
+			children: [/* @__PURE__ */ m("thead", { children: /* @__PURE__ */ h("tr", { children: [
+				/* @__PURE__ */ m("th", {
+					scope: "col",
+					children: o("docTitle")
+				}),
+				S.map((e) => /* @__PURE__ */ m("th", {
+					scope: "col",
+					children: e.name
+				}, e.id)),
+				/* @__PURE__ */ m("th", {
+					scope: "col",
+					children: o("updated")
+				})
+			] }) }), /* @__PURE__ */ m("tbody", { children: l.map((n) => /* @__PURE__ */ h("tr", { children: [
+				/* @__PURE__ */ m("td", { children: /* @__PURE__ */ h(u, {
+					to: "/$workspace/docs/$doc",
+					params: {
+						workspace: e,
+						doc: t(n)
+					},
+					className: "flex items-center gap-2 font-medium hover:underline",
+					children: [/* @__PURE__ */ m(i, { icon: n.icon }), /* @__PURE__ */ m("span", {
+						className: "truncate",
+						children: n.title
+					})]
+				}) }),
+				S.map((e) => /* @__PURE__ */ m("td", { children: _(e, b(n, e)) }, e.id)),
+				/* @__PURE__ */ m("td", {
+					className: "text-muted-foreground",
+					children: s.dateTime(new Date(n.updatedAt), { dateStyle: "medium" })
+				})
+			] }, n.id)) })]
+		})
+	});
+}
+function x({ workspace: e, space: a, docs: f, props: g, by: _ }) {
+	let v = p("docViews"), { members: y } = n(e), b = c(e), x = r(e, "edit_docs", o(a)), S = s(e), [C, w] = d(null), [T, E] = d(null), D = [..._.kind === "select" ? _.options.map((e) => ({
+		key: e.id ?? "",
+		label: e.name
+	})) : y.map((e) => ({
+		key: e.user.username,
+		label: e.user.name
+	})), {
+		key: "",
+		label: v("noValue", { property: _.name })
+	}], O = (e) => {
+		let t = e.properties?.[_.id];
+		return typeof t == "string" ? t : "";
+	}, k = D.filter((e) => _.kind === "select" || e.key === "" || f.some((t) => O(t) === e.key)), A = g.filter((e) => e.id !== _.id).slice(0, 2);
+	return /* @__PURE__ */ m("ul", {
+		className: "flex gap-3 overflow-x-auto p-3",
+		"aria-label": v("board"),
+		children: k.map((n) => {
+			let r = f.filter((e) => O(e) === n.key);
+			return /* @__PURE__ */ h("li", {
+				"aria-label": n.label,
+				onDragOver: (e) => {
+					C && (e.preventDefault(), E(n.key));
+				},
+				onDragLeave: () => E((e) => e === n.key ? null : e),
+				onDrop: (e) => {
+					e.preventDefault(), C && S.setValues.mutate({
+						doc: C,
+						values: { [_.id]: n.key || null }
+					}), w(null), E(null);
+				},
+				className: l("flex w-64 shrink-0 flex-col rounded-lg border bg-muted/30", T === n.key ? "border-primary" : "border-border"),
+				children: [/* @__PURE__ */ h("p", {
+					className: "flex items-center gap-2 px-3 py-2 text-xs font-medium",
+					children: [/* @__PURE__ */ m("span", {
+						className: "truncate",
+						children: n.label
+					}), /* @__PURE__ */ m("span", {
+						className: "text-muted-foreground tabular-nums",
+						children: r.length
+					})]
+				}), /* @__PURE__ */ m("ul", {
+					className: "flex flex-col gap-2 px-2 pb-2",
+					children: r.map((n) => /* @__PURE__ */ h("li", {
+						draggable: x,
+						onDragStart: () => w(n.key),
+						onDragEnd: () => w(null),
+						className: "rounded-md border border-border bg-card p-2.5 text-sm shadow-xs",
+						children: [/* @__PURE__ */ h(u, {
+							to: "/$workspace/docs/$doc",
+							params: {
+								workspace: e,
+								doc: t(n)
+							},
+							className: "flex items-center gap-2 font-medium hover:underline",
+							children: [/* @__PURE__ */ m(i, { icon: n.icon }), /* @__PURE__ */ m("span", {
+								className: "truncate",
+								children: n.title
+							})]
+						}), A.map((e) => {
+							let t = b(e, n.properties?.[e.id]);
+							return t ? /* @__PURE__ */ h("p", {
+								className: "mt-1 truncate text-xs text-muted-foreground",
+								children: [
+									e.name,
+									": ",
+									t
+								]
+							}, e.id) : null;
+						})]
+					}, n.id))
+				})]
+			}, n.key || "none");
+		})
+	});
+}
+export { b as DocTable, v as groupable, y as useSpaceDocs };

package/components/DocViewBlock.js

@@ -0,0 +1,104 @@
+import { docQuery as e, teamsQuery as t } from "../api/queries.js";
+import { docViewQuery as n, docViewsQuery as r, readConfig as i } from "../lib/docProperties.js";
+import { DocTable as a } from "./DocTable.js";
+import { Select as o } from "@parallelworks/ui";
+import { Link as s, useParams as c } from "@tanstack/react-router";
+import { useTranslations as l } from "use-intl";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useQuery as f } from "@tanstack/react-query";
+import { Node as p, NodeViewWrapper as m, ReactNodeViewRenderer as h, mergeAttributes as g } from "@tiptap/react";
+// src/components/DocViewBlock.tsx
+var _ = p.create({
+	name: "docView",
+	group: "block",
+	atom: !0,
+	draggable: !0,
+	addAttributes: () => ({ view: { default: "" } }),
+	parseHTML: () => [{ tag: "div[data-doc-view]" }],
+	renderHTML: ({ HTMLAttributes: e }) => ["div", g(e, { "data-doc-view": "" })],
+	addNodeView: () => h(v, { stopEvent: ({ event: e }) => !e.type.startsWith("drag") && e.target instanceof Element && !!e.target.closest("[data-view-ui]") }),
+	markdownTokenName: "docView",
+	markdownTokenizer: {
+		name: "docView",
+		level: "block",
+		start: (e) => e.search(/^:::docview/m),
+		tokenize: (e) => {
+			let t = /^:::docview[ \t]*([0-9a-f-]{36})?[ \t]*\n[ \t]*:::[ \t]*(?:\n|$)/.exec(e);
+			return t ? {
+				type: "docView",
+				raw: t[0],
+				text: t[1] ?? ""
+			} : void 0;
+		}
+	},
+	parseMarkdown: (e, t) => t.createNode("docView", { view: e.text ?? "" }),
+	renderMarkdown: (e) => `:::docview ${String(e.attrs?.view ?? "")}\n:::`
+});
+function v({ node: p, editor: h, updateAttributes: g }) {
+	let _ = l("docViews"), { workspace: v = "", doc: y = "" } = c({ strict: !1 }), b = String(p.attrs.view ?? ""), { data: x = [] } = f(t(v)), { data: S } = f({
+		...n(v, b),
+		enabled: !!v && !!b
+	}), { data: C } = f({
+		...e(v, y),
+		enabled: !b && !!y
+	}), w = x.find((e) => e.id === C?.teamId)?.key ?? "workspace", { data: T = [] } = f({
+		...r(v, w),
+		enabled: !b && !!v
+	});
+	if (!b || !S) return /* @__PURE__ */ u(m, {
+		className: "doc-view-block",
+		contentEditable: !1,
+		children: /* @__PURE__ */ u("div", {
+			"data-view-ui": !0,
+			className: "p-3",
+			children: h.isEditable ? /* @__PURE__ */ u(o, {
+				value: "",
+				items: [{
+					value: "",
+					label: _("embedPick")
+				}, ...T.map((e) => ({
+					value: e.id,
+					label: e.name
+				}))],
+				onValueChange: (e) => e && g({ view: e }),
+				"aria-label": _("embedPick"),
+				size: "sm",
+				width: "content"
+			}) : /* @__PURE__ */ u("p", {
+				className: "text-xs text-muted-foreground",
+				children: _("loading")
+			})
+		})
+	});
+	let E = x.find((e) => e.id === S.teamId)?.key ?? "workspace";
+	return /* @__PURE__ */ u(m, {
+		className: "doc-view-block not-prose",
+		contentEditable: !1,
+		"data-drag-handle": !0,
+		children: /* @__PURE__ */ d("div", {
+			"data-view-ui": !0,
+			children: [/* @__PURE__ */ d("div", {
+				className: "flex items-center gap-2 border-b border-border px-3 py-1.5 text-xs",
+				children: [/* @__PURE__ */ u("span", {
+					className: "min-w-0 flex-1 truncate font-medium",
+					children: S.name
+				}), /* @__PURE__ */ u(s, {
+					to: "/$workspace/docs/space/$space",
+					params: {
+						workspace: v,
+						space: E
+					},
+					search: { view: S.id },
+					className: "text-primary hover:underline",
+					children: _("open")
+				})]
+			}), /* @__PURE__ */ u(a, {
+				workspace: v,
+				space: E,
+				layout: S.layout,
+				config: i(S.config)
+			})]
+		})
+	});
+}
+export { _ as DocViewBlock };

package/components/DocsTree.js

@@ -9,7 +9,7 @@ import { EntityIcon as _ } from "./EntityIcon.js";
 import { DocIcon as v } from "./DocIcon.js";
 import { indentLevel as y, revealed as b, saveTree as ee, savedTree as te, spaceOf as x, toggled as S } from "../lib/docTree.js";
 import { useMarkdownTransfer as C } from "./MarkdownTransfer.js";
-import { Combobox as w, IconButton as ne, RelativeTime as T, SearchInput as re, Tooltip as E, buttonClasses as ie, menuDivider as D, useOpenMenu as O } from "@parallelworks/ui";
+import { Combobox as ne, IconButton as w, RelativeTime as T, SearchInput as re, Tooltip as E, buttonClasses as ie, menuDivider as D, useOpenMenu as O } from "@parallelworks/ui";
 import { useEffect as k, useRef as ae, useState as A, useSyncExternalStore as oe } from "react";
 import { useTranslations as j } from "use-intl";
 import { Fragment as se, jsx as M, jsxs as N } from "react/jsx-runtime";
@@ -121,7 +121,7 @@ function G({ workspace: r, current: d, page: f = !1, onIndex: p = !1, menu: v, t
 			},
 			search: { rename: !0 }
 		}) })
-	}, Te = /* @__PURE__ */ N(se, { children: [/* @__PURE__ */ M(ne, {
+	}, Te = /* @__PURE__ */ N(se, { children: [/* @__PURE__ */ M(w, {
 		variant: "ghost",
 		size: "xs",
 		icon: /* @__PURE__ */ M(u, {}),
@@ -131,7 +131,7 @@ function G({ workspace: r, current: d, page: f = !1, onIndex: p = !1, menu: v, t
 			W((e) => !e), K("");
 		},
 		className: f ? "" : z
-	}), Z.length === 0 ? /* @__PURE__ */ M(ne, {
+	}), Z.length === 0 ? /* @__PURE__ */ M(w, {
 		variant: "ghost",
 		size: "xs",
 		icon: /* @__PURE__ */ M(s, {}),
@@ -139,7 +139,7 @@ function G({ workspace: r, current: d, page: f = !1, onIndex: p = !1, menu: v, t
 		onClick: () => B.create.mutate({}),
 		disabled: B.create.isPending,
 		className: f ? "" : z
-	}) : /* @__PURE__ */ M(w, {
+	}) : /* @__PURE__ */ M(ne, {
 		items: [{
 			value: "",
 			label: D.name
@@ -204,7 +204,7 @@ function G({ workspace: r, current: d, page: f = !1, onIndex: p = !1, menu: v, t
 						})]
 					}),
 					Te,
-					/* @__PURE__ */ M(ne, {
+					/* @__PURE__ */ M(w, {
 						variant: "ghost",
 						size: "xs",
 						icon: /* @__PURE__ */ M(c, { className: R(!Q && "rotate-90") }),
@@ -284,11 +284,21 @@ function G({ workspace: r, current: d, page: f = !1, onIndex: p = !1, menu: v, t
 	});
 }
 function pe({ ctx: e, id: n, team: i, name: a, icon: o, docs: l, closed: u, onToggle: m, row: g = !1 }) {
-	let _ = j("docs"), v = j("common"), y = O(), b = h(e.workspace), ee = f(), te = t(), x = e.workspace, { data: S = [] } = F(r(x)), C = `docs-space-${n}`, w = () => [
+	let _ = j("docs"), v = j("common"), y = O(), b = h(e.workspace), ee = f(), te = t(), x = e.workspace, { data: S = [] } = F(r(x)), C = `docs-space-${n}`, ne = j("docViews"), w = () => [
 		{
 			label: _("newInSpace"),
 			onClick: () => b.create.mutate({ team: i?.key })
 		},
+		{
+			label: ne("openTable"),
+			onClick: () => te({
+				to: "/$workspace/docs/space/$space",
+				params: {
+					workspace: x,
+					space: i?.key ?? "workspace"
+				}
+			})
+		},
 		{
 			label: _("newFromTemplate"),
 			items: S.map((e) => ({

package/components/Editor.js

@@ -5,12 +5,13 @@ import { Columns as p } from "./columns.js";
 import { DateChip as m } from "./DateChip.js";
 import { DocButton as h } from "./DocButton.js";
 import { DocLinkPicker as g } from "./DocLinkPicker.js";
-import { IssueListBlock as _ } from "./IssueListBlock.js";
-import { LinkCard as ee } from "./LinkCard.js";
-import { MentionPicker as v } from "./MentionPicker.js";
-import { Diagrams as y, MathBlock as b, MathInline as x } from "./mathDiagrams.js";
-import { SlashMenu as S } from "./SlashMenu.js";
-import { SubPages as te } from "./SubPages.js";
+import { DocViewBlock as _ } from "./DocViewBlock.js";
+import { IssueListBlock as ee } from "./IssueListBlock.js";
+import { LinkCard as v } from "./LinkCard.js";
+import { MentionPicker as y } from "./MentionPicker.js";
+import { Diagrams as b, MathBlock as te, MathInline as ne } from "./mathDiagrams.js";
+import { SlashMenu as x } from "./SlashMenu.js";
+import { SubPages as S } from "./SubPages.js";
 import { MarkdownTable as C } from "./table.js";
 import { useEffect as w, useRef as T } from "react";
 import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
@@ -21,8 +22,8 @@ import { TableKit as P } from "@tiptap/extension-table";
 import { Placeholder as F } from "@tiptap/extensions";
 import { Markdown as I } from "@tiptap/markdown";
 import L from "@tiptap/starter-kit";
-import R from "highlight.js/lib/languages/bash";
-import ne from "highlight.js/lib/languages/css";
+import re from "highlight.js/lib/languages/bash";
+import R from "highlight.js/lib/languages/css";
 import z from "highlight.js/lib/languages/diff";
 import B from "highlight.js/lib/languages/dockerfile";
 import V from "highlight.js/lib/languages/go";
@@ -36,12 +37,12 @@ import J from "highlight.js/lib/languages/shell";
 import Y from "highlight.js/lib/languages/sql";
 import X from "highlight.js/lib/languages/typescript";
 import Z from "highlight.js/lib/languages/xml";
-import re from "highlight.js/lib/languages/yaml";
-import { createLowlight as ie } from "lowlight";
+import ie from "highlight.js/lib/languages/yaml";
+import { createLowlight as ae } from "lowlight";
 // src/components/Editor.tsx
-var ae = ie({
-	bash: R,
-	css: ne,
+var oe = ae({
+	bash: re,
+	css: R,
 	diff: z,
 	dockerfile: B,
 	go: V,
@@ -55,9 +56,9 @@ var ae = ie({
 	sql: Y,
 	typescript: X,
 	xml: Z,
-	yaml: re
+	yaml: ie
 });
-function Q({ editable: g = !0, placeholder: v = "", collaborative: S = !1 } = {}) {
+function Q({ editable: g = !0, placeholder: y = "", collaborative: x = !1 } = {}) {
 	return [
 		L.configure({
 			link: {
@@ -66,15 +67,15 @@ function Q({ editable: g = !0, placeholder: v = "", collaborative: S = !1 } = {}
 			},
 			codeBlock: !1,
 			blockquote: !1,
-			...g && !S ? {} : { trailingNode: !1 },
-			...S ? { undoRedo: !1 } : {}
+			...g && !x ? {} : { trailingNode: !1 },
+			...x ? { undoRedo: !1 } : {}
 		}),
-		j.configure({ lowlight: ae }),
+		j.configure({ lowlight: oe }),
 		l,
 		N,
 		M.configure({ nested: !0 }),
 		f,
-		te,
+		S,
 		d,
 		u,
 		p,
@@ -83,7 +84,7 @@ function Q({ editable: g = !0, placeholder: v = "", collaborative: S = !1 } = {}
 			resizable: !1,
 			allowTableNodeSelection: !1
 		}),
-		F.configure({ placeholder: v }),
+		F.configure({ placeholder: y }),
 		I,
 		a,
 		r,
@@ -94,12 +95,13 @@ function Q({ editable: g = !0, placeholder: v = "", collaborative: S = !1 } = {}
 		s,
 		c,
 		i,
+		_,
 		h,
-		ee,
-		x,
+		v,
+		ne,
+		te,
 		b,
-		y,
-		_,
+		ee,
 		m
 	];
 }
@@ -118,7 +120,7 @@ function $(e) {
 		}
 	};
 }
-function oe({ value: e, onChange: t, onSubmit: n, onBlur: r, onFocus: i, placeholder: a, editable: o = !0, autofocus: s = !1, className: c = "", label: l, onFiles: u, onEditor: d }) {
+function se({ value: e, onChange: t, onSubmit: n, onBlur: r, onFocus: i, placeholder: a, editable: o = !0, autofocus: s = !1, className: c = "", label: l, onFiles: u, onEditor: d }) {
 	let f = T({
 		onChange: t,
 		onSubmit: n,
@@ -172,11 +174,11 @@ function oe({ value: e, onChange: t, onSubmit: n, onBlur: r, onFocus: i, placeho
 	return h.current = d, w(() => (h.current?.(m), () => h.current?.(null)), [m]), /* @__PURE__ */ O(E, { children: [
 		/* @__PURE__ */ D(k, { editor: m }),
 		o && /* @__PURE__ */ D(g, { editor: m }),
-		o && /* @__PURE__ */ D(S, {
+		o && /* @__PURE__ */ D(x, {
 			editor: m,
 			onFiles: p
 		}),
-		o && /* @__PURE__ */ D(v, { editor: m })
+		o && /* @__PURE__ */ D(y, { editor: m })
 	] });
 }
-export { oe as Editor, Q as contentExtensions, $ as fileHandlers };
+export { se as Editor, Q as contentExtensions, $ as fileHandlers };

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)
 			})]