@parallelworks/tandem-web 0.138.0 → 0.139.0

package/lib/knowledge.js

@@ -3,36 +3,25 @@ import { api as e, unwrap as t } from "../api/client.js";
 import { useNavigate as n } from "./router.js";
 import { areasQuery as r, docQuery as i, docsQuery as a, knowledgeQuery as o, teamsQuery as s, workspaceQuery as c } from "../api/queries.js";
 import { AreaIcon as l, FileTextIcon as u } from "../components/icons.js";
-import { headings as ee } from "./glossary.js";
-import { copyItem as d, useLinkItems as f } from "./menus.js";
-import { Button as p, Combobox as m, ErrorText as te, Input as h, Modal as ne, Select as g, Textarea as re, menuDivider as _ } from "@parallelworks/ui";
-import { useCallback as v, useState as y } from "react";
+import { entryPath as d, kinds as ee, termRef as f } from "./knowledgeKinds.js";
+import { copyItem as p, useLinkItems as m } from "./menus.js";
+import { headings as te } from "./glossary.js";
+import { Button as h, Combobox as g, ErrorText as _, Input as v, Modal as ne, Select as y, Textarea as re, menuDivider as b } from "@parallelworks/ui";
+import { useCallback as x, useState as S } from "react";
 import { useErrorMessage as ie } from "@parallelworks/problem/react";
-import { useTranslations as b } from "use-intl";
-import { Fragment as ae, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { keepPreviousData as oe, useMutation as C, useQuery as w, useQueryClient as T, useSuspenseQuery as E } from "@tanstack/react-query";
+import { useTranslations as C } from "use-intl";
+import { Fragment as ae, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { keepPreviousData as oe, useMutation as E, useQuery as D, useQueryClient as O, useSuspenseQuery as k } from "@tanstack/react-query";
 // src/lib/knowledge.tsx
-var D = [
-	"term",
-	"decision",
-	"system",
-	"role"
-];
-function O(e, t) {
-	return `/${e}/knowledge/${encodeURIComponent(t)}`;
-}
-function k(e) {
-	return e.slug || e.id;
-}
 function A(e) {
-	let { data: t } = w(o(e));
-	return v((e) => {
+	let { data: t } = D(o(e));
+	return x((e) => {
 		let n = t?.find((t) => t.id === e);
-		return n ? k(n) : e;
+		return n ? f(n) : e;
 	}, [t]);
 }
 function j(n) {
-	let r = T(), i = () => {
+	let r = O(), i = () => {
 		r.invalidateQueries({ queryKey: [
 			"workspace",
 			n,
@@ -51,47 +40,47 @@ function j(n) {
 		entry: e
 	} });
 	return {
-		create: C({
+		create: E({
 			mutationFn: async (r) => t(await e.POST("/api/v1/workspaces/{workspace}/knowledge", {
 				params: { path: { workspace: n } },
 				body: r
 			})),
 			onSettled: i
 		}),
-		update: C({
+		update: E({
 			mutationFn: async ({ id: n, ...r }) => t(await e.PATCH("/api/v1/workspaces/{workspace}/knowledge/{entry}", {
 				params: a(n),
 				body: r
 			})),
 			onSettled: i
 		}),
-		supersede: C({
+		supersede: E({
 			mutationFn: async ({ id: n, by: r }) => t(await e.POST("/api/v1/workspaces/{workspace}/knowledge/{entry}/supersede", {
 				params: a(n),
 				body: { by: r }
 			})),
 			onSettled: i
 		}),
-		archive: C({
+		archive: E({
 			mutationFn: async (n) => t(await e.POST("/api/v1/workspaces/{workspace}/knowledge/{entry}/archive", { params: a(n) })),
 			onSettled: i
 		}),
-		restore: C({
+		restore: E({
 			mutationFn: async (n) => t(await e.POST("/api/v1/workspaces/{workspace}/knowledge/{entry}/restore", { params: a(n) })),
 			onSettled: i
 		})
 	};
 }
 function M(e, t) {
-	let r = b("knowledge"), i = b("common"), a = j(e), o = f(), s = n();
-	return v((n) => {
-		let c = [...o(O(e, k(n))), d(i("copyName"), n.name)], l = {
+	let r = C("knowledge"), i = C("common"), a = j(e), o = m(), s = n();
+	return x((n) => {
+		let c = [...o(d(e, f(n))), p(i("copyName"), n.name)], l = {
 			label: i("open"),
 			onClick: () => s({
 				to: "/$workspace/knowledge/$term",
 				params: {
 					workspace: e,
-					term: k(n)
+					term: f(n)
 				}
 			})
 		};
@@ -101,7 +90,7 @@ function M(e, t) {
 				label: r("restore"),
 				onClick: () => a.restore.mutate(n.id)
 			},
-			_,
+			b,
 			...c
 		] : [
 			l,
@@ -143,9 +132,9 @@ function M(e, t) {
 					}
 				})
 			}],
-			_,
+			b,
 			...c,
-			_,
+			b,
 			{
 				label: r("archive"),
 				destructive: !0,
@@ -163,53 +152,53 @@ function M(e, t) {
 	]);
 }
 function N({ workspace: e, mode: t, onClose: n, onSaved: o }) {
-	let d = b("planning"), f = b("knowledge"), _ = b("common"), v = ie(), { data: C } = E(s(e)), { data: T } = E(c(e)), O = j(e), k = t.kind === "edit" ? t.entry : void 0, A = t.kind === "create" ? t.defaults ?? {} : {}, M = t.kind === "create" ? t.supersedes : void 0, [N, se] = y(k?.name ?? A.name ?? ""), [P, ce] = y((k?.aliases ?? A.aliases ?? []).join(", ")), [F, le] = y(k?.kind ?? A.kind ?? "term"), [I, ue] = y(A.status ?? "proposed"), [L, de] = y(k?.definition ?? A.definition ?? ""), [R, fe] = y(A.team ?? C.find((e) => e.id === M?.teamId)?.key ?? ""), [z, B] = y(k?.areaId ?? ""), { data: V = [] } = w(r(e)), pe = k ? k.teamId : C.find((e) => e.key === R)?.id, H = V.find((e) => e.id === z)?.key ?? "", [U, me] = y(k?.source.doc?.key ?? A.source?.doc ?? ""), [W, G] = y(k?.source.section ?? A.source?.section ?? ""), [K, he] = y(k?.source.identifier ?? A.source?.issue ?? ""), [q, ge] = y(!1), [J, _e] = y(""), { data: Y = [] } = w({
-		...a(e, J ? { title: J } : {
+	let d = C("planning"), f = C("knowledge"), p = C("common"), m = ie(), { data: b } = k(s(e)), { data: x } = k(c(e)), E = j(e), O = t.kind === "edit" ? t.entry : void 0, A = t.kind === "create" ? t.defaults ?? {} : {}, M = t.kind === "create" ? t.supersedes : void 0, [N, se] = S(O?.name ?? A.name ?? ""), [P, ce] = S((O?.aliases ?? A.aliases ?? []).join(", ")), [F, le] = S(O?.kind ?? A.kind ?? "term"), [I, ue] = S(A.status ?? "proposed"), [L, de] = S(O?.definition ?? A.definition ?? ""), [R, fe] = S(A.team ?? b.find((e) => e.id === M?.teamId)?.key ?? ""), [z, B] = S(O?.areaId ?? ""), { data: V = [] } = D(r(e)), H = O ? O.teamId : b.find((e) => e.key === R)?.id, U = V.find((e) => e.id === z)?.key ?? "", [W, pe] = S(O?.source.doc?.key ?? A.source?.doc ?? ""), [G, K] = S(O?.source.section ?? A.source?.section ?? ""), [q, me] = S(O?.source.identifier ?? A.source?.issue ?? ""), [J, he] = S(!1), [Y, ge] = S(""), { data: _e = [] } = D({
+		...a(e, Y ? { title: Y } : {
 			top: !0,
 			limit: 20
 		}),
-		enabled: q,
+		enabled: J,
 		placeholderData: oe
-	}), [ve, X] = y(null), { data: Z } = w({
-		...i(e, U),
-		enabled: !!U
-	}), ye = Z ?? (k?.source.doc?.key === U ? k.source.doc : void 0), Q = ee(Z?.body ?? ""), $ = O.create.isPending || O.update.isPending || O.supersede.isPending, be = async () => {
+	}), [ve, X] = S(null), { data: Z } = D({
+		...i(e, W),
+		enabled: !!W
+	}), ye = Z ?? (O?.source.doc?.key === W ? O.source.doc : void 0), Q = te(Z?.body ?? ""), $ = E.create.isPending || E.update.isPending || E.supersede.isPending, be = async () => {
 		X(null);
 		let e = {
-			...U && { doc: U },
-			...U && W && { section: W },
-			...K.trim() && { issue: K.trim() },
+			...W && { doc: W },
+			...W && G && { section: G },
+			...q.trim() && { issue: q.trim() },
 			...A.source?.decision && { decision: A.source.decision }
 		}, t = P.split(",").map((e) => e.trim()).filter(Boolean);
 		try {
 			let r;
-			k ? r = await O.update.mutateAsync({
-				id: k.id,
+			O ? r = await E.update.mutateAsync({
+				id: O.id,
 				name: N,
 				aliases: t,
 				kind: F,
 				definition: L,
-				...(!z || H) && { area: H },
+				...(!z || U) && { area: U },
 				source: e,
-				ifVersion: k.version
-			}) : (r = await O.create.mutateAsync({
+				ifVersion: O.version
+			}) : (r = await E.create.mutateAsync({
 				name: N,
 				aliases: t,
 				kind: F,
 				status: I,
 				definition: L,
 				...R && { team: R },
-				...H && { area: H },
+				...U && { area: U },
 				source: e
-			}), M && await O.supersede.mutateAsync({
+			}), M && await E.supersede.mutateAsync({
 				id: M.id,
 				by: r.id
 			})), o?.(r), n();
 		} catch (e) {
-			X(v(e));
+			X(m(e));
 		}
-	}, xe = k ? f("editTitle", { name: k.name }) : M ? f("supersedeTitle", { name: M.name }) : f("newTitle");
-	return /* @__PURE__ */ x(ne, {
+	}, xe = O ? f("editTitle", { name: O.name }) : M ? f("supersedeTitle", { name: M.name }) : f("newTitle");
+	return /* @__PURE__ */ w(ne, {
 		open: !0,
 		onClose: n,
 		dismissible: !$,
@@ -217,24 +206,24 @@ function N({ workspace: e, mode: t, onClose: n, onSaved: o }) {
 		title: xe,
 		description: M ? f("supersedeHint") : void 0,
 		onSubmit: () => be(),
-		footer: /* @__PURE__ */ S(ae, { children: [/* @__PURE__ */ x(p, {
+		footer: /* @__PURE__ */ T(ae, { children: [/* @__PURE__ */ w(h, {
 			type: "button",
 			variant: "ghost",
 			onClick: n,
-			children: _("cancel")
-		}), /* @__PURE__ */ x(p, {
+			children: p("cancel")
+		}), /* @__PURE__ */ w(h, {
 			type: "submit",
 			variant: "primary",
 			disabled: !N.trim() || !L.trim(),
 			loading: $,
-			children: M ? f("saveAndSupersede") : _("save")
+			children: M ? f("saveAndSupersede") : p("save")
 		})] }),
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ T("div", {
 			className: "space-y-3",
 			children: [
-				/* @__PURE__ */ S("label", {
+				/* @__PURE__ */ T("label", {
 					className: "block text-xs font-medium text-muted-foreground",
-					children: [f("name"), /* @__PURE__ */ x(h, {
+					children: [f("name"), /* @__PURE__ */ w(v, {
 						value: N,
 						onChange: (e) => se(e.target.value),
 						maxLength: 100,
@@ -242,29 +231,29 @@ function N({ workspace: e, mode: t, onClose: n, onSaved: o }) {
 						className: "mt-1"
 					})]
 				}),
-				/* @__PURE__ */ S("label", {
+				/* @__PURE__ */ T("label", {
 					className: "block text-xs font-medium text-muted-foreground",
-					children: [f("aliases"), /* @__PURE__ */ x(h, {
+					children: [f("aliases"), /* @__PURE__ */ w(v, {
 						value: P,
 						onChange: (e) => ce(e.target.value),
 						placeholder: f("aliasesPlaceholder"),
 						className: "mt-1"
 					})]
 				}),
-				/* @__PURE__ */ S("div", {
+				/* @__PURE__ */ T("div", {
 					className: "flex flex-wrap gap-2",
 					children: [
-						/* @__PURE__ */ x(g, {
+						/* @__PURE__ */ w(y, {
 							"aria-label": f("kindLabel"),
 							width: "content",
 							value: F,
 							onValueChange: le,
-							items: D.map((e) => ({
+							items: ee.map((e) => ({
 								value: e,
 								label: f(`kind.${e}`)
 							}))
 						}),
-						!k && F !== "term" && /* @__PURE__ */ x(g, {
+						!O && F !== "term" && /* @__PURE__ */ w(y, {
 							"aria-label": f("statusLabel"),
 							width: "content",
 							value: I,
@@ -277,7 +266,7 @@ function N({ workspace: e, mode: t, onClose: n, onSaved: o }) {
 								label: f("status.decided")
 							}]
 						}),
-						!k && /* @__PURE__ */ x(g, {
+						!O && /* @__PURE__ */ w(y, {
 							"aria-label": f("spaceLabel"),
 							width: "content",
 							value: R,
@@ -286,27 +275,27 @@ function N({ workspace: e, mode: t, onClose: n, onSaved: o }) {
 							},
 							items: [{
 								value: "",
-								label: T.name
-							}, ...C.filter((e) => !e.archivedAt).map((e) => ({
+								label: x.name
+							}, ...b.filter((e) => !e.archivedAt).map((e) => ({
 								value: e.key,
 								label: e.name
 							}))]
 						}),
-						/* @__PURE__ */ x(m, {
+						/* @__PURE__ */ w(g, {
 							items: [{
 								value: "",
 								label: d("noArea")
-							}, ...V.filter((e) => !e.teamId || e.teamId === pe).map((e) => ({
+							}, ...V.filter((e) => !e.teamId || e.teamId === H).map((e) => ({
 								value: e.id,
 								label: e.title
 							}))],
 							value: z,
 							onValueChange: (e) => e !== null && B(e),
 							placeholder: d("area"),
-							trigger: /* @__PURE__ */ S(p, {
+							trigger: /* @__PURE__ */ T(h, {
 								type: "button",
 								"aria-label": d("area"),
-								children: [/* @__PURE__ */ x(l, { className: "size-3.5 shrink-0 text-muted-foreground" }), V.find((e) => e.id === z)?.title ?? /* @__PURE__ */ x("span", {
+								children: [/* @__PURE__ */ w(l, { className: "size-3.5 shrink-0 text-muted-foreground" }), V.find((e) => e.id === z)?.title ?? /* @__PURE__ */ w("span", {
 									className: "text-muted-foreground",
 									children: d("noArea")
 								})]
@@ -314,9 +303,9 @@ function N({ workspace: e, mode: t, onClose: n, onSaved: o }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ S("label", {
+				/* @__PURE__ */ T("label", {
 					className: "block text-xs font-medium text-muted-foreground",
-					children: [f("definition"), /* @__PURE__ */ x(re, {
+					children: [f("definition"), /* @__PURE__ */ w(re, {
 						value: L,
 						onChange: (e) => de(e.target.value),
 						maxLength: 1e3,
@@ -326,45 +315,45 @@ function N({ workspace: e, mode: t, onClose: n, onSaved: o }) {
 						className: "mt-1"
 					})]
 				}),
-				/* @__PURE__ */ S("fieldset", {
+				/* @__PURE__ */ T("fieldset", {
 					className: "space-y-2",
 					children: [
-						/* @__PURE__ */ x("legend", {
+						/* @__PURE__ */ w("legend", {
 							className: "text-xs font-medium text-muted-foreground",
 							children: f("source")
 						}),
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ T("div", {
 							className: "flex flex-wrap items-center gap-2",
-							children: [/* @__PURE__ */ x(m, {
-								open: q,
-								onOpenChange: ge,
+							children: [/* @__PURE__ */ w(g, {
+								open: J,
+								onOpenChange: he,
 								items: [{
 									value: "",
 									label: f("noDoc")
-								}, ...Y.map((e) => ({
+								}, ..._e.map((e) => ({
 									value: e.key,
 									label: e.title,
-									icon: /* @__PURE__ */ x(u, { className: "size-3.5" })
+									icon: /* @__PURE__ */ w(u, { className: "size-3.5" })
 								}))],
-								value: U,
+								value: W,
 								onValueChange: (e) => {
-									e !== null && (me(e), G(""));
+									e !== null && (pe(e), K(""));
 								},
-								onQueryChange: _e,
+								onQueryChange: ge,
 								placeholder: f("chooseDoc"),
-								trigger: /* @__PURE__ */ S(p, {
+								trigger: /* @__PURE__ */ T(h, {
 									type: "button",
 									className: "max-w-56",
-									children: [/* @__PURE__ */ x(u, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ x("span", {
+									children: [/* @__PURE__ */ w(u, { className: "size-3.5 text-muted-foreground" }), /* @__PURE__ */ w("span", {
 										className: "truncate",
 										children: ye?.title ?? f("chooseDoc")
 									})]
 								})
-							}), U && /* @__PURE__ */ x(g, {
+							}), W && /* @__PURE__ */ w(y, {
 								"aria-label": f("section"),
 								width: "content",
-								value: W,
-								onValueChange: G,
+								value: G,
+								onValueChange: K,
 								items: [
 									{
 										value: "",
@@ -374,25 +363,25 @@ function N({ workspace: e, mode: t, onClose: n, onSaved: o }) {
 										value: e.text,
 										label: e.text
 									})),
-									...W && !Q.some((e) => e.text === W) ? [{
-										value: W,
-										label: W
+									...G && !Q.some((e) => e.text === G) ? [{
+										value: G,
+										label: G
 									}] : []
 								]
 							})]
 						}),
-						/* @__PURE__ */ x(h, {
-							value: K,
-							onChange: (e) => he(e.target.value),
+						/* @__PURE__ */ w(v, {
+							value: q,
+							onChange: (e) => me(e.target.value),
 							placeholder: f("issuePlaceholder"),
 							"aria-label": f("issue"),
 							className: "max-w-40"
 						})
 					]
 				}),
-				/* @__PURE__ */ x(te, { children: ve })
+				/* @__PURE__ */ w(_, { children: ve })
 			]
 		})
 	});
 }
-export { N as EntryDialog, O as entryPath, D as kinds, k as termRef, j as useKnowledgeActions, M as useKnowledgeMenu, A as useTermRefs };
+export { N as EntryDialog, j as useKnowledgeActions, M as useKnowledgeMenu, A as useTermRefs };

package/lib/knowledgeKinds.js

@@ -0,0 +1,14 @@
+// src/lib/knowledgeKinds.ts
+var e = [
+	"term",
+	"decision",
+	"system",
+	"role"
+];
+function t(e, t) {
+	return `/${e}/knowledge/${encodeURIComponent(t)}`;
+}
+function n(e) {
+	return e.slug || e.id;
+}
+export { t as entryPath, e as kinds, n as termRef };

package/lib/projectList.js

@@ -1,4 +1,4 @@
-import { healthStates as e, projectStatuses as t } from "../components/Planning.js";
+import { healthStates as e, projectStatuses as t } from "./projectStates.js";
 // src/lib/projectList.ts
 var n = (e) => e ? "tandem-team-projects-layout" : "tandem-projects-layout";
 function r(e) {

package/lib/projectStates.js

@@ -0,0 +1,15 @@
+// src/lib/projectStates.ts
+var e = [
+	"planned",
+	"in_progress",
+	"paused",
+	"completed",
+	"canceled"
+], t = [
+	"on_track",
+	"at_risk",
+	"off_track",
+	"missing",
+	"none"
+];
+export { t as healthStates, e as projectStatuses };

package/lib/router.js

@@ -1,51 +1,37 @@
-import { appPath as e, basePath as t, routerPath as n, servedByTandem as r } from "./base.js";
-import { useCallback as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
-import * as o from "@tanstack/react-router";
+import { appPath as e, routerPath as t } from "./base.js";
+import * as n from "@tanstack/react-router";
+import { useCallback as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
 // src/lib/router.tsx
-function s(e) {
-	return typeof e == "string" && e.startsWith("/") ? n(e) : e;
+function a(e) {
+	return typeof e == "string" && e.startsWith("/") ? t(e) : e;
 }
-var c = ((e) => /* @__PURE__ */ a(o.Link, {
+var o = ((e) => /* @__PURE__ */ i(n.Link, {
 	preload: "intent",
 	...e,
-	...e.to !== void 0 && { to: s(e.to) },
-	...typeof e.to == "string" && r(e.to) && { reloadDocument: !0 }
+	...e.to !== void 0 && { to: a(e.to) }
 }));
-function l(e) {
-	let { to: i, href: a } = e;
-	if (typeof i == "string" && r(i)) {
-		let n = new URLSearchParams(Object.entries(e.search ?? {}).flatMap(([e, t]) => t === void 0 ? [] : [[e, String(t)]])).toString();
-		return {
-			...e,
-			to: void 0,
-			href: t + i + (n ? `?${n}` : ""),
-			reloadDocument: !0
-		};
-	}
-	return typeof a == "string" && a.startsWith("/") ? r(a) ? {
-		...e,
-		href: t + a,
-		reloadDocument: !0
-	} : {
+function s(e) {
+	let { to: n, href: r } = e;
+	return typeof r == "string" && r.startsWith("/") ? {
 		...e,
-		href: n(a)
+		href: t(r)
 	} : {
 		...e,
-		to: s(i)
+		to: a(n)
 	};
 }
-var u = (e) => {
-	let t = o.useNavigate(e);
-	return i((e) => t(l(e)), [t]);
-}, d = (e) => o.redirect(l(e)), f = (t) => o.useLocation({ select: (n) => {
+var c = (e) => {
+	let t = n.useNavigate(e);
+	return r((e) => t(s(e)), [t]);
+}, l = (e) => n.redirect(s(e)), u = (t) => n.useLocation({ select: (n) => {
 	let r = {
 		...n,
 		pathname: e(n.pathname)
 	};
 	return t?.select ? t.select(r) : r;
 } });
-function p() {
-	return o.useRouterState({ select: (t) => e(t.location.pathname) });
+function d() {
+	return n.useRouterState({ select: (t) => e(t.location.pathname) });
 }
-export { c as Link, d as redirect, f as useLocation, u as useNavigate, p as usePathname };
+export { o as Link, l as redirect, u as useLocation, c as useNavigate, d as usePathname };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parallelworks/tandem-web",
-  "version": "0.138.0",
+  "version": "0.139.0",
   "description": "Tandem's pages, for a host app to render in its own",
   "license": "UNLICENSED",
   "type": "module",
@@ -48,10 +48,10 @@
     "yjs": "^13.6.33"
   },
   "peerDependencies": {
-    "@parallelworks/ui": "^0.102.0",
-    "@tanstack/react-router": "^1.170.46",
-    "react": "^19.3.1",
-    "react-dom": "^19.3.1",
-    "use-intl": "^4.14.9"
+    "@parallelworks/ui": ">=0.105.0 <1",
+    "@tanstack/react-router": "^1.170.0",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "use-intl": "^4.14.0"
   }
 }