@parallelworks/tandem-web 0.139.0 → 0.139.2

package/routes/_workspace/knowledge/_term2.js

@@ -1,318 +1,318 @@
-import { Link as e, useNavigate as t } from "../../../lib/router.js";
-import { areasQuery as n, knowledgeEntryQuery as r, knowledgeEventsQuery as i, knowledgeMentionsQuery as a, knowledgeQuery as o } from "../../../api/queries.js";
-import { FileTextIcon as s, LibraryIcon as c, StatusIcon as l } from "../../../components/icons.js";
-import { termRef as u } from "../../../lib/knowledgeKinds.js";
-import { Route as d } from "./_term.js";
-import { docRef as f } from "../../../lib/docs.js";
-import { headingAnchor as p } from "../../../lib/glossary.js";
-import { useTime as m } from "../../../lib/time.js";
-import { usePeople as h } from "../../../lib/people.js";
-import { usePageTitle as ee } from "../../../lib/pageTitle.js";
-import { useCan as te } from "../../../lib/roles.js";
-import { EntryDialog as g, useKnowledgeActions as _, useKnowledgeMenu as v } from "../../../lib/knowledge.js";
+import { usePageTitle as e } from "../../../lib/pageTitle.js";
+import { Link as t, useNavigate as n } from "../../../lib/router.js";
+import { areasQuery as r, knowledgeEntryQuery as i, knowledgeEventsQuery as a, knowledgeMentionsQuery as o, knowledgeQuery as s } from "../../../api/queries.js";
+import { FileTextIcon as c, LibraryIcon as l, StatusIcon as u } from "../../../components/icons.js";
+import { termRef as d } from "../../../lib/knowledgeKinds.js";
+import { Route as f } from "./_term.js";
+import { docRef as p } from "../../../lib/docs.js";
+import { headingAnchor as m } from "../../../lib/glossary.js";
+import { useTime as h } from "../../../lib/time.js";
+import { usePeople as g } from "../../../lib/people.js";
+import { useCan as ee } from "../../../lib/roles.js";
+import { EntryDialog as te, useKnowledgeActions as _, useKnowledgeMenu as v } from "../../../lib/knowledge.js";
 import { uploadKnowledgeAttachment as y } from "../../../lib/attachments.js";
 import { KnowledgeStatus as b } from "../../../components/HoverCards.js";
 import { AttachButton as x, UploadStatus as S, useFileUpload as C } from "../../../components/Attachments.js";
-import { Editor as ne } from "../../../components/Editor.js";
-import { Timeline as w, TimelineItem as T, activityIcon as E } from "../../../components/ActivityTimeline.js";
-import { Button as D, ErrorText as O, PageHeader as k, Section as A, TitleInput as j, useOpenMenu as M } from "@parallelworks/ui";
-import { Suspense as N, useCallback as P, useMemo as F, useRef as I, useState as L } from "react";
-import { useErrorMessage as R } from "@parallelworks/problem/react";
-import { useTranslations as z } from "use-intl";
-import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
-import { useQuery as U, useSuspenseQuery as W } from "@tanstack/react-query";
-import { MoreButton as G } from "@parallelworks/ui/list";
+import { Editor as w } from "../../../components/Editor.js";
+import { Timeline as T, TimelineItem as E, activityIcon as D } from "../../../components/ActivityTimeline.js";
+import { Button as O, ErrorText as k, PageHeader as A, Section as j, TitleInput as M, useOpenMenu as N } from "@parallelworks/ui";
+import { Suspense as P, useCallback as F, useMemo as I, useRef as L, useState as R } from "react";
+import { useErrorMessage as z } from "@parallelworks/problem/react";
+import { useTranslations as B } from "use-intl";
+import { Fragment as V, jsx as H, jsxs as U } from "react/jsx-runtime";
+import { useQuery as W, useSuspenseQuery as G } from "@tanstack/react-query";
+import { MoreButton as K } from "@parallelworks/ui/list";
 // src/routes/$workspace/knowledge/$term.tsx?tsr-split=component
-function K() {
-	let { workspace: n, term: i } = d.useParams(), a = z("knowledge"), s = z("common"), l = t(), f = M(), p = R(), { data: m } = W(r(n, i)), { data: h } = W(o(n)), b = _(n), w = te(n, "edit_docs"), T = w && !m.archivedAt, [E, A] = L(null), U = P((e) => A(e), []), K = v(n, U), X = I(null), Z = C((e) => y(n, m.id, e));
-	ee(m.name);
-	let Q = F(() => h.filter((e) => e.supersededBy === m.id), [h, m.id]), $ = (e) => b.update.mutate({
-		id: m.id,
+function q() {
+	let { workspace: r, term: a } = f.useParams(), o = B("knowledge"), c = B("common"), u = n(), p = N(), m = z(), { data: h } = G(i(r, a)), { data: g } = G(s(r)), b = _(r), T = ee(r, "edit_docs"), E = T && !h.archivedAt, [D, j] = R(null), W = F((e) => j(e), []), q = v(r, W), X = L(null), Z = C((e) => y(r, h.id, e));
+	e(h.name);
+	let Q = I(() => g.filter((e) => e.supersededBy === h.id), [g, h.id]), $ = (e) => b.update.mutate({
+		id: h.id,
 		...e,
-		ifVersion: m.version
-	}), re = m.status === "superseded";
-	return /* @__PURE__ */ H("div", {
+		ifVersion: h.version
+	}), re = h.status === "superseded";
+	return /* @__PURE__ */ U("div", {
 		className: "flex h-full min-h-0 flex-col",
 		children: [
-			/* @__PURE__ */ V(k, {
+			/* @__PURE__ */ H(A, {
 				heading: !1,
 				breadcrumbs: [{
-					label: a("title"),
-					href: `/${n}/knowledge`
+					label: o("title"),
+					href: `/${r}/knowledge`
 				}, {
-					label: m.name,
-					icon: /* @__PURE__ */ V(c, { className: "size-4 text-muted-foreground" })
+					label: h.name,
+					icon: /* @__PURE__ */ H(l, { className: "size-4 text-muted-foreground" })
 				}],
-				titleActions: /* @__PURE__ */ V(G, {
-					items: () => K(m),
-					label: s("moreActionsFor", { name: m.name }),
+				titleActions: /* @__PURE__ */ H(K, {
+					items: () => q(h),
+					label: c("moreActionsFor", { name: h.name }),
 					visible: !0
 				}),
-				actions: /* @__PURE__ */ H(B, { children: [b.update.isPending && /* @__PURE__ */ V("span", {
+				actions: /* @__PURE__ */ U(V, { children: [b.update.isPending && /* @__PURE__ */ H("span", {
 					className: "text-xs text-muted-foreground",
 					role: "status",
-					children: s("saving")
-				}), T && /* @__PURE__ */ V(D, {
+					children: c("saving")
+				}), E && /* @__PURE__ */ H(O, {
 					type: "button",
 					size: "sm",
-					onClick: () => U({
+					onClick: () => W({
 						kind: "edit",
-						entry: m
+						entry: h
 					}),
-					children: a("editDetails")
+					children: o("editDetails")
 				})] })
 			}),
-			/* @__PURE__ */ V("div", {
+			/* @__PURE__ */ H("div", {
 				className: "min-h-0 flex-1 overflow-y-auto",
-				children: /* @__PURE__ */ H("article", {
+				children: /* @__PURE__ */ U("article", {
 					className: "mx-auto w-full max-w-3xl px-4 pt-6 pb-20 md:px-8 md:pt-10",
 					onContextMenu: (e) => {
-						e.target instanceof Element && e.target.closest("textarea, .ProseMirror") || f(e, K(m));
+						e.target instanceof Element && e.target.closest("textarea, .ProseMirror") || p(e, q(h));
 					},
 					children: [
-						m.archivedAt && /* @__PURE__ */ H("div", {
+						h.archivedAt && /* @__PURE__ */ U("div", {
 							className: "mb-6 flex items-center gap-3 rounded-xl border border-border bg-muted px-3 py-2 text-sm",
-							children: [/* @__PURE__ */ V("span", {
+							children: [/* @__PURE__ */ H("span", {
 								className: "min-w-0 flex-1",
-								children: a("archivedNotice")
-							}), w && /* @__PURE__ */ V(D, {
+								children: o("archivedNotice")
+							}), T && /* @__PURE__ */ H(O, {
 								type: "button",
 								size: "sm",
-								onClick: () => b.restore.mutate(m.id),
-								children: a("restore")
+								onClick: () => b.restore.mutate(h.id),
+								children: o("restore")
 							})]
 						}),
-						/* @__PURE__ */ V(q, {
-							workspace: n,
-							entry: m
+						/* @__PURE__ */ H(J, {
+							workspace: r,
+							entry: h
 						}),
-						/* @__PURE__ */ V("h1", {
+						/* @__PURE__ */ H("h1", {
 							className: "sr-only",
-							children: m.name
+							children: h.name
 						}),
-						/* @__PURE__ */ V(j, {
-							value: m.name,
+						/* @__PURE__ */ H(M, {
+							value: h.name,
 							onCommit: (e) => $({ name: e }),
-							readOnly: !T,
-							"aria-label": a("name"),
+							readOnly: !E,
+							"aria-label": o("name"),
 							maxLength: 100,
 							className: re ? "mt-2 text-muted-foreground line-through" : "mt-2"
 						}),
-						m.aliases.length > 0 && /* @__PURE__ */ V("p", {
+						h.aliases.length > 0 && /* @__PURE__ */ H("p", {
 							className: "mt-1 text-sm text-muted-foreground",
-							children: a("alsoCalled", { names: m.aliases.join(", ") })
+							children: o("alsoCalled", { names: h.aliases.join(", ") })
 						}),
-						/* @__PURE__ */ V(j, {
-							value: m.definition,
+						/* @__PURE__ */ H(M, {
+							value: h.definition,
 							onCommit: (e) => $({ definition: e }),
-							readOnly: !T,
-							"aria-label": a("definition"),
-							placeholder: a("definitionPlaceholder"),
+							readOnly: !E,
+							"aria-label": o("definition"),
+							placeholder: o("definitionPlaceholder"),
 							maxLength: 1e3,
 							size: "lg",
 							className: "mt-3 text-base leading-relaxed font-normal tracking-normal text-muted-foreground"
 						}),
-						(m.supersededBy || Q.length > 0) && /* @__PURE__ */ H("div", {
+						(h.supersededBy || Q.length > 0) && /* @__PURE__ */ U("div", {
 							className: "mt-3 space-y-1 text-sm",
-							children: [m.supersededBy && /* @__PURE__ */ V(e, {
+							children: [h.supersededBy && /* @__PURE__ */ H(t, {
 								to: "/$workspace/knowledge/$term",
 								params: {
-									workspace: n,
-									term: u(h.find((e) => e.id === m.supersededBy) ?? { id: m.supersededBy })
+									workspace: r,
+									term: d(g.find((e) => e.id === h.supersededBy) ?? { id: h.supersededBy })
 								},
 								className: "block text-primary hover:underline",
-								children: a("supersededBy", { name: m.supersededByName ?? "" })
-							}), Q.map((t) => /* @__PURE__ */ V(e, {
+								children: o("supersededBy", { name: h.supersededByName ?? "" })
+							}), Q.map((e) => /* @__PURE__ */ H(t, {
 								to: "/$workspace/knowledge/$term",
 								params: {
-									workspace: n,
-									term: u(t)
+									workspace: r,
+									term: d(e)
 								},
 								className: "block text-muted-foreground hover:text-foreground",
-								children: a("replaces", { name: t.name })
-							}, t.id))]
+								children: o("replaces", { name: e.name })
+							}, e.id))]
 						}),
-						/* @__PURE__ */ H("section", {
-							"aria-label": a("page"),
+						/* @__PURE__ */ U("section", {
+							"aria-label": o("page"),
 							className: "mt-8 border-t border-border pt-6",
 							children: [
-								T || m.body ? /* @__PURE__ */ V(ne, {
-									value: m.body ?? "",
-									editable: T,
-									placeholder: a("pagePlaceholder"),
-									label: a("page"),
-									onBlur: (e) => e !== (m.body ?? "") && $({ body: e }),
+								E || h.body ? /* @__PURE__ */ H(w, {
+									value: h.body ?? "",
+									editable: E,
+									placeholder: o("pagePlaceholder"),
+									label: o("page"),
+									onBlur: (e) => e !== (h.body ?? "") && $({ body: e }),
 									onFiles: (e, t) => Z.upload(X.current, e, t),
 									onEditor: (e) => {
 										X.current = e;
 									},
 									className: "min-h-32 [&>:first-child]:mt-0"
-								}) : /* @__PURE__ */ V("p", {
+								}) : /* @__PURE__ */ H("p", {
 									className: "text-sm text-muted-foreground",
-									children: a("noPage")
+									children: o("noPage")
 								}),
-								T && /* @__PURE__ */ H("div", {
+								E && /* @__PURE__ */ U("div", {
 									className: "mt-3 flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ V(x, { onFiles: (e) => Z.upload(X.current, e) }),
-										/* @__PURE__ */ V("span", {
+										/* @__PURE__ */ H(x, { onFiles: (e) => Z.upload(X.current, e) }),
+										/* @__PURE__ */ H("span", {
 											className: "text-xs text-muted-foreground",
-											children: a("attachHint")
+											children: o("attachHint")
 										}),
-										/* @__PURE__ */ V("span", {
+										/* @__PURE__ */ H("span", {
 											className: "ml-auto",
-											children: /* @__PURE__ */ V(S, {
+											children: /* @__PURE__ */ H(S, {
 												pending: Z.pending,
 												error: Z.error
 											})
 										})
 									]
 								}),
-								b.update.isError && /* @__PURE__ */ V(O, {
+								b.update.isError && /* @__PURE__ */ H(k, {
 									className: "mt-2",
-									children: p(b.update.error)
+									children: m(b.update.error)
 								})
 							]
 						}),
-						/* @__PURE__ */ V(N, { children: /* @__PURE__ */ V(J, {
-							workspace: n,
-							entryId: m.id
+						/* @__PURE__ */ H(P, { children: /* @__PURE__ */ H(Y, {
+							workspace: r,
+							entryId: h.id
 						}) }),
-						/* @__PURE__ */ V(N, { children: /* @__PURE__ */ V(Y, {
-							workspace: n,
-							entryId: m.id
+						/* @__PURE__ */ H(P, { children: /* @__PURE__ */ H(ne, {
+							workspace: r,
+							entryId: h.id
 						}) })
 					]
 				})
 			}),
-			E && /* @__PURE__ */ V(N, { children: /* @__PURE__ */ V(g, {
-				workspace: n,
-				mode: E,
-				onClose: () => A(null),
-				onSaved: (e) => l({
+			D && /* @__PURE__ */ H(P, { children: /* @__PURE__ */ H(te, {
+				workspace: r,
+				mode: D,
+				onClose: () => j(null),
+				onSaved: (e) => u({
 					to: "/$workspace/knowledge/$term",
 					params: {
-						workspace: n,
-						term: u(e)
+						workspace: r,
+						term: d(e)
 					},
-					replace: e.id === m.id
+					replace: e.id === h.id
 				})
 			}) })
 		]
 	});
 }
-function q({ workspace: t, entry: r }) {
-	let i = z("knowledge"), { actorName: a } = h(t), o = m(), { data: c = [] } = U(n(t)), l = c.find((e) => e.id === r.areaId), u = r.source.doc, d = [
-		...r.kind === "term" ? [] : [i(`kind.${r.kind}`)],
+function J({ workspace: e, entry: n }) {
+	let i = B("knowledge"), { actorName: a } = g(e), o = h(), { data: s = [] } = W(r(e)), l = s.find((e) => e.id === n.areaId), u = n.source.doc, d = [
+		...n.kind === "term" ? [] : [i(`kind.${n.kind}`)],
 		...l ? [l.title] : [],
-		i("writtenBy", { name: a(r.creator) }),
-		/* @__PURE__ */ V("time", {
-			dateTime: r.updatedAt,
-			title: o.full(r.updatedAt),
-			children: i("updated", { when: o.relative(r.updatedAt) })
+		i("writtenBy", { name: a(n.creator) }),
+		/* @__PURE__ */ H("time", {
+			dateTime: n.updatedAt,
+			title: o.full(n.updatedAt),
+			children: i("updated", { when: o.relative(n.updatedAt) })
 		}, "updated")
 	];
-	return /* @__PURE__ */ H("div", {
+	return /* @__PURE__ */ U("div", {
 		className: "space-y-1 text-xs text-muted-foreground",
-		children: [/* @__PURE__ */ H("p", {
+		children: [/* @__PURE__ */ U("p", {
 			className: "flex flex-wrap items-center gap-x-1.5 gap-y-1",
-			children: [(r.kind !== "term" || r.status === "superseded") && /* @__PURE__ */ V(b, { status: r.status }), d.map((e, t) => /* @__PURE__ */ H("span", {
+			children: [(n.kind !== "term" || n.status === "superseded") && /* @__PURE__ */ H(b, { status: n.status }), d.map((e, t) => /* @__PURE__ */ U("span", {
 				className: "inline-flex items-center gap-1.5",
-				children: [t > 0 && /* @__PURE__ */ V("span", {
+				children: [t > 0 && /* @__PURE__ */ H("span", {
 					"aria-hidden": "true",
 					children: "·"
 				}), e]
 			}, t))]
-		}), (u || r.source.identifier) && /* @__PURE__ */ H("p", {
+		}), (u || n.source.identifier) && /* @__PURE__ */ U("p", {
 			className: "flex flex-wrap items-center gap-x-3 gap-y-1",
 			children: [
-				u && /* @__PURE__ */ H(e, {
+				u && /* @__PURE__ */ U(t, {
 					to: "/$workspace/docs/$doc",
 					params: {
-						workspace: t,
-						doc: f(u)
+						workspace: e,
+						doc: p(u)
 					},
-					...r.source.section && { hash: p(r.source.section) },
+					...n.source.section && { hash: m(n.source.section) },
 					className: "inline-flex items-center gap-1 hover:text-foreground",
-					children: [/* @__PURE__ */ V(s, { className: "size-3" }), r.source.section ? i("sourceSection", {
+					children: [/* @__PURE__ */ H(c, { className: "size-3" }), n.source.section ? i("sourceSection", {
 						doc: u.title,
-						section: r.source.section
+						section: n.source.section
 					}) : u.title]
 				}),
-				r.source.missing && /* @__PURE__ */ V("span", {
+				n.source.missing && /* @__PURE__ */ H("span", {
 					className: "text-warning",
-					children: i("sourceMissing", { section: r.source.section ?? "" })
+					children: i("sourceMissing", { section: n.source.section ?? "" })
 				}),
-				r.source.identifier && /* @__PURE__ */ H(e, {
+				n.source.identifier && /* @__PURE__ */ U(t, {
 					to: "/$workspace/issues/$identifier",
 					params: {
-						workspace: t,
-						identifier: r.source.identifier
+						workspace: e,
+						identifier: n.source.identifier
 					},
 					className: "hover:text-foreground",
 					children: [
-						r.source.identifier,
+						n.source.identifier,
 						" ",
-						r.source.issueTitle
+						n.source.issueTitle
 					]
 				})
 			]
 		})]
 	});
 }
-function J({ workspace: t, entryId: n }) {
-	let r = z("knowledge"), { data: i } = U(a(t, n));
+function Y({ workspace: e, entryId: n }) {
+	let r = B("knowledge"), { data: i } = W(o(e, n));
 	if (!i) return null;
-	let o = i.issues.length + i.docs.length, c = "flex min-h-10 items-center gap-2.5 px-3 py-2 text-sm hover:bg-muted focus-visible:outline-offset-[-2px]";
-	return /* @__PURE__ */ H("section", {
+	let a = i.issues.length + i.docs.length, s = "flex min-h-10 items-center gap-2.5 px-3 py-2 text-sm hover:bg-muted focus-visible:outline-offset-[-2px]";
+	return /* @__PURE__ */ U("section", {
 		"aria-label": r("mentionedIn"),
 		className: "mt-12",
-		children: [/* @__PURE__ */ H("h2", {
+		children: [/* @__PURE__ */ U("h2", {
 			className: "mb-3 flex items-baseline gap-2 text-base font-semibold",
-			children: [r("mentionedIn"), o > 0 && /* @__PURE__ */ V("span", {
+			children: [r("mentionedIn"), a > 0 && /* @__PURE__ */ H("span", {
 				className: "text-xs font-normal text-muted-foreground tabular-nums",
-				children: o
+				children: a
 			})]
-		}), o === 0 ? /* @__PURE__ */ V("p", {
+		}), a === 0 ? /* @__PURE__ */ H("p", {
 			className: "text-sm text-muted-foreground",
 			children: r("mentionedNone")
-		}) : /* @__PURE__ */ H("ul", {
+		}) : /* @__PURE__ */ U("ul", {
 			className: "divide-y divide-border overflow-hidden rounded-xl border border-border bg-card",
-			children: [i.issues.map((n) => /* @__PURE__ */ V("li", { children: /* @__PURE__ */ H(e, {
+			children: [i.issues.map((n) => /* @__PURE__ */ H("li", { children: /* @__PURE__ */ U(t, {
 				to: "/$workspace/issues/$identifier",
 				params: {
-					workspace: t,
+					workspace: e,
 					identifier: n.identifier
 				},
-				className: c,
+				className: s,
 				children: [
-					/* @__PURE__ */ V(l, {
+					/* @__PURE__ */ H(u, {
 						category: n.statusCategory,
 						className: "size-3.5 shrink-0"
 					}),
-					/* @__PURE__ */ V("span", {
+					/* @__PURE__ */ H("span", {
 						className: "w-16 shrink-0 text-xs text-muted-foreground tabular-nums",
 						children: n.identifier
 					}),
-					/* @__PURE__ */ V("span", {
+					/* @__PURE__ */ H("span", {
 						className: "min-w-0 truncate",
 						children: n.title
 					})
 				]
-			}) }, n.identifier)), i.docs.map((n) => /* @__PURE__ */ V("li", { children: /* @__PURE__ */ H(e, {
+			}) }, n.identifier)), i.docs.map((n) => /* @__PURE__ */ H("li", { children: /* @__PURE__ */ U(t, {
 				to: "/$workspace/docs/$doc",
 				params: {
-					workspace: t,
-					doc: f(n)
+					workspace: e,
+					doc: p(n)
 				},
-				className: c,
+				className: s,
 				children: [
-					/* @__PURE__ */ V(s, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-					/* @__PURE__ */ V("span", {
+					/* @__PURE__ */ H(c, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+					/* @__PURE__ */ H("span", {
 						className: "w-16 shrink-0 text-xs text-muted-foreground",
 						children: r("doc")
 					}),
-					/* @__PURE__ */ V("span", {
+					/* @__PURE__ */ H("span", {
 						className: "min-w-0 truncate",
 						children: n.title
 					})
@@ -321,27 +321,27 @@ function J({ workspace: t, entryId: n }) {
 		})]
 	});
 }
-function Y({ workspace: e, entryId: t }) {
-	let n = z("knowledge.history"), { data: r = [] } = U(i(e, t)), { actorName: a } = h(e);
-	return r.length === 0 ? null : /* @__PURE__ */ V(A, {
+function ne({ workspace: e, entryId: t }) {
+	let n = B("knowledge.history"), { data: r = [] } = W(a(e, t)), { actorName: i } = g(e);
+	return r.length === 0 ? null : /* @__PURE__ */ H(j, {
 		title: n("title"),
 		variant: "bare",
 		defaultOpen: !1,
 		headingLevel: 2,
 		className: "mt-10",
-		children: /* @__PURE__ */ V(w, { children: r.map((t) => /* @__PURE__ */ V(T, {
+		children: /* @__PURE__ */ H(T, { children: r.map((t) => /* @__PURE__ */ H(E, {
 			workspace: e,
-			icon: E(t.type, t.data),
+			icon: D(t.type, t.data),
 			actor: t.actor,
 			at: t.createdAt,
-			children: X(n, t, a(t.actor))
+			children: X(n, t, i(t.actor))
 		}, t.id)) })
 	});
 }
 function X(e, t, n) {
 	let r = t.data ?? {}, i = {
 		name: n,
-		actor: (e) => /* @__PURE__ */ V("span", {
+		actor: (e) => /* @__PURE__ */ H("span", {
 			className: "font-medium text-foreground",
 			children: e
 		})
@@ -363,4 +363,4 @@ function X(e, t, n) {
 		}
 	}
 }
-export { K as component };
+export { q as component };